@import url("https://fonts.googleapis.com/css?family=Cairo:400,600,700&display=swap");@media (max-width: 600px){.deactive,.activeted{padding:6px 14px !important}.form-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}}.modal{padding-left:0 !important}body{background-color:#fff !important}body.login{background-color:#2e2d2d !important}#login{background-color:#2e2d2d}.account-box .inputLogin{position:relative;-webkit-box-shadow:0px 0px 3px #0000000d;box-shadow:0px 0px 3px #0000000d;border:1px solid #dfe2e6;border-radius:12px;padding:15px 35px}.account-box label{color:#5a5a5a !important;font-weight:bold;font-size:12px}.account-box .mdi{top:50%;right:2%;color:#dfe2e6;font-size:20px}.account-box .password-btn{border:none;background-color:transparent;left:4%;top:50%;cursor:pointer}.modal-content{background:#ffffff 0% 0% no-repeat padding-box;-webkit-box-shadow:0px 3px 20px #00000029;box-shadow:0px 3px 20px #00000029;border-radius:15px}input::-webkit-input-placeholder{color:#c8c8c8 !important}input:-ms-input-placeholder{color:#c8c8c8 !important}input::-ms-input-placeholder{color:#c8c8c8 !important}input::placeholder{color:#c8c8c8 !important}.darkColor{color:#5a5a5a !important}.deactive{background-color:#9aa7a4;padding:10px 14px;color:#fff;border-radius:12px;max-width:90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.activeted{background-color:#2ac599;padding:10px 14px;color:#fff;border-radius:12px;max-width:90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}*{font-family:"Cairo", sans-serif !important}.text-muted{color:#c8c8c8 !important}.card{-webkit-box-shadow:none;box-shadow:none}.form-group input{padding:10px}.form-group select{height:45px !important}.card-header{background-color:transparent;color:#000}.table thead th{color:#000}.app-search{width:80%}.app-search button{background-color:transparent;top:15px;right:48%}.app-search button i{color:#abafb3;font-size:20px}.mainBtn{background-color:#5a5a5a;color:#fff;border-radius:12px;padding:10px 20px;font-size:16px;min-width:120px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.mainBtn:hover{background-color:#757575}.status-btn{border-radius:50%;padding:2px 8px}.status-btn .mdi{font-size:20px;color:#fff}.edit{background-color:#2296f7}.delete{background-color:#e94550}.btn-abs{position:absolute}.navbar-custom .nav-link{color:#292929 !important}.rightBox{width:60%;height:100%;background-color:#444444;-webkit-box-shadow:0px 3px 20px #00000029;box-shadow:0px 3px 20px #00000029}.leftBox{-webkit-box-shadow:0px 3px 20px #00000029;box-shadow:0px 3px 20px #00000029;border-radius:20px;width:60%;margin:0 auto}.account-box{-webkit-box-shadow:none;box-shadow:none}.modal-content .card-box{-webkit-box-shadow:none;box-shadow:none}#login{min-height:100vh}.left-side-menu{z-index:9999;position:fixed !important}.content-page{background-color:#fff}.content-page .content{margin-top:90px}.table th,.table td{border-top:none}.gray-btn{background:#5a5a5a 0% 0% no-repeat padding-box;-webkit-box-shadow:0px 3px 20px #00000029;box-shadow:0px 3px 20px #00000029;border-radius:12px;color:#fff}.red-btn{background:#d60c0c 0 0 no-repeat padding-box;-webkit-box-shadow:0 3px 20px #00000029;box-shadow:0 3px 20px #00000029;border-radius:12px;color:#fff}.footer{background-color:#fff !important;border-top:none !important}.w-100{width:100% !important}.metismenu .active{color:#fff !important}.metismenu .active a{color:#fff !important;background-color:#f8dc31;border-right:2px solid #c18239}.logo-lg img,.logo-sm img{-o-object-fit:contain;object-fit:contain;width:80px;margin-bottom:10px}.navbar-custom .logo{background:#2e2d2d !important}.idexPage .card-box{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:40px !important;background-color:#2e2d2d !important}.idexPage .card-box .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.visitorInfo .information{width:70%}.visitorInfo .information .info-item:not(:last-child){border-bottom:1px solid #ddd}.visitorInfo .information .info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;padding:10px 0;font-size:20px}.visitorInfo .information .info-item:hover{color:rgba(0,0,0,0.9);cursor:text}.visitorInfo .information .info-item .right{font-weight:bold}.visitorInfo .information .info-item .left{margin-right:2rem}.mainBtn{margin-right:10px}input[type="date"]{height:43px !important}input[type="time"]{height:43px !important}@media (min-width: 1250px) and (max-width: 1600px){.left-side-menu{width:70px;padding-top:50px}.content-page{margin-right:70px}.navbar-custom .logo{width:70px}.navbar-custom .navbar-toggle{display:none}.logo-lg img,.logo-sm img{width:65px}#wrapper .left-side-menu #sidebar-menu>ul>li>a span{display:none;padding-right:10px}}@media (max-width: 1224px){.navbar-custom .logo{width:140px;width:70px}.logo-lg img,.logo-sm img{width:65px}}@media (max-width: 768px){.content-page .content{margin-top:90px}.leftBox,.rightBox{width:80%}.visitorInfo .information .info-item{font-size:16px}}@media (max-width: 600px){.leftBox,.rightBox{width:100%}}
