@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/******RESET******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acFrancisym,address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;outline:0;background:transparent;}	
ol, ul{list-style:none;}
blockquote, q {quotes:none;}
:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
/******COMMON LAYOUT******/
*{margin:0;}
html, body{height:100%;margin:0;padding:0;}
body{font-family:"Montserrat", sans-serif;color:#212529;font-weight:400;}
img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
sup{vertical-align:0;position:relative;top:-0.5em;font-size:10px;line-height:10px;}
h1{font-size:30px;line-height:36px;color:#766eb2;}
p{font-size:16px;line-height:22px;color:#212529;}
.clear{clear:both;display:block;width:100%;}
.error-text{color:#c70f07;font-size:12px;line-height:16px;margin:5px 0;display:block;}
.error{font-size:12px !important;line-height:14px !important;color:#e51c38 !important;margin:5px 0!important;display:block;text-transform:none !important;font-weight:400 !important;text-align:left;}
.field-validation-error{font-size:12px !important;line-height:14px !important;color:#e51c38 !important;margin:5px 0!important;display:block;text-transform:none !important;font-weight:400 !important;text-align:left;}
/******FORM FIELDS******/
/**Common Button**/
input[type=submit],input[type=button],input[type=reset],button{cursor:pointer;-webkit-appearance:none;width:auto;border:none;font-family:"Montserrat", sans-serif;}
.app-button{padding:9px 20px;border:1px solid #766eb2 !important;background:#766eb2;border-radius:25px;text-decoration:none;color:#fff;font-size:14px;line-height:20px;font-weight:700;display:inline-block;transition:0.25s ease-in-out;}
.app-button:hover{background:#fff;color:#766eb2;}
.app-button.cancel{border:1px solid #c70f07 !important;background:#c70f07;}
.app-button.cancel:hover{background:#fff;color:#c70f07 !important;}
.app-button.reset{border:1px solid #c70f07 !important;background:#c70f07;}
.app-button.reset:hover{background:#fff;color:#c70f07 !important;}
.app-button.reset span::before{content:'';background:url('../images/icon-reset.svg')no-repeat;background-size:100%;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:10px;filter:brightness(0) invert(1);}
.app-button.reset:hover span::before{filter:none;}
/**Input text**/
input[type="text"],input[type="password"],input[type="file"]{font-family:"Montserrat", sans-serif;color:#212529 !important;font-size:14px !important;border-radius:10px;border:1px solid #766eb2;padding:10px 15px;background:#ffffff;margin:0 !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-appearance:none;}
input[type="text"]:disabled{background:#d5e1ef;border:1px solid #766eb2;-webkit-text-fill-color:#212529;opacity:1;}
input[type="text"].date{background:url("../images/icon-calendar.svg") right no-repeat #ffffff;background-size:33px;}
input[type="text"].date:disabled{background:url("../images/icon-calendar.svg") right no-repeat #d5e1ef;background-size:33px;}
::-webkit-input-placeholder{color:#212529;opacity:0.5;}
:-ms-input-placeholder{color:#212529;opacity:0.5;}
::placeholder {color:#212529;opacity:0.5;}
/**Textarea**/
textarea{font-family:"Montserrat", sans-serif;color:#212529 !important;font-size:14px !important;border-radius:10px;border:1px solid #766eb2;padding:11.5px 15px;background:#ffffff;margin:0 !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:150px;-webkit-appearance:none;}
textarea:disabled{background:#d5e1ef;border:1px solid #766eb2;-webkit-text-fill-color:#212529;opacity:1;}
/**Select drop down**/
select{font-family:"Montserrat", sans-serif;color:#212529 !important;font-size:14px !important;border-radius:10px;border:1px solid #766eb2;padding:11.5px 15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("../images/icon-down.svg") right no-repeat #ffffff;background-size:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;font-weight:normal;}
select option{font-weight:400;text-shadow:none;font-synthesis:none;}
select::-ms-expand{display: none; /* remove default arrow on ie10 and ie11 */}
@media screen and (min-width:0\0){select {background:none\9;padding: 5px\9;}}
/**Checkbox**/
.checkbox-style{display:block;position:relative;padding-left:25px !important;cursor:pointer;font-size:14px;line-height:14px;color:#212529;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left !important;}
.checkbox-style input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkmark{position:absolute;top:-2px;left:0;height:14px;width:14px !important;border-radius:3.5px;background-color:#ffffff;border:1px solid #766eb2;}
.checkbox-style:hover input ~ .checkmark {background-color:#ffffff;border:1px solid #766eb2;}
.checkbox-style input:checked ~ .checkmark {background-color:#766eb2;border:1px solid #766eb2;}
.checkmark:after {content:"";position:absolute;display:none;}
.checkbox-style input:checked ~ .checkmark:after{display: block;}
.checkbox-style .checkmark:after{left:4px;top:2px;width:3px;height:6px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/*Radio button*/
[type="radio"]:checked, [type="radio"]:not(:checked){position: absolute;left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{position:relative;padding-left:20px;cursor:pointer;display:inline-block;font-size:14px;line-height:14px;color:#212529;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before{content:'';position:absolute;left:0;top:0;width:12px;height:12px;border:1px solid #766eb2;border-radius: 100%;background:#ffffff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after{content: '';width:5px;height:5px;border:5px solid #766eb2;background:#ffffff;position: absolute;top:0;left:0;border-radius:100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after{opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
[type="radio"]:checked + label:after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
/******LEFT - MAIN MENU******/
.page-wrapper .app-sidebar,
.app-sidebar .sidebar-dropdown > a:after,
.app-sidebar .app-sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.app-sidebar ul li a i,
.page-wrapper .page-content,
.app-sidebar .app-sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper #show-sidebar{display:block;}
.page-wrapper #close-sidebar{display:none;}
/*----------------page-wrapper----------------*/
.page-wrapper{height:100vh;}
/*----------------toggeled sidebar----------------*/
.page-wrapper.toggled .app-sidebar{left:0px;}
.page-wrapper.toggled #close-sidebar{display:block;}
.page-wrapper.toggled #show-sidebar{display:none;}
@media screen and (min-width: 800px) {
  	.page-wrapper.toggled .page-content{padding-left:270px;width:calc(100% - 270px);}
  	.page-wrapper.toggled .page-content .header,
	.page-wrapper.toggled .page-content .footer{width:calc(100% - 330px);}
}
@media screen and (max-width: 800px) {
  	.page-wrapper.toggled .page-content{margin-left:270px;padding-left:0;width:100%;}
  	.page-wrapper.toggled .page-content .header,
	.page-wrapper.toggled .page-content .footer{width:calc(100% - 60px);}
}
/*----------------app-sidebar----------------*/
.app-sidebar{background:#fff;width:269px;height:100%;max-height:100%;position:fixed;top:0;left:-270px;z-index:999;border-right:1px solid #d5e1ef;}
.app-sidebar a{text-decoration:none;}
/*----------------sidebar-content----------------*/
.sidebar-content{max-height: 100%;height: 100%;overflow-y: auto;position: relative;}
.sidebar-content.desktop{overflow-y: hidden;}
/*--------------------app-sidebar-header----------------------*/
.app-sidebar .app-sidebar-header{padding:17px 30px;position:relative;border-bottom:1px solid #d5e1ef;}
.app-sidebar .app-sidebar-header .app-logo{width:150px;}
.app-sidebar .app-sidebar-header .app-logo img{width:100%;display:block;}
.app-sidebar .app-sidebar-header .main-menu-btn{width:20px;position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;}
.app-sidebar .app-sidebar-header .main-menu-btn img{width:100%;display:block;}
/*----------------------app-sidebar-menu-------------------------*/
.app-sidebar .app-sidebar-menu{padding:20px 0;}
.app-sidebar .app-sidebar-menu ul{width:100%;}
.app-sidebar .app-sidebar-menu ul li{display:block;width:calc(100% - 60px);border-left:4px solid rgba(255,255,255,0);padding:0 30px 0 25px;margin-bottom:5px;}
.app-sidebar .app-sidebar-menu ul li a{display:block;font-size:16px;line-height:22px;padding:12.5px 0 12.5px 30px;color:#212529;width:100%;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;position:relative;}
.app-sidebar .app-sidebar-menu ul li a::before{content:'';width:20px;height:20px;background-size:100%;position:absolute;left:0;top:12.5px;}
.app-sidebar .app-sidebar-menu ul li:hover>a,
.app-sidebar .app-sidebar-menu ul li.active a,
.cash-handover .app-sidebar .app-sidebar-menu ul li.icon-cash-handover a,
.user-profile .app-sidebar .app-sidebar-menu ul li.icon-user-profile a,
.manage-user .app-sidebar .app-sidebar-menu ul li.icon-manage-user a,
.administration .app-sidebar .app-sidebar-menu ul li.icon-administration a{color:#766eb2;font-weight:700;}
/*--menu-icons--*/
.app-sidebar .app-sidebar-menu ul li.icon-cash-handover a::before{background:url("../images/icon-cash-entry.svg")no-repeat left center;}
.app-sidebar .app-sidebar-menu ul li.icon-cash-handover:hover a::before, 
.app-sidebar .app-sidebar-menu ul li.icon-cash-handover.active a::before,
.cash-handover .app-sidebar .app-sidebar-menu ul li.icon-cash-handover a::before{background:url("../images/icon-cash-entry-mo.svg")no-repeat left center;}
.app-sidebar .app-sidebar-menu ul li.icon-user-profile a::before{background:url("../images/icon-user-profile.svg")no-repeat left center;}
.app-sidebar .app-sidebar-menu ul li.icon-user-profile:hover a::before, 
.app-sidebar .app-sidebar-menu ul li.icon-user-profile.active a::before,
.user-profile .app-sidebar .app-sidebar-menu ul li.icon-user-profile a::before{background:url("../images/icon-user-profile-mo.svg")no-repeat left center;}
.app-sidebar .app-sidebar-menu ul li.icon-manage-user a::before{background:url("../images/icon-manage-user.svg")no-repeat left center;}
.app-sidebar .app-sidebar-menu ul li.icon-manage-user:hover a::before, 
.app-sidebar .app-sidebar-menu ul li.icon-manage-user.active a::before,
.manage-user .app-sidebar .app-sidebar-menu ul li.icon-manage-user a::before{background:url("../images/icon-manage-user-mo.svg")no-repeat left center;}
.app-sidebar .app-sidebar-menu ul li.icon-administration a::before{background:url("../images/icon-administration.svg")no-repeat left center;}
.app-sidebar .app-sidebar-menu ul li.icon-administration:hover a::before, 
.app-sidebar .app-sidebar-menu ul li.icon-administration.active a::before,
.administration .app-sidebar .app-sidebar-menu ul li.icon-administration a::before{background:url("../images/icon-administration-mo.svg")no-repeat left center;}
/*--Drop Down Menu--*/
.app-sidebar .app-sidebar-menu ul li.drop-down a{padding:12.5px 30px;width:calc(100% - 60px);}
.app-sidebar .app-sidebar-menu ul li.drop-down a::after{content:'';background:url("../images/icon-right.svg")no-repeat right center;width:20px;height:20px;background-size:100%;position:absolute;right:0;top:12.5px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.app-sidebar .app-sidebar-menu ul li.drop-down.active a::after{content:'';background:url("../images/icon-right-mo.svg")no-repeat right center;width:20px;height:20px;background-size:100%;position:absolute;right:0;top:12.5px;transform:rotate(90deg);}
.app-sidebar .app-sidebar-menu ul li .sub-menu{display:none;}
.app-sidebar .app-sidebar-menu ul li.active .sub-menu,
.app-sidebar .app-sidebar-menu ul li .sub-menu.active{display:block;}
.app-sidebar .app-sidebar-menu ul li .sub-menu li{width:100%;border-left:none;padding:0;margin-bottom:0;}
.app-sidebar .app-sidebar-menu ul li .sub-menu li a::before,
.app-sidebar .app-sidebar-menu ul li .sub-menu li a::after{content:'';background:none !important;}
.app-sidebar .app-sidebar-menu ul li .sub-menu li a{background:none !important;padding:7.5px 0 7.5px 30px;font-size:14px;line-height:20px;color:#212529 !important;font-weight:400 !important;}
.app-sidebar .app-sidebar-menu ul li .sub-menu li a:hover{color:#766eb2 !important;font-weight:500 !important;}
/*--------------------------page-content-----------------------------*/
.page-wrapper .page-content {display:inline-block;width:100%;padding-left:0px;padding-top:0;}
/******POPUP******/
@-webkit-keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
@-moz-keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
@keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
.vert-alignment{display:table;height:100%;width:100%;pointer-events:none;}
.vert-align-middle{display:table-cell;vertical-align:middle;pointer-events:auto;}
.modal-open{overflow:hidden;}
.modal-backdrop{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 2999;background-color: #212529;}
.modal-backdrop.fade{filter:none;}
.modal-backdrop.in{filter:none;}
.modal-open .modal-backdrop{backdrop-filter:blur(5px);background-color:rgba(0, 0, 0, 0.8);opacity:1 !important;}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:none;overflow:auto;overflow-y:scroll;-webkit-overflow-scrolling:touch;outline:0;}
.modal-dialog:target{-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;opacity:0;visibility:hidden;}
.modal-dialog{position:relative;width:auto;margin:0;}
.modal-content{position:relative;background-color:#ffffff;background-clip:padding-box;width:calc(100% - 60px);max-width:600px;height:auto;margin:30px auto;border-radius:10px;
outline: none;z-index:2998;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-content .container{padding:30px;width:calc(100% - 60px);}
.modal-header{width:100%;margin-bottom:20px;position:relative;}
.modal-header h2{color:#766eb2;font-size:20px;line-height:30px;text-align:left;font-weight:700;}
.modal-header .close-btn{display:block;position:absolute;top:2px;right:0;}
.modal-header .close-btn img{width:25px;}
.modal-body{position:relative;width:100%;}
.modal-body h3{font-size:16px;line-height:22px;color:#766eb2;font-weight:700;}
.modal-body h3.title{padding:10px 15px;width:calc(100% - 30px);margin-bottom:30px;border-radius:10px;background:#766eb2;color:#fff;}
.modal-body p{font-size:14px;line-height:23px;color:#212529;}
.modal-body p strong{font-weight:700;}
.modal-body.shift-code p{margin-bottom:5px;display:flex;}
.modal-body.shift-code p strong{display:inline-block;flex:0 0 25px;}

.msg-banner {
    width: 100% !important;
    padding: 12px 15px !important;
    margin-bottom: 15px !important;
    text-align: center !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
}

.msg-banner.success {
    background-color: #d4edda;   /* light green */
    color: #155724 !important;              /* dark green text */
    border: 1px solid #c3e6cb !important;
}

    .msg-banner.error {
        background-color: #f8d7da; /* light red */
        color: #721c24 !important; /* dark red text */
        border: 1px solid #f5c6cb !important;
    }