* {
  outline: none;
}

.d-block {
  display: block !important;
}

.align-center {
  justify-content: center;
  align-items: center;
}

a {
  color: #3babf0;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.page-wrapper > .container-fluid > .row,
.page-wrapper > .container-fluid > .row > .col-12 {
    margin: 0;
    padding: 0;
    display: block;
}

/** LOGIN **/
body.login-page {
    background-color: #000;
}

#recoverform {
  display: none;
}

.logo_wrap {
  display: none!important;
}

.icon_title {
  display: block!important;
}

.row.login-form > .col-lg-6.col_img_bg .d-flex {
  height: 100%;
}


/** login **/

body.login-page {
  padding: 0!important;
  margin: 0!important;
  overflow: hidden!important;
  font-family: 'Bai Jamjuree', sans-serif !important;
}

.login-page #wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.login-page .form-group {
  margin-bottom: 20px;
  position: relative;
}

.login-page svg {
  position: absolute;
  top: 0;
  color: #3babf0;
  fill: #34a7e048;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 25px;
}

.login-page .form-material .form-control.input-with-icon {
  padding-left: 65px;
  height: 40px;
  height: auto;
}

.login-page .form-material .form-control {
  font-size: 16px;
}

.login-form {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100vh;
  background: radial-gradient(#194382 -10%, #000758 60%);
  overflow: hidden;
}

.row.login-form > .col-lg-6.login-wrap {
  margin-top: auto;
  margin-bottom: auto;
}

.row.login-form > .col-lg-6.col_img_bg {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 0 !important;
}

.login-register {
  height: 100%;
  margin-left: auto;
}

.login-page .card-body {
  padding: 2.1rem;
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.login-wrap {
    padding: 0;
}

.login-box {
  width: 100%;
  height: 100vh;
  margin: 0;
  max-width: 100%;
}

.row.login-form > .col-lg-6.login-wrap .login-box.card {
  position: relative;
  height: auto;
  width: auto;
  max-width: 700px;
  border-radius: 16px;
  box-shadow: 0 50px 50px -20px rgba(0,0,0,0.17);
}

.row.login-form > .col-lg-6.login-wrap .login-box.card .card-body {
  padding: 3rem 2.5rem;
  max-width: 530px;
  width: 100%;
}

.row.login-form > .col-lg-6.login-wrap .login-box.card .card-body form {
  width: 100%;
}

.row.login-form .icon_title {
  text-align: center;
  margin-bottom: 4px;
  color: #dfdfdf;
}

.login-form h3 {
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 13px !important;
  text-align: center;
  font-size: 37px;
  line-height: 1.2;
  margin-bottom: 7px !important;
  font-weight: 400;
}

.box-title span {
  color: #3babf0;
  font-weight: 800;
  font-size: 110%;
}

.row.login-form > .col-lg-6.login-wrap .login-box.card .card-body form .form-group {
  overflow: visible;
}

.form-material .form-control {
  /*background-image: linear-gradient(#3babf0, #3babf0), linear-gradient(rgba(120, 130, 140, 0.13), rgba(0,0,0,0.2));*/
  background-image: linear-gradient(to right,#3babf0 0%,#1881c2 51%,#3babf0 100%);
  border: 1px solid #dedede;
  background-color: #eaeaea !important;
  background: #eaeaea !important;
  padding: 12px 25px;
  padding-left: 25px;
  border-radius: 50px;
  color: #222 !important;
  font-size: 16px !important;
  font-weight: 500;
}

.form-horizontal label {
  margin-bottom: 0px;
}

.row.login-form > .col-lg-6.login-wrap .login-box.card .card-body form .notification {
  margin-top: 28px !important;
}

.row.login-form > .col-lg-6.login-wrap .login-box.card .card-body .copyright {
  position: static;
  margin-top: 13px;
  margin-bottom: 0;
  color: #666;
  font-weight: 600;
}

.login-page .img-fluid {
    max-width: 600px;
    width: 100%;
}

.forgot-link {
    font-size: 16px;
    color: #3babf0;
    font-weight: 600;
}

a.link-highlight {
    font-weight: 600;
    border-bottom: 1px solid #3babf0;
}

.copyright {
    position: absolute;
    bottom: 10px;
}

/** Buttons **/

.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;will-change:opacity, transform;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;transition:all 0.1s ease-out}
.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0, 0, 0, 0.2);-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;transition:all 0.7s ease-out;-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-o-transition-property:-o-transform, opacity;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);pointer-events:none}
.waves-effect.waves-light .waves-ripple{background-color:rgba(255, 255, 255, 0.45)}
.waves-effect.waves-red .waves-ripple{background-color:rgba(244, 67, 54, 0.7)}
.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255, 235, 59, 0.7)}
.waves-effect.waves-orange .waves-ripple{background-color:rgba(255, 152, 0, 0.7)}
.waves-effect.waves-purple .waves-ripple{background-color:rgba(156, 39, 176, 0.7)}
.waves-effect.waves-green .waves-ripple{background-color:rgba(76, 175, 80, 0.7)}
.waves-effect.waves-teal .waves-ripple{background-color:rgba(0, 150, 136, 0.7)}

.btn {
    padding: 0.4375rem 1.25rem;
    touch-action: manipulation;
    cursor: pointer;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 13px 30px -15px rgba(0,0,0,0.3);
    will-change: opacity,transform;
    -webkit-transition: all .3s ease-out;
    font-size: 16px;
    font-weight: 700;
    background-size: 200% auto;
    transition: all 0.5s cubic-bezier(.28,.41,.44,.88)!important;   
    border: none!important;
    border-radius: 10em;
}

.btn i {
  margin-right: 5px;
}

.card-body form .btn {
  margin-top: 17px;
  font-size: 19px;
  padding: 12px 40px;
  margin-right: auto;
}

.btn-save-info {
  background: #34A8E0;
  border: 1px solid #34A8E0;
  box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
  transition: 0.2s ease-in;
  padding: 10px 30px;
  color: #fff;
}

.btn-info, .btn-save-info {
    color: #fff!important;
    background-color: #3babf0!important;
    border-color: #3babf0;
    box-shadow: 0 10px 20px -10px #3babf0;
    background-image: linear-gradient(to right,#000758 0%,#3babf0 51%,#000758 100%);
    box-shadow: 0 13px 30px -15px rgba(0,0,0,0.3);
}

.btn {
    padding: 0.8rem 2rem;
    transition: all 0.3s cubic-bezier(.28,.41,.44,.88)!important;
}

.btn-info,
.btn-save-info 
{
    background-image: linear-gradient(to right,#000758 0%,#3babf0 51%,#000758 100%);
}

.btn-info:hover, .btn-save-info:hover {
  background-image: linear-gradient(to right,#3babf0 0%,#000758 51%,#3babf0 100%) !important;
  box-shadow: 0 20px 40px -10px rgba(0,0,0,0.15) !important;
  background-position: right center;
}

/** Checkbox **/

[type=checkbox]+label {
    padding-left: 30px;
    font-weight: 600;
}

.custom-control.custom-checkbox {
    align-self: center;
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    margin-right: 0;
    padding-left: 0;
}

.custom-checkbox .custom-control-label:after, .custom-checkbox .custom-control-label:before {
    width: 1rem;
    height: 1rem;
    top: 0.05rem;
    top: -0.1rem;
    background: #f2f2f2;
    border: 1px solid #dedede;
    width: 1.3rem;
    height: 1.3rem;
}

.custom-checkbox .custom-control-label:before {
    border-radius: 0.25rem;
}

.custom-control-label:before {
    background-color: #fff;
    border: 1px solid #adb5bd;
    box-shadow: none!important;
}

.custom-control-label:before{
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.custom-control-label:after, .custom-control-label:before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
}

.custom-control-label:before {
    pointer-events: none;
}

.custom-control-label:after {
    background: 50%/50% 50% no-repeat;
}

.custom-control-label:after {
    cursor: pointer;
}

[type=checkbox]:checked+label.custom-control-label:before {
    top: -3px;
    height: 17px;
}

[type=checkbox]:checked,[type=checkbox]:not(:checked){position:absolute;left:-9999px;opacity:0}
[type=checkbox]{}[type=checkbox]+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}
[type=checkbox]+label:before,[type=checkbox]:not(.filled-in)+label:after{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:1px solid #b1b8bb;border-radius:1px;margin-top:2px;transition:.2s}
[type=checkbox]:not(.filled-in)+label:after{border:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
[type=checkbox]:not(:checked):disabled+label:before{border:none;background-color:rgba(0, 0, 0, 0.26)}
[type=checkbox].tabbed:focus+label:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border:0;border-radius:50%;box-shadow:0 0 0 10px rgba(0, 0, 0, 0.1);background-color:rgba(0, 0, 0, 0.1)}
[type=checkbox]:checked+label:before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #3babf0;border-bottom:2px solid #3babf0;-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}
[type=checkbox]:checked:disabled+label:before{border-right:2px solid rgba(0, 0, 0, 0.26);border-bottom:2px solid rgba(0, 0, 0, 0.26)}
[type=checkbox]:indeterminate+label:before{top:-11px;left:-12px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #26a69a;border-bottom:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}
[type=checkbox]:indeterminate:disabled+label:before{border-right:2px solid rgba(0, 0, 0, 0.26);background-color:transparent}
[type=checkbox].filled-in+label:after{border-radius:2px}
[type=checkbox].filled-in+label:after,[type=checkbox].filled-in+label:before{content:'';left:0;position:absolute;transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;z-index:1}
[type=checkbox].filled-in:not(:checked)+label:before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);-ms-transform:rotate(37deg);transform:rotateZ(37deg);-webkit-transform-origin:20% 40%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}
[type=checkbox].filled-in:not(:checked)+label:after{height:20px;width:20px;background-color:transparent;border:1px solid #b1b8bb;top:0px;z-index:0}
[type=checkbox].filled-in:checked+label:before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);-ms-transform:rotate(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}
[type=checkbox].filled-in:checked+label:after{top:0;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0}
[type=checkbox].filled-in.tabbed:focus+label:after{border-radius:2px;border-color:#5a5a5a;background-color:rgba(0, 0, 0, 0.1)}
[type=checkbox].filled-in.tabbed:checked:focus+label:after{border-radius:2px;background-color:#26a69a;border-color:#26a69a}
[type=checkbox].filled-in:disabled:not(:checked)+label:before{background-color:transparent;border:2px solid transparent}
[type=checkbox].filled-in:disabled:not(:checked)+label:after{border-color:transparent;background-color:#BDBDBD}
[type=checkbox].filled-in:disabled:checked+label:before{background-color:transparent}
[type=checkbox].filled-in:disabled:checked+label:after{background-color:#BDBDBD;border-color:#BDBDBD}
.switch,.switch *{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}


/** Media **/

@media screen and (min-width: 992px) and (max-width: 1400px) {
  .login-register {
    width: 95%;
    margin-right: auto;
    margin-left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 992px) {
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}

@media screen and (max-width: 992px) {
  .login-register .logo_wrap {
    text-align: center;
    margin-bottom: 23px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 25px;
  }
  .login-box{
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .login-page #wrapper {
    height: auto;
  }
  .login-register, .login-connexion {
    position: relative;
    margin: auto;
  }
}

@media screen and (max-width: 575px) {
  body.login-page {
    background: #fff!important;
  }

  .row.login-form > .col-lg-6.login-wrap .login-box.card {
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .row.login-form {
    height: auto;
  }
  .logo_wrap {
    display: block!important;
  }
  .icon_title {
    display: none!important;
  }
}