body{font-family: 'Roboto', sans-serif; font-size:14px;position:absolute: top:0px; z-index:1; background: url(../images/login/login-bg.jpg) no-repeat; background-size: cover;}
.bg1{ background:#005a9f; margin-bottom:20px; }
.head_main{padding:20px 0px;  overflow:hidden;}
.logo_client img,.logo_main img, .left_image img{width:100%}
/*.logo_main{max-width: 100%; }*/
.logo_main{max-width: 100%; background: #fff; padding: 10px 20px; position: fixed; top: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; max-width: 220px;}

.logo_client{max-width:100px;float:right;}
.cl_white{color:#fff!important;}
.relativ{position:relative;}
.licence{position:absolute; top:-15px; color:#fff; right:0px; font-size:12px;}
.body_main{ height:100vh;}
	
.box-loginbtn {
    background: #7B76F1;
    box-shadow: 0px 9px 20px 0px #c1bff8;
    border:none;
    color:#fff;
    width:100%;
    padding:8px;
    border-radius:4px;
    margin-bottom:15px;
}
.box-loginbtn:hover{border:none;}

.box-clearbtn{border:1px solid #eee;padding:5px 15px;background:#fff;border-radius:5px;height:36px;display:inline-block;}
.box-clearbtn:hover{border:none;}

	
background: #f0f9ff; /* Old browsers */
background: -moz-linear-gradient(top, #f0f9ff 0%, #d3d8e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f9ff 0%,#d3d8e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f9ff 0%,#d3d8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#d3d8e8',GradientType=0 ); /* IE6-9 */
}

.body_main .btn {
    border-radius: 0;
    padding: 8px 0;
}

.body_main h1{ margin-top:0px; font-size:36px; font-weight:600; color:#333;}
.form_main{ width:100%;}
.form_main .form-group,.form_main .form-group1{ margin-bottom:15px;}
.form_main .form-group input[type=text],.form_main .form-group input[type=password]{ background:#fff; border:1px solid #cbcbcb; padding: 10px 12px; color:#9197a3; width:100%; font-size:17px; font-weight:500; border-radius: 4px; }
.form-group1 input[type=text],.form_main .form-group1 input[type=password]{ color: rgba(0,0,0,0.5) !important;font-style:normal!important;opacity:.9;font-size: 14px;padding: 14px !important; font-weight: normal;font-family: 'Open Sans', sans-serif; }
footer{padding:10px 0px; font-size:12px; /*background:#fff;*/ position:fixed; bottom:0px; width:100%; color: #fff;}
div.RadComboBox_Simple table td.rcbInputCellLeft {
    border-width:0px!important;
}
.form_main .RadComboBox_Simple .rcbInputCell .rcbEmptyMessage{color: rgba(0,0,0,0.5) !important;font-style:normal!important;opacity:.9;font-size: 14px;font-weight: normal;font-family: 'Open Sans', sans-serif;}
.form_main div.RadComboBox_Simple table td.rcbInputCell {
    height: 18px;
    line-height: 18px;
    border-top: 1px solid #bdc7d8!important;
    border-left: 1px solid #bdc7d8!important;
    border-bottom: 1px solid #bdc7d8!important;
    background: #fff;
}
.form_main div.RadComboBox_Simple table td.rcbArrowCell
{		border:1px solid #bdc7d8 !important;
		 border-top: 1px solid #bdc7d8 !important;
		 
		 border-bottom: 1px solid #bdc7d8 !important;
		 border-right: 1px solid #bdc7d8 important;
	}
.right_bx_padding{ padding:20px; border:1px solid #ccc; overflow:hidden;  /*position: fixed;*/ width: 25vw; bottom: 0;}
.right_bx_padding h3 { font-size:24px; color:#333; padding:20px 0 10px !important; font-weight:600;}

.left_image li h2, .left_image li p { font-family: Calibri !important;}

@media only screen and (min-width:320px){
	.body_main{ height:100%;}
	footer{ bottom:0;}
}
@media only screen and (min-width:992px){
	.body_main{ height:100vh;}
	footer{ bottom:0px;}
}

.body_main .bg1 { background: none;}

.right_bx_padding { background: #fff; border-radius: 10px;} 
.right_bx_padding h1 { text-align: left; color: #d47d00; margin: 20px 0 30px; }
.right_bx_padding h1 span { color: #005dbd;}

.form_main input:focus { outline: 0;}

.form_main div.RadComboBox_Simple { background: #fff; border-radius: 4px; overflow: hidden;border:1px solid #cbcbcb;}
.form_main div.RadComboBox_Simple table td.rcbInputCell { border: 0 !important; background: url(../images/login/arrow-down.png) no-repeat; background-position: 97% center; background-size: 12px;}
.form_main div.RadComboBox_Simple table td.rcbArrowCell { border: 0 !important; display: none; /*background: url(../images/login/arrow-down.png) no-repeat;
    background-position: center; padding-right: 20px; background-size: 15px;*/}

/*.form_main div.RadComboBox_Simple .rcbFocused .rcbReadOnly .rcbArrowCell { background-position: center;}
.form_main div.RadComboBox_Simple *:hover,.form_main div.RadComboBox_Simple *:focus { background-position: center;}*/

.btn-custom1 { background: #005dbd; border: 0; padding: 10px; text-transform: uppercase;}

.btn-custom2 { background: #000; border: 0; padding: 10px; text-transform: uppercase;}



footer { background: rgba(0,0,0,0.7);}


.left_image { width:100%;}
.left_image h2 { color: #fff; font-size: 32px; margin-bottom: 20px; line-height: inherit; font-family: Poppins; font-weight: 600;}
.left_image p { color: #fff; font-size: 14px; line-height: inherit; font-family: Poppins; font-weight: lighter;}

html,body { overflow: hidden;}

._slider {
  position: relative;
  overflow: hidden;
  margin: 10px 0 0 15px;
}
._slider:hover ._slider_next,
._slider:hover ._slider_prev {
  display: block;
}
._slider_next, ._slider_prev {
  position: absolute;
  top: 35%;
  z-index: 999;
  display: none;
  width: auto;
  height: auto;
  padding: 2% 4%;
  background: #000;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 2em;
  opacity: 0.8;
  cursor: pointer;
}
._slider_next:hover, ._slider_prev:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}
._slider_next {
  right: 0;
}
._slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
._slider ul li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  line-height: inherit;
  text-align: left;
}

._slider ul li span { border: 2px solid #fff; display: inline-block; width: 60px; background: #fff;}
._slider ul li span+span { border: 2px solid #9E9E9E;}



._slider ul li.col-2 span { border: 2px solid #9E9E9E !important; display: inline-block; width: 60px; background: #fff;}
._slider ul li.col-2 span+span { border: 2px solid #fff !important;}








.form_main { 
  width: 100%; 
  text-align: center; 
  margin: 32px auto 0px auto; 
}
.form_main .form-group {
  max-width: 100%;
}
.form-group {
  margin-bottom: 16px;
  position: relative;
}
/*input {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid rgba(0,0,0,.37);
  border-radius: 4px;
  background-color: transparent;
  margin: 0px auto;
  padding: 6px 4px 4px 14px;
  height: 40px;
  outline: none !important;
  font-size: 16px;
  color: rgba(0,0,0,0.85);
  transition: all .2s ease-in-out;
}*/

label {
  position: absolute;
  top: 16px; 
  left: 12px;
  text-align: left;
  display: inline-block;
  padding: 0 4px;
  height: 16px;
  line-height: 14px;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  color: rgba(0,0,0,0.5);
  margin: 0px auto;
  cursor: text;
  transition: all .15s ease-in-out;
}
input:hover, input:focus { border: 1px solid #000; }

input:valid + label, input:focus + label { 
  top: -6px;
  color: #000;
  font-weight: bold;
  font-size: 10px;
}
.gl-form-asterisk {
    background-color: inherit;
    color: #e32b2b;
    padding: 0;
    padding-left: 3px;
   
}
.gl-form-asterisk:after {
    content: "*";
}

input#btnvalid {
    background: #7B76F1;
    box-shadow: 0px 5px 5px 0px #c1bff8;
}
input#btnvalid:hover{border:none;}
input#btnvalid:focus{border:none;}

.right_bx_padding h2 { text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: 600;
    margin:0px;
    padding-top:10px;
}

.right_bx_padding img { 
    margin: 0 auto;
    display: block;
    max-width: 150px;
}


.main-container {
  min-height: 100vh;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  height: 560px;
  overflow: hidden;
}
.main {
  margin: 10px auto;
  width: 400px;
  height: 400px;
  position: relative;
}
.big-circle {
  height: 100%;
  width: 100%;
  position: relative;
  border: 3px solid #fff;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  animation: Rotate 20s linear infinite;
  -webkit-animation: Rotate 20s linear infinite;
}

.box-oderlink ul{list-style-type:none;margin:0px;padding:0px;}
.box-oderlink ul li{float:left;margin-right:10px;}
.box-oderlink ul li a{color:#fff;border-right:1px solid #eee;padding-right:10px;}


.icon-block {
  width: 64px;
  height: 64px;
  position: absolute;
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background: #fff;
}
.icon-block img {
  margin: 0px auto;
  width: 50%;
  animation: Rotate-reverse 20s linear infinite;
  -webkit-animation: Rotate-reverse 20s linear infinite;
}
.icon-block:first-child {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(2) {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
}
.icon-block:nth-child(3) {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
}
.icon-block:nth-child(4) {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
/* circle content */
.circle {
  animation: circle-rotate 20s linear infinite;
  -webkit-animation: circle-rotate 20s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 60%;
  height: 60%;
  border: 3px solid #fff;
  border-radius: 50%;
}

.circle .box-medical-icon img{
    animation: img-rotate 20s linear infinite;
  -webkit-animation: img-rotate 20s linear infinite;
}


.circle2 .icon-block img {
  animation: img-rotate 20s linear infinite;
  -webkit-animation: img-rotate 20s linear infinite;
}

/* center logo */
.center-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background: #fff;
    width: 110px;
    height: 110px;
    margin: auto;
    padding: 10% 4%;
    border-radius: 50%;
}
.center-logo img {
  max-width:90px;
}

/* keyframe animation */

@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes Rotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes Rotate-reverse {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes circle-rotate {
  from {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(405deg);
  }
}

@-webkit-keyframes circle-rotate {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
  }
}

@keyframes img-rotate {
  from {
    transform: rotate(-45deg);
  }
  to {
    transform: rotate(-405deg);
  }
}

@-webkit-keyframes img-rotate {
  from {
    -webkit-transform: rotate(-45deg);
  }
  to {
    -webkit-transform: rotate(-405deg);
  }
}

.box-oderlink {
    position: fixed;
    bottom: 10px;
    left: 3%;
}

.body_main .container { /*height: 100%;*/ display: flex;
    align-items: center;}

/*div#right_side {
    display: flex;
    align-items: center;
    height: 100%;
}*/

.container.left_image ul { list-style: none;}