@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');

/* body{ background: radial-gradient(#00a0ff, #1139b1); } */
body{ background:radial-gradient(#00a0ff, #1139b1, #001f7d); }

input.form-control,input.form-control:focus {  box-shadow: none;  -webkit-box-shadow: none;  -moz-box-shadow: none;  -moz-transition: none;  -webkit-transition: none;}

.bgl{ display:block;background: rgba(0, 0, 0, 0.0);min-height:200px; border-radius:7px 0 0 7px;}

.border-r{ border-radius:0 7px 7px 0;}
.border-l{ border-radius:7px 0 0 7px;}


@media screen and (max-width: 750px){

.border-l{ border-radius:7px 7px 0 0;}
.border-r{ border-radius:0 0 7px 7px;}
.ftco-section{ padding:2em 0!important; }

}


.bgl::after{ content:""; /* background-image: url(/uploads/dentalpro/bg.jpg) !important; */ background-size: cover !important;opacity: 0.8;top: 0;left: 0;bottom: 0;right: 0;display:block;position: absolute;z-index: 0;   }

.logo{ z-index: 1;position:relative;}

a, a:hover, a:active, a:focus{ text-decoration:none; color:inherit; }


.form-login{ width:1100px; margin:auto; padding:15px; }

.login-shaddow{ border-radius: 10px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05); overflow: hidden; } 

.bg-form{ padding:5%;background-color:#fff; }



body { font-family: "Roboto Condensed", sans-serif; font-size: 16px; line-height: 1.8; font-weight: normal; color: gray; }  
a { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; color: #0095fe; }
a:hover, a:focus {   text-decoration: none !important;   outline: none !important;   -webkit-box-shadow: none;   box-shadow: none; }  
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { line-height: 1.5; font-weight: 400; font-family: "Lato", Arial, sans-serif; color: #000; }
  
.bg-primary { background: #f35588 !important; }

.ftco-section { padding: 7em 0; }

.ftco-no-pt { padding-top: 0; }

.ftco-no-pb { padding-bottom: 0; }

.heading-section { font-size: 28px; color: #000; }
  
.img { background-size: cover; background-repeat: no-repeat; background-position: center center; }
  
.wrap { width: 100%; border-radius: 5px; -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24); box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24); }
  
.text-wrap, .login-wrap { width: 50%; }
    
@media (max-width: 991.98px) {

.text-wrap, .login-wrap { width: 100%; } }
  
.text-wrap { background-image: url(/assets/static/bg-white.jpg) !important; background-size: cover !important; color: #fff; }

/*background-attachment:fixed !important; background: #0095fe; background: -moz-radial-gradient(#45b9fe, #0095fe); background: -webkit-gradient(left top, right bottom, color-stop(#45b9fe), color-stop(#0095fe)); background: -webkit-radial-gradient(#45b9fe, #0095fe); background: -o-radial-gradient(#45b9fe, #0095fe); background: -ms-radial-gradient(#45b9fe, #0095fe); background: -webkit-radial-gradient(#45b9fe, #0095fe); background: -o-radial-gradient(#45b9fe, #0095fe); background: radial-gradient(#45b9fe, #0095fe); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b9fe', endColorstr='#0095fe', GradientType=1 ); */

.text-wrap .text h2{ font-weight: 900; color: #fff; }
  
.login-wrap{ position: relative; background: #fff; } .login-wrap h3 { font-weight: 300; }

.form-group{ position: relative; } 

.form-group .label { letter-spacing: 1px; color: #9b9bb6; } .form-group a { color: #b3b3c8; }

.form-control{ height: 48px; background: rgba(0, 0, 0, 0.05); color: #000; font-size: 16px; border-radius: 50px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent; padding-left: 10px; padding-right: 20px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
.form-control{ -webkit-transition: none; -o-transition: none; transition: none; } 
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(0, 0, 0, 0.2) !important; }
.form-control::-moz-placeholder { /* Firefox 19+ */ color: rgba(0, 0, 0, 0.2) !important; }
.form-control:-ms-input-placeholder { /* IE 10+ */ color: rgba(0, 0, 0, 0.2) !important; }
.form-control:-moz-placeholder { /* Firefox 18- */ color: rgba(0, 0, 0, 0.2) !important; }
.form-control:focus, .form-control:active { outline: none !important; -webkit-box-shadow: none; box-shadow: none; background: rgba(0, 0, 0, 0.07); border-color: transparent; }
.social-media { position: relative; width: 100%; } 
.social-media .social-icon { display: block; width: 40px; height: 40px; background: transparent; border: 1px solid rgba(0, 0, 0, 0.05); font-size: 16px; margin-right: 5px; border-radius: 50%; }
.social-media .social-icon span { color: #999999; }
.social-media .social-icon:hover, .social-media .social-icon:focus { background: #0f9dfe; color: white; } 
.social-media .social-icon:hover span, .social-media .social-icon:focus span { color: #fff; }
.checkbox-wrap { display: block; position: relative; padding-left: 30px; margin-bottom: 12px; cursor: pointer; font-size: 16px; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Hide the browser's default checkbox */
.checkbox-wrap input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 0; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: "\f0c8"; font-family: "Font Awesome 5 Pro"; position: absolute; color: #0095fe; font-size: 20px; margin-top: -4px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 

@media (prefers-reduced-motion: reduce) {  
.checkmark:after { -webkit-transition: none; -o-transition: none; transition: none; }
}

/* Show the checkmark when checked */
.checkbox-wrap input:checked ~ .checkmark:after { display: block; content: "\f14a"; font-family: "Font Awesome 5 Pro"; color: rgba(0, 0, 0, 0.2); }
 
.checkbox-primary {color: #0095fe;}
.checkbox-primary input:checked ~ .checkmark:after {color: #0095fe;}
.btn { cursor: pointer; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 15px; padding: 10px 20px; border-radius: 50px; }
.btn:hover, .btn:active, .btn:focus { outline: none; }

.btn.btn-primary { background: #0095fe; border: 1px solid #0095fe; color: #fff; }
.btn.btn-primary:hover { border: 1px solid #18a1fe; background: #0087e4; color: #fff; }   
.btn.btn-primary.btn-outline-primary { border: 1px solid #f35588; background: transparent; color: #f35588; } 
.btn.btn-primary.btn-outline-primary:hover {   border: 1px solid transparent;   background: #f35588;   color: #fff; } 
.btn.btn-white { background: #fff;   border: 1px solid #fff;   color: #fff; }   
.btn.btn-white:hover { border: 1px solid #fff; background: transparent; color: #fff; }   
.btn.btn-white.btn-outline-white { border: 1px solid #fff; background: transparent; color: #fff; } 
.btn.btn-white.btn-outline-white:hover {   border: 1px solid transparent;   background: #fff;   color: #000; }
  
.form-check { position: relative; display: block; padding-left: 1.25rem; }
  
.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }

.form-check-input:disabled ~ .form-check-label {   color: #6c757d; }
.form-check-label { margin-bottom: 0; } 
.form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } 
.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }
      
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; }

.btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }

#login:before{ font-family: "Font Awesome 5 Pro"; content: "\f0c8";  /* this is your text. You can also use UTF-8 character codes as I do here */ font-family: FontAwesome; left:-5px; position:absolute; top:0; }

.font-login{font-size: 3.5em; color: #0970da; font-weight: bold; font-family: 'Roboto Condensed'; line-height: 1; background: -webkit-linear-gradient(#0095fe, #0a64d2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.facilsign{font-family: 'Roboto Condensed', sans-serif; line-height: 20px; font-size: 0.9rem; vertical-align: middle; letter-spacing: 0.02rem; }

.input-gp{border-radius: 50px; background: #f2f2f2;}

.input-gp input{border: none!important;background: none!important;}
.input-gp .input-group-text{border: none; background: none;color: #c2c2c2;}


.input-gp-p{padding-left: 10px; margin:0!important;}