/*Designed: Beconlabs Author: Gincilin File: Pages*/ 
body { background: #f6f5f9;
  font-family: "Inter", sans-serif;
  margin: 0;  
}
html {overflow-x: hidden;
  position: relative;
  height: 100%; 
}
*,::after,::before{box-sizing:border-box}

h1,h2,h3,h4,h5,h6 {color: #505458; margin: 0px 0;}
* {outline: none !important;}
a {outline: 0; text-decoration: none;}
a:hover {outline: 0; text-decoration: none;}
a:active {outline: 0;  text-decoration: none;}
a:focus { outline: 0; text-decoration: none;}
ul, ul li {list-style: none;}
.p-0 { padding: 0 !important;}
.p-t-0 {padding-top: 0 !important;}
.p-t-10 {padding-top: 10px !important;}
.p-b-10 {padding-bottom: 10px !important;}
.m-0 { margin: 0 !important;}
.m-r-5 { margin-right: 5px;}
.m-r-10 {margin-right: 10px;}
.m-r-15 {margin-right: 15px !important;}
.m-l-10 {margin-left: 10px;}
.m-l-15 {margin-left: 15px;}
.m-t-5 {margin-top: 5px !important;}
.m-t-0 {margin-top: 0;}
.m-t-3 {margin-top: 3px !important;}
.m-t-5 {margin-top: 5px !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-25 {margin-top: 25px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-t-35 {margin-top: 35px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-t-50 {margin-top: 50px !important;}
.m_t_55 {margin-top: 55px !important;}
.m_t_83 {margin-top: 83px !important;}
.m-t-60 {margin-top: 60px !important;}
.m-t-80 {margin-top: 80px !important;}
.m-b-0 {margin-bottom: 0;}
.m-b-5 {margin-bottom: 0;}
.m-b-10 {margin-bottom: 10px !important;}
.m-b-15 {margin-bottom: 15px !important;}
.m-b-30 {margin-bottom: 30px !important;}
.container {width: auto;}

/*----------------------Login Start----------------------------*/
.login_m { width: 98%; margin: 0px auto; position: absolute; top: 32%; margin-top: -200px;}
.login_bg {background: url(../images/register_bg.jpg);
  background-position: center top; background-repeat: no-repeat; background-size: cover;
}
.register_bg { background: url(../images/register_bg.jpg) #f6f5f9;
  background-position: center top; background-repeat: no-repeat; background-size: cover;
}
.login_logo {margin-bottom: 25px;}
.wrapper-page { margin: 7% auto; width: 750px;}
.wrapper-page .panel { background-color: #fff;  border: 0px solid transparent !important;
  border-radius: 6px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  margin-bottom: 20px; padding: 0px 0px 15px 0px;
}
.wrapper-page .panel-primary > .panel-heading { background-color: #2e87d9; border-color: #2e87d9; color: #fff;}
.panel-pages { border-radius: 6px;}
.panel-pages .panel-body { padding: 30px;}
.panel-pages .panel-heading { -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px;  border-radius: 6px 6px 0px 0px;
  padding: 7px 20px; position: relative;
  }
.panel-pages .panel-heading h3 { position: relative; z-index: 999;}
.user-thumb { margin-top: -44px; position: relative; z-index: 999;}
.user-thumb img { height: 88px; margin: 0px auto; width: 88px;}
.ex-page-content h1 { color: #252932;  font-size: 98px;
  font-weight: 700;  line-height: 150px;
  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px,
    rgba(61, 61, 61, 0.3) 3px 3px;
}
.form-control-login { height: 40px !important; color: #545454 !important;  border: 1px solid #ccc !important;}
.form-control-login a { color: #545454 !important;}
.login_buttons {
  width: 60% !important;
  height: 45px;
  font-size: 18px;
  text-transform: uppercase;
  background: none;
  border-radius: 50px;
  color: #37425c;
  border: 2px solid #0c056d !important; 
  margin: 15px 0px 0px 0px;
  font-weight:500;
}
 
.login_buttons:hover { color:#fff; background: #0c056d !important; border: 2px solid #0c056d !important; }
.forgot {font-size: 12px !important; text-align: center; padding: 0px 0px 15px 0px;}
.forgot a { font-size: 12px !important; color: #0074ff; font-weight: 600;}
.login_con_m { background: #fff none repeat scroll 0 0; box-shadow: 0 0 5px #ccc; padding: 15px;}
.login_con { font-size: 14px; color: #2d2d2d; padding: 0p; margin: 0px; text-align: center; line-height: 23px;}
.login_con1 { font-size: 14px;  color: #2d2d2d;  padding: 15px 0px 15px 0px;  margin: 0px;  text-align: center;  line-height: 23px;}
.happy_bro {  font-size: 30px;  color: #f22172;  padding: 0px;  margin: 0px;  text-align: center;}
/*----------------------Login End----------------------------*/
/*----------------------Register Start----------------------------*/
.registration_forms { width: 90%; margin: 5px auto; border-radius: 8px; padding: 60px 35px 0px 35px;}
.digimed_logo { padding: 220px 70px 70px 70px;}
.registration_forms .form-group { margin: 0px 0px 20px 0px !important;}
.registration_forms h1 { color: #646464 !important;
  font-size: 32px;  margin: 0;  padding: 5px 0px 15px 0px;
  text-align: center;  text-transform: none;  font-weight: 600;
}
.registration_forms p { color: #646464 !important;
  font-size: 15px;  margin: 0;  padding: 0px 0px 40px 0px;
  text-align: center;  text-transform: none;  font-weight: 400;
}
.registration__heading { color: #000; font-size: 25px; margin: 0; padding: 50px 0px 0px 0px; text-align: left;}
.registration_forms .select-wrapper {
  margin-bottom: 10px;
  display: inline-block;
  border: 0px solid #d5d7da !important;
  background: url(../images/dropdown.png) #fff no-repeat right center;
  cursor: pointer;
  border-radius: 5px !important;
  color: #2d2d2d !importants;
  padding-left: 8px;
}
.registration_forms .select-wrapper,
.registration_forms .select-wrapper select { width: 100%; height: 48px; position: relative;}
.registration_forms .select-wrapper .holder { display: block;  margin: 17px 35px 0 5px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  position: absolute;  font-weight: 400;  font-style: normal;
  color: #2d2d2d !important;  font-size: 14px;
}
.registration_forms .select-wrapper select {  margin: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  /* CSS hacks for older browsers */
  _nofocusline: expression(this.hideFocus=true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
.registration_forms .form-control {
  -moz-border-radius: 8px;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  border-radius: 8px;
  border: 0px solid #d5d7da !important;
  box-shadow: none;
  color: #2d2d2d !important;
  font-size: 14px;
  height: 48px !important;
  padding-left: 18px !important;
}
.registration_forms label {
  display: inline-block;
  font-weight: 400 !important;
  margin-bottom: 0px;
  max-width: 100%;
  font-size: 14px;
  font-weight: 600 !important;
  color: #494c50;
  padding: 0px 0px 5px 0px;
}
.registration_forms ::-webkit-input-placeholder { color: #000 !important;}
.registration_forms ::-moz-placeholder { color: #000 !important;}
.registration_forms :-ms-input-placeholder { color: #000 !important;}
.registration_forms :-moz-placeholder { color: #000 !important;}
.registration_forms .checkbox label { display: inline-block; padding-left: 5px; position: relative; font-size: 15px; color: #37425c !important;}
.registration_forms .btn {  margin: 15px 0px 0px 0px;}
span.field-icon { position: absolute;
  display: inline-block;
  cursor: pointer;
  right: 20px;
  top: 15px;
  z-index: 500;
}
.login_logo { width: 90%;  margin: 0px auto;  margin-top: 50px;  background: #fff; border-radius: 8px;  padding: 110px 15px 230px 15px;}
.login_forms_sec {
    width: 90%;
    margin: 5px auto;
    border-radius: 8px;
    padding: 130px 35px 0px 35px;
}
.login_forms_sec h1 {  color: #646464 !important;
  font-size: 32px;  margin: 0;  padding: 25px 0px 40px 0px;
  text-align: center;  text-transform: uppercase;
  font-weight: 600;  font-family: 'Oxygen', sans-serif;
}
.login_forms_sec .form-control { -moz-border-radius: 8px;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  border-radius: 8px;
  border: 0px solid #d5d7da !important;
  box-shadow: none;
  color: #2d2d2d !important;
  font-size: 14px;
  height: 48px !important;
  padding-left: 18px !important;
}
.login_forms_sec label { display: inline-block;
  font-weight: 500 !important;
  margin-bottom: 0px;
  max-width: 100%;
  font-size: 12px;
  font-weight: 600 !important;
  color: #494c50;
  padding: 6px 0px 10px 0px;
   font-family: "Inter", sans-serif;
}
.login_forms_sec .form-group { margin: 0px 0px 10px 0px !important;}
.register_logo { width: 250px; margin: 50px 0px 0px 0px; margin-top: 30px;}
.row_login {  margin-right: -15px; margin-left: -15px;}
.pin_number { width: 16.66666667%;
  position: relative;
  min-height: 1px; padding-right: 15px; padding-left: 15px;
  float: left;
}
.pin_number .form-control { -moz-border-radius: 8px;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
  background-color: #fff;
  border-radius: 8px;
  border: 0px solid #d5d7da !important;
  box-shadow: none;
  color: #2d2d2d !important;
  font-size: 20px;
  height: 48px !important; padding-left: 0px !important; padding-right: 0px !important;
  text-align: center;
}

/*****Register End***********/


::-webkit-input-placeholder {font-size:13px; color: #212529 !important;}
::-moz-placeholder {font-size:13px; color: #212529 !important;}
:-ms-input-placeholder {font-size:13px; color: #212529 !important;}
:-moz-placeholder {font-size:13px; color: #212529 !important;}

@media screen and (max-width: 1024px) { 
.login_forms_sec {padding: 80px 0px 0px 0px;}
}

@media screen and (max-width: 767px) {
.login_logo {margin-top: 30px;padding: 0px 15px 40px 15px;}
.login_forms_sec {padding: 0px 0px 0px 0px;}
.login_forms_sec h1 { font-size: 25px;  padding: 25px 0px 40px 0px; }
}