@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap"');

html { position: relative; min-height: 100%; scroll-behavior: smooth;}
body { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; background-color:#eef4f9; padding-bottom:0px; animation-name: fadeIn; animation-duration: 1s;}
h1,h2,h3,h4,h5,h6{ font-family: 'Source Sans Pro', sans-serif;} 
a { color:#00458f; text-decoration: none; transition: all 0.5s ease 0s;}  
a:hover{transition: all 0.5s ease 0s; color:#666;}
p { font-family: 'Source Sans Pro', sans-serif; }
.small { font-size: 0.7rem; } 
.noradius { border-radius: 0; }
.noborder { border: 0 !important; }
.radius-circle { border-radius: 50px; }   
label { font-weight: 500; }
.label { display: inline-block; padding: 0.2em 0.6em; font-size:14px; font-weight: bold; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; border-radius:2px;}
.label:empty { display: none;} 
img { vertical-align: middle; border: 0; }
.bg-log{ border: 15px solid transparent; border-image-slice: 1; width:100%; display:flex; }
.pwd-by{ position:absolute; right:100px; bottom:25px;}
.ldrimg{ position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background-color: rgba(252, 252, 252, 0.8);}
.over-loader {overflow: hidden;}
.footer-main{ position: absolute; width: 100%; margin-top:0px; bottom: 0px; padding-left: 250px; background-color: #eef4f9; transition: 0.4s; border-top: 1px solid #dce3ea;}
.main-footer { padding: 15px 15px 15px; font-weight: 400; display: flex; align-items: center; justify-content: space-between}
.main-footer span{ display:block;}
.main-footer span.cptext{ font-size:14px; color: #6f7984; padding-left:15px;}
.enlarged .footer-main{ padding-left:50px; transition: 0.4s;}
.enlarged .body-content{ min-height: 980px; transition: 0.4s;}
.bootstrap-duallistbox-container .filter{ margin-top:8px;}
.modal-dialog{ max-width:850px; margin-top: 0px; animation-name: zoomIn; animation-duration: 1s;}
.mdl-frm{ padding:15px;}
.modal-header{ color:#333; padding: 15px 15px;}
.modal-header h4{ font-size:17px; text-transform: uppercase}
.modal-header .close{ color:rgba(0,0,0,0.7) !important;}
.mdl-head{ text-align:left; font-size: 22px;}
.mdl-head h4{font-size: 22px;}
.mdl-gender .modal-dialog{ max-width:370px !important;}
.mdl-gender1{ font-size:16px; color:#333; text-align:left; border-top:4px solid #e5e4e4; border-radius:3px; background:#f7f7f7; padding:18px 15px;}
.mdl-gender2{ border-bottom:4px solid #e5e4e4; border-radius:0px 0px 3px 3px; border-top:1px solid #e7e7e7;}
.pgntion{ padding:10px 15px; /*background-color: #f5f6fa;*/ position: relative; bottom: 0; margin-top:30px !important; width:100%; }
.page-link{ padding:3px 10px; font-size:14px;}
.pgn-lft{ display:flex; align-items:center; padding-left: 0 !important;}
.pgn-rht{ display:flex; justify-content:flex-end; align-items:center; padding-right: 0 !important;}
.pgn-rht ul{ margin:0px;}
.pagination {display: flex;flex-wrap: initial !important;}
.pagination .page-item.disabled .page-link{ border-radius: 0;}
.pagination .page-item:last-child .page-link{ border-radius: 0;}
.pagination .page-item.disabled .page-link{ border: 0;}
.pagination .page-item .page-link{ border: #fff;}
.pagination .page-item{ border: 1px solid #d4dce3; margin:1px; overflow:hidden; border-radius:50px;}
.pagination .page-item:last-child .page-link{ border:#fff;}
.rht{text-align:right; padding-right:0 !important;}
.bg-primary { background-color: #0f9df7 !important; font-weight:400; }
.bg-orange { background-color: #e24d2d !important; font-weight:400; }
.bg-green { background-color: #7fa736 !important; font-weight:400; }
.bg-brown { background-color: #8e5210 !important; font-weight:400; }
.bg-blue { background-color: #32ccc4 !important; font-weight:400; }
.bg-red { background-color: #f11726 !important; font-weight:400; }
.bg-success { background-color: #1bb99a !important; font-weight:400;}
.bg-info { background-color: #3db9dc !important; font-weight:400;}
.bg-warning { background-color: #f1b53d !important; font-weight:400;}
.bg-danger { background-color: #ff5d48 !important; font-weight:400;}
.bg-purple { background-color: #9261c6 !important;font-weight:400; }
.bg-pink { background-color: #ff7aa3 !important; font-weight:400;}
.bg-dark { background-color: #2b3d51 !important; font-weight:400; }
.bg-default { background-color: #64b0f2 !important;font-weight:400; }
.bg-yellow { background-color: #ff9f40 !important; font-weight:400; }
.clr-primary { background-color: #0f9df7 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-orange { background-color: #e24d2d !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 6px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-green { background-color: #7fa736 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-brown { background-color: #8e5210 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-dup { background-color: #3a4de1 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-blue { background-color: #32ccc4 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px;-webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-red { background-color: #ff0000 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 8% 100%, 0% 50%); clip-path: polygon(10% 0, 100% 0, 100% 100%, 8% 100%, 0% 50%); width:85px;}
.clr-light-red { background-color: #ff4943 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 8% 100%, 0% 50%); clip-path: polygon(10% 0, 100% 0, 100% 100%, 8% 100%, 0% 50%); width:85px;}
.clr-success { background-color: #1bb99a !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-info { background-color: #3db9dc !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px;-webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%);  width:85px;}
.clr-warning { background-color: #f1b53d !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-danger { background-color: #ff5d48 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-purple { background-color: #9261c6 !important;font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-pink { background-color: #ff7aa3 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-dark { background-color: #2b3d51 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px;-webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-default { background-color: #64b0f2 !important;font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-yellow { background-color: #ff9f40 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.isu-red{ font-weight:bold; color:#ff0000; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase;}
.isu-yellow{ font-weight:bold; color:#ff9f40; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase;}
.isu-dark{ font-weight:bold; color:#2b3d51; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase;}
.isu-purple{ font-weight:bold; color:#9261c6; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase;}
.isu-green{ font-weight:bold; color:#7fa736; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase;}
.isu-orange{ font-weight:bold; color:#ff8f6b; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase;}
.isu-blue{ font-weight:bold; color:#1193f7; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase;}
.bg-clr{ display:flex; width:100%; padding:13px;}
.bg-clr a{ width:24.5%; margin-right:21px;}
.bg-clr a:nth-child(3n+3){ margin-right:0;}
.bg-default-box{ background-color: #64b0f2 !important;}
.bg-danger-box{ background-color: #ff5d48 !important;}
.bg-info-box{ background-color: #3db9dc !important;}
.bg-yellow-box{ background-color: #ff9f40 !important;}
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-custom { color: #64b0f2; }
.text-primary { color: #0f9df7 !important; }
.text-success { color: #1bb99a !important; }
.text-info { color: #00458f !important; }
.text-warning { color: #f1b53d !important; }
.text-danger { color: #ff5d48 !important; }
.text-purple { color: #9261c6; }
.text-pink { color: #ff7aa3; }
.text-dark { color: #2b3d51; }
.text-white { color: #ffffff; }
.text-muted { color: #818a91; } 
.head-time{ background-color:#f3f3f3;  padding:5px 15px; margin-right:15px; border-radius:30px; min-width:180px; text-align:left; font-size: 13px; color:#555;}
.head-time i{ color: #b3b5b7;} 
.dropdown-lg { width: 280px; }
.dropdown-menu { box-shadow: none; border: 1px solid rgba(19, 19, 19, 0.05); margin:6px 0px; padding:0px 0px 10px 0px; border-radius: 0; border-radius:0px 0px 0px 0px;}
.dropdown-item:hover{ background-color: #f3f3f3;}
.dropdown-item:hover i{ color: #adadad; transition: 0.4s;}
.dropdown-item.notify-item:hover{ color: #555;}
.profile-dropdown { width:160px; margin-top:5px; }
.profile-dropdown ion-icon { font-size: 12px; vertical-align: middle; margin-right: 2px; color: #a9aeb3; width: 17px; height: 18px; text-align: center;}
.profile-dropdown a.dropdown-item{ padding:10px 0px; color: #fff; font-size: 14px; margin-bottom: 0; text-align: center;}
.profile-dropdown a.dropdown-item:hover{ transition: 0.4s; color:#fff ; background-color: #023a75;}
.profile-dropdown a.dropdown-item:hover i{ color: #999; transition: 0.6s;}
.profile-dropdown a.dropdown-item:last-child{ border-bottom: 0 none;}
.nav-user { padding: 0 12px !important; }
.nav-user img { height:28px; width:28px; margin-bottom: 0; }
/* Full View */
.select2-container {z-index: 9999;}
.select2-container--default .select2-selection--single{ border:1px solid #ced4da !important; border-left:3px solid #ced4da !important;}
.select2-container .select2-selection--single{ height: 31px !important}
.cke_chrome{ border:1px solid #dedede !important; border-radius:3px; box-shadow:none !important;}
.cke_top{ background-image: linear-gradient(to bottom,#fff,#e3e3e3) !important;}
.cke_toolgroup{ border: 1px solid #b9b9b9 !important; border-bottom: 0 none;}
.cke_maximized{ z-index: 9999 !important;}
.cke_maximized .cke_contents{ height: 90vh !important;}
.cke_maximized .cke_top{ transform: translateY(100%); text-align: center; display: flex; justify-content: center;}
.cke_maximized .cke_bottom{ transform: translateY(100%); padding:7px 8px 7px !important;}
/* Dropdown Box */
.drp-box{ width: 100%; background-color: #333; padding:9px 10px;}
.drp-box .drp-head{ width: 100%; display: flex; align-items: center;}
.drp-box .drp-head span{ width:19%; height: 36px; background-color: #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; padding: 4px;}
.drp-box .drp-head span img{ width: auto; height: auto; object-fit: contain; border-radius: 50px;} 
.drp-box .drp-head ul{ width: 80%; padding: 0; margin-left:10px;}
.drp-box .drp-head ul li{ list-style: none; display: flex; align-items: center; width: 100%; flex-wrap: wrap; line-height: 1.3;}
.drp-box .drp-head ul li b{ width: 100%; text-transform:uppercase; font-size: 13px; font-weight: normal; color: #fff;}
.drp-box .drp-head ul li small{ width: 100%; font-size: 12px; color: #abacac;}
.navbar-custom .dropdown-menu .drp-logout{ width: 100%; display: flex; justify-content: center; align-items: center; padding:10px 0px 10px; border-top: 1px dotted #c1c1c1;}
.navbar-custom .dropdown-menu .drp-logout a ion-icon { font-size: 14px; margin-right: 3px;  transition: 0.4s; color: #d9261c; }
.navbar-custom .dropdown-menu .drp-logout a{ background-color: #f0f0f0; border: 1px solid #f0f0f0; padding: 3px 7px; border-radius: 50px; text-align: center; text-transform: uppercase; color: #d9261c; font-size: 12px; transition: 0.4s; display: flex; align-items: center;}
.navbar-custom .dropdown-menu .drp-logout a:hover{ background-color: transparent; border: 1px solid #ffff; color: #fff;}
.navbar-custom .dropdown-menu .drp-logout a:hover ion-icon { color: #fff;}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}
.stky { padding:0px 0; position: -webkit-sticky; transition: 0.4s;} 
.sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 99999; border-top: 0; padding:0px; transition: all 0.6s;} 
.sticky .navbar-custom{ background-color: #afaeae; transition: 0.4s; min-height:65px;}
.navbar-custom .xbtn-srch{ margin-right:10px; padding:2px 15px; border-radius:50px;}
.navbar-custom .nav-link { padding: 0 !important; line-height:54px; color: #e9f2ff; font-size:20px; }
.navbar-custom .nav-link .tlogdwn{ border-radius:50px; display:flex; align-items:center; line-height: normal; padding:3px 12px 3px 12px; transition: all 0.5s ease 0s; margin-top:0px; background-color: rgba(255,255,255, 0.9); width: 35px; height: 35px; justify-content: center; position: relative;}
.navbar-custom .nav-link .tlogdwn i{ padding: 0 6px; color: #aaa; margin-top:1px;}
.list-inline-item:hover .nav-link .tlogdwn{ background-color:rgba(221, 221, 221, 0.95); transition: all 0.5s ease 0s;}
.list-inline-item:hover .nav-link .tlogdwn i{ color: #fff;}
.navbar-custom .dropdown-toggle:after { content: initial;}
.navbar-custom .menu-left { overflow: hidden; }
.navbar-custom .dropdown-menu{ animation-name: zoomIn; animation-duration: 0.5s; -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,.1);
box-shadow: 0 5px 25px 0 rgba(0,0,0,.1); transition: 0.8s;}
.navbar-custom .nav-lst{ margin-right:15px;}
.navbar-custom .nav-lst .dropdown .btn-nav{ background-color:#888; color:#fff; padding:5px 12px; font-size:12px; box-shadow:none; text-transform:uppercase; border-radius:50px;}
.navbar-custom .nav-lst .dropdown .btn-nav i{ padding-left:2px;}
.navbar-custom .nav-lst .dropdown .dropdown-menu{ top:10px}
.navbar-custom .nav-lst .dropdown .dropdown-item{ font-size:13px; padding:5px 10px; border-bottom:1px solid #dedede;}
.navbar-custom .nav-lst .dropdown .dropdown-item:last-child{ border-bottom:0 none}
@keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(1px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-2px, 0, 0); } 40%, 60% { transform: translate3d(2px, 0, 0);}}
.myorg{ max-width:850px !important;}
::-webkit-scrollbar { width: 12px; height: 12px;}
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2);}
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.6);}
.breadcrumb-holder { margin:0px 0px 1px; padding:20px 0px 5px; display: flex;align-items: center; justify-content:space-between; position: relative;}
.breadcrumb-holder .main-title { margin-bottom:0; font-size:22px; display:flex; align-items:center; color:#3f454d; font-weight:300;  -webkit-animation-name:slideInRight; animation-name:slideInRight;  -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; letter-spacing: 1px;}
.breadcrumb-holder .main-title ion-icon { padding-right:8px; font-size:14px; color:#3f454d; width:20px; height:20px;}
.breadcrumb-holder .main-title i { padding-right:8px; font-size:18px; color:#3f454d;}
.tbl-title { width: 100%; display: flex; justify-content: space-between; margin-bottom: 15px;}
.tbl-title .main-title { margin-bottom: 0; font-size:15px; display: flex; align-items: center; color:#444; font-weight:500; text-transform:uppercase; position: relative; padding-bottom: 6px;}
.hd-rport-btn { background: #d9261c; color: #fff; padding: 7px 15px; border-radius: 25px; font-size: 14px; display: flex; align-items: center; font-weight: 600; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.hd-rport-btn ion-icon {padding-right: 5px; width: 20px; height: 20px;}
.hd-rport-btn:hover {background: #ae160d; color: #fff; }
/* blacklink list */
.card{ border:none;}
.card-box { padding:17px 17px 0px; background-clip:padding-box; margin-bottom:20px; background-color:#fff; border:1px solid rgba(183,183,183,.125);}
.card-box i { font-size:67px; margin-top: 20px; }
.card-header { color: #fff; background-color:#dbdfea; border-top: 1px solid rgba(111,111,111,.13); padding: 0px; text-transform:uppercase; font-size:14px;}
.card-header h3 { font-weight: 500; font-size:15px; margin-bottom: 0; line-height:1.6;}
.header-title { font-size: 1rem; text-transform: uppercase; }
.page-header { margin-top: 30px; margin-bottom: 20px; font-size: 1.15rem; padding-bottom: 10px; border-bottom: 1px solid #dedede; }
.button-list { margin-bottom: -5px; margin-left: -7px; }
.button-list button, .button-list a { margin: 5px 7px; }
.card-title{ color:#565656; animation-name: slideInLeft; font-weight:400;}
.card-footer{ background-color:transparent}
.tbl-frm .card-header .acc { display: flex; width: 100%;}
.tbl-frm .card-header .acc .list-collaps{ width:100%; display:flex; align-items:center; margin: 0; padding: 10px 20px; cursor: pointer;}
.tbl-frm .card-header .acc .act-slct{ width: 13%; display:flex; border-radius:2px; color:#333;  margin:2px 0px; justify-content: flex-end; align-items: center; flex-wrap:wrap; }
.tbl-frm .card-header .acc .sno {border-right: 1px solid #cacbce; margin-right: 15px; font-weight:500; color:#333; font-size:13px; display:flex; align-items:center; line-height: 1.3; width: 7%; position: relative;}
.acc .srt-crtd-uptd {width: 80%; display: flex;}
.acc .srt-crtd-uptd small:first-child {width: 20%;}
.acc .srt-crtd-uptd small {width: 33%;}
.acc .sno small{display: flex; align-items: center;padding-left: 20px; }
.acc .sno small b{font-size: 13px; font-weight: 600; color: #333;}
.acc .sno small label{ margin: 0; font-size: 13px; padding-left: 6px; color: #666;}
.acc .srt-crtd-uptd small {border-right: 1px solid #cacbce; margin-right: 15px;display: flex; align-items: center; }
.acc .srt-crtd-uptd small b{font-size: 13px; font-weight: 600; color: #333; width: 30%;}
.acc .srt-crtd-uptd small label{ margin: 0; font-size: 13px; padding-left: 6px; color: #666; width: 70%;}
.acc .srt-crtd-uptd small:first-child b{font-size: 13px; font-weight: 600; color: #333; width: 53%;}
.acc .srt-crtd-uptd small:first-child label{ margin: 0; font-size: 13px; padding-left: 6px; color: #666; width: 47%;}
.acc .act-slct small b{font-size: 13px; font-weight: 600; color: #333; width: 30%;}
.act-slct .tooltip-down a {display: flex; align-items: center;}
.act-slct .tooltip-down  a.dropdown-toggle ion-icon {color: #666;}
.act-slct .tooltip-down a.dropdown-toggle::before { content: ''; position: absolute; top: -6px; left: 0; right: 0; margin: 0 auto; background: #f5f6fa; width: 28px; height: 28px; border-radius: 50%;}
.act-slct .tooltip-down:hover a.dropdown-toggle::before { background: #fff;}
.blk-in-list-slct .card-body {padding: 5px !important;}
.blk-in-list-slct {margin-top: 20px; margin-bottom: 50px;}
.tbl-frm #accordion .card-body {background-color: #f3f3f3;}
.tbl-frm .blk-detls {width: 100%; padding: 10px 0px;}
.tbl-frm .blk-detls ul {padding: 0; margin: 0;width: 100%; display: grid; position: relative; z-index: 1; grid-template-columns: repeat(2, 1fr); gap: 1px 20px; list-style: none;}
.tbl-frm .blk-detls ul li { list-style: none; margin: 0px 2px; display: flex;}
.tbl-frm .blk-detls ul li b{ width:100%; font-size: 12px; text-transform:uppercase; font-weight:500; padding:4px 5px 3px; display:flex; align-items:center; color:#444;justify-content: right; margin-right: 10px; text-align: right;}
.tbl-frm .blk-detls ul li span{  background-color: #fff; width:100%; padding:3px 10px; font-size:13px; color:#666; justify-content:center; display:flex; border-right:1px solid #eee; min-height: 25px; align-items: center; text-align: center;}
.tbl-frm .blk-detls ul li:first-child span {width: 23%;}
.tbl-frm .blk-detls ul li:first-child span:nth-child(3) {width: 23%;}
.tbl-frm .blk-detls ul li:first-child b {width: 33%;}
.tbl-frm .blk-detls ul li:last-child span {width: 69%;}
.tbl-frm .blk-detls ul li:last-child b {width: 32.8%;}
.sno .blk-menu-arrow { -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; position: absolute; left: -5px; top: -3px; display: inline-block; font-family: 'FontAwesome'; text-rendering: auto; line-height:20px; font-size:14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.sno .blk-menu-arrow:before { background-color: #666; font-weight: 400; text-transform: uppercase; padding: 0px 4px 0px 7px; font-size: 10px; width: 85px; content: "";  -webkit-clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%);}
.collapsed .sno .blk-menu-arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.list-collaps .act-slct .dropdown-menu .xbtn-added {margin-right: 6px;}
.list-collaps .act-slct .dropdown-menu .edit-i {font-size: 16px; border-radius: 6px}
.list-collaps .act-slct .dropdown-menu .xbtn-delete {margin-right: 6px; margin-left: 0;}
.card-head{ color: #6b6b6b; padding-bottom:15px; margin-bottom:25px; border-bottom:1px dotted #ccc;}
.card-head h3 { font-weight: 500; font-size: 1.1rem; margin-bottom: 0; line-height:1.3;}
.card-head h3 i{ font-size:1.0; padding-right:5px;}
.count{ padding:0 !important; display:flex;}
.tbl{ padding:0 !important;}
.no-padding{ padding:0 !important;}
canvas { max-width: 100%; }
svg { max-width: 100%; }
a { outline: none !important; text-decoration: none !important; transition: 0.4s; margin-bottom: 2px;}
.row { margin-right: -10px; margin-left: -10px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { padding-right: 10px; padding-left: 10px; }
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active { background-color: #0f9df7; }
.dropdown-item { font-size: 0.9rem; white-space: inherit; }
.dropdown-item:focus, .dropdown-item:hover{ color: #eb1c27;}
.card-inner-header { color: #666; background: linear-gradient(#fef8f8, #ffffff); border-bottom: 1px solid rgba(111,111,111,.13); }
.card-inner-header h3 { font-weight: 500; font-size: 1.1rem; margin-bottom: 0; line-height:1.3; padding:10px 10px 10px; margin-bottom:5px;}
.card-inner-header h3 i{ font-size:1.0; padding-right:5px;}
/* IE9, IE10, IE11 */
@media screen and (min-width: 0\0) {
.form-control {
padding: 0.55rem 0.75rem !important;
}
.input-group-addon {
line-height: inherit !important;
font-size: 1rem !important;
}
.carousel-control span {
right: 20px;
}
}
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left { width:50px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; height:65px;}
.headerbar { left:0;position:fixed; right:0; top: 0; z-index:999; }
.sidebar-inner .headerbar-left { background: #00458f; text-align:left; height:65px; width:250px; position: fixed; z-index:1; display: flex; align-items: center; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; border-bottom: 1px solid #00458f; padding:5px;}
.sidebar-inner .headerbar-left .menu-left{ width:auto; padding:10px 0px 10px 3px; transition: 0.4s;}
.sidebar-inner .headerbar-left .menu-left:before{ width: 42px; height:63px; position: absolute; top: 0; left:0; content: ""; z-index: -9; transition: 0.5s; background: #fff;} 
.headerbar .headerbar-btm .menu-left:before{ width: 42px; transition: 0.5s;}
.sidebar-inner .headerbar-left .menu-left li{ display: flex; align-items: center;}
.sidebar-inner .headerbar-left .menu-left li span{ color: #a3a9ec; text-transform: uppercase; font-weight:500; font-size: 13px;}
.headerbar .headerbar-btm{ position: relative ; transition: 0.4s;}
.headerbar .headerbar-btm .menu-left li span{ display: none; transition: 0.4s;}
.headerbar .headerbar-btm .menu-left{  transition: 0.4s;}
.sidebar-inner .headerbar-left .logo img { max-height:41px; width:auto; height:auto; object-fit:contain;}
.navbar-custom { background-color: #00458f;  border-radius: 0; margin-bottom: 0; padding:5px 25px 5px; margin-left:250px; min-height:65px; display:flex;  align-items:center; position:relative; transition:0.4s; /*box-shadow:0 14px 15px -12px rgba(91, 91, 91, 0.15); border-bottom: 1px solid #f7f7f7;*/ }
.navbar-custom .prf-slct {display: flex; justify-content: flex-end; width: 85%; align-items: center;}
.stky { padding:0px 0; position: -webkit-sticky; transition: 0.4s;} 
.sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 99999; border-top: 0; padding:0px; transition: all 0.6s; transition: 0.4s;} 
.sticky .navbar-custom{ background-color: #00458f; transition: 0.4s; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.15);}
.navbar-custom .xbtn-srch{ margin-right:10px; padding:2px 15px; border-radius:50px;}
.navbar-custom .nav-link { padding: 0 !important; line-height:54px; color: #e9f2ff; font-size:16px;display:flex; align-items:center; margin-bottom:0; }
.navbar-custom .nav-link .tlogdwn{ border-radius:50px; display:flex; align-items:center; line-height: normal; padding:3px 3px; transition: all 0.5s ease 0s; margin-top:0px; background-color: #d9261c; width:32px; height:32px; justify-content: center; position: relative;}
.navbar-custom .nav-link small {padding-left: 5px;  color: #ffffff; font-size: 16px; font-weight: 400;}
.navbar-custom .nav-link .down-outline {color: #ffffff; padding-left: 4px; padding-top: 4px; font-size: 14px;}
.navbar-custom .nav-link .tlogdwn i{ padding: 0 6px; color: #aaa; margin-top:1px;}
.list-inline-item:hover .nav-link .tlogdwn{ background-color:rgba(221, 221, 221, 0.95); color: #d9261c; transition: all 0.5s ease 0s;}
.list-inline-item:hover .nav-link .tlogdwn i{ color: #fff;}
.navbar-custom .dropdown-toggle:after { content: initial;}
.navbar-custom .menu-left { overflow: hidden; width: 15%; display: flex; align-items: center; margin-left:1px;}
.navbar-custom  .logo-cnt {color: #00458f; font-size: 20px; font-weight: 700; padding-left: 20px; margin: 0;}
.navbar-custom .dropdown-menu{ animation-name: zoomIn; animation-duration: 0.5s; -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,.1);
box-shadow: 0 5px 25px 0 rgba(0,0,0,.1); transition: 0.8s; padding-bottom: 0; background: #00458f; padding: 10px;}
.navbar-custom .nav-lst{ margin-right:15px;}
.navbar-custom .nav-lst .dropdown .btn-nav{ background-color:#888; color:#fff; padding:5px 12px; font-size:12px; box-shadow:none; text-transform:uppercase; border-radius:50px;}
.navbar-custom .nav-lst .dropdown .btn-nav i{ padding-left:2px;}
.navbar-custom .nav-lst .dropdown .dropdown-menu{ top:10px}
.navbar-custom .nav-lst .dropdown .dropdown-item{ font-size:13px; padding:5px 10px; border-bottom:1px solid #dedede;}
.navbar-custom .nav-lst .dropdown .dropdown-item:last-child{ border-bottom:0 none}
.crp-btn{ width:100%;}
.crp-btn{ text-align:right; padding-right:0px; margin-bottom:10px;}
.crp-btn button{ border:0; width:35px; height:35px; border-radius:10px; margin:1px; background:#ecedf4; transition:0.4s; cursor:pointer;}
.crp-btn button i{ font-size:14px; color:#8a8cac; text-align:center; padding-top:4px; transition:0.4s}
.crp-btn button:nth-child(2):hover i{ color:#ff7c00; transition:0.4s; transform:rotate(50deg);}
.crp-btn button:nth-child(1):hover i{ color:#ff7c00; transition:0.4s; transform:rotate(-50deg);}
.croppie-container .cr-viewport, .croppie-container .cr-resizer{ box-shadow: 0 0 2000px 2000px rgba(73, 74, 98, 0.6) !important;}
#thumbnail_preview .cr-boundary{ width: 100% !important}
.clndr{ margin:0px 15px 0px 5px; font-size:14px; color: rgba(255, 255, 255, 0.9); transition: 0.4s; display: flex; align-items: center;}
.clndr ion-icon { font-size: 14px; padding-right:5px; color: rgba(255, 255, 255, 0.9);}
.remainder{ margin-right:12px; border-radius:50px !important; transition:0.4s; position: relative;}
.remainder a{ border-radius: 50px !important; margin-top: 1px; transition: 0.4s; background-color: #fff; position: relative; width: 30px; height: 30px; display: flex; color: #d9261c; align-items: center; justify-content: center;}
.remainder a ion-icon { font-size:18px; -webkit-animation: ring 4s .5s ease-in-out infinite; -webkit-transform-origin: 50% 4px; -moz-animation: ring 4s .5s ease-in-out infinite; -moz-transform-origin: 50% 1px; animation: ring 4s .7s ease-in-out infinite; transform-origin: 50% 4px;}
@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }
    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
  }  
  @-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }
    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
  }  
  @keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }
    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
  }
.remainder a:hover{ transition:0.4s; color:#00458f}
.remainder span{ position: absolute; top:-6px; right:-6px; font-size: 10px; background-color:#d9261c; border-radius:50px; min-width:17px; height:17px; text-align:center; padding-top:0px; color:#fff; display: flex; justify-content: center; align-items: center; padding: 0px 2px;}
.logo { line-height:56px; display:flex; text-align:center; justify-content:flex-start; width: 100%; padding:5px 0; padding-top:3px; margin-bottom:0; padding-left:15px !important;}
.logo span span { color: #fff; }
.main-sidebar { top: 66px; width: 250px; z-index:1; bottom:70px; margin-bottom:-70px; margin-top:0; padding-bottom:70px; position:absolute; transition:all 0.5s ease 0s; padding-top:0px;} 
.content-page { margin-left: 250px; overflow: hidden; transition: all 0.5s ease 0s; margin-bottom:0px; position:relative; z-index: 0;}
.content-page .content { padding: 0 10px; margin-top:60px; margin-bottom:90px; position: relative;}
.content-page .content .card-body{ padding:5px 5px 0px;}
.full-page{ margin-left: 0;}
.full-page .content{ margin-top: 0;}
.full-page .body-content{ min-height: 400px;}
.full-page .body-content .tbl-frm { padding: 0;}
.full-page .inner-banner{ background-color: #fff;}
.btn-mdl{ background-color: #0283d6; border-color: #0283d6; color: #fff; border-radius: 50px; padding: 5px 30px; margin: 3px 0px;}
.btn-mdl i{ padding-right: 5px;}
/*.main-sidebar.left { position: fixed; }*/
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > ul > li > a span b{color: #636363;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > ul > li > a span {padding-left: 0px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > ul > li > a ion-icon{margin-right: 10px; color: #bfbfbf;}
body.adminbody .main-sidebar.left { top:0px; margin-bottom:0px; margin-top:0px; padding-bottom:0px; z-index:1051; background-color:#fff; position:fixed; height:100%; transition:0.8s; -webkit-transition:0.8s; overflow:auto; scrollbar-width: thin; scrollbar-color:#fff #fff; padding-right:2px;  z-index: 999;}
body.adminbody .main-sidebar.left::-webkit-scrollbar-track { background: #fff; } 
body.adminbody .main-sidebar.left::-webkit-scrollbar-thumb { background-color: #fff ; border-radius: 6px; border: 3px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.table-responsive::-webkit-scrollbar-track { background: transparent; } 
.table-responsive::-webkit-scrollbar-thumb { background-color: transparent ; border-radius: 6px; border: 3px solid transparent; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
body.adminbody .main-sidebar.left:hover{ overflow: auto; scrollbar-width: thin; scrollbar-color:#fff #fff; transition: 0.8s; -webkit-transition: 0.8s; }
.xbutton { display: flex; font-size: 24px; color: #fff; width:35px; height: 46px;cursor: pointer; justify-content:flex-start; align-items: center; transition:all 0.5s ease 0s; margin-bottom: 0;}
.xbutton:hover { color:#fff; transition:all 0.5s ease 0s; }
.xbutton ion-icon.menu-sharp { font-size: 24px; }
.sidebar-inner { height:100%; background:#fff; background-size: cover; transition: 0.4s; width: 100%}
.mnln1 { content: ""; width:12px; height:1px; background-color: rgb(255,255,255); position: relative; transition:all 0.5s ease 0s;}
.mnln1::before { content: ""; width:20px; height:1px; background-color: rgb(255,255,255); position: absolute; left: 0; top: -8px; transition: all 0.5s ease 0s; }
.mnln1::after { content: ""; width:20px; height:1px; background-color: rgb(255,255,255); position: absolute; left:0; bottom: -7px; transition: all 0.5s ease 0s; }

.xbutton:hover .mnln1 { background-color: #d9261c; width:20px; transition: all 0.5s ease 0s; left: 0;}
.xbutton:hover .mnln1::before { background-color: #fff; width:12px; transition: all 0.5s ease 0s; left: 0;}
.xbutton:hover .mnln1::after { background-color: #fff; width:12px; transition: all 0.5s ease 0s;  left: 0;}
::-webkit-scrollbar { width: 5px;}
::-webkit-scrollbar-thumb { background: #fff; height: 30px; }
::-webkit-scrollbar-track { background: #fff; border: 0px none #fff; border-radius: 53px;}
.tbl-bdy{ width:100%; border-radius:5px; background-color: transparent; padding: 0; min-height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.tbl-frm{ padding:25px 0px 5px; border-radius:35px; background-color: #fff; margin-top: 0px; min-height:500px; -webkit-border-radius:35px; -moz-border-radius:35px; -ms-border-radius:35px; -o-border-radius:35px; }
.dis-frm form{ border-bottom: 3px dotted #bbb; padding-bottom: 10px; margin-bottom: 30px;}
.dis-frm .add-butt{ margin-top: 15px; border-top: 1px solid #eaeaea;}
.tbl-frm-case{ padding:8px 10px; border-radius:3px 3px 0px 0px;}
.tbl-frm-case .card{ margin-bottom:0px;}
.tbl-frm-case .card.active{ background-color:#fff2f3;}
.tbl-frm-case .card:hover{ background-color:#fffae5;}
.tbl-frm-case .card:hover .card-body{ background-color:#fefbef;}
.tbl-frm-case .card-header{ background-color:transparent; padding:0px;}
.tbl-frm-case .card-header div .head-link{ display:block; width:100%; text-align:left; padding:8px 0px; cursor:initial !important;}
.tbl-frm-case .card-header div .head-link:hover{ text-decoration:none}
.tbl-frm-case .card-body{ padding:5px !important;}
.splt{ display: flex; width: 100%; justify-content: space-between;}
.splt select{ width: 20%;}
.splt input{ width: 78%;}
.splt1{ display: flex; width: 100%; justify-content: space-between;}
.splt1 input{ width:48%;}
.splt1 .input-group{ width: 48%;}
.splt1 .input-group.bootstrap-timepicker .dropdown-menu{ background-color:#fff;}
.splt2-frm{ display: flex; width: 100%; padding: 0 !important; align-items: flex-end;}
.splt2{ width: 100%; text-align: left;}
.splt2 label{ text-align: left !important; padding: 0px 0 5px !important;}
.splt-inpt{ display: flex; align-items: center; justify-content: space-between; width: 100%;}
.clr-btn{ display: inline-block;}
.clr-btn i{ color: #fff; background-color: #ff0000; border-color: #ff0000; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50px; transition: 0.4s; font-size: 12px;}
.clr-btn i:hover{ background-color: #999; border-color: #999; color: #fff; transition: 0.4s;}
.btn-remove{ background-color: #ff0000; padding: 2px 10px; color: #fff; font-size: 12px;}
.btn-remove:hover{ background-color: #a61515; color: #fff;}
.btn-remove i{ padding-right:5px; font-size: 11px;}
.btn-add{ background-color: #00a65a; padding: 2px 10px; color: #fff; font-size: 12px;}
.btn-add i{ padding-right:5px; font-size: 11px;}
.btn-add:hover{ background-color: #037d45; color: #fff;}
.clt-sts{ width: 100%; display: flex; justify-content: flex-end;}
.clt-sts b{ font-weight: 500; text-align: right; font-size: 9px; font-weight:400; letter-spacing: 0.5px; display: flex; line-height: 13px; background-color: #979695; padding: 0px 8px 0px; color: #fff; border-radius:3px; margin: 1px 0px; text-transform: uppercase}
.clt-lst ul{ display:flex; justify-content: space-between}
.clt-lst ul li:nth-child(1){ width:25% !important;}
.clt-lst ul li:nth-child(3){ width:30% !important;}
.clt-lst ul li:nth-child(4){ width:25% !important;}
.tbl-frm-case .issue-det{ width:100%; padding:0px 0px 0px;}
.tbl-frm-case .issue-det ul{ padding:0; margin:0; display:flex;}
.tbl-frm-case .issue-det ul li{ list-style:none; width:20%; margin:0px 2px; border:1px solid #eaeaea; background-color:#fff;}
.tbl-frm-case .issue-det ul li b{ width:100%; font-size:11px; text-transform:uppercase; font-weight:500; background-color:#fff; padding:4px 5px 3px; display:flex; align-items:center; text-align:center; justify-content:center; color:#444; }
.tbl-frm-case .issue-det ul li span{ width:100%; padding:3px 10px; font-size:13px; color:#666; text-align:center; display:block; border-top:1px solid #f3f3f3; min-height: 25px;}
.tbl-frm-case .issue-det ul li span strong{ color: #d07a1a; font-weight: 500; margin: 0px 2px;}
.tbl-frm-case .issue-det ul li span strong i{ font-style: normal}
.tbl-frm-case .issue-det ul li:nth-child(1){ width:15%;}
.tbl-frm-case .issue-det ul li:nth-child(3){ width:30%;}
.tbl-frm-case .issue-det ul li:nth-child(4){ width:15%;}
.tbl-frm-case .card-header .acc{ display:flex; width:100%; padding:9px 0px; min-height: 45px;}
.tbl-frm-case .card-header .acc .isu-cde{ width:10%; border-right:1px solid #ebebeb; padding-right:3px; font-weight:500; color:#333; font-size:13px; display:flex; align-items:center; line-height: 1.3;}
.tbl-frm-case .card-header .acc .isu-cde.isu-red{ color:#ff0000; position:relative}
.tbl-frm-case .card-header .acc .isu-cde.isu-red:before{ position:absolute; top:0; right:4px; content:"*"; color:#ff0000;}
.tbl-frm-case .card-header .acc .isu-cde i{ color:#999; background-color:#fff; border:1px solid #ddd; width:17px; height:17px; border-radius:50px; text-align:center; padding-top:4px; margin-right:5px; font-size:8px; cursor:pointer !important}
.tbl-frm-case .card-header .acc b{ font-weight:normal; width:63%; border-right:1px solid #ebebeb; padding:0px 10px; white-space:nowrap; text-overflow:ellipsis; position:relative;}
.tbl-frm-case .card-header .acc b small{ position:absolute; bottom:-7px; font-size:9px; color:#888; font-weight:500; letter-spacing:0.5px; width:97%; display:flex; overflow: hidden; line-height:13px;}
.tbl-frm-case .card-header .acc b small strong{ color:#d07a1a; font-weight: 500; margin:0px 2px;}
.tbl-frm-case .card-header .acc b small strong i{ font-style: normal;}
.tbl-frm-case .card-header .acc b small span{ background-color:#979695; padding:1px 8px 0px; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; position: absolute; right: 0; bottom: 0;}
.tbl-frm-case .card-header .acc b a{ display:block; white-space: normal; line-height:1.4; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform:none; padding-top:0px; margin-top:-2px;}
.tbl-frm-case .card-header .acc .isu-lnk{ width:27%; display:flex; border-radius:2px; margin:2px 0px; justify-content: flex-end; align-items: center; flex-wrap:wrap; }
.tbl-frm-case .card-header .acc .isu-lnk .isu-lnk-box{ text-align:center; border-right:1px solid #dddddd; align-items:center; padding:0px 5px 0px 5px; justify-content:center; width:33%}
.tbl-frm-case .card-header .acc .isu-lnk .isu-lnk-box:last-child{ border-right:0; margin-right:0; padding-right:0;}
.tbl-frm-case .card-header .acc .isu-lnk .isu-lnk-box b{ font-weight:500; font-size:11px; text-transform:uppercase; color:#424242; margin-right:3px; border-right:0 none; padding:0; display:none}
.tbl-frm-case #accordion .card-body{ background-color:#f3f3f3;}
.rtng-viw{ display:flex;}
.rtng-viw .rating-md{ font-size: 28px; margin-top:-10px; border: 1px solid #dedede; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; padding-left: 10px; width: 100% }
div.view b{ font-size: 14px; color: #218406; display:flex; font-weight: normal; justify-content: center;}
div.view b a{ display: block; color: #0473d5; border: 1px solid #0473d5; border-radius: 6px; overflow: hidden; position: relative; z-index: 0; width:auto; padding: 0px 10px; font-size: 12px; line-height: 1.4;}
div.view b a:hover{ animation-name: none; }
div.view b a:before{ width: 1%; height: 100%; background-color: #f3f3f3; content: ""; left: 0; bottom: 0; position: absolute; border-radius: 50px 0px 0px 50px; visibility: hidden; transition: 0.8s; z-index:-1;}
div.view b a:hover:before{ visibility: visible; background-color: #edf7fd; width: 100%; left: 0; transition: 0.8s; border-right: 3px solid #edf7fd; border-radius: 50px;}
.clr-case-tag{ color: #d07a1a; font-weight: 500; margin: 0px 2px; font-size: 14px;}
.inner-top-exp{ width: 100%; display: flex; justify-content: space-between;}
.clt-lst ul li:nth-child(1), .clt-lst ul li:nth-child(2), .clt-lst ul li:nth-child(3), .clt-lst ul li:nth-child(4){ width:49% !important;}
.tk-icn:before{ content:"\f068"; }
.collapsed.tk-icn:before{ content:"\f067";}
.hiddenRow { padding: 0 4px !important; }

/* staff portal dashboard */
.lea-cnt-main{ width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-bottom: 35px;}
.lea-cnt-box{ border-radius: 5px; transition: 0.4s; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); padding: 20px;}
.lea-cnt-box:nth-child(1) { background: linear-gradient(0deg, #de9406, #ffb629); }
.lea-cnt-box:nth-child(2) { background: linear-gradient(0deg, #39b770, #36e77e); }
.lea-cnt-box:nth-child(3) { background: linear-gradient(0deg, #4078cb, #3984f5); }
.lea-cnt-box:nth-child(4) { background: linear-gradient(0deg, #c72749, #f11d4a); }
.lea-box-top{ display: flex; align-items: center; justify-content: space-between; width: 100%; padding-bottom: 25px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.3);}
.lea-top-lft{ width: 70%; display: flex; flex-wrap: wrap;}
.lea-top-rht{ width: 25%; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.lea-top-rht span{ width: 75px; height: 75px; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 30px; color: #ddd;}
.lea-box-btm{ display: flex; align-items: center; justify-content: space-between; width: 100%;}
.lea-top-lft h2{ font-size: 30px; color: #fff; font-weight: 600; margin-bottom: 8px;}
.lea-top-lft b{ font-size: 48px; font-weight: 300; line-height: 40px; color: #fff;}
.lea-cnt-box:nth-child(1) .lea-top-rht span{ color: #fcb01e;}
.lea-cnt-box:nth-child(2) .lea-top-rht span{ color: #38c674;}
.lea-cnt-box:nth-child(3) .lea-top-rht span{ color: #3c7ee1;}
.lea-box-btm .lea-top-lft h2{ font-size: 18px; color: #fff; font-weight: 200; margin-bottom: 0px;}
.lea-box-btm .lea-top-rht{ display: flex; justify-content: center; background-color: #fff; border-radius: 15px;}
.lea-box-btm .lea-top-rht small{ font-size: 18px; font-weight: 400; }
.lea-cnt-box:nth-child(1) .lea-box-btm .lea-top-rht small{color: #fcb01e;}
.lea-cnt-box:nth-child(2) .lea-box-btm .lea-top-rht small{color: #38c674;}
.lea-cnt-box:nth-child(3) .lea-box-btm .lea-top-rht small{color: #3c7ee1;}
.trfic-slct { display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start: 1; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); width: 100%; }
.trfic-slct .trfic-slct-hd { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px; align-items: center;}
.trfic-slct .trfic-slct-hd h2 { font-size: 18px; color: #222; font-weight: 600; position: relative; margin: 0; display: flex; align-items: center; }
.trfic-slct-tble { display: table; width: 100%; font-size: 15px; }
.trfic-slct-tble .tf-tble-item { display: table-row; }
.tble-tit { position: relative; display: table-cell; vertical-align: middle; text-align: left; border-bottom: 1px solid #dbdfea; padding: 22px 15px; }
.tf-tble-item .tble-tit span.tb-sub-tit { color: #3c5775; font-size: 16px; }
.tf-tble-item .tble-tit span.tb-sub { color: #222; font-size: 16px; font-weight: 500; }
.tf-tble-item .tble-tit span.tb-sub small { font-size: 14px; color: #a6a6a6; font-weight: 500; }
.pnd-btn{ padding: 5px 15px;  background-color: #e3141f; color: #fff !important; border-radius: 20px; font-size: 16px !important;}
.act-pnd-btn{ padding: 4px 15px;  background-color: #e3141f; color: #fff !important; border-radius: 20px; font-size: 16px !important;}
.apord-btn{ padding: 5px 15px;  background-color: #5a9d3c; color: #fff !important; border-radius: 20px; font-size: 16px !important;}
.act-apord-btn{ padding: 4px 15px;  background-color: #5a9d3c; color: #fff !important; border-radius: 20px; font-size: 16px !important;}
.stf-tab-brd .table > tbody > tr > td ion-icon{ margin-right: 10px;}
.tab-mrg-btm{ margin-bottom: 40px;}
.stf-tab-brd{ border-radius: 5px!important; -webkit-border-radius: 5px!important; -moz-border-radius: 5px!important; -ms-border-radius: 5px!important; -o-border-radius: 5px!important; }
.stf-tab-brd .table > tbody > tr:last-child td{ border-bottom: none;}

.enlarged .stf-tab-brd .body-content{ min-height: auto !important;}

.lodg-img{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; min-height: 200px; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.18); border-radius: 30px; z-index: 9; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }

.table td .tooltip-demo a{ margin: 0px 2px;}
/* body.adminbody .main-sidebar.left .nk-sidebar-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(16,25,36,0.4); z-index: 900; animation: overlay-fade-in .4s ease 1;} */
/* Case Management */
.incident-view-page{ padding:10px 15px; background-color: #fff; margin-top:10px;}
.incident-view { width:100%; } 
.incident-view .incident-top-lnk h2{ font-size:18px; font-weight:500; text-transform: uppercase; border-bottom: 1px solid #f0f1f7; padding: 10px 0px 5px; margin-bottom: 15px; color: #333;}
.incident-view-list .incident-title{ width: 100%; background-color: #f0f1f7; padding:5px 10px;}
.incident-view-list .incident-title h2{ font-size:18px; font-weight: 500; text-transform: uppercase; padding: 5px 0px 5px; margin-bottom:0px; display: flex; align-items: center; color: #373c9f;}
.incident-view-list .incident-title h2 span{ margin-left: 15px;}
.incident-view-list .incident-title h2 span .fa-check{ width: 28px; height: 28px; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: #04a025; color: #fff;}
.incident-view-list .incident-title h2 span .fa-times{ width: 28px; height: 28px; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: #d9261c; color: #fff;}
.incident-view-list{ display:flex; width: 100%; padding-top:5px; margin-bottom:15px; flex-wrap: wrap;}
.incident-view-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width: 100%; } 
.incident-view-list ul li { padding:5px 0px; margin:0px; list-style: none; width: 100%; margin-right:0px; display: flex; align-items: center; border:1px solid #f0f1f7; min-height:35px; margin-bottom:1px;} 
.incident-view-list ul li b { width:25%; color:#524f6f; font-weight:500; z-index: 1; align-items: center; flex-wrap: nowrap; background-color:#fff; position:relative; display: flex; align-items: center; transition:0.4s; font-size:14px; padding: 1px 10px; text-transform: uppercase;} 
.incident-view ul li span { width:75%; text-align: justify; flex-wrap:nowrap; color:#484848;  border-left:2px dotted #b3aec6; font-size:14px; background-color:#fff; padding:1px 10px 1px 20px;}
.incident-view ul li span .form-row{ padding: 10px 0px;}
.incident-view ul li span .form-row .form-group{ margin-bottom: 0;}
.incident-view ul li span .form-row .add-butt{ justify-content: flex-start;}
.incident-view ul li span .form-row .form-group label{ text-align: left;}
.incident-view ul li span .form-row .form-group textarea{ margin-top: 10px;}
.incident-view ul li span h2{ font-size: 16px; color: #444; margin:10px 0px;}
.incident-view ul li span h3{ font-size: 18px; color: #555; margin:10px 0px;}
.incident-view ul li span h4{ font-size: 16px; color: #666; margin:10px 0px;}   
.incident-view ul li span h5{ font-size: 14px; color: #444; margin:10px 0px;}
.incident-view ul li span h6{ font-size: 12px; color: #555; margin:10px 0px;}
.incident-view ul li span p{ margin:5px 0px; overflow: hidden;}
.incident-view ul li span p strong{ font-weight:500; color:#333;}
.status-box{ width: 100%;}
.status-box ul li{ border: 0 none;}
.status-box ul li:first-child{ border-bottom:1px solid #f0f1f7;}
.status-box ul li .col-md-8{ padding-left: 0;}
.staff-upload-dtls{ display:grid; grid-template-columns: repeat(5, 5fr); gap: 10px; width: 100%; justify-content: flex-start; flex-wrap: wrap}
.staff-upload-dtls small{ width:100%; display: flex; border: 1px solid #e8e9f2; border-radius:5px; height:140px;}
.staff-upload-dtls small a{ display: flex; justify-content: center; padding:5px; width: 100%; position: relative;}
.staff-upload-dtls small a:before{ position: absolute; width: 100%; height:1px; background-color:rgba(205, 200, 227, 0.3); content: ""; left: 0; bottom: 0; transition: 0.6s; visibility: hidden; border-radius: 3px;}
.staff-upload-dtls small a:hover:before{ position: absolute; width: 100%; height: 100%; background-color:rgba(205, 200, 227, 0.3); content: ""; left: 0; bottom: 0; transition: 0.6s; visibility: visible; border-radius: 3px; border-top: 5px solid rgb(254, 212, 64);}
.staff-upload-dtls small a img{ margin:0 auto; object-fit: contain; width: auto; height: auto;}
/* 404 ban Box */
.ban-box{ background:#fff; padding:30px; width:800px; margin: 30px auto; text-align:center; border-radius:5px; margin-bottom:200px; }
.ban-box .tit{ display:block; margin-bottom:30px;}
.ban-box .tit i{ font-size:100px; color:#fb0808; }
.ban-box .tit h2{ font-size:60px; text-transform:uppercase; margin:0 0 8px }
.ban-box .txt{ border-top: 1px dashed #cdced2; display: block;}
.ban-box .txt p{ color:#4b4d75; font-size:26px; padding:30px; letter-spacing: 0.5px; text-transform: uppercase;}
.ban-box .txt a{ background:#6e6e6e; padding:7px 14px; color:#fff; border-radius:2px; margin-top:9px; display:inline-block}
.ban-box .txt a:hover{background:#444; color:#fff}
.ban-box .tit h2 span{ display:block; font-size:14px; text-transform:none; text-align:center;}
/* 404 Error Box */
.error-box{ background:#fff; padding:30px; width:650px; margin: 0 auto; text-align:center; border-radius:5px; margin-bottom:30px; }
.error-box .tit{ display:block; margin-bottom:20px;}
.error-box .tit i{ font-size:66px; color:#fb0808; margin-right: 10px;}
.error-box .tit h2{ font-size:64px; color:#767893; font-weight: 300; text-transform:uppercase; margin:0 0 8px }
.error-box .txt{ margin:20px 0px; display: block;}
.error-box .txt p{ font-size:20px; background-color:#f0f1f7; padding:10px 20px; color:#4b4d75; border:1px solid #eeeeee; border-radius:50px;}
.error-box .txt a{ background:#6e6e6e; padding:7px 14px; color:#fff; border-radius:2px; margin-top:9px; display:inline-block}
.error-box .txt a:hover{background:#444; color:#fff}
.error-box .tit h2 span{ display:block; font-size:14px; text-transform:none; text-align:center;}
/* Sidebar */
.body-content{ border-radius:0px; margin-bottom: 0px !important; padding-bottom: 0px; border-radius:0px; width: 100%; position: relative;}
.das-bdy-cnt{ background-color:transparent; border-radius:0px; min-height:800px; margin-bottom: 10px !important; padding-bottom: 10px; border-radius: 6px 6px 0px 0px;}
#sidebar-menu, #sidebar-menu ul, #sidebar-menu li, #sidebar-menu a { border: 0; font-weight: normal; line-height: 1; list-style: none; margin: 0; padding:0px 0px 0px 0px; position: relative; text-decoration: none;}
/* #sidebar-menu li:first-child{ padding-top:6px;} */
#sidebar-menu ul.smenu-slct { top:75px;}
.enlarged #sidebar-menu ul.smenu-slct {top: 75px;}
#sidebar-menu li{ text-align:left; padding:0px 0px 0px 10px;}
#sidebar-menu li:first-child{ border-top:0 none}
#sidebar-menu { padding-bottom:200px; width: 100%; }
#sidebar-menu a { line-height: 1.3; }
#sidebar-menu ul li .menu-arrow { -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; position: absolute; right: 10px; top: 12px; display: inline-block; font-family: 'FontAwesome'; text-rendering: auto; line-height:20px; font-size:14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#sidebar-menu ul li .menu-arrow:before { background-color: #a6a6a6; font-weight: 400; text-transform: uppercase; padding: 0px 4px 0px 7px; font-size: 10px; width: 85px; content: "";  -webkit-clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%);}
#sidebar-menu ul li a.subdrop .menu-arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#sidebar-menu ul li .menu-arrow1 { -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; position: absolute; right:10px; top:1px; display: inline-block; font-family: 'FontAwesome'; text-rendering: auto; line-height:18px; font-size:14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#sidebar-menu ul li .menu-arrow1:before { background-color: #5f5b9f;
font-weight: 400; text-transform: uppercase; padding: 0px 4px 0px 7px; font-size: 10px; width: 85px; content: "";  
-webkit-clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%);}
#sidebar-menu ul li a.subdrop .menu-arrow1 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
#sidebar-menu ul ul { display: none; }
#sidebar-menu ul ul li { border-top: 0; position:relative;}
#sidebar-menu ul ul li.active a { color: #f3f3f3; }
#sidebar-menu .submenu .list-unstyled { padding:5px 0px; margin-top: 0px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; }
#sidebar-menu .submenu .list-unstyled li{ border-bottom: 1px solid rgba(255,255,255,0.15);}
#sidebar-menu .submenu .list-unstyled li:last-child{ border-bottom: none;}
#sidebar-menu ul ul a { color:#3d464f; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display:flex; padding: 4px 3px 4px 0px; animation:none; font-size:15px; text-align:left; line-height: 1.3; position: relative; overflow: hidden; z-index: 0; font-weight:400; display: flex; align-items: center;}
#sidebar-menu ul ul a.active{ color:#00458f; border-radius:0px; display: flex;margin-top: 2px;}
#sidebar-menu ul ul a.active ion-icon{ color: #ccc;}
#sidebar-menu ul ul a:hover { color:#d9261c;}
#sidebar-menu ul ul a:hover ion-icon{ color:#00458f;}
#sidebar-menu ul ul li a i{ margin-right:0; color: #d1d1df; font-size:12px; margin-left:-4px; margin-top:-2px; display:inline-block;  width:auto; height:auto; padding: 5px 12px 2px 12px;}
#sidebar-menu ul ul li a i{ background-color:transparent}
#sidebar-menu ul ul li a:hover i { color: #b9b8b8; animation:none; background-color:transparent}
#sidebar-menu ul ul ul a { padding-left:5px;}
#sidebar-menu ul ul ul a.active{ color:#fff; border-radius: 0px; display: flex; margin-top: 2px;}
#sidebar-menu .label { margin-top: 2px;}
#sidebar-menu .subdrop { color: #fff !important;}
#sidebar-menu .subdrop:hover:before{ background-color: transparent}
#sidebar-menu .subdrop span b{ color: #d9261c;}
#sidebar-menu .subdrop ion-icon{color: #00458f;}
#sidebar-menu .subdrop .menu-arrow:before { background-color: #697179  !important;}
#sidebar-menu .subdrop .menu-arrow1:before { background-color: #fff !important;}
#sidebar-menu .subdrop i { color: #f0f0f0 !important;}
#sidebar-menu .subdrop span small { color:rgba(255, 255, 255, 0.8)!important; transition:0.4s; }
#sidebar-menu .submenu ul .submenu .menu-arrow { top: 5px !important; }
#sidebar-menu ul li ul li a.subdrop { color: #fff !important; transition:0.4s; margin-top: 5px;}
#sidebar-menu ul li ul li:last-child{ border-bottom:0 none;}
#sidebar-menu ul li ul li ul li a.subdrop { color: #414255 !important; background-color: #eaf0f7; transition:0.4s; }
#sidebar-menu ul li ul li ul li a.subdrop i { color:#999 !important; background-color:transparent !important}
#sidebar-menu ul li ul li ul li:last-child{ border-bottom:0 none;}
#sidebar-menu > ul > li > a { color:#4b5266; display:flex; padding:8px 6px 8px 6px; transition:0.4s; align-items: center; position:relative; overflow: hidden; transition: 0.6s; z-index: 0; border-bottom: 1px solid rgba(240, 240, 240, 0.7); border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; }
#sidebar-menu > ul > li > a:hover:before{ width: 100%;}
#sidebar-menu > ul > li > a.active:hover:before{ background-color:transparent;}
#sidebar-menu > ul > li > a:hover { color:#00458f !important; text-decoration:none; transition: all 0.5s ease 0s; background: transparent;}
#sidebar-menu > ul > li > a:hover #sidebar-menu li{ border-top: 0 none;}
#sidebar-menu > ul > li > a:hover span b{ color: #d9261c;}
#sidebar-menu > ul > li > a:hover .menu-arrow:before { background-color: #697179 !important;}
#sidebar-menu > ul > li > a:hover .menu-arrow1:before { background-color: #697179 !important;}
#sidebar-menu > ul > li > a:hover span small { color:rgba(255, 255, 255, 0.8)!important; transition: all 0.5s ease 0s;}
#sidebar-menu > ul > li > a > span { vertical-align: middle;}
#sidebar-menu ul li a ion-icon { display:flex; color:#a7aebb; font-size:16px; margin-right: 8px; text-align: center; vertical-align: middle;  transition:0.2s; width: 18px; height:28px; justify-content: center; align-items: center}
#sidebar-menu ul.list-unstyled li a ion-icon {width: 8%; height:18px;}
#sidebar-menu ul.list-unstyled li a span.menu-sub-tit {width: 90%; line-height: 1.3;}
#main.enlarged .left.main-sidebar #sidebar-menu ul li a ion-icon { margin-right: 0px;}
#sidebar-menu ul li a:hover ion-icon  { color: #00458f; background-color: transparent;}
#sidebar-menu ul li a .drop-arrow { float: right; }
#sidebar-menu ul li a .drop-arrow i { margin-right: 0;}
#sidebar-menu > ul > li > a.active { color: #00458f !important; background: transparent; border-bottom: 1px solid rgba(240, 240, 240, 0.7);}
#sidebar-menu > ul > li > a.active span b{ color: #d9261c; font-weight: 600;}
#sidebar-menu > ul > li > a.active .menu-arrow:before{ background-color: #fff;}
#sidebar-menu > ul > li > a.active .menu-arrow1:before{ background-color: #fff;}
#sidebar-menu > ul > li > a.active ion-icon { color: #00458f !important; font-size:12px;}
#sidebar-menu > ul > li > a.active span small{ color:rgba(255, 255, 255, 0.8);}
#sidebar-menu > ul > li > a.pro { background-color: #f16854; color: #fff; bottom: 0; }
#sidebar-menu .submenu .list-unstyled li a ion-icon{ color: #a7b3bf;}
#sidebar-menu .submenu .list-unstyled li a span b{ color: #00458f; font-weight:400;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a ion-icon{ color: #a7b3bf;}
.list-unstyled .submenu a span b{ font-size: 15px !important;}
.sub-active{ display:block !important;}
.menu-title { padding: 12px 20px !important; letter-spacing: .035em; pointer-events: none; cursor: default; font-size: 13px; }
.footer { border-top: 1px solid rgba(115, 140, 152, 0.2); bottom: 0; color: #818a91; text-align: left !important; padding: 10px; position: absolute; right: 0; left: 250px; background-color: #fff; }
#main.enlarged .menu-title { display: none; }
#main.enlarged .menu-arrow { display: none !important; }
#main.enlarged .menu-arrow1 { display: none !important; }
#main.enlarged .footer { left: 70px; }
#main.enlarged #sidebar-menu ul ul { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.08); }
#main.enlarged .left.main-sidebar { width:50px; top: 0; height: 100%; z-index: 99999; padding-right: 4px; background-color: #fff; transition: 0.4s; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding-left: 10px; transition: 0.4s; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a:hover { background-color: #64b0f2; transition: 0.4s; }
#main.enlarged .left.main-sidebar span.pull-right { display: none !important; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li { position: relative; white-space: nowrap; padding: 0; margin-bottom: 5px; margin-left: 4px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a { background-color:#64b0f2; position:relative; width:260px; transition:0.4s}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul { display: block; left: 50px; position: absolute; width: 225px; background: #ffffff; animation-name: fadeIn; animation-duration: 0.5s; padding: 2px 3px 2px 0px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a { background: #ffffff !important; border: none; box-shadow: none; padding-left: 15px; position: relative; width:auto; z-index: 6; color:#636363; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:before{ background-color: #e0e0e0; border-radius: 0px 5px 5px 0px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:hover { color:#d9261c !important; background-color:#f3f3f3; border-start-end-radius: 0px 5px 5px 0px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled:before{ background-color: transparent; width: auto;}
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled li a:after{ background-color: transparent; width: auto;}
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled li{ border-bottom: 1px solid #f3f3f3; padding-top: 2px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled li:last-child{ border-bottom: 0 none;}
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled i{ padding-right: 8px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:hover i{ color:#999;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover a span { display: inline; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > ul { display: none; }
#main.enlarged .left.main-sidebar #sidebar-menu ul ul li:hover > ul { display:block; left:223px; margin-top:-32px; position:absolute; width: 190px; }
#main.enlarged .left.main-sidebar #sidebar-menu ul ul li > a span.pull-right { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); position: absolute; right: 20px; top: 12px; transform: rotate(270deg);}
#sidebar-menu ul > li > a span { padding-top:0px; line-height:0.9;}
#sidebar-menu ul > li > a span b{ display:block; font-weight: 400; font-size: 14px; color:#666;
 text-transform: uppercase;}
#sidebar-menu ul > li > a span small{ color:#65657b; letter-spacing:0.5px; text-transform: uppercase; font-size: 10px; font-weight: 400;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span b{ color: #fff;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span small{ color: rgba(255, 255, 255, 0.8) !important;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span { display: none; padding-left:5px; }
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left .logo .mlogohide { display: none; padding-left:5px; }
#sidebar-menu .headerbar-left .logo .mlogoshow { display:none; max-height:32px;}
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left .logo .mlogoshow { display: block; padding-left: 0px;}
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding: 6px 10px; transition: 0.4s; border-bottom: none;}
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a i { margin-left:0px; margin-right: 0; font-size:15px; transition: 0.4s;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a { position: relative; width: 275px; background: #d9261c; border-radius:0px 10px 10px 0px !important; color: #fff; border-radius: 0px 20px 20px 0px;  transition: 0.4s;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a:before{ background-color: #f1f1f1 !important; left: 0; right: 0; transition:0.6s;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a i { color: #f1f1f1; transition: 0.4s; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a span small{ color:rgba(255, 255, 255, 0.8);}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a span small{ color:rgba(0, 0, 0, 0.9);}
#main.enlarged .content-page { margin-left:50px; }
#main.enlarged .navbar-custom { margin-left: 50px; }
#main.enlarged .sidebar-inner .headerbar-left .logo span { display: none; opacity: 0; }
#main.enlarged .sidebar-inner .headerbar-left .logo i { margin-right: 0; }
#main.enlarged #sidebar-menu > ul > li:hover > a.open :after { display: none; }
#main.enlarged #sidebar-menu > ul > li:hover > a.active :after { display: none; }
#main.enlarged .user-detail { bottom: 0; padding: 15px 0; width: 70px; text-align: center; }
#main.enlarged .user-detail .dropup { margin: 0 auto; margin-left: 17px; }
#main.enlarged .user-detail h5 { display: none; }
#main.enlarged .user-detail p { position: absolute; right: 15px; top: 32px; }
#main.enlarged .user-detail p span { display: none; }
#main.enlarged #sidebar-menu ul ul li.active a { color: #0f9df7; }
#sidebar-menu .submenu .list-unstyled .list-unstyled{ margin-top: 5px;}
#sidebar-menu .submenu .list-unstyled li a .menu-arrow{top: 2px !important;}
#sidebar-menu .submenu .list-unstyled li a .menu-arrow::before{background-color: #697179 !important;}
.quick-srch { position: relative; display: flex; margin-right: 14px;}
.quick-srch .qsrch { width:350px; border-radius: 3px; border: 0 none; padding: 6px 55px 6px 12px; color: #fff; outline: none; transition: all 0.7s ease 0s; border-radius: 50px; font-weight: 300; border: 1px solid rgba(0, 0, 0, 0.09)}
.quick-srch .qsrch:focus{ width:420px; transition: all 0.7s ease 0s;}
.quick-srch .qsrch::placeholder{ color: rgba(0, 0, 0, 0.4); opacity: 1; font-weight: 300}
.quick-srch button { position: absolute; right: 0px; top: 0px; background:rgba(0, 0, 0, 0.4); cursor: pointer; outline: none; height: 100%; border-radius: 0px 50px 50px 0px; border: 0  none;  transition: 0.4s; }
.quick-srch button i { font-size: 14px; width: 24px; text-align: center; color: #fff; }
.quick-srch button:hover i { color: #9f9f9f; transition: 0.4s;}
.quick-srch button:hover{ background: rgba(0, 0, 0, 0.6);}
/* Contractor Dashboard Links */
.contract-statement{ padding:10px 10px 16px; width:100%; position:relative; display:flex;}
.contract-statement .contract-report{ width:100%; background-color:#fff; display: flex; align-items: center; padding:10px 2px;}
.contract-report .cnt-rpt{ width: 100%; display: flex; align-items: center; position: relative;}
.contract-report .cnt-rpt .cnt-rpt-lft{ width:10%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.contract-report .cnt-rpt .cnt-rpt-lft i{ font-size:32px; color: #405ea6;}
.contract-report .cnt-rpt .cnt-rpt-lft h2{ font-size:15px; color:#5a6a86; text-transform:uppercase; font-weight:500; margin:10px 0px; text-align: center; width: 100%;}
.contract-report .cnt-rpt .cnt-rpt-rht{ width:90%; display: flex; position: relative; border-left: 1px solid #f0f1f7;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; padding: 5px 5px; border-right: 1px solid #f0f1f7; align-items: center;}
.owl-carousel .owl-item:nth-child(1) .cnt-rpt-box span a{ background-color: #fd4657;}
.owl-carousel .owl-item:nth-child(2) .cnt-rpt-box span a{ background-color: #5ecbc6;}
.owl-carousel .owl-item:nth-child(3) .cnt-rpt-box span a{ background-color: #7fa736;}
.owl-carousel .owl-item:nth-child(4) .cnt-rpt-box span a{ background-color: #7e30b7;}
.owl-carousel .owl-item:nth-child(5) .cnt-rpt-box span a{ background-color: #f9c714;}
.owl-carousel .owl-item:nth-child(6) .cnt-rpt-box span a{ background-color: #50c69a;}
.owl-carousel .owl-item:nth-child(7) .cnt-rpt-box span a{ background-color: #ff7b00;}
.owl-carousel .owl-item:nth-child(8) .cnt-rpt-box span a{ background-color: #ff7aa3;}
.owl-carousel .owl-item:nth-child(9) .cnt-rpt-box span a{ background-color: #42c842;}
.owl-carousel .owl-item:nth-child(10) .cnt-rpt-box span a{ background-color: #3270fb;}
.owl-carousel .owl-item:nth-child(11) .cnt-rpt-box span a{ background-color: #d832fb;}
.cnt-rpt-rht .owl-controls{ display: block !important; margin-top: 0;}
.cnt-rpt-rht .owl-buttons{ position: absolute; left:0px; width: 70px; display: flex; flex-wrap: wrap; justify-content: center; transform: translateY(20%); bottom:3px; transform: translateX(-145%);}
.cnt-rpt-rht .owl-buttons i{padding:2px 5px; background-color:transparent; border-radius:50px; color:#c4d0ec; transition:0.4s; font-size:12px;}
.cnt-rpt-rht .owl-controls .owl-buttons div{ background: #fff; padding: 0; margin: 3px; opacity: 1;}
.cnt-rpt-rht .owl-buttons i:hover{ color: #555; transition: 0.4s;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box h2{ font-weight: 500; font-size: 10px; text-transform: uppercase; text-align: center; color: #4e6286; line-height:1.1; margin: 0; min-height:45px; border-bottom: 1px solid #f2f3f9; padding-bottom:4px; letter-spacing: 0.2px; display: flex; align-items: center;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box small{ display: block; width: 100%; text-align: center; padding:3px 0px; border-bottom: 1px solid #f2f3f9; margin-bottom:6px;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box small b{ font-size:20px; transition:0.4s; margin-bottom:0; font-weight:500; color:#48536f; line-height: 1;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box span{ display: block; text-align: center;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box span a{ border-radius:10px; margin-top: 1px; transition: 0.4s; position: relative; width:32px; height:32px; display: flex; color: #fff; align-items: center; justify-content: center; transition: 0.4s;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box span a:hover{ transition: 0.4s; background-color: #64778c;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box span a i{ font-size:18px;}
/* Adhoc Dashboard Box */

/* Services Box Slide */
.das-ser{ width: 38%; background-color: #e9e9e9; padding: 20px 20px 14px; border-radius:3px;}
.ser-box{ position: relative; z-index: 1;}
.ser-box h2{ text-transform: uppercase; font-size: 18px; color: #444; margin: 0px 0px 15px; font-weight: 400;}
.ser-box .test-ptrs{ background-color: #fff; padding: 10px; min-height:210px; cursor: e-resize; display: flex; align-items: center;}
.ser-box .ser-box-cnt{ width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 15px;}
.ser-box .ser-box-cnt .ser-image{ display: flex; height:115px; width: 115px; align-items: center; justify-content: center;}
.ser-box .ser-box-cnt .ser-image img{ width: auto; height: auto; object-fit: contain; margin: 0 auto;}
.ser-box .ser-box-cnt .ser-tit{ width: 100%;}
.ser-box .ser-box-cnt .ser-tit h2{ text-transform:none; font-size: 18px; color: #677582; margin:2px 0px 0px; font-weight: 300;}
/* Services Box Slide Controls */
.ser-box  .owl-controls{ display: block !important;}
.ser-box .owl-buttons{ position: absolute; right:-5px; top:-43px; width: 70px; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.ser-box .owl-buttons i{ padding:7px 6px; background-color: transparent; height: 25px; width: 25px; border-radius: 50px; color: #6a6a6a;transition: 0.4s; font-size: 12px;}
.ser-box .owl-controls .owl-buttons div{ background: #fff; padding: 0; margin: 3px; opacity: 1;}
.ser-box .owl-buttons i:hover{ color: #ff0000; transition: 0.4s; }
/* Dashboard Details Bar Chart Chart */
.das-chrt{ width:100%; display: flex; flex-wrap: wrap; padding: 10px 10px 15px;}
.das-chrt .tot-report-box{ display:flex; flex-wrap:wrap; padding: 5px; background-color:#fff; border-radius: 5px; transition: 0.4s; border: 1px solid #dbdfea; grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05);}
.das-chrt .tot-report-box:nth-child(1){ align-items: baseline;}
/* .das-chrt .tot-report-box:hover{ box-shadow: 0px 3px 20px 0px rgba(100, 100, 100, 0.1); transition: 0.4s;} */
.das-chrt .tot-report-box .chrt-dwn{ width:100%; margin-bottom:20px; text-align:right}
.das-chrt .tot-report-box .chrt-dwn .btn-group{ width:100%;}
.das-chrt .tot-report-box .highcharts-title{ display:none;}
.das-chrt .tot-report-box .highcharts-credits{ display:none;}
.das-chrt .tot-report-box .highcharts-background{ background:#f3f3f3;}
.mbclose {display: none;}
.tot-report-box .oline-hder{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin:0px 0px 0px; padding: 15px; align-items: center; }
.tot-report-box .oline-hder h2{ font-size: 18px; color: #222; font-weight: 500; position: relative; margin: 0;  display: flex; align-items: center;}
.tot-report-box .oline-hder h2 ion-icon { font-size:16px; color: #b7bed2; margin-right:8px;}
.tot-report-box .oline-hder h2 small {font-size: 23px; padding-left: 5px; color: #8c8c8c; font-weight: 300;}
.tot-report-box .oline-hder .oline-hder-hder span {font-size: 13px; color:#9f9f9f}
.tot-report-box .das-chrt-drp{ width: 100%; padding:15px 15px 15px;}
.tot-report-box .das-chrt-drp .das-drp{ display:grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.tot-report-box .das-chrt-drp .das-drp .form-group{ margin-bottom: 0;}
.sort-ord {position: relative;  width: 17%;}
.sort-ord .drpdown-1 { width:100%; border:0; border-radius:5px; padding: 5px 15px ;background: #ecf4fb url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; line-height: 20px; font-size: 14px; margin: 0; color: #444; text-align: left; -webkit-appearance: none; -moz-appearance: none; font-weight:400; cursor: pointer;}
.sort-ord .down-outline { color: #526484; font-size: 14px; position: absolute; right: 13px; top: 9px; text-transform: uppercase; background: #f5f6fa;}
.oline-slct {width: 100%; display: grid; grid-template-columns: 40% auto; padding: 15px; gap: 10px;}
.oline-left-hder .dtory-prt {display: flex; flex-wrap: wrap;}
.oline-left-hder .dtory-prt b {padding: 0 10px; font-size: 18px; color: #364a63; font-weight: bold;}
.oline-left-hder .dtory-prt a {background: #eceff3; color: #364a63; display: flex; align-items: center; width: 35% ;clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%); padding: 5px 15px; font-size: 16px; font-weight: 300; line-height: 1.2; min-height: 50px;}
.oline-left-hder .dtory-prt span {width: 65%;}
.oline-left-hder:nth-child(1) .dtory-prt a {background:#798bff; color:#fff; transition: all 0.5s ease 0s; }
.oline-left-hder:nth-child(1) .dtory-prt a b {color:#fff; transition: all 0.5s ease 0s;}
.oline-left-hder:nth-child(1) .dtory-prt a:hover {background:#ecf4fb; color:#364a63; transition: all 0.5s ease 0s; }
.oline-left-hder:nth-child(1) .dtory-prt a:hover b {color:#364a63; transition: all 0.5s ease 0s;}
.oline-left-hder:nth-child(2) .dtory-prt a {background:#9d8cff; color:#fff; transition: all 0.5s ease 0s;}
.oline-left-hder:nth-child(2) .dtory-prt a b {color:#fff; transition: all 0.5s ease 0s;}
.oline-left-hder:nth-child(2) .dtory-prt a:hover {background:#eee; color:#364a63; transition: all 0.5s ease 0s;}
.oline-left-hder:nth-child(2) .dtory-prt a:hover b {color:#364a63; transition: all 0.5s ease 0s;}
.oline-left-hder .dtory-prt span ul {margin: 0; list-style: none; padding: 0px 10px;}
.oline-left-hder .dtory-prt span ul label {margin: 0; color: #8094ae; padding-left: 3px; font-size: 14px; font-weight: 300;}
.oline-left-hder .dtory-prt span ul small {font-size: 16px;  padding-right: 3px; color: #364a63;}
.oline-left-hder .dtory-prt span ul li {display: flex; align-items: center;}
.oline-left-hder .dtory-prt span ul ion-icon {font-size: 12px; color: #ccc;}
.oline-left .oline-left-hder {border-bottom: 1px dotted #c8c8c8; padding: 10px 0;}
.oline-left .oline-left-hder:nth-child(2) {border:0;}
.oline-fter {width: 100%; display: grid; position: relative; z-index: 1; grid-template-columns: repeat(3, 1fr); gap: 1px; padding: 15px 0 0}
.oline-fter .bbox {background-color: #f2f3f6; }
.oline-fter .bbox a { display: flex; width: 100%; height: 100%; flex-wrap: wrap; text-align: center;justify-content: center; font-size: 15px; font-weight: 300; padding: 10% 12%;  color: #666666; margin: 0;position: relative; z-index: 0; min-height: 85px; }
.oline-fter .bbox a b{ width: 100%; font-size: 30px;font-weight: 300; color: #333;line-height: 1.1; transition: all 0.5s ease 0s;}
.oline-fter .bbox:nth-child(1) a:hover {background:#e8bec2;}
.oline-fter .bbox:nth-child(2) a:hover {background:#e8b4ff;}
.oline-fter .bbox:nth-child(3) a:hover {background:#ffa9ce;}
.oline-fter .bbox:nth-child(4) a:hover {background:#f9db7b;}
.oline-fter .bbox:nth-child(5) a:hover {background:#9cffd2;}
.oline-fter .bbox:nth-child(6) a:hover {background:#9ad1ff;}
.tot-report-box .oline-rght { width: 100%; display: flex; flex-wrap: wrap; margin: 0px 0px 0px; padding: 10px 0px 0px; align-items: center; justify-content: center;}
.oline-report-box .das-chrt-drp .das-drp .form-group .custom-select{ font-size: 14px; color: #4e6286; border: 1px solid #e5e6f0; font-weight:400;}
.oline-report-box .das-chrt-drp .das-drp .form-group .custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,0);}
.oline-report-box .das-chrt-footer{ width: 100%; text-align: center; color: #888; font-size: 10px; text-transform: uppercase; margin:25px 12px 10px; background-color: #f0f1f7; padding: 5px;}
.custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.25);}
.form-control:focus{ box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.25);}
.das-chrt .bcklink-box{ display:flex; flex-wrap:wrap; padding: 5px; background-color:#fff; border-radius: 5px; transition: 0.4s; border: 1px solid #dbdfea; grid-column-start: 1; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05);}
.das-chrt .bcklink-box .bcklink-hder{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px; padding: 15px;
align-items: center; }
.bcklink-box .bcklink-hder h2{ font-size: 18px; color: #222; font-weight: 500; position: relative; margin: 0;  display: flex; align-items: center;}
.bcklink-box .bcklink-slct {display: grid; grid-template-columns: 25% auto auto; gap: 0px; width: 100%; padding: 5px;}
.bcklink-hder .sort-ord { position: relative; width: 21%;}
.bcklink-box .bcklink-slct .bkbox {padding: 0 10px; border-right: 1px solid #dbdfea; display: flex; width: 100%; flex-wrap: wrap; align-items:center;}
.bcklink-box .bcklink-slct .bkbox:last-child {border: 0;}
.bcklink-slct .bkbox .bkbox-cnt {font-size: 15px; border-bottom: 1px dotted #d9d9d9; color: #8094ae; padding: 5px 0px; width: 100%;}
.bcklink-slct .bkbox .bkbox-cnt:last-child{border:0}
.bcklink-slct .bkbox .bkbox-cnt span {display: block;}
.bcklink-slct .bkbox .bkbox-cnt span small { font-size: 22px; color: #00458f; padding-right: 5px; text-transform: uppercase;}
.bcklink-slct .bkbox .bkbox-cnt span b {font-size: 16px; font-weight: 300; color: #10dda5; padding-right: 5px; text-transform: uppercase;}
.bcklink-slct .bkbox .bkbox-cnt span label {font-size: 16px; font-weight: 300; color: #ff0000; text-transform: uppercase;}
.bcklink-slct .bkbox .bkbox-cnt .prgrs-slct span {font-size: 22px; color: #0752a7; padding-right: 5px; text-transform: uppercase; width: 37%}
.bcklink-slct .bkbox .bkbox-cnt h3 {font-size: 18px; color: #364a63; margin: 0;}
.bkbox-cnt .prgrs-slct {margin: 20px 0;}
.bkbox-cnt .prgrs-slct ul {margin: 0; padding: 0; list-style: none;}
.bkbox-cnt .prgrs-slct ul li{display: flex; flex-wrap: wrap; gap: 9px;width: 100%;align-content: center;padding: 5px 0;} 
.bkbox-cnt .prgrs-slct ul li small {font-size: 13px; color: #687e9a; font-weight: 400; width: 23%}
.bkbox-cnt .prgrs-slct ul li span {display: flex !important; border-radius: 0; background-color: #e9ecef;  height: 17px;}
.bkbox-cnt .prgrs-slct ul li b{font-size: 13px; color: #687e9a; font-weight: 400; text-transform: uppercase; width: 15%}
.bkbox-cnt .prgrs-slct ul li label.cnt-clor {font-size: 13px; color: #798bff; font-weight: 400; text-transform: uppercase; width: 15%}
.bkbox-cnt .prgrs-slct ul li label {font-size: 13px; color: #888; font-weight: 400; text-transform: uppercase;}
.bkbox-cnt .prgrs-slct ul li span.progressWrapper .sucss-bar.now  {background: #ffa9ce; }
.bkbox-cnt .prgrs-slct ul li span.progressWrapper .now{ position: relative; top: 0px; height: 17px; width: 0%; background-color: #b8acff; transition-duration: 3s; }
.wb-slct {display: flex; flex-wrap: wrap; padding: 5px; background-color: #fff; border-radius: 5px; transition: 0.4s;grid-column-start:4; grid-column-end:5; grid-row-start: 3; grid-row-end: 4; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; position: relative;}
.wb-slct .wb-slct-hd{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px 0px 0px; padding: 15px;align-items: center; }
.wb-slct .wb-slct-hd h2{ font-size: 18px;color: #222; font-weight: 500; position: relative; margin: 0; padding: 0 0 10px 0px;  display: flex; align-items: center;}
.wb-slct .wb-slct-grap .box-grap{ display: flex; justify-content: space-between; align-items: flex-end; padding: 5px 15px;}
.wb-slct .wb-slct-grap .box-grap .wb-grap-txt { text-align: right; display: grid;}
.wb-slct-grap .box-grap .wb-grap-txt b {font-size: 20px; font-weight: 400; color: #364a63;}
.wb-slct-grap .box-grap .wb-grap-txt small {color: #a3b5cc; font-size: 12px; font-weight: 600;}
.wb-slct-grap .box-grap .wb-grap-txt .wb-txt-down {color: #d9261c; font-weight: 600;}
.wb-slct-grap .box-grap .wb-grap-txt span {display: flex; align-items: center; justify-content: right; font-size: 12px; color: #1ee0ac; text-transform: uppercase;}
.wb-slct .wb-slct-grap {width: 100%; padding-bottom: 10px;}
.wb-slct .wb-slct-grap .grap-left span{ font-size: 13px; color: #8094ae; font-weight: 400;}
.wb-slct .wb-slct-grap .grap-left { width: 130px; }
.box-grap .grap-left .grapchrt{ height: 30px;}
.aply-leve-slct{display: flex; flex-wrap: wrap; padding: 0; width: 100%; position: relative; border-bottom: 1px solid #dbdfea; margin-bottom: 50px;}
.aply-leve-slct .aply-slct-hd { width: 100%; display: flex; margin: 0px 15px; align-items: center; }
.aply-leve-slct .aply-slct-hd h2 { font-size:18px; color:#222; font-weight:500; position:relative; margin:0; display:flex; align-items:center;}
.aply-fter {width: 100%; display: grid; position: relative; z-index: 1; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 15px;}
.aply-fter .bbox a:hover {background-color: #7b7979 !important; }
.aply-fter .bbox a { display: flex; width: 100%; height: 100%; flex-wrap: wrap; text-align: center;justify-content: center; font-size: 16px; font-weight: 300; padding: 5% 12%;  color: #fff; margin: 0;position: relative; z-index: 0; min-height: 85px; align-items: center;}
.aply-fter .bbox a b{ width: 100%; font-size: 30px;font-weight: 300; color: #333;line-height: 1.1; transition: all 0.5s ease 0s;}
.aply-fter .bbox:nth-child(1) a {background:#a6a9ae;}
.aply-fter .bbox:nth-child(2) a {background:#f0ad4e;}
.aply-fter .bbox:nth-child(3) a {background:#00a65a;}
.tf-tble-hd .tble-tit {padding: 10px 15px;}
.tble-tit{position: relative; display: table-cell;vertical-align: middle;text-align: left;border-bottom: 1px solid #dbdfea; padding: 22px 5px;}
.tf-tble-hd .tble-tit span {color:#979797; font-size: 14px;}
.tf-tble-item .tble-tit span.tb-sub-tit {color:#3c5775; font-size: 16px;}
.tf-tble-item .tble-tit span.tb-sub {color:#222; font-size: 16px; font-weight: 500;}
.tf-tble-item .tble-tit span.tb-sub small {font-size: 14px; color: #737373; font-weight: 500; padding-left: 3px;}
.tf-tble-item .tble-tit span.tb-sub-avg {color: #1ee0ac; font-size: 14px; display: flex; align-items: center;}
.tf-tble-item .tble-tit span.tb-sub-avg.tb-sub-down {color: #d9261c;}
.trfic-slct-tble .tf-tble-item:last-child .tble-tit {border:0}
.grapchrt{ height: 30px;}
.keyrpt-slct{display: flex; flex-wrap: wrap; padding: 5px; background-color: #fff; border-radius: 5px; grid-column-start:1; grid-column-end: 5; grid-row-start: 5; grid-row-end: 6; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%; position: relative;}
.keyrpt-slct .keyrpt-slct-hd { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px; padding: 15px; align-items: center;}
.keyrpt-slct .keyrpt-slct-hd h2 { font-size: 18px; color: #222; font-weight: 500; position: relative; margin: 0; display: flex; align-items: center; width: 70%;}
.keyrpt-slct .keyrpt-slct-hd .sort-ord { position: relative; width: 17%; }
.keyrpt-slct-hd .sort-ord .down-outline { color: #526484; font-size: 14px; position: absolute; right: 13px; top: 9px; text-transform: uppercase;}
.keyrpt-slct .rport-tble-hd .tit-key span{padding: 0px 0px !important; }
.keyrpt-slct  .tble-tit {position: relative; display: table-cell; vertical-align: middle; text-align: left; border-bottom: 1px solid #dbdfea; border-right: 3px solid #dbdfea; padding: 22px 15px;}
.keyrpt-slct .tble-tit:last-child{border-right: 0;}
.keyrpt-slct .das-prd-tbl {width: 100%;}
.keyrpt-slct-tble {display: table; width: 100%; font-size: 15px; padding: 20px 0;}
.keyrpt-slct-tble .rport-tble-item {display: table-row;}
.keyrpt-slct-tble .rport-tble-item:hover {background: #f8f9fc;}
.keyrpt-slct-tble .rport-tble-item.rport-tble-hd:hover {background:none; }
.rport-tble-hd .tble-tit {padding: 10px 15px;}
.tble-tit{ position: relative;display: table-cell;vertical-align: middle;text-align: left;border-bottom: 1px solid #dbdfea;padding: 22px 15px;}
.rport-tble-item .tble-tit span.tb-sub-tit {color:#3c5775; font-size: 16px;}
.rport-tble-item .tble-tit span.tb-sub {color:#222; font-size: 16px; font-weight: 500;}
.rport-tble-item .tble-tit span.tb-sub small {font-size: 14px; color: #a6a6a6; font-weight: 500;}
.rport-tble-item .tble-tit span.tb-sub-avg {color: #1ee0ac; font-size: 14px; display: flex; align-items: center;}
.rport-tble-item .tble-tit span.tb-sub-avg.tb-sub-down {color: #d9261c;}
.keyrpt-slct-tble .rport-tble-item:last-child .tble-tit {border-bottom:0}
.rport-tble-item .tble-tit .tble-sub-tit {display: flex; flex-wrap: wrap; justify-content: center;}
.tble-tit .tble-sub-tit .mth-cnt {width: 100%; margin-top: 15px; text-align: center;}
.tble-tit .tble-sub-tit .mth-cnt span {color: #8c9eb6; font-size: 13px;padding: 0px 25px 0 0; border-right: 1px dotted #ccc; text-transform: uppercase;}
.rport-tble-hd .tble-tit span {color:#8c9eb6; font-size: 15px; padding: 0px 25px 0 0; border-right: 1px dotted #ccc;}
.rport-tble-hd .tble-tit span:last-child{border-right:0; padding-left: 25px; padding-right: 0px;  }
.rport-tble-item .tble-cnt .tble-cnt-sub { display: flex; align-items: center; line-height: 48px; justify-content: center;}
.rport-tble-item .tble-cnt .tble-cnt-sub span { border-right: 1px dotted #ccc; text-align: left; font-size: 16px; color: #222222; width: 40px;}
.rport-tble-item .tble-cnt .tble-cnt-sub small { font-size: 16px; color: #222222; width: 40px; text-align: right;}
.keyrpt-slct-tble .tble-chrt .highcharts-grid-line {stroke-width:0 !important}
.keyrpt-slct-tble .tble-chrt .highcharts-axis-line {stroke-width:0 !important}
.rport-tble-item .tble-tit {padding: 10px 0px 10px 0px;}
.keyrpt-slct-tble .rport-tble-item  .tble-tit:first-child {padding: 0px 0px 0 20px; border-right: 0;}
.keyrpt-slct-hd .mp-view {display: flex; width: 13%; }
.keyrpt-slct-hd .mp-view  a{background: #00458f; font-size: 12px; padding: 5px 10px; color: #fff; border-radius: 5px; text-transform: uppercase;}
.keyrpt-slct-hd .mp-view a:hover {background: #9d8cff;}
.linechrt .highcharts-background {fill:none !important; }
.linechrt .highcharts-grid-line {stroke-width:0 !important}
.linechrt .highcharts-axis-line {stroke-width: 0 !important;}
.oview-slct {display: flex; flex-wrap: wrap; padding: 5px; background-color: #fff; border-radius: 5px; transition: 0.4s; grid-column-start: 4;
  grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; position: relative;}
.oview-slct .aoview-slct-hd h2{font-size: 18px; color: #222; font-weight: 500; position: relative; margin: 0; display: flex; align-items: center;}
.oview-slct .aoview-slct-hd { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px; padding: 15px;
align-items: center; }
.aoview-slct-chrt {width: 100%;}
.aoview-slct-chrt .donutchrt{width: 250px; height: 200px; margin: 0 auto}
.oview-slct .aoview-fter {width: 100%; display: grid; position: relative; z-index: 1; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 0px 20px 20px;}
.aoview-fter .aobox  {display: flex; flex-wrap: wrap; position: relative; padding-left: 10px;}
.aoview-fter .aobox span , b {width: 100%;}
.aoview-fter .aobox span {color: #8596aa; font-size: 13px;}
.aoview-fter .aobox b {font-size: 18px; font-weight: 600; color: #364a63;}
.aoview-fter .aobox small {color: #9597a4; padding-left: 2px; font-size: 13px;}
.aoview-fter .aobox:nth-child(1) span::before {content:""; height: 12px; width: 12px; background:#798bff; position: absolute; border-radius: 3px; left: -7px; top: 5px;}
.aoview-fter .aobox:nth-child(2) span::before {content:""; height: 12px; width: 12px; background:#9d8cff; position: absolute; border-radius: 3px; left: -7px; top: 5px;}
.aoview-fter .aobox:nth-child(3) span::before {content:""; height: 12px; width: 12px; background:#ffa9ce; position: absolute; border-radius: 3px; left: -7px; top: 4px;}
.aoview-fter .aobox:nth-child(4) span::before {content:""; height: 12px; width: 12px; background:#f9db7b; position: absolute; border-radius: 3px; left: -7px; top: 4px;}
.aoview-fter .aobox:nth-child(5) span::before {content:""; height: 12px; width: 12px; background:#7c7c87; position: absolute; border-radius: 3px; left: -7px; top: 4px;}
.map-slct {display: flex; flex-wrap: wrap; padding: 5px; background-color: #fff; border-radius: 5px; transition: 0.4s; grid-column-start: 1;
  grid-column-end: 5; grid-row-start: 4; grid-row-end: 5; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; position: relative;}
.map-slct .map-slct-hd h2{font-size: 18px; color: #222; font-weight: 500; position: relative; margin: 0; padding: 0 0 10px 0px; display: flex; align-items: center;}
.map-slct .map-slct-hd { width: 100%; display: flex;flex-wrap: wrap;   justify-content: space-between; margin: 0px 0px 0px; padding: 15px;
  align-items: center;}
.map-slct .mapchrt{width: 100%; height: 400px; border-right: 1px solid #dbdfea; }
.map-slct .map-fter { width: 25%; padding-bottom: 20px;}
.map-slct .map-fter .mpbox {display: flex; align-items: center; padding: 8px 20px; width: 100%; border-bottom: 1px dotted #d9d9d9;}
.map-fter .mpbox span {width: 50%; display: flex; align-items: center;}
.map-fter .mpbox span img {width: 18%;}
.map-fter .mpbox span small {width:82%; font-size: 14px; color: #8f97b8; padding-left: 4px;}
.map-fter .mpbox b {width: 50%; text-align: right;font-size: 18px; font-weight: 500; color: #364a63;}
.map-fter .mpbox b small {padding-left: 6px;font-size: 14px; color: #8f97b8;}
.map-fter .mp-view {justify-content: center; width: 100%; display: flex; margin: 10px 0px 0;}
.map-fter .mp-view  a{background: #00458f; font-size: 12px; padding: 2px 10px; color: #fff; border-radius: 5px; text-transform: uppercase;}
.map-fter .mp-view a:hover {background: #9d8cff;}
.map-slct-chrt {display: flex; justify-content: center; margin: 0 auto; width: 75%;}
.map-modal .close{ background: #d9261c; color: #fff !important; border-radius: 50%; width: 23px; height: 23px; margin: 0px 0; opacity: 1 !important; padding:0;}
.map-modal .close ion-icon {font-size: 18px;}
.map-modal.modal{ z-index: 9999;}
.map-modal .modal-dialog { max-width: 350px; margin-top: 25px; animation-name: zoomIn; animation-duration: 1s;}
.map-modal .modal-body {height: 470px; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #fff #fff; color: #d5d5d5;}
.map-modal .modal-body iframe{ width: 100% !important; min-height:300px;}
.map-modal .modal-body iframe body{ padding-bottom: 0px; background-color: #fff;}
.map-modal .map-fter { width: 100%; padding-bottom: 20px;}
.map-modal .map-fter .mpbox {display: flex; align-items: center; padding: 8px 20px; width: 100%; border-bottom: 1px dotted #d9d9d9;}
.map-modal .map-fter .mpbox span {width: 50%;}
.map-modal .map-fter .mpbox span small {font-size: 14px; color: #8f97b8; padding-left: 4px;}
.map-modal .map-fter .mpbox b {width: 50%; text-align: right;font-size: 18px; font-weight: 500; color: #364a63;}
.map-modal .map-fter .mpbox b small {padding-left: 6px;font-size: 14px; color: #8f97b8;}
.map-modal .map-fter .mp-view {justify-content: center; width: 100%; display: flex; margin: 10px 0px 0;}
.map-modal .map-fter .mp-view  a{background: #2080ec; font-size: 12px; padding: 2px 10px; color: #fff; border-radius: 5px; text-transform: uppercase;}
.rport-slct {display: flex; flex-wrap: wrap; padding: 5px; background-color: #fff; border-radius: 5px; transition: 0.4s; grid-column-start: 1;
  grid-column-end: 5; grid-row-start: 6; grid-row-end: 7; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; position: relative;}
.rport-slct .rport-slct-hd  {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px; padding: 15px;
  align-items: center; }
.rport-slct .rport-slct-hd h2 {font-size: 18px; color: #222; font-weight: 500; position: relative; margin: 0; display: flex; align-items: center;}
.rport-slct-chrt .preportchart{height: 250px; margin: 0 auto}
.rport-slct .rport-fter{width: 100%; display: grid;position: relative;z-index: 1;grid-template-columns: repeat(4, 1fr);gap: 5px;padding: 20px;}
.rport-slct  .rport-slct-chrt {width: 100%;}
.rport-fter .aobox  {display: flex; flex-wrap: wrap; background-color: #f2f3f6; padding: 10% 12%; text-align: center;}
.rport-fter .aobox span , b {width: 100%;}
.rport-fter .aobox span {color: #666; font-size: 15px; font-weight: 300;}
.rport-fter .aobox b {font-size: 22px; font-weight: 600; color: #364a63; text-transform: uppercase;}
.rport-fter .aobox small {color: #9597a4; padding-left: 2px; font-size: 13px;}
.rport-slct-chrt .preportchart .highcharts-label text{ font-family: 'Source Sans Pro', sans-serif !important;}
.cmplt{ font-weight:500; font-size: 11px; text-transform: uppercase; text-align: center; color: #093; }
.pndng{ font-weight:500; font-size: 11px; text-transform: uppercase; text-align: center; color: #ff0000;}
.das-prd-wrk .das-chrt-drp{ width: 100%; padding:15px 15px 0px;}
.das-prd-wrk .das-chrt-drp .das-drp .form-group{ margin-bottom: 0;}
.das-prd-wrk .das-chrt-drp .das-drp{ display:grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.das-prd-wrk canvas{ padding: 0px 10px 0px;}
.das-prd-wrk .das-chrt-drp .das-drp .form-group .custom-select{ font-size: 14px; color: #4e6286; border: 1px solid #e5e6f0; font-weight:400;}
.das-prd-wrk .das-chrt-drp .das-drp .form-group .custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,0);}
.chrt-srch { position: relative; display: flex;}
.chrt-srch .csrch { width:200px; border-radius: 3px; border: 0 none; background-color:rgba(255, 255, 255, 0.50); padding:3px 40px 3px 10px; color: #999fa8; outline:none; transition: all 0.7s ease 0s; border-radius: 50px; font-weight: 300; border:1px solid rgb(240, 241, 247);}
.chrt-srch .csrch::placeholder{ color: rgba(0, 0, 0, 0.4); opacity: 1; font-weight: 300}
.chrt-srch button { position: absolute; right: 0px; top: 0px; background:transparent; cursor: pointer; outline: none; height: 100%; border-radius: 0px 50px 50px 0px; border: 0  none;  transition: 0.4s; display: flex; align-items: center; border-left: 1px solid rgba(133, 142, 166, 0.20);}
.chrt-srch button i{ font-size: 14px; width:20px; text-align: center; color: #999fa8; padding-right: 3px;}
.das-chrt .bs-searchbox .form-control{ font-size:12px}
.das-chrt .bootstrap-select.btn-group .no-results{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px;}
.das-chrt .tot-report-box .bootstrap-select.btn-group > .dropdown-toggle{ font-size:13px;}
.das-chrt .tot-report-box .bootstrap-select.btn-group > .dropdown-toggle:focus{ outline:0 none !important;}
.das-chrt .tot-report-box .bootstrap-select.btn-group .dropdown-menu{ width:100%; animation-name:fadeIn; animation-duration:1s; background-color:rgba(255,255,255,0.7);}
.das-chrt .bootstrap-select.btn-group .dropdown-menu.inner{ overflow:auto; max-height:192px;}
.das-chrt .tot-report-box .bootstrap-select.btn-group .btn-light{ background-color:#dedede; border-color:#dedede; color:#888; padding:4px 20px 4px 10px;}
.das-chrt .tot-report-box .highcharts-drilldown-axis-label{ color:#444 !important; fill:#444 !important; font-weight:600 !important}
.das-chrt .tot-report-box .highcharts-label text{ fill: #0752a7 !important; font-weight: 300 !important; font-family: 'Source Sans Pro', sans-serif !important;}
.das-chrt .tot-report-box .dropdown-item{ padding:5px 10px; font-size:13px; border-bottom:1px solid #f4f4f4;}
.das-chrt .tot-report-box .dropdown-item.active, .dropdown-item:active{ background-color:#f3f3f3; color:#444; line-height:1.3;}
.select-dwn .form-control{ font-size:12px !important}
.select-dwn .form-control .dropdown-toggle{ font-size: 14px; border: 1px solid #dedede; padding-top: 4px; padding-bottom: 4px; background-color: transparent; border-radius: 3px;}
.select-dwn .form-control .dropdown-toggle:focus{ outline: 0 !important;}
.select-dwn .bootstrap-select.btn-group .dropdown-toggle .filter-option{ color: #888}
.select-dwn .dropdown-menu{ margin: 2px 0px; border-radius: 3px; border: 1px solid #ddd;}
.select-dwn .dropdown-menu a.dropdown-item{ padding: 4px 10px; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.select-dwn .dropdown-menu a.dropdown-item.active{ background-color:rgba(0, 0, 0, 0.40)}
.select-dwn .dropdown-menu a.dropdown-item:hover{ background-color:rgba(0, 0, 0, 0.10); color: #333;}
.select-dwn .bootstrap-select.btn-group .no-results{ font-size: 13px; background-color: #eaeaea; margin: 0px 8px; padding: 5px 10px; border-radius: 3px;}
.das-tbl{ padding:5px 10px 60px; margin-top:0px; width: 100%;}
.das-tbl h2{ font-size: 16px; color: #4f5f7b; position: relative; margin: 0px 0px 15px; font-weight: 500; text-transform: uppercase; display: flex; justify-content: space-between; background-color: rgb(240, 241, 247, 0.8); padding: 10px 5px;}
.das-tbl h2:before{ position:absolute; background-color:#ddd; width:110px; content: ""; left: 0; bottom: 0;}
.das-tbl h2 span a{ color: #ff7c00; text-transform: none; font-weight: 400; font-size: 14px;}
.das-tbl h2 span a i{ font-size: 12px; padding-right: 5px; color: #c2c5db; animation: shake 3s cubic-bezier(.6,.05,.05,.07) both infinite; transform: translate3d(0, 0, 0);}
.das-tbl .table{ background-color: #fff;}
.das-tbl .table th{ padding:10px 8px 8px; background-color:#fff; border-bottom: 2px solid #eff0f9; color:#4e6286; font-weight: 500;
font-size: 14px;}
.das-tbl .table th:first-child{ border-radius: 0;}
.das-tbl .table > tbody > tr:hover{ background-color:#fff !important;}
.das-bdy-cnt .tbl-bdy{ border-radius: 0;}
.das-tbl .table td{ padding: 6px 6px 6px; text-align: justify; line-height: 1.6;}
.das-tbl .table td a{ margin-bottom: 0; color: #0473d5;}
.das-tbl .table td small{ color: #444; display: block; text-transform: uppercase; font-weight: 500; letter-spacing: 0.4px;}
.das-bdy-cnt .tbl-bdy .table > tbody > tr:nth-of-type(2n){ background-color: #fff !important;}
a.tbl-lnk1 i{ font-size: 16px; color: #f4c20f; transition: 0.4s;}
a.tbl-lnk2 i{ font-size: 16px; color: #fb6666; transition: 0.4s;}
a.tbl-lnk1:hover i{ color: #999; transition: 0.4s;}
a.tbl-lnk2:hover i{ color: #999; transition: 0.4s;}
/* Dashboard Table */
.das-tbl-2{ padding:20px 15px 15px; margin-top:20px; width: 100%; background-color: rgb(255,255,255,0.9);}
.das-tbl-2:first-child{ padding: 20px 0px 15px; margin-bottom: 20px;}
.das-tbl-2 h2{ font-size:18px; color:#444; position:relative; font-weight:500; text-transform:uppercase; margin-bottom:0;} 
.das-tbl-2 h2:before{ position:absolute; background-color:#ddd; width:110px;}
.das-tbl-2 .table th{ padding:8px 10px 5px; background-color: #606182; /*border: 1px solid #8e90ac; border-bottom: 1px solid #898ba7;*/}
.table th:first-child{ border-radius: 0px;}
.table th:last-child{ border-radius:0px;}
.das-tbl-2 .tbl-bdy{ min-height: auto;}
.das-tbl-2 .table > tbody > tr td{ padding:5px 10px; text-align:justify}
.das-tbl-2 .org-tab-hed{ display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom:15px;}
.das-tbl-2 small{ font-size: 13px; transition: 0.4s; background: #228b22; border: 1px solid #228b22; padding:3px 15px; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px;}
.das-tbl-2 small a{ color: #fff !important;}
.das-tbl-2 small:hover{ border:1px solid #373c9f; background:transparent; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s;}
.das-tbl-2 small:hover a{ color: #373c9f !important;}
.das-tbl-2 small a i{ font-size:11px;}
.xbtn-back:focus{ box-shadow: 0 0 0 .2rem rgb(116, 34, 162); color: #666 !important;}
/* Button Style */
body.adminbody-void { min-height: 1170px;}
.mobile.smallscreen .sidebar-inner.leftscroll { overflow:auto }
button:focus { outline: none !important; }
a.btn:focus { color: #ffffff !important; box-shadow: 0 0 0 0rem rgba(0,0,0,.05);}
/* .btn.focus, .btn:focus{} */
.btn-rounded { border-radius: 2em !important; padding: .5rem 1.5rem;}
.btn-label { background: rgba(43, 61, 81, 0.1); display: inline-block; padding: 7px 15px; border-radius: 3px 0 0 3px; margin: -7px -14px; margin-right: 12px;}
.btn-rounded .btn-label { padding: 7px 15px 7px 20px; margin-left: -20px; }
.btn-rounded .btn-label-right { margin-right: -20px; margin-left: 12px; }
.btn-label-right { margin-left: 12px; margin-right: -13px; border-radius: 0px 3px 3px 0px; }
.btn-custom { background-color: #64b0f2; border-color: #64b0f2; color: #ffffff; }
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.focus, .btn-custom:active, .btn-custom:focus, .btn-custom:hover, .open > .dropdown-toggle.btn-custom { background-color: #439fef; border-color: #439fef; color: #ffffff; }
.btn-primary { background-color: #00458f; border-color: #00458f;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary { background-color: #00458f; border-color: #00458f; color: #ffffff; }
.btn-cancel{ background-color:#f4f4f4; border:1px solid #ddd; color:#222; transition:0.4s; margin-right:3px; border-radius: 20px; padding:5px 15px; text-transform:uppercase; font-size:13px; letter-spacing:0.5px; letter-spacing:0; margin-bottom:0;  display:flex; align-items:center;}
.btn-cancel ion-icon{ padding-right: 5px;}
.btn-cancel i{ padding-right: 5px;}
.btn-cancel:hover{ color:#d9261c; border:1px solid #d9261c; background-color:transparent;}
a.btn-cancel:focus{ color:#d9261c; border:1px solid #d9261c; background-color:transparent;}
.btn-submit{ background-color:#00458F; border:1px solid #00458F; color:#fff; transition:0.4s; border-radius:20px; padding:5px 15px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; margin-right:8px; display: flex; align-items: center;}
.btn-submit ion-icon{ padding-right: 5px;}
.btn-submit i{ padding-right: 5px;}
.btn-submit:hover{ color:#00458F; background-color:transparent;}
.btn-submit:focus{ color:#00458F; background-color:transparent;}
.btn-success { background-color: #1bb99a; border-color: #1bb99a; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success { background-color: #16957c; border-color: #16957c; color: #ffffff; }
.btn-info { background-color: #3db9dc; border-color: #3db9dc; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info { background-color: #25a7cb; border-color: #25a7cb; color: #ffffff; }
.btn-warning { background-color: #f1b53d; border-color: #f1b53d; color: #ffffff; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning { background-color: #eea617; border-color: #eea617; color: #ffffff; }
.btn-danger { background-color: #ff0000; border-color: #ff0000; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger { background-color: #ff391f; border-color: #ff391f; color: #ffffff; }
.btn-dark { background-color: #2b3d51; border-color: #2b3d51; color: #ffffff; }
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus, .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark { background-color: #1d2936; border-color: #1d2936; color: #ffffff; }
.btn-outline-custom { color: #64b0f2; background-image: none; background-color: transparent; border-color: #64b0f2; }
.btn-outline-custom:hover, .btn-outline-custom:focus, .btn-outline-custom:active, .btn-outline-custom.active, .btn-outline-custom.focus, .btn-outline-custom:active, .btn-outline-custom-primary:focus, .btn-outline-custom:hover, .open > .dropdown-toggle.btn-outline-custom { color: #ffffff; background-color: #64b0f2; border-color: #64b0f2; }
.btn-outline-primary { color: #0f9df7; background-image: none; background-color: transparent; border-color: #0f9df7; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover, .open > .dropdown-toggle.btn-outline-primary { color: #ffffff; background-color: #0f9df7; border-color: #0f9df7; }
.btn-outline-success { color: #1bb99a; background-image: none; background-color: transparent; border-color: #1bb99a; }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.focus, .btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success:hover, .open > .dropdown-toggle.btn-outline-success { color: #ffffff; background-color: #1bb99a; border-color: #1bb99a; }
.btn-outline-info { color: #3db9dc; background-image: none; background-color: transparent; border-color: #3db9dc; }
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.focus, .btn-outline-info:active, .btn-outline-info:focus, .btn-outline-info:hover, .open > .dropdown-toggle.btn-outline-info { color: #ffffff; background-color: #3db9dc; border-color: #3db9dc; }
.btn-outline-warning { color: #f1b53d; background-image: none; background-color: transparent; border-color: #f1b53d; }
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.focus, .btn-outline-warning:active, .btn-outline-warning:focus, .btn-outline-warning:hover, .open > .dropdown-toggle.btn-outline-warning { color: #ffffff; background-color: #f1b53d; border-color: #f1b53d; }
.btn-outline-danger { color: #ff5d48; background-image: none; background-color: transparent; border-color: #ff5d48; }
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.focus, .btn-outline-danger:active, .btn-outline-danger:focus, .btn-outline-danger:hover, .open > .dropdown-toggle.btn-outline-danger { color: #ffffff; background-color: #ff5d48; border-color: #ff5d48; }
.btn-outline-pink { color: #ff7aa3; background-image: none; background-color: transparent; border-color: #ff7aa3; }
.btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink.active, .btn-outline-pink.focus, .btn-outline-pink:active, .btn-outline-pink:focus, .btn-outline-pink:hover, .open > .dropdown-toggle.btn-outline-pink { color: #ffffff; background-color: #ff7aa3; border-color: #ff7aa3; }
.btn-outline-purple { color: #9261c6; background-image: none; background-color: transparent; border-color: #9261c6; }
.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.focus, .btn-outline-purple:active, .btn-outline-purple:focus, .btn-outline-purple:hover, .open > .dropdown-toggle.btn-outline-purple { color: #ffffff; background-color: #9261c6; border-color: #9261c6; }
.btn-outline-dark { color: #2b3d51; background-image: none; background-color: transparent; border-color: #2b3d51; }
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.focus, .btn-outline-dark:active, .btn-outline-dark:focus, .btn-outline-dark:hover, .open > .dropdown-toggle.btn-outline-dark { color: #ffffff; background-color: #2b3d51; border-color: #2b3d51; }
.btn-facebook { color: #ffffff !important; background-color: #3b5998 !important; }
.btn-twitter { color: #ffffff !important; background-color: #00aced !important; }
.btn-linkedin { color: #ffffff !important; background-color: #007bb6 !important; }
.btn-dribbble { color: #ffffff !important; background-color: #ea4c89 !important; }
.btn-googleplus { color: #ffffff !important; background-color: #dd4b39 !important; }
.btn-instagram { color: #ffffff !important; background-color: #517fa4 !important; }
.btn-pinterest { color: #ffffff !important; background-color: #cb2027 !important; }
.btn-dropbox { color: #ffffff !important; background-color: #007ee5 !important; }
.btn-flickr { color: #ffffff !important; background-color: #ff0084 !important; }
.btn-tumblr { color: #ffffff !important; background-color: #32506d !important; }
.btn-skype { color: #ffffff !important; background-color: #00aff0 !important; }
.btn-youtube { color: #ffffff !important; background-color: #bb0000 !important; }
.btn-github { color: #ffffff !important; background-color: #171515 !important; }
.pull-right { float: right; }
.pull-left { float: left; }
.display-block { display: block; }
.dropdown-example { position: static; display: block; margin-bottom: .25rem; clear: left; }
.dropdown-item.active, .dropdown-item:active { background-color: #798bff; }
.avatar-circle { border-radius: 50%; }
.custom-modal .modal-header { padding: 10px !important; border-radius: 0; background-color: #5ba2e6; color: #fff; }
.custom-modal .modal-content { background-color: #f7f7f7; }
.custom-modal .modal-footer { padding: 10px !important; border-radius: 0; background-color: #f3f3f3; }
.custom-modal .close { color: #fff; text-shadow: 0; }
.toplnk {display: flex;}
.toplnk a{ margin: 0px 2px;}
.card-header .xbtn-add{ font-size:11px;}
.xbtn-add{ margin:0; background-color: #07b775; padding:4px 14px; font-size: 14px; color: #fff; border-radius:25px; text-align: center; text-transform:uppercase; transition: 0.4s; display: flex; align-items: center; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; }
.xbtn-add ion-icon {font-size: 15px; padding-right: 5px;}
.xbtn-add:hover{ background-color:#028856; color:#fff;}
.btn-group button.moveall{ border-right: 2px solid #a4a4a4;}
.btn-group button.removeall{ border-left: 1px solid #a4a4a4;}
/* Toplink Add Button */
.toplnk .xbtn-add:hover{ animation-name: none !important; background-color:#06915c; color:#fff; transition: 0.4s;}
.xbtn-add i{ padding-right: 5px; font-size: 11px;}
/* Toplink Muulidelete Button */
.xbtn-muldel{ margin:0; background-color: #de3535; padding:2px 12px 2px; font-size: 11px; color: #fff; border-radius:20px; text-align: center; text-transform:uppercase; transition: 0.4s;}
.xbtn-muldel:hover{ color:#fff; animation-name: none !important; background-color:#cd2323; transition: 0.4s;}
.xbtn-muldel i{ padding-right: 3px;}
/* Toplink Active Button */
.xbtn-active{ margin:0; background-color: #088b42; padding:2px 12px 2px; font-size: 11px; color: #fff; border-radius:20px; text-align: center; text-transform:uppercase; transition: 0.4s;}
.xbtn-active:hover{ color:#fff; animation-name: none !important; background-color:#05813c; transition: 0.4s;}
.xbtn-active i{ padding-right: 5px;}
/* Toplink Inactive Button */
.xbtn-inactive{ margin:0; background-color: #227cf7; padding:2px 12px 2px; font-size: 11px; color: #fff; border-radius:20px; text-align: center; text-transform:uppercase; transition: 0.4s;}
.xbtn-inactive:hover{ color:#fff; animation-name: none !important; background-color:#0e66df; transition: 0.4s;}
.xbtn-inactive i{ padding-right:5px;}
/* Toplink Edit Button */
.xbtn-edit-btn{ margin:0; background-color: #686dd1; padding:2px 12px 2px; font-size: 11px; color: #fff; border-radius:20px; text-align: center; text-transform:uppercase; transition: 0.4s;}
.xbtn-edit-btn i{ padding-right: 3px;}
.xbtn-edit-btn:hover{ color: #fff;}
.toplnk .xbtn-edit-btn:hover{ animation-name: none !important; background-color:#4e53b4; transition: 0.4s;}
.tab-top-lnk{ width: 100%; display: flex; align-items: center; justify-content:flex-end ;}
/* Toplink Search Button */
.xbtn-srch{ background-color:#e39a0e; margin-right:2px; font-size:10px; color:#fff; border-radius:20px; text-align:center; padding:7px 7px; display: flex; align-items: center; margin-bottom: 0; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.xbtn-srch ion-icon{ color: #fff; font-size: 15px; }
.xbtn-srch:focus{ color:#f4eef8;}
.xbtn-srch:hover{ color:#fff; animation-name:rubberBand; animation-duration: 0.5s;}
/* Toplink Edit Button */
.xbtn-edit{ margin:0; font-size:13px; border:1px solid #7373c7; background-color:transparent; color:#7373c7; border-radius:20px; width:22px; height:22px; padding:0; text-align:center; margin-top:-2px;}
.xbtn-viw{ margin:0; font-size:13px; border:1px solid #a8c1d8; background-color:transparent; color:#a8c1d8; border-radius:20px; width:22px; height:22px; padding:0; text-align:center; margin-top:-2px;}
.xbtn-approve{ margin:0; font-size:13px; border:1px solid #0ca41a; background-color:transparent; color:#0ca41a; border-radius:20px; width:22px; height:22px; padding:0; text-align:center; margin-top:-2px;}
/* Toplink Add Button */
.xbtn-add-top{ background-color:#5eca5e; padding:2px 7px; margin: 0; font-size:12px; color:#fff; border-radius:20px; text-align:center; transition:0.4s; text-transform:none}
.xbtn-add-top:hover{ transition:0.4s; color:#434355; transition:0.4s;}
.xbtn-edit1{ background-color:#31aefd; padding:2px 7px; margin: 0; font-size:11px; color:#fff; border-radius:20px; text-align:center; transition:0.4s;}
.xbtn-edit1:hover{ color:#333; transition:0.4s;}
.xbtn-edit:hover, .xbtn-viw:hover{ color:#555; animation-name:rubberBand; animation-duration: 0.5s; border:1px solid #999;}
/* Add Delete Button */
.xbtn-added{ margin:0; font-size:14px; border:1px solid #08a26f; background-color:transparent; color:#08a26f; border-radius:20px; width:22px; height:22px; padding:0; text-align:center; margin-right: 3px; display: flex; align-items: center; justify-content: center}
.xbtn-delete{ margin:0; font-size:14px; border:1px solid #f66653; background-color:transparent; color:#f66653; border-radius:20px; width:22px; height:22px; padding:0; text-align:center; margin-left: 3px; display: flex; align-items: center; justify-content: center}
.xbtn-view{ margin:0; font-size:14px; border:1px solid #08a26f; background-color:transparent; color:#08a26f; border-radius:20px; width:22px; height:22px; padding:0; text-align:center; margin-left: 3px; display: flex; align-items: center; justify-content: center}
.xbtn-view:hover{ border:1px solid #717171; background-color:transparent; color:#717171;}
/*Back Button */
.xbtn-back{ font-size:12px; color:#576473; transition:all 0.5s ease 0s; padding:0px; border-radius:50px; background:#cdd5dd; padding:3px 15px; display:flex; align-items:center; text-transform:uppercase;}
.xbtn-back:hover{ background:transparent; color:#576473; transition:0.4s; border: 1px solid #576473;}
.xbtn-back:hover ion-icon{ color:#576473; transition:0.4s;}
.xbtn-back ion-icon{ padding-right:5px; font-size:12px; color: #576473; transition:0.4s; }
.xbtn-back i{ padding-right:5px; font-size:11px; color: #576473; transition:0.4s; }
.xbtn-back:hover i{color:#576473;}
/*Mark all as Read Button */
.mark_as_read{ font-size: 13px; color: #fff; transition: all 0.5s ease 0s; padding:0px; border-radius: 50px; background: #65b349; padding: 3px 15px; display: flex; align-items: center;}
.mark_as_read:hover{ background:transparent; color:#576473; transition:0.4s; border: 1px solid #576473;}
.mark_as_read:hover ion-icon{ color:#576473; transition:0.4s;}
.mark_as_read ion-icon{ padding-right:5px; font-size:18px; color: #fff; transition:0.4s; }
.mark_as_read i{ padding-right:5px; font-size:12px; color: #fff; transition:0.4s; }
.mark_as_read:hover i{color:#576473;}
/*Suspend Button */
.xbtn-suspend{ margin:0; font-size:12px; border:1px solid #fba313; background-color:transparent; color:#fba313; border-radius:6px; width:22px; height:22px; padding:0; text-align:center;margin-right: 3px; display: flex;
align-items: center; justify-content: center}
.xbtn-suspend:hover, .xbtn-suspend:hover, .xbtn-suspend:hover, .xbtn-delete:hover, .xbtn-added:hover{ background-color:transparent; color:#555; border:1px solid #999}
/* Add Delete Button */
.add-btn{ background-color:transparent; border:1px solid #20a90a; color:#20a90a; transition:0.4s; text-align:center; padding:4px 13px; border-radius:50px; font-size:11px; text-transform:uppercase; float: right; display: flex; align-items: center;}
.add-btn i{ padding-right:5px;}
.delete-btn{ background-color:transparent; border:1px solid #ff0000; color:#ff0000; transition:0.4s; text-align:center; padding:4px 13px; border-radius:50px; font-size:11px; text-transform:uppercase; float: right; }
.delete-btn i{ padding-right:5px;}
.add-butt-cntr{ width: 100%; text-align: center; padding-right: 80px; margin: 10px 0px 5px;}
.fc-day-grid-event .fc-time{ display:none;}
.fc-event-dot{ background-color: #ccc !important;}
/*email-btn-align*/
.email-btn-align {display: flex !important; justify-content: center !important; }
/* Button Search */
.btn-srchx{ background-color:#00458f; padding:5px 18px; margin: 0; font-size:13px; color:#fff; border-radius:50px;}
.btn-srchx:hover{ background-color:#203cd1; transition:0.4s; color: #fff;}
.btn-srchx i{ padding-right:2px;}
.btn-secx i{ padding-right:2px;}
.btn-secx{ background-color: #777; padding:5px 18px; margin: 0; font-size:13px; color:#fff; border-radius:50px;}
.btn-secx:hover{ background-color:#6f7191 !important; color:#fff !important; }
.cled-slct #xsearchbox {width: 100%; margin-top:0px;}
.xsearchbdy{ background-color:#e3ebf2; padding: 20px !important; width:100%; position:relative; transition:0.4s; border-radius: 20; margin: 0px 0px 20px; -webkit-border-radius: 20; -moz-border-radius: 20; -ms-border-radius: 20; -o-border-radius:20; border-radius:10px;}
.xsearchbdy .cbtn-srch{ position:absolute; right:0px; top:0px; padding: 4px 7px; margin:0; font-size:16px; color: #515151; border-radius:50%; display:inline-block;}
.xsearchbdy .cbtn-srch:hover{color: #767898;}
.xsearchbdy .form-group{ margin-bottom: 5px;}
.xsearchbdy .form-group label{ font-weight:400; font-size:13px; padding-top:0; padding-bottom:2px; text-transform:uppercase;}
.xsearchbdy label{margin-bottom: 0 !important; font-weight: normal;}
.xsearchbdy label.empty{ display: block;content: ""; height:15px; width: 100%;}
.xsearchbdy .form-group .select2-container{ width:100% !important;}
.srch-rgt{text-align: left; display: flex; align-items: end; flex-wrap: wrap;}
.srch-rgt .btn-srchx { display: flex; align-items: center; margin-right: 10px; font-weight: 500;}
.srch-rgt .btn-srchx ion-icon { padding-right: 5px; }
.srch-rgt .btn-secx { display: flex; align-items: center; font-weight: 500;}
.srch-rgt .btn-secx ion-icon { padding-right: 5px; }
.drp-frm .select2-container{ width:100% !important; height:38px !important}
.drp-frm .select2-container .select2-selection--single{ height:33px !important; border:1px solid #ced4da;}
.drp-frm .select2-results__option{ font-size:14px !important;}
.page-link{ color:#333; font-size:13px; height:100%;}
.page-link:hover{ color:#ff0000}
.page-item.active .page-link{ background-color:#404e5e; border-color:#404e5e; font-size:13px; color: #fff; height:100%;}
.page-item.active .page-link:focus{ box-shadow: 0 0 0 0rem rgba(0,123,255,.25);}
.dataTables_info{ font-size:14px; color:#5b626c; letter-spacing:0.2px;}
/* UserRole section */
.user-view{ min-height:700px;}
.user-view #accordionExample {width: 100%;}
.crse-sel { background-color: rgba(255, 255, 255, 0.8); padding:5px 0px; transition: 0.4s; } 
.crse-sel .card { border: 0 none; padding: 6px 0px 6px 0px; position: relative; overflow: hidden; transition: 0.4s;} 
.crse-sel .card:last-child{ padding-bottom: 0;}
.crse-sel .card:before{ position: absolute; width:3px; height: 100%; top:8px; background-color: #f0f1f7; content: ""; left:16px;} 
.crse-sel .card-header {  border-radius: 0px !important; padding:2px 0px 0px; background:#fff; border-bottom: 2px solid #fff; position: relative; transition: all 0.4s;}
.crse-sel .card-body { padding:2px 10px !important; border:1px solid #eff0f8; border-radius:0px 10px 10px 10px; margin-top:0px; background-color:#fff; transition: 0.4s; margin-left:39px; min-height:50px;}
.crse-sel .acrd-link { font-size:14px; font-weight:500; color:#fff; background-color: #808e9d; padding:7px 14px 7px 45px; border-radius:50px 20px 20px 50px; transition: 0.4s; display: flex; margin-bottom: 0; align-items: center;
justify-content: space-between;} 
.crse-sel .card-body .table{ margin-bottom:0;}
.crse-sel .card-body .usr-roll{ width:100%; display:flex; padding:2px 0px; background-color:transparent; border-top:1px solid #f0f1f7; margin-bottom:0px ; transition: 0.4s; min-height: 40px;}
.crse-sel .card-body .usr-roll:first-child{ border-top: 0 none}
.crse-sel .card-body .usr-roll .usr-lft{ width:25%; display:flex; align-items:center; margin-right:15px; }
.crse-sel .card-body .usr-roll .usr-lft small.grp-title{ font-size: 11px; color: #888bae; padding: 1px 12px 1px 10px; font-weight: 400; background-color: #f0f1f7; margin-left:5px; border-radius: 50px; letter-spacing: 0.3px; font-style: italic;}
.crse-sel .card-body .usr-roll .usr-lft h2{ font-size:14px !important; font-weight:400 !important; margin:0 !important; color:#4e4f75;}
.crse-sel .card-body .usr-roll .usr-rht{ width:75%; display:flex; flex-wrap: wrap;}
.crse-sel .card-body .usr-roll .usr-rht span{ width:16%; padding:4px 5px 4px 15px; margin:4px 0px 4px 5px; border-radius:0px; background-color:transparent; cursor:pointer; overflow: hidden; position: relative; z-index: 0; transition: 0.8s; display: flex; justify-content: space-between; border-radius: 50px; border:1px solid #f0f1f7; align-items: center;}
.crse-sel .card-body .usr-roll .usr-rht span:before{ width: 1%; height: 100%; background-color: #e7e8f5; content: ""; left: 0; bottom: 0; position: absolute; border-radius: 3px 0px 0px 3px; visibility: hidden; transition: 0.8s; z-index:-1;}
.crse-sel .card-body .usr-roll .usr-rht span:hover:before{ visibility: visible; background-color: #f5f5fb; width:103%; left: 0; transition: 0.8s; border-right: 3px solid #fff; border-radius: 3px;}
.crse-sel .card-body .usr-roll .usr-rht span:nth-child(5n+5){ margin-right:0;}
.crse-sel .card-body .usr-roll .usr-rht span label{ display:flex; margin-bottom:0px; font-size:13px; font-weight:400; color:#787993; align-items: center; cursor:pointer; align-items: center; width: 100%;}
.crse-sel .card-body .usr-roll .usr-rht span label input{ margin-right:5px; transition: 0.4s;}
.crse-sel .acrd-link.collapsed { color:#333; background-color: #e4ecf2; transition: all 0.4s ease 0s; font-weight: 500;} 
.crse-sel .acrd-link:hover { color:#fff; background-color: #808e9d !important;}
.crse-sel .acrd-link:hover .collapsed b{background-color: #808e9d !important;}  
.crse-sel .acrd-link ion-icon { float: right; margin-top: 4px; /* color:#ff0000*/} 
.crse-sel .arrow-forward-outline { display: none; } 
.collapsed .arrow-down-outline { display: none; } 
.collapsed .arrow-forward-outline { display: inline; } 
ul.crse-lnk { list-style: none; margin: 0; padding: 0; transition: 0.4s; } 
ul.crse-lnk li { list-style: none; margin: 0; padding: 8px 0; border-bottom: 1px dotted #ccc; } 
ul.crse-lnk li a { font-size: 18px; display: block;} 
ul.crse-lnk li a i { font-size: 16px; color: #999999; transition: all 0.4s ease 0s; } 
ul.crse-lnk li a:hover i { color: #0061a6; animation-name: bounceIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } 
.crse-sel .acrd-link-header{background-color: #9495b4; padding: 5px; font-size: 16px; text-transform: uppercase; color: #fff;}
.crse-sel .acrd-link-header.active{ background-color: #9495b4; color: #fff;}
.role-display{ width:100%;}
.role-display h2{ font-size:16px !important; margin:0px 0px 18px !important; font-weight:500; color:#686984; text-transform:uppercase; border-bottom:1px solid #e5ebf0; padding-bottom:8px;}
.role-display h2 span{ color:#a5a6bb; font-weight:400;}

.orderaction i{ font-size:12px;}
/* Tab Accordion */
.tab-acc{ width: 100%;}
.tab-acc .card-body .usr-roll .usr-rht span{ background-color: transparent; border-radius:0px; border-left: 1px solid #e0e2ea;}
.tab-acc .card-body .usr-roll .usr-rht span::before{ border-radius: 0px;}
.tab-acc .card-body .usr-roll .usr-rht span:hover:before{ border-radius: 0px;}
/* accordion-table */
.accordion-table{ width: 100%;}
.accordion-table.table > tbody > tr td{ background-color: #fff;}
.tbl-header { margin:0px 0px 3px; padding:10px 0px 10px; display: flex;align-items: center; justify-content:space-between; border-bottom: 1px solid #e1e2ee;}
.tbl-header .toplnk{ display: flex; justify-content: flex-end; width: 100%; align-items: center;}
.tbl-header .toplnk a:first-child{ margin-right: 5px;}
.tbl-header .main-title { margin-bottom: 0; font-size:15px; display: flex; align-items: center; color:#555; font-weight:500;  text-transform:uppercase;}
.tbl-header .main-title i{ padding-right:8px; font-size:14px; color:rgba(255, 255, 255, 0.9);}
.accordion-table.table > tbody > tr td.hiddenRow{ padding: 0px 10px !important; background-color: #f5f6fa; border-top: 0 none;}
.accordion-table .det-tab-acc{ margin:15px 0px; border-radius:3px; width:100%; padding:0px; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs{ text-align:center; border-bottom:0 none; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs > li{ display:inline-block; margin:0 5px 0 0; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom{ margin-bottom:0; position:relative; z-index:0; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .nav-tabs > li{  background-color: #fff; border-bottom: 1px solid #ebecf4; border-radius:4px 4px 0 0; padding:0px; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .nav-tabs > li a{display:block; font-size:16px; font-weight:500; color:#fff; transition:0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content{ background-color:#fbfcfe; padding:15px 16px; border:0 none; border:0px solid #d1d2e3; margin-top:-1px; border-radius:0px 5px 0px 0px; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content h2{ font-size:18px; color:#004ec4; margin:5px 0px 10px; font-weight:500;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content h3{ font-size:16px; color:#242424; margin:10px 0px; font-weight:500}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content p{ text-align:justify; font-size:14px; line-height:1.6; margin:5px 0px; color:#333;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content ul{ padding:0px 15px 0px; margin:0; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content ul li{ line-height:1.7; transition: 0.6s; color: #333;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table{ margin:0px 0px; transition: 0.6s; }
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table thead th{ background-color:#d1d2e3; padding:8px 6px; color:#3e3e48; border-bottom: 0 none; text-align:center;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table tr td{ padding:6px; font-size:13px; text-align:center}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table tr td a{ transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table tr td a:hover{ color:#da281e; transition: 0.6s;} 
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table tr:nth-of-type(2n+1){ background-color: rgba(0,0,0,.02); transition:0.4s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table tr:hover{ background-color: rgba(0,0,0,.03); transition:0.4s;}
.accordion-table .det-tab-acc .nav-tabs > li{ position:relative; transition: 0.6s;} 
.accordion-table .det-tab-acc .nav-tabs > li > a{ position:relative; z-index:510; padding:5px 20px; font-size:16px; color:#444; border-radius:4px 4px 0 0; font-weight:500; background:linear-gradient(#9798b0, #9fa0b7); animation-name: none; transition: 0.6s; margin-bottom: 0;}
.accordion-table .det-tab-acc .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab-acc .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background:#8e90ac; color:#fff; border-color:#023685; transition: 0.6s;} 
.accordion-table .det-tab-acc .nav-tabs-custom > .nav-tabs > li > a.active, .det-tab-acc .nav-tabs-custom > .nav-tabs > li:hover > a.active{ background:#56586f; color:#fff; border-color:#56586f; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs > li > a:hover{ background:none transparent; color:#fff; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs > li:before{ -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color:#fff; background: #8e90ac; z-index:1; border-radius:4px 4px 0 0;} 
.accordion-table .det-tab-acc .nav-tabs > li:hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1;}
span.tbl-dwn-icn{ display: flex; text-align: center; justify-content: center;}
/* Accordion Table Body  */
.tbl-des{ width: 100%; display: flex; flex-wrap: wrap; align-items:center; justify-content: space-between;}
.tbl-des .tbl-des-lft{ width: 22%; display: flex; align-items: center; justify-content: center;}
.tbl-des .tbl-des-lft span{ display: flex; height: 200px; width: 200px; align-items: center; justify-content: center;}
.tbl-des .tbl-des-lft span img{ width: auto; height: auto; object-fit: contain; max-height: none; border: 1px solid #f0f0f0; background-color: #fff; padding: 10px; max-height: 145px;}
.tbl-des .tbl-des-rht{ width: 100%; }
.tbl-des .tbl-des-rht h2{ font-size: 16px; margin:20px 0px 12px; font-weight: 500; color: #444; position: relative; padding-bottom:8px;}
.tbl-des .tbl-des-rht h2:before{ position: absolute; bottom: 0; content: ""; background-color: #e1e1e1; left: 0; width: 150px; height: 1px;}
.tbl-des .tbl-des-rht p{ font-size: 14px; text-align: justify; line-height: 1.7; font-weight: 350; color: #515151; margin: 10px 0px;}
/* Toggle */
.btn-toggle.btn-sm { padding: 0; position: relative; border: none; height: 21px; width:38px; border-radius: 1.5rem; }
.btn-toggle.btn-sm:focus, .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm:focus.active, .btn-toggle.btn-sm.focus.active { outline: none; }
.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after { line-height: 1.3rem; width: 0.5rem; text-align: center; font-weight: 600; font-size: 0.55rem; text-transform: uppercase; letter-spacing: 2px; position: absolute; bottom: 0; transition: opacity 0.25s; }
.btn-toggle.btn-sm:before { content: ''; left: -0.5rem; font-family: "Font Awesome 5 Free"; }
.btn-toggle.btn-sm:after { content: '\f00c'; right: -0.5rem; opacity: 0.5; font-family: "Font Awesome 5 Free";}
.btn-toggle.btn-sm > .handle { position: absolute; top: 0.1875rem; left: 0.1875rem; width: 15px; height: 15px; border-radius: 1.125rem; background: #fff; transition: left 0.25s; }
.btn-toggle.btn-sm.active { transition: 0.25s; }
.btn-toggle.btn-sm.active > .handle { left:20px; transition: left 0.25s; }
.btn-toggle.btn-sm.active:before { opacity: 0.5; }
.btn-toggle.btn-sm.active:after { opacity: 1; }
.btn-toggle.btn-sm.btn-sm:before { line-height: -0.5rem; color: #008f01; letter-spacing: 0.75px; left:23px; width: 2.325rem; }
.btn-toggle.btn-sm.btn-sm:after { line-height: -0.5rem; color: #008f01; letter-spacing: 0.75px; left:23px; width: 2.325rem; }
.btn-toggle.btn-sm.btn-sm:before { text-align: left; left:0; z-index: 9;}
.btn-toggle.btn-sm.btn-sm:after { text-align: left; opacity: 0; }
.btn-toggle.btn-sm.btn-sm.active:before { opacity: 0; }
.btn-toggle.btn-sm.btn-sm.active:after { opacity: 1; }
.btn-toggle.btn-sm.btn-xs:before, .btn-toggle.btn-sm.btn-xs:after { display: none; }
.btn-toggle.btn-secondary { color: #6b7381; background: #c2c8df; }
.btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after { color: #6b7381;}
.btn-toggle.btn-secondary.active { background-color: #008f01;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{ background-color: #008f01; border-color: #008f01;} 
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus{ box-shadow:0px 0px 0px rgba(255,255,255, 0.5);}
.btn-secondary.focus, .btn-secondary:focus{ box-shadow:0px 0px 0px rgba(255,255,255, 0.5);}
/* UserRole section */
.crse-sel .fa-caret-right { display: none; } 
.collapsed .fa-caret-down { display: none; } 
.collapsed .fa-caret-right { display: inline; } 
.flat-box{ width: 100%; display: flex; align-items: center; justify-content: center; padding: 10px; margin-top: 15px; border-top: 1px solid #eee; padding-top: 15px;}
.flat-box span{ background-color: #666; padding: 6px 30px; border-radius: 10px; font-size: 24px;}
.flat-box span b{ font-weight: 600; font-size: 20px; color: #fff;}
/* Tab-link */
.tab-acc a.lnk-tab{ position: absolute; transition: all 0.4s; right: 35px; top: 9px; font-weight: 500; font-size: 11px; background-color: #257df6; border-radius: 50px; padding: 2px 12px; color: #fff; margin: 0%;}
.tab-acc a.lnk-tab:hover{ transition: all 0.4s; background-color: #0457c8;}
.tab-acc a.lnk-tab i{ font-size: 10px; padding-right: 5px;}
/* LogIn Page */
.login-logo, .register-logo { font-size: 18px; text-align: left; margin-bottom: 0px; font-weight: 300; text-transform:uppercase; background-color:#fff; padding:10px 20px; border-radius:3px 3px 0px 0px; border-bottom:4px solid #eee; color:#999;}
.login-logo span, .register-logo span{ float:right; margin-top:26px;}
.login-logo a, .register-logo a { color: #444 }
.login-page, .register-page { background:url(../images/login-bg.jpg) center bottom no-repeat; background-size:cover; height:100vh; position: relative; display:flex; align-items:center;}
/* .login-page::before{ position: absolute; content: ''; width:550px; height:550px; left:43%; top:-20px; background: url(../images/login-logo-bg.png) no-repeat; background-size: auto; background-size: contain; opacity: 0.5;} */
.login{ width:360px; height: auto; position: absolute; content: ''; right: 25%;  top: 25%;}
.login .login-box{display:flex; justify-content:space-between; background-size:cover; flex-wrap: wrap; border-radius: 30px; overflow: hidden;}
/*My Styles login css */
.login .login-box .login-lft{ width:100%; text-align:center; background-color: rgba(0, 69, 143, 1); background-size: cover; position:relative; padding: 40px 0px;}
.login .login-box .login-lft .logo-wrpr{ display: flex; width: auto; max-height: 100px; position: relative;}
.login .login-box .login-lft .logo-wrpr img{object-fit: contain; width: auto; height: auto; margin: 0 auto;z-index: 1;}
.login .login-box span{ position:absolute; bottom:16%; width:100%; left:0;}
.login .login-box span small{ font-size:32px; font-weight:600; color: #fff; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; align-items: center; position: relative; text-transform: uppercase;}
.login .login-box span small i{color:#c7c7c7; padding-right: 6px; font-size: 8px;}
.login .login-box .login-det{ width:100%; padding:10px 35px 10px 35px; border-radius:0px; background:rgba(255, 255, 255, 1); }
.login .login-box .login-det h2{ margin:15px 0px 10px; font-weight:300; color:#333; font-size:18px; text-align:center;}
.login .login-box .login-det h2 small{font-weight:bold; display: block; font-size: 24px; margin-top: 4px; color: #d9261c;}.login .login-box .login-det .login-frm-btn .btn{ width:auto; background:#d6030b; color:#fff; border-radius:50px; text-align:center; padding:4px 21px 3px 15px; font-size:13px; font-weight:300; border:0 none; transition:0.4s; border:1px solid #d6030b; text-transform: uppercase; display: flex; align-items: center;} 
.login .login-box .login-det .alert-danger{ min-width:420px !important;}
.login .login-box .login-det .alert-success{ text-align:left; font-size:15px; padding:6px 15px; margin-top:15px;}
.login-det .login-frm-btn .btn ion-icon { padding-left: 4px; font-size: 17px}
.login .login-box .login-det .login-frm-btn{ width:100%; text-align:center;}
.login .login-box .login-det .login-frm-btn .btn{ background:#d9261c; color:#fff; border-radius:50px; margin: 0 auto; text-align:center; padding:4px 11px 3px 15px; font-size:13px; font-weight:300; border:0 none; transition:0.4s; border:1px solid #d9261c; text-transform: uppercase;}
.login .login-box .login-det .login-frm-btn i{ font-size:12px; padding-left:6px; animation: shake 3s cubic-bezier(.6,.05,.05,.07) both infinite;  transform: translate3d(0,0,0);}
.login .login-box .login-det .login-frm-btn .btn:hover{ border:1px solid #d9261c; background:transparent; color:#d9261c; transition:0.4s;}
.login .login-box .login-det .login-frm-btn .btn:focus{ box-shadow:none;}
.login .login-box .login-det .login-frm-lnk{ width:100%; text-align:center; margin:5px 0px 17px;}
.login .login-box .login-det .login-frm-lnk label{ margin:0; font-weight:400; display:flex; align-items: center; font-size:13px; color:#97a2ac; pointer-events:all;}
.login .login-box .login-det .login-frm-lnk label input{ margin-right:5px;}
.login .login-box .login-det .login-frm-lnk1{ text-align:center; margin:15px 0px;}
.login .login-box .login-det .login-frm-lnk1 a{ font-size:13px; color:#929292; font-weight:500; text-align:center; transition:0.4s;}
.login .login-box .login-det .login-frm-lnk1 a:hover{ color:#d9261c; transition:0.4s;}
.login-form .login-frm-main .form-row{ padding-left:0; margin-left:1px;}
.login-form .login-frm-main .btn { border-radius: 0;}
.login-form .login-frm-main .form-group { position:relative; padding-top:10px; margin-bottom:20px; width:100%;}
.login-form .login-frm-main .form-group .custom-select{ border:0 none; border-bottom:1px solid #c9cfd5; border-radius:0; padding:9px 2px; position:relative; height:auto;}
.login-form .login-frm-main .form-group .custom-select:focus{ box-shadow:none; }
.login-form .cont-frm-main .form-row{ justify-content:space-between}
.login-form .form-group:first-child:last-child { height: 100%;}
.login-form .form-group:first-child:last-child .form-control { height:100%;}
.login-form .form-group textarea { resize:vertical; width:100%; border:0 none; border-bottom:1px solid #c9cfd5; border-radius:0px; border-radius: 0; border-width: 0 0 1px 0; font-size:14px; padding:0px 5px; color:#495057;}
.login-form .form-group label { position:absolute; left:-1px; top:-5px; transition:all 0.4s ease; color:#adadad; font-size:11px; text-transform:uppercase; font-weight:500; padding: 2px 0px; margin-bottom:0px;}
.login-form .form-group .form-control { border-radius:0 !important; border-width: 0 0 1px 0; font-size:14px; padding: 5px 0px 5px 20px; border-bottom:1px solid #c9cfd5; background-color:transparent; color:#323940; font-weight:400; box-shadow:none; min-height: 40px;}
.login-form .form-group .form-control:focus{ box-shadow:none !important}
.login-form .form-group .input-highlight { content: ""; width: 0; height:1px; background:#7f8184; position:absolute; display:block; bottom:0px; transition:width 0.4s ease;}
.login-form .form-group .form-control:focus, .login-form .form-group .form-control.hasValue { box-shadow: none; border-color:#f75157;}
.login-form .form-group .form-control:focus ~ .input-highlight, .login-form .form-group .form-control.hasValue ~ .input-highlight {width:100%;}
.login-form .form-group .form-control:focus ~ label, .login-form .form-group .form-control.hasValue ~ label { -webkit-transform: scale(0.9);
 transform: scale(0.9); top:0; left:-4px; }
 .new-frm-input .form-group h6{position: absolute; left: -10px; top: 20px; transition: all 0.4s ease; color: #888; font-size: 13px; text-transform: uppercase; font-weight: 400; padding: 2px 10px; margin-bottom: 0px; z-index: 1;}
 /* Ratio Input Box */
.rto-inpt-main{ display: flex; justify-content: space-between; align-items: center}
.rto-inpt-main .rto-inpt{ width: 48%;}
/* New Dashboard */
.staff-my-cur-per{ padding:10px 0px !important;}
.new-dsh-main{ width:100%; display: flex; flex-wrap: wrap; padding: 10px 10px;}
.new-dsh-sub{ width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px;}
.new-dsh-box{ width: 100%; display: flex;}
.new-dsh-main .new-dsh-sub .new-dsh-box .new-lea-prt .new-lea-prt1 h1 b{display: inline; font-size: 18px; margin-left:5px;}
.new-lea-prt{ width:100%; padding:20px; background-color: #fff; /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);*/ border-radius:5px; /*border: 1px solid #ddd;*/ position: relative;}
.new-lea-prt1{ display:flex; justify-content:flex-end; align-items:center; border-bottom:1px solid #e6e8ee; padding-bottom:15px;}
.new-lea-prt1 h1{ font-size: 18px; color: #576471; width: 100%; text-align: left; text-transform: uppercase; display:flex; flex-wrap: wrap; align-items:center; margin:0;}
.new-lea-prt1 h1 b{ color:#da1e25; margin-left:0px; display:block; font-size:15px; width:auto; margin-left:10px;}
.new-lea-prt1 a{ padding: 5px 15px; border-radius: 25px; background-color: #444; color: #fff; display: flex; align-items: center;}
.new-lea-prt1 a i{ font-size: 18px; transition: 0.4s; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; }
.new-lea-prt1 a:last-child:hover{ background-color:transparent; border: 1px solid #ddd; color:#ddd; transition:0.4s ; -webkit-transition:0.4s ; -moz-transition:0.4s ; -ms-transition:0.4s ; -o-transition:0.4s ; }
.new-lea-prt1 a:last-child{ background-color: #da1e25; margin-left: 15px; border: 1px solid transparent;}
.new-lea-prt2{width: 100%; /*display: grid; grid-template-columns: repeat(5, 1fr); gap: 0px;*/ display: flex; justify-content: space-between; margin:20px 0px 30px;}
.not-cls-btn{ position: absolute; content: ""; width: 30px; height: 30px; right: -10px; top: -10px; background-color: #f00; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px;}
.new-lea-count{ width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-right: 1px solid #e6e8ee;}
.new-lea-count:last-child{ border-right: none;}
.new-lea-count b{ font-size:30px; text-align:center; color:#00458f;}
.new-lea-count small{ font-size: 14px; color: #5d6a77; text-transform: uppercase; margin-top:5px;}
.new-lea-prt3{ display: flex; align-items: center; width: 100%; justify-content: center; }
.new-lea-prt3 h2{ font-size:18px; text-align: center; margin-bottom: 0; padding:10px 24px; background-color: #dee7f0; border-radius: 30px; text-transform: uppercase; color: #2c3339;}
.new-lea-prt3 a{ display:flex; align-items:center; justify-content:center; margin-bottom:0;}
.new-lea-prt3 a span{ background-color: #d9261c; color: #fff; padding: 5px 20px; border-radius: 30px; display: flex; align-items: center; border: 1px solid #d9261c; transition: 0.4s;}
.new-lea-prt3 a span i{ font-size: 18px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; margin-right: 5px;}
.new-lea-prt3 a:hover span{ background-color: transparent; border: 1px solid #ddd; transition: 0.4s; color: #444;}
.min-wid-box{ min-width: 200px !important;}
.cur-lea-prt{ width: 100%; padding:20px 0px; background-color:#dce6f0; border-radius:5px; }
.cur-lea-prt h1{ font-size:22px; text-align:center; color:#424d59; margin-bottom:15px; text-transform:uppercase;}
.cur-lea-tlb{ width: 100%; padding: 0px 20px;}
.cur-lea-tlb .tbl-bdy{ background-color: transparent;}
.cur-lea-tlb .tbl-bdy .table > tbody > tr td{border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;  background-color: #dce6f0 !important;}
.cur-lea-tlb .tbl-bdy .table > tbody > tr{ background-color: transparent !important;}
/*.cur-lea-tlb .tbl-bdy .table{ border-collapse: separate; border-spacing: 0px 15px;}
.cur-lea-tlb .tbl-bdy .table > tbody > tr td:first-child{border-radius: 30px 0px 0px 30px;}
.cur-lea-tlb .tbl-bdy .table > tbody > tr td:last-child{ border-radius: 0px 30px 30px 0px; -webkit-border-radius: 0px 30px 30px 0px; -moz-border-radius: 0px 30px 30px 0px; -ms-border-radius: 0px 30px 30px 0px; -o-border-radius: 0px 30px 30px 0px; }*/
.cur-lea-tlb .tbl-bdy .table > tbody > tr td{ color: #576471; text-align: center; padding: 10px 0px; border-right: 1px solid transparent !important; border-bottom:1px solid #eef4f9 !important; border-left: 1px solid transparent !important;}
.cur-lea-tlb .tbl-bdy .table > tbody > tr:last-child td{ border-bottom:1px solid #dce6f0 !important;}
.cur-lea-tlb .tbl-bdy .table > tbody > tr td i{ font-size: 10px;}
.cur-lea-tlb .tbl-bdy .table > tbody > tr td a{transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.cur-lea-tlb .tbl-bdy .table > tbody > tr td a:hover{ color:#424d59; transition: 0.4s;}
.cur-lea-tlb .tbl-bdy .table > thead > tr th{ text-align:center; padding: 10px 0px; border-bottom:1px solid #eef4f9 !important; color:#364a63; font-size:14px;}
.cled-org .cled-slct .tbl-bdy .table > thead > tr th{ text-align: center; padding: 10px 0px; border-bottom:1px solid #eef4f9 !important;}
.cled-org .cled-slct .tbl-bdy .table > tbody > tr td{border-bottom: 1px solid #eef4f9 !important; border-right: 1px solid transparent !important; border-left: 1px solid transparent !important;}
.new-dsh-main2{ margin-top: 7px;}
.new-dsh-main2 .cur-lea-prt{ background-color: #fff;}
.new-dsh-main2 .cur-lea-tlb .tbl-bdy .table > tbody > tr td{color:#576471; background-color: #fff !important;}
.new-dsh-main2 .cur-lea-tlb .tbl-bdy .table > tbody > tr td a:hover{ color: #4d5864; transition: 0.4s;}
.new-dsh-main2 .cur-lea-prt h1{color:#576471; font-weight: 300;}
.new-dsh-main2 .cur-lea-tlb{ /*background-color: #fff; padding: 5px 25px; margin: 15px 0px;*/ border-radius: 30px;}
.new-dsh-main2 .cur-lea-prt .tbl-bdy .table > thead > tr th{ text-align: center; padding: 10px 0px; border-bottom:1px solid #eef4f9 !important;}
.new-dsh-main2 .cur-lea-prt .tbl-bdy .table > tbody > tr td{ border-bottom: 1px solid #eef4f9 !important;}
.new-per-btn{display: flex; justify-content: flex-end; align-items: center; padding: 15px 0px; margin-top: 10px;}
.new-per-btn h1 { font-size: 18px; color: #777777; width: 100%; text-align: left; text-transform: uppercase; }
.new-per-btn a { padding: 5px 15px; border-radius: 25px; background-color: #576471; color: #fff; }
.new-per-btn a:last-child { background-color: #da1e25; margin-left: 15px; }
.new-per-btn a:last-child:hover{ background-color:#bd1016;}
.new-per-btn a:hover{ background-color:#3c4955;}
.new-per-btn h2 { font-size: 18px; color:#576471; width: 100%; text-align: left; text-transform: uppercase; }
.new-per-btn h2 b { color: #2b2b2b; margin-left: 10px; }
.new-apr-btn{color: #06931c; font-weight: 600 !important;}
.new-bnd-btn{color: #d9261c; font-weight: 600 !important;}
.lea-chrt-sub { width: 100%; display: flex; position: relative; background-color: #fff; border-radius: 5px; flex-wrap: wrap; /*border: 1px solid #ddd;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 10px 15px; }
.lea-chrt-sub #olinebarcht{ width: 100%; padding: 20px 10px 10px;  height: 298px;}
.lea-chrt-sub h2{text-align:center; font-size:22px; font-weight:300; color:#677582; text-transform:uppercase;}
.lea-chrt-tit{width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin:0px 0px 0px; padding:15px 15px 0px; align-items:center;}
.new-hoday-box{ width: 100%;}
.new-hoday-ins{ display: flex; align-items: center; justify-content: space-around;}
.new-hoday-ins h1{ font-size: 18px;}
.new-hoday-ins p{ margin-bottom: 0;}
.new-hoday-box .new-dsh-main2 .cur-lea-tlb{ background-color: transparent; padding: 20px; margin: 0px 0px;}
.new-hoday-box  .new-dsh-main2 .cur-lea-tlb .tbl-bdy .table > tbody > tr td{background-color: #fff !important; border-bottom: 1px solid #ddd; border-right: 1px solid transparent;}
.new-hoday-box  .new-dsh-main2 .cur-lea-tlb .tbl-bdy .table > thead > tr th{background-color: #fff !important; border-bottom: 2px solid #ddd; border-right: 1px solid transparent;}
.new-lea-prt1 .sort-ord{ width: 40%;}
.new-lea-prt1 .sort-ord .drpdown-1{padding: 5px;}
.adm-leav-mgt {width: 100%;}
.new-my-leav{width: 100%; display: flex; flex-wrap: wrap; padding: 10px 10px; margin: 5px 0px 15px;}
.new-my-leav .new-dsh-sub { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.new-my-leav .new-dsh-sub-admin { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.new-my-leav .new-lea-prt{padding: 15px 15px 0px;}
.new-my-leav .new-lea-prt1{padding-bottom: 10px;}
.new-my-leav .new-lea-prt1 h1{margin-bottom: 0; font-size: 16px; text-align: center;}
.new-my-leav .new-lea-count b{font-size: 24px;}
.new-my-leav .new-lea-count small{font-size: 10px; margin-top: 0;}
.new-my-leav .new-lea-prt3 h2{font-size: 14px;}
.new-my-leav .new-lea-count{ padding: 0px 7px;}
.new-my-leav .new-lea-prt3{ display: flex; justify-content: center;}
.new-my-leav .new-lea-prt3 a{ background-color: #408e2a; color: #fff; padding: 2px 20px; border-radius: 20px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; border: 1px solid #408e2a;}
.new-my-leav .new-lea-prt3 a:hover{ background-color: transparent; border: 1px solid #918f8f; color: #918f8f; transition: 0.4s;}
.inr-tlb-hd{ font-size: 24px; text-align: center; width: 100%; text-transform: uppercase; font-weight: 300; color: #4d5864; position: relative; margin: 0px 0px 15px;}
.inr-tlb-hd .toplnk{position: absolute; content: ''; right:0px; top: 0;}
.new-inr-tlb{ width: 100%; margin: 10px 0px 0px !important; padding: 10px 10px;}
.inr-usr-lea{grid-template-columns: repeat(4, 1fr) !important;}
.new-lea-prt4{width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px; margin: 20px 0px;}
.new-lea-prt5{width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px 0px; margin: 20px 0px 0px; }
.new-lea-prt5 .new-lea-count{ border-bottom: 1px solid #e6e8ee; padding: 15px 0px; border-radius: 0px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.new-lea-prt5 .new-lea-count:nth-child(2n+2){ border-right: none;}
.new-lea-prt5 .new-lea-count:hover{ background-color:#f2f6fb;}
.new-my-leav .new-lea-prt2{margin: 15px 0px 15px;}
.inr-per-min{ width: 100%; display: flex; flex-wrap: wrap;}
.inr-per-min1{ width: 100%; display: flex; justify-content: center;}
.inr-per-min1 h1{ font-size: 16px; text-align: center; margin-bottom: 15px; padding: 10px 30px; background-color: #d4e2f0; border-radius: 30px; text-transform: uppercase; color: #333;}
.inr-per-min2{ width: 100%; display: flex; justify-content: space-between;}
.inr-per-min2 h2{ font-size: 16px; text-align: center; margin-bottom: 0; padding: 10px 10px; background-color: #5f6b77; border-radius: 30px; text-transform: uppercase; color: #fff; width: 45%;}
.inr-per-min2 h3{ font-size: 16px; text-align: center; margin-bottom: 0; padding: 10px 10px; background-color: #5f6b77; border-radius: 30px; text-transform: uppercase; color: #fff; width: 45%;}
.new-lea-prt1 h1 b small{ font-size: 18px; margin-left: 5px; color: #353535;}
.inr-per-min b{ font-size: 16px; margin-left: 10px;}
.inr-leav-sum1{ position: relative;}
.inr-leav-sum{ width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; padding: 20px; background-color: #fff; border-radius: 30px;}
.inr-leav-sum h1{ font-size: 16px; font-weight: 600; color: #d9261c; padding: 5px 0px 15px 0px; margin-bottom: 10px; text-transform: uppercase; border-bottom: 1px solid #eef4f9; width: 100%; text-align: center;}
.inr-leav-sum ul{ width: 100%; list-style: none; padding: 0px; margin: 8px 0px 0px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}
.inr-leav-sum ul li{ width: 100%; display: flex; align-items: center; margin-bottom: 0px; padding: 10px 15px; border: 1px solid #eef4f9; border-radius: 30px; justify-content: center;}
.inr-leav-sum ul li span{ font-size: 16px; color: #878787; font-weight: 400; text-transform: uppercase;}
.inr-leav-sum ul li small{ font-size: 16px; color: #878787; font-weight: 400; margin: 0px 10px;}
.inr-leav-sum ul li p{ font-size: 16px; color: #353535; font-weight: 600; margin: 0px 0px;}
.inr-leav-sum1 .xsearchbdy{background-color: transparent; width: 100%; padding: 0 !important; display: flex; justify-content: center;}
.inr-leav-sum ul li:first-child{background-color: #d8ffe3; border: 1px solid #d8ffe3;}
.inr-leav-sum ul li:nth-child(2){background-color: #ffd4d4; border: 1px solid #ffd4d4;}
.inr-leav-sum ul li:nth-child(3){background-color: #d8f4ff; border: 1px solid #d8f4ff;}
.adm-dsh-main{width: 100%; display: flex; flex-wrap: wrap; padding: 10px 10px; margin: 10px 0px 0px;}
.adm-dsh-main .new-dsh-sub .new-lea-prt2 { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; margin: 20px 0px; background-color: #dce6f0; padding: 0px 0px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.adm-dsh-main .new-lea-count small{ font-size:14px; line-height: 1.1; text-align: center; letter-spacing: 0.1px; margin-top: 10px;}
.adm-dsh-main .new-lea-count{ padding: 10px 5px 10px; border-right: 1px solid #fff;}
.adm-dsh-main .new-lea-count:last-child { border-right: none; }
.adm-dsh-main .new-lea-prt{ padding:20px 20px 15px;}
.adm-dsh-main .new-lea-count h6{font-size:18px; color:#293644; font-weight:600; text-align:center; margin-bottom:0;}
.adm-dsh-main .new-lea-count h6 small{ display: block; color: #d9261c; margin-top: 5px;}
.adm-dsh-main .new-lea-count b{ line-height: 20px;}
.adm-lea-not{width: 100%; padding: 15px; background-color: #fff; border-radius: 5px; margin-bottom: 25px;}
.adm-lea-not:last-child{ margin-bottom: 0;}
.adm-lea-not .new-lea-prt1{ padding-bottom: 0;}
.adm-lea-not .new-lea-prt2{margin: 0px 0px; border-bottom: 1px solid #e6e8ee;}
.adm-lea-not .new-lea-prt2 .new-lea-count h6{ font-size: 15px; font-weight:500; text-align: center; margin-bottom: 0; line-height: 1.15;}
.adm-lea-not .new-lea-prt2 .new-lea-count h6 small{ color: #d9261c; margin-top: 5px;}
.adm-lea-not .new-lea-prt2 .new-lea-count small{ display: block; font-size: 12px; margin-top: 0;}
.adm-lea-not .new-lea-prt2 .new-lea-count b{ font-size: 20px;}
.adm-lea-not .new-lea-count{ padding: 10px 0px; min-height: 80px;}
.adm-lea-not .new-lea-prt2 .new-lea-count:first-child{ background-color:#dce6f0; position: relative; padding:10px 5px;}
.adm-lea-not .new-lea-prt2 .new-lea-count:first-child::before{ position: absolute; content: ''; width: 10px; height: 20px; right: -10px; background-color:#dce6f0; clip-path: polygon(100% 50%, 0 0, 0 100%);}
.adm-lea-not .new-lea-prt2 .new-lea-count:last-child{border-right: 1px solid #e6e8ee;}
.sup-adm-new .new-dsh-box .new-lea-prt5{grid-template-columns: repeat(2, 1fr);}
.sup-adm-new .new-dsh-box .new-lea-prt5 .new-lea-count{padding: 18px 0px;}
.dls-tit { display: flex; width: 100%; margin-bottom: 30px; font-size: 18px; font-weight: 700; background: #eee; padding: 10px 20px; border-radius: 5px; }
/* HR dashboard */
.hr-dash-main{ width: 100%; display: flex; flex-wrap: wrap; padding: 10px 10px;}
.hr-dash-sub1{ width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background-color: #dce6f0; padding:20px; border-radius: 5px; margin-top: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.hr-dash-sub2{ width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background-color: #dce6f0; padding:20px; border-radius: 5px; margin-top: 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.hr-dash-lea{ width: 100%; display: flex; flex-wrap: wrap;}
.hr-dash-prm{ width: 100%; display: flex; flex-wrap: wrap;}
.hr-dash-box{ width: 100%; display: flex; flex-wrap: wrap; background-color: #fff; padding: 20px 10px 20px; border-radius: 5px; overflow: hidden;}
.hr-dash-box h3{ font-size: 16px; font-weight: 400; color: #38506a; width: 100%; text-align: center; margin-bottom: 10px; background-color: #dce6f0; border-radius: 5px; padding: 3px 0px;}
.hr-dash-box a{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; overflow: hidden; min-height:220px;}
.hr-dash-box a span{ width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #dce6f0; overflow: hidden; margin: 5px 0px;}
.hr-dash-box a span img{ object-fit: contain; width: 100%; height: auto; padding: 0; margin: 0 auto;}
.hr-dash-box a h1{ font-size: 14px; margin-bottom:2px; line-height: 1.1; margin-top: 10px; color: #2e3f51; width: 100%; text-align: center; padding: 0;}
.hr-dash-box a h2{ font-size: 12px; margin-bottom: 5px; color: #d9261c; width: 100%; text-align: center; }
.hr-dash-box a p{ font-size: 11px; width: 100%; margin-bottom: 0px; text-align: center; color: #2e3f51;}
.hr-dash-box a p b{ color:#748495; margin-right: 5px;}
.hr-dash-lea .owl-item{padding:0px 5px;}
.hr-dash-lea h6{ font-size: 24px; width: 100%; padding-bottom: 10px; margin-bottom:10px; color: #424d59; font-weight: 300; display: flex; justify-content: space-between; text-transform: uppercase;}
.hr-dash-lea h6 a{ background: #748495; border: 1px solid #748495; padding: 5px 10px; font-size: 12px;}
.hr-dash-lea h6 a ion-icon{width: 17px; height: 17px;}
.hr-dash-lea h6 a:hover{ background: transparent; border: 1px solid #626262; color: #626262;}
.hr-dash-prm .owl-item{padding:0px 5px;}
.hr-dash-prm h6{ font-size: 24px; width: 100%; padding-bottom: 10px; margin-bottom:10px; color: #424d59; font-weight: 300; display: flex; justify-content: space-between; text-transform: uppercase;}
.hr-dash-prm h6 a{ background: #748495; border: 1px solid #748495; padding: 5px 10px; font-size: 12px;}
.hr-dash-prm h6 a ion-icon{width: 17px; height: 17px;}
.hr-dash-prm h6 a:hover{ background: transparent; border: 1px solid #626262; color: #626262;}
.hr-dash-box a small{ background-color: #d9261c; color: #fff; margin-top: 10px; padding:2px 10px 0px; border-radius: 20px; font-size: 12px;}
.le-pr-app{background-color: #0bb56d !important;}
.le-pr-pnd{background-color: #d9261c !important;}
.lea-pre-dts{width: 100%; display: flex; flex-wrap: wrap; padding: 10px 10px; margin-top: 9px;}
.lea-pre-sub{width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.lea-pre-box{width: 100%; display: flex; margin-bottom: 25px;}
.lea-pre-box:last-child{ margin-bottom: 0;}
.tdy-lea-box{ width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background-color: #dce6f0; padding: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.tdy-pre-box{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; background-color: #dce6f0; padding: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.tdy-lea-box .owl-item { padding: 0px 5px;}
.tdy-lea-box .owl-item .hr-dash-box{ padding: 15px 15px;}
.tdy-lea-box h6{ font-size: 24px; width: 100%; padding-bottom: 10px; margin-bottom:10px; color: #424d59; font-weight: 300; display: flex; justify-content: space-between; text-transform: uppercase;}
.tdy-lea-box h6 b{ width: auto; background-color: #d9261c; padding: 0px 15px; border-radius: 20px; color: #fff; font-size: 20px; display: flex; align-items: center; font-weight: 600;}
.tdy-pre-box h6 b{ width: auto; background-color: #d9261c; padding: 0px 15px; border-radius: 20px; color: #fff; font-size: 20px; display: flex; align-items: center; font-weight: 600;}
.tdy-pre-box .owl-item { padding: 0px 5px;}
.tdy-pre-box .owl-item .hr-dash-box{ padding: 20px 25px;}
.tdy-pre-box h6{ font-size: 24px; width: 100%; padding-bottom: 10px; margin-bottom:10px; color: #424d59; font-weight: 300; display: flex; justify-content: space-between; text-transform: uppercase;}
.lea-pre-sub .no-rcd-fnd{ min-height: 258px;}
.no-rcd-fnd{ width: 100%; display: flex; justify-content: center; align-items: center;}
.no-rcd-fnd i{ font-size:20px !important; color: #d9261c; margin-right: 10px;}
.no-rcd-fnd p{ font-size:20px;  color: #505c68; margin-bottom: 0; font-weight: 300; line-height: 1.3;}
.spr-adn-cht{width: 100%; display: flex; flex-wrap: wrap; padding: 10px 10px; margin-top: 7px;}
.spr-adn-sub{ padding: 25px; width: 100%; border-radius: 5px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.adn-cht-hed{ width: 100%; display: flex; justify-content: space-between; margin: 10px 0px 20px;}
.adn-cht-hed1{ width: 40%; display: flex; align-items: center;}
.adn-cht-hed1 h1{font-size: 18px; color: #576471; width: 100%; text-align: left; text-transform: uppercase; margin-bottom: 0;}
.adn-cht-hed1 span{ background-color: #d9261c; padding: 5px 10px; border-radius: 20px;}
.adn-cht-hed1 h1 b{color: #da1e25; margin-left: 10px;}
.adn-cht-hed1 span a{ color: #fff;}
.adn-cht-hed1 span a:hover{ color: #e3e3e3;}
.adn-cht-hed2{ width:60%; display: flex; align-items: center; justify-content: flex-end;}
.adn-cht-hed2 span{ margin: 0px 10px; display: flex; align-items: center;}
.adn-cht-act{ background-color: #fff; padding:1px 5px; color:#d9261c !important; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.adn-cht-hed1 span a:last-child{ margin-left: 10px;}
.adn-cht-hed2 span input{border: 1px solid #ddd; border-radius: 5px;}
.adn-cht-hed2 span .sort-ord{width: 100%; min-width: 110px;}
.adn-cht-hed2 span label{ font-weight: 600; margin-right: 5px; margin-bottom: 0; color: #444;}
.sup-adm-new{ width: 100%; padding: 0px 10px 0px; grid-template-columns: repeat(2, 1fr); display: grid; gap: 25px;}
.sup-adm-new .new-lea-count b{ color:#31475e;}
.sup-adm-new .new-lea-prt{ padding: 20px 20px 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.sup-adm-new .new-dsh-box{ margin: 7px 0px; flex-wrap: wrap;}
.stf-cunt-hd{ width: 100%; display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e6e8ee;}
.stf-cunt-hd span{display: flex; align-items: center;}
.stf-cunt-hd span h1{ width: 100%; font-size: 18px; margin-bottom: 0; color:#6c7680; display: flex; align-items: center;}
.stf-cunt-hd span h1 b{ color: #00458f; font-size: 24px; width: auto; margin-left: 10px; font-weight: 400;}
.stf-cunt-hd span ion-icon{ width: 25px; height: 25px; margin-right: 5px; color:#d9261c;}
.stf-cunt-hd span:first-child ion-icon{color:#d9261c;}
.stf-cunt-hd span:first-child{ width: 50%;}
.stf-cunt-hd span:nth-child(2){ width: 25%; justify-content: flex-end;}
.stf-cunt-hd span:last-child{ width: 25%; justify-content: flex-end;}
.adm-dsh-main .new-dsh-sub .new-lea-prt2 .new-lea-count b{ font-size: 28px;}
.lea-dts-new{width:100%; display:flex; flex-wrap:wrap; padding:30px 10px 10px;}
.lea-dts-new .new-lea-prt1{ flex-wrap: wrap;}
.lea-dts-new .new-lea-prt1 h1{font-size: 18px; color: #3b444f; width: 100%; text-align: left; text-transform: uppercase; font-weight: 300;}
.lea-dts-new .new-lea-prt1 p{font-size: 16px; color: #383f46; text-align:left; margin-bottom: 10px;}
.lea-dts-new .new-lea-count b{ font-size: 18px;}
.leave_select{ width: 90%;}
.lea-dts-new .new-lea-count small{ font-size: 15px;}
.timepop-sml{ display: flex; align-items: center; justify-content: center;}
.timepop{font-size: 12px; text-transform: none; font-weight: 600; background-color: #f00; color: #fff; padding: 5px 10px; border-radius: 30px; width: auto !important; margin-top: 10px;}
.timepop ion-icon{ width: 20px; height: 20px;}
.lea-dts-new .new-lea-prt2{grid-template-columns: repeat(5, 1fr);}
.lea-dts-new .new-lea-prt3 h2 b small{ font-weight: 600; color: #7b7b7b; font-size: 20px; text-transform: none;}
.lea-dts-new .new-lea-prt1{ width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
.lepr-dts-box{ width: 100%; display: flex; flex-wrap: wrap;}
.lepr-dts-box:first-child{ border-right: 1px solid #e6e8ee;}
.lepr-dts-hed{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.lepr-dts-img{ width: 24%; display: flex; align-items: center; justify-content: center;}
.lepr-dts-img span{ width: 100px; height: 100px; display: flex; background-color: #e9e6ec; align-items: center; border-radius: 50%; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.lepr-dts-img span img{ object-fit: cover; margin: 0 auto; height:100%; width:100%; border-radius:30px;}
.lepr-dts-dts{ width: 75%; display: flex; margin-left:25px; flex-wrap: wrap; align-items: center; padding-right: 15px;}
.lepr-dts-dts h1{ width: 100% !important; font-size: 24px !important; color: #344459 !important; font-weight:600 !important; margin-bottom: 0 !important; text-transform: none !important;}
.lepr-dts-dts h1 small{ display:block !important; font-size:17px !important; color:#3b444f !important; font-weight:300 !important; width:100%;}
.lepr-dts-dts ul{ list-style: none; padding: 0; margin: 5px 0px 0px; width: 100%; display: flex; align-items: center;}
.lepr-dts-dts ul li{width: 100%; padding-right: 40px; display: flex; align-items: center; position: relative;}
.lepr-dts-dts ul li::before{ position: absolute; content: ''; width: 3px; height: 20px; background-color: #cccccc; top: 8px; right: 20px;}
.lepr-dts-dts ul li:nth-child(2)::before{ top: 5px;}
.lepr-dts-dts ul li:last-child{ padding-right: 0;}
.lepr-dts-dts ul li:last-child::before{ display: none;}
.lepr-dts-dts ul li small{ font-size: 18px; color: #7d8895; font-weight: 300; width: 10%;}
.lepr-dts-dts ul li ion-icon{ width: 20px; height: 20px; color: #656565; padding-top: 2px; padding-right: 2px;}
.lepr-dts-dts ul li b{ font-size: 18px; color: #f12228; display: flex; align-items: center; width: 85%;}
.lepr-dts-dts ul li i{ font-size: 18px; margin-right: 10px; color: #b7b7b7;}
.lepr-dts-dts ul li p{ font-size: 18px; margin-bottom: 0; color: #323232;}
.lea-remrk-box{ width: 100%; display: flex; margin-top: 20px; flex-wrap: wrap; justify-content:center;}
.lea-remrk-box .form-row{ width: 100%;}
.lea-remrk-box .form-row .course-frm{ flex-wrap: wrap; margin-bottom: 0;}
.lea-remrk-box .form-row label{text-align: left; color: #737373; font-weight: 300; text-transform: uppercase; font-size: 16px;}
.lea-remrk-box .form-row textarea{ padding: 0px 0px; font-size: 16px !important; border-bottom: 1px solid #e4e4e4 !important; border: 0; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -ms-border-radius:0 !important; -o-border-radius:0 !important; }
.lea-remrk-box .form-row .col-md-12{ padding: 0;}
.lea-remrk-box .col-md-12{ padding: 0;}
.lea-remrk-box label{text-align: left; color: #737373; font-weight: 300; text-transform: uppercase; font-size: 16px;}
.lea-remrk-box p{ margin-bottom: 0; text-align: center; padding: 10px 25px; border: 1px solid #e3e3e3; border-radius: 25px;}
.apr-rej-btn{ width: 100%; display: flex; margin-top: 25px; align-items: center; justify-content: center; flex-wrap: wrap;}
.apr-rej-btn span{position: relative;}
.apr-rej-btn span a{ margin-left: 15px; padding: 5px 15px; background-color: #d9261c; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; color: #fff; font-size: 16px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.apr-rej-btn span a:first-child{margin-left: 0px;}
.apr-rej-btn span a:hover{ transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; background-color: #bd0209;}
.apr-rej-btn span h6{padding: 10px 30px; margin-bottom: 0; font-size: 18px; border: 1px solid #65707b; border-radius: 35px; background-color: #65707b; color: #fff; font-weight: 900;}
.apr-rej-btn span h6 small{font-size: 18px; margin-right: 5px; color: #d7dee6;}
.apr-rej-btn span h6 p{font-size: 18px; color: #fff; display: block; margin-bottom: 0; font-weight: 300; text-align: center;}
.apr-rej-btn .le-pr-app:hover{ background-color: #0f8020 !important;}
.apr-rej-btn #xsearchbox{ width: 100%; margin-top: 25px;}
.apr-rej-btn #xsearchbox .xsearchbdy{ background-color: transparent; border: 1px solid #ddd; border-radius:35px; -webkit-border-radius:35px; -moz-border-radius:35px; -ms-border-radius:35px; -o-border-radius:35px; margin-bottom: 0;}
.apr-rej-btn #xsearchbox .xsearchbdy .inr-leav-sum{ padding: 0; justify-content: space-between;}
.apr-rej-btn #xsearchbox .xsearchbdy .inr-leav-sum h2{ font-size: 16px; color: #d9261c; margin-bottom: 0;}
.apr-rej-btn #xsearchbox .xsearchbdy .inr-leav-sum a{ padding: 5px 15px; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; color: #fff; background-color: #d9261c;}
.apr-rej-btn #xsearchbox .xsearchbdy .inr-leav-sum textarea{ width: 72%; line-height: 3px; border: 1px solid #ddd;
  border-radius: 5px; padding: 5px 8px; margin-bottom: 0;}
.apr-rej-btn #xsearchbox .xsearchbdy .inr-leav-sum a:hover{ transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; background-color: #bd0209;}
.not-dab-sec{width: 100%; display: flex; flex-wrap: wrap; padding: 10px 10px;}
/* Tabs */
.not-tab{ margin-top:0px; background:#eef4f9; padding: 10px 0px; border-radius: 35px; width:100%; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }
.not-tab .nav-tabs{ text-align:center; border-bottom:0 none;}
.not-tab .nav-tabs > li{ display:inline-block; margin:0 10px 0 0;}
.not-tab .nav-tabs-custom{ margin-bottom:0; position:relative; z-index:0;}
.not-tab .nav-tabs-custom > .nav-tabs > li{ background-color: #fff; border-radius:30px; padding:0px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
.not-tab .nav-tabs-custom > .nav-tabs > li a{ padding:8px 20px; display:block; font-size:14px;}
.not-tab .nav-tabs-custom > .tab-content{ background-color:#fff; padding:20px; margin-top:10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.not-tab .nav-tabs-custom > .tab-content .new-lea-prt{ margin-bottom: 30px; border: 1px solid #ddd;}
.not-tab .nav-tabs-custom > .tab-content .new-lea-prt:last-child{ margin-bottom: 0;}
.not-tab .nav-tabs-custom > .tab-content h2{ font-size:18px; color:#333; margin:5px 0px 10px; background-color: #f5f5f5;}
.not-tab .nav-tabs-custom > .tab-content h3{ font-size:17px; color:#333; margin:7px 0px; font-weight:500}
.not-tab .nav-tabs-custom > .tab-content h3 a{ text-decoration:none; color:#333;}
.not-tab .nav-tabs-custom > .tab-content h3 a:hover{ color:#da2a20;}
.not-tab .nav-tabs-custom > .tab-content p{ text-align:justify; font-size:14px; line-height:1.6; margin:8px 0px;}
.not-tab .nav-tabs > li{ position:relative;}
.not-tab .nav-tabs > li > a{ position:relative; z-index:510; padding:8px 20px; font-size:16px; color:#444; border-radius:4px 4px 0 0; font-weight:500; margin-bottom: 0;}
.not-tab .nav-tabs-custom > .nav-tabs > li.active > a, .not-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background-color:#d9261c; color:#fff; border-color:#027dc2;}
.not-tab .nav-tabs-custom > .nav-tabs > li > a.active, .not-tab .nav-tabs-custom > .nav-tabs > li:hover > a.active{ background-color:#d9261c; color:#fff; border-color:#d9261c; border-radius: 30px;}
.not-tab .nav-tabs > li:before{ -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;  background: #d9261c; z-index:1; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
.not-tab .nav-tabs > li:hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1;}
.not-tab .nav-tabs > li > a:hover{background:none transparent; color:#fff;}
.not-tab .nav-tabs > li a::after{content: ''; position: absolute; width: 1px; height: 0px; top: 40px; left: 0; background: #d9261c; z-index: 1; right: 0; margin: 0 auto; transition: all 0.35s ease;}
.not-tab .nav-tabs > li a:hover:after{ height: 12px; top: 37px; transition: all 0.35s ease;}
.not-tab .nav-tabs-custom > .nav-tabs > li > a.active::after{height: 10px; top: 37px;}
.not-tab .nav-tabs-custom > .nav-tabs > li > a.active{ position: relative;}
.not-tab .nav-tabs-custom > .nav-tabs > li > a small{background-color: #ff7373; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; content: ''; width: 25px; height: 25px; top: -12px; display: flex; justify-content: center; align-items: center; right: 0; -webkit-animation: ring 4s .5s ease-in-out infinite; -webkit-transform-origin: 50% 4px; -moz-animation: ring 4s .5s ease-in-out infinite; -moz-transform-origin: 50% 1px; animation: ring 4s .7s ease-in-out infinite; transform-origin: 50% 4px; font-size: 12px;}
.tab-lea-his{ width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.lea-not-tlb{ width: 100%; border-radius: 35px; margin-bottom: 15px; padding: 5px 0px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; background-color: #8a8a8a;}
.tab-lea-his .lea-not-tlb:last-child{ margin-bottom: 0;}
.lea-not-tlb .table > tbody > tr td{ background-color: transparent !important; padding: 0px; line-height: 25px; border-top:1px solid rgba(255,255,255,0.3);}
.lea-not-tlb .table > tbody > tr th{ border: none; padding: 0px; line-height: 25px;}
.lea-not-tlb .tbl-bdy .table tbody{ border: none;}
.lea-not-tlb .table > tbody > tr th b{ color: rgba(255, 255, 255, 0.9); font-size: 16px; font-weight: 600;}
.lea-not-tlb .table > tbody > tr td small{ color: #fff; font-size: 16px; font-weight: 300;}
.lea-not-tlb .table > tbody > tr th a{ display: flex; color: #fff; margin-bottom: 0; justify-content: center; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.lea-not-tlb .table > tbody > tr th a:hover{ transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; color: rgba(255,255,255,0.4);}
.lea-not-tlb .table > tbody > tr th a ion-icon{ width: 25px; height: 25px;}
.lea-not-tlb .table > tbody > tr:hover td{ background-color: transparent !important;}
.lea-crtd{ background-color: #28bb92 !important;}
.lea-dind{ background-color: #f96464 !important;}

.lea-link-btn{padding: 2px 10px; color: #333; border-radius:50px; overflow: hidden; transition: 0.4s; font-size: 18px; font-weight: 600;}
/* .lea-link-btn{padding: 2px 10px; background-color: #8e8e8e; color: #fff; border-radius: 10px; border: 1px solid #8e8e8e; transition: 0.4s;} */
.lea-link-btn:hover{ background-color:#ddd; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}

.apply_permission_staff{ width: 100%;}
.apply_permission_staff .course-frm .time-picker-ctrl{ width: 100%;}
.apply_permission_staff .course-frm .time-picker-ctrl input{ min-height: 35px; border: 1px solid #ced4da;}

.lea-per-ped-cor{ padding: 0px 15px !important; width: 100%;}
.popsubmit{margin-right: 10px; border-radius: 30px; padding: 0px 10px;}


/* Work Tabs */
.work-tab-main{ width: 100%; padding: 0px 10px;}
.work-tab-main .work-tab-inside{ width: 100%; padding:20px; border-radius: 20px; background-color: #fff;}
.work-tab{ margin-top:0px; padding: 10px 0px; width:100%;}
.work-tab .nav-tabs{ text-align:center; border-bottom:0 none; background-color: #eef4f9; border-radius: 15px; padding: 15px; position: relative;}
.work-tab .nav-tabs-custom .new-compose{ position: absolute; right:15px; top:16px;}
.work-tab .nav-tabs-custom .new-compose a{ background-color: #1c84c6; border:1px solid #1c84c6; border-radius: 30px; padding:6px 20px; display: flex; align-items: center; font-size: 18px; color: #fff; font-weight:300;}
.work-tab .nav-tabs-custom .new-compose a:hover{ background-color:transparent; border:1px solid #1c84c6; color: #1c84c6;}
.work-tab .nav-tabs-custom .new-compose a i.lnr{ font-size: 15px; margin: 0px 5px;}
.work-tab .nav-tabs > li{ display:inline-block; margin:0 10px 0 0;}
.work-tab .nav-tabs-custom{ margin-bottom:0; position:relative; z-index:0;}
.work-tab .nav-tabs-custom > .nav-tabs > li{ background-color: #fff; border: 1px solid #e6e6e6; border-radius:30px; padding:0px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
.work-tab .nav-tabs-custom > .nav-tabs > li a{ padding:7px 20px; display:flex; align-items: center; font-size: 18px; color: #fff; font-weight: 400;color: #fff; background-color: #ff6656; border-color: #ff6656; border-radius: 30px;}
.work-tab .nav-tabs-custom > .nav-tabs > li a i.lnr{ font-size: 15px; margin: 0px 5px;}
.work-tab .nav-tabs-custom > .nav-tabs > li a span{ display: inline-block; min-width:25px; height:25px; background-color: #fff; border-radius: 50px; text-align: center; font-size: 14px; padding:2px 4px; margin: 0px 8px;}
.work-tab .nav-tabs-custom > .nav-tabs > li:nth-child(1) a{ background-color: #ff6656; border-color: #ff6656;}
.work-tab .nav-tabs-custom > .nav-tabs > li:nth-child(1) a span{ color: #ff6656;}
.work-tab .nav-tabs-custom > .nav-tabs > li:nth-child(1) a:hover span{ color: #333; transition: all ease 0.4s;}
.work-tab .nav-tabs-custom > .nav-tabs > li:nth-child(2) a{ background-color: #27c24c; border-color: #27c24c;}
.work-tab .nav-tabs-custom > .nav-tabs > li:nth-child(2) a span{ color: #27c24c;}
.work-tab .nav-tabs-custom > .nav-tabs > li:nth-child(2) a:hover span{ color: #333; transition: all ease 0.4s;}
.work-tab .nav-tabs-custom > .tab-content{ background-color:#fff; padding:15px 20px; border:1px solid #e6e6e6; margin-top:10px; border-radius: 15px;}
.work-tab .nav-tabs-custom > .tab-content .new-lea-prt{ margin-bottom: 30px; border: 1px solid #ddd;}
.work-tab .nav-tabs-custom > .tab-content .new-lea-prt:last-child{ margin-bottom: 0;}

.work-tab .nav-tabs > li > a{ position:relative; z-index:510; padding:8px 20px; font-size:16px; color:#444; border-radius:4px 4px 0 0; font-weight:500; margin-bottom: 0;}
.work-tab .nav-tabs-custom > .nav-tabs > li.active > a, .work-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background-color:#ff6656; color:#fff; border-color:#027dc2;}
.work-tab .nav-tabs-custom > .nav-tabs > li:nth-child(1) a.active, .work-tab .nav-tabs-custom > .nav-tabs > li:nth-child(1) a:hover > a.active{ background-color:#ff6656; color:#fff; border-color:#ff6656; border-radius: 30px;}
.work-tab .nav-tabs-custom > .nav-tabs > li:nth-child(2) a.active, .work-tab .nav-tabs-custom > .nav-tabs > li:nth-child(2) a:hover > a.active{ background-color:#27c24c; color:#fff; border-color:#27c24c; border-radius: 30px;}

/* .work-tab .nav-tabs > li:before{ -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;  background: #ff6656; z-index:1; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; } */
.work-tab .nav-tabs > li:hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1;}
.work-tab .nav-tabs > li > a:hover{background:none transparent; color:#fff;}
.work-tab .nav-tabs > li:nth-child(1) a::after{content: ''; position: absolute; width: 15px; height: 0px; top: 40px; left: 0; background: #ff6656; z-index: 1; right: 0; margin: 0 auto; transition: all 0.35s ease; clip-path: polygon(100% 0, 50% 100%, 0 0); -webkit-clip-path:polygon(100% 0, 50% 100%, 0 0);}
.work-tab .nav-tabs > li:nth-child(2) a::after{content: ''; position: absolute; width: 15px; height: 0px; top: 40px; left: 0; background: #27c24c; z-index: 1; right: 0; margin: 0 auto; transition: all 0.35s ease; clip-path: polygon(100% 0, 50% 100%, 0 0); -webkit-clip-path:polygon(100% 0, 50% 100%, 0 0);}
.work-tab .nav-tabs > li a:hover:after{ height: 12px; top:41px; transition: all 0.35s ease;}
.work-tab .nav-tabs > li:nth-child(2) a:hover:after{ background-color: #27c24c;}
.work-tab .nav-tabs-custom > .nav-tabs > li > a.active::after{height: 10px; top:41px;}
.work-tab .nav-tabs-custom > .nav-tabs > li > a.active{ position: relative;}
.work-tab .nav-tabs-custom > .nav-tabs > li > a small{background-color: #ff7373; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; content: ''; width: 25px; height: 25px; top: -12px; display: flex; justify-content: center; align-items: center; right: 0; -webkit-animation: ring 4s .5s ease-in-out infinite; -webkit-transform-origin: 50% 4px; -moz-animation: ring 4s .5s ease-in-out infinite; -moz-transform-origin: 50% 1px; animation: ring 4s .7s ease-in-out infinite; transform-origin: 50% 4px; font-size: 12px;}

.wrk-report-tbl-main{ width: 100%; padding:0px 0px; border-radius: 5px; }
.wrk-report-tbl-main h1{ font-size: 24px; text-align: center; color: #444; margin-bottom: 15px; text-transform: uppercase;}
.wrk-report-tbl{ width: 100%; padding: 0px;}
.wrk-report-tbl .tbl-bdy{ background-color: transparent; padding-bottom: 90px;}
.wrk-report-tbl .tbl-bdy .table > tbody{ border: none;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr{ background-color: transparent !important;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td{ color: #444; padding: 10px 0px; border-right: 1px solid transparent !important; border-bottom: 1px solid #ebebeb !important; border-left: 1px solid transparent !important; font-size: 15px;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td:first-child{ min-width:35px;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td strong{ font-weight:600; color: #222; margin-right: 5px;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td a.report-dtl{ display:block; color: #333;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td a.rpt-rating{ color: #888; font-size: 16px;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td a.rpt-rating.active{ color:#e29c22;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr:first-child td{ border: none;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr:last-child td{ border-bottom: none !important;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td i{ font-size: 10px;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td a{transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.wrk-report-tbl .tbl-bdy .table > tbody > tr td a:hover{ color: #8a8a8a; transition: 0.4s;}
.wrk-report-tbl .tbl-bdy .table > thead > tr th{ text-align: center; padding: 10px 0px; border-bottom: 2px solid #ebebeb !important; color: #444;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td small.work-date{ font-size: 12px; font-weight:400; color: #777; display: block;}

.tick-mark ion-icon{ color:#333; font-size: 16px;}
.tick-mark.active ion-icon{ color:#0581d0;}

.attach-pin{ display:flex; align-items: center; justify-content: center; min-width: 20px;}
.attach-pin ion-icon{ color:#555; font-size: 16px;}

.lea-link-btn{padding:3px 10px; color: #364a63; border-radius:50px; overflow: hidden; transition:0.4s; font-size:18px; font-weight:600;}
.lea-link-btn.round-link{ background-color:#dde8f4; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}
.round-link{ background-color:#dde8f4; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}
/* .lea-link-btn{padding: 2px 10px; background-color: #8e8e8e; color: #fff; border-radius: 10px; border: 1px solid #8e8e8e; transition: 0.4s;} */

/* Work Report Dashboard */
.wrk-reprt-dash{ width: 100%;}
.wrk-reprt-sub1{ width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; margin: 10px 0px 20px;}
.wrk-reprt-link{ width: 50%; display: flex; justify-content:flex-start; align-items: center;}
.wrk-reprt-link a{ padding: 10px 20px; background-color: #ff6656; color: #fff; font-size: 16px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; display: flex; align-items: center; justify-content: center; margin-right:15px;}
.wrk-reprt-link a:last-child{ margin-right: 0;}
.wrk-reprt-link a i{ margin-right: 8px;}
.wrk-reprt-link a small{ margin-left: 15px; background-color: #fff; color: #ff6656; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 14px; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center;}
.wrk-reprt-link a:nth-child(2){background-color: #1c84c6;}
.wrk-reprt-link a:nth-child(2) small{ color: #1c84c6;}
.wrk-reprt-link a:nth-child(3){background-color: #27c24c;}
.wrk-reprt-link a:nth-child(3) small{ color: #27c24c;}
.wrk-reprt-link a:nth-child(4){background-color: #ef1c24;}
.wrk-reprt-link a:nth-child(4) small{ color: #ef1c24;}
.wrk-reprt-pfle{ width: 10%; display: flex; justify-content: flex-end;}
.wrk-reprt-pfle span{ width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.wrk-reprt-pfle span img{ object-fit: contain; width: 100%; height: auto; margin: 0 auto; padding: 0;}
.wrk-reprt-sub2{ width: 100%; display: flex; align-items: flex-start;}
.wrk-reprt-sub2-1{ width: 100%; display: flex; justify-content: space-between;}
.wrk-reprt-lft{ width: 30%; background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.wrk-reprt-rht{ width: 68%; padding: 20px; background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;}
.wrk-reprt-srch { width: 100%; display: flex; justify-content: center; align-items: center; padding: 15px 15px 15px; border-bottom: 1px solid #e5e5e5;}
.wrk-reprt-srch span{ width: 100%; display: flex; border: 1px solid #e5e5e5; padding: 2px 10px; border-radius: 20px;} 
.wrk-reprt-srch span input{ width: 100%; border: 0;}
.wrk-reprt-srch span input:focus{ border: none; outline: none;}
.wrk-reprt-srch span button{ background-color: transparent; border: 0; color: #555555; margin-top: 2px;}
.wrk-reprt-srch span button:hover{ color: #000000;}
.wrk-reprt-scrol{ width: 100%; height: 750px; overflow: auto; scrollbar-width: thin; scrollbar-color:#fff #fff;}
.wrk-reprt-scrol::-webkit-scrollbar-track { background: #fff; } 
.wrk-reprt-scrol::-webkit-scrollbar-thumb { background-color: #fff ; border-radius: 6px; border: 3px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.wrk-reprt-scrol:hover{ overflow: auto; scrollbar-width: thin; scrollbar-color:#f1f1f1 #fff; transition: 0.8s; -webkit-transition: 0.8s; }
.wrk-reprt-lft ul li{ border-bottom: 1px solid #e5e5e5;}
.wrk-reprt-lft ul li:last-child{ border-bottom: none;}
.wrk-reprt-lft ul li a{ margin-bottom: 0;}
.wrk-reprt-lft .nav-pills .nav-link{ display: flex; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; }
.wrk-reprt-lft .nav-pills .nav-link.active{ background-color: #f8f8f8 !important;}
.lnk-prt1{ width: 10%; display: flex; justify-content: flex-start; margin-right: 5px;}
.lnk-prt1 i{ color: #888888; font-size: 16px;}
.lnk-prt1 ion-icon{ color: #888888; font-size: 16px; width: 16px; height: 16px;}
.lnk-prt2{ width: 65%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; overflow: hidden; margin-right: 10px;}
.lnk-prt2 h6{ color: #2b2b2b; font-size: 14px; margin-bottom: 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lnk-prt2 small{ color: #999999; font-size: 12px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lnk-prt3{ width: 25%; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.lnk-prt3 h5{ font-size: 12px; color: #555555; margin-bottom: 0; width: 100%; margin-top: 2px;}
.lnk-prt3 span i{color: #999999;}
.wrk-reprt-dts-hed{width: 100%; display: flex; align-items: center; margin-bottom: 20px;}
.wrk-reprt-dts-hed-1{width: 50%; display: flex; align-items: center; justify-content: flex-start;}
.wrk-reprt-dts-hed-1 h2{ margin-bottom: 0 !important; padding-bottom: 0;}
.wrk-reprt-dts-hed-2{width: 50%; display: flex; align-items: center; justify-content: flex-end;}
.wrk-reprt-dts-hed-2 a{ background-color: #2d8ff7; padding: 3px 20px; color: #fff; border-radius: 25px; text-transform: uppercase; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; border: 1px solid #2d8ff7; display: flex; align-items: center;}
.wrk-reprt-dts-hed-2 a:hover{ background-color: transparent; border: 1px solid #cecece; color: #cecece; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.wrk-reprt-dts{ width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background-color: #f3f3f3; padding: 15px; border-radius: 7px;}
.wrk-reprt-dts-hed-2 ion-icon{ width: 15px; height: 15px; margin-left: 5px;}
.wrk-reprt-dts .reprt-dts-part:last-child{ margin-bottom: 0;}
.reprt-dts-part{ width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 5px;}
.wrd-part-1{ width: 5%; display: flex; justify-content: flex-start; align-items: center;}
.wrd-part-1 h5{ margin-bottom: 0; color: #444444; font-size: 14px; font-weight: 300;}
.wrd-part-2{ width: 2%; display: flex; justify-content: flex-start; align-items: center;}
.wrd-part-2 small{margin-bottom: 0; color: #444444; font-size: 14px; font-weight: 300;}
.wrd-part-3{ width: 93%; display: flex; justify-content: flex-start; align-items: center;}
.wrd-part-3 span{ margin-right: 5px;}
.wrd-part-3 span p{ margin-bottom: 0;}
.wrk-reprt-rht .tab-content .tab-pane h2{ font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.wrk-reprt-cont{width: 100%; display: flex; justify-content: center; align-items: center; margin: 15px 0px 0px;}
.wrk-reprt-cont p{ margin-bottom: 0;}
.wrk-reprt-sign{width: 100%; display: flex; justify-content: center; align-items: flex-start; margin-top: 30px; padding-top: 10px; border-top: 1px solid #f9f9f9;}
.wrk-reprt-sign span{ width: 100%; height: 100%;}
.wrk-reprt-sign span img{ object-fit: cover; width: 100%; height: 100%; margin: 0 auto; padding: 0;}
.wrk-reprt-rly{ width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.reprt-rly-box{ width: 100%; margin-bottom: 25px;}
.wrk-reprt-rly .reprt-rly-box .col-md-12{ padding: 0;}
.wrk-reprt-rly .reprt-rly-box label{ text-align: left;}
.wrk-reprt-rly .reprt-rly-box textarea{ border-bottom: 1px solid #e4e4e4 !important; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.wrk-reprt-rly .reprt-rly-box input{ border-bottom: 1px solid #e4e4e4 !important; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; padding: 0;}
.wrk-reprt-rly .reprt-rly-box .form-control{box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.25);}
.wrk-reprt-modal{max-width: 900px !important; height: 90vh; margin: 30px auto !important;}
.wrk-reprt-modal .modal-body{ height:80vh; overflow: auto; scrollbar-width: thin; scrollbar-color: #8d8e97 #eee;}
.unread-msg{ color: #000;}
.unread-msg .lnk-prt1 ion-icon{ color: #000 !important;}
.unread-msg .lnk-prt2 h6{ color: #000 !important; font-weight: 600 !important;}
.unread-msg .lnk-prt2 small{ color: #000 !important; font-weight: 600 !important;}
.unread-msg .lnk-prt3 h5{ color: #000 !important; font-weight: 600 !important;}
.unread-msg .lnk-prt3 span i{ color: #000 !important;}
/* Work Report Dashboard */

/* Prohect Report */
.prjct-report-main{ width: 100%; padding: 10px 20px;}
.prjct-report-view{ width: 100%; background-color: #ecf2f7; border-radius: 15px; padding: 25px;}
.prjct-report-view .prjct-report-tit{ width:100%; display:flex; align-items:center; justify-content: space-between; margin-bottom:20px;}
.prjct-report-view .prjct-report-tit h1{ font-size:24px; font-weight:600; color: #333; margin: 0px; text-transform: uppercase;}
.prjct-report-view .prjct-report-tit span{ display: inline-block;}
.prjct-report-view .prjct-report-tit span a{ background-color: #206cf7; border: 1px solid #206cf7; color: #fff; transition: 0.4s; border-radius: 20px; padding:4px 15px; text-transform: uppercase; font-size: 14px; display: flex; align-items: center}
.prjct-report-view .prjct-report-tit span a i{ padding-right: 5px; font-size:15px;}
.prjct-report-view .prjct-report-tit span a:hover{ background-color:transparent; border: 1px solid #206cf7; color: #206cf7;}

.prjct-report-view .prjct-report-tit span button{ background-color: #206cf7; border: 1px solid #206cf7; color: #fff; transition: 0.4s; border-radius: 20px; padding:4px 15px; text-transform: uppercase; font-size: 14px; display: flex; align-items: center}
.prjct-report-view .prjct-report-tit span button i{ padding-right: 5px; font-size:15px;}
.prjct-report-view .prjct-report-tit span button:hover{ background-color:transparent; border: 1px solid #206cf7; color: #206cf7;}

.prjct-report-cont{ width: 100%; border-bottom:1px solid #e0e0e0; margin-bottom: 20px;}
.prjct-report-cont:last-child{ margin-bottom: 0; border-bottom: 0 none;}
.prject-rport-box{ width: 100%; display: flex; justify-content: space-between;}
.prject-rport-box .form-control{ border:0 !important; border-radius: 5px;}
.prject-rport-box .prject-rport-slct{ width: 22%; background-color: #fff; border-radius: 5px; display: flex; align-items: center;}
.prject-rport-box .prject-rport-atch{ width: 73%; position: relative; display:flex; align-items: center; justify-content: space-between; background-color: #fff; border-radius:3px;}
.prject-rport-box .prject-rport-atch .form-control{ min-height: 35px; position: relative; padding: 6px 6px;}
.prject-rport-box .prject-rport-atch span{ display: inline-block; position: absolute; right:2px;}
.prject-rport-box .prject-rport-atch span a{ background-color: #eef4f9; margin-right: 2px; color: #2b2b2b; border-radius: 50px; text-align: center; padding: 5px 5px; display: flex; font-size: 16px; align-items: center; margin-bottom: 0;}
.prject-rport-box .prject-rport-atch span a:hover{ color: #2469f6;}
.prject-rport-box .prject-rport-atch span a i{ transform: rotate(35deg);}

.prject-rport-box .prjct-close-icn{ width: 4%; display: flex; align-items: center; justify-content: center; background-color: #808285; border-radius: 3px;}
.prject-rport-box .prjct-close-icn span{ display: inline-block; }
.prject-rport-box .prjct-close-icn span a{ background-color: #fff; color: #808285; border-radius:50px; text-align: center; padding: 5px 5px; display: flex; font-size: 16px; align-items: center; margin-bottom: 0; transition: ease 0.4s;}
.prject-rport-box .prjct-close-icn span a:hover{ transform: rotate(180deg); transition: ease 0.4s;}
.prject-rport-box .prjct-close-icn span a:hover i{ color:#f90000; transition: ease 0.4s;}

.prject-rport-box .prjct-close-icn span button{ background-color: #fff; color: #808285; border-radius:50px; text-align: center; padding: 5px 5px; display: flex; font-size: 16px; align-items: center; margin-bottom: 0; transition: ease 0.4s;}
.prject-rport-box .prjct-close-icn span button:hover{ transform: rotate(180deg); transition: ease 0.4s;}
.prject-rport-box .prjct-close-icn span button:hover i{ color:#f90000; transition: ease 0.4s;}

.prject-rport-atch input[type=file] { position: absolute; right: -9999px; visibility: hidden; opacity: 0; }
.prject-rport-atch input[type=submit] { position: relative; padding: 1rem 3rem; background: #0c8fda; display: inline-block; text-align: center; overflow: hidden; border-radius: 10px; border: 0; color: #fff; }
.prject-rport-atch  input[type=submit]:hover { background: #0b7fc2; color: #fff; cursor: pointer; transition: 0.2s all; }

.prject-rport-atch .files { min-height: 35px; position: relative; padding: 6px 6px; width: 94%; border-right: 1px solid #eeeeee;}
.prject-rport-atch .files ul { list-style: none; margin: 0; padding: 0; max-height: 150px; overflow: auto; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.prject-rport-atch .files ul li { position: relative; font-size: 13px; background-color: #eee; margin: 2px; padding:2px 2px 2px 10px; border-radius: 50px; display: flex; align-items: center; font-weight: 400; color: #444;}
.prject-rport-atch .files ul li i { cursor: pointer;}
.prject-rport-atch .files ul li span{ position: relative;}
.prject-rport-atch .files ul li i{ font-size: 14px; display: flex; color: #677582; background-color: #fff; border-radius: 50px; padding: 3px; margin-left: 3px; transition: all ease 0.4s; min-width: 22px; min-height: 22px; align-items: center; justify-content: center;}
.prject-rport-atch .lnk-rht{ width:6%; display: flex; justify-content:center;}
.prject-rport-atch .lnk-rht label{ background-color: #eef4f9; margin-right: 2px; color: #2b2b2b !important; border-radius: 50px; text-align: center; padding: 5px 5px; display: flex; font-size: 16px; align-items: center; margin-bottom: 0;}
.prject-rport-atch .lnk-rht label i{ transform: rotate(35deg);}
.prject-rport-atch .lnk-rht label:hover { color: #2469f6 !important; cursor: pointer; transition: 0.2s all; }

.prject-rport-atch span.file-size { color: #999; padding:0px 0px 0px 10px; font-size: 11px;}

.prject-rport-atch input[type="file"] { border: 1px solid #b5bcc7; vertical-align: middle; direction: rtl; }
.prject-rport-atch input[type="file"]::-webkit-file-upload-button { background: #485dc5; color: #FFFFFF; line-height: 38px; padding: 0px 20px; border: none; float: right; }

/* fallback */
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v70/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); }

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size:16px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -moz-font-feature-settings: 'liga'; -moz-osx-font-smoothing: grayscale; color: #808285; background-color: #fff; border-radius: 50px; padding: 3px; margin-left: 3px; transition:all ease 0.4s;}
.material-icons:hover{ color: #ff222b; transition:all ease 0.4s;}

.prject-rport-tbl{ width: 100%; margin:5px 0px; padding:0px;}
.prject-rport-tbl .table{ background-color: #fff;}
.prject-rport-tbl .table > thead > tr th{ text-transform: uppercase; font-size: 15px; text-transform: uppercase; color: #222222; font-weight: 600; border: 1px solid #eef4f9 !important; padding: 10px 10px;}
.prject-rport-tbl .table > tbody > tr{ background-color: #fff;}
.prject-rport-tbl .table > tbody > tr:hover td{ background-color: #fff !important;}
.prject-rport-tbl .table > tbody > tr td{ border: 1px solid #eef4f9 !important; border-left: 1px solid #eef4f9 !important; padding:5px 5px;}
.prject-rport-tbl .table > tbody > tr td textarea.form-control{ min-height: 10px;}
.prject-rport-tbl .table > tbody > tr td select{ width:80%;}
.prject-rport-tbl .table > tbody > tr td .form-control{ border: 0;}
.prject-rport-tbl .table > tbody > tr td a.tbl-close{ background-color: #eef4f9; color: #f90000; border-radius: 50px; text-align: center; padding:5px; font-size: 14px; margin-bottom: 0; display: inline-block; min-width: 31px; min-height: 30px;}
.prject-rport-tbl .table > tbody > tr td a.tbl-close:hover{ background-color: #999; color: #fff;}
.prject-rport-tbl .table > tbody > tr td a.tbl-close:hover{ color: #fff; transform: rotate(180deg); transition: all ease 0.6s;} 

.prject-rport-tbl .table > tbody > tr td button.tbl-close{ background-color: #eef4f9; color: #f90000; border-radius: 50px; text-align: center; padding:5px; font-size: 14px; margin-bottom: 0; display: inline-block; min-width: 31px; min-height: 30px;}
.prject-rport-tbl .table > tbody > tr td button.tbl-close:hover{ background-color: #999; color: #fff;}
.prject-rport-tbl .table > tbody > tr td button.tbl-close:hover{ color: #fff; transform: rotate(180deg); transition: all ease 0.6s;} 

.add-task{ width: 100%; display:flex; align-items: center; justify-content: center; margin: 15px 0px;}
.add-task a{ background-color: #ee3239; border: 1px solid #ee3239; color: #fff; transition: 0.4s; border-radius:50px; padding:3px 15px; text-transform: uppercase; font-size: 14px; display: flex; align-items: center}
.add-task a i{ padding-right: 5px; font-size:15px;}
.add-task a:hover{ background-color:transparent; border: 1px solid #ee3239; color: #ee3239;}

.add-task button{ background-color: #ee3239; border: 1px solid #ee3239; color: #fff; transition: 0.4s; border-radius:50px; padding:3px 15px; text-transform: uppercase; font-size: 14px; display: flex; align-items: center}
.add-task button i{ padding-right: 5px; font-size:15px;}
.add-task button:hover{ background-color:transparent; border: 1px solid #ee3239; color: #ee3239;}

/* Prohect Report */

/* Report View Page */
.report-view-main{ padding:0px 15px;}
.report-view{ width: 100%;}
.report-view .report-view-box{ width: 100%;}
.report-view .report-view-box ul{ margin: 0; padding: 0; display:grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0px 30px;}
.report-view .report-view-box ul li{ width: 100%; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; margin-bottom: 25px; line-height: 20px; list-style: none;}
.report-view .report-view-box ul li b{ font-size: 18px; color: #737373; font-weight: 300; text-transform: uppercase;}
.report-view .report-view-box ul li p{ font-size: 16px; margin-bottom: 0; color: #333; font-weight: 400; margin-top: 4px; line-height: 1.2; min-height: 20px;}
.report-view .report-view-box ul li:nth-child(5){ grid-column-start: span 2;}

.prjt-rpt-main{ width: 100%; padding: 10px 0px;}
.prjt-rpt-view{ width: 100%; background-color: #f4f4f4; border-radius: 15px; padding: 25px;}
.prjt-rpt-view .prjt-rpt-tit{ width: 100%; display: flex; justify-content: space-between; margin-bottom: 20px; padding-bottom:10px; border-bottom:1px solid #e0e0e0;}
.prjt-rpt-view .prjt-rpt-tit h1{ font-size:24px; font-weight:600; color: #333; margin: 0px; text-transform: uppercase;}
.prjt-rpt-view .prjt-rpt-tit span{ display: inline-block;}
.prjt-rpt-view .prjt-rpt-tit span a{ background-color: #206cf7; border: 1px solid #206cf7; color: #fff; transition: 0.4s; border-radius: 20px; padding:4px 15px; text-transform: uppercase; font-size: 14px; display: flex; align-items: center}
.prjt-rpt-view .prjt-rpt-tit span a i{ padding-right: 5px; font-size:15px;}
.prjt-rpt-view .prjt-rpt-tit span a:hover{ background-color:transparent; border: 1px solid #206cf7; color: #206cf7;}

.prjt-rpt-view .prjt-rpt-tit span button{ background-color: #206cf7; border: 1px solid #206cf7; color: #fff; transition: 0.4s; border-radius: 20px; padding:4px 15px; text-transform: uppercase; font-size: 14px; display: flex; align-items: center}
.prjt-rpt-view .prjt-rpt-tit span button i{ padding-right: 5px; font-size:15px;}
.prjt-rpt-view .prjt-rpt-tit span button:hover{ background-color:transparent; border: 1px solid #206cf7; color: #206cf7;}

.prjt-rpt-cont{ width: 100%; width: 100%; border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; padding-bottom: 10px;}
.prjt-rpt-cont:last-child{ border-bottom: 0 none; margin-bottom: 0; padding-bottom: 0;}
.prjt-rpt-box{ width: 100%; display: flex; justify-content: space-between;}
.prjt-rpt-box .form-control{ border:0 !important; border-radius: 5px;}
.prjt-rpt-box .prjt-rpt-slct{ width: 27%;}
.prjt-rpt-box .prjt-rpt-atch{ width: 72%; position: relative; display:flex; align-items: center;}
.prjt-rpt-box .prjt-rpt-atch .prjt-rpt-txt{ background-color: #fff; width: 100%; display: flex; align-items: center; min-height: 36px; border-radius: 5px; padding: 6px 35px 6px 15px;}
.prjt-rpt-box .prjt-rpt-atch .prjt-rpt-txt a{ color: #666; font-weight:300; font-size: 16px; margin-right:10px; padding-right: 10px; border-right: 1px solid #eee;}
.prjt-rpt-box .prjt-rpt-atch .prjt-rpt-txt a:last-child{ padding-right: 0; margin-right: 0; border-right: none;}
.prjt-rpt-box .prjt-rpt-atch .prjt-rpt-txt a:hover{ color: #f6161f;}
.prjt-rpt-box .prjt-rpt-atch span{ background-color: #eef4f9; margin-right: 2px; color: #2b2b2b; border-radius: 50px; text-align: center; padding: 5px 5px; display: flex; font-size: 16px; align-items: center; margin-bottom: 0; position: absolute; right:2px;}
.prjt-rpt-box .prjt-rpt-atch span i{ transform: rotate(35deg);}

.prjt-rpt-tbl{ width: 100%; margin:5px 0px; padding:0px;}
.prjt-rpt-tbl .table{ background-color: #fff;}
.prjt-rpt-tbl .table > thead > tr th{ text-transform: uppercase; font-size: 15px; text-transform: uppercase; color: #222222; font-weight: 600; border: 1px solid #eef4f9 !important; padding: 10px 10px;}
.prjt-rpt-tbl .table > tbody > tr{ background-color: #fff;}
.prjt-rpt-tbl .table > tbody > tr:hover td{ background-color: #fff !important;}
.prjt-rpt-tbl .table > tbody > tr td{ border: 1px solid #eef4f9 !important; border-left: 1px solid #eef4f9 !important; padding:10px 10px;}
.prjt-rpt-tbl .table > tbody > tr td a{ color: #0078f2;}
.prjt-rpt-tbl .table > tbody > tr td select{ width:80%;}
.prjt-rpt-tbl .table > tbody > tr td .form-control{ border: 0;}
.prjt-rpt-tbl .table > tbody > tr td a.tbl-close{ background-color: #eef4f9; margin-right: 2px; color: #f90000; border-radius: 50px; text-align: center; padding:5px; font-size: 14px; margin-bottom: 0; display: inline-block; min-width: 31px; min-height: 30px;}
.prjt-rpt-tbl .table > tbody > tr td a.tbl-close:hover{ background-color: #999; color: #fff; transform: rotate(180deg); transition: all ease 0.6s;}

.prjt-rpt-tbl .table > tbody > tr td button.tbl-close{ background-color: #eef4f9; margin-right: 2px; color: #f90000; border-radius: 50px; text-align: center; padding:5px; font-size: 14px; margin-bottom: 0; display: inline-block; min-width: 31px; min-height: 30px;}
.prjt-rpt-tbl .table > tbody > tr td button.tbl-close:hover{ background-color: #999; color: #fff; transform: rotate(180deg); transition: all ease 0.6s;}

.reply-task{ width: 100%; display:flex; align-items: center; justify-content: center; margin: 15px 0px 12px;}
.reply-task a{ background-color: #125bf0; border: 1px solid #125bf0; color: #fff; transition: 0.4s; border-radius:50px; padding:3px 15px; text-transform: uppercase; font-size: 14px; display: flex; align-items: center}
.reply-task a i{ padding-right: 5px; font-size:15px; transition: all ease 0.6s;}
.reply-task a:hover{ background-color:transparent; border: 1px solid #125bf0; color: #125bf0; transition: all ease 0.6s;}
.reply-task a:hover i{ transform: rotate(-360deg); transition: all ease 0.6s;}

.reply-task button{ background-color: #125bf0; border: 1px solid #125bf0; color: #fff; transition: 0.4s; border-radius:50px; padding:3px 15px; text-transform: uppercase; font-size: 14px; display: flex; align-items: center}
.reply-task button i{ padding-right: 5px; font-size:15px;}
.reply-task button:hover{ background-color:transparent; border: 1px solid #125bf0; color: #125bf0;}
.reply-task button:hover i{ transform: rotate(-360deg); transition: all ease 0.6s;}

.status-completed{ color: #05ba0e; font-weight: 600;}
.status-pending{ color: #f80b14; font-weight: 600;}
.status-inprogress{ color: #8407f9; font-weight: 600;}

.prjt-cmts{ width: 100%; margin: 15px 0px; background-color: #fff; border-radius: 5px;}
.prjt-cmts-tit{ width: 100%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ebebeb; padding: 10px 15px;}
.prjt-cmts-tit .prjt-cmtslft{ width: 50%; display: flex; align-items: center;}
.prjt-cmts-tit .prjt-cmtslft span{ display: flex; align-items: center; margin-right: 10px; padding-right: 10px; border-right: 1px solid #e8e8e8;}
.prjt-cmts-tit .prjt-cmtslft span i{ margin-right:5px; color: #ff050e; border-radius: 50px; text-align: center; padding: 5px 5px; display: flex; font-size: 15px; align-items: center; margin-bottom: 0; border: 1px solid #ddd;}
.prjt-cmts-tit .prjt-cmtslft span h1{ text-transform: uppercase; font-size: 15px; text-transform: uppercase; color: #222; font-weight: 600;  margin: 0;}
.prjt-cmts-tit .prjt-cmtslft small{ font-size: 15px; font-weight:400; color: #777;}

.prjt-cmts-tit .prjt-cmtsrht{ width: 48%; display: flex; justify-content: flex-end; align-items: center;}
.prjt-cmts-tit .prjt-cmtsrht a{ color: #aaa; margin-bottom: 0; margin-left: 5px;}
.prjt-cmts-tit .prjt-cmtsrht a:hover{ color: #ee3239;}
.prjt-cmts-tit .prjt-cmtsrht span{ display: inline-block; margin-left: 10px;}
.prjt-cmts-tit .prjt-cmtsrht span i{ margin-right:5px; color: #555; border-radius: 50px; text-align: center; padding: 5px 5px; display: flex; font-size: 15px; align-items: center; margin-bottom: 0; background-color: #eef4f9; transform: rotate(35deg);}

.prjt-cmts-msg{ width: 100%; padding:15px 20px 15px;}
.prjt-cmts-msg .form-control{ width:100%; margin: 0 auto; border: 1px solid #fff; padding: 5px;}
.prjt-cmts-msg .form-control::placeholder{ font-size: 15px; color: #888; font-weight: 400;}
.prjt-cmts-msg p{ font-size: 15px; color: #555; text-align: justify; font-weight: 400; line-height: 1.3; margin:0px 0px 15px;}
.prjt-cmts-msg p:last-child{ margin-bottom: 0;}

.prjt-reply{ width: 100%; background-color: #fff; padding: 15px; border-radius:5px;}
.prjt-reply .form-control{ border: 1px solid #fff; padding: 5px;}
.prjt-reply .form-control::placeholder{ font-size: 15px; color: #888; font-weight: 400;}

.prjt-attachment{ width: 100%; background-color: #fff; border-radius: 5px; margin:5px 0px 15px; min-height: 35px; padding: 10px; display: flex;
 align-items: center; justify-content: space-between;}
.prjt-attachment .prjt-atch-lnk{ width: 95%;}
.prjt-attachment .prjt-atch-lnk a{ color: #888; margin-right: 10px; border-right: 1px solid #e0eaf7; padding-right: 10px;}
.prjt-attachment .prjt-atch-lnk a:last-child{ margin-right: 0; padding-right: 0; border: 0 none;}
.prjt-attachment .prjt-atch-lnk a:hover{ color: #ee3239;}
.prjt-attachment .prjt-atch-icn{ width: 5%; display: flex; justify-content: flex-end;}
.prjt-attachment .prjt-atch-icn span{ display: inline-block;}
.prjt-attachment .prjt-atch-icn span i{ color: #555; border-radius: 50px; text-align: center; padding: 5px 5px; display: flex; font-size: 15px; align-items: center; margin-bottom: 0; background-color: #eef4f9; transform: rotate(35deg)}

.tbl-bdy{ width:100%; border-radius:5px 5px 0px 0px; }
.tbl-bdy .table tbody{ border:1px solid #eee; }
.tbl-frm{ padding:25px 20px 20px 20px; border-radius:3px 3px 0px 0px;}
.cled-org .cled-slct .tbl-bdy .table > tbody > tr:hover .lea-link-btn{ background-color:#e0eaf7; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}

.tbl-frm-case{ padding:8px 10px; border-radius:3px 3px 0px 0px;}
.tbl-frm-case .card{ margin-bottom:10px; border-radius: 30px;}
.tbl-frm-case .card.active{ background-color:#fff2f3;}
.tbl-frm-case .card:hover{ background-color:#fffae5;}
.tbl-frm-case .card:hover .card-body{ background-color:#fefbef;}
.tbl-frm-case .card-header{ background-color:transparent; padding:0px; border: none;}
.tbl-frm-case .card-header div .head-link{ display:block; width:100%; text-align:left; padding:8px 0px; cursor:initial !important;}
.tbl-frm-case .card-header div .head-link:hover{ text-decoration:none}
.tbl-frm-case .card-body{ padding:5px !important;}

.clt-sts{ width: 100%; display: flex; justify-content: flex-end;}
.clt-sts b{ font-weight: 500; text-align: right; font-size: 9px; font-weight:400; letter-spacing: 0.5px; display: flex; line-height: 13px; background-color: #979695; padding: 0px 8px 0px; color: #fff; border-radius:3px; margin: 1px 0px; text-transform: uppercase}

.hide > tr:hover td:first-child{ background-color: transparent !important;}
.hide > tr:hover td:nth-child(2){ background-color: transparent !important;}
.hide > tr:hover td:nth-child(3){ background-color: transparent !important;}
.hide > tr:hover td:last-child{ background-color: transparent !important;}
.hide > tr td:first-child{ background-color: transparent !important; }
.hide > tr td:nth-child(2){ background-color: transparent !important;}
.hide > tr td:nth-child(3){ background-color: transparent !important;}
.hide > tr td:nth-child(4){ border-radius: 30px 0px 0px 30px;}
.hide > tr td:nth-child(8){ border-radius: 0px 30px 30px 0px;}
.hide > tr td:last-child{ background-color: transparent !important;}

.lea-un-red{background-color: #eee !important;}

/*.stf-lea-dts{ width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px; background-color: #fff; padding: 10px 25px; transform: translateY(-12%); margin: 0 auto; border-radius: 40px; }
.stf-lea-dts2{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.stf-lea-dts2 h1{ width: 100%; font-size: 18px; font-weight: 600; color: #545454;}
.stf-lea-btm{ width: 100%; display: flex; justify-content: center;}
.stf-lea-btm a{ display: block; min-width: 25px; min-height: 25px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; background-color: #444; color: #fff; margin: 0px 5px;}
.stf-lea-btm a i{ font-size: 16px; color: #fff;}*/

.stf-prf-main{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; padding: 0px; background-color: #fff; border-radius: 5px; margin-bottom: 30px; }
.stf-prf-main2{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; padding: 0px; background-color: #eef4f9; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius:35px; margin-bottom:30px;}
.stf-prf-main1{ width: 100%; padding:30px;}
.stf-prf-sub{ width: 100%; display: flex; justify-content: space-between; align-items: center;  margin-bottom: 20px;}
.stf-prf-hed2{ width: 100%;}
.stf-prf-hed2 .stf-prf-dts{width: 82%;}
.stf-prf-sub2{width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 45px;}
.stf-prf-main h1{ font-size:22px; font-weight: 200; color: #3b454f; margin:20px 0px 25px;}
.stf-prf-main h1 i{ font-size:18px; margin-right: 8px;}
.stf-prf-inf{ width: 100%; background-color: #fff; }
.stf-prf-dts .stf-prf-inf{ padding: 0;}
.stf-prf-dts .stf-prf-inf ul li b{font-size: 18px; color: #b0b0b0; font-weight: 300;}
.stf-prf-dts .stf-prf-inf ul li p{font-size: 16px; margin-bottom: 0; font-weight: 600;}
.stf-acc-dts{ width: 100%; padding:30px; display: flex; flex-wrap: wrap; background-color: #e1e8ee;}
.stf-acc-dts1{ width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.stf-acc-dts1 h1{font-size:24px; font-weight: 200; color: #3b454f; margin: 0px 0px 25px;}
.stf-acc-dts1 h1 i{ font-size:18px; margin-right:10px;}
.stf-acc-dts1 .stf-prf-inf{ background-color: transparent;}
.stf-acc-dts1 .stf-prf-inf ul li{border-bottom: 1px solid #dbdbdb;}
.stf-acc-dts1 .stf-prf-inf ul li .stf-prf-inf-dls a{ color:#d9261c;}
.stf-acc-dts1 .stf-prf-inf ul li .stf-prf-inf-dls a h3{ margin:3px 8px;}
.stf-bnk-dts{ width:100%; padding:30px 30px 45px; display:flex; flex-wrap:wrap; background-color:#fff; border-radius:5px; }
.stf-bnk-dts1{ width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.stf-bnk-dts1 h1{font-size:24px; font-weight: 200; color: #3b454f; margin: 0px 0px 25px;}
.stf-bnk-dts1 .stf-prf-inf{ background-color: transparent;}
.stf-bnk-dts1 .stf-prf-inf ul li{border-bottom: 1px solid #dbdbdb;}
.stf-bnk-dts1 h1 i{ font-size:18px; margin-right:10px;}

.prf-tlb-box{ width: 100%; display: flex;}
.prf-tlb-box .cur-lea-prt h1{ padding-bottom:0px; border-bottom: 1px dashed rgba(255,255,255,0.1);}
.prf-tlb-box2{ width: 100%; display: flex; margin-top:30px;}
.prf-tlb-box2 .cur-lea-prt { background-color: #fff; }
.prf-tlb-box2 .cur-lea-prt .tbl-bdy .table > thead > tr th{border-bottom: 1px solid #eef4f9 !important;}
.prf-tlb-box2 .cur-lea-prt .tbl-bdy .table > tbody > tr td{border-bottom: 1px solid #eef4f9 !important;}
.prf-tlb-box2 .cur-lea-prt h1 { color:#484848; font-weight:300;}
.prf-tlb-box2 .cur-lea-prt h1 .toplnk a{ margin-right: 15px;}
.prf-tlb-box2 .cur-lea-tlb .tbl-bdy .table > tbody > tr td { background-color: #fff !important; color: #484848;}

.contact-lst{ margin: 0 !important;}
.contact-lst .cur-lea-prt{ padding: 0; background-color: #fff;}
.contact-lst .cur-lea-prt .cur-lea-tlb{ padding: 5px 0px 2px;}
.contact-lst .cur-lea-prt .cur-lea-tlb .table > thead > tr th{ background-color:transparent;}

.contact-lst-edit{ margin:30px 0px 30px;}
.contact-lst-edit .stf-bnk-dts{ padding: 25px; background-color: #f5f5f5;}
.contact-lst-edit .contact-lst .cur-lea-tlb{ padding: 0;}
.contact-lst-edit .contact-lst  .cur-lea-tlb .tbl-bdy .table tr th{text-align:left !important; padding:10px 12px; font-weight:600; color:#333;}
.contact-lst-edit .contact-lst  .cur-lea-tlb .tbl-bdy .table tr td{ padding: 5px 5px; border-bottom: none;}
.contact-lst-edit .contact-lst  .cur-lea-tlb .tbl-bdy .table tr td .form-control{ border: 0;}
.contact-lst-edit .contact-lst  .cur-lea-tlb .tbl-bdy .table tr td .form-control::placeholder{ color: #bbb;}
.contact-lst-edit .contact-lst  .cur-lea-tlb .tbl-bdy .table tr:first-child td{ border-top:1px solid #fff !important;}
.contact-lst-edit .contact-lst  .cur-lea-tlb .tbl-bdy .table tr:last-child td{ border-bottom:1px solid #fff !important;}

.stf-prf-inf h1{ font-size: 18px; width: 100%; font-weight: 600; color: #d9261c; margin-bottom: 15px; text-align: center;}
.stf-prf-inf  ul{ list-style: none; padding: 0; margin: 0; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start;}
.stf-prf-inf  ul li{ width: 100%;  padding-bottom: 5px; border-bottom: 1px solid #e2e6ea; margin-bottom: 25px; line-height:20px;}
.stf-prf-inf ul li:last-child{ margin-bottom: 0;}
.stf-prf-inf ul li b{font-size:16px; color: #7f8d9b; font-weight: 300; text-transform: uppercase;}
.stf-prf-inf ul li p{font-size:16px; margin-bottom: 0; font-weight: 600; margin-top: 4px; line-height: 1.2; color:#323c46; min-height:20px;}
.stf-prf-hed{ width:100%; display:flex; justify-content:space-between; align-items:center; padding-bottom:30px;
border-bottom:2px dotted #cfd5db; }
.stf-prf-img{ width: 13%; display: flex; align-items: center; justify-content: center; position: relative;}
.stf-prf-img a{ position: absolute; content: ''; width: 35px; height: 35px; background-color: #d9261c; color: #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center;  color: #fff; margin-bottom: 0; padding-top: 0px; transition: 0.4s;}
.stf-prf-img a ion-icon{ width: 15px; height: 15px;}
.stf-prf-img a:hover{ transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; background-color: #bb090f;}
.stf-prf-img span{ width:180px; height:180px; display: flex; background-color:#eef4f9; align-items: center; border-radius: 50%; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; padding:5px;}
.stf-prf-img span img{ object-fit: cover; margin: 0 auto; max-height: 180px; /*border-radius: 50%;*/ width: 100%;
height: 100%;}
.stf-prf-dts{ width: 75%; display: flex; margin-left: 35px; flex-wrap: wrap; align-items: center;}
.stf-prf-dts h1{ width: 100%; font-size:30px; color:#38424d; font-weight:600; margin-bottom: 0;}
.stf-prf-dts h1 small{ display:block; font-size:20px; color:#414d59; font-weight:300;}
.stf-prf-dts ul{ list-style: none; padding: 0; margin: 15px 0px 0px; width: 100%; display: flex; align-items: center;}
.stf-prf-dts ul li{padding-right: 60px; display: flex; align-items: center; position: relative;}
.stf-prf-dts ul li::before{ position: absolute; content: ''; width: 3px; height: 20px; background-color: #cccccc; top: 8px; right: 30px;}
.stf-prf-dts ul li:nth-child(2)::before{ top: 5px;}
.stf-prf-dts ul li:last-child{ padding-right: 0;}
.stf-prf-dts ul li:last-child::before{ display: none;}
.stf-prf-dts ul li small{ font-size: 20px; color: #576473; font-weight: 300; width: 100%;}
.stf-prf-dts ul li ion-icon{ width: 33px; height: 33px; color: #656565; padding-top: 2px;}
.stf-prf-dts ul li b{ font-size: 20px; color: #d9261c; width: auto;}
.stf-prf-dts ul li i{ font-size: 18px; margin-right: 10px; color: #b7b7b7;}
.stf-prf-dts ul li p{ font-size: 18px; margin-bottom: 0; color: #414d59;}
.stf-prf-btn{ width: 10%; display: flex; justify-content: flex-end; align-items: center; margin-left: 10px;}
.stf-prf-btn a{ padding:2px 18px; background-color: #d9261c; margin-bottom: 0; border-radius: 35px; color: #fff; display: flex; align-items: center; text-transform: uppercase; font-size:16px; font-weight: 300; border: 1px solid transparent; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.stf-prf-btn a:hover{ background-color: transparent; border: 1px solid #d9261c; color: #d9261c; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.stf-prf-btn a i{ font-size:14px; margin-right:10px;}

.inr-frm-str{width: 100%; margin: 10px 10px 15px; display: flex; border-radius: 5px; position: relative; flex-wrap: wrap;}
.inr-frm-sub{ display: flex; flex-wrap: wrap; padding: 20px; border-radius: 5px; transition: 0.4s; box-shadow: 5px 10px 25px -9px rgba(0,0,0,0.1); width: 100%; background-color: #fff;}
.inr-tlb-str{width: 100%; margin: 10px 10px 15px; display: flex; border-radius: 5px; position: relative; flex-wrap: wrap;}
.inr-tlb-sub{display: flex; flex-wrap: wrap; padding: 20px 20px 20px; border-radius: 35px; transition: 0.4s; background-color: #eef4f9; width: 100%; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px;}
.inr-frm-sub #xsearchbox{ width: 100%;}
.inr-tlb-str .inr-tlb-sub .table { border-collapse: separate; border-spacing: 0px 10px; }
.inr-tlb-str .inr-tlb-sub .table { border-collapse: separate; border-spacing: 0px 10px; }
.inr-tlb-str .inr-tlb-sub .table > tbody > tr td:first-child { border-radius: 30px 0px 0px 30px; }
.inr-tlb-str .inr-tlb-sub .table > tbody > tr td:last-child { border-radius: 0px 30px 30px 0px; -webkit-border-radius: 0px 30px 30px 0px; -moz-border-radius: 0px 30px 30px 0px; -ms-border-radius: 0px 30px 30px 0px; -o-border-radius: 0px 30px 30px 0px; }

.adm-per-mgt{width: 100%; display: flex; flex-wrap: wrap; padding: 10px 10px;}
.adm-per-mgt .new-inr-tlb{ padding: 0px 0px;}
.adm-per-mgt .new-dsh-sub { width: 100%; display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; }
.adm-per-mgt .cur-lea-prt{ margin-top:30px;}
.adm-per-mgt .cur-lea-prt .cur-lea-tlb .tbl-bdy{ max-height: 510px; overflow: auto; scrollbar-width: thin; scroll-padding: 10px;}
.adm-per-mgt .cled-org{ margin: 0; margin-top:30px;}
.adm-per-mgt .new-dsh-box .new-lea-prt2{margin: 20px 0px 0px;}

/* Calendar */
.cldr-title{ width: 100%;}
.cldr-title h2{ font-size: 24px; width: 100%; color: #484848; font-weight: 300; display: flex; justify-content: space-between; text-transform: uppercase; margin:20px 0px 15px;}
.zabuto_calendar{ margin:10px 0px 120px !important; border-radius:10px; overflow: hidden;}
.calendar-month-navigation span{ padding: 0 !important;}
.calendar-month-navigation span i{ color:#ec5252; font-size:20px;}
div.zabuto_calendar .table tr.calendar-month-header td{ padding: 15px 10px !important; vertical-align: middle; text-transform: uppercase;}
div.zabuto_calendar .table tr.calendar-month-header td span{ padding: 0 !important; font-size:18px !important; font-weight: 700; color: #333; letter-spacing: 0.5px;}
div.zabuto_calendar div.calendar-month-navigation{ padding: 0px 0px 0px !important;}
div.zabuto_calendar .table tr.calendar-dow-header th{ background-color: #44607d !important; color: #fff; font-weight:600; text-transform: uppercase; letter-spacing: 0.5px; height: 40px;}
div.zabuto_calendar .badge-event{ min-width: 40px; min-height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: #4b9eea !important; color: #fff !important;}
div.zabuto_calendar tr.calendar-dow td{ height:100px;}
div.zabuto_calendar .table td{ padding:4px !important;}
div.zabuto_calendar .table tr td div.day{ display: flex; align-items: center; justify-content: center; height: 100%; font-size: 16px; color: #333;}
div.zabuto_calendar .table tr td div.day.holiday-bx{ background-color: #b4dbff;}
div.zabuto_calendar .table tr td div.day.earned-bx{ background-color: #a5f8ce;}
div.zabuto_calendar .table tr td div.day.week-bx{ background-color: #ffd4d6;}

.zabuto_calendar .legend{ margin-top: 15px !important; display: flex !important; align-items: center; justify-content: flex-end;}
.zabuto_calendar .legend span span{ margin-right: 0;}
.zabuto_calendar .legend span ul.legend{ margin-top:0 !important;}
.zabuto_calendar .legend span .legend li{ width: 13px; height: 13px; margin: 0 !important;}
div.zabuto_calendar div.legend span.badge{ min-height: auto;}
.zabuto_calendar .legend span.holiday-bx{ background-color: #4b9eea; min-height: auto !important; border-radius: 50px !important; padding: 4px !important; margin-right: 5px; color: #fff !important;}
.zabuto_calendar .legend span.legend-text{ min-height:32px !important;}
.zabuto_calendar .legend span{ color: #666 !important; font-size: 10px; font-weight: normal; display: flex; align-items: center; background-color: #fafafa; padding:3px 8px 3px 8px; min-height: 25px !important; border-radius: 50px; margin-right: 5px;}
.zabuto_calendar .legend span .legend li.holiday-bx{ background-color: #b4dbff;}
.zabuto_calendar .legend span .legend li.earned-bx{ background-color: #a5f8ce;}
.zabuto_calendar .legend span .legend li.week-bx{ background-color: #ffd4d6;}

.cldr-modal{ max-width:600px; margin-top:60px;}
.cldr-modal .modal-content{ border-radius:20px; padding: 10px 20px; min-height: 300px;}
.cldr-modal .modal-content .modal-header{ width: 100%; border-bottom: 2px dotted #dedede; padding: 10px 0px;}
.cldr-modal .modal-content .modal-header h4{ width: 100%; font-size:22px; text-transform: uppercase; font-weight:600; color: #444; padding: 0px 0px 4px;}

.cldr-modal .modal-content .modal-header button.close{ position: absolute; z-index: 9; right:5px; top:5px; width: auto !important; background-color:#333 !important; min-width:34px; min-height:34px; border-radius: 50px; display: flex; align-items: center; justify-content: center; opacity:1; transition: all ease 0.5s; text-shadow:none !important; font-size:30px; font-weight: 200; color: #fff !important; padding: 0;}
.cldr-modal .modal-content .modal-header button.close:hover{ transform: rotate(90deg); transition: all ease 0.5s; background-color: #111; opacity: 1;}

.cldr-modal .modal-content .modal-body{ padding:20px 0px; font-size: 18px; font-weight: 400; color: #555; text-align: center;}
.cldr-modal .modal-content .modal-body p{ margin: 5px 0px; font-size: 18px; font-weight: 400; color: #555;}
.cldr-modal .modal-content .modal-body p strong{ margin:0px 0px; font-size: 18px; font-weight:400; color:#444;}
.cldr-modal .modal-content .modal-body p.lead{ font-size:28px; font-weight: 600; color: #d9261c; margin:5px 0px; text-transform: uppercase; letter-spacing: 0.2px;}
.cldr-modal .modal-content .modal-body h3{ font-size:28px; font-weight: 600; color: #d9261c; margin: 12px 0px; text-transform: uppercase; letter-spacing: 0.2px;}
.cldr-modal .modal-content .modal-footer{ border: none; padding: 0;}

.popover{ min-width: 600px; z-index: 2600;}
.popover p{ margin-bottom: 0; text-align: justify; width: 100%;}


/* Popover Work Report */
.popover-title { font-size:15px; text-decoration: none; color: #444; text-align: center; margin: 0; }
.popover-wrapper { position: relative; display: inline-block; }
.popover-content { opacity: 0; visibility: hidden; position: absolute; left:0px; top:39px; transform: translate(0, 10px); background-color: #fff; border: 1px solid #e5e5e5; padding:10px 15px 10px 15px; border-radius: 15px; box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.10); min-width: 300px;}
/* .popover-content:before { position: absolute; z-index: -1; content: ""; right: calc(50% - 10px); top: -10px; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #808285 transparent; transition-duration: 0.3s; transition-property: transform; } */
.popover-wrapper:hover .popover-content { z-index: 10; opacity: 1; visibility: visible; transform: translate(0, -20px); transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); }
.popover-message { text-align: center; }
.mail-view{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.mail-view .mail-viewl{ width: 20%; }
.mail-view .mail-viewl span{ width:50px; height:50px; display: flex; align-items: center; justify-content: center; border-radius: 50px; overflow: hidden; background-color: #f3f3f3;}
.mail-view .mail-viewl span img{ width:auto; margin: 0 auto; object-fit: cover;}
.mail-view .mail-viewr{ width: 75%; text-align:left; line-height: 15px;}
.mail-view .mail-viewr h2{ margin: 0; font-size: 16px; text-transform: uppercase; font-weight: 500; font-size: 16px;}
.mail-view .mail-viewr a{ color: #ee3239; font-size: 16px; font-weight: 300;}
/* Popover Work Report */

.clt-lst ul{ display:flex; justify-content: space-between}
.clt-lst ul li:nth-child(1){ width:25% !important;}
.clt-lst ul li:nth-child(3){ width:30% !important;}
.clt-lst ul li:nth-child(4){ width:25% !important;}

.tbl-frm-case .issue-det{ width:100%; padding:0px 0px 0px;}
.tbl-frm-case .issue-det ul{ padding:0; margin:0; display:flex;}
.tbl-frm-case .issue-det ul li{ list-style:none; width:20%; margin:0px 2px; border:1px solid #eaeaea; background-color:#fff;}
.tbl-frm-case .issue-det ul li b{ width:100%; font-size:11px; text-transform:uppercase; font-weight:500; background-color:#fff; padding:4px 5px 3px; display:flex; align-items:center; text-align:center; justify-content:center; color:#444; }
.tbl-frm-case .issue-det ul li span{ width:100%; padding:3px 10px; font-size:13px; color:#666; text-align:center; display:block; border-top:1px solid #f3f3f3; min-height: 25px;}
.tbl-frm-case .issue-det ul li span strong{ color: #d07a1a; font-weight: 500; margin: 0px 2px;}
.tbl-frm-case .issue-det ul li span strong i{ font-style: normal}
.tbl-frm-case .issue-det ul li:nth-child(1){ width:15%;}
.tbl-frm-case .issue-det ul li:nth-child(3){ width:30%;}
.tbl-frm-case .issue-det ul li:nth-child(4){ width:15%;}
.tbl-frm-case .card-header .acc{ display:flex; width:100%; padding:10px 15px; min-height: 45px;}
.tbl-frm-case .card-header .acc .isu-cde{ width:10%; border-right:1px solid #ebebeb; padding-right:3px; font-weight:500; color:#333; font-size:13px; display:flex; align-items:center; line-height: 1.3;}
.tbl-frm-case .card-header .acc .isu-cde.isu-red{ color:#d9261c; position:relative}
.tbl-frm-case .card-header .acc .isu-cde.isu-red:before{ position:absolute; top:0; right:4px; content:"*"; color:#d9261c;}
.tbl-frm-case .card-header .acc .isu-cde i{ color:#999; background-color:#fff; border:1px solid #ddd; width:17px; height:17px; border-radius:50px; text-align:center; padding-top:4px; margin-right:5px; font-size:8px; cursor:pointer !important}
.tbl-frm-case .card-header .acc b{ font-weight:normal; width:63%; border-right:1px solid #ebebeb; padding:0px 10px; white-space:nowrap; text-overflow:ellipsis; position:relative;}
.tbl-frm-case .card-header .acc b small{ position:absolute; bottom:-7px; font-size:9px; color:#888; font-weight:500; letter-spacing:0.5px; width:97%; display:flex; overflow: hidden; /* text-overflow: ellipsis; white-space: normal;*/ line-height:13px;}
.tbl-frm-case .card-header .acc b small strong{ color:#d07a1a; font-weight: 500; margin:0px 2px;}
.tbl-frm-case .card-header .acc b small strong i{ font-style: normal;}
.tbl-frm-case .card-header .acc b small span{ background-color:#979695; padding:1px 8px 0px; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; position: absolute; right: 0; bottom: 0;}
.tbl-frm-case .card-header .acc b a{ display:block; white-space: normal; line-height:1.4; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform:none; padding-top:0px; margin-top:-2px;}
.tbl-frm-case .card-header .acc .isu-lnk{ width:27%; display:flex; border-radius:2px; margin:2px 0px; justify-content: flex-end; align-items: center; flex-wrap:wrap; }
.tbl-frm-case .card-header .acc .isu-lnk .isu-lnk-box{ text-align:center; border-right:1px solid #dddddd; align-items:center; padding:0px 5px 0px 5px; justify-content:center; width:33%}
.tbl-frm-case .card-header .acc .isu-lnk .isu-lnk-box:last-child{ border-right:0; margin-right:0; padding-right:0;}
.tbl-frm-case .card-header .acc .isu-lnk .isu-lnk-box b{ font-weight:500; font-size:11px; text-transform:uppercase; color:#424242; margin-right:3px; border-right:0 none; padding:0; display:none}
.tbl-frm-case #accordion .card-body{ background-color:#f3f3f3;}

.clr-case-tag{ color: #d07a1a; font-weight: 500; margin: 0px 2px; font-size: 14px;}

.inner-top-exp{ width: 100%; display: flex; justify-content: space-between;}

.bug-cnt{ padding: 2px 5px 6px; display: block;}
.bug-cnt strong{ margin-right: 6px; color: #444; font-weight: 500; text-transform: uppercase; font-size: 13px; letter-spacing: 0.4px;}
.bug-cnt b{  font-weight: 400; color: #777; font-size: 13px; -webkit-clip-path: polygon(0% 0%, 85% 0, 100% 50%, 87% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 85% 0, 100% 50%, 87% 100%, 0% 100%); background-color:#fff; padding: 0px 25px 0px 10px; border-left: 3px solid #d6d6d6;}

.bug-intrl{ padding: 2px 5px 6px; display: block;}
.bug-intrl strong{ margin-right: 6px; color: #444; font-weight: 500; text-transform: uppercase; font-size: 13px; letter-spacing: 0.4px;}
.bug-intrl b{  font-weight: 400; color: #fff; font-size: 12px; -webkit-clip-path: polygon(0% 0%, 85% 0, 100% 50%, 87% 100%, 0% 100%);
clip-path: polygon(0% 0%, 85% 0, 100% 50%, 87% 100%, 0% 100%); background-color:#9261c6; padding: 0px 25px 0px 10px; border-left: 3px solid #d6d6d6;}

.clt-lst ul li:nth-child(1), .clt-lst ul li:nth-child(2), .clt-lst ul li:nth-child(3), .clt-lst ul li:nth-child(4){ width:49% !important;}

.tk-icn:before{ content:"\f068"; }
.collapsed.tk-icn:before{ content:"\f067"; }

.acc-title{ width:100%; margin-bottom:5px;}
.acc-title ul{ margin:0; display:flex; padding:0; padding:5px 0px;}
.acc-title ul li{ list-style:none; border-right:1px solid #e2e2e2; text-align:center; color:#444; font-weight:500; font-size:12px; text-transform: uppercase;}
.acc-title ul li:last-child{ border-right:0 none}
.acc-title ul li:nth-child(1){ width:10%; text-align:left; padding-left:21px;}
.acc-title ul li:nth-child(2){ width:63%; text-align:left; padding-left:10px;}
.acc-title ul li:nth-child(3){ width:9%}
.acc-title ul li:nth-child(4){ width:9%}
.acc-title ul li:nth-child(5){ width:9%}
/* Date Input Box */
.log-ft-logo{position:absolute; right:3%; bottom:-20%;}
.date-inpt-main{ display: flex; justify-content: space-between; align-items: center; width: 100%;}
.date-inpt-main .date-inpt{ width: 49%; display: flex; align-items: center; flex-wrap: wrap;}
.date-inpt-main .date-inpt .input-group-text{ border-radius:3px 0px 0px 3px; padding:3px 10px;} 
.date-inpt-main .date-inpt input{ width: 80%;}
.pashw{ position: relative;}
.btn-shw{position:absolute; right:6px; top:30%; padding:6px 6px 6px; font-size:12px; cursor:pointer; background-color: transparent; border: 0; color: #888; border-radius: 50px; display: flex; align-content: center;}
.btn-shw:hover{ background-color:#eee;}
.frgt-pwd{ color:#ea2529; transition:0.4s;}
.frgt-pwd:hover{ color:#0f0e9f; transition:0.4s;}
.das-main{ display:flex; padding:0px 10px; width:100%; padding: 0px 0px 0px 5px}
.das-main .das-lft{ width:30%; display:flex; outline: 1px dashed #dfdfdf !important; outline-offset: -10px; background:#fff; border-radius:3px; margin-right:10px; padding:15px; border:1px solid #e8e8e8;}
.das-main .das-lft img{ object-fit: contain; width: auto; height: auto; margin: 0 auto; transition: 1.5s;}
.das-main .das-rht{ width:100%; display:flex; flex-wrap:wrap; transition:0.5s; margin-top:35px;}
.das-main .das-rht a{ background:#f0f0ff; min-height:110px; width:23%; margin-bottom:50px; padding:10px; border-radius:3px; margin-right:28px; display: flex; justify-content: center; position:relative; transition:0.5s;}
.das-main .das-rht a:hover{ transition:0.5s; box-shadow:0 2px 0px 0 rgba(48,56,169,.15)}
.das-main .das-rht a:nth-child(1) .frm-lnk span{ background:#005dab;}
.das-main .das-rht a:nth-child(2) .frm-lnk span{ background:#ccc21a;}
.das-main .das-rht a:nth-child(3) .frm-lnk span{ background:#2ea00b;}
.das-main .das-rht a:nth-child(4) .frm-lnk span{ background:#06aed9;}
.das-main .das-rht a:nth-child(5) .frm-lnk span{ background:#b034a9;}
.das-main .das-rht a:nth-child(6) .frm-lnk span{ background:#3038a9;}
.das-main .das-rht a:nth-child(7) .frm-lnk span{ background:#d88344;}
.das-main .das-rht a:nth-child(8) .frm-lnk span{ background:#e55454;}
.das-main .das-rht a:after{ margin: 0; padding: 0; position: absolute; content: ""; left: 0; transition: all 0.5s ease 0s; width: 0;}
.das-main .das-rht a:nth-child(4n+4){ margin-right:0px;}
.das-main .das-rht a .frm-lnk{ text-align:center; width:100%; display: flex; align-items: end; justify-content: center;}
.das-main .das-rht a .frm-lnk span{ transition:0.5s; border-radius:50px; background:#7d7c7c; display: block; position: absolute; top: -25px; width:75px; height:75px; padding:25px 0px; transition:all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);}
.das-main .das-rht a .frm-lnk span i{ text-align: center; font-size:26px; color: #fff; transition:0.5s;}
.das-main .das-rht a:hover .frm-lnk span{ margin-top:-5px; background-color:#0060b0; box-shadow:none; transition:all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);}
.das-main .das-rht a:hover .frm-lnk span i{ transition:0.5s; color:#fdff00;}
.das-main .das-rht a .frm-lnk h3{ text-align: center; transition:0.5s; text-transform:uppercase; color:#555; font-size:13px; font-weight:600; padding:10px 5px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; border-top:1px solid #fff; width:100%; display:inline-block; justify-content: center; bottom: 10px; position: absolute; left:0;}
.das-main .das-rht a:hover .frm-lnk h3{ color:#ff0000; transition:all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);}
/* Scroll to top button */
.scrollToTop{  color:#d9261c; position:fixed; bottom:52px; right:15px; display:none; font-size:26px; z-index: 9; transition: 0.6s; }
.scrollToTop:hover{ text-decoration:none; color:#7b7979; transition: 0.6s; bottom: 65px;}
.scrollToTop i{ padding-top: 10px;}
/* -----  User Role CSS ----- */
.cd-accordion-menu .checkb{ opacity:100% !important; margin:4px 0px 0px -20px;}
@media only screen and (min-width: 600px) {
  h1 { font-size: 2.1rem; }
}
/* -----Main Components------- */
.cd-accordion-menu { width:auto; margin:0px 0px; padding:0; }
.cd-accordion-menu ul {  display: none; padding:0; }
.cd-accordion-menu li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom:1px; list-style:none }
.cd-accordion-menu input[type=checkbox] { position: absolute;}
.cd-accordion-menu label, .cd-accordion-menu a { position: relative; display: block; padding: 4px 18px 4px 64px; background: #efefef; box-shadow: inset 0 -1px #D0D0D0; color: #ffffff; font-size:14px; border-radius:0px 4px 4px 0px; color:#555; margin-bottom:2px;}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover { background: #c3c3c3; color:#fff; }
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after { content: ''; display: inline-block; width: 15px; height: 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.cd-accordion-menu label { cursor: pointer;}
.cd-accordion-menu label::before, .cd-accordion-menu label::after { background-image:url(../images/cd-icons.svg); background-repeat:no-repeat;}
.cd-accordion-menu label::before { left: 18px;  background-position: 0 0;  -webkit-transform: translateY(-50%) rotate(-90deg);  -moz-transform: translateY(-50%) rotate(-90deg);  -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg);  transform: translateY(-50%) rotate(-90deg);}
.cd-accordion-menu label::after { left: 41px;  background-position: -16px 0;}
.cd-accordion-menu a::after { left: 36px; }
.cd-accordion-menu input[type=checkbox]:checked + label::before {  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
.cd-accordion-menu input[type=checkbox]:checked + label::after { background-position: -32px 0;}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { display: block; }
.cd-accordion-menu ul label, .cd-accordion-menu ul a { background: #f8eded; box-shadow: inset 0 -1px #f7f2f2; padding-left: 82px; border-radius:0; color:#555;}
.cd-accordion-menu ul label, .cd-accordion-menu ul a:first-child { border-radius:0px 3px 3px 0px; cursor:pointer !important;}
.cd-accordion-menu ul label, .cd-accordion-menu ul a:first-child { cursor:pointer;}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {  background: #e5e1e1; color:#555; cursor:auto;}
.cd-accordion-menu ul label::before { left: 36px;}
.cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after { left: 59px;}
.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a { padding-left: 100px;}
.cd-accordion-menu ul ul label::before {  left: 54px;}
.cd-accordion-menu ul ul a::after { left: 77px;}
.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a { padding-left: 118px;}
.cd-accordion-menu ul ul ul label::before {  left: 72px;}
.cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after { left: 95px;}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a { padding: 4px 10px 3px 65px; font-size:14px; font-weight:400; color:#444;  }
  .cd-accordion-menu label::before { left:10px;  }
  .cd-accordion-menu label::after {  left: 37px; }
  .cd-accordion-menu ul label, .cd-accordion-menu ul a {  padding-left:90px; }
  .cd-accordion-menu ul label::before {  left: 35px;  }
  .cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after {  left: 62px; }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {  padding-left:100px;  }
  .cd-accordion-menu ul ul label::before {  left: 72px;  }
  .cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after { left: 101px;  }
  .cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {  padding-left: 154px;  }
  .cd-accordion-menu ul ul ul label::before { left: 96px;  }
  .cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after { left: 125px; }
}
.cd-accordion-menu.animated label::before { -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s;  transition: transform 0.3s;}
.bg2{ background:#fff; border:1px solid #dedede; padding:0px 5px !important; border-radius:3px;}
.bg2 .label1 label{ background:none;}
.label1 label:before, .label1 label:after{ background-image:none; background:none;}
.accord{ border-right:1px dashed #d8d8d8;}
.accord:last-child{ border-right:none;}
.mdl-hdr { background: #e3141f; border-bottom: 4px solid #e8e8d4; padding:15px 15px 10px; color: #fff; border-radius:3px 0px 3px 0px;}
.mdl-hdr { color: #fff; }
button.close { color: rgba(255,255,255,0.7) !important; }
.modal-title1{ color:#fff; font-size:20px;}
.modal-content{ border-radius: 5px; box-shadow: 10px solid rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.05);}
#myModalEdit .modal-body iframe .body-content{ min-height:300px !important}
/*tab styles*/
.cust-tab{ margin-top:30px;}
.cust-tab .nav-tabs{ text-align:center; border-bottom:1px solid #fff;}
.cust-tab .nav-tabs > li{ display:inline-block; margin:0 5px 0 0;}
.cust-tab .nav-tabs-custom{ margin-bottom:0;}
.cust-tab .nav-tabs-custom > .nav-tabs > li{  background-color: #fff; border-left: 1px solid #e5e5e5; border-radius:0; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-radius:4px 4px 0 0; padding:7px 0px;}
.cust-tab .nav-tabs-custom > .tab-content{ background-color:#f9f9f9; padding:12px 20px 25px; border:0 none; border:1px solid #e5e5e5; margin-top:-2px; color:#555; float:left; width:100%;}
.cust-tab .nav-tabs-custom > .tab-content p{ text-align:justify}
.cust-tab .nav-tabs > li{ position:relative;}
.cust-tab .nav-tabs > li > a{ position:relative; z-index:510; padding:11px 15px 11px; font-size:15px; color:#666;}
.cust-tab .nav-tabs > li > a >i{ color:#999}
.cust-tab .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background:#f3f3f3; color:#eb1c27; border-color:#f9f9f9;}
.cust-tab .nav-tabs > li:before{ -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); visibility:hidden; opacity:0; content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:#f1f3fc; z-index:1;}
.cust-tab .nav-tabs > li:hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1;}
.cust-tab .nav-tabs > li > a:hover{background:#f9f9f9; color:#333;}
.cust-tab .tab_list{ float:left; width:100%}
.cust-tab .tab_list h2{font-size:18px; font-weight:300; color:#999; padding:10px 0; margin:0;}
.cust-tab .tab_list .txt-col1{ float:left; width:48%; margin-right:22px}
.cust-tab .tab_list .txt-col2{ float:left; width:48%;}
.cust-tab .tab_list span{ display:block; border-bottom:1px solid #dedede; color:#304056; background:#fff; padding:8px 12px; margin-bottom:4px; float:left; width:100% }
.cust-tab .tab_list span strong{ display:inline-block; width:30%; text-transform:uppercase; font-size:12px;  margin-right:10px; color:#323a23;}
.cust-tab .tab_list span div.txt-info{ width:65%; display:inline-block;  border-left:2px dotted rgb(0,0,0,0.1); padding-left:10px; color:#888 }
.cust-tab .tab_list span i.fa{ width:30px;}
.cust-tab .tab_list ul.iview-list{ margin:0; padding:0;}
.cust-tab .tab_list ul.iview-list li{ list-style:none; padding:4px 0}
.cust-tab .tab_list2{ float:left; width:100%}
.cust-tab .tab_list2 h2{font-size:18px; font-weight:300; color:#999; padding:10px 0; margin:0;}
.cust-tab .tab_list2 span{ display:block; border-bottom:1px solid #dedede; color:#304056; background:#fff; padding:8px 12px; margin-bottom:4px; float:left; width:100% }
.cust-tab .tab_list2 span strong{ display:inline-block; width:48%; text-transform:uppercase; font-size:12px; margin-right:10px; color:#323a23;}
.cust-tab .tab_list2 span div.txt-info{ width:44%; display:inline-block; border-left:2px dotted rgb(0,0,0,0.1); padding-left:10px; color:#888} 
.cust-tab .tab_list2 span i.fa{ width:30px;}
.cust-tab .edt-btn{ padding-bottom:12px}
.cust-tab .m-video{ float:left; width:25%; margin-right:20px;}
.cust-tab .m-video iframe{ border-radius:3px}
.fix{ background-color:#1fa309; border-radius:3px; color:#fff; font-size:13px; padding:1px 10px;}
/*sub-tab styles*/
.cust-tab2{ margin-top:20px;}
.cust-tab2 .nav-tabs{ text-align:center; border-bottom:1px solid #fff;}
.cust-tab2 .nav-tabs > li{ display:inline-block; margin:0;}
.cust-tab2 .nav-tabs-custom{ margin-bottom:0; background:#f9f9f9}
.cust-tab2 .nav-tabs-custom > .nav-tabs > li{  background-color: #dde2e0; border-top: 1px solid #d4d8d6;border-left: 1px solid #d4d8d6; border-right: 1px solid #d4d8d6; border-radius:4px 4px 0 0;}
.cust-tab2 .nav-tabs-custom > .tab-content{background-color:#fff; padding:12px 15px; border:0 none; border:1px solid #d4d8d6; margin-top:-2px;}
.cust-tab2 .nav-tabs-custom > .tab-content h3{ font-size:16px; text-transform:uppercase; display:inline-block; width:100%; color:#444; margin-top:0 }
.cust-tab2 .nav-tabs > li{ position:relative; margin:0 5px 0 0}
.cust-tab2 .nav-tabs > li > a{ position:relative; z-index:510; padding:2px 12px; font-size:16px; color:#333; border-bottom:1px solid #d4d8d6;}
.cust-tab2 .nav-tabs-custom > .nav-tabs > li.active{ border-bottom:none; border-bottom-color:#fff}
.cust-tab2 .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background:#fff; color:#333; border-bottom-color:#fff; }
.cust-tab2 .nav-tabs-custom > .nav-tabs > li.active > a .fa-caret-right {transition: all 0.5s ease 0; transform: rotate(90deg);}
.cust-tab2 .nav-tabs > li:before{ transform: scaleX(0); transform-origin: 50% 50% 0; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out;visibility: hidden; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #e7ecea; z-index:1;}
.cust-tab2 .nav-tabs > li:hover:before{ transform: scaleX(1); visibility: visible; opacity: 1;}
.cust-tab2 .nav-tabs > li > a:hover{background:none transparent; color:#333;}
.cust-tab .tab_list{ float:left; width:100%}
.cust-tab .tab_list h2{font-size:18px; font-weight:300; color:#999; padding:10px 0; margin:0;}
.cust-tab .tab_list .txt-col1{ float:left; width:48%; margin-right:22px}
.cust-tab .tab_list .txt-col2{ float:left; width:48%;}
.cust-tab .tab_list span{ display:block; border-bottom:1px solid #dedede; color:#304056; background:#fff; padding:8px 12px; margin-bottom:4px; float:left; width:100% }
.cust-tab .tab_list span strong{ display:inline-block; width:30%; text-transform:uppercase; font-size:12px; margin-right:10px; color:#323a23; }
.cust-tab .tab_list span div.txt-info{ width:65%; display:inline-block;  border-left:2px dotted rgb(0,0,0,0.1); padding-left:10px; color:#888 }
.cust-tab .tab_list span i.fa{ width:30px;}
.cust-tab2 .nav-tabs-custom > .tab-content .subtab-list{ float:left; width:100%; border-bottom:1px solid #dedede; padding:4px 8px; margin-bottom:6px; border-left:4px solid #dedede; }
.cust-tab .tab_list span ul{ margin:0; padding:0;}
.cust-tab .tab_list span ul li{ line-height:2.0; background:url(../images/bullet2.png) left top 11px no-repeat; padding-left:15px; list-style:none; color:#444;}
.list1{ width:44%;}
.list2{ width:55%;}
.display td, .display th{ vertical-align:middle;}
.subtab-list .lside{ float:left; width:50%; font-weight:500; color:#666}
.subtab-list .rside{ float:left; width:50%; color:#777}
.bg-form{ background:#fef8f8; padding:20px; margin-bottom:18px; border-bottom:1px solid #efe7e7;}
.add-table{ font-size:14px;}
.add-table label{ color:#333; font-weight:600 !important;}
/* Switch Button */
.sch-btn .switch { position:relative; display:inline-block; width:60px; height:26px; margin:0px;}
.sch-btn .switch input { opacity:0; width:0; height:0;}
.sch-btn .slider { position: absolute; cursor: pointer; top: 0; left:3px; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s;
transition:.4s; height: 23px; width:45px;}
.sch-btn .slider:before { position:absolute; content:""; height:15px; width:15px; left:3px; bottom:4px; background-color:white; -webkit-transition: .4s; transition:.4s;}
.sch-btn input:checked + .slider { background-color:#00458f;}
.sch-btn input:checked + .slider:before { -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px);}
/*  Switch Rounded sliders */
.sch-btn .slider.round { border-radius:34px;}
.sch-btn .slider.round:before { border-radius:50%;}
/* Switch Button */
.usr-tbl .table-bordered td, .table-bordered th{ border: 1px solid #efefef;}
.frm-radio{ display:flex; padding:2px 5px 2px 0px; flex-wrap: wrap; }
.frm-radio label{ padding: 4px 25px 4px 15px !important; display:flex; color:#fff; font-size:14px; margin-right:5px;  align-items:center; margin-bottom: 4px !important;  color: #fff !important;}
.frm-radio label:last-child{ border-right:0 none;}
.frm-radio label input{ margin-right:3px;}
.rto-btn-yes{ border-radius: 50px; background-color:#353d9f; color: #fff;}
.rto-btn-no{ border-radius: 50px; background-color:#999; color: #fff;}
.form-box-main{ width: 100%; margin-top:18px;}
.form-box-main .form-box{ width: 100%; display: flex; align-items: center; padding:8px 10px; background-color: #f3f3f3; border-radius:3px;}
.form-box-main .form-box .form-title{ margin-right: 20px;}
.form-box-main .form-box .form-title h2{ margin: 0; font-size: 16px; color: #444; text-transform: uppercase; font-weight: 500;}
.form-box-main .frm-title{ margin-top:2px;}
.form-box-main .frm-title h2{ background-color: transparent; padding: 10px; color: #666; margin-bottom: 30px;}
.incident-thumb{ width: 100%; display:grid; grid-template-columns: repeat(4,1fr); padding: 10px; gap: 10px;}
.incident-thumb .incident-thumb-box{ border: 1px solid #eee; padding: 5px; display: flex; align-items: center; justify-content: center;}
.incident-thumb .incident-thumb-box span{ display: flex; align-items: center; justify-content: center; width: 100%;}
.cases-top-lnk{ width:100%; display:flex;  margin:0px 0px 45px; align-items: center; background-color: #f5f6fa;
padding:10px 10px; border-radius: 3px;}
.cases-top-lnk h2{ margin:0; font-size:16px; color:#ff0000;}
.cases-top-lnk span a{ display: flex; align-items:center; background-color: #00458f; color:#fff; padding:2px 10px; border-radius: 5px; font-size:14px; border:1px solid #00458f;}
.cases-top-lnk span a ion-icon{ padding-right:4px; font-size:13px; padding-right:6px;}
.cases-top-lnk span a:hover{ background-color:transparent; border:1px solid #029ae1; color:#029ae1;}
.cases-top-lnk .rht-lnk{ width:35%; display: flex; justify-content: flex-end;}
.cases-top-lnk small{ margin-left: 10px; font-size: 14px;}
.cases-top-lnk small a{ display: flex; align-items:center; background-color:#f26767; color:#fff; padding:2px 15px 3px; border-radius: 5px; font-size:14px; border:1px solid #f26767;}
.cases-top-lnk small a ion-icon{ padding-right:4px; font-size:13px; padding-right:6px;}
.cases-top-lnk small a:hover{ background-color:transparent; border:1px solid #f26767; color:#f26767;}
.top-lnk{ padding:2px 0px 2px 0px; width:100%; margin-bottom:15px; display:flex; justify-content: space-between; align-items:center;}
.radio-btn{ display:flex;}
.radio-btn label{ padding:5px 19px 5px 19px !important; display:flex; border-right:1px solid #fff; margin-bottom:0; font-size:13px; margin-right:3px;}
.radio-btn label:last-child{ border-right:0 none;}
.radio-btn label input{ margin-right:3px;}
.top-lnk span a{ display:inline-block; background-color:#029ae1; color:#fff; padding:2px 15px; border-radius:50px; font-size:14px; border:1px solid #029ae1;}
.top-lnk span a i{ padding-right:4px; font-size:13px; padding-right:6px;}
.top-lnk span a:hover{ background-color:transparent; border:1px solid #029ae1; color:#029ae1;}
.low{ background-color:#ff9f40; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px;}
.medium{ background-color:#7fa736; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px;}
.high{ background-color:#ff4943; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px;}
.low i, .medium i, .high i{ font-size:12px; padding-right:5px;}
/* phase */
.phase-radio{ display:flex; border-radius:3px; padding:1px 10px 1px 1px; flex-wrap: wrap;}
.phase-radio label{ padding:4px 15px 4px 15px !important; display:flex; color:#fff !important; font-size:14px; margin-right:4px; align-items:center; margin-bottom:4px !important; }
.phase-radio label:last-child{ border-right:0 none;}
.phase-radio label input{ margin-right:3px;}
.phase1{ background-color:#12cab6; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px;}
.phase2{ background-color:#2a55ce; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px;}
.phase3{ background-color:#d7305e; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px;}
.phase4{ background-color:#1894ea; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px;}
.phase5{ background-color:#5330d7; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px;}
.phase6{ background-color:#d9a627; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px;}
.phase1 i, .phase2 i, .phase3 i, .phase4 i, .phase5 i, .phase6 i{ font-size:12px; padding-right:5px;}
/* phase */
.chk-box{ padding:5px 15px; display:flex; align-items:center; flex-wrap:wrap;}
.chk-box a{ font-size:14px; margin-left:6px; margin-bottom: 0;}
.sff-note{ width:100%; font-size:12px; padding:6px 0px 0px; font-weight:400; font-size: 14px;}
.sff-note small{font-size: 14px; color: #d9261c; font-weight: 600;}
.dte-picker input{ border: 1px solid #ddd; border-radius: 5px; padding: 2px 4px;}
.pro-lst{ margin:0px 0px; width:100%;}
.pro-lst .toplnk{ width:100%; text-align:right; display:flex; justify-content: flex-end; margin:10px 0px;}
.pro-lst:last-child{ border-bottom:0 none }
.pro-lst .toplnk .xbtn-add{margin-right: 10px;}
.export-drp .xbtn-add i{font-size: 11px;}
.export-drp .dropdown-menu {padding-bottom: 0px; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05);}
.export-drp .dropdown-menu a{display: flex; align-items: center; padding: 5px 15px; color: #526484; transition: all .4s; line-height: 1.4rem;
position: relative; border-bottom: 1px solid #dbdfea; font-size: 12px; margin: 0;}
.export-drp .dropdown-menu a .fa-file-excel {margin-right: 6px; color: #154d30; border: 1px solid #154d30;display: inline-block; border-radius: 3px; font-size: 11px; text-align: center; padding: 2px 4px;}
.export-drp .dropdown-menu a .fa-file-pdf {margin-right: 6px; color: #bf1900; border: 1px solid #bf1900;display: inline-block; border-radius: 3px; font-size: 11px; text-align: center; padding: 2px 4px;}
.inr-tle{ width:100%; margin:20px 0px 0px;}
.inr-tle h1{ box-shadow:none !important;text-align:left !important;padding:0px !important;font-weight:500 !important;font-size:16px !important;background-color:transparent !important;color:#1191bf !important; border-bottom:1px dotted #ddd !important; padding-bottom:7px !important;}
.tax-invoice .table th:first-child{ border-radius: 0px;}
.tax-invoice .table th:last-child{ border-radius: 0px;}
.tax-invoice .table{ margin-bottom: 25px;}
.tax-invoice table strong{ color: #333; }
.disclaimer{ background-color: #f4f5f9; padding:10px 2px 10px 10px; border-radius: 5px;}
.tax-header{ font-size: 22px; color: #ea2529; margin-top: 25px;}
.tbl-not{ width:100%; display:flex; justify-content:space-between; margin:2px 0px 0px; padding:1px 0px 0px 5px; background-color:#f6f6f6; border-radius:3px;}
.tbl-not b{ font-size:9px; color:#888; font-weight:500; letter-spacing:0.5px; text-transform:uppercase;}
.tbl-not small{ background-color:#979695; padding:1px 8px 0px; color:#fff; border-radius:3px; font-size:9px; letter-spacing:0.5px; text-transform:uppercase;}
.chrt-lnk{ width:100%; text-align:center; display:flex; justify-content:center; margin:20px 0px -20px;}
.chrt-lnk a{ background-color:transparent; border:1px solid #e5e4e4; border-radius:50px; text-align:center; padding:3px 15px; color:#555; font-size:10px; font-weight:500; transition:0.4s; margin:2px; text-transform:uppercase; letter-spacing:0.5px}
.chrt-lnk a:hover{ border:1px solid #fc6469; color:#fc6469; background-color:transparent}
.chrt-lnk a.active{  background-color:#e5e4e4; border:1px solid #e5e4e4; border-radius:50px; text-align:center; padding:3px 15px; color:#555; transition:0.4s;}
.chrt-lnk a.active:hover{ border:1px solid #fc6469; color:#fc6469; background-color:transparent}
/* User Profile */
.usr-prfle-main{ width: 100%; padding:0px;}
.usr-prfle-main .usr-det{ display: flex; width: 100%; align-items: center; padding-bottom:20px; border-bottom: 2px dotted #c5c8d7; margin-bottom:20px;}
.usr-prfle-main .usr-det .usr-image{ width: 18%; border-right:2px solid #f0f1f7; margin: 10px 0px; display: flex; justify-content: center;}
.usr-prfle-main .usr-det .usr-image span{ height:190px; width:150px; display: flex; /*background-color: #f0f1f7;*/ background-color: #fff; border-radius: 5px; padding: 5px; position:relative; align-items: center; border: 1px solid #e4e5ee;}
.usr-prfle-main .usr-det .usr-image span img{ object-fit: contain; width: auto; height: auto; margin: 0 auto; border-radius:5px;}
.usr-prfle-main .usr-det .usr-image span a{ position:absolute; right:15px; bottom:-10px;}
.usr-prfle-main .usr-det .usr-image span a i{ color: #fff; font-size: 15px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color:#f95057; border: 2px solid #fff; transition: 0.4s;}
.usr-prfle-main .usr-det .usr-image span a i:hover{ transition: 0.4s; background-color:#6a26a1;}
.usr-prfle-main .usr-det .usr-pstn{ width: 82%; padding: 15px 15px 15px 20px;}
.usr-prfle-main .usr-det .usr-pstn h2{ margin: 0px 0px 12px; font-size: 20px; font-weight: 500; color: #e9191d; text-transform: uppercase; }
.usr-prfle-main .usr-det .usr-pstn h3{ margin: 3px 0px; font-size: 13px; font-weight: 400; color: #444; display: flex; align-items: center;}
.usr-prfle-main .usr-det .usr-pstn h3 small{ margin: 0; margin-left: 10px; padding-left: 10px; font-size: 13px; border-left: 2px dotted #5e5e5e; color: #373c9f;}
.usr-prfle-main .usr-det .usr-pstn small{ margin: 10px 0px 5px; font-size: 13px; font-weight: 400; color: #666; display: block; }
.usr-prfle-main .usr-det .usr-pstn small i{ color: #8a7399; font-size: 13px; padding-right: 2px;}
.usr-prfle-main .usr-det .usr-pstn span{ width: 100%; display: flex; align-items: center; background-color: #f1f1f1; padding: 5px 12px; border-radius: 5px;}
.usr-prfle-main .usr-det .usr-pstn span b{ font-weight:300; text-transform: uppercase; font-size: 11px; color: #555; margin-right: 12px;}
.usr-prfle-main .usr-det .usr-pstn span div i{ color:#555; font-size: 14px; }
.usr-prfle-main .usr-det .usr-pstn span div a{ border-left: 1px dotted #6e6e6e; padding-left: 10px; margin: 0px 2px;}
.usr-prfle-main .usr-det .usr-pstn span div a:last-child{ border-right: 0 none}
.usr-des-main{ width: 100%;}
.usr-des-main .usr-abt{ width: 100%;}
.usr-des-main .usr-abt h2{ margin: 0px 0px 10px; padding-bottom:5px; font-size: 16px; text-transform: uppercase; font-weight: 600; position: relative; color: #333;}
.usr-des-main .usr-abt h2:before{ position: absolute; content: ""; width: 60px; height:1px; left: 0; bottom: 0; background-color: #e0e0e0;}
.usr-des-main .usr-abt p{ text-align: justify; color: #444; line-height: 1.5;}
.usr-des-main .usr-infrn{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px;}
.usr-des-main .usr-infrn h2{ margin: 0px 0px 15px; padding-bottom:8px; font-size: 16px; text-transform: uppercase; font-weight: 600; position: relative; width: 100%; display: flex; justify-content:space-between; align-items:flex-end; color: #333;}
.usr-des-main .usr-infrn h2:before{ position: absolute; content: ""; width: 60px; height:1px; left: 0; bottom: 0; background-color: #e0e0e0;}
.usr-des-main .usr-infrn h2 span a i{  width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: #257df6; color: #fff; font-size: 14px;}
.usr-des-main .usr-infrn ul{ padding: 0; margin: 0; width: 48%;}
.usr-des-main .usr-infrn ul li{ list-style: none; border-top:1px dotted #bababa; width: 100%; display: flex; padding: 6px 0px; align-items:center}
.usr-des-main .usr-infrn ul li:first-child{ border-top: 0 none}
.usr-des-main .usr-infrn ul li b{ font-weight:600; color:#333; width:35%; text-transform:uppercase; font-size:13px; margin-right:15px; line-height:1.4;}
.usr-des-main .usr-infrn ul li span{ width: 65%; text-align: left; font-size: 14px; color: #666;}
/* ---- User Roll CSS ------ */
.form-group{ margin-bottom:15px}
.form-group .input-group-append .input-group-text{ font-size: 14px;}
.form-row label{ color:#373737; font-weight:400; padding:5px 0px; text-align:right; margin-bottom:0; font-size: 13.5px; padding-right: 5px; border-radius:4px;}
.form-row .form-control{ font-size:14px; border: 1px solid #e4e4e4;}
.xsearchbdy .form-row .form-control{ font-size:14px; border:1px solid #e3ebf2; min-height:35px; border-radius:20px;}
.table{ animation-name:fadeIn; animation-duration:1s; margin-bottom:0px; background-color:transparent;}
.bdr-all label{ width:100%; border:1px solid #dedede; border-radius:3px; border-left:3px solid #dedede; text-align:left; padding-left:10px; font-size: 14px}
.form-row.inpt-chk-lbl{ width:100%}
.form-row.inpt-chk-lbl .form-group label span{ display: flex; align-items: center; justify-content:flex-end; font-size: 14px; background-color:
#fff; padding: 5px 10px; transition: 0.4s;}
.form-row.inpt-chk-lbl .form-group label span:hover { background-color: #f1f5f9; transition: 0.4s;}
.form-row.inpt-chk-lbl .form-group label span input[type="checkbox"], input[type="radio"] { display:flex; align-items:center; margin:0px 4px;}
.table td a.modulex { color:#a36df4; border:1px solid #a36df4;  border-radius:20px; font-size:12px; width:22px; height:22px; text-align:center; padding-top:4px; display:inline-flex; justify-content:center; }
.table td a.phasex { color:#47d0c1; border:1px solid #47d0c1;  border-radius:20px; font-size:12px; width:22px; height:22px; text-align:center; padding-top:4px; display:inline-flex; justify-content:center; }
.table td a.suspendx { color:#ff7c00; border:1px solid #ff7c00; display:inline-block; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px; }
.mailactive { color:#01a85a; border:1px solid #01a85a; display:inline-block; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px; }
.permission_lock{ color:#1356ac; border:1px solid #1356ac; display:inline-block; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px; }
.rdactive { color:#2e970d; border:1px solid #2e970d; display:inline-block; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px; }
.rdinactive { color:#ff7c00;; border:1px solid #ff7c00;; display:inline-block; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px; }
.table td a.checkx { color:#05a701; border:1px solid #05a701; display:inline-block; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px;}
.table td a.editx { color: #4f7ad5; border:1px solid #4f7ad5; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center;  display:flex; justify-content:center; align-items: center;margin-bottom: 0px; }
.table td a.deletex { color: #f73838; border:1px solid #f73838; display:inline-block; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px;}
.table td a.approvex { color: #2bcd49; border:1px solid #2bcd49; display:inline-block; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px;}
.table td a.searchx { color: #3294fe; border:1px solid #3294fe; display:inline-block; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px;}
.table td a.activex { color:#2fa600; border:1px solid #2fa600; display:inline-block; border-radius:20px; font-size:12px; width:22px; height:22px; text-align:center; padding-top:4px; background-color: transparent; margin-top: -1px;}
.table td a.sndx { color: #3b77f2; border:1px solid #3b77f2; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px; display:inline-flex; justify-content:center;}
.table td i.sndx { color: #026436; border:1px solid #026436; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px; display:inline-flex; justify-content:center;}
.table td a.reply { color: #ad00b0; border:1px solid #ad00b0; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px; display:inline-flex; justify-content:center;}
.table td a.suspendx:hover, .table td a.activex:hover, .table td a.phasex:hover, .table td a.modulex:hover, .table td a.editx:hover, .table td a.checkx:hover, .table td a.deletex:hover, .table td a.approvex:hover, .table td a.searchx:hover, .table td a.reply:hover, .table td i.sndx:hover, .table td a.sndx:hover{ border:1px solid #999; color:#555; transition:0.4s; box-shadow: 0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26)}
.table td button.suspendx { color:#fb7713; border:1px solid #fb7713; border-radius:20px; font-size:12px; width:22px; height:22px; text-align:center; padding-top:4px; padding: 0;  background-color: transparent;}
.table td button.activex { color:#2fa600; border:1px solid #2fa600;  border-radius:20px; font-size:12px; width:22px; height:22px; text-align:center; padding-top:4px; padding: 0;  background-color: transparent;}
.table td button.deletex { color: #ff4646; border:1px solid #ff4646;  border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px; padding: 0; background-color: transparent;}
.table td button.suspendx:hover, button.deletex:hover, button.activex:hover{ box-shadow: 0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26); cursor: pointer; color: #555; }
.table td a.createx { color: #b72bbf; border:1px solid #b72bbf; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px; display:inline-flex; justify-content:center;}
.table td a.assignx { color: #4d8900; border:1px solid #4d8900; border-radius:20px; font-size:12px; width:22px; height:22px; text-align:center; padding-top:4px; display:inline-flex; justify-content:center;}
.table td a.viewx { color: #f06265; border:1px solid #f06265; border-radius:20px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:4px; display:inline-flex; justify-content:center;}
.table td a.addx { color: #109802; border:1px solid #109802; border-radius:20px; font-size:12px; width:22px; height:22px; text-align:center; padding-top:4px; display:inline-flex; justify-content:center;}
.table td a.download,.table td a.download1 { color:#428bca; border:1px solid #428bca;}
.table td a.download,.table td a.download1 { border-radius:7px; color: #fff; display: inline-block; margin-right:4px;}
.table thead th{ color:#364a63; line-height:1.5; font-weight:500; font-size:13px; border-radius:0px 0px 0px 0px; padding: 5px; text-transform:uppercase; border: none; border-bottom:none;}
.table > tbody > tr td{ line-height:1.5; color:#576471; padding: 10px 0px; border-left:0 none; border-right:0 none; font-size:14px; font-weight: 400; vertical-align: middle; border: none; background-color: #fff;}
.table > tbody > tr td img{ max-height: 30px;}
.table > tbody > tr:nth-of-type(2n) { background-color:transparent !important;}
.table > tbody > tr:hover{ background-color:transparent!important; transition:0.4s;}
.table > tbody > tr:hover td{ background-color:#f3f8fd !important; transition:0.4s;}
.table td button:hover{ animation-name: rubberBand; animation-duration: 0.5s; color: #555; border: 1px solid #999;}
.table td, .table th{ border:1px solid #eef4f9;}
.counts{ text-align:center; background-color:#8baabf; justify-content:center; border-radius:20px; color:#fff !important; padding:1px 72x; font-size:11px;}
.counts:hover{ color:#fff;}
.tooltip{ font-size:12px; line-height:1.3;}
.tbl-splt{ width: 100%; display: flex; justify-content: center}
.tbl-splt span{ width: 24%; display: flex; justify-content: center; align-items: center; border-right: 1px solid rgba(0,0,0,0.12)}
.tbl-splt span:last-child{ border-right: 0}
.course-frm{ display:flex; align-items: center; justify-content: center;}
.course-frm div img{ height: auto;}
.course-frm .form-control { font-size:14px; border:1px solid #ced4da; padding:4px 5px; font-size:14px !important; color:#474747; min-height: 34px; border-radius:4px;}
.course-frm .form-control[readonly]{ background-color:#eef4f9;}
.course-fm{ background:linear-gradient(#fafafa, #ffffff); border:1px solid #ddd; border-radius:3px; margin-bottom:15px;}
.course-fm label{ color:#333; padding-top:5px;}
.course-frm1{ display:flex;}
.course-fm1{ background:linear-gradient(#fafafa, #ffffff); border:1px solid #ddd; border-radius:3px; margin-bottom:15px;}
.course-fm1 label{ color:#333; padding-top:5px;}
.course-frm1{ margin-bottom:0;}
.frm-title{ width: 100%; display: block; margin-bottom: 25px; margin-top: 10px;}
.frm-title h2{ margin: 0; font-size: 15px; color: #4e6286; padding: 6px 5px 6px 10px; text-transform: uppercase; font-weight: 400; background-color: #e9ebf2; border-radius: 3px; border-bottom: 1px solid #e3e5ec; display: flex; align-items: center;
justify-content: space-between;}
.add-butt{ text-align:center;  margin-bottom:0px; padding:30px 15px 5px; border-top:1px solid #eef4f9; margin-top:40px; display:flex; align-items:center; justify-content:center;}
#sandbox-container { display: flex; justify-content: space-between; width: 100%}
#sandbox-container .datetimepicker-input{ width: 62% !important;}
#sandbox-container input{ margin-right:0px; border-radius:3px; text-align: left; background-color: #fff; width: 80% !important}
#sandbox-container input:last-child{ margin-right: 0;}
#sandbox-container .input-group{ width: 100%;}
#sandbox-container #datetimepicker7{ margin-right: 10px;}
#sandbox-container #datetimepicker7 span{ margin-right: 0;}
#sandbox-container #datetimepicker7 input{ margin-right: 0;}
#sandbox-container #datetimepicker8 input{ margin-right: 0;}
.datepicker th{ font-size: 14px; padding: 3px 6px;}
.datepicker td{ font-size: 13px; padding: 3px 6px;}
.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th{ border-top: 1px solid #fff; color: #484848; font-weight: normal; text-transform: uppercase; font-size: 13px; letter-spacing: 1px;}
.datepicker .datepicker-switch{ background-color: #ffebeb; border-radius: 50px;}
.datepicker table tr td.range{ border: 1px solid #fff;}
.datepicker-dropdown{ z-index: 0 !important; border: 1px solid #dfdfdf;}
.input-daterange .form-control{ border-radius: 3px !important; margin-right: 5px;}
.input-daterange .form-control:last-child{ margin-right: 0;}
.input-daterange span{ display: flex; align-items: center; justify-content: flex-start; padding:4px;}
.input-group-prepend .input-group-text{ padding: 4px 10px; font-size: 14px;}
.input-group input.form-control{ border-radius: 3px !important;}
.bootstrap-datetimepicker-widget .list-unstyled .datepicker .table th{ background-color:transparent; border-bottom:1px solid #eee; color: #3c3f77;}
.bootstrap-datetimepicker-widget .list-unstyled .datepicker .table th.prev{ background-color: #f9f1db; color: #444;}
.bootstrap-datetimepicker-widget .list-unstyled .datepicker .table th.next{ background-color: #f9f1db; color: #444;}
.bootstrap-datetimepicker-widget .picker-switch{ background-color: #f9f1db !important; border-radius: 0; color: #e65117 !important;}
.bootstrap-datetimepicker-widget.dropdown-menu{ border: 1px solid rgba(43, 61, 81, 0.2); border-radius: 0px 0px 5px 5px;}
.bootstrap-datetimepicker-widget .accordion-toggle .table-condensed tr td a{ display:block; color:rgba(0, 0, 0, 0.6); padding:0; width:100%;}
.bootstrap-datetimepicker-widget .accordion-toggle .table-condensed tr td a span{ display: flex; justify-content: center; width: 100%;}
.bootstrap-datetimepicker-widget li .timepicker{ border: 1px solid #eaeaea; border-top: 3px solid #e5e5e5; color: #444; font-weight: 500;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{ background-color: #343d9f !important; color: #fff !important;}
.bootstrap-datetimepicker-widget table td.day:hover{ background-color: #f2e4ff !important; border-radius:0 !important; color:#444 !important;}
.course-list{ display: flex;}
.course-list .stat-box{ object-fit: contain; width: auto; height: auto; width: 100%;}
.course-list1{ height:345px; display: flex;}
.course-list1 .stat-box{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.course-list1 .stat-box i{ font-size:26px; object-fit: contain; margin-top:150px; color:#777;}
.course-list .stat-box h3{ text-align:left; font-size:16px; margin:10px 0px; text-transform:uppercase; background:#f3f3f3; padding:8px 10px; border-radius:3px; color:#570101; border-bottom:4px solid #e3e3e3;}
.course-list option{ color:#333; font-size:14px; line-height:1.7;}
.top{ padding:15px 0px 10px;}
.orglogo{display: flex; align-items: center; margin-top:30px; border-bottom:2px dotted #eaeaea; padding-bottom:30px;}
.orglogo .org1{ border-right:1px solid #ddd; padding-right:20px; position:relative; display: flex; align-items: center;}
.orglogo .org1:before{ content: ""; width: 13px; height: 13px; position: absolute; right: -7px; background-color: #4343d0; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%); transition: 0.4s }
.orglogo:hover .org1:before{ transition:0.4s; right:-12px;}
.org1 img{ max-width: 250px; max-height: 100px;}
.org2{ padding-left: 0;}
.org2 h1{ font-size:26px; color: #5d5dc5; text-transform: uppercase; padding-left:25px; margin-bottom:0; font-weight:400; }
.org2 h3{font-size:22px;color: #666;text-transform: uppercase;
margin-bottom: 0;padding-bottom: 0;}
.org2 h3 a{ text-transform:capitalize;}
.orgdet{ margin-top:25px;}
.orgdet ul{ padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content:space-between;}
.orgdet ul li{ padding: 0; margin:2px; list-style: none; width: 49%; display: flex; border: 1px solid #dedede;}
.orgdet ul li b{ width: 35%; padding: 5px 10px; border-right:2px solid #ececec; color: #787878; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; background-color:#fafafa; transition:0.4s; position:relative;}
.orgdet ul li:hover b{ background-color:#eff1fb; transition:0.4s; border-right:2px solid #d7dcf5;}
.orgdet ul li span{ width: 65%; padding: 5px 10px; color:#444; display: flex; align-items: center;}
.orgdet-part{margin-top:10px; padding-bottom:15px;}
.orgdet-part ul{padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;}
.orgdet-part ul li{padding: 0; margin:2px; list-style: none; width: 49%; display: flex; border: 1px solid #dedede; margin-right:7px;}
.orgdet-part ul li b{ width: 70%; padding: 5px 10px; border-right: 3px dotted #ddd; color: #888888; font-weight: 600; text-transform: uppercase; background:#fff3f4;}
.orgdet-part ul li span{ width: 65%; padding: 5px 10px;}
.cel-split{ display:flex;}
.cel1{ width:30%; height:28px; margin-right:8px;}
.cel2{ width:25%; margin-right:8px; height:28px }
.cel2:last-child{ margin-right:0;}
.cel-split input{ width:40%;height: 32px;}
.pad1{ padding:0; display: flex; align-items: center; margin-bottom: 5px;}
.pad1{ font-size: 14px; color: #555;}
.pad1 small{ color: #888; margin-right:6px;}
.pad1 em{ color: #999; margin-left:6px;}
.cel3 { width: 50%; float: left; }
.cel4 { width: 48%; float: right; }
.modal-bdr{padding:0px 10px;}
.cel-split-lst{ display:flex; width:100%;}
.cel-split-lst input{ width:17%;height: 32px;}
.cel-split-lst label{ margin:2px 4px;}
.input-group .input-group-addon i{ padding-top:5px;}
.dfdet{margin-top: 0;}
.dfdet ul{padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;}
.dfdet ul li{padding: 0; margin:2px; list-style: none; width: 49%; display: flex; border: 1px solid #dedede;}
.dfdet ul li b{ width: 35%; padding: 5px 10px; border-right: 3px dotted #ddd; color: #888888; font-weight: 600; text-transform: uppercase;}
.dfdet ul li span{ width: 65%; padding: 5px 10px;}
.ed-col{ text-align: right; position: absolute; right: -8px; top: -8px; transition: all 0.5s ease 0s; opacity: 0; visibility: hidden;}
.collapse.show .ed-col{opacity: 1; visibility: visible; transition: all 0.5s ease 0s; right: 8px; top: 8px;}
.ed-org{text-align: right; position: absolute; right: 12px; top: 12px;}
.dfdet2{margin-top: 0;}
.dfdet2 ul{padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;}
.dfdet2 ul li{padding: 0; margin:2px; list-style: none; width: 49%; display: flex; border: 1px solid #dedede;}
.dfdet2 ul li b{ width: 15%; padding: 5px 10px; border-right: 3px dotted #ddd; color: #888888; text-transform: uppercase; text-align: center;}
.dfdet2 ul li b i{ font-size: 24px;}
.dfdet2 ul li span{ width: 70%; padding: 5px 10px;}
.dfdet2 ul li small{ width:15%; padding:5px 0px 0px; text-align:center;}
.dfdet3{margin-top: 0;}
.dfdet3 ul{padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;}
.dfdet3 ul li{ padding:10px 10px 10px; margin:2px; list-style:none; width:32%; display:flex; border:1px solid #dedede; text-align:center; height:130px;}
.dfdet3 ul li img{ margin:0 auto; width:230px;  height:auto; object-fit:contain;}
.tab-bg{ background:#fef5f6;}
.red{ color:#e9222b;}
.flx{ display:flex; width:100%;}
.flx-wht{ width:100%;}
.flx-chart .card-header{ padding:15px 12px;}
.flx-chart .card-header h3{ font-size:16px;}
.drp-datac tbody tr td { padding: 5px 8px; }
.drp-datac .lgrp { display: flex; align-items: center; }
.drp-datac .lgrp label { display: flex; padding-left:17px;}
.drp-datac span.btns { margin-left: 6px;display: flex; flex: 10%; justify-content: end; }
.drp-datac input.cust-chk { height: auto; width: auto; position: absolute; margin-left:-17px; margin-top: 3px;}
.drp-datac span.btns a { margin-right: 4px;}
.drp-datac span.btns a.text-blue { color: #0052c8 !important; }
.drp-datac span.btns a.text-red { color: #df0101 !important; }
.drp-datac span.btns a.text-black { color: #111 !important; }
.drp-datac { font-size: 14px; padding: 6px; border: 1px solid #ddd; position: relative; margin-top:5px;}
.drp-datac::before { position: absolute;  content: "\f0d8"; top: -18px; left: 2%; color: #ddd; font-family: "FontAwesome"; font-size: 17px; }
.mat1{ margin-top: 30px;}
.bg{ margin-left:0px; background:#fff; border-radius:3px; padding:6px 5px 6px; display:block;}
.list1 .course-frm input[type="checkbox"], input[type="radio"]{ border:1px solid #fff;}
.orgloc{ margin-top: 25px;}
.orgloc .card-header{ padding: 0 !important;}
.orgloc .card-header a{ display: block; padding: .75rem 1.25rem; font-size: 16px; color: #333333;}
.orgloc .card-header a.collapsed{color: #eb1c27;}
.orgloc .card-header a:hover{ color: #444444;}
.entry-main { min-width: 50%; max-width: 60%; display: block; margin: auto; padding: 15px 20px; background-color: #f2f2f2; border-radius: 6px; margin-top:30px; margin-bottom:30px; }
.cardlogo h3{ font-size:26px;}
.cardhead { width: 100%;}
.idarea { width: 100%; float:left; padding:20px 0px 5px; margin:0 0 15px 0; border-bottom:#bbbbbb 3px solid; border-top:#bbbbbb 3px solid; }
.iddetail { width: 100%; float: left; }
.photo { width: 20%; float: right; text-align: center; margin-top: 25px; }
.photo img { padding: 8px; border: 1px solid #dedede; border-radius: 6px; }
.photo span { font-size: 14px; display: block; text-transform: uppercase; letter-spacing: 1px; }
.photo span small { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 5px; }
.title { width: 100%; }
.title h1 { font-size: 36px; color: #000000; text-align: left; font-weight: bold; padding: 0 0 5px 0; }
.title h2 { font-size: 20px; color: #110f54; text-align: left; font-weight: bold; text-transform: uppercase; margin: 0 0 20px; }
.detailarea { width: 100%; float: left; }
.detailbox1 { width: 100%; float: left; font-size: 15px; color: #333333; text-align: left; }
.detailbox1 h2 { font-size:18px; color: #000; font-weight: bold; text-transform: uppercase; padding: 10px 0; margin: 0; }
.detailbox2 { width: 50%; float: right; font-size: 15px; color: #333333; text-align: right; }
.detailbox2 h1 { font-size: 15px; color: #000; font-weight: bold; text-transform: uppercase; padding: 5px 0 0 0; }
.signarea { width: 100%; float: left; }
.att-txt { font-size: 16px; }
.att-txt2 { font-size: 16px; }
.detailbox1 .table{ display:inline-table;}
.assign{ padding:0;}
.inner-tbl{ padding-top:20px; margin-bottom:0;}
.tax-invoice{ padding:0px 10px;}
.tax-invoice .btn-group a{ font-size: 12px;}
.tax-invoice .btn-rht{ width: 100%; display: flex; justify-content: flex-end; padding: 0;}
.tax-invoice .btn-group a.btn-secondary i{ font-size: 12px; padding-right: 5px;}
.mcenter{ margin-top:20px; border-top: 5px solid #f0f1f7; padding-top: 25px; }
.cmargin{ border:1px solid #e1e3ee; border-radius:3px; padding:30px 0px; position:relative;}
.cmargin .table td{ border-top:none;}
.tpad1 {padding-top:11px;}
.pad2{ margin-left:0px; margin-right:20px; padding:8px 0px 0px 0px;}
.pad3{ padding-top:10px;}
.pad4{ padding-bottom:20px;}
.pad5{ padding-top:20px;}
.center{ text-align:center;}
.pad_p{ text-align:center}
.pad_p p{ font-size:14px; color:#333;}
.pad_p p span{ font-style:italic;}
.usr_info{ padding:0 !important; text-align:left;}
.usr_img{ background-color:rgba(239, 239, 239, 0.7); padding:20px; border-radius:3px 3px 0px 0px; border:1px solid #fff }
.usr_img img{ width:100%;}
.usr_txt h2{ font-size:26px; font-weight:300; color:#ff0000; padding:0px 0px 10px; margin:0;}
.padd{ padding:0px 15px;}
.padd1{ padding:0;}
.usr_txt ul{ margin:0; padding:0;}
.usr_txt li{ border-top:1px dotted #dedede; font-size:13px; padding:5px 0; display:flex; color:#993300;}
.usr_txt li:first-child{ border-top:none;}
.usr_txt li:last-child{ border-bottom:none;}
.usr_txt li b{ width:50%; border-right: 4px solid #e9e9e9; font-size:12px; text-transform:uppercase; color:#444; margin-right:10px; background: #f2f2f2; padding:6px 10px; border-radius: 0px 1px 1px 0px; position: relative; text-align: right;}
.usr_txt li b:before{ display:block; border-color: transparent transparent transparent #e9e9e9; border-style: solid; border-width: 6px; box-sizing: border-box; content: " "; position: absolute; right: -16px; top:8px; z-index: 2;}
.usr_txt li span{ width:83%; color:#444; padding:4px 10px; text-align:justify; line-height:1.7; background:#f8f7f7; border-radius:3px; display:inline-block;}
.usr_info1{ padding-right:0 !important; text-align:left;}
.usr_img1{ background-color:rgba(239, 239, 239, 0.7); padding:20px; border-radius:3px 3px 0px 0px; border:1px solid #fff }
.usr_img1 img{ width:100%;}
.usr_txt1 h2{ font-size:26px; font-weight:300; color:#ff0000; padding:0px 0px 10px; margin:0;}
.padd{ padding:0px 15px;}
.padd1{ padding:0;}
.pad1 i{ color:#5e5e5e; border:1px solid #ddd; margin-right: 6px; border-radius:5px; width:25px; height:25px; text-align:center; padding-top:4px;}
.usr_txt1 ul{ margin:0; padding:0;}
.usr_txt1 li{ font-size:13px; padding:5px 0; display:flex; color:#993300;}
.usr_txt1 li:first-child{ border-top:none;}
.usr_txt1 li:last-child{ border-bottom:none;}
.usr_txt1 li b{ width:50%; border-right: 4px solid #e9e9e9; font-size:12px; text-transform:uppercase; color:#444; margin-right:4px;   
 background: #fefefe; padding:6px 10px; border-radius: 0px 1px 1px 0px; position: relative; text-align: right;}
.usr_txt1 li span{ width:83%; color:#444; padding:4px 10px; text-align:justify; line-height:1.7; background:#f8f7f7; border-radius:3px; display:inline-block;}
.pink{ font-size:26px; color:#ea2529; margin-top:10px;}
.text-red{ color:#eb1c27;}
.fund-infor{ padding:0;}
.crse span{ width:30%; padding-right:10px;}
.invce1 h2{ color:#eb1c27;}
.invce1 h2 small{ font-size:18px; color:#333;}
.invce2{ color:#333; font-weight:bold;}
.totl{ font-size:16px;}
/* Accordion */
.accor{ padding:0px;}
#accordion-style-1 h1,
#accordion-style-1 a{ color:#0068b6;}
#accordion-style-1 .btn-link { font-weight: 500; color: #666; background-color: transparent; text-decoration: none !important; font-size: 14px;  text-transform:uppercase; padding-left: 30px; line-height:1.4; white-space: normal;}
#accordion-style-1 .card-body { border-top:1px solid #f7f7f7; padding: 15px;}
#accordion-style-1 .card-body h3{  padding:0px 0px 10px; font-size:16px; font-weight:500; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; color:#444; margin-bottom:15px; margin-top:10px;}
#accordion-style-1 .card-body h3:before{ position:absolute; content:''; background:#0068b6; height:1px; bottom:4px; left:0%; width:120px;}
#accordion-style-1 .card-body h3:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:0px; left:0%; width:60px;}
#accordion-style-1 .card-body p{ text-align:justify; color:#333; line-height:1.7;}
#accordion-style-1 .card-body ul{ margin:0 auto; padding:0;}
#accordion-style-1 .card-body ul li{ list-style:none; font-size:14px;  line-height:1.7; background:url(../images/arrow4.png) left top 10px no-repeat; padding-left:15px;}
.link{ margin-top:20px;}
#accordion-style-1 .card-body a { color: #fff; border: 1px solid #0068b6; background:#0068b6; border-radius: 25px; padding:1px 20px 5px; margin-top: 15px; transition:0.4s; font-size:14px;}
#accordion-style-1 .card-body a:hover { color: #004f94; background:transparent; border:1px solid #004f94; box-shadow: 0px 24px 7px -14px #bababa;}
#accordion-style-1 .card-header .btn.collapsed .fa.main{ display:none;}
#accordion-style-1 .card-header .btn .fa.main{ background:transparent; padding: 8px 14px; border-right:2px solid #ddd; color: #eb1c27; width: 37px; height: 28px; position: absolute; left: -1px; top:5px; display:block;}
.accor .card-header{ padding:2px 15px;}
.usr-tbl .table td, .table th { vertical-align: middle; line-height:1.7;}
.usr-tbl .table th { background:#f7f7f7; font-weight: 500; border-bottom:none;}
.usr-tbl .table td{ vertical-align: middle;}
.usr-tbl .table{ margin-bottom:0px;}
#accordion-style-1 .card-header .btn i{ margin-right:0px !important; padding-top: 2px;}
.accordion .card-header{ border-bottom:none !important; border-top:none !important;}
.crse-sel .acrd-link b{ position: absolute; left:-1px; top:2px; background-color: #808e9d; width:40px; height:96%; text-align: center; display: flex; justify-content: center; align-items:center; padding-right:0px; border-radius:10px; border-right:2px solid #fff;}
.crse-sel .acrd-link b i{ margin-top: 0; color: #fff; font-size:15px;}
.crse-sel .acrd-link.collapsed b{ background-color: #e4ecf2; }
.crse-sel .acrd-link.collapsed b i{ color: #687580;}
/* User Roles */
.frm-flx{ display: flex; padding: 0;}
.pad-lft{ padding-left:0;}
.notify-new{ background-color:#f5f5f5; float: right; width:28px; height:28px; border:1px solid #eaeaea; border-radius: 50px; text-align: center;}
.notify-new i{ font-size:14px; color:#ff0404;}
/* ---- Frm-part ------ */
.frm-part img{ margin:0 auto; text-align:center; display:block;}
.frm-part h2{background-color: #edeff0; margin-bottom: 5px; text-align: center; font-size: 28px; font-weight: 400; font-style: normal; color: #595d64; padding: 12px 0px; border-radius: 3px;}
.frm-part-sve{ background-color: #edeff0; margin-bottom: 5px; text-align: center; text-decoration:none; color:#333; font-size: 18px; font-weight: 400; font-style: normal;}
.frm-part-sve a{ color:#444;}
.frm-part h4{ margin-bottom: 5px; text-align: left; font-weight:bold; font-size:16px; font-weight: 400; font-style: normal; color: #595d64; padding: 12px 0px;}
/* ---- Modal ------ */
.mdl-title{ font-size:18px; color:#5e5e5e; font-weight:600;}
.mdl-header{ background:#ebe9e9; padding:10px; border-bottom:2px solid #dfdfdf;}
.mdl-footer{ padding:10px;}
.mdl-body p{ text-align:justify; color:#555; line-height:1.8;}
.mdl-body ul{ padding:0; margin:0;}
/* ---- Calendar ------ */
.event-count{ padding-top:0px; margin-top:0px !important; line-height:1.3;}
.event-count i{ font-size:9px; background:#eb1c27; width:25px; height:25px; border-radius:0px 0px 3px 0px; font-style:normal; color:#fff; padding-top:0px; padding:1px 6px;}
/*org-design-changes*/
.orglogo { display: flex; align-items: center; flex-wrap:nowrap; padding-right: 8px; padding-top: 10px;}
.staff-org1{ width:100%; display:flex; align-items:center; background:linear-gradient(#fff, #fff); position:relative; position:relative; padding:15px 5px; transition:0.4s; transition: 0.4s; border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -ms-border-radius: 10px 10px 0px 0px; -o-border-radius: 10px 10px 0px 0px; }
/* .staff-org1:before{ background-color: #f0f1f7; width:140px; height:100%; top:0; content: ""; position:absolute; right:0px; transition: 0.8s; } */
.staff-org1:after{ background-color: #f6f6f6; width: 10px; height:5px; bottom:-5px; content: ""; position: absolute; right: 0px; 
transition: 0.8s; visibility: hidden;}
.staff-org:hover .staff-org1:before{ background-color: #f6f6f6; transition: 0.8s;}
.staff-org:hover .staff-org1:after{ width:100%; transition: 0.8s; visibility: visible;}
.staff-org1 .staff-tit{ width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.staff-org1 .staff-tit h3{ margin: 0; padding: 0px 30px; font-weight: 300; font-size:16px; color: #555; width: 100%; margin-bottom: 10px;}
.staff-org1 .staff-tit h3 b{  text-transform: uppercase; color: #001aa2; padding-right: 5px; font-weight: 500;}
.staff-org1 h2{ font-size:24px; color:#444;  text-transform: uppercase; padding-left: 30px; margin:0 0 5px; letter-spacing:0.5px; min-width: 50%; font-weight: 500; width: 100%;}
.staff-org1 .staff-tit h4{ margin: 0; padding: 0px 30px; font-weight: 300; font-size:16px; color: #555; width: 100%; }
.staff-org1 .staff-tit h4 b{  text-transform: uppercase; color: #575757; padding-right: 5px; font-weight: 600;}
.qr-cde{ width: 140px; height: 140px; display:flex; align-items:center; justify-content:center; margin:0px 10px;}
.qr-cde img{ width: auto; height: auto; margin: 0 auto;}
.staff-org1 span{ width:210px; height:150px; background-color:#fff; border-right:2px solid #eaebf0; display: flex; align-items: center; padding:20px; z-index:1; transition:0.4s; position: relative;}
.staff-org1 span:before{ position: absolute; content: ""; background-color: #cfd1d9; width: 20px; height: 20px; right: -11px; 
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%);  clip-path: polygon(50% 0%, 100% 50%, 50% 100%); transition: 0.4s; }
.staff-org1 span img { margin:0 auto; width: auto; max-height: 150px; object-fit: contain; border-radius:0px;} 
.staff-org1 small{ position:absolute; transition:0.4s; right:27px;}
.staff-org1 small a{ border-radius:50px; padding:3px 20px 3px 15px; color:#1c77ec; font-size:15px;}
.staff-org1 small a i{ font-size: 12px; padding-right: 1px; background-color:#1c77ec; border:1px solid #1c77ec; border-radius: 50px; padding: 6px; color: #fff; margin-right: 1px;}
.staff-org1 small a:hover{ transition:0.4s; color:#444;}
.staff-org1 small a:hover i{ transition:0.4s; color:#fed440;}
.staff-org2 { padding:20px; width:100%; background-color:#f7f7f7; position:relative; display: flex; justify-content:center; flex-wrap:wrap; position: relative; z-index: 0; border-top: 0 none; margin-bottom: 0px;} 
.staff-org2 h1 { font-size:20px; color:#fff; font-weight:600; text-transform: uppercase; padding:12px 15px; margin:0 0 5px; letter-spacing:0.5px; top:-28px; background-color:#8995a7; width:100%; border-radius:0px; text-align:center;  white-space:100%;}
.staff-org2 h1 span{ float:right; position: relative; right: 0; letter-spacing:0;}
.staff-org3 { padding:20px; width:100%; background-color:#e4e4e4; position:relative; display: flex; justify-content:center; flex-wrap:wrap; position: relative; z-index: 0; border-radius: 0px; margin: 20px 0px;} 
.staff-org3 h1{ font-size:18px;color:#626364; text-transform: uppercase;margin:0 0 5px; letter-spacing:0.5px; width:100%; margin-bottom: 15px;}
.staff-org3 .staff-det { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between}
.staff-org3 .staff-icn { width: 33%; display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 8px 10px 8px 15px; border-radius: 50px; margin-bottom: 10px; position: relative; z-index: 0; }
.staff-org3 .staff-icn:before{ position: absolute; content: ""; width: 48px; height: 100%; background-color: rgba(0, 0, 0, 0.06); border-radius: 50px; left: 0; z-index: -9; transition: 0.8s; opacity: 0;}
.staff-org3 .staff-icn:hover:before{ width: 100%; transition: 0.8s; opacity: 1;}
.staff-org3 .staff-icn:nth-child(3n+3){ margin-right: 0;}
.staff-org3 .staff-icn span { display: flex; align-items: center; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.staff-org3 .staff-icn span i{ font-size: 20px; color: #555; padding-right: 5px;} 
.staff-org3 .staff-icn span b{ font-size: 16px; font-weight: normal; margin-left:5px; border-left: 2px dotted #cecece; padding-left: 10px; color: #696969; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.staff-org3 .staff-icn small{ display: flex; align-items: center; justify-content: space-between}
.staff-org3 .staff-icn small a{ margin: 0px 3px;}
.staff-org3 .staff-icn small a i{ width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50px; font-size: 13px;}
.staff-org3 .staff-icn small a i.edt{ background-color: #1c77ec; color: #fff}  
.staff-org3 .staff-icn small a i.del{ background-color: #ff2931; color: #fff}  
.staff-org3 .staff-icn small a:hover i.edt{ background-color: #666; transition: 0.4s; animation-name:rubberband; animation-duration: 1s;}
.staff-org3 .staff-icn small a:hover i.del{ background-color: #666; transition: 0.4s;}
.staff-org-list{ display:flex; width: 100%; flex-wrap: wrap}
.staff-org { margin-top: 0px; padding:0px; border:1px solid #f0f1f7; width: 100%; border-radius: 10px;} 
.staff-org-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width: 100%; } 
.staff-org-list ul li { padding:2px 0px; margin:0px; list-style: none; width: 100%; transition: 0.6s; margin-right:0px; display: flex; } 
.staff-org-list ul li b { width: 30%; padding:4px 8px; color: #444; font-weight:600; text-transform: uppercase; position: relative; z-index: 1; align-items: center; flex-wrap: nowrap; position:relative; display: flex; align-items: center; transition:0.8s;  border:1px solid #e9e9e9; border-right:3px solid #e9e9e9; font-size:13px; border-radius:0px; transition:0.8s;} 
.staff-org-list ul li:hover b{ transition:0.8s; background: transparent;  border-right: 3px solid #7b7979; transition: 0.6s;}
.staff-org-list ul li:hover b::before{ transition:0.4s; background-color:#ff0000; right:-10px}
.staff-org-list ul li span { width: 70%; padding:5px 10px 5px 10px; text-align: justify; flex-wrap: nowrap; min-height:30px; color: #666; border: 1px solid #e4e5ee; border-left:0 none; font-size:14px; background-color:#fff; line-height: 1.3; border-radius: 0px; position: relative; transition: 0.8s; z-index: 0;}
.staff-org-list ul li span:before{ position: absolute; width: 1px; height: 100%; content: ""; left: 0; top: 0; opacity: 0; transition: 0.8s; z-index: -1; border-radius: 4px;}
.staff-org-list ul li:hover span:before{ opacity: 1; transition: 0.8s; width: 100%; height: 100%;}
.staff-org-list ul li span h1{ font-size: 22px; color: #333;} 
.staff-org-list ul li span h2{ font-size: 20px; color: #555;}
.staff-org-list ul li span h3{ font-size: 18px; color: #777;}
.staff-org-list ul li span h4{ font-size: 16px; color: #888;}   
.staff-org-list ul li span h5{ font-size: 14px; color: #999;}
.staff-org-list ul li span h6{ font-size: 12px; color: #888;}
.staff-org-list h5{ font-size: 24px; font-weight: 600; color: #d9261c; margin: 10px 0px;}
.staff-contrt-org1{ width:100%; display:flex; align-items:center; background:linear-gradient(#fff, #fff); position:relative; position:relative; padding:15px 5px; transition:0.4s; border-bottom:4px solid #f0f1f7; transition: 0.4s;}
.staff-contrt-org:hover .staff-contrt-org1:before{ background-color: #f6f6f6; transition: 0.8s;}
.staff-contrt-org:hover .staff-contrt-org1:after{ width:100%; transition: 0.8s; visibility: visible;}
.staff-contrt-org1 .staff-contrt-tit{ width: 100%;}
.staff-contrt-org1 .staff-contrt-tit h3{ margin: 0; padding: 0px 30px; font-weight: 300; font-size:16px; color: #555;}
.staff-contrt-org1 .staff-contrt-tit h3 b{  text-transform: uppercase; color: #001aa2; padding-right: 5px; font-weight: 500;}
.staff-contrt-org1 h2{ font-size:24px; color:#444; text-transform: uppercase; padding-left: 30px; margin:0 0 8px; letter-spacing:0.5px; min-width: 50%; font-weight: 500; }
.qr-cde{ width: 140px; height: 140px; display:flex; align-items:center; justify-content:center; margin:0px 10px;}
.qr-cde img{ width: auto; height: auto; margin: 0 auto;}
.staff-contrt-org1 span{ width:210px; height:120px; background-color:#fff; border-right:2px solid #eaebf0; display: flex; align-items: center; padding:20px; z-index:0; transition:0.4s; position: relative;}
.staff-contrt-org1 span:before{ position: absolute; content: ""; background-color: #cfd1d9; width: 20px; height: 20px; right: -11px; 
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%);  clip-path: polygon(50% 0%, 100% 50%, 50% 100%); transition: 0.4s; }
.staff-contrt-org1 span img { margin:0 auto; width: auto; height:auto; object-fit: contain; border-radius:0px;} 
.staff-contrt-org1 small{ position:absolute; transition:0.4s; right: 30px;}
.staff-contrt-org1 small a{ background-color:#1c77ec; border:1px solid #1c77ec; border-radius:50px; padding:3px 20px 3px 15px; color:#fff; font-size:15px;}
.staff-contrt-org1 small a i{ font-size: 12px; padding-right: 1px;}
.staff-contrt-org1 small a:hover{ transition:0.4s; color:#1c77ec; border:1px solid #1c77ec; background-color:transparent}
.staff-contrt-org2 { padding:20px; width:100%; background-color:#fdfdfd; position:relative; /*border:1px solid #e9e9e9;*/ display: flex; justify-content:center; flex-wrap:wrap; position: relative; z-index: 0; border-top: 0 none; margin-bottom: 20px;} 
.staff-contrt-org2 h1 { font-size:20px; color:#fff; font-weight:600; text-transform: uppercase; padding:12px 15px; margin:0 0 5px; letter-spacing:0.5px; top:-28px; background-color:#8995a7; width:100%; border-radius:0px; text-align:center;  white-space:100%;}
.staff-contrt-org2 h1 span{ float:right; position: relative; right: 0; letter-spacing:0;}
.staff-contrt-org-list{ display:flex; width: 100%; flex-wrap: wrap}
.staff-contrt-org { margin-top:12px; padding:0px; justify-content: space-between;} 
.staff-contrt-org-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width: 100%; } 
.staff-contrt-org-list ul li { padding:2px 0px; margin:0px; list-style:none; width: 100%; transition: 0.6s; margin-right:0px; display: flex; } 
.staff-contrt-org-list ul li b { width: 30%; padding:4px 8px; color: #444; font-weight:500; text-transform: uppercase; position: relative; z-index: 1; align-items: center; flex-wrap: nowrap; position:relative; display: flex; align-items: center; transition:0.8s;  border:1px solid #f0f1f7; border-right:3px solid #e7e8f0; font-size:13px; border-radius: 4px 0px 0px 4px; transition:0.8s;} 
.staff-contrt-org-list ul li:hover b{ transition:0.8s; background: transparent;  border-right: 3px solid #f4c20f; transition: 0.6s;}
.staff-contrt-org-list ul li:hover b::before{ transition:0.4s; background-color:#ff0000; right:-10px}
.staff-contrt-org-list ul li span { width: 70%; padding:5px 10px 5px 10px; text-align: justify; flex-wrap: nowrap; min-height:30px; color: #666; border: 1px solid #e4e5ee; border-left:0 none; font-size:14px; background-color:#fff; line-height: 1.3; border-radius: 0px 4px 4px 0px; position: relative; transition: 0.8s; z-index: 0;}
.staff-contrt-org-list ul li span:before{ position: absolute; width: 1px; height: 100%; content: ""; left: 0; top: 0; opacity: 0; transition: 0.8s; z-index: -1; border-radius: 4px;}
.staff-contrt-org-list ul li:hover span:before{ opacity: 1; transition: 0.8s; width: 100%; height: 100%;}
.staff-contrt-org-list ul li span h1{ font-size: 22px; color: #333;} 
.staff-contrt-org-list ul li span h2{ font-size: 20px; color: #555;}
.staff-contrt-org-list ul li span h3{ font-size: 18px; color: #777;}
.staff-contrt-org-list ul li span h4{ font-size: 16px; color: #888;}   
.staff-contrt-org-list ul li span h5{ font-size: 14px; color: #999;}
.staff-contrt-org-list ul li span h6{ font-size: 12px; color: #888;}
/* Tab View List */
.tab-view-list{ display:flex; width: 100%; padding-top:5px; margin-bottom:10px; justify-content: space-between;}
.tab-view-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width:49%; transition: 0.4s; } 
.tab-view-list ul li { padding:0px 0px; margin:0px 0px 5px; list-style: none; width: 100%; margin-right:0px; display: flex; transition: 0.4s; border: 1px solid #ededf4; border-left: 5px solid #e7eaf0; border-radius: 3px; padding-left: 0 !important;}
.tab-view-list ul li:hover b:before{ right: 0; transition: 0.4s; background-color: #ff0000;} 
.tab-view-list ul li b { width:35%; padding:5px 10px 5px 10px; color:#373495; text-transform: uppercase; font-weight:600; position:relative; border-right:1px solid #fff; transition: 0.4s; align-items: center; flex-wrap: nowrap; position:relative; display: flex; align-items: center; font-size:12px; position: relative; transition: 0.4s; background: linear-gradient(45deg, #ecf0f6,#ffffff) !important;}
.tab-view-list ul li b:before{ background-color: #dde3ee; width:12px; height:12px; right:-8px; content: ""; position: absolute; bottom:9px;-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%); transition: 0.4s;}
.tab-view-list ul li span { width:65%; padding:5px 5px 5px 20px; text-align: justify; flex-wrap:nowrap; min-height:30px; color:#555;  font-size:14px; display: flex; align-items: center; transition: 0.4s; }
.tab-view-list ul li span p{ font-size: 14px;}
/* Tab View label */
.tab-acc{ padding: 0;}
.tab-view-lbl{ display:flex; width: 100%; padding-top:5px; margin-bottom:10px; justify-content: space-between;}
.tab-view-lbl ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width:100%; transition: 0.4s; } 
.tab-view-lbl ul li { padding:0px 0px; margin:0px 0px 5px; list-style: none; width: 100%; margin-right:0px; display: flex; transition: 0.4s; border: 1px solid #ededf4; border-left: 5px solid #e7eaf0; border-radius: 3px; padding-left: 0 !important;}
.tab-view-lbl ul li:hover b:before{ right: 0; transition: 0.4s; background-color: #ff0000;} 
.tab-view-lbl ul li b { width:25%; padding:5px 10px 5px 10px; color:#373495; text-transform: uppercase; font-weight:600; position:relative; border-right:1px solid #fff; transition: 0.4s; align-items: center; flex-wrap: nowrap; position:relative; display: flex; align-items: center; font-size:12px; position: relative; transition: 0.4s; background: linear-gradient(45deg, #f1f4f9,#ffffff) !important;}
.tab-view-lbl ul li b:before{ background-color: #dde3ee; width:12px; height:12px; right:-8px; content: ""; position: absolute; bottom:9px;-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%); transition: 0.4s;}
.tab-view-lbl ul li span { width:75%; padding:5px 5px 5px 20px; text-align: justify; flex-wrap:nowrap; min-height:30px; color:#555;  font-size:14px; display: flex; align-items: center; transition: 0.4s; }
.tab-view-lbl ul li span p{ font-size: 14px;}
.no-record{ width: 100%;}
.no-record h6{ font-size: 18px; font-weight: 400; color: #333; margin: 14px 0px; display: flex; justify-content: center; align-items: center;}
.no-record h6 i{ color: #f40c0c; padding-right: 4px;}
.hide-filebrow{display: none}
.custom-prev{ display:flex; border: 0!important; padding: 0!important; }
.custom-prev .file-drop-zone{ border: 0 none !important; margin:0px; padding: 0;  width: 100%;}
.custom-prev .file-drop-zone .file-preview-thumbnails{ display:flex; flex-wrap:wrap; width: 100%;}
.custom-prev .file-drop-zone .krajee-default.file-preview-frame{ box-shadow:none; width:19%; margin:0; margin-right:5px; transition:0.4s;}
.krajee-default.file-preview-frame{ box-shadow:none !important; transition:0.4s;}
.custom-prev .file-drop-zone .krajee-default.file-preview-frame:nth-child(5n+5){ margin-right:5px; }
.custom-prev .file-drop-zone iframe{ border: 1px solid #dfdfdf; width: 100% !important; height: 142px !important}
.custom-prev .file-drop-zone .krajee-default.file-preview-frame .kv-file-content{ height: auto; width: auto; min-height:135px; display:flex;
justify-content:center; object-fit:contain; margin-bottom: 5px;}
.custom-prev .file-drop-zone .krajee-default.file-preview-frame .kv-file-content video{ width:100% !important; height:140px !important;}
.upld-main{ display: none; }
.custom-prev .file-drop-zone .krajee-default .file-caption-info, .krajee-default .file-size-info{ width:auto !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.custom-prev .file-footer-caption{ margin-bottom: 15px !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.krajee-default.file-preview-frame:not(.file-preview-error):hover{ transition:0.4s;}
.chk-box .file-input-ajax-new{ width: 100% !important}
.file-drop-zone{ border: 0 none !important}
.file-caption .file-caption-name{ color: #777;}
.file-caption.icon-visible .file-caption-name{ padding-left: 30px !important;}
.btn-file .hidden-xs, .btn-file i{ font-size: 14px;}
.input-group-append .hidden-xs, .input-group-append i{ font-size: 14px;}
.select2-container--default .select2-selection--multiple{ height:80px; overflow:auto; border:1px solid #dedede !important;}
.select2-container--default.select2-container--focus .select2-selection--multiple{ border:1px solid #dedede !important; height:80px; overflow: auto;}
.cninfo-modal .cninfo-fter .select2-container--default .select2-selection--multiple { height: 80px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{ font-size:12px; }
.select2-results__option{ font-size:13px;}
.nav .active.show { color: #eb1c27; }
.intl-tel-input{ width: 100%;}

.msg-info{ width: 100%; text-align: center; margin:30px 0px 10px; background-color: #f3f3f3; padding: 10px 10px; border-radius: 5px;}
.msg-info span{ width: 100%; color: #ff0000; font-size: 12px; display: block; padding-bottom: 2px;}
.dropzone{ border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 5px;}
.dz-remove{ margin-top: 5px; font-size: 12px !important; letter-spacing: 0.5px;}
.dropzone .dz-preview{ margin:16px 10px !important;}
.dropzone .dz-preview:nth-child(5n+5){ margin-right: 0; }
.dropzone .dz-preview .dz-image{ border: 1px solid #efefef; border-radius: 5px !important; display: flex !important; align-items: center;
justify-content: center;}
.dropzone .dz-preview .dz-image img{ width: auto; height: auto; object-fit: contain;}
.dropzone .dz-preview.dz-error .dz-error-message{ top: 150px;}
.dropzone .dz-message{ text-align: center; margin: 5px 0px 10px; background-color: #f3f3f3; padding: 10px 10px 8px; border-radius: 50px; font-size: 16px; text-transform: uppercase; color: #444; font-weight: 500; border-left: 3px solid #cecece; border-right: 3px solid #cecece}
.modal{ z-index: 9999;}
#myModal .modal-dialog{ max-width: 980px}
.modal-body iframe{ width: 100% !important; min-height:300px;}
#myModal .modal-body{ min-height:500px;}
#myUploadModal .modal-body{ min-height:350px;}
#myUploadModal .modal-body iframe{ min-height: 420px;}
.modal-body iframe body{ padding-bottom: 0px; background-color: #fff;}
.oline-bar-cht {display: flex; height: 100px;width: 100%; position: relative;}
.oline-bar-cht #olinebarcht {width: 100%;}
.oline-bar-cht .bar-cnt {position: absolute; top: -18px; z-index: 99; right: 0; display: flex; align-items: center;}
.oline-bar-cht .bar-cnt span {display: flex; align-items: center; color: #798bff; font-weight: 400; padding: 0 5px 0px 11px; font-size: 14px; position: relative;}
.oline-bar-cht .bar-cnt span::after {content: ''; position: absolute; top: 7px; left: 0; width: 7px; height: 7px; background: #798bff; border-radius:8px;}
.oline-bar-cht .bar-cnt span:last-child::after {background: #b8acff;}
.oline-bar-cht .bar-cnt span:last-child {color: #b8acff}
.oline-report-chrt {display: flex; height: 220px;width: 100%;}
.oline-report-chrt #olinelineChart {width: 100%;}
.tooltip-down {position: relative; text-align: center; display: flex;align-content: center; justify-content: center;}
.tooltip-down a {padding: 0px 13px; }
.tooltip-down:hover a .ellips-ion{color: #333 !important;}
.tooltip-down:hover a.dropdown-toggle::before {content: ''; position: absolute; top: -6px; left: 0; right: 0; margin: 0 auto; background: #e8ebf9; width: 30px; height: 30px; border-radius: 50%;}
.tooltip-down .dropdown-toggle::after{content: none;}
.tooltip-down .dropdown-menu {padding-bottom: 0px; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); margin:0 0; width: 200px;}
.tooltip-down .dropdown-menu .link-list-plain {margin: 0; padding: 0; list-style: none;}
.dropdown-menu .link-list-plain li a {display: flex; align-items: flex-start; padding: 5px 15px; color: #526484; transition: all .4s; line-height: 1.4rem; position: relative; border-bottom: 1px solid #dbdfea; font-size: 14px; margin: 0; }
.dropdown-menu .link-list-plain li:last-child a{border-bottom: 0;}
.tooltip-down  a.dropdown-toggle ion-icon {color: #8c9eb6;}
.tooltip-down.show a.dropdown-toggle ion-icon {color: #00458f;}
.dropdown-menu .link-list-plain li a:hover {background: #f5f6fa;}
.dropdown-menu .link-list-plain li a .sus-i{ margin-right: 6px; color: #2e970d; border: 1px solid #2e970d; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .view-i{ margin-right: 6px; color: #0662b0; border: 1px solid #0662b0; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .edit-i{ margin-right: 6px; color: #4f7ad5; border: 1px solid #4f7ad5; display: flex; align-items: center; border-radius: 6px; font-size: 13px; text-align: center; padding: 1px 2px; width: 14px; height: 16px;}
.dropdown-menu .link-list-plain li a .dlt-i{ margin-right: 6px; color: #ff5d48; border: 1px solid #ff5d48; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .manage-i{ margin-right: 6px; margin-top: 3px; color: #684cee; border: 1px solid #684cee; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .clnd-i{ margin-right: 6px; margin-top: 3px; color: #f4c20f; border: 1px solid #f4c20f; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .rept-i{ margin-right: 6px; margin-top: 3px; color: #4981ff; border: 1px solid #4981ff; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .gle-alts-i{ margin-right: 6px; margin-top: 3px; color: #684cee; border: 1px solid #684cee; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .kywd-rnking-i{ margin-right: 6px; margin-top: 3px; color: #f4c20f; border: 1px solid #f4c20f; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .infogpcs-i{ margin-right: 6px; margin-top: 3px; color: #0079df; border: 1px solid #0079df; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .artcle-i{ margin-right: 6px; margin-top: 3px; color: #ec7e8e; border: 1px solid #ec7e8e; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .dash-set-i{ margin-right: 6px; margin-top: 3px; color: #00458f; border: 1px solid #00458f; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .crntls-i{ margin-right: 6px; margin-top: 3px; color: #20a837; border: 1px solid #20a837; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .blink-i{ margin-right: 6px; margin-top: 3px; color: #d71368; border: 1px solid #d71368; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .anltcs-i{ margin-right: 6px; margin-top: 3px; color: #2bb594; border: 1px solid #2bb594; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
.dropdown-menu .link-list-plain li a .stcht-i{ margin-right: 6px; margin-top: 3px; color: #ca400a; border: 1px solid #ca400a; display: inline-block; border-radius: 3px; font-size: 13px; text-align: center; padding: 1px 2px;}
/*org-design-changes*/
.inr-frm-str .inr-frm-sub .tbl-frm{ padding: 10px 0px; min-height: 380px;}
.inr-frm-str .course-frm{ flex-wrap: wrap; padding: 0px 25px; margin-bottom:25px;}
.inr-frm-str .form-row label{ text-align: left; color: #737373; font-weight: 300; text-transform: uppercase; font-size: 16px;}
.inr-frm-str .course-frm .col-md-12{ padding: 0;}
.inr-frm-str .course-frm .form-control{ border-bottom: 1px solid #dfe3e8 !important; border: 0; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; padding: 0px 0px;
font-size: 16px !important;}

.cled-org {width: 100%; margin: 10px 10px 15px;  display:flex; border-radius: 5px; position: relative; flex-wrap: wrap;}
.cled-org .sff-bg-pfle {position: absolute; overflow: hidden; width: 100%; top: 0px; left: 0; right: 0; margin: 0 auto;   /*border-top-left-radius: 10px; border-top-right-radius: 10px;*/}
.cled-org .sff-bg-pfle img {object-fit: cover; max-height: 150px; width: 100%; border-radius: 30px 30px 0px 0px;}
.cled-org .cled-slct { display: flex; flex-wrap: wrap; padding:20px; border-radius: 5px; transition: 0.4s; /*border: 1px solid #eeeeee; box-shadow: 5px 10px 25px -9px rgba(0,0,0,0.1); */width: 100%; background-color: #fff;}
.cled-org-hd{ width:25%; padding:0px; display:flex; align-items: flex-start; background:linear-gradient(#fff, #fff); position:relative; justify-content: center; position:relative; padding:70px 0px 0px; transition:0.4s; min-height: 300px;}
.cled-org-hd span{ width: 250px; height:150px; display: flex; align-items: center; padding:25px; z-index:1; transition:0.4s;}
.cled-org-hd span img { margin:0 auto; width: auto; height:auto; object-fit: contain; border-radius:0px;} 
.cled-org-hd small{ position:absolute; bottom: 25px; transition:0.4s;}
.cled-org-hd small a{ background-color:#00458f; border:1px solid #00458f; border-radius:5px; padding: 3px 10px 3px 10px; color:#fff; font-size:14px; display: flex; align-items: center;}
.cled-org-hd small a ion-icon{ font-size: 17px; color: #fff; transition:0.4s; padding-right: 5px;}
.cled-org-hd small a:hover{ transition:0.4s; color:#d9261c; border:1px solid #d9261c; background-color:transparent}
.cled-org-hd small a:hover ion-icon{color: #d9261c;}
.cled-org-tit { padding: 20px 0 20px 20px; width:75%; position:relative; display: flex; justify-content:center; flex-wrap:wrap;} 
.cled-org-tit h1 { font-size:20px; color:#fff; font-weight:600; text-transform: uppercase; padding:10px 15px; margin:0 0 5px; letter-spacing:0.5px; top:-28px; background-color: #798bff; width:100%; border-radius:0px; text-align:center; /* box-shadow:0 4px 20px 0 rgba(0,0,0,.10),0 7px 10px -5px rgba(166, 166, 166, 0.4);*/ white-space:100%;}
.cled-org-tit h1 span{ float:right; position: relative; right: 0; letter-spacing:0;}
.cled-org-list{ display:flex; margin-top:15px; width: 100%;}
.cled-org-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width: 100%; } 
.cled-org-list ul li { padding:2px 0px; margin:0px; list-style: none; width: 100%; margin-right:0px; display: flex; } 
.cled-org-list ul li b { width: 25%; padding:6px 10px; color: #333; font-weight:500; text-transform: uppercase; position: relative; z-index: 1; align-items: center; flex-wrap: nowrap; background-color:#f5f6fa; position:relative; display: flex; align-items: center; transition:0.4s; border-left:3px solid #e8e8e8; border:1px solid #eef4f9; font-size:14px;} 
.cled-org-list ul li b::before { content: ""; width:10px; height:10px; position: absolute; right:-6px; z-index: -1; background-color:#eaeaea; 
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%); transition:0.4s; } 
.cled-org-list ul li:hover b::before{ transition:0.4s; background-color:#00458f; right:-10px}
.cled-org-list ul li span { width: 75%; padding:5px 5px 5px 17px; text-align: justify; flex-wrap: nowrap; min-height:30px; color: #666; border: 1px solid #eef4f9; border-left:0 none; font-size:14px; background-color:#fff;}
.cled-org-list ul li span h1{ font-size: 22px; color: #333;} 
.cled-org-list ul li span h2{ font-size: 20px; color: #555;}
.cled-org-list ul li span h3{ font-size: 18px; color: #777;}
.cled-org-list ul li span h4{ font-size: 16px; color: #888;}   
.cled-org-list ul li span h5{ font-size: 14px; color: #999;}
.cled-org-list ul li span h6{ font-size: 12px; color: #888;}
.ptnr{ width:100%; padding-top:20px;}
.ptnr select{ min-height:300px; background-color:rgba(255, 255, 255, 0.6); border:1px solid #d7d7d7; overflow:auto}
.ptnr option{ padding: 10px 10px; background-color:#fafafa; margin-bottom:1px; border-bottom:1px solid #eeeeee; transition:0.4s; outline:0 none; color:#333; font-size:14px;}
.ptnr option:nth-child(2n+2){ background-color:#fcfcfc;}
.ptnr .btn-outline-secondary{ border:1px solid #d7d7d7; color:#808285; font-size:20px; transition:0.4s; padding:4px;}
.ptnr .btn-outline-secondary:hover{ color:#808285; transition:0.4s; background-color:#f3f3f3}
.ptnr label{ background-color: #f5f6fa; color:#333; text-transform: uppercase; padding:5px 10px; border-radius:50px; font-size:14px; border-left:3px solid #bbb; border-right:3px solid #bbb; text-align: left;}
.ptnr span{ color:#444; font-weight:500; justify-content:flex-end; margin-bottom:0;}
.tbl-frm .course-frm .bootstrap-duallistbox-container .box1 > label{margin-bottom: 8px;}
.tbl-frm .course-frm .bootstrap-duallistbox-container .box2 > label{margin-bottom: 8px;}
.tbl-frm .course-frm .bootstrap-duallistbox-container .info-container .info{margin-bottom: 10px;}
.algn-form {display: flex; align-items: center;}
.algn-form label {display: flex; align-items: center;}
.case-view { width:100%; position:relative; display: flex; justify-content:center; flex-wrap:wrap;} 
.select2-container .select2-selection--single{ height: 31px !important}
.cke_chrome{ border:1px solid #d7d7d7 !important; border-radius:3px;}
.file-preview { border:1px solid #d7d7d7 !important;}
.chk-box .file-caption-main .file-caption span{ border: 0 none !important; width: 100%; padding: 2px;}
.chk-box .file-caption-main .btn-file span.hidden-xs{ border: 0 none; background: transparent; padding: 0; color: #fff;}
.case-view-list{ width: 100%; padding-top:5px; margin-bottom:10px;}
.case-view-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width: 100%; } 
.case-view-list ul li { padding:2px 0px; margin:0px; list-style: none; width: 100%; margin-right:0px; display: flex; } 
.case-view-list ul li b { width:25%; padding:5px 10px; color:#333; font-weight:500; text-transform: uppercase;position:relative; z-index: 1; align-items: center; flex-wrap: nowrap; background-color: #f5f6fa; position:relative; display: flex; align-items: center; transition:0.4s; border-left:3px solid #e8e8e8; border:1px solid #eef4f9; font-size:14px; border-right: 2px solid #e8e8e8;} 
.case-view ul li:hover b::before{ transition:0.4s; background-color:#d9261c; right:-10px}
.case-view ul li span { width:75%; padding:5px 5px 5px 17px; text-align: justify; flex-wrap:nowrap; min-height:30px; color:#484848; border:1px solid #eef4f9; border-left:0 none; font-size:14px; background-color:#fff;}
.case-view-list ul li:hover b::before{ transition:0.4s; background-color:#d9261c; right:-10px}
/*  */
.case-view-list .prj-view-cnt span.viw-cnt-slct a {font-size: 13px; color: #fff; padding: 0px; border-radius: 50px; background: #00458f; padding: 3px 10px; }
.case-view-list .prj-view-cnt span.viw-cnt-slct h1 { font-size:20px; color:#fff; font-weight:500; text-transform: uppercase; padding:12px 15px; margin:0 0 5px; letter-spacing:0.5px; top:-28px; background-color:#d5d5d5; width:100%; border-radius:0px; text-align:center;}
.case-view-list .prj-view-cnt span.viw-cnt-slct h1 { float:right; letter-spacing:0;}
.select2-container--default .select2-selection--single{ border:1px solid #d7d7d7 !important; border-left:3px solid #d7d7d7 !important;}
.case-view-list .prj-view-cnt span.viw-cnt-slct h1{ font-size: 22px; color: #333; margin:10px 0px; } 
.case-view-list .prj-view-cnt span.viw-cnt-slct h2{ font-size: 16px; color: #444; margin:10px 0px;}
.case-view-list .prj-view-cnt span.viw-cnt-slct h3{ font-size: 18px; color: #555; margin:10px 0px;}
.case-view-list .prj-view-cnt span.viw-cnt-slct h4{ font-size: 16px; color: #666; margin:10px 0px;}   
.case-view-list .prj-view-cnt span.viw-cnt-slct h5{ font-size: 14px; color: #444; margin:10px 0px;}
.case-view-list .prj-view-cnt span.viw-cnt-slct h6{ font-size: 12px; color: #555; margin:10px 0px;}
.case-view-list .prj-view-cnt span.viw-cnt-slct p{ margin:5px 0px; overflow: hidden;}
.case-view-list .prj-view-cnt span.viw-cnt-slct p strong{ font-weight:500; color:#333;}
.prj-view-slct {width: 100%; display: grid; position: relative; z-index: 1; grid-template-columns: repeat(2, 1fr); gap: 0px; padding: 15px 15px 0;}
.prj-view-slct .lab-box {display: flex; border-bottom: 1px solid #eceef9; padding: 5px 0 5px; align-items: center;}
.prj-view-slct .lab-box b { width:45%; padding:5px 10px; color:#777; font-weight:500; text-transform: uppercase;  z-index: 1; flex-wrap: nowrap; position:relative; display: flex; align-items: center; transition:0.4s; font-size:14px;} 
.prj-view-slct .lab-box span { width:55%; padding:5px 5px 5px 17px; text-align: justify; flex-wrap:nowrap; min-height:30px; color:#484848; ;  font-size:14px;}
.prj-view-slct .lab-box b::after {content: ":"; position: absolute; top: 3px; right: 40px; color: #8c9eb6; text-align: center;}
.prj-view-cnt {width: 100%; position: relative;  padding: 0px 15px 0; margin-bottom: 30px;}
.prj-view-cnt .lab-cnt-box {display: flex; border-bottom: 1px solid #eceef9; padding: 5px 0 5px; flex-wrap: wrap;}
.prj-view-cnt .lab-cnt-box b { width:100%; padding:5px 10px; color:#777; font-weight:500; text-transform: uppercase;  z-index: 1; flex-wrap: nowrap; position:relative; display: flex; align-items: center; transition:0.4s; font-size:14px; } 
.prj-view-cnt .lab-cnt-box span { width: 100%; padding:5px 5px 5px 10px; text-align: justify; flex-wrap:nowrap; min-height:30px; color:#484848; ;  font-size:14px;}
.prj-view-cnt .view-url-slct span p {margin: 5px 0px;overflow: hidden;}
.prj-view-cnt .view-url-slct {grid-template-columns: repeat(4, 1fr); gap: 10px 2px; display: grid; max-height: 200px; overflow: auto; background: #f5f6fa; border: 1px solid #dcdeec; padding: 10px 15px !important; scrollbar-width: thin; scrollbar-color: #fff #fff;}
.view-url-slct .web-url-bg {background-color: #798bff; font-weight: 400;}
.view-url-slct .blk-url-bg {background-color: #9d8cff; font-weight: 400;}
/* staff view page document */
.staff-view-pg{padding-bottom: 15px;}
.staff-view-pg .staff-doc{display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin-top: 30px;}
.staff-view-pg .staff-doc .doc-files{margin: 0px; position: relative; border: 1px solid #eee; padding: 25px 10px 15px; display: flex;flex-wrap: wrap; align-items: center; justify-content: center;}
.staff-view-pg .staff-doc .doc-files:last-child{margin-bottom: 0;}
.staff-view-pg .staff-doc .doc-files .dwnld-txt:hover{color: #6827a1;}
.staff-view-pg .staff-doc .doc-files .dwnld-txt{color: #606182; transition: all 0.5s; display: block; padding-top: 24px; text-align: center; padding: 24px 0px 0;
border: 0px; width: 100%; word-break: break-word}
.staff-view-pg .staff-doc .doc-files .dwnld-txt:hover{color: #9d8cff;}
.staff-view-pg .staff-doc .doc-files .pdf-clr{color: #ff0000;}
.staff-view-pg .staff-doc .doc-files .csv-clr{color: #107c41;}
.staff-view-pg .staff-doc .doc-files .word-clr{color: #2b569a;}
.staff-view-pg .staff-doc .doc-files .dwld-btns{display: flex; justify-content: center; }
.staff-view-pg .staff-doc .doc-files .dwld-btns .btn-dwnld{font-size:15px; background: #f5f6fa; border: 1px solid #eee; outline: unset; box-shadow: unset; color: #333; margin: 8px 5px 0 0; padding: 5px 12px; transition: all 0.4s; display: flex; align-items: center;}
.staff-view-pg .staff-doc .doc-files .dwld-btns .btn-dwnld:last-child{margin-right: 0;}
.staff-view-pg .staff-doc .doc-files .dwld-btns .btn-dwnld:hover{background: #00458f; color: #fff; transition: all 0.4s;}
.clr-open{ color:#26aaf5; background-color:#fff; }
.clr-progress{ color:#369a47; background-color:#fff; }
.clr-resolved{ color:#7fa736; background-color:#fff; }
.clr-verified{ color:#9261c6; background-color:#fff; }
.clr-closed{ color:#2b3d51; background-color:#fff; }
.clr-reopened{ color:#8e5210; background-color:#fff; }
.clr-duplicate{ color:#3240fd; background-color:#fff; }
.clr-hold{ color:#ff7aa3; background-color:#fff; }
.clr-customer{ color:#ff0009; background-color:#fff; }
.clr-create{ color:#ff0009; background-color:#fff; }
.clr-history{ color:#ff0009; background-color:#fff; }
/* Keyword Ranking */
.rnkg-rprt thead th{vertical-align: middle;}
.rnkg-rprt .tbl-tp-hdng{text-align: center; border-bottom: 1px solid rgba(0,0,0,0.09); padding: 0 0 5px; margin: 0 0 5px ;}
.rnkg-rprt .tbl-sub-hdng ul{display: flex; list-style-type: none; margin: 0; padding: 0;}
.rnkg-rprt .tbl-sub-hdng ul li{width: 8%; color: #9d8cff; font-weight: 400; text-align: center;  position: relative;}
.rnkg-rprt .tbl-sub-data ul{display: flex; list-style-type: none; margin: 0; padding: 0;}
.rnkg-rprt .tbl-sub-data ul li{width: 8%; color: #222; text-align: center; position: relative;}
.rnkg-rprt .tbl-sub-hdng ul li::before {position: absolute; content: ''; background: #dbdfea; width: 1px;height: 40px; top: 0; bottom: 0; right: 0; margin: auto;}
.rnkg-rprt .tbl-sub-data ul li::before{position: absolute; content: ''; background: #dbdfea; width: 1px;height: 52px; top: 0; bottom: 0; right: 0; margin: auto;}
.rnkg-rprt .tbl-sub-data ul li.rnkg-bg-dta::after{position: absolute; content: ''; background: #dbdfea; width: 1px;height: 52px; top: 0; bottom: 0; right: 0; margin: auto;}
.rnkg-rprt .tbl-sub-data ul li::before{position: absolute; content: ''; background: #dbdfea; width: 1px;height: 52px; top: 0; bottom: 0; right: 0; margin: auto;}
.rnkg-rprt .tbl-sub-hdng ul li:last-child::before{background:none;}
.rnkg-rprt .tbl-sub-data ul li:last-child::before{background:none;}
.rnkg-rprt .tbl-sub-data ul li.rnkg-bg-dta:last-child::after{background:none;}
.tbl-nalign ul{ margin: 0; padding: 0;}
.tbl-nalign ul li{ display: flex; align-items: center; list-style: none;}
.tbl-nalign ul li b {width: 27%; font-size: 11px; position: relative; color: #4e627d;}
.tbl-nalign ul li b::before {content: ':'; position: absolute; top: 0; right: 4px; color: #4e627d;}
.tbl-nalign ul li span {width: 63%; border: 0; padding: 0 0 0 7px; min-height:0; transition: 0.4s; word-wrap: break-word;}
.tbl-nalign ul li:hover b::before {transition: 0.4s; background-color: #f8f9fc; right: 4px;}
.tbl-nalign ul li span a {color: #00458f;}
.no-data-slct {display: flex; justify-content: center; align-items:center; flex-wrap: wrap;text-align: center;  width: 100%; padding: 50px 0; background: #f2f3f6;}
.no-data-slct p {width: 100%;}
.no-data-slct .hd-rport-btn {padding: 5px 10px; font-size: 12px;} 
.breadcrumb-holder .dash-slct-btn {display: flex;}
.breadcrumb-holder .dash-slct-btn .dash-sort-ord {position: relative; display: flex; width: 100%;}
.dash-sort-ord .down-outline{color: #fff; font-size: 14px;position: absolute;right: 13px;top: 11px;text-transform: uppercase;background: #555;}
.dash-sort-ord .drpdown-1 { border: 0; border-radius: 5px; padding: 8px 25px 7px 15px; background: #555 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; line-height: 20px; font-size: 14px; margin: 0; color: #fff; text-align: left; -webkit-appearance: none; -moz-appearance: none; font-weight: 500; cursor: pointer; margin-left: 10px;}
.dash-sort-ord .drpdown-1:hover{ background: #555; color: #fff;}
.dash-sort-ord:hover .down-outline { background: #555; color: #fff;}
.viw-rankprt { width: 50%; display: grid; grid-template-columns: repeat(5, 1fr); padding:15px 0; gap: 10px; margin: 0 auto; border: 0;}
.viw-rankprt a {padding: 10px 10px; text-align: center; border-radius: 3px; background: #fff;}
.viw-rankprt a.active {background: #f5f6fa !important; border: 0 !important;}
.viw-rankprt a:hover{background: #f5f6fa !important;  border: 0 !important;}
.viw-rankprt.nav-tabs .nav-link {border: 1px solid #f1f1f1 !important; display: flex; align-items: center; justify-content: center;}
.rnkg-rprt-fltr {width: 100%; margin: 30px 0 0px;}
.rnkg-rprt-fltr .fltr-list-slct {background: #f5f6fa; display: flex; justify-content: center; padding: 10px 0px; }
.rnkg-rprt-fltr .fltr-list-slct .fltr-row {width: 100%; align-items: center;}
.rnkg-rprt-fltr .fltr-list-slct .fltr-grp {display: flex; align-items: center; margin: 0; position: relative;}
.rnkg-rprt-fltr .fltr-list-slct .fltr-grp #project_id-error {position: relative; top: 3px; right: 0; width: 40% !important; left: 10px;}
.rnkg-rprt-fltr .fltr-list-slct .fltr-grp label {width: 30%; padding-right: 15px;}
.rnkg-rprt-fltr .fltr-list-slct .fltr-grp input {width: 70%;}
.rnkg-rprt-fltr .fltr-list-slct .fltr-grp select {width: 70%;}
.rnkg-rprt-fltr .fltr-list-slct .form-row .form-control {font-size: 14px; border: 1px solid #dbdfea; min-height: 35px;}
.fltr-grp .btn-srchx {padding: 5px 7px;}
.fltr-grp .btn-srchx ion-icon {padding-right: 0;}
.rnkg-rprt .tbl-sub-data ul li.rnkg-bg-dta::before {position: absolute; content: ''; background: rgba(0, 0, 0, 0.04); width: 45%; height: 100%; left: 0; top: 0; bottom: 0; right: 0;margin: auto; border-radius: 3px;}
.brd-disabled { pointer-events: none; opacity: 0.2; }
/* Backlink  Settings*/
.blk-dte-algn input {position: relative;}
.blk-dte-algn span.add-on{ display: flex; align-items: center; background: #f5f6fa; padding: 9px 10px; position: absolute; bottom: 1px; right: 10px;}
.bug-nte{ width: 100%; margin: 20px 0px; background-color: #f5f6fa; padding: 10px; border-radius: 3px; border:1px solid #e3e3e3;}
.bug-nte p{ margin-bottom: 0;}
.bug-nte strong{ color: #ff0000; font-weight: 400; display: block; margin-bottom:10px; border-bottom: 1px solid #dbdfea; padding-bottom: 5px;}
.bug-nte ul{ margin: 0; padding: 0;}
.bug-nte ul li{ list-style: none; color: #444; font-weight: 400; font-size: 14px; position: relative; padding-left:18px; margin-bottom:8px;} 
.bug-nte ul li:before{ position: absolute; width: 10px; height: 10px; left: 0; top:6px; content: ""; background-color: #acacac; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%);}
.blk-inpt-slct .course-frm{align-items: flex-start}
 /*  */
.tooltip-demo {display: flex; align-items: center; justify-content: center;}
.course-frm.publish-ctrl {justify-content: center;}
.publish-ctrl label{display: flex; align-items: center; position: relative;}
.publish-ctrl small {position: absolute; top: 27px; left: 5px ;color: #ec2029 !important; font-size: 12px !important; width: 100% !important; display: block ruby; white-space: nowrap;}
.enlarged .content-page .das-chrt .sort-ord{width:15%;}
.view-btn {background: #00458f; color: #fff;   padding: 3px 8px; border-radius: 5px; font-size: 14px; text-transform: uppercase; display: flex; align-items: center;}
.view-btn ion-icon {padding-right: 5px;}
.view-btn:hover {background: #9d8cff; color: #fff; }
.cled-slct .dtls-in-doc-files {background: #736d6d; color: #fff; padding: 5px  15px; border-radius: 25px; font-size: 14px;}
.stf-lead-lbe {font-size: 12px; background: #00458f; border-radius: 20px; padding: 1px 7px; color: #fff; margin-left: 3px;}
.datepicker.dropdown-menu {z-index: 999 !important;}
.file-zoom-dialog {z-index: 99999 !important;}
.file-zoom-dialog .btn-navigate {color: #00458f !important;}
.das-chrt .no-assign-data{ display:flex; flex-wrap:wrap; padding: 5px; background-color:#fff; border-radius: 5px; transition: 0.4s; border: 1px solid #dbdfea; grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); height: 300px;}
.das-chrt .no-assign-data p {text-align:center; width: 100%; display: flex; align-items: center; justify-content: center;}
.gbg-dash {position: absolute; top: 0; left: 0;}
.gbg-dash img {position: relative; z-index: 99; top: 2px; left: 6px;}
.gbg-dash::after {position: absolute; content: ''; width: 40px; top: 0; left: 0; height: 40px;  clip-path: polygon(0% 0%, 45% 0, 0 100%);
background: linear-gradient(127deg, rgb(121, 139, 255) 0%, rgba(255,255,255,0) 29%);}
.new-frm-input .form-group {position: relative;}
.new-frm-input .form-group label { position: absolute; left: 10px; top: 18px; transition: all 0.4s ease; color: #4e5b68; font-size: 14px;
font-weight: 500; padding: 1px 10px; margin-bottom: 0px; display: flex; align-content: center; pointer-events: none;}
.new-frm-input .form-group .mop-lab-slct {margin-top: 15px ;}
.new-frm-input .form-group .mop-lab-algn { position: absolute; left: 0px; top:-25px !important; transition: all 0.4s ease; color: #d9261c; font-size: 12px; font-weight: 500; padding: 1px 10px; margin-bottom: 0px; display: flex; align-content: center;}
.new-frm-input .form-group .mop-lab-algn1 { position: absolute; left: 0px; top: -6px; transition: all 0.4s ease; color: #d9261c; font-size: 12px; font-weight: 500; padding: 1px 10px; margin-bottom: 0px; display: flex; align-content: center;}
.new-frm-input .form-group .mop-lab-algn2 { position: absolute; left: 0px; top: -25px !important; transition: all 0.4s ease; color: #ed1c31; font-size: 12px; font-weight: 500; padding: 1px 10px; margin-bottom: 0px; display: flex; align-content: center;}
.new-frm-input  .course-frm .form-control {padding: 12px 10px 6px 0px; border-radius: 0px; min-height: 40px; border: 0; border-bottom: 1px solid #d2d2d2;  }
.new-frm-input .form-group .form-control:focus{ box-shadow:none !important}
.new-frm-input .form-group .form-control:focus { box-shadow: none; border-color:#f7c3c5; border-bottom: 1px solid #f7c3c5; transition: width 0.4s ease; }
.new-frm-input .form-group  .form-control:focus ~ label,  .form-control:not(:focus):valid ~ label{ top: -5px; left:-8px; padding: 2px 10px; font-size: 12px !important; color: #d9261c;}
.new-frm-input .form-group  .error:invalid ~ label{ top: -15px !important; left: 0px; padding: 2px 10px; font-size: 12px !important; color: #d9261c;}
.new-frm-input .form-group .file-algn { padding: 15px 10px 6px 35px; font-size: 12px !important; }
.cled-slct .org-logo-img {display: flex; max-height: 50px; width: 80px; margin-top: 25px; margin-bottom: 15px;}
.cled-slct .org-logo-img img {object-fit: contain;}
/* content and infographic view page */
.view-rprt-slct {width: 100%; background: #f2f3f7; padding: 30px 20px; margin-top: 30px;}
.view-rprt-slct .pgntion {background-color: #f2f3f7;}
.view-rprt-fltr {width: 100%; margin: 0px 0 20px;}
.view-rprt-slct .view-rprt-fltr-cnt .table > tbody > tr td {padding: 8px 15px;}
.view-rprt-slct .view-rprt-fltr-cnt .table > tbody > tr td:nth-child(2) a {color: #00458f;}
.view-rprt-slct .view-rprt-fltr-cnt .table > tbody > tr td:nth-child(3) a {color: #58596f;}
.view-rprt-fltr .view-list-slct {background: #f5f6fa; display: flex; justify-content: center; padding: 10px 0px; }
.view-rprt-fltr .view-list-slct .view-row {width: 100%; align-items: center;}
.view-rprt-fltr .view-list-slct .view-grp {display: flex; align-items: center; margin: 0; position: relative;}
.view-rprt-fltr .view-list-slct .srch-rgt {display: flex; align-items: center; margin: 0; position: relative; justify-content: right;}
.view-rprt-fltr .view-list-slct .view-grp label {width: 100%; font-size: 18px; text-align: left;}
.view-rprt-fltr .view-list-slct .view-grp input {width: 80%;}
.view-rprt-fltr .view-list-slct .form-row .form-control {font-size: 14px; border: 1px solid #dbdfea; min-height: 35px;}
.cninfo-modal .close{ background: #d9261c; color: #fff !important; border-radius: 50%; width: 23px; height: 23px; margin: 0px 0; opacity: 1 !important; padding:0;}
.cninfo-modal .close ion-icon {font-size: 18px;}
.cninfo-modal.modal{ z-index: 9999;}
.cninfo-modal .modal-dialog { max-width: 800px; margin-top: 25px; animation-name: zoomIn; animation-duration: 1s;}
.cninfo-modal .modal-body {height: 300px; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #fff #fff; color: #777;}
.cninfo-modal .cninfo-fter { width: 100%; padding-bottom: 20px;}
/* website URL view css */
.wbview-slct {width: 100%; background: #f2f3f7; padding: 30px 20px; margin-top: 30px;}
.wbview-slct .wbview-slct-hd {display: flex;justify-content: space-between; padding: 10px 20px; width: 100%; flex-wrap: wrap;}
.wbview-slct .wbview-slct-hd label {font-size: 18px; display: flex; width: 50%; align-items: center; justify-content: left;}
.wbview-slct .wbview-slct-hd label:last-child {justify-content: right;}
.wbview-slct .wbview-slct-hd label strong {font-size: 18px; font-weight: 500; width: 50%;}
.wbview-slct .wbview-slct-hd label small { display: flex; flex-wrap: wrap; text-align: center; justify-content: center; font-size: 22px;
font-weight: bold; padding: 20px 30px; color: #333; margin: 0; position: relative; z-index: 0; background: #fff;} 
.wbview-slct .wbview-slct-cnt .table > tbody > tr td {padding: 1px 15px;}
.wbview-slct .wbview-slct-cnt .table > tbody > tr td:nth-child(2) a {color: #00458f;}
.wbview-slct .wbview-slct-cnt .table > tbody > tr td:nth-child(3) a {color: #58596f;}
.wbview-slct .pgntion {background: #f2f3f7; padding: 20px 0 0;}
.wbview-slct .pagination .page-item {display: initial;}
.wbview-slct .pgntion .page-link {padding: 5px 10px !important; font-size: 14px !important; min-height: 0;}
.wbview-slct .wbview-slct-cnt .tbl-bdy {padding: 15px 15px;}
/* Staff dashboard css */
.stff-tot-report-box .oline-new-slct {width: 100%; display: flex; flex-wrap: wrap; position: relative;}
.stff-tot-report-box .oline-slct {width: 50%; display: flex; flex-wrap: wrap; gap: 0px;}
.stff-tot-report-box .oline-slct:first-child { padding: 15px 10px 15px 15px;}
.stff-tot-report-box .oline-slct:last-child { padding: 15px 15px 15px 10px;}
.stff-tot-report-box .oline-left {width: 100%;}
.stff-tot-report-box .oline-fter {width: 100%; display: grid; position: relative; z-index: 1; grid-template-columns: repeat(4, 1fr); gap: 1px; padding: 0px}
.stff-tot-report-box .oline-slct:first-child .oline-fter .bbox:nth-child(1) a:hover {background: #c5cdff;}
.stff-tot-report-box .oline-slct:first-child .oline-fter .bbox:nth-child(2) a:hover {background: #c4bbfb;}
.stff-tot-report-box .oline-slct:first-child .oline-fter .bbox:nth-child(3) a:hover {background: #e8bec2;}
.stff-tot-report-box .oline-slct:first-child .oline-fter .bbox:nth-child(4) a:hover {background: #e8b4ff;}
.stff-tot-report-box .oline-slct:last-child .oline-fter .bbox:nth-child(1) a:hover {background: #ffa9ce;}
.stff-tot-report-box .oline-slct:last-child .oline-fter .bbox:nth-child(2) a:hover {background: #f9db7b;}
.stff-tot-report-box .oline-slct:last-child .oline-fter .bbox:nth-child(3) a:hover {background: #9cffd2;}
.stff-tot-report-box .oline-slct:last-child .oline-fter .bbox:nth-child(4) a:hover {background: #9ad1ff;}
.stff-tot-report-box .oline-fter .bbox {background-color: #f2f3f6; }
.stff-tot-report-box .oline-report-chrt {display: flex; height: 250px;width: 100%;}
.stff-tot-report-box .oline-report-chrt #olinebarcht {width: 100%;}
.stff-tot-report-box .oline-hder .dash-sort-ord .drpdown-1 {margin-left: 0;}
.stff-tot-report-box .oline-fter .bbox a { display: flex; width: 100%; height: 100%; flex-wrap: wrap; text-align: center;justify-content: center; font-size: 15px; font-weight: 300; padding: 15% 12%;  color: #666666; margin: 0;position: relative; z-index: 0; min-height: 85px; }
.stff-prj-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:1; grid-column-end:3; grid-row-start: 2; grid-row-end: 3; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%; align-content: flex-start;}
.stff-cntmg-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:3; grid-column-end:5; grid-row-start: 2; grid-row-end: 3;box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%; align-content: flex-start;}
.stff-info-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:1; grid-column-end:3; grid-row-start: 3; grid-row-end: 4;box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%; align-content: flex-start;}
.stff-trfic-slct .trfic-slct-hd { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 15px; padding:5px; align-items: center; }
.stff-trfic-slct a .view-i{ margin-right: 6px; color: #f1b53d ; border: 1px solid #f1b53d; display: inline-block; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex;justify-content: center;align-items: center;}
.stff-trfic-slct a .manage-i{ margin-right: 6px; color: #684cee; border: 1px solid #684cee; display: inline-block; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex;justify-content: center;align-items: center;}
.stff-trfic-slct a .edit-i  { color: #4f7ad5; border:1px solid #4f7ad5; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.stff-trfic-slct .u-tooltip-demo {display: flex; align-items: center; justify-content: center;}
.stff-tot-report-box .oline-hder{ width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 15px; align-items: center; }
.stff-tot-report-box .oline-hder h2 { font-size: 18px; color: #222; font-weight: 500; position: relative; margin: 0; display: flex; align-items: center; width: 70%;}
.stff-tot-report-box .oline-hder .dash-sort-ord { display: flex; width: 15%; margin-right: 10px;}
.stff-tot-report-box .oline-hder .sort-ord { position: relative; width: 14%; }
.stff-tot-report-box .oline-hder .sort-ord .down-outline { color: #526484; font-size: 14px; position: absolute; right: 13px; top: 9px; text-transform: uppercase; }
.stff-trfic-slct .tf-tble-item .tble-tit span.tb-sub {color: #58596f;}
.stff-cntmg-slct .tbl-nalign ul li span {font-size: 12px;}
.stff-info-slct .tbl-nalign ul li span {font-size: 12px;}
/* Staff leader dashboard css */
.ledr-tot-report-box .oline-new-slct {width: 100%; display: flex; flex-wrap: wrap; position: relative;}
.ledr-tot-report-box .oline-slct {width: 50%; display: flex; flex-wrap: wrap; gap: 0px;}
.ledr-tot-report-box .oline-slct:first-child { padding: 15px 10px 15px 15px;}
.ledr-tot-report-box .oline-slct:last-child { padding: 15px 15px 15px 10px;}
.ledr-tot-report-box .oline-left {width: 100%;}
.ledr-tot-report-box .oline-fter {width: 100%; display: grid; position: relative; z-index: 1; grid-template-columns: repeat(4, 1fr); gap: 1px; padding: 0px}
.ledr-tot-report-box .oline-slct:first-child .oline-fter .bbox:nth-child(1) a:hover {background: #c5cdff;}
.ledr-tot-report-box .oline-slct:first-child .oline-fter .bbox:nth-child(2) a:hover {background: #c4bbfb;}
.ledr-tot-report-box .oline-slct:first-child .oline-fter .bbox:nth-child(3) a:hover {background: #e8bec2;}
.ledr-tot-report-box .oline-slct:first-child .oline-fter .bbox:nth-child(4) a:hover {background: #e8b4ff;}
.ledr-tot-report-box .oline-slct:last-child .oline-fter .bbox:nth-child(1) a:hover {background: #ffa9ce;}
.ledr-tot-report-box .oline-slct:last-child .oline-fter .bbox:nth-child(2) a:hover {background: #f9db7b;}
.ledr-tot-report-box .oline-slct:last-child .oline-fter .bbox:nth-child(3) a:hover {background: #9cffd2;}
.ledr-tot-report-box .oline-slct:last-child .oline-fter .bbox:nth-child(4) a:hover {background: #9ad1ff;}
.ledr-tot-report-box .oline-fter .bbox {background-color: #f2f3f6; }
.ledr-tot-report-box .oline-report-chrt {display: flex; height: 250px;width: 100%;}
.ledr-tot-report-box .oline-report-chrt #olinebarcht {width: 100%;}
.ledr-tot-report-box .oline-hder .dash-sort-ord .drpdown-1 {margin-left: 0;}
.ledr-tot-report-box .oline-fter .bbox a { display: flex; width: 100%; height: 100%; flex-wrap: wrap; text-align: center;justify-content: center; font-size: 15px; font-weight: 300; padding: 15% 12%;  color: #666666; margin: 0;position: relative; z-index: 0; min-height: 85px; }
.ledr-prj-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:1; grid-column-end:3; grid-row-start: 2; grid-row-end: 3; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%; align-content: flex-start;}
.ledr-cntmg-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:3; grid-column-end:5; grid-row-start: 2; grid-row-end: 3;box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%; align-content: flex-start;}
.ledr-info-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:1; grid-column-end:3; grid-row-start: 3; grid-row-end: 4;box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%;align-content: flex-start;}
.ledr-bcklink-slct {display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:3; grid-column-end:5; grid-row-start: 3; grid-row-end: 4;box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%; align-content: flex-start;}
.ledr-trfic-slct .trfic-slct-hd { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 15px; padding:5px; align-items: center; align-content: flex-start;}
.ledr-cntmg-slct .tbl-nalign ul li span {font-size: 12px;}
.ledr-info-slct .tbl-nalign ul li span {font-size: 12px;}
.ledr-trfic-slct a .view-i{ margin-right: 3px; color: #f1b53d ; border: 1px solid #f1b53d; display: inline-block; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex;justify-content: center;align-items: center;}
.ledr-trfic-slct a .manage-i{ margin-right: 3px; color: #684cee; border: 1px solid #684cee; display: inline-block; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex;justify-content: center;align-items: center;}
.ledr-trfic-slct a .edit-i  { color: #4f7ad5; border:1px solid #4f7ad5; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.ledr-trfic-slct a .anltcs-i  {margin-right: 3px; color: #2bb594; border:1px solid #2bb594; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.ledr-trfic-slct a .clnd-i  {margin-right: 3px; color: #64635e; border:1px solid #64635e; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.ledr-trfic-slct a .rept-i  {margin-right: 3px; color: #4981ff; border:1px solid #4981ff; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.ledr-trfic-slct a .blink-i  { margin-right: 3px; color: #d71368; border:1px solid #d71368; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.ledr-trfic-slct a .stcht-i  { color: #ca400a; border:1px solid #ca400a; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.ledr-trfic-slct .u-tooltip-demo {display: flex; align-items: center; justify-content: center;}
.ledr-trfic-slct:nth-child(5) .u-tooltip-demo a.editx {margin-bottom: 0;}
.ledr-tot-report-box .oline-hder{ width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 15px; align-items: center; }
.ledr-tot-report-box .oline-hder h2 { font-size: 18px; color: #222; font-weight: 500; position: relative; margin: 0; display: flex; align-items: center; width: 70%;}
.ledr-tot-report-box .oline-hder .dash-sort-ord { display: flex; width: 15%; margin-right: 10px;}
.ledr-tot-report-box .oline-hder .sort-ord { position: relative; width: 14%; }
.ledr-tot-report-box .oline-hder .sort-ord .down-outline { color: #526484; font-size: 14px; position: absolute; right: 13px; top: 9px; text-transform: uppercase; }
.ledr-trfic-slct .tf-tble-item .tble-tit span.tb-sub {color: #58596f;}
/* dashboard css */
.dash-report-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:1; grid-column-end:5; grid-row-start: 2; grid-row-end: 3;box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%;}
.dash-stfwk-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:1; grid-column-end:3; grid-row-start: 3; grid-row-end: 4;box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%; align-content: flex-start;}
.dash-prj-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:3; grid-column-end:5; grid-row-start: 3; grid-row-end: 4; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%; align-content: flex-start;}
.dash-clent-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:1; grid-column-end:3; grid-row-start: 4; grid-row-end: 5;box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%; align-content: flex-start;}
.dash-cntmg-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:3; grid-column-end:5; grid-row-start: 4; grid-row-end: 5;box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%; align-content: flex-start;}
.dash-info-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:1; grid-column-end:3; grid-row-start: 5; grid-row-end: 6;box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%; align-content: flex-start;}
.dash-bcklink-slct{display: flex; flex-wrap: wrap; padding: 0; background-color: #fff; border-radius: 5px; grid-column-start:3; grid-column-end:5; grid-row-start: 5; grid-row-end: 6;box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); border: 1px solid #dbdfea; width: 100%;align-content: flex-start;}
.ledr-trfic-slct .trfic-slct-hd { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 15px; padding:5px; align-items: center; }
.dash-report-slct .dash-sort-ord .drpdown-1 {margin-left: 0;}

.tbl-innr-dash { width: 100%; display: flex; flex-wrap: wrap; align-items:center; justify-content: space-between; padding: 10px 0px;}
.tbl-innr-dash span {display: flex; align-items: center; width: 100%; padding: 7px 0; border-top: 1px dotted #797979;}
.tbl-innr-dash span:first-child {border: 0;}
.tbl-innr-dash .tit-innr-dash {width: 44%; padding: 0 20px; display: flex; align-content: center;}
.tbl-innr-dash .tit-innr-dash label {margin: 0; width: 57%;}
.tbl-innr-dash .tit-innr-dash .pck-tip {width: 40%; border: 0; padding: 0; text-align: center; display: flex; align-items: center;}
.tbl-innr-dash .tit-innr-dash .pck-tip small{width: 35%; font-size: 13px;}
.tbl-innr-dash .tit-innr-dash .pck-tip b{width: 65%; background: #fff; border: 1px solid #e6e6e6; text-align: center; justify-content: center;border-radius: 20px; padding: 2px 10px; font-size: 13px; color: #00458f; font-weight: 300;}

.tbl-innr-dash .cnt-innr-dash {width: 56%; display: flex; list-style: none; margin: 0; align-items: center;padding: 0; }
.cnt-innr-dash li:nth-child(1){text-align: center; width: 11%; }
.cnt-innr-dash li:nth-child(2){text-align: center; width: 27%; }
.cnt-innr-dash li:nth-child(3){text-align: center; width: 20%; }
.cnt-innr-dash li:nth-child(4){text-align: center; width: 27%; }
.cnt-innr-dash li:nth-child(5){text-align: center; width: 12%; }
.dash-stfwk-slct .dahview-fter {width: 100%; padding: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.dahview-slct-chrt {display: flex; flex-wrap: wrap; width: 100%; margin-top: 20px;}
.dahview-slct-chrt .pei-chrt { width: 100%; height: 330px; margin: 0 auto; }
.dahview-slct-chrt .pei-chrt .highcharts-point {stroke:none !important}

.dahview-fter .dahbox  {display: flex; flex-wrap: wrap; position: relative; padding-left: 10px;}
.dahview-fter .dahbox span , b {width: 100%;}
.dahview-fter .dahbox span {color: #8596aa; font-size: 13px;  margin-left: 15px;}
.dahview-fter .dahbox b {font-size: 18px; font-weight: 600; color: #364a63;}
.dahview-fter .dahbox small {color: #9597a4; padding-left: 2px; font-size: 13px;}
.dahview-fter .dahbox:nth-child(1) span::before {content:"";height: 10px;width: 20px;background:#798bff;position: absolute;left: 0px;top: 5px;}
.dahview-fter .dahbox:nth-child(2) span::before {content:"";height: 10px;width: 20px;background:#9d8cff;position: absolute;left: 0px;top: 5px;}
.dahview-fter .dahbox:nth-child(3) span::before {content:"";height: 10px;width: 20px;background:#ffa9ce;position: absolute;left: 0px;top: 4px;}
.dahview-fter .dahbox:nth-child(4) span::before {content:"";height: 10px;width: 20px;background:#f9db7b;position: absolute;left: 0px;top: 4px;}
.dahview-fter .dahbox:nth-child(5) span::before {content:"";height: 10px;width: 20px;background:#7c7c87;position: absolute;left: 0px;top: 4px;}
.dash-slct { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 15px; align-items: center; }
.dash-slct h2 { font-size: 18px; color: #222; font-weight: 500; position: relative; margin: 0; display: flex; align-items: center;}
.dash-slct .sort-ord { position: relative; width: 40%; }
.dash-cntmg-slct .tbl-nalign ul li span {font-size: 12px;}
.dash-info-slct .tbl-nalign ul li span {font-size: 12px;}
.stf-tot-cnt {width: 100%;}
.stf-tot-cnt .stf-tbl-bdy {width: 100%; border-radius: 0px; background-color: #fff; padding: 15px 0;}
.stf-tot-cnt .table thead th {font-size: 14px; text-transform: initial}
.stf-tot-cnt .table > tbody > tr td {border-bottom: 0 none;}
.dash-trfic-slct a .view-i{ margin-right: 3px; color: #f1b53d ; border: 1px solid #f1b53d; display: inline-block; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex;justify-content: center;align-items: center;}
.dash-trfic-slct a .manage-i{ margin-right: 3px; color: #684cee; border: 1px solid #684cee; display: inline-block; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex;justify-content: center;align-items: center;}
.dash-trfic-slct a .edit-i  { color: #4f7ad5; border:1px solid #4f7ad5; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.dash-trfic-slct a .anltcs-i  {margin-right: 3px; color: #2bb594; border:1px solid #2bb594; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.dash-trfic-slct a .clnd-i  {margin-right: 3px; color: #64635e; border:1px solid #64635e; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.dash-trfic-slct a .rept-i  {margin-right: 3px; color: #4981ff; border:1px solid #4981ff; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.dash-trfic-slct a .blink-i  { margin-right: 3px; color: #d71368; border:1px solid #d71368; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.dash-trfic-slct a .stcht-i  { color: #ca400a; border:1px solid #ca400a; border-radius: 6px; font-size: 15px; text-align: center; padding: 1px 2px; width: 14px; height: 16px; text-align: center; display: flex; justify-content: center;align-items: center;}
.dash-trfic-slct .u-tooltip-demo {display: flex; align-items: center; justify-content: center;}
.dash-trfic-slct:nth-child(4) .u-tooltip-demo a.editx {margin-bottom: 0;}
.dash-trfic-slct:nth-child(8) .u-tooltip-demo a.editx {margin-bottom: 0;}
.dash-tot-report-box .oline-hder{ width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 15px; align-items: center; }
.dash-tot-report-box .oline-hder h2 { font-size: 18px; color: #222; font-weight: 500; position: relative; margin: 0; display: flex; align-items: center; width: 70%;}
.dash-tot-report-box .oline-hder .dash-sort-ord { display: flex; width: 15%; margin-right: 10px;}
.dash-tot-report-box .oline-hder .sort-ord { position: relative; width: 14%; }
.dash-tot-report-box .oline-hder .sort-ord .down-outline { color: #526484; font-size: 14px; position: absolute; right: 13px; top: 9px; text-transform: uppercase; }
.dash-trfic-slct .tf-tble-item .tble-tit span.tb-sub {color: #58596f;}
.dash-tot-down ion-icon {color: #00458f; border: 1px solid #ececec; width: 15px; height: 15px; text-align: center; font-size: 12px;border-radius: 5px; transition: 0.4s;}
.fntc-20 {font-size: 18px !important; color: #333 !important;}
.das-chrt .tbl-no-rcd {position: absolute; top: 25%; left: 0; right: 0; padding: 5px;}


/* Extra large devices (large desktops, 1500px and up) */

@media only screen and  (min-width: 1920px) 
 {
  .das-chrt .tot-report-box {grid-column-start: 1; grid-column-end:4; grid-row-start: 1; grid-row-end: 2;}
  .wb-slct {grid-column-start: 4; grid-column-end:5; grid-row-start: 1; grid-row-end: 2;}
  .das-chrt .bcklink-box {grid-column-start: 1; grid-column-end: 5;  grid-row-start: 4; grid-row-end: 5;}
  .trfic-slct {grid-column-start: 1; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3;}
  .oview-slct {grid-column-start: 4; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3;}
  .map-slct {grid-column-start: 1; grid-column-end: 5;grid-row-start: 3; grid-row-end: 4;}
  .rport-slct {grid-column-start: 1; grid-column-end: 5;grid-row-start: 6; grid-row-end: 7;}
  .keyrpt-slct {grid-column-start: 1; grid-column-end: 5; grid-row-start: 5; grid-row-end: 6;}
  .rport-slct-chrt .preportchart {height: 300px; margin: 0 auto}
  .map-slct .mapchrt{width: 100%; height: 450px; }
  .map-modal .modal-body {height: 580px;}
  .map-slct .map-fter .mpbox {padding: 10px 20px}
  .tot-report-box .oline-hder .sort-ord{width: 14%;}
  .map-slct .map-slct-hd .sort-ord {width: 14%;}
  .bcklink-box .bcklink-hder .sort-ord {width: 14%;}
  .keyrpt-slct .keyrpt-slct-hd .sort-ord {width: 14%;}
  .sort-ord {width: 37%;}
  .sidebar-inner .headerbar-left {width: 250px;}
  body.adminbody .main-sidebar.left {width: 250px;}
  .content-page {margin-left: 260px;}
  .navbar-custom {margin-left: 250px;}
  #sidebar-menu, #sidebar-menu ul, #sidebar-menu a {padding: 0px 0px 3px 0px}
  #sidebar-menu ul > li > a span b {font-size: 14px;}
  #sidebar-menu ul li a ion-icon {width: 18px}
  #sidebar-menu ul ul a {font-size: 15px;}
  .footer-main{padding-left: 260px;}
  .das-chrt {gap: 25px;} 
  .sort-ord {width: 14%;}
  .wb-slct-hd .sort-ord {width: 44%;}
  .aoview-slct-hd .sort-ord {width: 44%;}
  /* user dashboard */
  .das-chrt .stff-tot-report-box {grid-column-start: 1; grid-column-end:5; grid-row-start: 1; grid-row-end: 2;}
  .das-chrt .stff-prj-slct {grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3;}
  .das-chrt .stff-cntmg-slct {grid-column-start: 3; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3;}
  .das-chrt .stff-info-slct {grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4;}
  /* user-leader dashboard */
  .das-chrt .ledr-tot-report-box {grid-column-start: 1; grid-column-end:5; grid-row-start: 1; grid-row-end: 2;}
  .das-chrt .ledr-prj-slct {grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3;}
  .das-chrt .ledr-cntmg-slct {grid-column-start: 3; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3;}
  .das-chrt .ledr-info-slct {grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4;}
  .das-chrt .ledr-bcklink-slct {grid-column-start: 3; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4;}
  /* dashboard */
  .das-chrt .dash-tot-report-box {grid-column-start: 1; grid-column-end:5; grid-row-start: 1; grid-row-end: 2;}
  .das-chrt .dash-report-slct {grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3;}
  .das-chrt .dash-stfwk-slct {grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4;}
  .das-chrt .dash-prj-slct {grid-column-start: 3; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4;}
  .das-chrt .dash-clent-slct {grid-column-start: 1; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5;}
  .das-chrt .dash-cntmg-slct {grid-column-start: 3; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5;}
  .das-chrt .dash-info-slct {grid-column-start: 1; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6;}
  .das-chrt .dash-bcklink-slct {grid-column-start: 3; grid-column-end: 5; grid-row-start: 5; grid-row-end: 6;}
 }
@media (max-width: 1366px) 
 {
.das-chrt-rht .das-prd-wrk .das-prd-tbl{ max-height:270px;}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tbl{ max-height:280px;}
.staff-time-dtl .staff-time-box { margin-right:5px;} 
.attend-chrt-box{ width: 32.2%;}
.cnt-rpt-rht .owl-buttons{ transform: translateX(-135%);}
.cntrct-chrt-other .cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tbl{ max-height: 280px;}
.adhoc-stat-box .adhoc-badge .adhoc-drp .drp{ width: 80%;}
.log-ft-logo{ right: 3%; bottom: -23%;}
.stf-prf-img span{ width: 120px; height: 120px;}
.stf-prf-img span img{max-height: 120px;}
.stf-prf-dts h1{ margin-top: 0; font-size: 28px;}
.stf-prf-hed{padding-bottom:20px;}
.stf-prf-sub{margin-bottom: 15px;}
.stf-prf-img{width: 15%;}
.stf-prf-dts{width: 70%; margin-left: 15px;}
.stf-cunt-hd span:first-child{ width: 40%;}
.stf-cunt-hd span:nth-child(2){ width: 30%;}
.stf-cunt-hd span:last-child{ width: 30%;}
.login{ top:auto; right:20%;}
.login-page::before{width:500px; height:500px; left:33%; top:-80px;}
.lepr-dts-dts ul li small{ width: 20%;}
.tdy-lea-box h6{ font-size: 24px;}
.tdy-pre-box h6{ font-size: 24px;}
.wrk-reprt-scrol{ height: 600px;}
.wrk-reprt-link{ width: 75%;}
 }
@media (max-width: 1200px) {
.log-ft-logo { right: 5%; bottom: -15%;}
.cnt-rpt-rht .owl-buttons{ transform: translate(-116%);}
.enlarged .cnt-rpt-rht .owl-buttons{ transform: translate(-130%);}
.new-dsh-sub{grid-template-columns: repeat(1, 1fr);}
/* user dashboard */
.prj-view-cnt .view-url-slct {grid-template-columns: repeat(3, 1fr);}
.stff-tot-report-box .oline-hder .dash-sort-ord {margin-right: 5px;}
.enlarged .stff-tot-report-box .oline-hder h2 {width: 60%;}
.enlarged .stff-tot-report-box .oline-hder .dash-sort-ord {width: 18%;}
.enlarged  .enlarged .content-page .das-chrt .sort-ord {width: 17%;}
/* user-leader dashboard */
.enlarged .ledr-tot-report-box .oline-hder h2 {width: 60%;}
.enlarged .ledr-tot-report-box .oline-hder .dash-sort-ord {width: 18%;}
.dash-tot-report-box .oline-hder .sort-ord {width: 20% !important;}
.dash-report-slct .trfic-slct-hd .sort-ord {width: 20% !important;}
.dash-stfwk-slct .dash-slct .sort-ord {width: 40% !important;}
.lea-chrt-sub #olinebarcht .highcharts-container, .lea-chrt-sub #olinebarcht .highcharts-container .highcharts-root, .lea-chrt-sub #olinebarcht .highcharts-container .highcharts-root .highcharts-background { width: 100% !important;}
.stf-cunt-hd span:last-child { width: 20%; }
.stf-cunt-hd span:nth-child(2) { width: 20%; }
.stf-cunt-hd span:first-child { width: 60%; }
.lea-pre-sub{ flex-wrap: wrap;}
.lea-pre-box{ margin-bottom: 35px;}
.lea-pre-sub .lea-pre-box:last-child{ margin-bottom: 0;}
.adn-cht-hed{flex-wrap: wrap;}
.adn-cht-hed1, .adn-cht-hed2{ width: 100%;}
.adn-cht-hed1{ margin-bottom: 15px;}
.adn-cht-hed2{justify-content: center;}
.adn-cht-hed1 h1{ text-align: center;}
.stf-prf-img{width: 20%;}
.stf-prf-dts{width: 65%;}
.stf-prf-btn{ width: 15%;}
.stf-prf-dts ul{ flex-wrap: wrap;}
.stf-prf-dts ul li{ width: 100%;}
.stf-prf-dts ul li small{ width: 80px;}
.stf-prf-dts ul li::before { display: none;}
.stf-prf-sub2{ grid-template-columns: repeat(2, 1fr); grid-gap: 25px 45px;}
.sup-adm-new{grid-template-columns: repeat(1, 1fr);}
.stf-prf-sub2 .stf-prf-inf:last-child{grid-column-start: span 2;}
.stf-prf-sub2 .stf-prf-inf:last-child ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 25px 45px;}
.new-my-leav .new-dsh-sub{grid-template-columns: repeat(2, 1fr);}
.lea-dts-new .new-lea-prt1{grid-template-columns: repeat(1, 1fr); grid-gap: 20px;}
.lepr-dts-box:first-child{ border-right: none; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.lepr-dts-dts ul li b{ width: auto;}
.lepr-dts-dts ul li small { width: auto; }
.apr-rej-btn #xsearchbox .xsearchbdy .inr-leav-sum textarea{padding: 10px 8px; width: 85%;}
.apr-rej-btn #xsearchbox .xsearchbdy .inr-leav-sum{justify-content: center;}
.apr-rej-btn #xsearchbox .xsearchbdy .inr-leav-sum a{margin: 15px 10px 0px;}
.new-my-leav .new-dsh-sub-admin{grid-template-columns: repeat(2, 1fr);}
.wrk-reprt-link a{padding: 10px 15px; font-size: 14px;}
.wrk-reprt-link { width: 90%; }
.wrk-reprt-srch span input{ width: 85%;}
}
/* iPads (portrait and landscape)  @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px)
 {
.tbl-frm-case .card-header .acc .isu-lnk .isu-lnk-box{ padding:0px 4px 1px 2px;}
.log-ft-logo { right: 5%;}
div.view b a{ width: 100%; font-size: 12px;}
#myModal .modal-dialog{ margin-top: 100px;}
.xsearchbdy::before{ width: 100%;}
#sidebar-menu ul{ padding-right: 6px;}
.splt select{  width: 22%;}
.splt input{ width: 76%;}
.staff-org1 h2{ font-size: 19px; padding-left: 25px;}
.staff-org1::before { width: 110px;}
.staff-org1{ padding: 15px 10px 15px 10px;}
.staff-org1 small{ right: 10px;}
.staff-org1 span{ height: 110px;}
.staff-org2{ padding: 15px;}
.staff-org3 .staff-icn span i { font-size: 12px; margin-right: 3px;}
.mini-statement{ grid-template-columns:repeat(2, 1fr);}
.das-chrt{ display: flex; grid-template-columns: repeat(1, 1fr); flex-wrap: wrap;}
.das-chrt .tot-report-box:nth-child(1){ width:100%;}
.das-chrt-rht{ width:100%;}
.cntrct-box .cntrct-tabs .nav-tabs a{ padding: 6px 8px;}
.cntrct-chrt-drp{ width: 25%;}
.cntrct-chrt .cntrct-chrt-box{ min-height:auto;}
.adhoc-statement{ grid-template-columns: repeat(1, 1fr);}
.adhoc-chrt-box .adhoc-chart .adhoc-chart-box:nth-child(1) canvas{ height: 160px !important;}
.contract-report .cnt-rpt .cnt-rpt-lft h2{ font-size: 14px;}
.contract-report .cnt-rpt .cnt-rpt-lft i{ font-size: 26PX;}
.cnt-rpt-rht .owl-buttons{ transform: translate(-109%);}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box h2{ font-size: 11px;}
.main-sidebar{ padding-bottom: 50px;}
.tbl-bdy{ min-height: 150px; position: relative; z-index: 1;}
.crse-sel .card-body .usr-roll .usr-lft{ width: 30%;}
.crse-sel .card-body .usr-roll .usr-rht{ width: 70%;}
.crse-sel .card-body .usr-roll .usr-rht span{ width: 24%;}
.ban-box{ width: 100%;}
.ban-box .tit i{ font-size: 80px;}
.ban-box .txt p{ font-size: 22px;}
.staff-upload-dtls{ grid-template-columns: repeat(4, 1fr);}
.das-chrt .bcklink-box {width: 100%;}
.tot-report-box .oline-slct {grid-template-columns: repeat(1, 1fr);}
.map-slct .mapchrt{width: 100%; height: 400px; }
.map-slct-chrt {width: 65%;}
.map-slct .map-fter {width: 35%;}
.wb-slct {width: 100%;}
.rport-slct {width: 100%;} 
.rport-slct-chrt .preportchart {width: auto; height: auto;}
.aoview-slct-chrt .donutchrt {width: 500px; height: 300px;}
.staff-view-pg .staff-doc {grid-template-columns: repeat(3,1fr);}
.acc .srt-crtd-uptd small:first-child b {width: 70%; font-size: 12px;}
.acc .srt-crtd-uptd small:first-child label {width: 30%; font-size: 12px;}
.acc .srt-crtd-uptd small b {width: 35%; font-size: 12px;}
.acc .srt-crtd-uptd small label {width: 65%; font-size: 12px;}
.acc .act-slct small b {font-size: 12px;}
.acc .sno small b {font-size: 12px;}
.acc .act-slct small {width: 70%;}
.acc .act-slct .tooltip-down {width: 30%;}
.acc .srt-crtd-uptd small {width: 40%; margin-right: 5px;}
.wbview-slct .wbview-slct-hd label {font-size: 16px;}
/* staff dashboard */
.stff-tot-report-box .oline-hder h2 {width: 60%;}
.stff-tot-report-box .oline-hder .dash-sort-ord {width: 20%;}
.stff-tot-report-box .oline-hder .sort-ord {width: 18% !important;}
.stff-tot-report-box .oline-slct {width: 100%;}
.stff-tot-report-box .oline-fter {grid-template-columns: repeat(4, 1fr);}
/* user leader dashboard */
.ledr-tot-report-box .oline-slct {width: 100%;}
.ledr-tot-report-box .oline-fter {grid-template-columns: repeat(4, 1fr);}
.ledr-tot-report-box .oline-hder h2 {width: 49%;}
.ledr-tot-report-box .oline-hder .dash-sort-ord {width: 25%;}
.ledr-tot-report-box .oline-hder .sort-ord {width: 24%;}
/* dashboard */
.rpts-fter {grid-template-columns: repeat(3, 1fr);}
.new-frm-input .form-group .form-control:focus ~ .input-highlight, .new-frm-input .form-group .form-control.hasValue ~ .input-highlight {  width: 83%;}
.table thead th {word-break: initial;}
.tbl-innr-dash .tit-innr-dash label {width: 45%;}
.tbl-innr-dash .tit-innr-dash .pck-tip{width: 55%;}
.tbl-innr-dash .tit-innr-dash .pck-tip small {width: 30%;}
.tbl-innr-dash .tit-innr-dash .pck-tip b {width: 70%;}
.dash-stfwk-slct .dash-slct .sort-ord {width: 25% !important;}
.adm-per-mgt .cur-lea-prt .cur-lea-tlb .tbl-bdy{position: relative; z-index: 9;}
.enlarged .body-content{min-height: 550px !important;}
.lea-dts-new .new-lea-prt2{grid-template-columns: repeat(4, 1fr); grid-gap: 20px;}
/*.new-lea-count:nth-child(4){ border-right: none;}*/
.tab-content .tbl-bdy{ min-height: auto;}

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
.body-content{ min-height: 150px;}
#sidebar-menu ul{ padding-right: 0px;}
body.adminbody .main-sidebar.left{ padding-right: 0px; }
.login{ left: 0; right: 0; margin: 0 auto; top: 5%;}
.login .login-box .login-det{ flex-wrap:wrap; align-items:center; padding:10px 40px 10px 35px;}
.breadcrumb-holder{ margin:0;}
.breadcrumb-holder .main-title{ font-size: 20px;}
.breadcrumb-holder .main-title i{ font-size: 13px;}
.login-bx-lft{ width: 315px;}
.content-page{ margin-bottom:0px;}
.breadcrumb-holder::before{ top:7px;}
.main-sidebar.left{ height: 100%; bottom: 0; padding-bottom: 0; box-shadow: 0 0px 15px 2px rgba(91, 91, 91, 0.10);}
.staff-org2{ margin-bottom: 0;}
.staff-org1{ padding: 10px 10px 10px 30px; z-index: 0;}
.staff-org1 span{ border-right: 0; width: 110px; padding: 0;}
.staff-org:hover .staff-org1 span:before{ background-color: transparent;}
.staff-org1 span img{ margin: 0 auto; width: auto; height: auto; object-fit: contain; border-radius: 0px;}
.staff-org1 span::before{ background-color: transparent;}
.staff-org1 span img{ margin: 0 auto; width: auto; height: auto; object-fit: contain; border-radius: 0px;}
.staff-org1 h2{ padding-left: 0; width: 100%; margin: 0px 0px 5px; z-index: 9; font-size: 20px; padding: 0px 30px;}
.crse-sel .card-body .usr-roll .usr-rht span{ width:30%;}
.mini-statement{ width: 100%;}
.das-ser{ width: 100%; padding: 18px 15px 8px;}
.staff-org3 .staff-icn{ width: 100%;}
.das-chrt{ display: flex; grid-template-columns: repeat(1, 1fr); gap:25px; flex-wrap: wrap;}
.das-chrt .tot-report-box:nth-child(1){ width:100%;}
.das-chrt-rht{ width:100%;}
.mini-stat-img .mini-des .min-rit strong{ font-size: 26px;}
.staff-org1 { padding-left: 15px;}
.das-attendance{ flex-wrap: wrap;}
.das-attendance .das-attendance-box{ width: 100%; margin-bottom:20px;}
.attend-chrt-box{ width: 100%;}
.attend-chrt-box #doughnutChart{ min-height:300px !important;}
.cntrct-chrt{ grid-template-columns: repeat(1, 1fr);}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tbl{ max-height:320px;}
.adhoc-chrt-box .adhoc-chart .adhoc-chart-box:nth-child(1) canvas{ height: auto !important;}
.contractorchrt .chart-box:nth-child(2) canvas{ height: 220px !important;}
.chrt{ padding:15px 10px 20px;}
.contract-report .cnt-rpt .cnt-rpt-lft{ width: 15%;}
.contract-report .cnt-rpt .cnt-rpt-rht{ width: 85%;}
.cnt-rpt-rht .owl-buttons{ transform: translate(-120%);}
.enlarged .cnt-rpt-rht .owl-buttons{ transform: translate(-140%);}
.adhoc-chart-box .chart-lnk .chart-viw-lnk h2{ font-size: 13.5px;}
.pwd-by{ width: 100%; right: 0; left: 0; margin: 0 auto; text-align: center;}
.error-box{ width: 100%;}
.staff-upload-dtls{ grid-template-columns: repeat(3, 1fr);}
.acc .srt-crtd-uptd small {width: 40%; margin-right: 5px}
.acc .srt-crtd-uptd small b {width: 35%;}
.acc .srt-crtd-uptd small label {width: 65%;}
.acc .srt-crtd-uptd small:first-child b {width: 75%;}
.acc .srt-crtd-uptd small:first-child label {width: 25%;}
.wbview-slct .wbview-slct-hd {padding: 10px 10px;}
.wbview-slct .wbview-slct-hd label small {margin-left: 7px;}
.wbview-slct .wbview-slct-hd label strong {font-size: 16px;}
.log-ft-logo{ bottom: -15%; right:0; left: 0; margin: 0 auto; width: 100%;  display: flex; justify-content: center;}
.stf-cunt-hd span:last-child { width: 22%; }
.stf-cunt-hd span:nth-child(2) { width: 22%; }
.stf-cunt-hd span:first-child { width: 56%; }
.login-page::before { width: 450px; height: 450px; left:0; right: 0; margin: 0 auto; top:-40px; }
.lea-dts-new .new-lea-prt2{grid-template-columns: repeat(3, 1fr);}
/*.new-lea-count:nth-child(3) { border-right: none; }*/
.new-lea-count:nth-child(4) {border-right: 1px solid #e5e5e5; }
.lea-not-tlb .table > tbody > tr th{ min-width: 150px;}
/* .table thead th{ font-size:12px; min-width:70px;} */
.footer-main{ margin-left: 0;}
.main-footer span.cptext{ text-align: left;}
.lea-per-ped-cor{ padding: 0px 10px !important;}
.work-tab .nav-tabs-custom > .nav-tabs > li a{ font-size: 16px; padding: 6px 16px;}
.work-tab .nav-tabs-custom > .nav-tabs > li > a.active::after{ top: 37px;}
.work-tab .nav-tabs > li a:hover::after{ top: 37px;}
.work-tab .nav-tabs-custom .new-compose a{ font-size: 16px; padding:6px 16px;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td{ line-height: 1.3;}
.prjct-report-view .prjct-report-tit h1{ font-size: 20px;}
.prjct-report-view .prjct-report-tit span a{ font-size: 13px; padding:4px 15px;}
.prjct-report-view{ padding: 15px 15px;}
}
@media (max-width: 800px) {
.cnt-rpt-rht .owl-buttons{ transform: translate(-113%); -webkit-transform: translate(-113%); -moz-transform: translate(-113%); -ms-transform: translate(-113%); -o-transform: translate(-113%); }
.enlarged .cnt-rpt-rht .owl-buttons{ transform: translate(-130%);}
.list-collaps .act-slct .dropdown-menu .edit-i {font-size: 13px;}
.new-my-leav .new-dsh-sub{grid-template-columns: repeat(1, 1fr);}

} 
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
body { overflow-x: hidden; }
.enlarged .left.main-sidebar { margin-left: -75px; }
.headerbar-left { width:200px; }
.headerbar-left span { display: none !important; }
.headerbar-left i { display: block !important; }
.headerbar .headerbar-btm::before{ background-color: transparent;}
.navbar-custom { margin-left:0px !important; }
.content-page { margin-left: 0 !important; }
.footer { left: 0 !important; }
.mobile-sidebar { left: 0; }
.mobile-content { left: 250px; right: -250px; }
.wrapper-page { width: 90%; }
.dataTables_wrapper .col-xs-6 { width: 100%; text-align: left; }
div#datatable-buttons_info { float: none; }
.ms-container { width: 100%; }
.navbar-toggleable-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.login .login-box .login-det h2{ font-size:21px;}
.button-menu-mobile{ padding:0px 0px; height: 38px;}
.nav-user img{ width:30px; height:30px;}
.navbar-custom .nav-lst{ margin-right:10px;}   
.headerbar{ box-shadow: 0 none;}
.sticky .headerbar-btm{ box-shadow:none;}
.sticky .navbar-custom{ box-shadow: 0 14px 15px -12px rgba(91, 91, 91, 0.15);}
#main::before { background: linear-gradient(25deg, #2b3ba6,#7b1fa2) !important; background: -webkit-linear-gradient(25deg,#2b3ba6,#7b1fa2) !important;}
.login{ width: 90%; margin-bottom: 10%; top: 5%;}
.login .login-box{ margin-bottom:0px; margin-top:0px; flex-wrap: wrap}
.login .login-box .login-lft{ width:100%;  border-radius: 25px 25px 0px 0px;  padding:30px 0px;}
.login .login-box .login-lft::before{ border-radius: 25px 25px 0px 0px;}
.login .login-box .login-lft img{ padding-left:0; padding-top:0;}
.login .login-box .login-det{ width:100%; padding:15px 25px 0px 25px; position: unset; border-radius: 0px 0px 25px 25px; -webkit-border-radius: 0px 0px 25px 25px; -moz-border-radius: 0px 0px 25px 25px; -ms-border-radius: 0px 0px 25px 25px; -o-border-radius: 0px 0px 25px 25px;}
.login .login-box .login-det h2{ text-align:center; width:100%; margin:10px 0px 25px;}
.login .login-box .log-logo{ top:-50px; left:auto; width:70%;}
.login-form .login-frm-main .form-group{ margin-bottom:22px;}
.toplnk{ text-align: right;}
.toplnk a{ margin-bottom: 2px;}
body.adminbody-void{ min-height: 700px;}
body.adminbody .main-sidebar.left{ padding-right: 5px; border-right: none !important; z-index: 99999; width: 220px;}
.main-sidebar{ top:0px; z-index: 999;}
.sidebar-inner .headerbar-left .menu-left{ position: relative; right: auto; top:0px; padding: 14px 6px 10px 9px; background: #0662b0;}
.headerbar .headerbar-btm .menu-left::before { height: auto; background-color: transparent;}
.splt select{ width: 20%;}
.staff-org1 h2{ z-index: 0;} 
.staff-org3 .staff-icn{ width: 49%;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box h2{ font-size:11px; line-height: 1.2;}
.stat-cont-box .stat-count .stat-det .stat-lnk h2{ font-size: 12px;}
.incident-thumb{ grid-template-columns: repeat(3,1fr);}
.footer-main{ padding-left:0;}
.enlarged .footer-main { padding-left: 0; bottom: -61px; }
.profile-dropdown{ margin-top: 13px;}
.incident-view-list ul li b{ width: 30%;}
.incident-view ul li span{ width: 70%;}
.mbclose {display: block; line-height: 2 !important; margin-right: 18px !important;}
.mbclose ion-icon {color: #e7e7e7;}
.rport-tble-item .tble-tit {padding: 15px 12px;}
.rnkg-rprt-fltr .fltr-list-slct .fltr-grp label {width: 40%;}
.rnkg-rprt-fltr .fltr-list-slct .fltr-grp input {width: 60%;}
.rnkg-rprt-fltr .fltr-list-slct .fltr-grp select {width: 60%;}
.wbview-slct .wbview-slct-hd label small {padding: 10px 20px;}
.wbview-slct .wbview-slct-hd label strong {font-size: 14px;}
.tbl-innr-dash .tit-innr-dash label {width: 40%;}
.tbl-innr-dash .tit-innr-dash .pck-tip {width: 60%;}
.tbl-innr-dash .tit-innr-dash .pck-tip small {width: 35%;}
.tbl-innr-dash .tit-innr-dash .pck-tip b {width: 65%; font-size: 12px;}
.cnt-innr-dash li:nth-child(4) {width: 26%;}
.cnt-innr-dash li:nth-child(5) {width: 14%;}
.log-ft-logo{ bottom: -22%; right: 5%;}
.content-page .content{ margin-bottom: 20px;}
.stf-cunt-hd span:last-child { width: 27%; }
.stf-cunt-hd span:nth-child(2) { width: 27%; }
.stf-cunt-hd span:first-child { width: 46%; }
.stf-prf-sub2{ grid-template-columns: repeat(1, 1fr);}
.stf-prf-hed{ flex-wrap: wrap;}
.stf-prf-img { width: 100%; }
.stf-prf-dts { width: 100%; }
.stf-prf-hed2 .stf-prf-dts{justify-content: center; width: 100%;}
.stf-prf-dts h1{ text-align: center; margin-top: 10px;}
.stf-prf-dts ul{ justify-content: center;}
.stf-prf-dts ul li{ justify-content: center; padding-right: 0;}
.stf-prf-dts ul li small{ width: auto;}
.stf-prf-dts ul li b{ width: auto;}
.stf-prf-btn { width: 100%; justify-content: center; margin-top: 20px;}
.popover{min-width: 300px !important;}
.inr-tlb-str{ margin: 10px 0px;}
.inr-tlb-sub{ display: block;}
.navbar-custom .nav-link small{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.stf-prf-sub2 .stf-prf-inf:last-child { grid-column-start: span 1; }
.stf-prf-sub2 .stf-prf-inf:last-child ul{grid-template-columns: repeat(1, 1fr);}
.inr-tlb-hd .toplnk{ position: relative; right: 0; display: flex; justify-content: flex-end;}
.lea-dts-new .new-lea-prt2 { grid-template-columns: repeat(2, 1fr); flex-wrap: wrap;}
.new-lea-count{ border: 1px solid #e5e5e5; }
.new-my-leav .new-dsh-sub-admin{grid-template-columns: repeat(1, 1fr);}
.login .login-box .login-lft .logo-wrpr{max-height:100px;}
.login-page::before{ width: 100%; height: 100%;}
}
@media (max-width: 767px) {
.breadcrumb-holder .main-title, .breadcrumb-holder .breadcrumb { float: none; }
.login .login-box .login-det .login-frm-lnk{ flex-wrap:wrap; text-align:center; justify-content:center; margin:5px 0px 20px;}
.login .login-box .login-det .login-frm-lnk a{ margin:10px 0px 10px; width:100%;}
.login .login-box .login-det .login-frm-lnk .login-frm-lnk1{ margin-left: 10px;}
.login .login-box .login-det h2{ font-size:20px;}
.login .login-box{  flex-wrap: wrap; margin-bottom:0;}
.login .login-box .login-det{ width: 100%; padding: 15px 30px 20px 30px;}
.login .login-box::after { background-color: transparent;}
.login-bx-lft{ width: 100%; position: relative; left: 0; height: 100%;}
.login .login-box .login-det form{ width: 100%;}
.attend-list{ grid-template-columns: repeat(2, 1fr);}
.attend-list .attend-box:nth-child(3n+3){ border-right: 1px solid #e8e9f0;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
body.adminbody .main-sidebar.left{ margin-top: 0; width: 280px;}
body.adminbody-void{ min-height:auto; margin-bottom: 20px;}
#main.enlarged .navbar-custom{ padding:0px 0px 0px 0px; justify-content:space-between;}
.sticky .headerbar-btm{ box-shadow: none;}
.sticky .navbar-custom{ transition: 0.4s; padding:5px 0px 5px; min-height: 61px;}
.sticky{ background-color: #fff;}
.remainder span{ box-shadow: none; width: 16px; height: 16px;}
.remainder a{ width: 26px; height: 26px;}
.remainder a i{ font-size: 12px;}
.quick-srch{ display: none;}
.content-page .content{ padding:0;}
.button-menu-mobile{ padding:2px 2px; right:auto; margin-left: 0px; color: #8696b5; height: 34px;}
.sticky{ box-shadow: 0 15px 20px -15px rgba(0,0,0,0.3);}
.course-frm{ display:inline-block; padding: 0px 5px;}
.form-group{ margin-bottom: 10px;}
.new-frm-input .form-group .form-control:focus ~ label, .form-control:valid ~ label {top: -5px !important;}
.cel-split input{ width:40%;}
.toplnk{ padding-top:0px; min-width:50px; width: 100%; justify-content:center; margin-top:5px; margin-bottom: 7px;}
.breadcrumb-holder::before{ top:0px; width: 450px; right: -15px;}
.clndr { margin-right: 10px; color: #cecece; font-size: 11px; padding: 0px 2px; min-width: 100px;}
.clndr i { color: #666; font-size: 12px; }
.logo { top: 1px; justify-content:flex-start; padding-left:15px !important; padding-right:5px; }
.frm-title { margin-bottom: 10px; }
.frm-title h2{ flex-wrap: wrap;}
.frm-title .toplnk{  border-top: 0; width: auto; padding-top:3px; margin-top: 0;}
.role-display h2{ font-size: 15px !important;}
.bkbox-cnt .prgrs-slct ul li small {width: 25%;}
.bcklink-slct .bkbox .bkbox-cnt .prgrs-slct span {width: 35%;}
.incident-view-list ul li{ flex-wrap: wrap; padding: 10px 0px;}
.incident-view-list .incident-title h2{ font-size: 16px;}
.incident-view-list ul li b{ width: 100%;}
.incident-view ul li span{ width: 100%; padding: 10px; border-left: 0; border-top:1px solid #f0f1f7;}
.enlarged .body-content{min-height: auto;}
.staff-upload-dtls{ grid-template-columns: repeat(2, 1fr);}
.cntrct-box .cntrct-tabs .cntrct-tab-lnk{ flex-wrap: wrap; justify-content: center;}
.cntrct-box .cntrct-tabs .cntrct-tab-lnk nav{ width: 100%;}
.cntrct-box .cntrct-tabs .nav-tabs a{ padding: 6px 6px; margin-bottom:5px; width: 100%; margin-right: 0;}
.cntrct-box .cntrct-tabs .tab-content{ height: auto;}
.cntrct-chrt-drp{ width: 100%;}
.attend-list{ grid-template-columns: repeat(1, 1fr); max-height:270px;}
.attend-list .attend-box{ border:1px solid #e8e9f0; margin-bottom: 2px;}
.attend-list .attend-box:nth-child(1){ border-top: 1px solid #e8e9f0;}
.attend-list .attend-box:nth-child(2){  border-top: 1px solid #e8e9f0;}
.attend-list .attend-box:nth-child(3){  border-top: 1px solid #e8e9f0;}
.attend-chrt-box #doughnutChart{ min-height: 220px !important;}
.cntrct-chrt-box .cntrct-chrt-drp .cntrct-drp{ grid-template-columns:repeat(1, 1fr); gap: 5px;}
.cntrct-prd-wrk .cntrct-chrt-drp .cntrct-drp{ grid-template-columns:repeat(1, 1fr); gap: 5px;}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tbl{ max-height:100%;}
.cntrct-chrt-rht .cntrct-prd-wrk .table > tbody > tr td{ line-height: 1.3;}
.mini-stat{ width: 100%; margin-right: 0;}
.tbl-des .tbl-des-rht h2{ font-size: 16px;}
.tbl-des .tbl-des-lft{ width: 100%;}
.tbl-des .tbl-des-rht{ width: 100%; border-left: 0 none; padding-left: 0;}
.ser-box h2{ font-size: 16px;}
.ser-box .test-ptrs{ padding: 15px 20px;}
.ser-box .ser-box-cnt .ser-tit h2{ font-size: 16px;}
.ser-box .ser-box-cnt .ser-image{ height: 110px; width: 110px;}
.nav-user img{ width:26px; height:26px;}
.navbar-custom{ margin-left:0px !important; min-height: 60px; padding:0px 10px 0px 0px;}
.navbar-custom .nav-lst{ margin-right:2px;}
.navbar-custom .nav-lst .dropdown .btn-nav{ font-size:10px; padding:3px 10px; margin-top:1px;}
.navbar-custom .nav-link .tlogdwn i{ padding:0 5px 0px 3px; margin-top:1px; font-size:17px;}
.navbar-custom .nav-link { border-radius: 50px; line-height: 20px; font-size: 17px;}
.stf-cunt-hd span ion-icon{ width: 22px; height: 22px;}
.xbutton{ height: 28px;}
.mbclose{ margin-right:0px !important;}
.sidebar-inner .headerbar-left{  border-right: 0; width: 280px; height:60px;}
.sidebar-inner .headerbar-left .menu-left{ position:relative; right:auto; padding:15px 0px 10px 5px;}
.sidebar-inner .headerbar-left .menu-left::before { height: 100%; color: #666666;}
.sidebar-inner .headerbar-left .logo img{ padding:0px; max-height:35px;}
#sidebar-menu .headerbar-left .logo .mlogoshow{ max-height:25px;}
.breadcrumb-holder .main-title{ font-size: 24px; width: 100%; justify-content: center; margin-bottom:5px;}
.breadcrumb-holder .main-title i{ font-size: 13px; margin-right:2px;}
.breadcrumb-holder .breadcrumb::before{ background-color:transparent; border-left:0 none}
.breadcrumb-holder .breadcrumb{ font-size:12px; background:transparent !important; width:100%; padding:10px 0px; margin:8px 0px 4px !important; border-top:1px solid #5B5B5B; border-radius:0; justify-content: center;}
.breadcrumb-holder{ border-bottom:0 none; padding:10px 0px 5px 0px; margin-bottom:20px; margin-bottom:0px; flex-wrap: wrap; justify-content: center;}
.main-sidebar{ width: 280px; top: 0; z-index: 9999; position: fixed;}
#sidebar-menu:after { position: absolute; content: ""; background-color: #eee; top: 0px; left: 0; width:100%; height: 0px; }
.card-title{ font-size:22px;}
.logbg{ padding:15px 30px 20px;}
.logbg .brand{ margin-top:20px !important;}
.logfrm:before, .logfrm:after{ background:transparent;}
.logfrm:hover:before, .logfrm:hover:after{ background:transparent;}
.frm-flx{ flex-wrap: wrap;}
.login{ width:90%; margin:0% auto; position: relative;}
.login .login-box .login-lft .logo-wrpr {top: 0px;}
.login-bx-lft .lg-lft{ margin-top: -40px;}
.login .login-box span{ bottom:15px;}
.login .login-box .log-logo{ min-height:200px;}
.login .login-box{ flex-wrap:wrap; justify-content: center; margin-bottom:10px; margin-top:0px;}
.login .login-box .login-lft{ min-height:100px; width:100%; border-right:none;}
.login .login-box .login-lft::before{ -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); background-color: rgba(237, 28, 36, 0.8); border-radius: 25px 25px 0px 0px;}
.login .login-box .login-det{ width:100%; padding:20px 20px 20px 15px;}
.login .login-box .login-det::after{ background-color: transparent;}
.login .login-box .login-det h2{ text-align:center; font-size:20px; width:100%; margin:5px 0px 25px; font-weight: 500; color: #333;}
.login .login-box .login-det h2 small{ font-size: 26px;}
.login .login-box .log-logo{ top:-50px; left:auto; width:70%;}
.login .login-box .login-lft span{ line-height: 1.3; padding: 25px 10px 5px;}
.login .login-box .login-lft img{ height: 94px; width: auto;}
.login .login-box .login-det .login-frm-lnk label{ justify-content: center; width: 100%;}
.login .login-box .login-det .login-frm-btn{ display: flex; justify-content: center; padding: 15px 0px 0px; margin: 15px 0px 0px;}
.login .login-box .login-det .login-frm-lnk{ margin: 5px 0px 10px;}
.login .login-box .login-det .login-frm-lnk1{ margin:5px 0px 0; width: 100%;}
.login .login-box::before{ background-color: transparent;}
.login .login-box::after{ background-color: transparent;}
.login-form .login-frm-main .form-group{ margin-bottom:22px;}
.login-page, .register-page{ height: 100%; margin:45px 0px 70px; display:block;}
.log-ft-logo{ bottom:-50px; position: relative;}
.breadcrumb-holder .main-title i{ padding-right: 5px;}
.scrollToTop{ display: block !important;}
.crse-sel .card-body{ padding:2px 5px !important;}
.crse-sel .card-body .usr-roll{ flex-wrap: wrap; padding: 5px 0px;}
.crse-sel .card-body .usr-roll .usr-lft{ width: 100%; margin-right: 0; padding:0px 5px;}
.crse-sel .card-body .usr-roll .usr-lft h2{ font-size:15px !important; margin:2px 0px 5px!important; font-weight:600!important; }
.crse-sel .card-body .usr-roll .usr-rht{ width: 100%;}
.crse-sel .card-body .usr-roll .usr-rht span{ width:45%; margin: 4px 0px 4px 3px;}
.crse-sel .card-body .usr-roll .usr-rht span label{ font-size: 12px;}
.crse-sel .card-body .usr-roll .usr-rht span:nth-child(3n+3){ margin-right: 0;}
.staff-org{ margin-top: 0;}
.staff-org1{ justify-content: center; padding: 25px 10px 20px; flex-wrap: wrap;}
.staff-org1::before{ background-color: transparent;}
.staff-org1 span{ height:auto; width:100%; z-index: 0; margin-bottom: 10px;}
.staff-org1 .staff-tit{justify-content: center;}
.staff-org1 h2{ font-size: 18px; text-align: center; margin: 15px 0px 10px; z-index: 0; letter-spacing: 0;}
.staff-org1 .staff-tit h3{ text-align: center;}
.staff-org1 .staff-tit h4{ text-align: center;}
.staff-org1 small{ margin:10px 0px 0px; position:relative; right:auto; border-top:1px solid #ebecf4; width:100%; padding-top:20px; text-align:center;}
.staff-org1 small a{ padding: 2px 20px 3px 15px;}
.staff-org:hover .staff-org1::before{ background-color: transparent;}
.staff-org-list ul li{ flex-wrap: wrap;}
.staff-org-list ul li b{ width: 100%; border-radius: 4px 4px 0px 0px; border-right: 1px solid #e8e8e8; color: #333;}
.staff-org-list ul li span{ width:100%; border-left:1px solid #e4e5ee; border-radius:0px 0px 4px 4px; color:#777; margin-top:-1px;}
.staff-org3 .staff-icn{ width: 100%; margin-right:0;}
.staff-org2{ padding:10px; margin-top:5px;}
.staff-org-list ul li:hover b{ border-right:1px solid #e8e8e8;}
.remainder{ margin-right:4px;}
.footer-main{ position: relative; bottom: 0;}
.enlarged .footer-main{ position: relative; bottom: 0;}
.xbtn-add { padding: 3px 10px 1px; margin-top:0px;}
.tbl-frm{ margin-top: 10px; padding: 10px 10px 10px; min-height: 600px;}
.table thead th{ font-size:12px;}
.table > tbody > tr td{ font-size:13px;}
.pgn-lft, .pgn-rht{ justify-content:center; padding:5px 0px; overflow: auto;}
.dataTables_paginate{ width: 100%;}
.pagination{ padding:0px 15px; justify-content: center;}
.body-content{ padding-bottom:15px; min-height: 1000px;}
.remainder small{ padding-top:4px;}
.scrollToTop { bottom:10px; right:10px; }
.scrollToTop:hover{ bottom: 20px;}
.xsearchbdy label.empty{ height: 15px;}
.xsearchbdy .form-group label{ padding-left: 0;}
.content-page .content{ padding: 0; margin-bottom:50px;}
.content-page .content:before { height: 258px;}
.form-row label{ text-align:left; padding:5px 10px; font-size:13px;}
.crse-sel .card::after{ left: 4px;}
.modal-dialog{ margin-top: 90px;}
.cldr-modal{ max-width: 93%; margin:90px auto;}
.cldr-modal .modal-content .modal-body h3{ font-size:22px;}
.cldr-modal .modal-content .modal-header h4{ font-size:20px;}
.cldr-modal .modal-content .modal-body p{ font-size:17px;}
.cldr-modal .modal-content .modal-body{ font-size: 17px;}
.splt2-frm{ flex-wrap: wrap;}
.tot-report-chrt {padding: 0px 0px 0px;}
.tit-top{ flex-wrap: wrap; padding: 15px 15px;}
.tit-top .das-scrl-tit{ width: 100%;}
.tit-top .das-chrt-drp{ width: 100%; margin-top: 10px;}
#main::before { height:230px;}
.contract-report .cnt-rpt{ flex-wrap: wrap;}
.contract-report .cnt-rpt .cnt-rpt-lft{ width: 100%; border-bottom:1px solid #f0f1f7; padding:6px 0px;}
.contract-report .cnt-rpt .cnt-rpt-rht{ width: 100%; border-left:0 none;}
.contract-report .cnt-rpt .cnt-rpt-lft i{ font-size: 36px;}
.contract-report .cnt-rpt .cnt-rpt-lft h2{ font-size: 16px;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box h2{ font-size: 10px;}
.enlarged .cnt-rpt-rht .owl-buttons{ width:100%; transform:translate(0%); position:relative; margin:3px 0px 0px; border-top:1px solid #f0f1f7; padding-top:15px;}
.cnt-rpt-rht .owl-controls .owl-buttons div{ background-color: #f0f1f7; padding: 5px;}
.cnt-rpt-rht .owl-buttons i{ color: #707d9b;}
.adhoc-statement{ padding: 4px 10px 16px;}
.adhoc-statement .adhoc-stat-lft{ grid-template-columns: repeat(1, 1fr);}
.adhoc-chart-box{ flex-wrap: wrap;}
.adhoc-chart-box .chart-box{ width: 100%;}
.adhoc-chart-box .chart-lnk{ width: 100%; border-left: 0;}
.adhoc-chart-box .chart-lnk .chart-viw-lnk{ align-items: center;}
.adhoc-chart-box .chart-lnk .chart-viw-lnk h2{ margin-bottom: 0; margin-right: 10px;}
.adhoc-top{ flex-wrap: wrap; padding: 15px 15px;}
.adhoc-top .das-scrl-tit{ width: 100%;}
.adhoc-top .das-chrt-drp{ width: 100%; margin-top: 10px;}
.chrt-count{ padding: 20px 0px 0px;}
.chrt-count span a { font-size: 11px;}
.chrt-count span { width: 48%;}
.chrt{ padding-bottom: 10px;}
.cntrct-chrt-other .cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tbl{ max-height: 100%;}
.tbl-bdy{ min-height: auto;}
.incident-thumb{ grid-template-columns: repeat(2,1fr);}
.error-box .txt p{ font-size: 16px;}
.error-box .tit i, .error-box .tit h2{ font-size: 46px;}
.ban-box{ padding: 10px;}
.ban-box .tit i{ font-style: 60px;}
.ban-box .txt p{ padding: 30px 0px; font-size: 18px;}
.form-box-main .form-box{ flex-wrap: wrap;}
.form-box-main .form-box .form-title{ width:100%; margin-bottom:10px; border-right:0 none; border-bottom:1px solid #dedede; padding-bottom:5px; margin-right: 0;}
.frm-radio{ padding-left: 0; border-left: 0 none;}
.main-footer span{ text-align:center}
.main-footer{ flex-wrap: wrap; justify-content: center;}
.main-footer span.cptext{ width: 100%; display: block; margin-bottom: 10px; text-align: center;}
.pwd-by{ right:0; left: 0; margin: 0 auto; bottom:25px; display:flex; justify-content:center; width:100%;}
.bcklink-box .bcklink-slct {grid-template-columns: 100%;}
.bcklink-box .bcklink-slct .bkbox{border-bottom: 1px solid #eeec; border-right:0; padding: 10px 10px}
.navbar-custom .menu-left {width: 15%; padding-left: 10px;}
.sort-ord{width: 44% !important;}
.adn-cht-hed2 span .sort-ord{ width: 100% !important;}
.trfic-slct .trfic-slct-hd .sort-ord {width: 44% !important;}
.tf-mble-hide {display: none !important;}
.trfic-slct-tble .tf-tble-item.tf-mb-view {display: flex !important; flex-wrap: wrap; border-bottom: 1px solid #dbdfea; padding: 25px 0; }
.trfic-slct-tble .tf-tble-item.tf-mb-view:last-child{border: 0;}
.trfic-slct-tble .tf-tble-item.tf-mb-view .tble-cnt {display: flex !important; justify-content: flex-end; width: 100%; padding: 2px 25px; border: 0;}
.tf-tble-item.tf-mb-view .tble-tit::after{content:":"; position: absolute; top: 3px; left: 0px; right: 0; color: #8c9eb6; text-align: center;}
.tf-tble-item .tble-cnt-algn.tit-channel {display: flex !important;  width: 100%; padding: 0px 25px; border: 0; justify-content: center;}
.tf-tble-item .tble-cnt-algn::after {content:none !important;}
.tf-tble-item .tble-cnt-algn span.tb-sub-tit {font-size: 18px !important;}
.tf-tble-item .tit-user::before {content:"User"; position: absolute; top: 3px; left: 25px; color: #8c9eb6; font-size: 15px;}
.tf-tble-item .tit-nusers::before {content:"New User"; position: absolute; top: 3px; left: 25px; color: #8c9eb6; font-size: 15px;}
.tf-tble-item .tit-sessions::before {content:"Sessions"; position: absolute; top: 3px; left: 25px; color: #8c9eb6; font-size: 15px;}
.tf-tble-item .tit-psessions::before {content:"Perv Sessions"; position: absolute; top: 3px; left: 25px; color: #8c9eb6; font-size: 15px;}
.tf-tble-item .tit-change::before {content:"Change"; position: absolute; top: 3px; left: 25px; color: #8c9eb6; font-size: 15px;}
.keyrpt-slct-tble .rport-tble-item.rport-mb-view{display: flex !important; flex-wrap: wrap; border-bottom: 1px solid #dbdfea; padding-bottom: 20px; }
.keyrpt-slct .keyrpt-slct-hd .sort-ord {width: 44% !important;}
.keyrpt-slct-tble .rport-tble-item.rport-mb-view:last-child{border: 0;}
.keyrpt-slct-tble .rport-tble-item.rport-mb-view .tble-cnt {width: 100%; padding: 5px 25px; border: 0;}
.rport-mble-hide {display: none !important;}
.keyrpt-slct-tble {padding: 20px 0px;}
.rport-tble-item .tble-cnt-algn.tit-key {display: flex !important;  width: 100%; padding: 20px 25px; border: 0; justify-content: center;}
.rport-tble-item .tble-cnt-algn span.tb-sub-tit {font-size: 16px !important;}
.rport-tble-item.rport-mb-view .tble-tit::after{content:":"; position: absolute; top: 7px; left: 0px; right: 0; color: #8c9eb6; text-align: center;}
.rport-tble-item .tble-cnt-algn::after {content:none !important;}
.rport-tble-item .tble-cnt .tble-cnt-sub {line-height: 30px;}
.rport-tble-item .tble-cnt .tble-cnt-sub span {padding: 0 10px;}
.rport-tble-item .tble-cnt .tble-cnt-sub small {padding: 0 10px;}
.keyrpt-slct-tble .rport-tble-item.rport-mb-view .sub-div {display: flex !important; justify-content: flex-end; }
.keyrpt-slct-tble .rport-tble-item.rport-mb-view .tit-status {display: flex !important; justify-content: flex-end; }
.rport-tble-item.rport-mb-view .sub-div::before {content:'July | Aug';position: absolute;top: 7px;left: 90px; color: #b2b2b2; font-size: 13px;}
/* .rport-tble-item .brnd-tle-img:nth-child(2)::before {content:url('../images/brand/pdf-google.png'); position: absolute; top: -2px; left: 0px; -moz-transform: scale(.5); transform: scale(.5);}
.rport-tble-item .brnd-tle-img:nth-child(3)::before {content:url('../images/brand/pdf-yahoo.png'); position: absolute; top: -2px; left: 0px; -moz-transform: scale(.5); transform: scale(.5);}
.rport-tble-item .brnd-tle-img:nth-child(4)::before {content:url('../images/brand/pdf-aol.png'); position: absolute; top: -2px; left: 0px; -moz-transform: scale(.5); transform: scale(.5);}
.rport-tble-item .brnd-tle-img:nth-child(5)::before {content:url('../images/brand/pdf-duckduckgo.png'); position: absolute; top: -2px; left: 0px; -moz-transform: scale(.5); transform: scale(.5);}
.rport-tble-item .brnd-tle-img:nth-child(6)::before {content:url('../images/brand/pdf-yandex.png'); position: absolute; top: -2px; left: 0px; -moz-transform: scale(.5); transform: scale(.5);} */
.rport-tble-item .tit-status::before {content:'Status'; position: absolute; top: 20px; left: 25px; color: #8c9eb6; font-size: 15px;}
.rport-tble-item.rport-mb-view .tit-status .sub-div::before {content:'July | Aug'; position: absolute; top: 20px; left: 90px; color: #b2b2b2; font-size: 13px;}
.rport-tble-item.rport-mb-view .tble-tit.tit-status::after{content:":"; position: absolute; top: 20px; left: 0px; right: 0; color: #8c9eb6; text-align: center;}
.keyrpt-slct-tble .rport-tble-item .tble-tit:first-child {padding: 10px 10px 20px 10px; border: 0; margin: 0 auto;}
.aoview-slct-chrt .donutchrt { width: 200px; height: 200px; }
.map-slct-chrt {width: 100%;}
.map-slct .mapchrt  { width: 100%; height: 200px;border-right:0; border-bottom: 1px solid #dbdfea; }
.map-slct .map-fter {width: 100%}
.hd-rport-btn {padding: 5px 10px;}
.keyrpt-slct .keyrpt-slct-hd h2 {width: 100%;}
.keyrpt-slct-hd .mp-view {width: 33%; margin-top: 15px;}
.keyrpt-slct .keyrpt-slct-hd .sort-ord {width: 44%; margin-top: 15px;}
.rport-slct-chrt .preportchart {width: 300px; height:250px;}
.navbar-custom .nav-link .tlogdwn {width:28px; height:28px;}
.navbar-custom .nav-link small {padding-left: 8px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.navbar-custom .menu-left {width: 15%;}
.navbar-custom .prf-slct {width: 85%; padding-right: 15px;}
.navbar-custom .logo-cnt {padding-left: 14px; font-size: 14px;}
.dash-sort-ord .drpdown-1 {padding: 5px 25px 7px 15px;}
.breadcrumb-holder .dash-slct-btn {margin-top: 10px; width: 100%; justify-content: end;}
.dash-sort-ord .down-outline {top: 9px;}
.ptnr .box2 {padding-top: 20px; border-top: 1px dotted #00458f; margin-top: 20px;}
.cled-org-hd {width: 100%;padding: 30px 0px 0px; }
.cled-org-tit {width: 100%; padding: 20px 0;}
.case-view-list ul li {flex-wrap: wrap;}
.case-view-list ul li b {width: 100%;}
.case-view ul li span {width: 100%; border-left: 1px solid #eef4f9;}
.staff-view-pg .staff-doc {grid-template-columns: repeat(1,1fr);}
.cases-top-lnk {flex-wrap: wrap;}
.cases-top-lnk h2 {width: 100%;}
.cases-top-lnk .rht-lnk  {width: 100%; justify-content: space-between; margin-top: 10px;}
.cases-top-lnk small a {font-size: 12px;}
.cases-top-lnk span a {font-size: 12px;}
.view-cmd h2 {flex-wrap: wrap; }
.view-cmd h2 span {margin-left: 11px;}
.navbar-custom .dropdown-menu .drp-logout a {padding: 5px 10px; font-size: 11px;}
.viw-rankprt {width: 100%; gap: 3px;}
.oview-slct .aoview-slct-hd h2 {font-size: 16px;}
.rport-slct .rport-slct-hd h2 {font-size: 16px;}
.rnkg-rprt .tbl-sub-hdng ul li {padding-right: 10px; padding-left: 10px;}
.oline-fter {grid-template-columns: repeat(2, 1fr)}
.tot-report-box .oline-rght {margin: 20px 0px 0px}
.wb-slct .wb-slct-hd h2 {font-size: 16px;}
.bcklink-box .bcklink-hder h2 {font-size: 16px;}
.trfic-slct .trfic-slct-hd h2 {font-size: 16px;}
.cled-org-list ul li b {width: 30%;}
.cled-org-list ul li span {width: 70%;}
.rnkg-rprt-fltr .fltr-list-slct .fltr-grp {margin: 8px 0 0; justify-content: end}
.cled-org .cled-slct {padding: 10px;}
.prj-view-slct {grid-template-columns: repeat(1, 1fr); padding: 15px 0px 0;}
.prj-view-slct .lab-box b {width: 50%;}
.prj-view-slct .lab-box span {width: 50%;}
.prj-view-cnt {padding: 0;}
.blk-inpt-slct input {margin-bottom: 10px;}

.work-tab{ margin-top: 10px;}
.work-tab .nav-tabs{ justify-content: space-between; padding-top: 30px;}
.work-tab .nav-tabs > li a:hover::after{ top: 35px;}
.work-tab .nav-tabs-custom > .nav-tabs > li{ margin-right: 0;}
.work-tab .nav-tabs-custom > .nav-tabs > li a{ font-size: 14px; padding: 5px 15px;}
.work-tab .nav-tabs-custom > .nav-tabs > li > a.active::after{ top: 35px;}
.work-tab .nav-tabs-custom .new-compose{ top:-40px; right: 0; left: 0; display: flex; justify-content: center; margin: 22px 0px;}
.work-tab .nav-tabs-custom .new-compose a{ font-size: 14px; padding:6px 15px;}

.wrk-report-tbl .tbl-bdy .table > tbody > tr td:nth-child(2){ min-width: 150px;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td:nth-child(3){ min-width: 200px;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td:nth-child(4){ min-width: 50px;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td:nth-child(5){ min-width: 130px;}
.wrk-report-tbl .tbl-bdy .table > tbody > tr td:nth-child(6){ min-width: 50px;}

.prjct-report-main{ padding: 0;}
.prjct-report-view .prjct-report-tit h1{ font-size: 18px;}
.prjct-report-view .prjct-report-tit span a{ font-size: 12px;}
.prjct-report-view .prjct-report-tit span a i{ font-size: 12px;}

.prject-rport-box{ flex-wrap: wrap;}
.prject-rport-box .prject-rport-slct{ width: 100%;}
.prject-rport-box .prject-rport-atch{ width: 100%; margin-top:2px;}
.prject-rport-tbl .table > tbody > tr td{ min-width:80px;}
.prject-rport-tbl .table > tbody > tr td:nth-child(1){ min-width: 250px;}
.prject-rport-tbl .table > tbody > tr td:nth-child(2){ min-width: 180px;}
.prject-rport-tbl .table > tbody > tr td:nth-child(3){ min-width: 250px;}

.adm-per-mgt .new-dsh-box .new-lea-prt2{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1px;}
/* backlink */
.tbl-frm .blk-detls ul {grid-template-columns: repeat(1, 1fr);}
.tbl-frm .card-header .acc .list-collaps {flex-wrap: wrap;}
.tbl-frm .card-header .acc .sno {border: 0; width: 100%; justify-content: center; margin-bottom: 10px;}
.acc .srt-crtd-uptd {border-top: 1px solid #fff; padding: 10px 0px 0; width: 100%; flex-wrap: wrap;}
.tbl-frm .card-header .acc .act-slct {border-top: 1px solid #fff;margin-top: 10px;padding: 10px 0px 0; text-align: center; width: 100%;}
.sno .blk-menu-arrow {left: 80px;}
.acc .srt-crtd-uptd small:first-child {width: 100%; text-align: center; border: 0;}
.acc .srt-crtd-uptd small {width: 100%; text-align: center; border: 0;}
.acc .srt-crtd-uptd small:first-child b {width: 35%;}
.acc .srt-crtd-uptd small:first-child label {width: 65%;}
.acc .srt-crtd-uptd small b {width: 35%;}
.acc .srt-crtd-uptd small label {width: 65%;}
.acc .act-slct small {width: 50%;}
.acc .act-slct .tooltip-down {width: 50%;}
.tbl-frm .blk-detls ul li:first-child span {width: 23.5%;}
.tbl-frm .blk-detls ul li:last-child b {width: 31.5%;}
.oline-left-hder .dtory-prt a {width: 60%;}
.oline-left-hder .dtory-prt span {width: 100%;}
.prj-view-slct .lab-box {flex-wrap: wrap;}
.prj-view-slct .lab-box b::after {right: 5px;}
.prj-view-slct .lab-box span {word-wrap: break-word;}
.publish-ctrl #publish-error {position: absolute; top: 55px; left: 5px; display: block ruby; }
.publish-ctrl .radio-inline input {width: 0px !important;}
.case-view ul li span {margin-top: 5px;}
.view-btn {font-size: 13px;}
.cled-org-tit h1 {font-size: 15px;}
.cled-org-list ul li b {width: 40%;}
.cled-org-list ul li span {width: 60%;}
.cled-slct .dtls-in-doc-files {padding: 5px 10px; font-size: 13px;}
.wbview-slct .wbview-slct-hd label {width: 100%; font-size: 14px; justify-content: center;}
.wbview-slct .wbview-slct-hd label:last-child {justify-content: center;}
.wbview-slct .page-item.active .page-link {margin-top:0;}
.wbview-slct .pagination .page-item {display: initial; width: 30px;}
.wbview-slct .pagination .page-item.disabled .page-link {margin-top: 0; min-height: 0;}
.wbview-slct .wbview-slct-hd label small {font-size: 20px; padding: 15px 20px;}
.wbview-slct .wbview-slct-hd label strong {font-size: 14px;}
.cled-org{ margin: 0; padding: 0px 10px;}
.cled-org.new-inr-tlb{ padding: 0px 10px;}
.adm-per-mgt .cled-org{ padding: 0px !important;}
.adm-per-mgt .cur-lea-prt{ margin-top:25px;}
.sup-adm-new{ padding: 0px 10px !important;}
.new-dsh-sub{ display: block; padding: 0px 0px;}
.new-dsh-box:nth-child(1){ margin-bottom: 10px;}
.new-dsh-main{ padding: 0px 10px;}
.new-lea-prt1{justify-content: center; flex-wrap: wrap;}
.new-lea-prt1 h1{ text-align: center;}
.new-lea-count b{ font-size: 32px;}
.new-lea-count small{ font-size: 12px;}
.new-lea-prt3 h2{ font-size: 16px;}
.cur-lea-prt{ padding: 15px 15px;}
.new-dsh-main2 .cur-lea-tlb{padding: 5px 10px;}
.stf-cunt-hd{ flex-wrap: wrap;}
.stf-cunt-hd span{ margin-bottom: 10px;}
.stf-cunt-hd span:last-child { width: 100%; margin-bottom: 0; justify-content: center;}
.stf-cunt-hd span:nth-child(2) { width: 100%; justify-content: center;}
.stf-cunt-hd span:first-child { width: 100%; justify-content: center;}
.sup-adm-new .new-dsh-box .new-lea-prt5{ grid-gap: 1px;}
.new-lea-prt5{grid-template-columns: repeat(2, 1fr);}
.new-lea-prt5 .new-lea-count:nth-child(2){border-right: none;}
.new-lea-prt5 .new-lea-count:nth-child(3){border-right: 1px solid #e5e5e5;}
.new-lea-prt5 .new-lea-count:nth-child(4){border-right: none; border-bottom: 1px solid #e5e5e5;}
.adm-dsh-main .new-dsh-sub .new-lea-prt2{grid-template-columns: repeat(1, 1fr);}
.adm-dsh-main .new-lea-count{border-bottom: 1px solid #fff; border-right: none;}
.tdy-lea-box h6{ font-size: 16px;}
.tdy-lea-box h6 b{ font-size: 17px;}
.tdy-pre-box h6{ font-size: 16px;}
.tdy-pre-box h6 b{ font-size: 17px;}
.stf-prf-main1{ padding: 20px !important;}
.stf-acc-dts{ padding: 20px;}
.stf-bnk-dts{ padding: 20px;}
.cur-lea-tlb{ padding: 0px 5px;}
.inr-frm-str .course-frm{ margin-bottom: 20px; padding: 0px 5px;}
.adn-cht-hed2{ flex-wrap: wrap;}
.adn-cht-hed2 span{ margin: 0px 10px 15px;}
.sup-adm-new .new-lea-prt{ padding: 15px;}
.tdy-lea-box{ padding: 15px;}
.hr-dash-sub1{ padding: 15px;}
.hr-dash-sub2{ padding: 15px;}
.hr-dash-lea h6{ font-size: 18px; align-items: center;}
.hr-dash-prm h6{ font-size: 18px; align-items: center;}
.stf-cunt-hd span h1{ width: auto;}
.new-my-leav .new-lea-prt2{ grid-template-columns: repeat(2, 1fr); display:grid; grid-gap: 1px;}
.new-my-leav .new-lea-count{ padding: 5px;}
.cur-lea-prt h1{ font-size: 20px;}
.adm-lea-not .new-lea-prt2{ grid-template-columns: repeat(2, 1fr); display:grid; grid-gap: 1px; border:0; margin-top: 20px;}
.adm-lea-not .new-lea-prt2 .new-lea-count:first-child{ grid-column-start: span 2;}
.adm-lea-not .new-lea-count{border-bottom: 1px solid rgba(0, 0, 0, 0.09);}
.adm-lea-not .new-lea-prt2 .new-lea-count:last-child{ border-bottom: none;}
.adm-lea-not .new-lea-prt2 .new-lea-count:first-child::before{ display: none;}
.navbar-custom .nav-link small{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width:50px;}
.new-hoday-box{ margin-bottom: 15px;}
.inr-tlb-hd .toplnk{ justify-content: center;}
.stf-prf-dts { width: 100%;}
.stf-prf-img { width: 100%; }
.stf-prf-dts h1{ text-align: center; font-size: 26px; line-height: 1.1;}
.stf-prf-main h1 i{ font-size: 20px;}
.stf-prf-main h1{ font-size: 24px;}
.new-lea-count .custom-select{ border: 0; border-bottom: 1px solid #ddd; border-radius: 0;}
.lea-dts-new .new-lea-prt2 { grid-template-columns: repeat(1, 1fr); flex-wrap: wrap; grid-gap: 1px;}
.new-lea-count{ border: 1px solid #e5e5e5 !important; padding: 10px 0px; margin-bottom: 1px;}
.new-lea-prt{ padding: 20px;}
.lea-dts-new{ padding: 10px 20px;}
.lepr-dts-hed{flex-wrap: wrap;}
.lepr-dts-img{width: 100%;}
.lepr-dts-dts{ width: 100%; justify-content: center; margin-left: 0;}
.lea-dts-new .new-lea-prt1 h1{ text-align: center;}
.lepr-dts-dts ul li{ justify-content: center;}
.not-tab .nav-tabs > li{ margin: 0;}
.not-tab .nav-tabs-custom > .nav-tabs > li{ width: 100%; margin-bottom: 10px;}
.not-tab .nav-tabs > li a::after{ display: none;}
#sidebar-menu ul.smenu-slct{ top:65px; overflow: auto; height:700px; padding-bottom: 70px;}
.clndr{ display: none; }
.remainder { margin-right: 15px; }
.apr-rej-btn span h6{ text-align: center;}
.apr-rej-btn span h6 small{ display: block;}
.zabuto_calendar{ margin: 10px 0px 70px !important;}
div.zabuto_calendar tr.calendar-dow td{ height: 50px;}
div.zabuto_calendar .badge-event{ min-width: 30px; min-height: 30px;}
div.zabuto_calendar .table tr td div.day{ font-size: 15px;}
.zabuto_calendar .legend{ flex-wrap: wrap !important; justify-content: center;}
.zabuto_calendar .legend span{ margin-bottom: 5px;}
.zabuto_calendar .legend span span{ margin-bottom: 0;}
.lea-pre-sub .no-rcd-fnd{ min-height: 100px;}

.lea-not-tlb{ border-radius:10px; margin-bottom: 10px;}
.lea-not-tlb .table > tbody > tr th b{ margin: 10px 0px; display: block; line-height: 15px;}
.lea-not-tlb .table > tbody > tr td small{ font-size: 14px; line-height: 10px;}
#sidebar-menu ul > li > a span b{ font-size: 14px;}
.lea-per-ped-cor{ padding: 0px 0px !important;}
.prf-tlb-box2 .cur-lea-prt h1 .toplnk a{ margin-right: 0;}
}
@media (max-width: 360px) {
.clndr{ display: none; }
.remainder { margin-right: 15px; }
}

/* Media Query Landscape Portrait CSS */
@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:landscape) {
	
}

@media screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation:landscape) {

}

@media screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation:landscape) {

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {

}

@media screen and (min-device-width: 411px) and (max-device-width: 823px) and (orientation : landscape){
.login{ position: relative; margin-bottom: 30%;}
.login-page, .register-page{ height: 100%;}
.login .login-box{ margin-top: 30px;}
}

@media screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape){

}

@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape){

}

@media screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation : landscape){

}

/* Alert */
.alert { position: fixed; top:80px; right:18px; z-index: 9999; width:350px; height: auto;}
.alert-success { color:#fff; background-color:rgba(16, 170, 5, 0.85); border-color:#0ca101; font-weight:300;padding:3px 10px; margin-bottom: 15px; border-radius:5px; transition:all 0.4s; display:flex; justify-content: space-between; align-items:center;} 
.alert-success button.close{ border: 0; background-color: transparent; color: #fff !important; font-size: 14px; padding:0px 5px 0px;}
.alert-danger { color: #fff; background-color:rgba(249, 60, 66, 0.85); border-color: #ec3840; font-weight:300; padding:5px 15px; margin-bottom: 15px; border-radius:5px; transition: all 0.4s; text-align:right; min-width:350px !important;} 
.alert-danger strong{ font-size:16px;}
.alert-danger button.close{ border:0; background-color: transparent; color: #fff !important; font-size: 14px; transition: all 0.4s; padding: 4px 0px 0px 10px;}
.alert-error { color: #fff; background-color:rgba(237, 28, 36, 0.85); border-color: #ff0000; font-weight:400; transition: all 0.4s;}
label.required:after { color: #ff0000; content: "*"; margin-left: 5px; font-size: 16px; font-weight: bold;}
.help-block { color: red; } 
p.help-block{ margin: 0; padding-top: 3px; font-size: 14px;}
.error{ color: #ec2029 !important; font-size: 12px !important; }
#type-error{ color: #ec2029 !important; font-size: 12px !important;}
.cke_button__easyimageupload { display:none !important; }
#modal_form input[type=text], #modal_form select, #modal_form textarea { background: #fff7be !important; border: 1px solid #ddd; border-radius: 2px; }
.no-rcd{ width: 100%; display: flex; align-items: center; justify-content: center; text-align:center; font-size: 16px; text-transform: uppercase; color: #636363; padding: 10px 0px; transition: 0.8s; } 
.no-rcd:hover ion-icon{ animation-name: zoomIn; animation-duration: 1s; transition: 0.8s;}
.no-rcd ion-icon{ color: #f42b2b; margin-right: 5px; font-size: 26px; transition: 0.8s;}
p.no-rcd{ margin-bottom: 0; border-bottom: 1px solid #e8e9f0;}
.iconpicker-container .fade:not(.show){ opacity: 1;}
/* Text Colors */
.badge-warning{ color: #fff !important; background-color: #fd6f6f;}
.text-red { color: #dd4b39 !important }
.text-yellow { color: #f39c12 !important }
.text-aqua { color: #00c0ef !important }
.text-blue { color: #0073b7 !important }
.text-black { color: #111 !important }
.text-light-blue { color: #3c8dbc !important }
.text-green { color: #00a65a !important }
.text-gray { color: #d2d6de !important }
.text-navy { color: #001f3f !important }
.text-teal { color: #39cccc !important }
.text-olive { color: #3d9970 !important }
.text-lime { color: #01ff70 !important }
.text-orange { color: #ff851b !important }
.text-fuchsia { color: #f012be !important }
.text-purple { color: #605ca8 !important }
.text-maroon { color: #d81b60 !important }
.pr-red{ color: #ff3d3d;}
/*  // my styles  */
.hideinputtext{ visibility: hidden !important; height:1px; width:1px;}
.well span.add-on{ display: flex; align-items: center; background: #e9ecef; padding: 0 12px;border: 1px solid #e4e4e4;   border-left: 0; border-radius: 0 5px 5px 0;}

.per-not-av{font-size: 20px; display: flex; justify-content: center; align-items: center; margin-bottom: 0;}
.per-not-av i{color: #f00; font-size: 24px; margin-right: 10px;}

.time-picker-ctrl{justify-content: center;}
.time-picker-ctrl small{top: 36px !important;}
.stf-prf-inf-dls a { display: flex; margin-top: 3px; align-items: center; }
.stf-prf-inf-dls h3 { font-size: 16px; margin-left: 7px; }

.doc_approved{ color: #57B834 !important; font-size:15px !important; }
.doc_rejected{ color: #E01717 !important; font-size:15px !important; }