.login { background-color: var(--xp-dark-blue) !important; display: flex; align-items: center;}
.login .login-wrapper{width: 100%;}
.btn-block{width: 100%; display: block;}
.hide{display: none;}
.mt-5p{margin-top: 5px;}
.form-group{margin-bottom: 15px;}
.h1, .h2, .h3, h1, h2, h3 { margin-top: 20px;}
.btn, .form-control{font-size: 14px !important;}
.btn-primary { color: #fff; background-color: var(--xp-primary) !important; border-color: var(--xp-primary) !important}
.btn-primary:hover, .btn-primary:focus,.btn-primary:active { color: #fff;  background-color: var(--xp-primary-hover) !important; border-color: var(--xp-primary-hover) !important;}
a {color: var(--xp-link)}
body.login .alert{padding: 10px 15px;}
.alert{position: relative; padding-right: 30px !important;}
html{height: 100vh;display: flex;align-items: center;justify-content: center;}
.login .logo h2 { color: #fff !important; }
input::-ms-reveal, input::-ms-clear { display: none; }
.p-relative { position: relative; }
.pt-10px{padding-top: 10px !important;}
.pt-5px{padding-top: 5px !important;}
.fa.onhold_password_toggle { position: absolute; right: 10px; top: auto; bottom: 15px; display: none; }
.login .logo { margin: 0 auto; margin-top: 50px; padding: 15px; text-align: center; }
.login .content { background-color: #eceef1; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; width: 400px; margin: 20px auto 10px auto; padding: 10px 30px 20px; position: relative; }
.public-single-plage .login .content h3 { color: #4db3a5; text-align: center; font-size: 21px; font-weight: 400 !important; }
.login .content h4 { color: #555; }
.login .content .hint { color: #999; padding: 0; margin: 15px 0 7px 0; }
.login .content .login-form, .login .content .forget-form { padding: 0px; margin: 0px; }
.login .content .form-control { border: none; background-color: #dde3ec; height: 43px; color: #8290a3; border: 1px solid #bcc9de; }
.login .content .form-control:focus, .login .content .form-control:active { border: 1px solid #a6bce0; }
.login .content .form-control::-moz-placeholder { color: #8290a3; opacity: 1; }
.login .content .form-control:-ms-input-placeholder { color: #8290a3; }
.login .content .form-control::-webkit-input-placeholder { color: #8290a3; }
.login .content select.form-control { padding-left: 9px; padding-right: 9px; }
.login .content .forget-form { display: none; }
.login .content .register-form { display: none; }
.login .content .form-title { font-weight: 300; margin-bottom: 25px; }
.login .content .form-actions { clear: both; border: 0px; border-bottom: 1px solid #eee; padding: 0 30px 0 30px; margin-left: -30px; margin-right: -30px; }
.login-options { margin-bottom: 0; overflow: hidden; }
.login-options h4 { float: left; font-weight: 600; font-size: 15px; color: #7d91aa !important; }
.login-options .social-icons { float: right; padding-top: 3px; }
.login-options .social-icons li a { border-radius: 15px 15px 15px 15px !important; -moz-border-radius: 15px 15px 15px 15px !important; -webkit-border-radius: 15px 15px 15px 15px !important; }
.login .content .form-actions .checkbox { margin-left: 0; padding-left: 0; }
.login .content .forget-form .form-actions { border: 0; margin-bottom: 0; padding-bottom: 20px; }
.login .content .register-form .form-actions { border: 0; margin-bottom: 0; padding-bottom: 0px; }
.login .content .form-actions .btn { margin-top: 1px; font-weight: 600; padding: 10px 20px !important; }
.login .content .form-actions .btn-default { font-weight: 600; padding: 10px 25px !important; color: #6c7a8d; background-color: #ffffff; border: none; }
.login .content .form-actions .btn-default:hover { background-color: #fafaff; color: #45b6af; }
.login .content .forget-password { font-size: 14px; display: inline-block; margin-top: 0; }
.login .content .check { color: #8290a3; }
.login .content .rememberme { margin-left: 8px; margin-top: 10px; }
.login .content .create-account { margin: 0 -40px -30px -40px; padding: 15px 0 17px 0; text-align: center; background-color: #6c7a8d; -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -ms-border-radius: 0 0 7px 7px; -o-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; }
.login .content .create-account > p { margin: 0; }
.login .content .create-account p a { font-weight: 600; font-size: 14px; color: #c3cedd; }
.login .content .create-account a { display: inline-block; margin-top: 5px; }
.login .copyright { text-align: center; margin: 0 auto 30px 0; padding: 10px; color: #7a8ca5; font-size: 13px; }
.modal {
    text-align: center;
  }
  
  @media screen and (min-width: 768px) { 
    .modal:before {
      display: inline-block;
      vertical-align: middle;
      content: " ";
      height: 100%;
    }
  }
  
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }



body.login button.btn-close{
    position: absolute;
    top: 15px;
    right: 15px;
    color: #333;
    opacity: 1;  
}


body.login .alert button.btn-close{
    top: 0;
    right: 15px; 
    opacity: 0.5;
    bottom: 0;
    margin: auto;
    font-size: 12px;
}


@media (max-width: 440px) {
    body{width: 100%;}
    .login .logo { margin-top: 10px; }
    .login .content { width: calc(100% - 80px); margin-top: 10px; }
    .login .content h3 { font-size: 22px; }
    .public-single-plage .single-details-title { font-size: 15px !important; }
    .forget-password { display: inline-block; margin-top: 20px; }
    .login-options .social-icons { float: left; padding-top: 3px; }
    .login .checkbox { font-size: 13px; }
    .logo img{max-width: 250px;}

    .login-reg-link{margin-bottom: 5px;}
    .register-link{display: block;}
    
}
.dash-list { width: 260px; margin: 20px auto auto; }
.dash-list li { background-color: #226686; color: #fff; padding: 10px 25px 7px 10px; font-size: 17px; font-weight: 600; border-bottom: 1px solid #417b96; transition: 0.4s; position: relative; }
.dash-list li:hover { background-color: #134; border-bottom: 1px solid #417b96; cursor: pointer; }
.dash-list li:last-child { border-bottom: 0 solid #417b96; }
.dash-list li .checker, .dash-list li input { position: absolute; right: 6px; top: 13px; }
.public-single-plage .single-details-title { font-weight: 500; margin: 0 0 7px 0 !important; font-size: 18px; text-align: left; }
.single-page-details { padding: 0 10px 10px; border: 1px solid #ddd; border-radius: 4px; background-color: #f5f5f5; box-sizing: border-box; }
.single-page-info { padding-left: 210px !important; position: relative; min-height: 200px; }
.single-page-info .leftside_slider { position: absolute; left: 0; top: 0; }
.single-page-info .img-block { border: 1px solid #ddd; border-radius: 4px; padding: 5px; background-color: #fff; box-sizing: border-box; width: 190px; height: 163px; position: relative; }
.single-page-info .left-image-holder { margin: 0 auto !important; width: 140px !important; height: 140px !important; }
.single-page-info .slideshow-container { display: flex; }
.leftside_slider .h-20-number { height: 29px !important; }
.leftside_slider .numbertext { width: 100%; left: 0; }
.single-page-details .user_select_picker { position: relative; padding-right: 90px; }
.single-page-details .user_select_picker .btn { position: absolute; width: 80px; right: 0; bottom: 0; font-size: 14px; max-height: 30px; }
.single-page-details .item-prev-image, .single-page-details .item-next-image { color: #333 !important; }
.public-single-plage .udfs_content { padding-top: 20px !important; }
.public-single-plage .form-group { margin-bottom: 9px !important; }
.content_right { padding-top: 28px; }
@media (min-width: 992px) { .content_right { padding-top: 69px; } }
.w-100 { width: 100%; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-7 { margin-bottom: 7px !important; }
.mb-25 { margin-bottom: 25px !important; }
.f-16 { font-size: 16px; }
.f-15 { font-size: 15px; }
.f-14 { font-size: 14px; }
.m-0 { margin: 0 !important; }
.mt-5p{margin-top: 5px;}
.f-13{font-size: 13px;}
.mb-0{margin-bottom: 0;}
.mt-0 { margin-top: 0 !important; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
@media (min-width: 1200px) {
    .single-page-info .item-next-image { right: -11px; }
    .single-page-info .item-prev-image { left: -6px; }
}
@media (max-width: 767px) {
    .public-single-plage .udfs_content { padding-top: 0 !important; }
    .single-page-details .btn-close-tab { display: block; width: 100%; }
    .public-single-plage .content { width: 100% !important; }
    .single-page-info { padding-left: 0 !important; }
    .single-page-info .leftside_slider { position: static; }
    .single-page-info .img-block { margin: auto; }
    .content_right { margin-top: 15px; padding-top: 0; }
    .public-single-plage .form-group { margin-bottom: 9px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .public-single-plage .form-group { margin-bottom: 9px !important; }
}
@media (max-width: 1199px) {
    .single-page-info .item-next-image { right: -11px; top: 35% !important; }
    .single-page-info .item-prev-image { left: -4px; top: 35% !important; }
}
@media (max-width: 991px) {
    .public-single-plage .logo { padding-bottom: 8px !important; padding-top: 10px !important; }
    .public-single-plage .logo img { max-height: 24px !important; }
}
@media (min-width: 992px) {
    .public-single-plage .logo img { max-height: 30px !important; }
}
@media (min-width: 768px) and (max-width: 1300px) {
    .public-single-plage .content { width: 85% !important; }
}
.verify_code_form .otp_form_group input { margin: 0 0.5rem; padding: 0.5rem; max-width: 100%; text-align: center; padding-left: 5px; padding-right: 5px; border-radius: 4px !important; }
.verify_code_form .otp_form_group input[type=number]::-webkit-inner-spin-button, .verify_code_form .otp_form_group input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.otp_form_group { margin: auto; margin-left: -5px; margin-right: -5px; display: flex; flex-flow: row nowrap; justify-content: center; width: auto; }
.form-control.field-required { border: 1px solid red !important; color: red !important; }
.form-group.custom-single-item-styling { position: unset; text-align: right; margin-right: 88px !important; }
.single-item-custom-button { font-size: 14px !important; }
@media (max-width: 768px) {
    .form-group.custom-single-item-styling { margin-right: 88px !important; }
}

.swal2-modal { position: initial; top: 0px !important; right: 17px !important; width: 402px !important; height: 180px !important; } 
.swal2-title { text-align: center !important; } 
.revoke-link { margin: 0px 0px 3px 20px !important; } 
.table td .btn { padding: 0.35rem 0.5rem !important; font-size: .79rem !important; line-height: 1 !important; margin-right: 2px; } 
.table td .btn:last-child { margin-right: 0 !important; } 
.table tr td:last-child, .table tr th:last-child { text-align: center; } 
.table.dataTable { margin-top: 0 !important; } 
#logins_table_wrapper .dt-length, #logins_table_wrapper .dt-search { width: 50%; float: left; display: inline-block; } 
#logins_table_wrapper .dt-search label { text-align: left; display: flex; justify-content: flex-end; align-items: center; } 
#logins_table_wrapper .dt-search label input { width: 200px; } 
#register_user_filter { max-width: 200px; }