/* FONT IMPORT */
@import url("https://use.typekit.net/cwd5ktx.css");
@import url("../src/assets/css/fonts/fonts.css");
@import "~ng-pick-datetime/assets/style/picker.min.css"; 
:root { 
  /* COLOR VARIABLES */
  --blue-ultra-thin:#F5F5FE;
  -blue-thin:#ECEDFD;
  -blue-lite:#D7D7FB;
  -blue-medium:#A5A6F6;
  -blue-mild:#33CCB2;
  -blue-dark:#d7f5f0;
  -white:#fff;
  -green:#27AE60;
  -orange:#F2994A;
  -red:#FB070E;
  -lite-gray:#D6D6D6;
  -mild-gray:#9A9A9A;
  -dark-gray:#666;
  -black:#787878;
  -light-sea-green:#33ccb2;
  /* FONT FAMILY VARIABLES */
  /* TRANSITION SPEED */
  --all-fast:all 0.3s;
  -medium:all 0.5s;
  -slow:all 0.8s;  
  /* FONT SIZE VARIABLE */
  --font-sm:14px;
  -font-md:16px;
  -font-lg:18px;
  -font-xl:20px;
}

/* COLOR CLASSES */
.blue-thin{color:#ECEDFD !important;}
.blue-lite{color:#D7D7FB !important;}
.blue-medium{color:#A5A6F6 !important;}
.blue-mild{color:#33CCB2 !important;}
.blue-dark{color:#7879F1 !important;}
.white{color:#fff !important;}
.green{color:#27AE60 !important;}
.orange{color:#F2994A !important;}
.red{color:#FB070E !important;}
.lite-gray{color:#D6D6D6 !important;}
.mild-gray{color:#9A9A9A !important;}
.dark-gray{color:#666 !important;}
.black{color:#333 !important;}

/* BACKGROUND COLOR */
.bg-blue-lite{background:#D7D7FB;}
.bg-blue-medium{background:#A5A6F6;}
.bg-blue-mild{background:#33CCB2;}
.bg-blue-dark{background:#7879F1;}
.bg-none{background:transparent !important;}

/* ========================== COMMON CSS ========================== */
*, ul, ol, li, a{margin:0; padding:0; list-style-type:none; -webkit-box-sizing:border-box; box-sizing:border-box;} input, input:focus, textarea, textarea:focus, .form-control, .form-control:focus{box-shadow:none; outline:none; border:none; width:100%; background:#F6F6F6; color:#3A3A3A;} *, a, a:active, a:focus, a:hover, button:focus{text-decoration:none; -webkit-box-shadow:none; box-shadow:none; outline:0;} button{background:transparent;}
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{box-shadow:none;} a{ transition:var(--all-fast);} a:hover{color:inherit;} /*color:var(--blue-mild);*/
.small, small{font-family:var(proxima-nova);} ::-moz-selection{color:var(--white); text-shadow:none; background:var(--blue-mild);} ::selection{color:var(--white); text-shadow:none; background:var(--blue-mild);}
.typeOfWork a:hover{color:#33CCB2 !important;}
/* body::-webkit-scrollbar{display:none;} */
::-webkit-scrollbar{width:15px; display:block;} ::-webkit-scrollbar-track{background:var(--blue-thin); border:1px #d1dbdb; border-radius:10px;} ::-webkit-scrollbar-thumb{background:var(--blue-mild) url(assets/images/icons/union.svg) no-repeat center center; height:64px; border-radius:10px;} ::-webkit-scrollbar-corner{background:var(--blue-thin);}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}

/* Firefox */
input[type=number]{-moz-appearance:textfield;}
.input-group>.custom-file:focus, .input-group>.custom-select:focus, .input-group>.form-control:focus{box-shadow:none; outline:none; z-index:1;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:700;} body{font-size:14px; color:#232425; font-weight:400; font-family:var(Proxima Nova); width:100%;} body p{line-height:26px; font-size:var(--font-md); color:var(--dark-gray); font-family:var(Proxima Nova); margin-bottom:16px;} [type=reset], [type=submit], button{-webkit-appearance:none; -webkit-box-shadow:none; box-shadow:none; border:none; cursor:pointer;} footer, section{width:100%; position:relative;}
.overflow-auto{overflow:auto;}
.overflow-auto::-webkit-scrollbar{display:none;}

/* FORM GROUP */
.form-group{display:flex; flex-flow:row wrap; position:relative; margin-bottom:16px; width:100%;}

/* SELECT */
.form-control:disabled{background:#F6F6F6;}
.form-group select, select.form-control:not([size]):not([multiple]){height:auto;}
.form-group .form-control + .img-box{width:20px; position:absolute; right:12px; top:12px; pointer-events:none;}
.input-tag{border:1px solid #33ccb2; background:#F6F6F6; width:100%; padding:8px 16px; border-radius:8px; display:flex; flex-flow:row wrap; align-items:center;}
.input-tag ul{display:flex; flex-flow:row wrap;}
.input-tag + .img-box{width:20px; position:absolute; right:12px; top:12px;}
.input-tag .button{display:inline-flex; padding:4px; background:#f6f6f6; border-radius:4px; margin-right:8px;}
.input-tag .button span{font-size:12px; color:#3A3A3A;}
.checklist-table .input-tag .button span{font-size:12px; color:var(--blue-dark);} label{width:100%; margin-bottom:8px; font-size:12px; color:var(--dark-gray); font-family:var(Proxima Nova); display:flex; align-items:center;} label + h6{width:100%; font-family:var(proxima-nova); color:var(--black);}

/* FORM CONTROL */
.form-control{font-size:14px; color:#3A3A3A; font-family:var(proxima-nova); background:#F6F6F6; border:none; border-radius:8px !important; padding:12px 16px; min-height:47px; border:1px solid transparent; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; -webkit-appearance:none; appearance:none;}
.form-control span{font-size:14px; color:#3A3A3A;  font-family:var(proxima-nova);}
.form-control span + .img-box{width:20px; margin-right:0; margin-left:8px; pointer-events:none;} textarea.form-control{height:auto;}
.form-control.border{border:1px solid var(--blue-dark) !important; background:transparent;}
.form-control.border.bg{background:#F6F6F6;}
.form-control::-webkit-input-placeholder{color:#787878 !important;}
.form-control::-moz-placeholder{color:#787878 !important;}
.form-control:-ms-input-placeholder{color:#787878 !important;}
.form-control:-moz-placeholder{color:#787878 !important;}
.form-control:focus{border:1px solid var(--light-sea-green);}
.grad-input{width:100%; padding:1px; border-radius:8px; overflow:hidden;}
.grad-input .form-control{border-radius:35px !important; background:var(--white);}
textarea.form-control{min-height: 122px;}

/* CUSTOM SELECT */
.button{display:inline-flex; flex-flow:row wrap; align-items:center; justify-content:center; position:relative; padding:8px 13px; font-size:14px; border-radius:10px; font-family:var(--filson-book); color:var(--blue-mild); transition:var(--all-fast); background:transparent;}
.button span{line-height:20px; font-weight:700;}
.button span.flex-1{flex:1; text-align:left;}
.button .img-box{width:27px; margin-right:8px;}
.button span + .img-box{margin-right:0; margin-left:8px;}
.btn-primary{padding:10px 14px; color:var(--white); background:#33CCB2; height:47px;}
.btn-secondary{border:0px solid var(--light-sea-green); color:var(--light-sea-green);}
.btn-secondary:hover, .btn-secondary:active{background: transparent !important; color: #33ccb2c4 !important; border-color: #33ccb2 !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{border-color:transparent !important; box-shadow:none !important;}

/* DISABLED STATE */
.button.disabled{background:var(--blue-thin); cursor:not-allowed;}
.button.btn-secondary.disabled, .button.btn-secondary.disabled:hover{background:transparent !important; border-color:var(--blue-thin) !important; color:var(--blue-thin) !important; cursor:not-allowed;}

/* QR BORDER BUTTON */
.qr-bdr-btn{padding:16px 16px 16px 8px; border:0px solid var(--light-sea-green); border-radius:20px; margin:0px 0px;}

/* ATTACH FILE */
.button.attach-file span{color:var(--lite-gray);}
.img-box{display:flex; width:100%; transition:var(--all-fast) !important; overflow:hidden; position:relative;}
.img-box img{width:auto; transition:var(--all-fast) !important;}

/* SECTION TITLE */
.sec-title { position: relative; }
.sec-title h2 { font-size: var(--font-xl); font-family: var(proxima-nova); color: #3a3a3a; margin-bottom: 8px; }
.sec-title p { font-size: var(--font-sm); font-family: var(Proxima Nova); color: #787878;; margin-bottom: 0; }

/* <<<<<<< HEAD */
.h4{font-family:var(proxima-nova); font-size:16px; color:var(--blue-mild); margin:0;}

/* ======= */
/* .h4{font-family:var(--filson-medium); font-size:18px; color:var(--blue-mild); margin:0;} */
/* >>>>>>> develop-permission-new */
.title-bdr{padding-bottom:8px; border-bottom:1px solid var(--blue-mild);}

/* GRAD BOX */
.grad-bg{color:var(--white); background:var(--blue-mild) ;}
.grad-box{position:relative; width:100%; padding:32px;  border-radius:24px; overflow:hidden; border:1px solid #D1DBDB;}
.grad-box::before{content:''; position:absolute; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px; border-radius:23px;   }

/* WHITE BOX */
.white-box{width:100%; padding:32px; background:var(--white); border-radius:24px; position:relative; overflow:hidden; box-shadow:0px -8px 20px rgba(93, 95, 239, 0.07), 0px -2px 4px rgba(93, 95, 239, 0.04);}

/* GRAD BOX CARD */
.grad-box.card{ margin-bottom:32px; border:none; display:flex; flex-flow:row wrap; justify-content:center;}
.grad-box.card:hover{box-shadow:0px 16px 32px #eeeeee;}
.grad-box.card .card-img{width:80px;}
.grad-box.card .card-body{padding:0; margin-top:32px; width:100%;}
.grad-box.card .card-body h4{margin-bottom:0; text-align:center; font-size:16px; font-family:var(proxima-nova); line-height:1.3;}
.grad-box.card .card-body h4 + p{margin-top:8px; text-align:center; font-size:14px; line-height:18px; font-family:var(Proxima Nova); color:var(--dark-gray);}

/* BORDER BOX */
.border-box{width:100%; flex-wrap:wrap; justify-content:center; border:1px solid #d1dbdb; border-radius:20px; background:var(--white); padding:40px; z-index:1; position:relative;}

/* DIVIDER */
hr{width:100%; border-top:none; border-bottom:1px solid #d1dbdb; margin:0;}

/* ========================== CUSTOM CSS ========================== */
body {background:rgba(242, 248, 248, 1); min-height:100vh; font-family:"proxima-nova";} body.off-hidden{overflow:hidden !important;}
.left-sidebar{background:#fff; padding-right:0px;}

/* ========================== HEADER ========================== */
header{position:sticky; top:0; left:0; background:#F2F8F8; padding:20px 0; z-index:34;}

/* LOGO */
header .logo{width:30px; margin-left:15px;} header .logo img{width:30px;}

/* RIGHT MENU */
header .menu{display:inline-flex; flex-wrap:wrap; margin-left:auto;} header .menu li{display:inline-flex; padding:0 8px;} header .menu li a{display:flex; flex-wrap:wrap; align-items:center;} header .menu li a span{font-size:12px; text-decoration:underline; text-underline-offset:2px; font-family:var(Proxima Nova);} header .menu li a .img-box{display:flex; flex-wrap:wrap; width:40px; height:40px; padding:8px;} header .menu li a .img-box img{width:100%;}

/* ========================== MAIN ========================== */
.main{padding:0 0 40px;}

/* SIDEBAR MENU CSS */
.left-sidebar{z-index:3;}
.left-sidebar .menu-list{position:sticky;  left:0;}
.left-sidebar .menu-list li{display:flex; width:100%;}
.left-sidebar .menu-list li a{display:flex; flex-flow:row wrap; align-items:center; padding:16px 26px 16px 16px; position:relative; width:100%;cursor: pointer;}
.left-sidebar .menu-list li a::before{ position:absolute; content:''; top:0; left:0; z-index:-1; width:100%; height:100%; transform:scale(0.8); transition:var(--all-fast); background:linear-gradient(270deg, #D7F5F0 0%, rgba(174, 234, 224, 0) 100%); background:-moz-linear-gradient(270deg, #D7F5F0 0%, rgba(174, 234, 224, 0) 100%); background:-moz-linear-gradient(270deg, #D7F5F0 0%, rgba(174, 234, 224, 0) 100%) ; background:-webkit-linear-gradient(270deg, #D7F5F0 0%, rgba(174, 234, 224, 0) 100%); background:linear-gradient(270deg, #D7F5F0 0%, rgba(174, 234, 224, 0) 100%); opacity:0;}
.left-sidebar .menu-list li.active a::before, .left-sidebar .menu-list li:hover a::before{ opacity:1; border-radius:0px; transform:scale(1); border-right:5px solid #33ccb2;}
.left-sidebar .menu-list li a .img-box{width:24px; height:24px; overflow:hidden; margin-right:16px;}
.left-sidebar .menu-list li a .img-box img:last-child{transform:scale(0);}
.left-sidebar .menu-list li.active a .img-box img:first-child, .left-sidebar .menu-list li:hover a .img-box img:first-child{transform:scale(0); margin-left:-24px;}
.left-sidebar .menu-list li.active a .img-box img:last-child, .left-sidebar .menu-list li:hover a .img-box img:last-child{transform:scale(1);}
.left-sidebar .menu-list li a span{flex:1; font-size:var(--font-md); color:#989B9B; transition:var(--all-fast); font-weight:400;}
.left-sidebar .menu-list li.active a span, .left-sidebar .menu-list li:hover a span{color:var(--light-sea-green); font-weight:700;}
.left-sidebar .menu-list li .toggle-switch{margin-top:20px;}
.left-sidebar .menu-list li .toggle-switch .switch{padding:16px;}
.left-sidebar .menu-list li .toggle-switch span{color:var(--blue-mild) !important; font-size:var(--font-md);}
.left-sidebar .menu-list li .toggle-switch .slider{margin:0 16px;}

/* FOLDED MENU */
@media screen and (min-width:1281px) { .left-sidebar.fold .menu-list li a{padding:16px;cursor: pointer;}
.left-sidebar.fold .menu-list li a span{display:none;}
.left-sidebar.fold .menu-list li a .img-box{margin:0;}
.left-sidebar.fold .menu-list li .toggle-switch span:not(.slider){display:none;}
.left-sidebar.fold .menu-list li .toggle-switch .slider{margin:0;} }

/* DARK MODE SWITCH */
.toggle-switch .switch{position:relative; display:flex; flex-wrap:wrap; align-items:center; padding:8px 0; margin:0; font-size:var(--font-md); color:var(--blue-dark);}
.toggle-switch .slider{ display:inline-flex; position:relative; cursor:pointer; width:22px; height:14px; margin:0 8px; background-color:#33ccb27a; transition:var(--all-fast); border-radius:34px;}
.toggle-switch .slider:before{position:absolute; content:""; height:6px; width:6px; left:4px; bottom:4px; background-color:#33ccb2 ; border-radius:50%;}
.toggle-switch input:checked + span + .slider:before{-webkit-transform:translateX(7px); -ms-transform:translateX(7px); transform:translateX(7px);}
.toggle-switch span{font-size:12px;}
.toggle-switch input + span + .slider + span{color:#bfc6c6  ; transition:var(--all-fast);}
.toggle-switch input:checked + span{color:#787878; transition:var(--all-fast);}
.toggle-switch input:not(:checked) + span{color:var(--blue-mild); transition:var(--all-fast);}
.toggle-switch input:checked + span + .slider + span{color:var(--blue-mild);}

/* SECTION HEADER */
/* .section-header{padding:24px; border-bottom:1px solid var(--blue-medium); z-index:2;} */
.section-header{padding:24px;  z-index:21;}
.section-header .reports-block{display:flex;}
.section-header .reports-block > li{margin-left:8px; position:relative;}
.section-header .reports-block > li > button{display:flex; align-items:center; padding:8px; border-radius:8px;}
.section-header .reports-block > li > button span{font-size:var(--font-sm); color:var(--blue-mild);}
.section-header .reports-block > li > button.grad-bg span{color:var(--white) !important;}
.section-header .reports-block > li > button.grad-bg:hover span{color:var(--white);}
.section-header .reports-block > li > button .img-box{width:24px; height:24px; margin-right:8px;}
.section-header .reports-block > li > button .img-box:last-child{margin-right:0; margin-left:8px;}
.section-header .reports-block > li .status-menu{right:14px;}

/* ACTION BLOCK */
.action-block{padding:0 24px; margin-top:30px; z-index:1;}
.action-block .btn-group{z-index:1; display:flex; padding:8px; border-radius:8px; position:relative;}
.action-block .btn-group::before{ content:''; border-radius:8px; position:absolute; width:calc(100% - 2px); height:calc(100% - 2px); left:1px; top:1px; background:#fff; z-index:-1;}
.action-block .btn-group.bg-white-shadow::before{background:var(--white);}

/* BUTTONS */
.action-block .btn-group .button.active, .action-block .btn-group .button:hover{color:var(--white);  }
.action-block .btn-group .button::after{content:''; position:absolute; width:calc(100% - 6px); height:calc(100% - 6px); left:3px; top:3px; border-radius:8px; background:#33CCB2; z-index:-1; opacity:0; transition:var(--all-fast);}
.action-block .btn-group .button::before{content:''; position:absolute; width:100%; height:100%; left:0; top:0; border-radius:8px; background:#33CCB2; z-index:-1; opacity:0; transition:var(--all-fast);}
.action-block .btn-group .button:hover:before, .action-block .btn-group .button:hover:after, .action-block .btn-group .button.active::before, .action-block .btn-group .button.active::after{opacity:1;}

/* ACTION BUTTONS */
.action-buttons{display:flex; padding:2px 24px; border-radius:8px; position:relative;  }
.action-buttons li{position:relative;}
.action-buttons li .button span { color:#33ccb2; font-size:14px;}

/* STATUS MENU */
.status-menu{position:absolute; right:0; top:calc(100% + 4px); width:130px; background:var(--white); display:none; flex-wrap:wrap; z-index:2; border-radius:10px; overflow:hidden; box-shadow:0 2px 10px 0 rgb(0 0 0 /
10%);}
.status-menu li{width:100%; position:relative;}
.status-menu li a{display:flex; padding:16px; font-size:14px; font-family:var(Proxima Nova); color:#3A3A3A !important;}
.status-menu li a:hover{background:var(--blue-thin); color:var(--blue-mild);}

/* ACTION BUTTONS */
.action-buttons{box-shadow:none;}
.action-buttons.disabled{opacity:0.5;}
.action-buttons::before{content:''; border-radius:8px; position:absolute; width:calc(100% - 4px); height:calc(100% - 1px); left:2px; top:2px; background:var(--white);}
.action-buttons.disabled::before{width:calc(100% - 2px); height:calc(100% - 2px); left:1px; top:1px; z-index:-1;}
.action-buttons .button{padding:12px 14px; border-radius:8px;}
.action-block .action-buttons .button:hover{background:#EBFAF8;}
.action-buttons.disabled .button:hover{background:transparent;}

/* FILTER BLOCK */
.action-block .filter-button{z-index:1; display:flex; border-radius:8px; position:relative; transform:var(--all-fast); background:#fff;}
.action-block .filter-button > .button{padding:15px 19px; color:#000}
.action-block .filter-button::before{content:''; border-radius:8px; position:absolute; width:calc(100% - 2px); height:calc(100% - 2px); left:1px; top:1px;  background:#fff; z-index:-1; transform:var(--all-fast);}
.action-block .filter-button.active{background:rgb(93,95,239); background:-moz-linear-gradient(top, rgba(93,95,239,1) 0%, rgba(166,93,239,1) 100%); background:-webkit-linear-gradient(top, rgba(93,95,239,1) 0%,rgba(166,93,239,1) 100%); background:linear-gradient(to bottom, rgba(93,95,239,1) 0%,rgba(166,93,239,1) 100%);}
.action-block .filter-button.active::before{left:2px; top:2px; width:calc(100% - 4px); height:calc(100% - 4px);}
.action-block .filter-button .button i{font-style:normal; color:var(--mild-gray); font-size:14px; margin-left:8px;}

/* FILTER POPUP */
.filter-block{z-index:2; display:none; position:absolute; top:calc(100% + 10px); right:0; padding:40px; width:900px; background:#fff; border-radius:8px; box-shadow:0 5px 10px 0 rgb(115 108 216 /
30%);}
.filter-block h5{font-size:12px; font-family:var(proxima-nova); margin-bottom:16px; display:flex; width:100%;}
.filter-block .filter-list{display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; width:100%;}
.filter-block .filter-list > li{width:190px; margin-right:8px; position:relative; margin:5px;}
.filter-block .filter-list > li:last-child{width:auto; flex:1; margin-right:0;}
.filter-block .filter-list > li .select-button{font-size:12px; font-family:var(Proxima Nova); background:#f6f6f6; border-radius:8px; padding:12px 16px; width:100%; justify-content:space-between;}
.filter-block .filter-list > li .select-button span { width:120px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:14px; color:#3A3A3A; font-family:var(proxima-nova);}
.select-button span{width:120px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tableName span{width:140px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.action-block .filter-button > .button:focus, .action-block .filter-button > .button i:focus { color:#33ccb2 !important;  }
.filter-block .filter-list > li .status-menu{width:100%; top:calc(100% + 10px);}

/* AUTO COMPLETE BLOCK */
.autocomplete{position:absolute; top:calc(100% + 10px); right:0; width:100%; background:#fff; border-radius:8px; box-shadow:0 0 10px 0 rgb(93 95 239 /
10%); display:none; z-index:1;}
.autocomplete .input-group{padding:4px;}
.autocomplete .input-group .img-box{position:absolute; width:16px; z-index:2; top:20px; left:24px;}
.autocomplete .input-group .autocomplete-input{width:100%; padding-left:40px !important; font-size:12px; font-family:var(proxima-nova); border-radius:8px; height:40px;border:1px solid #33ccb2; background:var(--white);}

/* AUTO COMPLETE ITEMS */
.autocomplete-items{width:100%; display:flex; flex-wrap:wrap;}
.autocomplete-items li{width:100%; display:flex; padding:16px; font-size:14px; font-family:var(Proxima Nova); color:var(--dark-gray);}
.autocomplete-items li:hover{background:var(--blue-thin); color:var(--blue-mild);}

/* LIST BLOCK */
.list-block{margin-top:16px; padding:0 24px;}
.list-block .assets-list{width:100%;}
.list-block .assets-list > li{width:100%; margin-bottom:12px; padding:0 5px;}
.list-block .scroll-box { width:100%; overflow:auto; min-height:300px; /* height:calc(100vh - 405px); */
}
.list-block .assets-list > li > ul{position:relative; display:flex; flex-wrap:nowrap; padding:16px; transition:var(--all-fast); border-radius:8px; background:var(--white); min-width:1300px;justify-content: space-between;}
.list-block .assets-list > li > ul.th{background:transparent; padding:8px 16px;}
.list-block .assets-list > li > ul::before{ content:''; border-radius:8px; position:absolute; width:calc(100% + 4px); height:calc(100% + 4px); left:-2px; top:-2px; background:#33CCB2; z-index:-1; transition:var(--all-fast); opacity:0;}
.list-block .assets-list > li > input:checked + ul:not(.th){margin:0;}
.list-block .assets-list > li > input:checked + ul:not(.th)::before{opacity:1;}
.list-block .assets-list > li.cancel ul:not(.th)::before{opacity:1; background:var(--red);}
.list-block .assets-list > li.cancel ul:not(.th) li span{color:var(--red) !important;}
.list-block .assets-list > li > ul > li{display:flex; flex-flow:row wrap; align-items:center; position:relative; flex:1;}
.list-block .assets-list > li > ul > li span{font-size:14px; color:var(--black);}
.list-block .assets-list > li > ul > li .form-control{padding:0; min-height:15px;}
.list-block .assets-list > li > ul > li .form-group{padding-right:24px;}
.list-block .assets-list > li > ul > li .form-group .img-box{top:0; right:0;}
.list-block .assets-list > li > ul.th > li span{font-family:var(proxima-nova);}
.list-block .assets-list > li > ul > li.select-item{margin-right:4px;}
.list-block .assets-list > li > ul > li.rating{margin-right:20px; max-width:24px;}
.list-block .assets-list > li > ul > li.sr-no{max-width:80px; margin-right:18px;}
.list-block .assets-list > li > ul > li.asset-name{flex:1; margin-right:18px;}
.list-block .assets-list > li > ul > li.asset-name span{font-family:var(proxima-nova);}
.list-block .assets-list > li > ul > li.make{width:150px; margin-right:18px;}
.list-block .assets-list > li > ul > li.model{width:140px; margin-right:18px;}
.list-block .assets-list > li > ul > li.specifications{width:150px; margin-right:18px;}
.list-block .assets-list > li > ul > li.property{width:100px; margin-right:18px;}
.list-block .assets-list > li > ul > li.status{width:125px; justify-content:flex-end;}
.list-block .assets-list > li > ul > li.action{width:105px; justify-content:flex-end;}

/* .list-block .assets-list > li > ul:not(.th) > li.make span{color:var(--blue-mild);}
.list-block .assets-list > li > ul:not(.th) > li.model span{color:var(--blue-mild);}
.list-block .assets-list > li > ul:not(.th) > li.specifications span{color:var(--blue-mild);}
.list-block .assets-list > li > ul:not(.th) > li.property span{color:var(--blue-mild);} */
.list-block .assets-list > li > ul:not(.th) > li.status.active span{color:var(--green);}
.list-block .assets-list > li > ul:not(.th) > li.status.migration span{color:var(--orange);}
.list-block .assets-list > li > ul:not(.th) > li.status .img-box img:last-child{display:flex;}
.list-block .assets-list > li > ul:not(.th) > li.status.migration .img-box img:first-child{display:none;}
.list-block .assets-list > li > ul:not(.th) > li.status.migration .img-box img:last-child{display:flex; transform:scale(1);}

/* LIST CHECKBOX */
.list-block .assets-list > li > ul > li label{margin:0;}
.list-block .assets-list > li > ul > li .img-box{width:24px;}
.list-block .assets-list > li > ul > li .img-box.sort{width:16px; margin-left:5px; background-position:center 2px;}
.list-block .assets-list > li > ul > li .img-box img{width:24px;/*100%*/; transition:none !important; cursor:pointer;}
.list-block .assets-list > li > input:checked + ul > li.select-item .img-box img:first-child{margin-left:-24px;}
.list-block .assets-list > li > ul > li.action .more{width:24px; height:24px; display:flex; align-items:center; justify-content:center;}

/* LIST BLOCK */
.responsive-list{margin-top:16px;}
.responsive-list .assets-list{width:100%; overflow:auto;}
.responsive-list .assets-list .list-item{width:100%; margin-bottom:12px; width:90vw;}
.responsive-list .assets-list .list-item:first-child{margin-bottom:8px;}
.responsive-list .assets-list .list-item > ul{position:relative; display:flex; flex-wrap:nowrap; padding:16px; transition:var(--all-fast); border-radius:30px; background:var(--white);}
.responsive-list .assets-list .list-item > ul.th{background:transparent; padding:8px 16px;}
.responsive-list .assets-list .list-item > ul::before{content:''; border-radius:40px; position:absolute; width:calc(100% + 4px); height:calc(100% + 4px); left:-2px; top:-2px; background:rgb(93,95,239); background:-moz-linear-gradient(top, rgba(93,95,239,1) 0%, rgba(166,93,239,1) 100%); background:-webkit-linear-gradient(top, rgba(93,95,239,1) 0%,rgba(166,93,239,1) 100%); background:linear-gradient(to bottom, rgba(93,95,239,1) 0%,rgba(166,93,239,1) 100%); z-index:-1; transition:var(--all-fast); opacity:0;}
.responsive-list .assets-list .list-item.cancel ul:not(.th)::before{opacity:1; background:var(--red);}
.responsive-list .assets-list .list-item.cancel ul:not(.th) li span{color:var(--red) !important;}
.responsive-list .assets-list .list-item > ul > li{display:flex; flex-flow:row wrap; align-items:center; position:relative; flex:1;}
.responsive-list .assets-list .list-item > ul > li span{font-size:14px; color:var(--black);}
.responsive-list .assets-list .list-item > ul > li .form-control{padding:0; min-height:15px;}
.responsive-list .assets-list .list-item > ul > li .form-group{padding-right:24px;}
.responsive-list .assets-list .list-item > ul > li .form-group .img-box{top:0; right:0;}
.responsive-list .assets-list .list-item > ul.th > li span{font-family:var(proxima-nova);}
.responsive-list .assets-list .list-item > ul > li.select-item{margin-right:4px; max-width:24px;}
.responsive-list .assets-list .list-item > ul > li.rating{margin-right:20px; max-width:24px;}
.responsive-list .assets-list .list-item > ul > li.sr-no{max-width:65px; margin-right:10px;}
.responsive-list .assets-list .list-item > ul > li.asset-name{flex:1; margin-right:18px;}
.responsive-list .assets-list .list-item > ul > li.asset-name span{font-family:var(proxima-nova);}
.responsive-list .assets-list .list-item > ul > li.make{min-width:150px; margin-right:18px;}
.responsive-list .assets-list .list-item > ul > li.model{min-width:140px; margin-right:18px;}
.responsive-list .assets-list .list-item > ul > li.specifications{min-width:150px; margin-right:18px;}
.responsive-list .assets-list .list-item > ul > li.property{min-width:100px; margin-right:18px;}
.responsive-list .assets-list .list-item > ul > li.status{flex:initial; width:100px; justify-content:flex-end;}
.responsive-list .assets-list .list-item > ul > li.action{min-width:105px; justify-content:flex-end;}
.responsive-list .assets-list .list-item > ul:not(.th) > li.status .img-box img:last-child{display:flex;}
.responsive-list .assets-list .list-item > ul:not(.th) > li.status.migration .img-box img:first-child{display:none;}
.responsive-list .assets-list .list-item > ul:not(.th) > li.status.migration .img-box img:last-child{display:flex; transform:scale(1);}

/* LIST CHECKBOX */
.responsive-list .assets-list .list-item > ul > li label{margin:0;}
.responsive-list .assets-list .list-item > ul > li .img-box{width:24px;}
.responsive-list .assets-list .list-item > ul > li .img-box.sort{width:16px; margin-left:5px;}
.responsive-list .assets-list .list-item > ul > li .img-box img{width:100%; transition:none !important;}
.responsive-list .assets-list .list-item > input:checked + ul > li.select-item .img-box img:first-child{margin-left:-24px;}
.responsive-list .assets-list .list-item > ul > li.action .more{width:24px; height:24px; display:flex; align-items:center; justify-content:center;}

/* .responsive-list .collapse{width:100%; overflow:auto;} */
.accord-title{margin-bottom:12px; width:90vw;}
.accord-title ul{display:flex; flex-flow:row wrap; border:1px solid #d1dbdb; padding:0 12px 0 30px; border-radius:25px;}
.accord-title ul li{flex:1; padding:12px 0; cursor:pointer;}
.accord-title ul li span{font-size:14px; color:var(--blue-mild); font-family:var(proxima-nova);}
.accord-title ul li.action{width:100px; display:flex; justify-content:flex-end; flex:initial;}
.accord-title ul li.action .img-box{width:18px;}

/* IMG LIST */
.img-list{display:flex; flex-flow:row wrap; align-items:center;}
.img-list > li{width:80px; height:80px; border-radius:8px; overflow:hidden; margin-right:8px; padding:0;}
.img-list > li.button{border:1px solid var(--blue-thin); background:var(--blue-ultra-thin);}
.img-list > li.button a{height:100%; width:100%; display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.img-list > li.button a span{margin:0 !important; width:auto; color:var(--blue-mild); text-align:center; justify-content:center;}

/* CUSTOM CHECKBOX WITH LABEL */
.custom-checkbox{display:flex; flex-flow:row wrap; margin-bottom:16px;}
.custom-checkbox label{flex:1; margin-bottom:0; color:#3A3A3A; font-family:var(Proxima Nova); display:flex; flex-flow:row wrap; align-items:center; cursor:pointer;}
.custom-checkbox label span{width:18px; height:18px; border-radius:4px; border:0px solid var(--blue-mild); background: #B8EDE4; margin-right:10px; transition:var(--all-fast);}
.custom-checkbox input + label span{display:inline-flex; justify-content:center; align-items:center;}
.custom-checkbox input + label span img{width:12px;}
.custom-checkbox input:checked + label span{background:var(--blue-mild);}

/* CIRCLE LIST CHECKBOX */
.circle-check label{margin:0;}
.circle-check label .img-box{width:24px;}
.circle-check label .img-box.sort{width:16px; margin-left:5px;}
.circle-check label .img-box img{width:100%; transition:none !important;}
.circle-check input:checked + label .img-box img:first-child{margin-left:-24px;}

/* PAGINATION */
.pagination{margin-top:30px; padding:0 24px;}
.pagination ul{display:flex; flex-wrap:wrap; align-items:center;}
.pagination ul li{padding:0 4px; transition:var(--all-fast);z-index:0;}
.pagination ul li a{z-index:1; position:relative; display:flex; padding:0 17.5px; height:40px; border-radius:8px; background:var(--white); align-items:center; justify-content:center; font-size:14px; font-family:var(Proxima Nova); color:var(--dark-gray); transition:var(--all-fast);}
.pagination ul li a::before{z-index:-1; content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:8px; z-index:-1; opacity:0; background:var(--light-sea-green) ;}
.pagination ul li.active a, .pagination ul li:hover a{color:var(--white); background:var(--light-sea-green);}
.pagination ul li.active a::before, .pagination ul li:hover a::before{opacity:1; background:#33ccb2;}
.pagination ul li a .img-box{width:24px;}
.pagination ul li:hover .img-box img:last-child{transform:scale(0);}
.pagination ul li:hover .img-box img:first-child{transform:scale(0); margin-left:-24px;}
.pagination ul li:hover .img-box img:last-child{transform:scale(1);}
.pagination .show-rows{display:flex; align-items:center;}
.pagination .show-rows span{font-size:14px; font-family:var(Proxima Nova); color:var(--dark-gray);}
.pagination .show-rows select{padding:10.5px 50px 10.5px 15px; margin:0 8px; background:var(--white) url(assets/images/icons/downBlack.svg) no-repeat 55px center; border-radius:8px; border:none; -webkit-appearance:none; background-size:20px;}
.pagination .jump-to li span{font-size:14px; font-family:var(Proxima Nova); color:var(--dark-gray);}

/* LOCATION BOX */
.location-box{max-width:320px; width:100%; padding:16px 0;}
.location-box p{font-size:12px; line-height:18px; font-family:var(proxima-nova); color:var(--mild-gray); margin-bottom:8px; width:100%;}
.location-box iframe{width:100%; height:120px; border-radius:8px;}

/* MODAL */
.modal{background:rgb(209 209 250 /
30%);}
.modal .modal-dialog{margin-top:180px;}
.modal .modal-body > p{text-align:center; font-size:var(--font-md); color:#3A3A3A; font-family:var(proxima-nova); margin:0;}
.modal .modal-content{padding:24px; border-radius:20px; border:none; box-shadow:0 0 15px 0 rgba(0,0,0,0.1);}
.modal .modal-footer{justify-content:center; border:none;}
.modal .modal-footer .button{min-width:150px; text-align:center;}
.modal .modal-body h3{font-size:24px; font-family:var(proxima-nova); color:#3A3A3A; text-align:left; margin-bottom:16px;}

/* FULL MODAL */
.full-modal.modal{background:var(--white); overflow-y:auto;}
.full-modal.modal .modal-header{border:none; padding:32px 26px 32px 16px; background:#F7FBFB;}
/* .full-modal.modal .modal-header button{border:1px solid #33CCB2; color:#33CCB2;} */
.full-modal.modal .modal-footer{background:#F7FBFB;}
.full-modal.modal .modal-body{padding-top:0;}
.full-modal.modal.show .modal-dialog{width:100%; height:100%; max-width:100%; margin:0; box-shadow:none;}
.full-modal.modal .modal-content{box-shadow:none; display:flex; flex-direction:column; flex-wrap:wrap; min-height:100%; padding:0;}
.full-modal.modal h2{font-size:18px; font-family:var(proxima-nova); color:#3A3A3A; text-align:center; flex:1; align-self:center; margin:0;}
.full-modal.modal h2 + .button{margin-left:-94px;}
.full-modal.modal .button + h2{padding-left:0;}
.full-modal.modal .modal-footer .button.btn-primary{min-width:160px; border-radius:8px; }

/* MODAL TABLE */
.table{display:flex; flex-flow:row wrap; align-items:center; justify-content:center; width:100%;}
.table .th{width:100%;}
.table .th li span{display:flex; font-size:12px; font-family:var(Proxima Nova); color:var(--dark-gray); margin-bottom:18px;}
.table .number{justify-content:flex-end;}
.table .tr{width:100%;}
.table .tr{margin-bottom:8px;}
.table .tr li h6{display:flex; flex-flow:row wrap; font-size:14px; font-family:var(proxima-nova); color:var(--blue-mild); margin-bottom:0;}

/* ATTACH FILE MODAL */
.modal.attach-file-modal .modal-dialog{max-width:350px;}
.modal.attach-file-modal .modal-content{padding:16px;}
.modal.attach-file-modal .modal-body{display:flex; align-items:flex-start; background:#F6F6F6; border:1px solid #E5F1F1; box-sizing:border-box; border-radius:20px; height:160px; overflow:auto;}
.modal.attach-file-modal .modal-body.upload-block{padding:0;}
.modal.attach-file-modal .modal-body.upload-block label{height:100%; width:100%; display:flex; flex-flow:column wrap; align-items:center; justify-content:center;}
.modal.attach-file-modal .modal-body.upload-block label .img-box{width:24px; margin-bottom:12px;}
.modal.attach-file-modal .modal-body.upload-block label p{font-size:12px; font-family:var(proxima-nova); color:var(--blue-medium); text-align:center;}
.modal.attach-file-modal .modal-footer{padding:8px 0;}
.modal.attach-file-modal .modal-footer .button{width:100%;}

/* BOTTOM SHEET MODAL */
.bottom-sheet.modal.fade .modal-dialog{position:absolute; left:50%; top:50px; margin-bottom:0; -webkit-transform:translate(-50%, 25%); transform:translate(-50%, 25%);}
.bottom-sheet.modal.show .modal-dialog{-webkit-transform:translate(-50%,0); transform:translate(-50%,0); max-height:100vh; margin-top:0;}
.bottom-sheet.modal .modal-content{border-bottom-left-radius:0; border-bottom-right-radius:0; padding:0;}
.bottom-sheet.modal .modal-content .modal-header{padding:32px 32px 14px; border-bottom:none;}
.bottom-sheet.modal .modal-content .modal-header h2{font-size:20px; font-family:var(proxima-nova); color:var(--blue-mild); margin-bottom:0;}
.bottom-sheet.modal .modal-content .modal-body{padding:14px 32px 32px;}
.bottom-sheet.modal .modal-content .modal-footer{padding:16px 32px; position:sticky; bottom:0; background:#fff; z-index:2;}
.bottom-sheet.modal .modal-content .modal-footer .button{width:100%;}

/* STEPPER CSS */
.wizard{width:765px; margin:auto; margin-bottom:62px;}
.wizard .nav-tabs{position:relative; margin-bottom:0; border:none; display:flex; flex-flow:row wrap;}
.wizard .nav-tabs > li{flex:1; display:flex; flex-flow:column wrap; align-content:center; position:relative;}
.wizard .nav-tabs > li a{width:50px; height:50px; margin:0 auto 15px; background:var(--white);border:1px solid #B7BEBE; color:#B7BEBE; border-radius:8px; padding:0; position:relative; display:flex; align-items:center; justify-content:center; z-index:1;}
.wizard .nav-tabs > li a.confirm{width:50px; height:50px; margin:0 auto 15px; background:var(--blue-ultra-thin); border:1px solid #d1dbdb; color:#d1dbdb; border-radius:100%; padding:0; position:relative; display:flex; align-items:center; justify-content:center; z-index:1;}
.wizard .nav-tabs > li.done a{border:1px solid var(--blue-mild); color:var(--blue-mild);}
.wizard .nav-tabs > li .line{position:absolute; content:''; height:1px; width:100%; background:#D1DBDB; top:26px; left:50%; z-index:0;}
.wizard .nav-tabs > li span{font-size:14px; font-family:var(proxima-nova); color:#bfc6c6; text-align:center;}
.wizard .nav-tabs > li.done span{color:var(--blue-mild);}
.wizard .nav-tabs > li.active span{font-family:var(proxima-nova); color:var(--blue-mild);}
.wizard .nav-tabs > li.active span{font-weight:700; color:#33CCB2;}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus{color:var(--white); background:var(--blue-mild); cursor:default; border:0; border:none;  }

/* MIGRATION BOX */
.migration-box{width:765px; margin:auto; display:none; flex-wrap:wrap; justify-content:center; border:1px solid var(--blue-thin); border-radius:20px; background:var(--white); padding:40px; z-index:1; position:relative;}

/* TRANSFER TYPE SWITCH */
.transfer-type-switch{display:flex; flex-wrap:wrap; justify-content:flex-start; margin-bottom:42px;}
.transfer-type-switch .toggle-switch{margin-top:0;}
.transfer-type-switch h4{width:100%; font-size:14px; font-family:var(proxima-nova); color:var(--black);}

/* PRINT QR BUTTON */
.transfer-type .qr-button{margin-left:16px;}
.transfer-type .qr-button span{font-size:14px; font-family:var(Proxima Nova);}
.transfer-type .migration-all{width:100%; display:flex; flex-wrap:wrap; align-items:center; margin-bottom:32px; position:relative; z-index:2;}

/* INDIVIDUAL MIGRATION LIST HEADING */
.transfer-type .migration-individually .th{width:516px; padding:5px 0px; display:flex; flex-flow:row wrap; justify-content:space-between;}
.transfer-type .migration-individually .th li{flex:1;}
.transfer-type .migration-individually .th li span{font-size:12px; font-family:var(proxima-nova); color:var(--black);}
.transfer-type .migration-individually .th li:last-child span{padding-left:50px;}

/* INDIVIDUAL MIGRATION LIST */
.transfer-type .migration-individually{width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.transfer-type .migration-individually > li{width:100%; display:flex; flex-wrap:wrap; align-items:center; margin-bottom:8px;}
.transfer-type .migration-individually > li:last-child{margin-bottom:0;}

/* INDIVIDUAL MIGRATION LIST ACTION BUTTON */
.transfer-type .migration-individually .action-buttons{box-shadow:none;}
.transfer-type .migration-individually .action-buttons li{flex:1;}
.transfer-type .migration-individually .action-buttons .button{margin-left:auto;}
.transfer-type .migration-individually .action-buttons::before{background:#F9FBFB; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px;}
.transfer-type h5{width:100%; text-align:center; font-size:16px; font-family:var(proxima-nova); color:#3A3A3A; margin-bottom:32px;}
.transfer-type h3{width:100%; text-align:center; font-size:24px; font-family:var(proxima-nova); color:var(--blue-mild); margin-bottom:32px;}
.transfer-type .action-buttons{flex:1; min-height:56px; padding:0 16px;}
.transfer-type .action-buttons h4{margin-bottom:0; font-family:var(proxima-nova); font-size:14px; color:var(--black);}

/* TRANSFER TYPE - TRANSFER BOX */
.transfer-box{width:600px; margin:auto; display:flex; flex-wrap:wrap; justify-content:center; border:1px solid #D1DBDB; border-radius:20px; background:var(--white); padding:25px 40px; z-index:1; position:relative;}
.transfer-box.bg-gray{width:600px; margin:auto; display:flex; flex-wrap:wrap; justify-content:center; border:1px solid #D1DBDB; border-radius:20px; background:#F9FBFB; padding:40px; z-index:1; position:relative;}
.transfer-box-list{width:100%;}
.transfer-box-list li{width:100%; position: relative;}
.transfer-box-list li:last-child .form-group{margin-bottom:0;}

/* TRANSFER TYPE - TRANSFER BOX - TRANSFER DETAILS */
.transfer-box h3{font-size:18px; font-family:var(proxima-nova); text-align:left; margin-bottom:16px;}
.transfer-details, .transfer-user-details{display:flex; flex-flow:row wrap; width:100%;}
.transfer-details li{display:flex; flex-flow:row wrap; width:100%; margin-bottom:16px; padding-bottom:16px;  }
.transfer-details > li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:none;}
.transfer-details li > span{width:100%; font-size:14px; font-family:var(proxima-nova); color:var(--mild-gray);}
.transfer-details li .button{padding:0;}
.transfer-details li .button .img-box{width:30px;}
.transfer-details li .button p{margin-bottom:0;}
.transfer-details li p{font-size:18px; font-family:var(proxima-nova); color:var(--black); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:0;}
.transfer-details .transfer-user-details li{width:50%; padding-right:5px;}
.transfer-details .transfer-user-details li:nth-last-child(-n + 2){margin-bottom:0; padding-bottom:0; border:none;}
.transfer-details .transfer-user-details li:nth-last-child(-n + 2) p{margin-bottom:0;}

/* ASSETS DETAILS PAGE MAIN BLOCK */
.assets-details{padding-top:0;}
.details-header .media{margin-left:32px;}

/* ASSETS DETAILS PAGE HEADER */
.details-header{position:sticky; top:0; padding:24px; border-bottom:1px solid var(--blue-medium); z-index:2; border-bottom:0px; z-index:2; background:#F2F8F8;}
.details-header form ul li{padding-left:4px; padding-right:4px;}
.details-header form ul li .form-group{margin-bottom:0;}
.details-header form ul li .form-control{background:var(--white);}

/* ASSETS DETAILS PAGE HEADER - INFO LIST */
.header-info-list{display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:flex-end;}
.header-info-list li{margin-left:40px; padding:5px 0;}
.header-info-list li span{font-family:var(Proxima Nova); font-size:12px; line-height:16px; color:var(--dark-gray);}
.header-info-list li h4{font-family:var(Proxima Nova); font-size:16px; line-height:19px; color:var(--blue-mild); margin-bottom:0;}

/* ASSETS DETAILS PAGE HEADER - MEDIA */
.media{display:flex; align-items:center; flex-flow:row wrap;}
.media .media-img{width:80px; height:80px; margin-right:15px;}
.media .media-img label{width:100%; height:100%; border:1px solid #D1DBDB; background:#f6f6f6 !important; display:flex; align-items:center; justify-content:center; border-radius:8px; margin-bottom:0; background-size:cover; background-repeat:no-repeat;}
.media .media-body h4{font-size:20px; font-family:var(proxima-nova); color:var(--black); width:180px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* ASSETS DETAILS PAGE HEADER - STATUS */
.status{display:flex; flex-flow:row wrap; align-items:center;}
.status span{font-size:12px; font-family:var(proxima-nova); color:var(--blue-mild);}
.status.active span{color:var(--green);}
.status .img-box{width:18px;}
.status span .img-box{width:18px;}

/* GENERAL INFO BLOCK END */
.info-section{padding:0 24px;}

/* <<<<<<< HEAD */
.round-shadow-box{margin-top:16px; padding:32px; position:relative; background:#fff; box-shadow:0px 8px 16px rgba(115, 108, 216, 0.1), 0px 4px 8px rgba(115, 108, 216, 0.07), 0px 2px 2px rgba(115, 108, 216, 0.05); border-radius:24px;}
.round-shadow-box::before{ content:''; border-radius:25px; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); z-index:-1; height:calc(100% + 2px);}
.round-shadow-box h2{font-style:normal; font-weight:700; font-size:24px; color:#3A3A3A;}
.round-shadow-box h4.title{font-family:var(proxima-nova); font-style:normal; font-weight:500; font-size:16px; line-height:22px; color:#33CCB2; margin-bottom:16px;}
.round-shadow-box p{font-family:var(Proxima Nova); font-style:normal; font-weight:400; font-size:14px; line-height:16px; color:#787878; margin-bottom:0;}

/* ======= .round-shadow-box{margin-top:16px; padding:32px; position:relative; background:linear-gradient(180deg, #F8F8F9 0%, #F8F9FF 100%); box-shadow:0px 8px 16px rgba(115, 108, 216, 0.1), 0px 4px 8px rgba(115, 108, 216, 0.07), 0px 2px 2px rgba(115, 108, 216, 0.05); border-radius:24px;}
.round-shadow-box::before{ content:''; border-radius:25px; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); z-index:-1; height:calc(100% + 2px); background:rgba(98,100,239, 0.4); background:-moz-linear-gradient(-45deg,  rgba(98,100,239,0.4) 0%, rgba(133,134,243,0.4) 100%);background:rgba(93,95,239,0.4); background:-moz-linear-gradient(top, rgba(93,95,239,0.4) 0%, rgba(166,93,239,0.4) 100%); background:-webkit-linear-gradient(top, rgba(93,95,239,0.4) 0%,rgba(166,93,239,0.4) 100%); background:linear-gradient(to bottom, rgba(93,95,239,0.4) 0%,rgba(166,93,239,0.4) 100%);}
.round-shadow-box h2{font-family:var(--filson-medium); font-style:normal; font-weight:500; font-size:26px; line-height:29px; color:#5D5FEF;}
.round-shadow-box h4.title{font-family:var(--filson-medium); font-style:normal; font-weight:500; font-size:16px; line-height:22px; color:#5D5FEF; margin-bottom:16px;}
.round-shadow-box p{font-family:var(--filson-book); font-style:normal; font-weight:normal; font-size:12px; line-height:16px; color:var(--dark-gray); margin-bottom:0;} >>>>>>> develop-permission-new */
/* DETAIL LIST */
.details-list { display: flex; flex-flow: row wrap; align-items: center; }
.details-list > li { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; max-width: 185px; width: 100%; padding: 16px 8px 16px 0; }
.details-list > li.file-upload { max-width: 100%; padding-bottom: 0; }
.details-list > li p { font-size: 12px; font-family: var(proxima-nova); color:#787878; font-weight: 500; margin-bottom: 8px; width: 100%; }
.details-list > li h6 { font-size: 16px; font-family: var(proxima-nova); color:#3A3A3A ; font-weight: 500; margin-bottom: 0; width: 100%; 
  width: 170px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.details-list > li.active h6 { color: var(--green); }
.details-list > li.inactive h6 { color: var(--red); }
.details-list > li.tag-no h6 { color: var(--mild-gray); }

/* UPLOAD LIST */
.uploaded-list{display:flex; flex-flow:row wrap; align-items:center; width:100%;}
.uploaded-list li:not(.attach-file){position:relative; background:#ECEDFD; border:1px solid #f6f6f6; padding:16px; border-radius:8px; margin-right:8px; width:auto; display:flex; flex-flow:row wrap; align-items:center;}
.uploaded-list li.attach-file{padding:0; width:auto;}
.uploaded-list li .remove-file{margin-left:8px; width:24px;}
.uploaded-list li span{font-size:12px; font-family:var(proxima-nova); color:var(--blue-dark);}

/* SELECTED FILE LIST */
.selected-files{display:flex; flex-flow:row wrap; width:100%; padding:14px;}
.selected-files li{display:flex; flex-flow:row wrap; align-items:center; width:100%; padding:8px; background:var(--blue-thin); border-radius:4px; margin-bottom:4px;}
.selected-files li span{font-size:12px; color:var(--blue-mild); flex:1;}

/* NEW AMC BOX */
.new-amc-box{width:600px; margin:auto; flex-wrap:wrap; justify-content:center; border:1px solid #D1DBDB; border-radius:20px; background:var(--white); padding:40px; z-index:1; position:relative;}
.new-amc-box ul:not(.uploaded-list){width:100%; margin-bottom:24px; border-bottom:1px solid var(--blue-thin);}
.new-amc-box ul:last-child{margin-bottom:0; border-bottom:none;}
.new-amc-box ul:last-child li:last-child{margin-bottom:0;}
.new-amc-box ul li{margin-bottom:8px;}
.new-amc-box ul.uploaded-list li{margin-bottom:0;}
.new-amc-box ul li .toggle-switch .switch{padding:13.5px 0;}

/* TIME BLOCK */
.time-block{display:flex; flex-flow:row wrap; align-items:center; background:var(--blue-thin); padding:10.5px 0; border-radius:8px;}
.time-block input{height:24px; width:32px; margin:0 8px; padding:0 4px; border-radius:16px; background:var(--white); text-align:center; font-size:12px; color:var(--blue-mild); font-family:var(proxima-nova);}
.time-block input::placeholder{color:#787878;}

/* AMC SUPPORT HISTORY */
.support-history{width:620px; margin:auto; flex-wrap:wrap; justify-content:center; border-radius:20px; background:var(--white); padding:40px; z-index:1; position:relative;}
.modal .support-history h3{margin-bottom:8px;}
.modal .scheduled-services{display:flex; flex-flow:row wrap; justify-content:space-between; padding-bottom:8px; margin-bottom:12px; border-bottom:1px solid #d1dbdb;}
.modal .scheduled-services li h6{font-size:12px; text-align:center; color:#666; margin-bottom:8px;}
.modal .scheduled-services li h3{text-align:center; margin-bottom:0;}

/* ACCORDION */
.accordion{padding-top:8px; border-top:1px solid #d1dbdb;}

/* ACCORDION CARD */
.accordion .card{border-color:#d1dbdb; border-radius:8px; margin-bottom:36px; position:relative;}
.accordion .card::after{content:''; position:absolute; top:calc(100% + 8px); left:24px; width:1px; height:20px; background:#d1dbdb;}

/* ACCORDION CARD HEADER */
.accordion .card-header{padding:16px; background:var(--blue-thin); border-bottom-color:#d1dbdb; transition:var(--all-fast);}
.accordion .card-header ul{display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;}
.accordion .card-header ul li.date{width:170px; padding-left:24px; position:relative;}
.accordion .card-header ul li.reason{width:70px;}
.accordion .card-header ul li.service-person{width:90px;}
.accordion .card-header ul li.past-service{width:90px; padding-right:18px; position:relative;}
.accordion .card-header ul li.past-service .img-box{width:16px; position:absolute; right:0; top:0; transform:rotateZ(180deg);}
.accordion .card-header ul li.past-service h4{text-align:center;}
.accordion .card-header ul li h4{display:block; width:100%; font-size:12px; font-family:var(proxima-nova); color:#3A3A3A; margin:0; text-align:left;}
.accordion .card-header ul li span{display:block; width:100%; font-size:10px; font-family:var(Proxima Nova); color:var(--black); margin:0; text-align:left;}
.accordion .card-header ul li.date .circle{display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:16px; height:16px; border-radius:50%; background:var(--blue-thin); border:1px solid var(--blue-mild);}
.accordion .card-header ul li.date.active .circle{background:var(--blue-mild); border:1px solid var(--blue-mild);}
.checklist{padding-bottom:16px; border-bottom:1px solid #d1dbdb; margin-bottom:40px;}
.checklist > .card{border:none; margin-bottom:8px; background:transparent;}
.checklist > .card > .card-header{ width:100%; padding:0; border:none; border-radius:8px; position:relative; z-index:1; padding:1px; overflow:hidden; background:#F7FBFB;; border:1px solid #D1DBDB;}
.checklist > .card > .card-header button{width:100%; display:flex; flex-flow:row wrap; align-items:center; padding:16px 16px 16px 32px; border-radius:8px; background:var(--white);}
.checklist > .card > .card-header button h4{flex:1; display:flex; flex-flow:row wrap; align-items:center; margin-bottom:0; font-size:16px; font-family:var(proxima-nova); color:#3a3a3a;}
.checklist > .card > .card-header button h4 span{font-size:12px; font-family:var(proxima-nova); color:var(--blue-medium); margin-left:8px;}
.checklist > .card > .card-header button .img-box{width:24px;}
.checklist > .card > .card-header + div{padding:0 32px;}
.checklist > .card > .card-header + div > .card-body{padding:16px; background:var(--blue-ultra-thin); border-bottom-left-radius:8px; border-bottom-right-radius:8px;}
.checklist > .card > .card-header + div > .card-body .card{border:none; background:none;}
.checklist > .card > .card-header + div > .card-body .card .card-header{display:flex; flex-flow:row wrap; border:none; background:none; padding:0; margin-bottom:32px;}
.checklist > .card > .card-header + div > .card-body .card .card-header .title-wrap{flex:1;}
.checklist > .card > .card-header + div > .card-body .card .card-header .title-wrap span{font-size:14px; font-family:var(proxima-nova); color:var(--dark-gray); margin-bottom:8px; width:100%; display:flex;}
.checklist > .card > .card-header + div > .card-body .card .card-header .title-wrap h4{font-size:16px; font-family:var(proxima-nova); color:var(--black); margin-bottom:0;}
.checklist > .card > .card-header + div > .card-body .grad-box{border-radius:8px; margin-bottom:8px; background:white }
.checklist > .card > .card-header + div > .card-body .grad-box:last-child{margin-bottom:0;}
.checklist > .card > .card-header + div > .card-body .grad-box::before{border-radius:7px;}
.checklist > .card > .card-header + div > .card-body .ticket-list .card-body{padding:0;}
.checklist > .card > .card-header + div > .card-body .ticket-list .card-body{margin-bottom:32px;}
.checklist > .card > .card-header + div > .card-body .ticket-list .card-body .response-wrap span{font-size:14px; font-family:var(proxima-nova); color:var(--dark-gray); margin-bottom:8px; width:100%; display:flex;}
.checklist > .card > .card-header + div > .card-body .ticket-list .card-body .response-wrap small{font-size:12px; font-family:var(Proxima Nova); color:var(--dark-gray); margin-bottom:8px; width:100%; display:flex;}
.checklist > .card > .card-header + div > .card-body .ticket-list .card-body .response-wrap ul{display:flex; flex-flow:row wrap; align-items:center;}
.checklist > .card > .card-header + div > .card-body .ticket-list .card-body .response-wrap ul li{display:flex; margin-right:8px;}
.checklist > .card > .card-header + div > .card-body .ticket-list .card-body .response-wrap ul li a{padding:4px 8px; border-radius:4px; background:var(--blue-ultra-thin);}
.checklist > .card > .card-header + div > .card-body .ticket-list .card-body .response-wrap ul li a.active{background:var(--blue-mild); color:var(--white);}
.checklist > .card > .card-header + div > .card-body .ticket-list .card-footer{background:none; border:none; padding:0; display:flex; flex-flow:row wrap;}
.checklist > .card > .card-header + div > .card-body .ticket-list .card-footer .notes{flex:1; padding-right:32px;}
.checklist > .card > .card-header + div > .card-body .ticket-list .card-footer span{font-size:14px; font-family:var(proxima-nova); color:var(--dark-gray); margin-bottom:8px; width:100%; display:flex;}
.checklist > .card > .card-header + div > .card-body .ticket-list .card-footer p{font-size:16px; line-height:16px; font-family:var(proxima-nova); color:var(--black); margin-bottom:0; width:100%; display:flex;}

/* ACCORDION CARD HEADER */
.accordion .card-header.collapsed{border-bottom-color:transparent; background:transparent;}
.accordion .card-header.collapsed ul li.past-service .img-box{transform:rotateZ(0);}

/* ACCORDION CARD BODY */
.accordion .card-body{padding:16px;}
.accordion .card-body ul.short-info{padding-bottom:16px; border-bottom:1px solid #d1dbdb;}
.accordion .card-body ul.short-info li h4{font-size:12px; margin-bottom:8px; font-family:var(proxima-nova); color:var(--blue-mild);}
.accordion .card-body ul.short-info li p{font-size:12px; line-height:16px; margin-bottom:0; font-family:var(proxima-nova); color:var(--dark-gray);}

/* DETAILS UL */
.accordion .card-body .details > li{border-bottom: 1px solid #d1dbdb;;}
.accordion .card-body .details ul{display:flex; flex-flow:row wrap; align-items:center;}
.accordion .card-body .details ul.th{margin-bottom:8px;}
.accordion .card-body .details ul li .qty{text-align:center;}
.accordion .card-body .details ul li .cost{text-align:right;}
.accordion .card-body .details > li{margin-top:16px;}

/* DETAILS TH */
.accordion .card-body .details ul.th li h4{font-size:12px; margin-bottom:0; font-family:var(proxima-nova); color:var(--blue-mild);}
.accordion .card-body .details ul.th li p{font-size:10px; line-height:16px; margin-bottom:0; font-family:var(Proxima Nova); color:var(--black);}

/* DETAILS TR */
.accordion .card-body .details ul.tr{padding:8px 0;}
.accordion .card-body .details ul.tr li{display:flex; flex-flow:row wrap;}
.accordion .card-body .details ul.tr li .sr-no{font-size:12px; font-family:var(proxima-nova); color:var(--black); margin-right:8px;}
.accordion .card-body .details ul.tr li h5{margin-bottom:0; font-size:12px; line-height:16px; font-family:var(proxima-nova); color:var(--black); flex:1;}

/* TOTAL COST */
.accordion .card-body .details ul.total-cost{justify-content:space-between; padding-bottom:8px;}
.accordion .card-body .details ul.total-cost h3{font-size:14px; margin-top:0;}
.accordion .card-body h3{font-size:14px; font-family:var(proxima-nova); color:var(--blue-mild); margin-top:24px; margin-bottom:8px;}
.accordion .card-body h3 + p{font-size:12px; font-family:var(proxima-nova); color:var(--dark-gray); margin-bottom:8px;}

/* EDIT GENERAL INFO */
.modal-dialog.edit-gen-details{max-width:900px; width:100%;}

/* LOCATION HISTORY MODAL */
.location-history-title { position: relative; display: flex; flex-flow: row wrap; }
.location-history-title span { flex: 1; margin-left: 15px; height: 1px; background: #D1DBDB; margin-top: 10px; }
.location-history-list { display: flex; flex-flow: row wrap; position: relative; }
.location-history-list::after { content: ''; position: absolute; width: 0; height: calc(100% - 84px); right: 7px; top: 30px; border: 1px dashed var(--blue-thin); }
.location-history-list > li { width: 100%; margin-bottom: 24px; position: relative; }
.location-history-list > li:not(:last-child):before { content: ''; position: absolute; width: 1px; height: 24px;     background: #D1DBDB; left: 7px; top: 100%; }
.location-history-list > li > ul { width: 100%; display: flex; flex-flow: row wrap; align-items: center; }
.location-history-list > li > ul li .circle { display: block; width: 16px; height: 16px; border-radius: 16px; border: 1px solid #D1DBDB; background: #D1DBDB; margin-right: 20px; }
.location-history-list > li > ul li .line { display: block; width: 40px; height: 1px; background: var(--blue-thin); margin-right: 20px; }
.location-history-list > li > ul li h4 { width: 200px; font-size: 16px; font-family: var(Proxima Nova); color: var(--dark-gray);margin-bottom: 0; margin-right: 15px; }
.location-history-list > li > ul li p { font-size: 12px; font-family: var(Proxima Nova); color: var(--mild-gray); margin-bottom: 0; }
.location-history-list > li > ul li:last-child { flex: 1; }
.location-history-list > li > ul li:last-child p { text-align: right; }

/* LOCATION HISTORY CURRENT STATE */
.location-history-list > li.active > ul li .circle{background:#D1DBDB;}
.location-history-list > li.active > ul li .line{background:#D1DBDB;}
.location-history-list > li.active > ul li h4{font-family:var(proxima-nova); color:#0d0d0d;;}
.location-history-list > li.active > ul li P{color:var(--blue-mild);}

/* ANNUAL BUDGET */
.annual-budget{display:flex; flex-wrap:wrap; justify-content:flex-end;}
.annual-budget > span{font-size:12px; font-family:var(proxima-nova); color:var(--mild-gray); display:block; width:100%; text-align:right; padding-right:50px;}
.annual-budget .button span{font-size:16px; font-family:var(proxima-nova); color:var(--black);}
.annual-budget .button .img-box{margin-left:16px;}

/* SET A BUDGED */
.set-budget{max-width:800px; width:100%;}
.bottom-sheet.modal .set-budget .modal-content{padding:32px 160px;}
.bottom-sheet.modal .set-budget .modal-content .modal-header h2{width:100%; padding-bottom:16px; border-bottom:1px solid var(--blue-thin);}
.bottom-sheet.modal .set-budget .modal-content .modal-body .budget-report{width:100%; margin-top:16px; padding-top:16px; border-top:1px solid var(--blue-thin);}

/* CREATE PM TEMPLATE */
.create-temp{padding:50px; width:573px; margin:auto; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; background:#f7fbfb; border-radius:8px; margin-bottom:28px;}
.create-pm-template .create-temp + h3{text-align:center; margin-bottom:28px;}
.create-pm-template .create-temp h3{width:100%; font-size:14px; padding:16px;}
.create-temp > ul{width:100%; display:flex; flex-flow:row wrap;}
.create-temp > ul > li{width:100%; display:flex; flex-flow:row wrap; margin-bottom:10px;}
.create-temp > ul > li > ul{display:flex; flex-flow:row wrap; flex:1; background:var(--white); border-radius:8px; margin-right:8px;}
.create-temp > ul > li > ul > li{padding:20px 16px; flex:1; display:flex; flex-flow:row wrap; align-items:center;}
.create-temp > ul > li > ul > li h4{font-size:14px; font-family:var(proxima-nova); color:var(--black); margin:0;}
.create-temp > ul > li > ul > li span{font-size:14px; font-family:var(Proxima Nova); color:var(--blue-mild); margin:0;}

/* TEMPLATE DETAILS */
.template-details{max-width:800px; margin:auto; border:1px solid #D1DBDB; border-radius:20px; padding:40px;}
.template-details .select-button{width:100%;}
.selectFreq + .status-menu{width:100%; overflow:visible;}
.selectFreq + .status-menu li:not(:last-child){border-bottom:1px solid #d1dbdb;}
.template-details .autocomplete{left:100%; right:auto; top:0; width:300px; padding:0 16px;}
.template-details .autocomplete h4{font-size:14px; font-family:var(proxima-nova); padding:16px 0; border-bottom:1px solid #d1dbdb;}
.add-response + .form-group{display:none; margin-bottom:8px;}

/* ATTACH A PART */
.attach-part{width:500px; margin:auto; flex-wrap:wrap; justify-content:center; border:1px solid #d1dbdb; border-radius:20px; background:var(--white); padding:40px; z-index:1; position:relative;}
.attach-part ul > li{border-bottom:none; display:flex; flex-flow:row wrap; width:100%; margin-bottom:30px;}
.attach-part > ul > li:last-child{margin-bottom:0; padding-bottom:0;}
.attach-part > ul > li:last-child > ul > li{margin-bottom:0;}
.attach-part ul > li > ul{border-bottom:1px solid var(--blue-thin); margin-bottom:0;}
.attach-part ul > li > ul.transfer-user-details{border-bottom:none;}
.attach-part ul > li > ul > li{border-bottom:none; display:flex; flex-flow:row wrap; width:100%;}
.attach-part ul > li > span{width:100%; font-size:14px; font-family:var(proxima-nova); color:var(--mild-gray);}
.attach-part ul > li .button{padding:5;}
.attach-part ul > li .button .img-box{width:24px;}
.attach-part ul > li .button p{margin-bottom:0;}
.attach-part ul > li p{font-size:18px; font-family:var(proxima-nova); color:var(--black); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:0;}

/* DEPRECIATION */
.depreciation{padding:0 24px;}
.depreciation .details-list > li{width:auto; flex:1; padding:16px 16px 16px 0;}
.depreciation .details-list > li:last-child{padding-right:0;}

/* DEPRECIATION LIST */
.depreciation-list{display:flex; flex-flow:row wrap; align-items:center;}
.depreciation-list.bdr-right{border-right:1px solid #d1dbdb;}
.depreciation-list li{background:rgb(93,95,239); background:-moz-linear-gradient(top, rgba(93,95,239,1) 0%, rgba(166,93,239,1) 100%); background:-webkit-linear-gradient(top, rgba(93,95,239,1) 0%,rgba(166,93,239,1) 100%); background:linear-gradient(to bottom, rgba(93,95,239,1) 0%,rgba(166,93,239,1) 100%); box-shadow:none; border-radius:8px; padding:1px; position:relative; z-index:1; margin-right:16px; padding:16px; flex:1;}
.depreciation-list li::before{content:''; border-radius:7px; position:absolute; width:calc(100% - 2px); height:calc(100% - 2px); left:1px; top:1px; background:var(--white); z-index:-1;}
.depreciation-list li h4{font-size:12px; font-family:var(proxima-nova); text-align:center; color:var(--black); margin-bottom:8px;}
.depreciation-list li h3{font-size:18px; font-family:var(proxima-nova); text-align:center; color:var(--blue-mild); margin-bottom:0;}

/* DEPRECIATION VALUE */
.depreciation-value{background:var(--white); border-radius:16px; padding:8px 16px;}
.depreciation-value .title-block{display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:16px; padding-right:52px;}
.depreciation-value .title-block span{font-size:12px; font-family:var(proxima-nova); color:var(--black);}
.depreciation-value .title-block span:last-child{min-width:120px;}
.depreciation-value ul{display:flex; flex-flow:row wrap; width:100%; height:350px; overflow:auto; padding-right:16px;}

/* DEPRECIATION VALUE UL */
.depreciation-value ul li{display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:12px 16px; width:100%; border:1px solid #d1dbdb; border-radius:30px; margin-bottom:8px;}
.depreciation-value ul li span{font-size:14px; font-family:var(proxima-nova); color:var(--black);}
.depreciation-value ul li span:last-child{min-width:120px;}

/* DEPRECIATION VALUE CHART */
.depreciation-chart{background:var(--white); border-radius:16px; padding:24px;}
.depreciation-chart .cart-title{font-size:16px; font-family:var(proxima-nova); text-align:center; color:var(--blue-mild); margin-top:22px;}

/* CONSOLIDATED REPORT */
.consolidated-report{padding:0 24px;}

/* CONSOLIDATED REPORT */
.reports-card{width:100%; border-radius:8px; margin-bottom:20px; z-index:1; position:relative; overflow:hidden;}
.reports-card::after{content:''; position:absolute; left:1px; top:1px; background:var(--white); width:calc(100% - 2px); height:calc(100% - 2px); border-radius:7px; z-index:-1;}
.reports-card .card-header{background:var(--blue-mild); padding:8px 24px; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; border:none;}
.reports-card .card-header span{font-size:14px; font-family:var(Proxima Nova); color:var(--white);}
.reports-card .card-body{padding:8px 0 0;}
.parts-details-reports .reports-card .card-body { padding:16px; background:#F9FBFB;}
.reports-card .card-body ul{display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center;}
.reports-card .card-body ul li{padding:16px; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; flex:1;}
.reports-card .card-body h5{width:100%; min-height:32px; font-size:14px; font-family:var(Proxima Nova); color:var(--black); text-align:center; margin-bottom:8px;}
.reports-card .card-body h4{width:100%; font-size:18px; font-family:var(proxima-nova); text-align:center;}

/* PIE CHART BLOCK */
.pie-chart-info ul{display:flex; flex-wrap:wrap;}
.pie-chart-info ul li{display:flex; flex-flow:row wrap; align-items:center; width:100%; padding:8px 10px;}
.pie-chart-info ul li span{width:40px; height:16px; border-radius:4px; display:flex; margin-right:10px;}
.pie-chart-info ul li p{font-size:12px; font-family:var(Proxima Nova); color:var(--blue-mild); margin:0;}

/* METER READING LIST */
.meter-reading .title-block{display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between; padding:16px;}
.meter-reading .title-block li{display:flex; flex-flow:row wrap; align-items:center; flex:1;}
.meter-reading .title-block li .img-box{display:flex; width:16px; margin-left:4px;}
.meter-reading .title-block span{font-size:12px; font-family:var(proxima-nova); color:var(--black);}
.meter-reading .title-block span:last-child{min-width:120px;}
.meter-reading-list li{    display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:15px 16px; width:100%; background:#F7FBFB; border:0px solid #d1dbdb; border-radius:8px; margin-bottom:8px;}
.meter-reading-list li span{font-size:14px; font-family:var(proxima-nova); color:var(--black); flex:1;}
.meter-reading-list li span:last-child{min-width:120px;}

/* PM REPORT DETAILS MODAL */
.pm-report-modal .action-buttons .button:hover{background:var(--blue-thin);}
.pm-report-modal .modal-header{align-items:center;}
.pm-report-modal .modal-header .title-wrap{flex:1; display:flex; flex-flow:row wrap; padding-left:170px;}
.pm-report-modal .modal-header .title-wrap h2{padding-left:0; color:var(--black);}
.pm-report-modal .modal-header .title-wrap p{width:100%; text-align:center; font-size:14px; font-family:var(Proxima Nova); color:var(--dark-gray); margin-bottom:0;}

/* PM REPORT MODAL BODY */
.pm-report-modal .modal-body{width:865px; margin:auto;}
.pm-report-modal .modal-body h2{text-align:left; font-size:24px; margin-bottom:18px; padding-left:30px;}
.pm-report-modal .modal-body .grad-box{padding:32px;}
.pm-report-modal .modal-body .table{ padding:22px 15px 40px; margin-bottom:40px; border-bottom:1px solid #d1dbdb;}
.sign-box{width:205px;}
.sign-box .img-box{width:100%; margin:40px 0;}
.sign-box h4{font-size:14px; font-family:var(Proxima Nova); color:var(--dark-gray);}
.inspection-checklist .tab-content{max-width:896px; width:100%; margin:auto;}
.inspection-checklist .details-list > li{max-width:250px; padding:0 8px 0 0;}
.inspection-checklist .checklist{margin-bottom:0; padding:0; border:none;}
.inspection-checklist .button .img-box{width:24px; height:24px;}
.inspection-checklist .checklist > .card{margin-bottom:20px;}
.inspection-checklist .custom-checkbox label{font-weight:700;}

/* INSPECTION VIEW CHECKLIST */
.inspection-view-checklist{padding:0 24px;}
.inspection-view-checklist .checklist > .card{margin-bottom:16px;}
.inspection-view-checklist .checklist > .card:last-child{margin-bottom:0;}
.inspection-view-checklist .round-shadow-box{margin-top:40px;}

/* DUPLICATE CHECKLIST */
.duplicate-checklist .modal-body{width:100%; max-width:950px; margin:auto;}
.duplicate-checklist .border-box{margin-top:60px;}

/* CHECKLIST TABLE */
.checklist-table .th{margin-bottom:16px;}
.checklist-table .th span{font-size:14px; font-family:var(proxima-nova); color:var(--black);}
.checklist-table .tr{align-items:center; margin-bottom:16px;}
.checklist-table .tr:last-child{margin-bottom:0;}
.checklist-table .tr span{font-size:14px; font-family:var(proxima-nova); color:var(--black);}

/* TICKET DETAILS ASSET */
.ticket-details-asset{padding:18px 24px 0;}

/* .ticket-details-asset .round-shadow-box{margin-top:40px;} */
.ticket-details-asset .round-shadow-box .details-list{align-items:flex-start;}
.ticket-details-asset .round-shadow-box .details-list > li{max-width:320px; min-width:210px;}

/* TIMELINE */
.timeline{padding-left:40px; position:relative;}
.timeline > li{position:relative; background:var(--white); padding:16px; border-radius:16px; border:1px solid var(--blue-ultra-thin); margin-bottom:16px;}
.timeline > li h5{font-size:14px; font-family:var(proxima-nova); color:var(--black);}
.timeline > li h6{font-size:14px; font-family:var(proxima-nova); color:var(--dark-gray); text-transform:uppercase;}
.timeline .details-list > li p{color:var(--dark-gray); font-family:var(Proxima Nova);}
.timeline > li::before{content:''; position:absolute; width:2px; height:calc(100% + 20px); top:24px; right:calc(100% + 31px); background:#d1dbdb;}
.timeline > li:last-child:before{display:none;}
.timeline > li .line{position:absolute; display:flex; width:33px; height:2px; background:var(--blue-mild); top:24px; right:100%;}
.timeline > li .circle{position:absolute; display:flex; width:16px; height:16px; border-radius:50%; background:var(--blue-mild); top:16px; right:calc(100% + 24px);}
.timeline li .part-list{display:flex; flex-flow:row wrap; width:100%; max-width:300px; margin-top:8px;}
.timeline li .part-list li{display:flex; flex-flow:row wrap; align-items:center; width:100%; margin-bottom:8px;}
.timeline li .part-list li p{flex:1; display:flex; color:var(--blue-mild); font-size:14px;}
.timeline li .part-list li span{color:var(--blue-mild); font-size:14px; line-height:1;}
.timeline .escalate-list li{display:flex; flex-flow:row wrap; align-items:center; margin-bottom:8px;}
.timeline .escalate-list li:last-child{margin-bottom:0;}
.timeline .escalate-list li span{font-size:12px; margin-right:5px;}

/* REPLY */
.reply{padding-left:40px;}
.reply .date{font-size:12px; font-family:var(Proxima Nova); color:var(--mild-gray);}

/* TICKET ESCALATION */
.ticket-escalation .modal-body{max-width:980px; width:100%; margin:40px auto 0;}
.ticket-escalation .modal-body h2{font-size:24px; font-family:var(proxima-nova); margin-bottom:4px;}
.ticket-escalation .modal-body h2 + p{font-size:14px; color:var(--dark-gray); margin-bottom:0;}
.escalation-list .row{margin-left:-8px; margin-right:-8px;}
.escalation-list .row .col-12, .escalation-list .row .col, .escalation-list .row .col-md-4{padding-left:8px; padding-right:8px;}
.escalation-list > li{padding-left:40px; margin-top:32px; position:relative;}
.escalation-list > li h3{color:var(--black) !important; margin-bottom:8px !important;}
.escalation-list > li .form-group{margin-bottom:0;}
.escalation-list > li > .circle-check{position:absolute; left:0; bottom:12px; display:flex;}
.escalation-list > li > .circle-check label{margin-bottom:0;}
.escalation-list > li label{font-family:var(proxima-nova); color:var(--black); margin-bottom:16px;}
.escalation-list .input-tag{padding:8px; border:none; background:#F6F6F6;}
.escalation-list .input-tag .button{padding:6.5px 4px; background:#f6f6f6;}
.escalation-list .input-tag .button span{color:var(--white);}
.escalation-list .input-tag .button .img-box{width:18px; height:18px;}
.escalation-list .input-tag ul li:last-child .button{margin-right:0;}
.dark .escalation-list .input-tag .button{background:transparent;}

/* PARTS DETAILS REPORTS */
.parts-details-reports{padding:0 24px;}
.parts-details-reports .reports-card .card-body{padding:16px;}
.parts-details-reports .reports-card .card-body h4{margin-bottom:0; margin-top:8px;}

/* RECENT LIST */
.parts-details-reports .meter-reading ul li{border:none;}
.parts-details-reports .meter-reading .title-block li:first-child{max-width:200px;}
.parts-details-reports .meter-reading .title-block li:last-child{max-width:150px;}
.parts-details-reports .meter-reading-list li span{font-family:var(Proxima Nova); color:var(--dark-gray);}
.parts-details-reports .meter-reading-list li span:first-child{max-width:200px;}
.parts-details-reports .meter-reading-list li span:last-child{max-width:150px;}
.parts-details-reports .meter-reading-list li span:nth-child(2){padding-right:10px;}
.parts-details-reports .round-shadow-box .row{margin-right:-10px; margin-left:-10px;}
.parts-details-reports .round-shadow-box .col{padding:0 10px;}
.parts-details-reports .reports-card .card-body { padding:16px; background:#F9FBFB;}

/* INSURANCE */
.insurance-block{margin-top:80px;}
.insurance-block .grad-box.card .card-body{min-height:40px;}

/* SETUP MAIN */
.setup-main{margin-top:20px;}
.setup-main .grad-box.card{padding:32px 28px;}
.setup-main .grad-box.card .card-body h4{font-size:20px;}
.setup-main .grad-box.card .card-body p{margin-bottom:0px;}

/* SETTINGS */
.settings{margin-top:80px;}
.settings .white-box h4{font-size:20px; font-family:var(proxima-nova); color:var(--blue-mild);}
.settings .white-box h5{font-size:16px; font-family:var(proxima-nova); color:var(--blue-mild);}
.settings .white-box label{font-family:var(Proxima Nova);}
.settings .white-box .disabled label{color:var(--lite-gray);}
.settings .white-box .disabled .form-group{opacity:0.5;}
.settings .white-box .form-control{background:var(--blue-thin);}

/* SURVEY MODAL */
.survey-modal .modal-body{max-width:880px; width:100%; margin:auto;}
.survey-modal .checklist{border:none;}
.survey-response{display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between;}
.survey-response li{width:calc(100% /
5 - 5px);}
.survey-response li:last-child{margin-right:0;}
.survey-response li .grad-box{padding:16px; display:flex; flex-flow:row wrap;}
.survey-response li .grad-box > .img-box{width:48px; margin:0 auto 16px; opacity:0.4;}
.survey-response li .grad-box > .star-list{display:flex; flex-flow:row wrap; align-items:center; justify-content:center; width:100%; opacity:0.4;}
.survey-response li .grad-box > .star-list li{width:16px;}
.survey-response li .grad-box > .star-list li .img-box{width:100%;}
.checklist > .card > .card-header + div > .card-body .survey-response li.active .grad-box{background:rgb(201,93,239); background:-moz-linear-gradient(top,  rgba(201,93,239,1) 0%, rgba(93,95,239,1) 100%); background:-webkit-linear-gradient(top,  rgba(201,93,239,1) 0%,rgba(93,95,239,1) 100%); background:linear-gradient(to bottom,  rgba(201,93,239,1) 0%,rgba(93,95,239,1) 100%);}
.checklist > .card > .card-header + div > .card-body .survey-response li.active .grad-box::before{width:calc(100% - 4px); height:calc(100% - 4px); top:2px; left:2px; border-radius:6px;}
.checklist > .card > .card-header + div > .card-body .survey-response li.active .grad-box{background:rgb(201,93,239); background:-moz-linear-gradient(top,  rgba(201,93,239,1) 0%, rgba(93,95,239,1) 100%); background:-webkit-linear-gradient(top,  rgba(201,93,239,1) 0%,rgba(93,95,239,1) 100%); background:linear-gradient(to bottom,  rgba(201,93,239,1) 0%,rgba(93,95,239,1) 100%);}
.checklist > .card > .card-header + div > .card-body .survey-response li.active .grad-box .img-box{opacity:1;}
.checklist > .card > .card-header + div > .card-body .survey-response li.active .grad-box .star-list{opacity:1;}

/* CHECKLIST TEMPLATE */
.checklist-template{padding-top:16px;}
.checklist-template .check-list{width:100%; display:flex; flex-wrap:wrap; position:relative;}
.checklist-template .check-list::after{content:''; position:absolute; right:-32px; width:1px; height:100%; background:#d1dbdb;}
.checklist-template .check-list li{width:100%; display:flex;}
.checklist-template .check-list li a{width:100%; display:flex; flex-flow:row wrap; align-items:center; color:var(--black); padding:16px; border-radius:8px; border:1px solid transparent;}
.checklist-template .check-list li.active a{border-color:var(--blue-mild);}
.checklist-template .check-list li h4{flex:1; margin-bottom:0; font-family:var(Proxima Nova); font-size:14px;}
.checklist-template .check-list li span{line-height:1; margin-bottom:0; font-family:var(Proxima Nova); font-size:14px; display:flex;}

/* METER READING LIST */
.check-list-template .title-block{display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:16px;}
.check-list-template .title-block li{display:flex; flex-flow:row wrap; align-items:center; flex:1;}
.check-list-template .title-block li:not(.select-item) .img-box{display:flex; width:16px; margin-left:4px;}
.check-list-template .title-block span{font-size:12px; font-family:var(proxima-nova); color:var(--black);}
.check-list-template .title-block span:last-child{min-width:120px;}
.check-list-template .select-item{max-width:24px; margin-right:8px;}
.check-list-template .select-item label{margin-bottom:0;}
.check-list-template .select-item .img-box{width:100%;}
.check-list-template .select-item input:checked + label .img-box img:first-child{display:none;}
.check-list-template-list li{display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:12px 16px; width:100%; background:var(--white); border:1px solid #d1dbdb; border-radius:30px; margin-bottom:8px;}
.check-list-template-list li span{font-size:14px; font-family:var(proxima-nova); color:var(--black); flex:1;}
.check-list-template-list li span:last-child{min-width:120px;}

/* USER PAGE /
BULK UPLOAD */
.bulk-upload h4{font-size:20px; font-family:var(proxima-nova); color:var(--blue-mild); margin-bottom:16px;}
.bulk-upload .file-upload{color:var(--blue-medium); font-size:14px; font-family:var(proxima-nova); margin-bottom:0; cursor:pointer;}
.bulk-upload .file-upload span{color:var(--blue-mild); font-size:16px; background:#d1dbdb; padding:5px 10px; border-radius:15px; margin-right:12px;}

/* ====================================================================================== */
/* ====================================================================================== */
/* RESPONSIVE CSS */
/* ====================================================================================== */
/* ====================================================================================== */
@media screen and (max-width:1600px) { /* LIST BLOCK */
.list-block .assets-list > li > ul > li.sr-no{width:70px;}
.list-block .assets-list > li > ul > li.make, .list-block .assets-list > li > ul > li.model, .list-block .assets-list > li > ul > li.specifications{width:120px;}

/* .list-block .assets-list > li > ul > li.property{width:;} */
/* ACTION BLOCK */
.action-block .action-buttons{padding:4px 16px;}

/* DEPRECIATION LIST */
.depreciation-list li{padding:16px 30px;}
.reports-card .card-header{padding:8px 16px;}
.reports-card .card-header span{font-size:12px;} } @media screen and (max-width:1366px) { .action-block .filter-block .button i{display:none;}
.pagination ul li a{font-size:12px;}
.responsive-list .assets-list .list-item{min-width:140vw;}
.accord-title{min-width:140vw;} } @media screen and (max-width:1280px) { header{padding:20px 0;}

/* LEFT SIDEBAR */
.left-sidebar .menu-list li a{padding:16px; cursor:pointer;}
.left-sidebar .menu-list li a span{position:absolute; white-space:nowrap; font-size:14px; left:calc(100% + 15px); top:50%; padding:0 15px; line-height:30px; border-radius:25px; transform:translateY(0) scale(0); transition:var(--all-fast); color:#fff; background:var(--blue-mild); background:-moz-linear-gradient(-45deg,  var(--blue-mild) 0%, #8b8cf4 100%); background:-webkit-linear-gradient(-45deg,  var(--blue-mild) 0%,#8b8cf4 100%); background:linear-gradient(135deg,  var(--blue-mild) 0%,#8b8cf4 100%); z-index:1;}
.left-sidebar .menu-list li a span::before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:-8px; border-right:10px solid var(--blue-mild); border-top:6px solid transparent; border-bottom:6px solid transparent;}
.left-sidebar .menu-list li a:hover span, .left-sidebar .menu-list li a:active span{transform:translateY(-50%) scale(1);}
.left-sidebar .menu-list li a .img-box, .dark-mod .slider{margin:0;}
.dark-mod span:not(.slider){display:none;}

/* ACTION BLOCK */
.action-block .filter-button .button i{display:none;}

/* MENU LIST TOGGLE SWITCH */
.left-sidebar .menu-list .toggle-switch .switch span:not(.slider){display:none;}
.left-sidebar .menu-list li .toggle-switch .slider{margin:0;}

/* TOGGLE SWITCH */
.toggle-switch{margin-top:0;}

/* SECTION HEADER */
.section-header, .details-header{padding:24px 16px;}

/* PAGINATION */
.action-block, .list-block, .pagination, .info-section{padding:0 16px;}

/* FILTER BLOCK */
.filter-block{padding:20px; width:860px;}

/* DEPRECIATION LIST */
.depreciation-list li{padding:16px; margin-right:10px;} } @media screen and (max-width:1200px) { /* LIST BLOCK */
.list-block .assets-list > li > ul > li.make, .list-block .assets-list > li > ul > li.model, .list-block .assets-list > li > ul > li.property{min-width:100px;}
.list-block .assets-list > li > ul > li span{font-size:12px;}
.list-block .assets-list > li > ul > li.rating{margin-right:10px;}

/* ACTION BLOCK */
.action-block .action-buttons{padding:6px 10px;}
.action-block .action-buttons .button{padding:8px 14px;}
.depreciation-value ul::-webkit-scrollbar{width:10px;} } @media screen and (max-width:1170px) { .round-shadow-box h2{font-size:22px;}

/* MEDIA */
.assets-details .media{margin-left:24px;}
.media .media-img{width:70px; height:70px;}
.media .media-body h4{font-size:18px;}

/* ROUND BOX */
.round-shadow-box{padding:25px;}

/* DEPRECIATION */
.depreciation-list li h3{font-size:15px;}
.depreciation-list li h4{font-size:11px;}
.reports-card .card-body ul li h5{font-size:12px;}
.reports-card .card-body ul li h4{font-size:16px;} }

/* EXTERNAL CSS */

.form-control option { min-height: 30px; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 20px; list-style: none; height: 30px; line-height: 30px; }
.selectDropdown option { border-radius: 20px; }
.btn-primary.disabled, .btn-primary:disabled { background :  var(--blue-thin) !important }
.full-modal.modal .leftTitle h2 { text-align: left; padding: 16px 0px; margin-bottom: 35px; }
.cdk-overlay-container { position: fixed; z-index: 999999; }
.datePickerText { background: #ecedfd; border-radius: 8px; width: 100%; }
.datepicker-input .winkel-calendar .wc-date-container { border: 0 !important; }
.transfer-box .transfer-details .transfer-user-details li { width: 50%; padding-right: 5px; }
.transfer-box .transfer-details .transfer-user-details li:nth-last-child(-n + 2) { margin-bottom: 0;}

.assets-details {padding-top: 0;}

.assets-details .action-block .btn-group { background: #fff;}

.assets-details .media { margin-left: 32px; }

.media { display: flex; align-items: center; flex-flow: row wrap;}
.media .media-img { width: 57px; height: 54px; margin-right: 15px;}
.media .media-img label {
  width: 100%;
  height: 100%;
  border: 1px solid var(--blue-mild);
  background: #f6f6f6 ;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-bottom: 0;
}
.media .media-body h4 {
  font-size: 20px;
  font-family: var(proxima-nova);
  color: var(--black);
}

.status { display: flex; flex-flow: row wrap; align-items: center; }
.status span { font-size: 12px; font-family: var(proxima-nova); color: var(--green); }
.status .img-box { width: 18px; }
.status span .img-box { width: 18px; }

/* stylinfg css for components */
.contentClass{display:flex;}
.sidebar{width:15%;}
.datepicker-input .winkel-calendar .wc-date-container{border:0 !important;}
.datePickerText{background:#ecedfd; border-radius:8px; width:100%;}
.datePickerText .winkel-calendar .wc-date-container{background:#ecedfd;}
.selectDropDown{border:0;  cursor:pointer; color:#3A3A3A;}
.select{border-radius:5px; background:red;}
.location-history-list > li > ul > li{width:auto !important; padding:0 !important;}
.location-history-list > li > ul li:last-child{flex:1; margin-inline-start:auto;}
.location-history-list > li{width:100%; margin-bottom:24px; position:relative; padding:0 !important; max-width:98%;}
.details-header .media{margin-left:32px;}
.duedate{width:340px;}
.overDueBy{width:340px;}
.assignerTo{width:340px;}

/* Nikhi */
.assets-details-pm-create-template{width:880px; margin:auto; display:flex; flex-wrap:wrap; justify-content:center; border:1px solid #D1DBDB; border-radius:20px; background:var(--white);  z-index:1; position:relative;}
.full-modal.modal .leftTitle h2{text-align:left; padding:16px 0px; border-bottom:1px solid #e2e5e6; margin-bottom:10px;}
.Qty-Available{padding:10px;}
.Vendor-Details{padding:15px 10px; border-top:1px solid #e2e5e6;} h3.sub-title{color:#333333 !important; border-bottom:1px solid #e2e5e6; margin-bottom:35px; padding:16px 0px; font-size:17px;}
.General-Details{width:676px; margin:auto; display:flex; flex-wrap:wrap; justify-content:center; border:1px solid #D1DBDB; border-radius:20px; background:var(--white); padding:40px; z-index:1; position:relative;} li.col-12.seperat{border-top:1px solid #ecedfd; padding-top:30px;}
.Depreciation{position:relative; background:#F2F8F8;  padding:16px; border-radius:8px; margin-right:8px; width:auto; flex-flow:row wrap; align-items:center;}
.Depreciation p{color:#000; padding-bottom:5px;}
.Depreciation h6 { color:#29A38F;}
.dec p, .dec h6 { text-align:center; padding-bottom:5px;}
.dec { border-top:1px solid #ecedfd; padding-top:30px;}
.whiteSection { background:#fff; border-radius:10px; margin-right:20px;}
.form-control option { min-height:30px; position:absolute; top:100%; right:0; left:0; z-index:999; margin:0; padding:20px; list-style:none; height:30px; line-height:30px;}
.selectDropdown option{ border-radius:20px;}
.btn-primary.disabled, .btn-primary:disabled{ background : #E5F1F1 !important;}
.activeFilter{ background:#7375f1; color:#fff;}
.qrCode { width:180px; height:180px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10); background:#fff; margin:0px auto;}
.qrCode img { width:100%; border:1px solid #e4e4e4; border-radius:8px;}
.printButton { display:flex; align-items:center; justify-content:center; margin-top:20px;}
.printButton .grad-bg { display:flex; align-items:center; padding:8px 60px; border-radius:30px;}
.printButton .grad-bg img { margin-right:5px;}
.poweredby { text-align:center;}
.enable a { border:1px solid #33CCB2 !important  ; color:#33CCB2 !important; background:#EBFAF8 !important;}
.enable span{ /* border:1px solid #33CCB2 !important  ; */
color:#33CCB2 !important;}
.backdrop{ position:fixed !important;} ::file-selector-button { display:none;} input[type='file']{font-size:0;}
.uploadSection{ position:absolute;}
.uploadImages{ width:100%;}
.profileImageOverlap{ margin-top:-40px; border:0 !important;}
.activeStatus{ color:var(--green); background:transparent; border:0;}
.inactiveStatus{ color:var(--red); background:transparent; border:0;}
.clearButton{ background:white !important; border:1px solid #33ccb2 !important; color:#33ccb2 !important; margin-left:5px;}
.transfer-detailsNew{ display:flex; flex-flow:row wrap; width:100%; margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid var(--blue-thin); margin-top:-20px; margin-left:0px;}
.viewAllRow{ justify-content:center; text-align:center; cursor:pointer; align-items:center; padding:10px; height:50px; display:flex;}
.autocomplete-input-list { width:100%; padding-left:10px !important; font-size:12px; font-family:var(proxima-nova); border-radius:8px; height:40px; color:#3a3a3a; border:1px solid #33ccb2; background:var(--white); margin:0 10px;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition:background-color 5000s ease-in-out 0s;}
.the_name{ background:#fff !important;}
.boxtab{ padding:0 !important;}
.schklt{ padding:0 !important; text-align:center;}
.cchklt{ padding:0 !important; text-align:center;}
.ichklt{ padding:0 !important; text-align:center;}
.button:disabled{ opacity:0.5;}
.disabledDots{ opacity:0.6; cursor:not-allowed; pointer-events:none; /* display:none; */
}
.emailEllapsis{ width:120px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.accordion .card-header{background:#f7fbfb;}
/*------New---------Css----------*/
.newDec p { text-align:center; padding-top:15px;} li.col-6.whiteSection.w-48 { max-width:49%; margin-right:9px;} li.col-6.whiteSection.w-48 ul.the_name li span { font-size:12px !important; font-weight:700 !important;} span.emailEllapsis.name { font-size:14px; font-weight:700;}
.whiteBoardRound{ background:#fff; padding:35px; border-radius:16px; width:100%;}
.cardTextLeft{ text-align:left !important;}
.cartTitle{ text-align:left !important; padding-left:0px !important;}
.transfer-detailsNew{ border-bottom:1px solid #D1DBDB !important;} body::-webkit-scrollbar { width:0.5em;} body::-webkit-scrollbar-track { box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);} body::-webkit-scrollbar-thumb { background-color:rgb(255, 255, 255); outline:1px solid slategrey;}
.status-menu li a:hover { color:var(--blue-mild) !important; background:#eafffb; margin:5px;}
.form-control:focus { border:1px solid var(--light-sea-green);}
.filter-block .filter-list > li .select-button:focus { border:1px solid var(--light-sea-green);}
.action-block{margin-top:0;} ::placeholder{/* Chrome, Firefox, Opera, Safari 10.1+ */
color:#787878 !important; opacity:1; /* Firefox */
} :-ms-input-placeholder{/* Internet Explorer 10-11 */
color:#787878 !important;} ::-ms-input-placeholder{/* Microsoft Edge */
color:#787878 !important;}
.leftTitle h2 { display:block !important; align-items:end !important; width:100% !important;}
.img-box.dark { display:none;}
.img-box.light { display:block;}

/* Owner Page CSS Start */
.full-modal.modal.greyBG .modal-content, .full-modal.modal.greyBG .modal-header { background:#e8edf3;}
.full-modal.modal.greyBG .modal-header { border-bottom:solid 1px #dbddf4; padding-bottom:10px; padding-top:10px;}
.full-modal.modal .ownerTitle h2 { color:#1f2224; line-height:1.2; text-align:left; margin-left:15px;}
.full-modal.modal .ownerTitle h2 p { color:#6c7175; font-size:14px; line-height:1.2;}
.roleTable { width:100%; padding-top:40px;}
.roleTable li { display:flex; align-items:center; font-size:14px;}
.roleSrno { width:100%; max-width:60px; font-weight:500;}
.roleName { width:100%; font-weight:500;}
.roleAction { width:100%; max-width:100px; text-align:right;}
.roleTable li { padding:10px 20px;}
.roleRow { background:#fff; border-radius:100px; margin-bottom:10px;}
.roleTableContainer { width:100%; max-width:700px; margin-right:auto; margin-left:auto;}
.ownerCentainer { width:100%; margin-left:auto; margin-right:auto;}
.ownerBlank { background:#fff; width:100%; float:left; padding:15px; border-radius:25px; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.05); margin-top:40px;}
.dark .ownerBlank { background:#2d3137; width:100%; float:left; padding:15px; border-radius:25px; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.05); margin-top:40px;}
.ownerBlank .checklist>.card>.card-header{background:#f5f5ff;  border:solid 1px #e2e0eb;}
.ownerBlank .checklist>.card>.card-header button{background:transparent; padding:10px 10px 10px 25px;  line-height:1;}
.roleTableContainer .list-block .assets-list>li>ul>li.sr-no{margin-right:0px;}
.iconowner{margin-right:10px;  width:24px;}
.ownerBlank .checklist>.card>.card-header+div>.card-body{ background:transparent;  padding:15px 10px;}
.ownerBlank .checklist>.card>.card-header+div{padding:0px 15px;}
.ownerBlank .ownerListing{ width:100%;}
.ownerBlank .ownerListing li{width:100%;  display:flex;  align-items:center;   border-bottom:solid 1px #f7f6fb;  padding-bottom:20px;  padding-top:20px;}
.ownerBlank .ownerListing li:last-child{border-bottom:none;}
.owner01{width:15%;  font-size:16px;  color:var(--blue-mild);  font-family:var(proxima-nova);}
.owner02{width:15%;}
.pagination ul li a .img-box img:not(:last-child){filter:invert(1);}
.list-block .assets-list > li > ul.th > li.sticky{ background:#dee6ef;}

/* CheckBox CSS Start*/
.radioButton{display:block;  position:relative;  padding-left:35px;  margin:0px;  cursor:pointer;   font-size:14px;   /* -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; */
   color:var(--blue-mild); font-family:var(proxima-nova);  height:25px; display:flex;  align-items:center;}
.radioButton input{position:absolute;  opacity:0;  cursor:pointer;  height:0;  width:0;}
.checkmark{position:absolute;  top:0;   left:0;   height:25px;   width:25px;   background-image:url('../src/assets/images/icons/unchecked.svg');}
.radioButton:hover input~.checkmark{ background-image:url('../src/assets/images/icons/unchecked.svg');}
.radioButton input:checked~.checkmark {background-image:url('../src/assets/images/icons/checked.svg');}
.checkmark:after{content:""; position:absolute; display:none;}
.radioButton input:checked~.checkmark:after{display:block;}
.radioButton .checkmark:after{left:9px; top:5px;  width:5px;  height:10px;}
.icBtn{display:flex;  flex-wrap:wrap;  width:40px;  height:40px;  padding:8px;}
.icBtn dropdown-toggle::after{display:none !important;}
.dropdown-menu {padding:16px;  border:1px #c5c4d2 solid;  border-radius:16px;  background:linear-gradient(180deg, #f8f8f9 0%, #f8f9ff 100%);  box-shadow:0px 8px 16px rgba(115, 108, 216, 0.1), 0px 4px 8px rgba(115, 108, 216, 0.07), 0px 2px 2px rgba(115, 108, 216, 0.05);  border-radius:16px;}
.notification .dropdown-menu{min-width:400px; top:7px !important;}
.notification .dropdown-item{padding:16px; border-radius:16px; background-color:#fff;  margin-bottom:16px;}
.notification .dropdown-item:last-child{margin-bottom:0px;}
.notification.show .icBtn.dropdown-toggle{background:#fff; border-radius:50%;  border:1px #c5c4d2 solid;}
.npHead{display:flex; justify-content:space-between;}
.npTitle{font-size:14px; font-weight:bold; display:flex; align-items:center;}
.npTitle img{margin-right:8px;}
.npTime{font-size:10px;  line-height:21px;  color:var(--dark-gray);}
.npBody{padding:15px 0px;}
.npBody p:last-child{ margin-bottom:0px;}
.npBody p{font-size:14px;  display:flex;  flex-wrap:wrap;  white-space:normal;}
.npBody p a{ padding:0px 3px;}
.npFooter{display:flex;  justify-content:space-between;  font-size:10px;  color:var(--dark-gray);}
.list-block .assets-list > li > ul > li.sticky{position:sticky;  right:0; top:0; background:var(--white);  padding:0 15px;}
.list-block .assets-list > li > ul > li{display:flex; flex-flow:row wrap;  align-items:center;  position:relative;  flex:1;}
.wdth-50{ flex:0 0 50px !important;}
.btn-group button.button{color:#000;}
.wdth-50{flex:0 0 50px !important;} input.autocomplete-input-list{padding-left:40px !important;}
.clr span{color:#000 !important;}
.dark .list-block .assets-list > li > ul.tr::before{opacity:0.4;}
.dark .full-modal.modal h2, .dark .full-modal.modal h6{color:var(--blue-dark); padding-bottom:15px;}
.dark .assets-details-pm-create-template{ border:0px solid var(--blue-thin); border-radius:20px; background:#2d3137;  padding:0px;}
.wdth-100 {flex:0 0 100px !important;}
.wdth-150{flex:0 0 150px !important;}
.list-block .assets-list > li:first-child{margin-bottom:8px; position:sticky;  left:0;  top:0;  z-index:9;}
.list-block .assets-list > li:first-child ul.th{background:transparent;}
.dark .list-block .assets-list > li > ul > li.sticky, .dark .list-block .assets-list > li > ul.th > li.sticky, .dark .list-block .assets-list > li:first-child ul.th{background:var(--dark-bg);}
.dark .boxtab {border-radius:0px;  border:0.4px solid transparent;  border-image:linear-gradient(to right, #a25def, #7677f1);  border-image-slice:1;  background:transparent !important;}
.dark div#groupedChartChecklist{background:#2d3137;}
.d-graph{left:70px;position:absolute; top:85%; background:#fff; border-radius:5px;display:flex;}
.cc-status{ height:700px;padding-bottom:80px;width:100%;margin:auto;  }
.dark .d-graph{background:#2d3137;}
.dark li.d-graph{color:#7879f1;}
.dark .graph-bg.cc-status{background:#2d3137;}
.dark ul.the_name{background-color:transparent !important;  color:#2d3137 !important;  margin-top:25px;}
.dark ul.dbg{margin-top:15px}; .dark ul.dbg li > ul{ background:#2d3137 !important;  border:1px solid #d1dbdb !important;}
.dark .dbg ul{background-color:transparent !important; color:#2d3137 !important; margin-top:25px;  border:1px solid  #d1dbdb !important;}
.dark .whiteBoardRound{background:#2d3137;}
.dark .frph-tag ul li span, .dark span.d-tsxt{color:#E5F1F1 !important;}
.dark .whiteSection{background:#2d3137;}
.dark .action-block .btn-group.bg-white-shadow::before{background:#2d3137;}
.dark ul.tr.top5SurveyEntries, .dark ul.tr.negativeSurveyEntries{background:#2d3137 !important; border:1px solid #8485f3;}
.action-block{margin-top:0; z-index:10;}
.full-modal.modal .leftTitle h2{ border-bottom:1px solid #E5F1F1;}
.dark .transfer-detailsNew{border-bottom:1px solid #E5F1F1 !important;}
.dark .transfer-type .action-buttons{color:#33CCB2;}
.login{ width:96vw ; max-width:96vw ; margin:42px auto;}
.dark .login, .dark .login-page{ background-color:#2d3137;}
.dark .bg-login{background:#2d3137;}
.dark .login h5{color:#8788f4;}
.dark .General-Details{background-color:#232425;}
.dark .d-wt-color{color:#d2d7fb;}
.full-modal.modal .modal-header {margin-bottom:40px;}
.border{border:1px solid #f6f6f6 !important; background:transparent;}
.dark .full-modal.modal .modal-header{border-bottom:1px solid #a0a1ff; margin-bottom:40px;}
.dark .General-Details{background:transparent;}
.addFileDragOuter.ff {height:38px; width:270px;}
.template-details.nes-pm .leftTitle h2{text-align:left !important; border-bottom:0;}
.template-details.nes-pm .leftTitle{padding:0px;}
.dark .template-details .autocomplete{     background:#2d3137;}
.dark .autocomplete h4{color:#ccd7ef;}
.dark .full-modal.modal .modal-header{border:none;}
.transfer-detailsNew2{margin-top:35px;}
.wdth-250{ flex:0 0 250px !important;}
.wdth-200{ flex:0 0 200px !important;}
.wdth-300{ flex:0 0 300px !important;}
.wdth-441{ flex:0 0 441px !important;}
.full-modal.modal .border .leftTitle h2{ border:none}
.dark .modal .modal-content{background:var(--dark-bg) !important;}
.dark .modal-body span{color:white;}
.dark .dropHead, .dark .dropContentMain{background:#2d3137 !important; border:1px solid var(--blue-dark); border-top:0; border-bottom-left-radius:8px;  border-bottom-right-radius:8px;}
.dark .dropContentDiv{ background-color:#2d3137 !important;  border:1px solid #d1dbdb !important;}
.dark .dropContentDiv h4, .dropContentDiv span{color:#33CCB2;}
.dark .text-wt-drk span{color:#fff !important;}
.dark .text-wt-drk {color:#5d5de9;}
.dark .owl-dt-container-inner.ng-trigger.ng-trigger-fadeInPicker{background:#2d3137 !important;}
.dark .owl-dt-timer-content .owl-dt-timer-input{border:1px solid rgb(120 121 241);}
.dark .owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgb(93 95 239);}
.nonActionButton{ background:#f5f5fe; color:#33CCB2;  padding:5px;  margin:0 5px; border-radius:5px;}
.dark .nonActionButton{background:#3d424a ; color:#ffffff ;}
.dark span.text-wt-drk {color:#a5a6f6; padding-left:5px;}
.text-limit{ width:140px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bottom-sheet.modal .modal-content .modal-footer{position:inherit !important;} ul.ownerListing li{display:flex; justify-content:flex-start;}
.left-perm{width:20%;}
.right-perm .owner02{float:left;}
.right-perm{width:80%;}
.owner01{width:100%;}
.owner02{width:22%; margin-bottom:15px; margin-right:-22px;}
.dark .d-tsxt{color:#686af0;}
.schklt, .boxtab h2{ font-size:18px !important;}
.dark .addFileDragOuter[_ngcontent-dsg-c23]{background:#2d3137 !important;}
.dark h2.text-wt{color:#fff !important;}
.img-box.sort.both  { background-image:url('../src/assets/images/icons/sortSelected.svg'); position:sticky; height:16px; background-repeat:no-repeat; top:10px;}
.dark .img-box.sort.both  { background-image:url('../src/assets/images/icons/sortSelected.svg'); position:sticky; height:16px; background-repeat:no-repeat; top:10px;}
.img-box.sort.both.up { background-image:url('../src/assets/images/icons/up-blue.png'); position:sticky; height:16px; background-repeat:no-repeat; top:16px;}
.img-box.sort.both.down { background-image:url('../src/assets/images/icons/down-blue.png') !important; position:sticky; height:16px; background-repeat:no-repeat; top:16px;}
.Depreciation.dd{height:118px !important;}
.brand {width:230px;  margin:0 auto;}
.boxtab { display:grid; align-items:center; justify-content:center; text-align:center !important; background:#F2F8F8; padding:35px 0px !important; border-radius:8px; margin:0;}
.schklt, .cchklt{color:#29A38F !important;}
.ichklt{color:#EB4646 !important;}
.checklist h5 {padding:15px 15px; font-size:18px;}
.checklist ul.the_name{background-color:transparent !important;}
.ml-8{margin-left:21%;}
.dark li.bg-g ul.tr{background:#2d3137 !important;}
.dark .ngx-ic-move{background-color:#3b4047;}
.dark .userName{color:#fff !important;}
.userName{ transition:var(--all-fast);}

/* color:var(--blue-dark); */
body::-webkit-scrollbar { width:0.5px;}

/* Track */
body::-webkit-scrollbar-track { background:#f1f1f1 !important;}

/* Handle */
body::-webkit-scrollbar-thumb { background:#fff !important;}
/* .hstry li { width:810px !important;} */
.hstry li span{ padding-left:5px;}
.meter-reading.hstry { width:800px;}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover { background:#fff !important;}
.dark .action-block .action-buttons .button.bg-no:hover { background:transparent !important;}
.dark select { background:#2d3137;}
.dark select:hover { background:#2d3137;}
.dark .list-block .assets-list > li > ul { background-color:#2d3137 !important;  }
.dark .action-block .action-buttons .button.bg-no:hover { background:#2d3137 !important;}
.viewAllRow span { font-weight:500 !important; padding:6px 5px;}
.dark li.col-6.whiteSection.w-48{height:514px !important;}
.qr-sec { border:1px solid #e5e5e5; border-radius:8px; width:150px; height:auto; float:left; margin:4px }
.qr-sec h2 { font-size:13px !important; padding:10px 0px; height:48px; text-align:center !important;}
.w-69{width:100%;}
.print-boxces .qrCode p{font-size:14px; color:red; font-family:inherit; text-align:center;}
.print-boxces .qrCode {width:107px; height:130px;}
.sign-up img{padding-left:5px;}
.bg-clr-b { background-color:#F2F8F8; padding:15px; border-radius:8px;}
.bg-clr-b .list-block { margin-top:16px; padding:0 0px;}
.wdth-300 { flex:0.1 0 300px !important;}

/* Print media */
@media print { 
  #newAmc{ width:100%; height:99%;}
  #printDivNew{ display:block; width:auto; height:100vh; overflow:visible;}
  .print:last-child{page-break-after:auto !important;}
  .modal.men{ position:relative;}
  .qr-sec{text-align:center !important; margin-bottom:10px;} 
}
.border-dark { border:1px solid #33CCB2 !important;}
.list-block .assets-list > li > ul{border-radius:8px !important;}

/* .not-selected { position:relative;}
.not-selected:before { content:''; background-image:url(../src/assets/images/icons/minus.svg); width:25px; height:25px; top:12px; right:12px; position:absolute;} */
/* .add-selected { position:relative;}
.add-selected:before { content:''; background-image:url(../../src/assets/images/icons/Plus-icon.png); width:25px; height:25px; top:12px; right:12px; position:absolute;} */
/* .boxtab.add-selected { background:#fff !important; border:1px solid #E5F1F1;}
.add-selected .d-flx h2, .add-selected p { color:#787878;}
.boxtab.add-selected { background-color:white; opacity:0.6;} */
li.item_name{font-weight:700;} input[type="date"]::-webkit-calendar-picker-indicator{ color:#3A3A3A;}
.normalSelect{ background-color:#F6F6F6 ;}

/* button.next-step{display:flex !important;} */
.btn-primary:hover {color:#fff;background-color:#1da790;} select.selectDropDown.changeStatus.button.status.border-0.ng-pristine.ng-valid.ng-touched{color:#33ccb2;} select.selectDropDown.changeStatus.button.status.border-0.ng-valid.ng-touched.ng-dirty {color:#33ccb2 !important;}
.bg-dark-btn span {color:#fff !important;}
.bg-dark-btn{background:#3cceb5;}
.btn-secondary.bg-dark-btn:hover, .btn-secondary.bg-dark-btn:active{background:#2dc3aa !important;}
.activeFilter{ background:#eefffc;}
.intext-icon .img-box {position:absolute; width:20px; top:12px; left:15px;}
.intext-icon{min-width:317px;} li.intext-icon .form-control {padding-left:48px;}
.nonActionButton{background:#E5F1F1; color:#787878;}
.dropContentDiv span {color:#989B9B;}
.checklist > .card > .card-header button{ background-color:#f6f6f6;}
.list-block .assets-list > li > ul::before{background:#33ccb200;}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected { color:rgba(255,255,255,.85); background-color:#33ccb2 !important;}
.font-18{ font-size:18px; font-weight:700;}
.meter-reading .title-block span:last-child {font-weight:700;}
.blue-mild{color:#3a3a3a !important;}
.location-history-list > li.active > ul li .circle { background:var(--blue-mild); width:22px; height:22px; left:-3px; position:relative;}
.pa-40{padding:40px;} li.logo { display:flex; justify-content:space-between; align-items:center; padding:20px 20px;}
.sidebar .logo img { width:65px;}
.list-block .assets-list > li > input:checked + ul:not(.th)::before { opacity:1;}
.list-block .assets-list > li > ul::before { content:''; border-radius:8px; position:absolute; width:calc(100% + 4px); height:calc(100% + 4px); left:-2px; top:-2px; background:#85E0D1; z-index:-1; transition:var(--all-fast); opacity:0;}
.newHeader .grad-bg{opacity:1; display:flex; align-items:center; padding:8px; border-radius:12px;}
/* .newHeader .img-box{width:24px; height:24px; margin-right:8px;} */
.newHeader .img-box .downWhite{width:24px; height:24px;}
.list-block .assets-list > li:first-child ul.th li span { font-size:15px !important; font-weight:600;}
.after-select span { color:#33ccb2 !important;}
.after-select a { color:#33ccb2 !important; background:#EBFAF8 !important; border:1px solid #33ccb2 !important;}
.after-select .line{background:#33CCB2 !important;}
.transfer-details li p{font-weight:700;}

/* input, select { font-weight:700;} */
::-webkit-input-placeholder{/* Edge */
font-size:14px; font-weight:400; color:#787878;} :-ms-input-placeholder{/* Internet Explorer 10-11 */
font-size:14px; font-weight:400; color:#787878;} ::placeholder { font-size:14px; font-weight:400; color:#787878;}
.brand-logo { width:100%; margin:0 auto; text-align:center; padding-bottom:35px;}
.pa-15{ padding-bottom:15px;}

/* li.ng-star-inserted{width:60px;} */
.total-Cost{display:flex; justify-content:space-between;} @media (max-width:1400px){.round-shadow-box .smallCount{ font-size:21px;  padding-left:0px !important;  } } @media (max-width:1024px) { li.col-6.whiteSection.w-48{max-width:48%; margin-right:15px;  }
.owner02{width:36%;} } @media (max-width:920px) { li.col-6.whiteSection.w-48{max-width:48%;  min-width:550px;  margin:0 auto; margin-bottom:50px;  } } @media (max-width:820px) { .owner02 { width:37%; margin-right:46px;} } @media (max-width:767px) { .survey-modal .modal-body{max-width:411px;   margin:0;  }
.survey-modal .border-box{padding:10px;}
.survey-modal .full-modal.modal h2 {text-align:left !important;}
/* .full-modal.modal h2{text-align:left !important;} */
.survey-modal .grad-box{padding:12px;}
.survey-response li .grad-box {padding:7px;}
.survey-response li{display:block;  width:48%; margin-bottom:8px;   }
.survey-modal .checklist > .card > .card-header + div{padding:0 18px;}
.survey-modal .full-modal.modal h2{font-size:18px;}
.survey-modal .full-modal.modal .modal-footer .button.btn-primary{ min-width:180px;}
.srvy-btn{display:none;} } @media (max-width:375px){ .survey-modal .modal-body{max-width:370px; margin:0;  }
.srvy-btn{ display:none;} } @media (max-width:575px) { .notification .dropdown-menu{ min-width:100%;   width:300px;  } }
/* .wizard .nav-tabs > li.enable .line{ background:#33CCB2;} */
.btn-secondary.bg-dark-btn:hover, .btn-secondary.bg-dark-btn:active { background: #2dc3aa !important;}
.activeFilter {  background: #eefffc;}

.intext-icon .img-box {position: absolute; width: 20px; top: 12px; left: 15px;}
.intext-icon { min-width: 317px;}
li.intext-icon .form-control {padding-left: 48px;}

.nonActionButton { background: #E5F1F1; color: #787878; }

.dropContentDiv span {color: #989B9B;}

.checklist > .card > .card-header button{ background-color: #f6f6f6;}

.list-block .assets-list > li > ul::before { background: #33ccb200;}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: rgba(255,255,255,.85);
  background-color: #33ccb2 !important;
}
.font-18{
  font-size: 18px; font-weight: 700;
}
.meter-reading .title-block span:last-child {font-weight: 700;}
.blue-mild { color: #3a3a3a !important;}
.location-history-list > li.active > ul li .circle {
  background: var(--blue-mild);
  width: 22px;
  height: 22px;
  left: 4px;
  position: relative;
}

.pa-40 { padding: 40px;}

li.logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px;
}
.sidebar .logo img {
  width: 65px;
}

.list-block .assets-list > li > input:checked + ul:not(.th)::before {
  opacity: 1;
}
.list-block .assets-list > li > ul::before {
  content: '';
  border-radius: 8px;
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  left: -2px;
  top: -2px;
  background: #85E0D1;
  z-index: -1;
  transition: var(--all-fast);
  opacity: 0;
}


.newHeader .grad-bg{opacity: 1; display: flex; align-items: center; padding: 8px; border-radius: 12px; }
.newHeader .img-box{width: 24px; height: 24px; margin-right: 8px;}
.newHeader .img-box .downWhite{width: 24px; height: 24px;}


.list-block .assets-list > li:first-child ul.th li span {
  font-size: 15px !important;
  font-weight: 600;
}


.after-select span {
  color: #33ccb2 !important;
}
.after-select a {
  color: #33ccb2 !important;
  background: #EBFAF8 !important;
  border: 1px solid #33ccb2 !important;
}
.after-select .line { background: #33CCB2 !important;}
.transfer-details li p { font-weight: 700;}


input, select {
  font-weight: 700;
}

::-webkit-input-placeholder { /* Edge */
  font-size: 14px;
  font-weight: 400;
  color: #787878;
 }
 
 :-ms-input-placeholder { /* Internet Explorer 10-11 */
   font-size: 14px;
  font-weight: 400;
  color: #787878;
 }
 
 ::placeholder {
   font-size: 14px;
  font-weight: 400;
  color: #787878;
 }

 .brand-logo {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 35px;
}
.pa-15 {  padding-bottom: 15px;}
/* li.ng-star-inserted { width: 60px;} */

.total-Cost { display: flex; justify-content: space-between;}

@media (max-width: 1400px) { .round-shadow-box .smallCount{ font-size:21px;  padding-left: 0px !important;  }
  }

  @media (max-width: 1024px) {
    li.col-6.whiteSection.w-48 { max-width: 48%; margin-right: 15px;  }
    .owner02 { width: 36%;}
  }

  @media (max-width: 920px) {
    li.col-6.whiteSection.w-48 { max-width: 48%;  min-width: 550px;  margin: 0 auto; margin-bottom: 50px;  }

  }
  @media (max-width: 820px) {
    .owner02 {
      width: 37%;
      margin-right: 46px;
  }

  }
  
  @media (max-width: 767px) {
    .survey-modal .modal-body { max-width: 411px;   margin: 0;  }
    .survey-modal .border-box { padding: 10px;}
    .survey-modal .full-modal.modal h2 {text-align: left !important;}
    .full-modal.modal h2 { text-align: left !important;}
    .survey-modal .grad-box { padding: 12px;}
    .survey-response li .grad-box {padding: 7px;}
    .survey-response li { display: block;  width: 48%; margin-bottom: 8px;   }
    .survey-modal .checklist > .card > .card-header + div { padding: 0 18px; }
    .survey-modal .full-modal.modal h2 { font-size: 18px;}
    .survey-modal .full-modal.modal .modal-footer .button.btn-primary {  min-width: 180px;}
    .srvy-btn{display: none;}
  }


  
  @media (max-width: 375px){
    .survey-modal .modal-body { max-width: 370px; margin: 0;  }
    .srvy-btn{ display: none; }
  }

  @media (max-width: 575px) {
    .notification .dropdown-menu {  min-width: 100%;   width: 300px;  }
  }
  .wizard .nav-tabs > li.active span { font-weight: 600;}

  /* .wizard .nav-tabs > li.enable .line{
    background: #33CCB2;
} */

/* attendance-report-approver */
.ptb_16{padding-top:16px; padding-bottom:16px;}
.numberRow_ .boxtab{padding:21px 10px !important; background:#f2f8f8; border-radius:8px; margin:8px 0px;}
.numberRow_ .boxtab p{font-size:12px; margin-bottom:8px;}
.numberRow_ div[class*="col-"], .row_gap8 div[class*="col-"]{padding-left:8px; padding-right:8px;}
.card_bg {background-color:#f2f8f8; border-radius:16px; padding:16px;}
.card_white{padding:8px; border-radius:16px; background-color:#fff;}
.card_white .table{display:table;}
.presenti_table{text-align:center; font-size:9px; font-weight:400;}
.presenti_table th{color:#3A3A3A; border:none !important;}
.week_tr{background:#F2F8F8; border-radius:8px;}
.week_tr th{ padding:7px;}
.thGap{padding:4px !important;}
.presenti_name{font-size:12px; font-weight:bold; white-space:nowrap; color:#3A3A3A !important; background-color:transparent !important;}
.presenti_table tbody tr {border:8px white solid; border-left:none; border-right:none;}
.presenti_table tbody tr td{background:#F7FDFC; color:#33CCB2; border:2px #fff solid; vertical-align:middle; border:none;}
.bg_gray{font-size:12px; font-weight:bold; color:#3A3A3A !important; background:#F9FBFB !important;}
.absent{color:#EB4646 !important; background:#FEF6F6 !important;}
.leave{color:#FFA033 !important; background:#FFFBF6 !important;}
.sunday{background:#E5F1F1 !important;}
.week_tr th:first-child{border-radius:8px 0px 0px 8px;}
.week_tr th:last-child{border-radius:0px 8px 8px 0px;}
.totalTr td{color:#3A3A3A !important; background-color:transparent !important;}
.totalTr .bg_gray{background:#F9FBFB !important;}
.totalTr .sunday{background:#E5F1F1 !important;}
.signRow{padding:50px 0px;}
.signRow h5{font-size:24px; color:#3A3A3A; margin-bottom:15px;}
.signRow img{margin:5px 0px;}
.signRow p{font-size:12px; color:#666666; margin:5px 0px;}
.list-block .assets-list > li > ul{border:0px #fff solid;}
.list-block .assets-list > li > input:checked + ul{border-color:#33CCB2;}
.border-none{border:none !important;}

/* select {color:var(--dark-gray);} option:not(:checked){color:black;} option:checked ,option[value=null]{ color:black;} */
/* JK CSS */
.schklt, .boxtab h2{ font-size:23px !important; line-height:1;}
.boxtab p{ margin-bottom:0px; line-height:1.2;}
.absentRed{color:#EB4646 !important;}
.unmarkedBlack{color:#3A3A3A !important;}
.number-box .row .col-3{ -webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.status-menu{ z-index:20; width:100%;}
.status-menu li a:hover{ margin:0px;}
.action-block .action-buttons { padding:0px !important;}
.nameLabelStrong{ font-weight:700;}
.assets-list ul span{ font-weight:400;}
.Absent-present .greenInput input { background:#33CCB2 !important; border:1px solid #33CCB2 !important; color:#fff !important;}
.Absent-present .greenInput ::-webkit-input-placeholder{ color:#fff; opacity:0.5;}
.Absent-present .greenInput :-ms-input-placeholder{ color:#fff; opacity:0.5;}
.Absent-present .greenInput ::placeholder { color:#fff; opacity:0.5;}
.sickLeave .absent input:checked + .slider { background:#FFA033; opacity:1;}
.sickLeave  .absent select{ color:#FFA033;}
.sickLeave .absent input:checked + .slider:before { background:rgba(255, 255, 255, 0.50);}
.sendReport .modal-content{ border-radius:12px; box-shadow:0px 4px 8px rgba(0, 0, 0, 0.05); max-width:360px; width:100%;}
.sendReport .modal-dialog{ max-width:320px;}
.sendReport h3{ font-size:16px; color:#202020; margin-top:0px; margin-bottom:30px;}
.reportRow{ margin-bottom:15px; width:100%; float:left;}
.sendButton{ width:100%; display:flex; align-items:center; justify-content:center; background:#33CCB2; color:#fff; font-weight:700; height:50px; border-radius:8px;}
.copytoButton{ width:100%; display:flex; align-items:center; justify-content:center; background:#fff; color:#5CD6C2; font-weight:700; border:1px solid #5CD6C2; border-radius:8px; height:50px;}
.copytoButton img, .sendButton img{ margin-right:15px;}
.sendReport .modal-body{ padding:0px;}
.reportRow:last-child{ margin-bottom:0px;}
.popupInput{ width:100%; padding:5px 10px; height:50px; background:#F6F6F6; border-radius:8px;} ul.duration li button { border-radius:8px;} ul.duration li span { padding:10px 10px; display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:10px; line-height:12px; letter-spacing:1px;} ul.duration { display:flex; justify-content:center; align-items:center; margin-bottom:20px;}
.wizard.align-items-center { text-align:center !important;} button.clinic-logo { padding:24px; width:143px; height:72px; left:649px; top:112px; background:#EBFAF8; border-radius:8px;}
.width-1118 { max-width:1034px; margin:0 auto;}

/* .searchInput{border:1px solid #D1DBDB; height:40px; border-radius:8px; background:#FFFFFF url(../../src/assets/images/search.svg) center left 10px; background-repeat:no-repeat; padding:5px 15px; padding-left:35px; font-size:16px; color:#787878;} */
.relieverList > li > ul{min-width:100% !important;}
.relieverList .input-tag {border-color:#f6f6f6; height:50px;}
.relieverList .input-tag .button{color:#fff; font-size:12px; background-color:#33CCB2; padding:4px 10px;}
.relieverList .input-tag .button span{color:#fff;}
.card_white_2{background-color:#fff; border-radius:12px; padding:16px;}
.card_white_2 .numberRow_ {margin-left:-8px; margin-right:-8px;}
.card_white_2 .card_bg{border-radius:8px;}
.card_white_2 .row_gap8{margin-left:-8px; margin-right:-8px;}

.Absent-present .greenInput :-ms-input-placeholder {  
  color: #fff;
  opacity: 0.5;
}

.Absent-present .greenInput ::placeholder {
  color: #fff;
  opacity: 0.5;
} 
.sickLeave .absent input:checked + .slider {
  background: #FFA033; 
  opacity: 1;
}
.sickLeave  .absent select{
  color: #FFA033;
}
.sickLeave .absent input:checked + .slider:before {
  background: rgba(255, 255, 255, 0.50);
}
.sendReport .modal-content{
  border-radius: 12px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
  max-width: 360px;
 
  width: 100%;
}
.sendReport .modal-dialog{
 max-width: 320px;
 
}
.sendReport h3{
  font-size: 16px;
  color: #202020;
  margin-top: 0px;
  margin-bottom: 30px;
  
}
.reportRow{
  margin-bottom: 15px;
  width: 100%;
  float: left;
}
.sendButton{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #33CCB2;
  color: #fff;
  font-weight: 700;
  height: 50px;
  border-radius: 8px;
}
.copytoButton{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #5CD6C2;
  font-weight: 700;
  border: 1px solid #5CD6C2;
  border-radius: 8px;
  height: 50px;
}
.copytoButton img, .sendButton img{
  margin-right: 15px;
}

.sendReport .modal-body{
 padding: 0px;
}
.reportRow:last-child{
  margin-bottom: 0px;
}
.popupInput{
  width: 100%;
  padding: 5px 10px;
  height: 50px;
  background: #F6F6F6;
  border-radius: 8px;
}
ul.duration li button {
  border-radius: 8px;
}
ul.duration li span {
  padding: 10px 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1px;
}
ul.duration {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.wizard.align-items-center {
  text-align: center !important;
}
button.clinic-logo {
  
  padding: 24px;
  width: 143px;
  height: 72px;
  left: 649px;
  top: 112px;
  background: #EBFAF8;
  border-radius: 8px;
}

.width-1118 {
  max-width: 1034px;
  margin: 0 auto;
}

/* .searchInput{border: 1px solid #D1DBDB; height: 40px; border-radius: 8px; background: #FFFFFF url(../../src/assets/images/search.svg) center left 10px; background-repeat: no-repeat; padding: 5px 15px; padding-left: 35px; font-size: 16px; color: #787878;} */

.relieverList > li > ul{min-width: 100% !important;}
.relieverList .input-tag {border-color: #f6f6f6; height: 50px;}
.relieverList .input-tag .button{color: #fff; font-size: 12px; background-color: #33CCB2; padding: 4px 10px;}
.relieverList .input-tag .button span{color: #fff;}

.card_white_2{background-color: #fff; border-radius: 12px; padding: 16px;}
.card_white_2 .numberRow_ {margin-left: -8px; margin-right: -8px;}
.card_white_2 .card_bg{border-radius: 8px;}
.card_white_2 .row_gap8{margin-left: -8px; margin-right: -8px;}

 /* .donutChart{width: 100% !important; height: 400px;} */
 .donutChart rect{ fill: transparent;}
 
.earliestTable .tr li.nameLabelStrong span{font-weight: 600;}
.earliestTable .tr li span{font-weight: normal;}
.attach-part { background: #F9FBFB; }


b, strong {font-weight: 700; color: #3a3a3a;}

li.col-6.whiteSection.w-48 ul.the_name li span{ color: #3a3a3a;}
.list-block .assets-list > li > ul.th li span {color: #3a3a3a;}

ul.bg-tras:before { background-color: #f7fbfb;}

ul.action-buttons.bg-tras li { margin-right: 7px;}
.bg-tras li button { padding: 8px 12px;}

button.button.btn-primary b {
  color: #fff;
}
button#cancelEmailPopup b {
  color: #33CCB2;
}

textarea.form-control { font-weight: 700;}

.transfer-details li p {
  font-weight: 500;
  color: #3a3a3a;
  font-size: 16px;
}

.transfer-type-switch { margin-bottom: 22px;}

.font-18 {font-size: 18px !important;}

.wizard { margin-bottom: 30px;}

.details-list > li { padding: 16px 8px 5px 0;}

.modal { background: #f2f8f870;}


.owl-dt-container-buttons { color: #33ccb2 !important;}
select { font-weight: 700;}

.sec-title h2 { font-size: 24px; margin-bottom: 0px;}

.form-control span {font-weight: 700;}

.uploadImages { border-radius: 8px;}

.header-info-list { position: relative; left: 11%;}
.header-info-list li { margin-left: 29px;}

.print-boxces .qrCode p {  font-size: 14px;  color: var(--blue-mild);}


.modal .modal-dialog { margin-top: 80px;}

/* Report details */
.Report-Details p { margin-bottom: 0;}
.align-items-right { text-align: right;}
.header-logo { text-align: center;  margin: 0 auto;}
.header-logo p {padding-top: 15px;}
.title-Bg h4 { font-size: 16px; margin-bottom: 0; color: #37cdb4; }
.title-Bg { background: #f2fffd; padding: 14px 15px; margin-bottom: 11px; border-radius: 8px; }

/*====08_11_2022====*/

.bg_1{    background: #aeeae0;
  border-radius: 15px; padding: 25px 15px;}
.row.bg_1{margin: 0px;}

.table_2{display: table;}
.borderBox{border: 1px solid #dee2e6;}
.borderBox h6{margin: 15px 0px;}

.table_TextCenter{text-align: center;}
.table_TextCenter tr>th:first-child,
.table_TextCenter tr>td:first-child{text-align: left;}

.whiteBox{background-color: #fff;}
.bg_1 .table{background-color: #fff;}

.filter-textbox{margin-bottom: 0px !important;}
.filter-textbox .ng-pristine.ng-untouched.ng-valid{
  height: 31px !important;width: 100% !important;
}
.filter-textbox[_ngcontent-yhx-c4]   .ng-pristine.ng-untouched.ng-valid[_ngcontent-yhx-c4]{
  height: 31px !important;width: 100% !important;
}
.dropdown-list[_ngcontent-wjr-c4] .filter-textbox input[_ngcontent-wjr-c4] {height: 31px !important;}
.dropdown-list[_ngcontent-emg-c6] .filter-textbox[_ngcontent-emg-c6] input[_ngcontent-emg-c6]{height: 31px !important;}
.dropdown-list[_ngcontent-bbt-c4] .filter-textbox[_ngcontent-bbt-c4] input[_ngcontent-bbt-c4]:focus {height: 31px !important;}
.attach-part ul > li.multiselect-item-checkbox{margin-bottom: 0px;}
.selected-item{border:1px solid #33CCB2 !important; background:#33CCB2 !important;}
.selected-item-container{padding: 3px !important;}
.selected-item{max-width: fit-content !important;}
.multiselect-item-checkbox input[type=checkbox]:checked + div:before{background:#33CCB2 !important;border: 2px solid #33CCB2 !important;}
li.active a {
  color: inherit;
}
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #33ccb2;
}
.col-12.col-md-3 a {
    color: inherit;
}