:root {
  --text-xxs:			11px;
  --text-default:		12px;
  --text-xs:			13px;
  --text-sm:			14px;
  --text-md:			16px;
  --text-lg:			18px;
  --text-xl:			20px;
  --text-xxl:			24px;

  --color-default:		#222;
  --color-grey:			#a8a8a8;
  --color-mid-grey:		#888888;
  --color-blue-light:	#D4F8FF;
  --color-blue:			#1261c3;
  --color-red:			#e61e1e;
  --color-green:		#53cc7e;
  --color-green-light:	#517135;
  --color-yellow:		#eed202;
  --color-dark-yellow:	#dcbd72;
  --color-orange:		#f3a119;
  --color-brown:		#80766e;

  --bg-white:			#ffffff;
  --bg-yellow:			#f9ee9e;
  --bg-light-yellow:	#fdf8ce;
  --bg-blue:			#e6f1ff;
  --bg-green:			#ccffa0;
  --bg-red:				#ffe7e7;
  --bg-beige-light:	 	#f5f4ee;
  --bg-grey:	 		#e5e5e5;

  --g-border:			1px solid #d2d2d2;
  --g-shadow:			0 1px 6px #00000014;
  --g-icon-14:          14px;
  --g-icon-16:          16px;
  --g-icon-18:          18px;
  --g-icon-26:          26px;
}

body *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font-family: 'Jost', sans-serif;font-size: 12px;margin:0px;padding:0px;background: #062c5d;}
form{margin:0px;padding:0px;}

.hide{display: none !important;}

.-g2-error,
.-g2-warning,
.-g2-succes,
.-g2-info {
	display: flex;
    align-items: center;
    gap: 6px;
	max-width: fit-content;
	font-size: var(--text-xs);
	line-height: 1.4;
    padding: 6px 12px;
    border-radius: 6px;
}
.-g2-widget-messages{
	align-items: flex-start;
	gap: 10px;
	padding: 12px 16px;
	margin-top: 20px;
}
.-g2-error.large,
.-g2-warning.large,
.-g2-succes.large,
.-g2-info.large {
    font-size: var(--text-sm);
	padding: 10px 14px;
	gap: 8px;
	max-width: 100%;
	margin: 0 6px 8px;
	box-shadow: 0 0 8px #00000016;
}
.-g2-error.large,
.-g2-succes.large {justify-content: space-between;}
.-g2-error .icons,
.-g2-warning .icons,
.-g2-succes .icons,
.-g2-info .icons {font-size: 15px;}
.-g2-error.large .icons,
.-g2-warning.large .icons,
.-g2-succes.large .icons {font-size: 17px;}
.-g2-error ._close {color: var(--color-red);}
.-g2-warning ._close {color: #a96f24;}
.-g2-succes ._close {color: var(--color-green-light);}

.-g2-error {background: var(--bg-red);color: var(--color-red);}
.-g2-warning {background: var(--bg-yellow);color: #a96f24;}
.-g2-succes{background: var(--bg-green);color: var(--color-green-light);}
.-g2-info{background: var(--bg-beige-light);color: var(--color-brown);}
#silkmartLogo {width: 180px;margin: 0 auto;}
#silkmartLogo img{display:block;height:auto;width:auto;max-width:100%;}

.-g2-login-page-widget {
	display: flex;flex-direction: column;align-items: center;gap: 20px;
	margin: 0 auto;width: 100%;max-width: 360px;padding: 80px 20px;
    background: #fff;border-radius: 16px;box-shadow: 0 0 48px -2px #4d506850;
}
#login_page{ display: flex;flex-direction: column;align-items: center;gap: 12px 0;margin: 0 auto;max-width: 280px;}
.-g2-link{font-size: 15px;color: #1261c3;text-decoration: none;}
.-g2-btn {
	display:flex;align-items: center;justify-content: center;gap: 6px;
	font-size: 15px;line-height: 36px;text-decoration: none;white-space: normal;
	padding:0 30px;width: 100%;border: none;border-radius: 6px;cursor: pointer;
}
.-g2-btn-red {background: #e61e1e;color: #fff;}
.-g2-btn-blue {background: #1261c3;color: #fff;}


input {
	font-family: 'Jost', sans-serif;
    border: 1px solid #c7c7c7;
    border-radius: 6px;
    color: #555;
    font-size: 12px;
    padding: 4px 8px;
	margin:0px;
	font-size:16px;
}

input:focus {
  border: 1px solid var(--color-blue)!important;
   outline: none;           
  box-shadow: none; 
}
.smsCodeHolder input:focus {border: 2px solid var(--color-blue)!important;}

input.checkbox {
	width: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.input-group {
	font-weight: 400;
	font-size: 16px;
	color: #222;
}
.input-group span{
	font-weight: 500;
	font-size: 22px;
    color: #888;
}

.input-sms-code-check{
	text-align: center;
    border: none;
    background: #f1f1f1;
    padding: 0 4px;
    min-height: 48px;
    line-height: 48px;
    font-size: 20px;
	color: #000;
}

label {
	font-size: 16px;
    color: #222;
    display: block;
    margin-bottom: 6px;
}

label.small {
	font-weight: normal;
	font-size:  13px;
}