@font-face{font-family:Montserrat-Regular;src:url(../fonts/montserrat/Montserrat-Regular.ttf)}@font-face{font-family:Montserrat-ExtraBold;src:url(../fonts/montserrat/Montserrat-ExtraBold.ttf)}@font-face{font-family:Montserrat-Bold;src:url(../fonts/montserrat/Montserrat-Bold.ttf)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Montserrat-Regular,sans-serif}a{font-family:Montserrat-Regular;font-size:14px;line-height:1.7;color:#666;margin:0;transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s}a:focus{outline:none!important}a:hover{text-decoration:none;color:#fff}h1,h2,h3,h4,h5,h6{margin:0}p{font-family:Montserrat-Regular;font-size:14px;line-height:1.7;color:#666;margin:0}ul,li{margin:0;list-style-type:none}input{outline:none;border:none}textarea{outline:none;border:none}textarea:focus,input:focus{border-color:transparent!important}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}textarea:focus::-webkit-input-placeholder{color:transparent}textarea:focus:-moz-placeholder{color:transparent}textarea:focus::-moz-placeholder{color:transparent}textarea:focus:-ms-input-placeholder{color:transparent}input::-webkit-input-placeholder{color:#999}input:-moz-placeholder{color:#999}input::-moz-placeholder{color:#999}input:-ms-input-placeholder{color:#999}textarea::-webkit-input-placeholder{color:#999}textarea:-moz-placeholder{color:#999}textarea::-moz-placeholder{color:#999}textarea:-ms-input-placeholder{color:#999}button{outline:none!important;border:none;background:0 0}button:hover{cursor:pointer}iframe{border:none!important}.txt1{font-family:Montserrat-Regular;font-size:16px;color:#ccc;line-height:1.4}.bo1{border-bottom:1px solid #999}.hov1:hover{border-color:#d33f8d}.limiter{width:100%;margin:0 auto}.container-login100{width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;z-index:1}.container-login100::before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;}.wrap-login100{width:390px;background:0 0}.login100-form{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;flex-wrap:wrap}.login100-form-title{font-family:Montserrat-ExtraBold;font-size:24px;color:#fff;line-height:1.2;text-align:center;width:100%;display:block}.login100-form-avatar{border-radius:50%;overflow:hidden;margin:0 auto}.wrap-input100{position:relative;width:100%;z-index:1}.input100{font-family:Montserrat-Bold;font-size:15px;line-height:1.2;color:#333;display:block;width:100%;background:#fff;height:50px;border-radius:25px;padding:0 30px 0 53px}.focus-input100{display:block;position:absolute;border-radius:25px;bottom:0;left:0;z-index:-1;width:100%;height:100%;box-shadow:0 0;color:rgba(0,91,234,.6)}.input100:focus+.focus-input100{-webkit-animation:anim-shadow .5s ease-in-out forwards;animation:anim-shadow .5s ease-in-out forwards}@-webkit-keyframes anim-shadow{to{box-shadow:0 0 80px 30px;opacity:0}}@keyframes anim-shadow{to{box-shadow:0 0 80px 30px;opacity:0}}.symbol-input100{font-size:15px;color:#999;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;position:absolute;border-radius:25px;bottom:0;left:0;width:100%;height:100%;padding-left:30px;pointer-events:none;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.input100:focus+.focus-input100+.symbol-input100{color:#00c6fb;padding-left:23px}.container-login100-form-btn{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center}.login100-form-btn{font-family:Montserrat-Bold;font-size:15px;line-height:1.5;color:#e0e0e0;width:100%;height:50px;border-radius:25px;background:#333;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 25px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;position:relative;z-index:1}.login100-form-btn::before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;border-radius:25px;top:0;left:0;background:#005bea;background:-webkit-linear-gradient(left,#005bea,#00c6fb);background:-o-linear-gradient(left,#005bea,#00c6fb);background:-moz-linear-gradient(left,#005bea,#00c6fb);background:linear-gradient(left,#005bea,#00c6fb);-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;opacity:0}.login100-form-btn:hover{background:0 0;color:#fff}.login100-form-btn:hover:before{opacity:1}.btn-face,.btn-google{font-family:Raleway-Bold;font-size:16px;line-height:1.2;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;width:calc((100% - 10px)/2);height:40px;border-radius:3px;border:1px solid #e6e6e6;background-color:#fff;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.btn-face{color:#3b5998}.btn-face i{font-size:20px;margin-right:10px;padding-bottom:1px}.btn-google{color:#555}.btn-google img{width:19px;margin-right:10px;padding-bottom:1px}.btn-face:hover,.btn-google:hover{border-color:#d33f8d}.validate-input{position:relative}.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #c80000;border-radius:14px;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:8px;pointer-events:none;font-family:Montserrat-Bold;color:#c80000;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.alert-validate::after{content:"\f06a";font-family:FontAwesome;display:block;position:absolute;color:#c80000;font-size:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:13px}.alert-validate:hover:before{visibility:visible;opacity:1}@media(max-width:992px){.alert-validate::before{visibility:visible;opacity:1}}@media(max-width:576px){.wrap-login100{padding-top:80px;padding-left:15px;padding-right:15px}}

.btloader{    margin-bottom: 2px}
.hidden, .hidden_inline {display: none !important;}
.unhidden {display: block !important;} 
.unhidden_inline {display: inline-block !important;}
.info_panel{    text-align: center;
    width: 100%;
    display: block;
    color: red;
    background: #fff;
    border-radius: 25px;
    padding: 10px;}


.form-btn{font-size:15px;line-height:1.5;color:#e0e0e0;width:auto;height:30px;border-radius:25px;background:#333;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 15px;position:relative;z-index:1}
.form-btn::before{content:"";display:block;position:absolute;z-index:-1;width:auto;height:30px;border-radius:25px;top:0;left:0;background:#005bea;background:-webkit-linear-gradient(left,#005bea,#00c6fb);background:-o-linear-gradient(left,#005bea,#00c6fb);background:-moz-linear-gradient(left,#005bea,#00c6fb);background:linear-gradient(left,#005bea,#00c6fb);opacity:0}
.form-btn:hover{background:#005bea}
.form-btn:hover:before{opacity:1; }

.form-btn_edit {
    font-size: 15px;
    line-height: 1.5;
    color: #e0e0e0;
    width: auto;
    height: 30px;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    background: #ccc;
    border-radius: 10px;
    padding: 0 8px;
}
.form-btn_edit:hover{background:#005bea}
.form-btn_edit:hover:before{opacity:1; }

.form-btn2 {
    font-size: 15px;
    line-height: 1.5;
    color: #e0e0e0;
    width: auto;
    height: 30px;
    border-radius: 12px;
    background: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}
.form-btn2:hover{background:#005bea}
.form-btn2:hover:before{opacity:1; }

.btn-inline {display: inline-block; margin: 0 1px;}
.btn-red {background: #CC3233;}


.btn-blue{background:#005bea;}
.btn-blue::before{background:#333;}
.btn-blue:hover{background:#333}


form {    max-width: 500px;padding: 1rem;}
label {
    margin-bottom: 0.2rem !important;
}
.form-text {
    margin-top: 0.1rem !important;
}

.nav-tabs li a {
    -moz-border-radius: 15px;
    -moz-transition: .15s all ease-in-out;
    -webkit-border-radius: 15px;
    -webkit-transition: .15s all ease-in-out;
    border-radius: 15px;
    color: #4c4c41;
    display: block;
    font-size: 13px;
    margin: 10px 0;
    padding: 5px 10px;
    text-decoration: none;
    transition: .15s all ease-in-out;
}

        .nav-tabs a.active {
    background: #005bea;
    color: #FFF;
}


.line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #4b9cdb;
    margin: 0 5px;
}

.load-wrapp {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 10px 10px 0;
    padding: 20px 20px 20px;
    border-radius: 5px;
    text-align: center;
    background-color: #d8d8d8;
}

.load-wrapp p {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}
.load-3{
width: fit-content;
    margin: 20px auto
}

.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}

/* =Animate the stuff
------------------------ */
.load-1 .line:nth-last-child(1) {animation: loadingA 1.5s 1s infinite;}
.load-1 .line:nth-last-child(2) {animation: loadingA 1.5s .5s infinite;}
.load-1 .line:nth-last-child(3) {animation: loadingA 1.5s 0s infinite;}

.load-2 .line:nth-last-child(1) {animation: loadingB 1.5s 1s infinite;}
.load-2 .line:nth-last-child(2) {animation: loadingB 1.5s .5s infinite;}
.load-2 .line:nth-last-child(3) {animation: loadingB 1.5s 0s infinite;}

.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}

.load-4 .ring-1 {animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-5 .ball-holder {animation: loadingE 1.3s linear infinite;}

.load-6 .letter {
    animation-name: loadingF;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

.l-1 {animation-delay: .48s;}
.l-2 {animation-delay: .6s;}
.l-3 {animation-delay: .72s;}
.l-4 {animation-delay: .84s;}
.l-5 {animation-delay: .96s;}
.l-6 {animation-delay: 1.08s;}
.l-7 {animation-delay: 1.2s;}
.l-8 {animation-delay: 1.32s;}
.l-9 {animation-delay: 1.44s;}
.l-10 {animation-delay: 1.56s;}

.load-7 .square {animation: loadingG 1.5s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-8 .line {animation: loadingH 1.5s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-9 .spinner {animation: loadingI 2s linear infinite;}
.load-9 .bubble-1, .load-9 .bubble-2 {animation: bounce 2s ease-in-out infinite;}
.load-9 .bubble-2 {animation-delay: -1.0s;}

.load-10 .bar {animation: loadingJ 2s cubic-bezier(.17,.37,.43,.67) infinite;}

@keyframes loadingA {
    0 {height: 15px;}
    50% {height: 35px;}
    100% {height: 15px;}
}

@keyframes loadingB {
    0 {width: 15px;}
    50% {width: 35px;}
    100% {width: 15px;}
}

@keyframes loadingC {
    0 {transform: translate(0,0);}
    50% {transform: translate(0,15px);}
    100% {transform: translate(0,0);}
}

@keyframes loadingD {
    0 {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

@keyframes loadingE {
    0 {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@keyframes loadingF {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes loadingG {
    0% {transform: translate(0,0) rotate(0deg);}
    50% {transform: translate(70px,0) rotate(360deg);}
    100% {transform: translate(0,0) rotate(0deg);}
}

@keyframes loadingH {
    0% {width: 15px;}
    50% {width: 35px; padding: 4px;}
    100% {width: 15px;}
}

@keyframes loadingI {
    100% {transform: rotate(360deg);}
}

@keyframes bounce  {
  0%, 100% {transform: scale(0.0);}
  50% {transform: scale(1.0);}
}

@keyframes loadingJ {
  0%,100% {transform: translate(0,0);}
  
  50% {
      transform: translate(80px,0);
      background-color: #f5634a;
      width: 25px;
  }
}


.nav-link{color: #fff;}
.nav .active{   
    background: #112E40;
    border-radius: 10px 0px 0px 10px;
    border-collapse: separate;
}

.nav a{ 
    color: #fff; 
} 

.nav a:hover{ 
    color: #FF405C; 
} 

.cell_status {padding-left: 0 !important;}
.cell_status span {  
    padding: 3px 10px;
    border-radius: 0 10px 10px 0;
    font-size: 10pt;}
.cell_status span.red {background: red; color: #ffF;}
.cell_status span.orange {background: orange; color: #000;}
.cell_status span.green {background: green; color: #ffF;}
.cell_status span.blue {background: blue; color: #ffF;}
.cell_status span.pink {background: #FF405C; color: #ffF;}
.cell_status span.gray {background: #555; color: #ffF;}

span.req {    display: inline-block;
    position: absolute;
    top: 15px;
    right: 25px;
    color: red;}



    
.button_slim {
    border-radius: 5px;
    padding: 0 5px;
    margin: 0 5px;   
}