@import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,500,600,700,800,900&display=swap');

html { position: relative; min-height: 100%; }
body { font-family: 'Muli', sans-serif; /*font-size: 0.9rem;*/ font-size: 14px; background-color:#f0f1f7; padding-bottom:0px; animation-name: fadeIn; animation-duration: 1s;}
h1,h2,h3,h4,h5,h6{ font-family: 'Muli', sans-serif;} 
a { color:#1a44c4; text-decoration: none; transition: all 0.5s ease 0s;}  
a:hover{transition: all 0.5s ease 0s; color:#666;}
p { font-family: 'Muli', 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:25px; bottom:25px;}
@keyframes animate {
0%{ transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0; }
100%{ transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; }
}
.ldrimg{ position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(50, 50, 50, 0.4);}
.image_loader{ position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(50, 50, 50, 0.4);}
.footer-main{ position: absolute; width: 100%; margin-top:0px; bottom:0;padding-left: 220px; transition: 0.4s;}
.main-footer { padding: 15px 20px 15px; color: #444; display: flex; align-items: center; justify-content: space-between}
.main-footer span{ display:block;}
.main-footer span.cptext{ font-size: 13px;}
.enlarged .footer-main{ padding-left: 65px; transition: 0.4s;}
.bootstrap-duallistbox-container .filter{ margin-top:8px;}
.modal-dialog{ max-width:850px; margin-top: 70px; 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:0px 25px;  margin-top:20px; margin-bottom: 0px;}
.page-link{ padding:5px 10px; font-size:14px;}
.pgn-lft{ display:flex; align-items:center;}
.pgn-rht{ display:flex; justify-content:flex-end; align-items:center;}
.pgn-rht ul{ margin:0px;}
.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: #f11726 !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:#ed1c24; 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;}
.sts-active{ font-weight:bold; color:#2f86f2; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase;}
.sts-inactive{ font-weight:bold; color:#9300df; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase;}
.sts-completed{ font-weight:bold; color:#2da308; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase;}
.sts-closed{ font-weight:bold; color:#ed1c24; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase;}
.sts-hold{ font-weight:bold; color:#df8800; 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: #3db9dc !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: #e7e7f3;;}
.dropdown-item:hover i{ color: #7037bc; transition: 0.4s;}
.dropdown-item.notify-item:hover{ color: #472865;}
.profile-dropdown { width:230px; margin-top:11px;}
.profile-dropdown i { font-size:14px; margin-right:8px; color:#8587a8; text-align:center; }
.nav-user { padding: 0 12px !important; }
.nav-user img { height:28px; width:28px; margin-bottom: 0; }
/* Dropdown Box */
.drp-box{ width: 100%; background-color: #5131a0; padding: 10px;}
.drp-box .drp-head{ width: 100%; display: flex; align-items: center;}
.drp-box .drp-head span{ width:17%; 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: 6px;}
.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: #cebafe;}
.navbar-custom .dropdown-menu .drp-logout{ width: 100%; display: flex; justify-content: center; align-items: center; padding:15px 0px 6px;}
.navbar-custom .dropdown-menu .drp-logout a i{ font-size: 14px; margin-right: 5px;  transition: 0.4s; color: #fff; transition:0.6s;}
.navbar-custom .dropdown-menu .drp-logout a{ background-color: #323e9f; border: 1px solid #323e9f; padding: 4px 13px; border-radius: 50px; text-align: center; text-transform: uppercase; color: #fff; font-size: 12px; transition: 0.4s;}
.navbar-custom .dropdown-menu .drp-logout a:hover{ background-color: transparent; border: 1px solid #202b84; color: #202b84;}
.navbar-custom .dropdown-menu .drp-logout a:hover i{ color: #202b84;}
.myorg{ max-width:850px !important;}
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb { background: #fff; height: 30px; }
::-webkit-scrollbar-track { background: #fff; border: 0px none #fff; border-radius: 53px; }
.breadcrumb-holder { margin:0px 0px 0px; padding: 20px 0px 20px; display: flex;align-items: center; justify-content:space-between; position: relative;}
.breadcrumb-holder .main-title { margin-bottom: 0; font-size: 23px; display: flex; align-items: center; color:#333; font-weight:100; text-transform:uppercase; -webkit-animation-name: slideInRight;   animation-name: slideInRight;  -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; }
.breadcrumb-holder .main-title i{ padding-right:8px; font-size:14px; color:rgb(172, 172, 202);}
.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;}
.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:#808285; border-bottom: 1px solid rgba(111,111,111,.13); padding:10px 20px; 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}
.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;
}
}
.headerbar { left:0;position:fixed; right:0; top: 0; z-index: 999; }
.headerbar .headerbar-left { background:#fff; float:left; text-align:left; height: 70px; position:relative; width:220px; z-index:1; display: flex; padding-left:0px; transition: all 0.5s ease 0s;}
.headerbar .headerbar-left .menu-left{ position: absolute; right: -40px;}
.headerbar .headerbar-left .logo .mlogoshow { display: none; }
#main.enlarged .headerbar-left .logo .mlogohide {display: none; padding-left: 5px; }
#main.enlarged .headerbar-left .logo .mlogoshow { display: block; padding: 6px; }
#main.enlarged .headerbar-left .logo {padding-right: 0; margin-top: 5px;}
.headerbar .headerbar-left .logo img { max-height:58px; width:auto; height:auto; padding:0px; object-fit:contain;}
.navbar-custom { background: -webkit-linear-gradient(45deg,#0f0e9f,#7b1fa2) !important; background: linear-gradient(160deg, #303f9f,#7b1fa2) !important; border-radius: 0; margin-bottom: 0; padding:12px 17px 10px; margin-left:220px; min-height:60px; display: flex; justify-content:flex-end; align-items: center; position: relative; transition: 0.4s; }
.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: #afaeae; transition: 0.4s; padding: 8px 17px 5px; }
.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: rgb(255, 255, 255); width: 35px; height: 35px; justify-content: center; position: relative;}
.navbar-custom .nav-link .tlogdwn:before{ width: 9px; height: 9px; border-radius: 50px; background-color: #00e676; content: ""; position: absolute; right: 0; bottom: 0;}
.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}
.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:50px; margin:1px; background:#d9d9d9; transition:0.4s; cursor:pointer;}
.crp-btn button i{ font-size:14px; color:#666; text-align:center; padding-top:4px; transition:0.4s}
.crp-btn button:nth-child(2):hover i{ color:#d9261c; transition:0.4s; transform:rotate(50deg);}
.crp-btn button:nth-child(1):hover i{ color:#d9261c; transition:0.4s; transform:rotate(-50deg);}
#thumbnail_preview .cr-boundary{ width: 100% !important}
.clndr{ margin-right:20px; font-size: 13px; color:rgba(255, 255, 255, 0.6); transition: 0.4s;}
.clndr i{ font-size:14px; padding-right: 5px; color:rgba(255, 255, 255, 0.6);}
.remainder{ margin-right:20px; border-radius:50px !important; transition:0.4s; position: relative;}
.remainder a{ border-radius: 50px !important; margin-top:1px; transition: 0.4s; background-color:#d9261c; position: relative; width: 30px; height: 30px; display:flex; color: #fff; align-items: center; justify-content: center}
.remainder a i{ font-size:14px; -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;}
.remainder a:hover{ transition:0.4s; color:#fff}
.remainder span{ position: absolute; top:-6px; right:-6px; font-size:8px; background-color:#2f2f2f; border-radius:50px; width:17px; height:17px; text-align:center; padding-top:0px; color:#fff; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 10px 0 #681d95;}
.logo {  display: flex; height:50px; text-align: center; justify-content: center; width: 100%; top: 10px; padding-right:18px; position: relative;}
.logo span span { color: #fff; }
.main-sidebar { top: 50px; width:220px; z-index:1; bottom:70px; margin-bottom:-70px; margin-top:0; padding-bottom:70px; position:absolute; transition:all 0.5s ease 0s; padding-top: 30px;} 
.content-page { margin-left:220px; overflow: hidden; transition: all 0.5s ease 0s; margin-bottom:0px; position:relative}
.content-page .content { padding: 0 3px; margin-top:60px; margin-bottom: 70px; 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; }
body.adminbody .main-sidebar.left { bottom: 0px; margin-bottom: 0px; margin-top: 0; padding-bottom: 0px; z-index: 99; 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; }
body.adminbody .main-sidebar.left:hover{ overflow: auto; scrollbar-width: thin; scrollbar-color:#e3e3f4 #fff; transition: 0.8s; -webkit-transition: 0.8s; }
.xbutton { display: flex; font-size: 24px; color: #fff; width: 28px; height: 46px;cursor: pointer; justify-content: center; align-items: center; margin-top: 7px;}
.xbutton:hover { color:#fff; transition:0.4s; }
.xbutton ion-icon.menu-sharp { font-size: 24px; }
.mnln1 { content: ""; width:19px; height:1px; background-color: rgb(255, 255, 255); position: relative; }
.mnln1::before { content: ""; width:17px; height:1px; background-color: rgb(255, 255, 255); position: absolute; left: 0; top: -8px; transition: all 0.5s ease 0s; }
.mnln1::after { content: ""; width:13px; height:1px; background-color: rgb(255, 255, 255); position: absolute; left:0; bottom: -7px; transition: all 0.5s ease 0s; }
.sidebar-inner { height:100%; background:#fff; background-size: cover;}
.blend { display: flex; justify-content: center; padding-right: 10px; }
.blend > span { display: block; padding: 0 !important; margin-bottom: 0 !important; width:30px; height:4px; border-radius: 1em; background-color: #e6e6e6; animation: merge 1.6s ease-in-out infinite; }
.blend > span:first-of-type { border-top-left-radius: 1em !important; border-bottom-left-radius:s 1em !important; }
.blend > span:last-of-type { border-top-right-radius: 1em !important; border-bottom-right-radius: 1em !important; }
.tbl-bdy{ width:100%; border-radius: 5px 5px 0px 0px; }
.tbl-frm.new-frm-input {padding-top: 20px;}
.tbl-frm{ border-radius:0px;}
.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: #d8261d; border-color: #d8261d; 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;}
.lve-frm{ width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.lve-frm span:nth-child(1){ width: 39%;}
.lve-frm span:nth-child(2){ width: 39%;}
.lve-frm span:nth-child(3){ width: 18%;}
.btn-remove{ background-color: #e4251b; 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:#ed1c24; position:relative}
.tbl-frm-case .card-header .acc .isu-cde.isu-red:before{ position:absolute; top:0; right:4px; content:"*"; color:#ed1c24;}
.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;}
.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";}
.hiddenRow { padding: 0 4px !important; }
.acc-title{ width:100%; margin-bottom:5px;}
.acc-title ul{ margin:0; display:flex; padding:0; border-bottom:1px solid #ddd; 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%}
/* Sidebar */
.body-content{ background-color:#fff; border-radius:0px; min-height:450px; margin-bottom: 10px !important; padding-bottom: 10px; border-radius: 27px; padding: 30px;}
#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:2px 0px 0px 0px; position: relative; text-decoration: none;}
#sidebar-menu li{ text-align:left; padding: 3px 10px 3px 10px; padding-right:0px;}
#sidebar-menu { padding-bottom:100px; 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:8px; 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: #6c6c6c; 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: #6c6c6c;
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 { background-color: #fff; }
#sidebar-menu ul ul a { color:#666; -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 23px; animation:none; font-size:13px; text-align:left; line-height:1.3; position: relative; overflow: hidden; z-index: 0; border-radius: 25px; margin-right: 15px;}
#sidebar-menu ul ul a.active{ background-color:#eee; color:#ed1c24; border-radius: 30px; display: flex;}
#sidebar-menu ul ul a.active i{ color: #ccc;}
#sidebar-menu ul ul a:before{ width: 1%; height: 100%; background-color:#eaf0f7; content: ""; left: 0; bottom: 0; position:absolute;  border-radius:0px 5px 5px 0px; visibility: hidden; transition: 0.6s; z-index: -9}
#sidebar-menu ul ul a:hover:before{ width: 100%; visibility: visible; width: 100%; left: 0; transition: 0.6s; border-radius: 25px;}
#sidebar-menu ul ul a.active:hover:before{ background-color:transparent;}
#sidebar-menu ul ul a:hover { color:#333b76; transition: all 0.5s ease 0s; animation:none}
#sidebar-menu ul ul li a i{ margin-right:0; color: #e1e1ec; font-size:12px; margin-left:-4px; margin-top:-2px; display:inline-block; padding-right:5px; width:auto; height:auto; padding-bottom:2px; padding-top:5px;}
#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:18px;}
#sidebar-menu ul ul ul a.active{ background-color:#eee; color:#353535; border-radius: 30px; display: flex}
#sidebar-menu .label { margin-top: 2px;}
#sidebar-menu .subdrop:hover:before{ background-color: transparent}
#sidebar-menu .subdrop span small { transition:0.4s; }
#sidebar-menu .submenu ul .submenu .menu-arrow { top: 10px !important; }
#sidebar-menu ul li ul li a.subdrop { color: #353c9f !important; background: #eaf0f7; transition:0.4s; border-radius: 25px;}
#sidebar-menu ul li ul li a.subdrop i{ color: #999 !important; background-color:transparent !important }
#sidebar-menu ul li ul li:last-child{ border-bottom:0 none;}
#sidebar-menu ul li ul li ul li a.subdrop { color: #353c9f !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:#56668e; display:flex; padding: 3px 8px 3px 3px; transition:0.4s; align-items: center; position:relative; overflow: hidden; transition: 0.6s; z-index: 0; text-transform: uppercase;}
#sidebar-menu > ul > li > a:hover:before{ width: 100%; visibility: visible; width: 100%; left: 0; transition: 0.6s;}
#sidebar-menu > ul > li > a.active:hover:before{ background-color:transparent;}
#sidebar-menu > ul > li > a:hover { color:#222 !important; transition: all 0.5s ease 0s;}
#sidebar-menu > ul > li > a:hover #sidebar-menu li{ border-top: 0 none;}
#sidebar-menu > ul > li > a:hover span b {font-weight: 700;}
#sidebar-menu > ul > li > a:hover span small { color: #222 !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:#747699; font-size:22px; margin-right:5px; text-align: center; vertical-align: middle;  transition:0.2s; justify-content: center; align-items: center; padding: 5px 5px;}
#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: #222 !important; -webkit-transition: .3s ease all; transition: .3s ease all; border-radius:0px 5px 5px 0px; }
#sidebar-menu ul > li > a.active span b {font-weight: 700; color: #222 !important;}
#sidebar-menu ul > li > a.active span small { color: #222 !important;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a ion-icon { padding: 0; }
#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: #222 !important;}
#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; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a ion-icon { color: #fff !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:62px; z-index: 5; padding-right: 4px; background-color: #fff;}
#main.enlarged .headerbar-left {width: 62px;}
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding-left: 10px; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a:hover { background-color: #64b0f2; }
#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: 4px 10px 4px 10px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a { background-color: #64b0f2; position: relative; width: 260px; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul { display: block; left: 70px; position: absolute; width: 190px; padding: 5px 0 3px; background: #ffffff; animation-name: fadeInRight; animation-duration: 0.5s;}
#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: 170px; z-index: 6; color:#636363; display: flex;  align-items: center;}
#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:#333b76 !important; background-color:#f3f3f3; border-radius: 25px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:hover i{ color:#999; background: none;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover a span { display: inline; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover a span b {color: #fff !important;}
#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: 190px; margin-top: -36px; 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: 1;}
#sidebar-menu ul > li > a span b{ display:block; font-weight: 600; font-size: 12px;}
#sidebar-menu ul > li > a span small{ color:#a4a4a4; letter-spacing:0.5px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span { display: none; padding-left:5px; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding: 6px 5px; /* min-height: 52.09px; */ transition: 0.4s;}
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a i { margin-left: 0px; margin-right: 0; font-size:13px; transition: 0.4s;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a { position: relative; width: 260px; background: -webkit-linear-gradient(45deg,#0f0e9f,#7b1fa2) !important; background: linear-gradient(45deg,#303f9f,#7b1fa2) !important; color: #fff !important; border-radius: 0px;  transition: 0.4s;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a:before{ background-color: #eaf0f7 !important; left: 0; right: 0; transition:0.6s;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a i { color: #555; transition: 0.4s;background: #fff; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a span small{ color:rgba(255, 255, 255, 0.8) !important;}
#main.enlarged .content-page { margin-left:62px; }
#main.enlarged .navbar-custom { margin-left: 60px; }
#main.enlarged .headerbar .headerbar-left .logo span { display: none; opacity: 0; }
#main.enlarged .headerbar .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; }
.quick-srch { position: relative; display: flex; margin-right: 20px;}
.quick-srch .qsrch { width:400px; border-radius: 3px; border: 0 none; background-color:rgba(255, 255, 255, 0.15); padding: 6px 55px 6px 12px; color: #fff; outline: none; transition: all 0.7s ease 0s; border-radius: 50px; font-weight: 300; border-left: 3px solid rgba(0, 0, 0, 0.4);}
.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);}
/* Dashboard */
.mini-statement{ padding:20px 30px 20px; display:flex; flex-wrap:wrap; width:100%; position:relative; justify-content:space-between; margin-bottom:5px;}
.mini-stat{ background:#0060b0 url(../images/bg-1.png) right 10px bottom 3px no-repeat; width: 23.6%; padding:10px 6px 10px 8px; border-radius:3px; transition:0.4s; min-height:128px; position:relative; display: flex; align-items: center; z-index: 0; margin-bottom:0px; transition: 0.4s; box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.20); }
.mini-stat:hover{ box-shadow:none !important; transition: 0.4s;}
.mini-stat:hover:before{ width:45%; transition: 0.4s;}
.mini-stat .mini-txt{ color:#fff; transition: 0.4s;}
.mini-stat:nth-child(1){ background:linear-gradient(14deg,#6d81f5 36%,#8498f3 100%); box-shadow:0 6px 20px 0 rgba(109,129,245,.35);}
.mini-stat:nth-child(2){ background:linear-gradient(14deg,#fb7589 36%,#ff9595 100%); box-shadow:0 6px 20px 0 rgba(241,100,108,.35);}
.mini-stat:nth-child(3){ background:linear-gradient(14deg,#42cef1 36%,#63ddfb 100%); box-shadow:0 6px 20px 0 rgba(13,200,222,.35);}
.mini-stat:nth-child(4){ background:linear-gradient(14deg,#efc039 36%,#f1cb60 100%); box-shadow:0 6px 20px 0 rgba(255,184,34,.35);}
.mini-stat:nth-child(4n+4){ margin-right:0px;}
.mini-stat .mini-stat-img { background-size: cover; padding:0px 5px 0px !important;}
.mini-stat h6{ font-size:16px; font-weight:500; text-transform:none; margin: 0px 0px 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff;}
.mini-stat b{ font-size:12px; font-weight:500; text-transform:none; margin: 0px 0px 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff; background-color:rgba(255, 255, 255, 0.95); border-radius: 5px; padding: 3px 15px;}
.mini-stat-icon{ text-align:left;}
.mini-stat:nth-child(1) b{ color: #7084f5;}
.mini-stat:nth-child(2) b{ color: #fd838e;}
.mini-stat:nth-child(3) b{ color: #54d6f6;}
.mini-stat:nth-child(4) b{ color: #f0c54b;}
.mini-stat .mini-stat-icon i { font-size: 30px;	width: 64px; height: 64px;	line-height: 64px;	text-align: center;	color: #fff!important;	border-radius: 50%;	background: rgba(255,255,255,.1); display: inline-block; transition:0.4s;}
.mini-stat-img .mini-des{ width: 100%; display: flex; align-items:center; justify-content: space-between; margin: 5px 0px; position: relative;}
.mini-stat-img .mini-des i{ font-size: 28px; color: #fff; width: 66px; height: 66px; line-height: 64px; display:flex; text-align: center; border-radius: 52% 48% 23% 77%/44% 68% 32% 56%; -webkit-box-shadow: 0 3px 3px .25px rgba(48,62,103,.15); box-shadow: 0 3px 3px .25px rgba(48,62,103,.15); position: absolute; right: 0; align-items: center; justify-content: center;}
.mini-stat:nth-child(1) .mini-stat-img .mini-txt .mini-des i{ background-color: #8a9af7}
.mini-stat:nth-child(2) .mini-stat-img .mini-txt .mini-des i{ background-color: #ff9ba4}
.mini-stat:nth-child(3) .mini-stat-img .mini-txt .mini-des i{ background-color: #7ae3fd}
.mini-stat:nth-child(4) .mini-stat-img .mini-txt .mini-des i{ background-color: #fcd770}
.mini-stat-img .mini-des span{ font-size:30px; font-weight: 600; z-index: 9;}
.mini-stat-img .mini-des small{ font-size: 16px; margin-right: 4px;}
.mini-stat-img .mini-badge{ width: 100%; display: block;}
.mini-stat-img .mini-badge small{ width: 100%; display: flex; font-size: 13px; font-weight: 300; padding-top: 4px;}
.mini-stat-img .mini-badge small b{ font-size: 10px; /*width: 35px; height: 35px;*/ background-color: rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; margin-left: 10px; padding:1px 8px; transition: 0.4s; border-radius: 3px; color: #fff; margin-bottom: 0;}
/* Outlet Dashboard */
.outlet-dasbrd{ width: 100%; display: flex; justify-content:space-between; margin:25px 10px 15px; padding: 0px 20px; align-items: center;}
.outlet-dasbrd .oulet-tdy{ border-radius: 5px; width: 30%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding:20px; background: linear-gradient(45deg,#2b89f4,#73b4ff);}
.outlet-dasbrd .oulet-tdy h2{ font-size:20px; text-transform: uppercase; text-align:left; margin-bottom:0px; font-weight: 500; color: #fff; width: 100%;  text-align: center;} 
.outlet-dasbrd .oulet-tdy b{ display: block; width: 100%; text-align: center; font-size: 50px; color: #fff; margin: 3px 0px;}
.outlet-dasbrd .oulet-tdy span{ display: block; width: 100%;  text-align: center; font-size: 14px; color: #fff}
.outlet-dasbrd .outlet-seanl .outlet-seanl-main{ max-height: 160px; overflow: auto}
.outlet-dasbrd .outlet-seanl{ border: 1px solid #eee; border-radius: 5px; width: 68%;  padding: 10px;}
.outlet-dasbrd .outlet-seanl h2{ font-size:18px; text-transform: uppercase; text-align:left; margin-bottom:20px; font-weight: 500; color: #444; width: 100%;  text-align: center; padding: 8px 10px; background-color: #eee; border-radius: 5px;} 
.outlet-dasbrd .outlet-seanl ul{ margin: 0; padding: 0; display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #eee;}
.outlet-dasbrd .outlet-seanl ul:first-child{ border-top:0 none}
.outlet-dasbrd .outlet-seanl ul li{ list-style: none; width: 32%; font-size: 14px; line-height: 1.7; text-align: center; padding: 1px 0px;}
.outlet-dasbrd .outlet-seanl ul li h3{ font-size:14px; text-transform: uppercase; text-align:left; margin-bottom:8px; font-weight: 500; color: #676767; width: 100%;  text-align: center;}
.flat-dasbrd{ width: 100%; display: flex; justify-content:center; margin:25px 10px 20px; padding: 0px 20px; align-items: center;}
.flat-dasbrd .oulet-tdy{ border-radius: 5px; width: 30%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding:30px 20px 10px 20px; background: linear-gradient(45deg,#2b89f4,#73b4ff);}
.flat-dasbrd .oulet-tdy h2{ font-size:20px; text-transform: uppercase; text-align:left; margin-bottom:0px; font-weight: 500; color: #fff; width: 100%;  text-align: center;} 
.flat-dasbrd .oulet-tdy b{ display: block; width: 100%; text-align: center; font-size: 60px; color: #fff; margin: 3px 0px;}
.flat-dasbrd .oulet-tdy span{ display: block; width: 100%;  text-align: center; font-size: 14px; color: #fff}
.flat-dasbrd .flat-seanl .flat-seanl-main{ max-height: 160px; overflow: auto}
.flat-dasbrd .flat-seanl{ border: 1px solid #eee; border-radius: 5px; width: 68%;  padding: 10px;}
.flat-dasbrd .flat-seanl h2{ font-size:18px; text-transform: uppercase; text-align:left; margin-bottom:20px; font-weight: 500; color: #444; width: 100%;  text-align: center; padding: 8px 10px; background-color: #eee; border-radius: 5px;} 
.flat-dasbrd .flat-seanl ul{ margin: 0; padding: 0; display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #eee;}
.flat-dasbrd .flat-seanl ul:first-child{ border-top:0 none}
.flat-dasbrd .flat-seanl ul li{ list-style: none; width: 32%; font-size: 14px; line-height: 1.7; text-align: center; padding: 1px 0px;}
.flat-dasbrd .flat-seanl ul li h3{ font-size:14px; text-transform: uppercase; text-align:left; margin-bottom:8px; font-weight: 500; color: #676767; width: 100%;  text-align: center;}
.notif { margin-left: 0 !important; margin-top: 2px; }
.notif .noti-title { border-radius: 0; background:#d9261c; margin: 0; width: auto; padding:2px 15px 8px 15px; margin-bottom:2px;}
.notif .noti-title h5 { color: #fff; margin: 0;}
.notif .noti-title h5 small{ font-size:15px;}
.notif .noti-title .label { float: right; }
.notif .noti-icon { font-size: 22px; padding: 0 12px; vertical-align: middle; color: rgba(255, 255, 255, 0.8); }
.notif .notif-bullet { height: 12px; width: 12px; background-color: #f95200; display: inline-block; position: absolute; top: 13px; right: 8px; border-radius: 50%; border: 2px solid #e2e2e2; }
.notif .notify-item { padding:10px 10px; font-size:13px; display: flex; align-items: center; color: #333; font-weight: 500; border-bottom: 1px solid #f3f3f3;}
.notif .notify-item:last-child{ border-bottom:0 none;}
.notif .notify-item .notify-icon { float: left; height: 36px; width: 36px; line-height: 36px; text-align: center; margin-right: 10px; border-radius: 50%; color: #ffffff; }
.notif .notify-item .notify-icon img { margin-top: 4px; }
.notif .notify-item .notify-details { margin-bottom: 0; overflow: hidden; margin-left: 45px; text-overflow: ellipsis; white-space: inherit; }
.notif .notify-item .notify-details b { font-weight: 500; }
.notif .notify-item .notify-details small { display: block; }
.notif .notify-item .notify-details span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.notif .notify-all { border-radius: 0; margin: 0; background-color: #a8c1d8; color: #fff; }
body.adminbody-void { min-height: 1170px; }
.mobile.smallscreen .sidebar-inner.leftscroll {overflow:auto }
button:focus { outline: none !important; }
a.btn:focus { color: #383c9f !important; }
.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: #0f9df7; border-color: #0f9df7;}
.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: #0283d6; border-color: #0283d6; color: #ffffff; }
.btn-cancel{ background-color:#f4f4f4; border:1px solid #ddd; color:#222; transition:0.4s; border-radius:25px; padding: 5px 15px; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; display: flex; align-items: center; margin-bottom: 0;}
.btn-cancel:hover{ color:#ed1c24; background-color:transparent;}
.btn-cancel ion-icon { padding-right: 7px;}
a.btn-cancel:focus{ color:#ed1c24; background-color:transparent;}
.btn-submit{ background-color:#0f0e9f; border:1px solid #0f0e9f; border-radius:0; color:#fff; transition:0.4s; border-radius:25px; padding: 5px 15px; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; margin-right: 10px; display: flex; align-items: center;}
.btn-submit ion-icon { padding-right: 7px;}
.btn-submit:hover{ color:#41177e; background-color:transparent;}
.btn-submit:focus{ color:#41177e; 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: #e62d15; border-color: #e62d15; }
.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: #0f9df7; }
.avatar-circle { border-radius: 50%; }
.widget-messages .message-item { position: relative; overflow: hidden; border-bottom: 1px solid #e8e8e8; padding: 12px 0; }
.widget-messages .message-item img { width: 40px; }
.widget-messages .message-item .message-user-img { display: block; float: left; margin-right: 15px; width: 40px; }
.widget-messages .message-item .message-item-user { color: #525252; display: block; font-weight: 500; margin: 0; }
.widget-messages .message-item .message-item-msg { color: #525252; display: block; font-weight: 200; margin: 0; }
.widget-messages .message-item .message-item-date { color: #a2a5a7; font-weight: 200; position: absolute; right: 7px; top: 2px; }
.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; }
.border-left { border-left: 3px solid #eaeaea; }
.label-info { background-color: #5bc0de; }
.actbtn-slct {display: flex;}
/*  */
.tooltip-demo { display: flex;  align-items: center; justify-content: center;}
.tooltip-down { position: relative; text-align: center; display: flex; align-content: center;	justify-content: center; }
.tooltip-down a {padding: 0 13px;}
.tooltip-down a::after {content: none;}
.tooltip-down:hover a.dropdown-toggle ion-icon {color: #333;}
.tooltip-down:hover a.dropdown-toggle::before { content: ''; position: absolute; top: -6px; left: 0;right: 0; margin: 0 auto;	background: #e5e6f0;	width: 30px;	height: 30px;	border-radius: 50%; }
.tooltip-down a.dropdown-toggle ion-icon { color: #393b9f; }
.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: #1c46c0; }
.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: #1c46c0; border: 1px solid #1c46c0; 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; }
.card-header .xbtn-add{ font-size:11px;}
.xbtn-add{ margin:0; background-color: #28a63d; padding: 6px 14px; margin: 0; font-size: 12px; color: #fff; border-radius: 25px; text-align: center; text-transform:uppercase; transition: 0.4s; display: flex; align-items: center; justify-content: center;}
.toplnk {display: flex; align-items: center;}
.xbtn-add:hover{ color:#fff; }
.toplnk .xbtn-add:hover{ animation-name: none !important; background-color:#139228; transition: 0.4s;}
.xbtn-add ion-icon { padding-right: 7px; font-size: 15px;}
.xbtn-add .fa-file-excel  { padding-right: 7px; font-size: 13px;}
.xbtn-edit-btn{ margin:0; background-color: #686dd1; padding:2px 12px 2px; margin: 0; font-size: 11px; color: #fff; border-radius: 5px; 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 ;}
.xbtn-srch{ background-color:#3736af; margin:0; font-size: 9px;  border-radius: 25px; text-align:center; padding: 8px 9px; display: flex; align-items: center; justify-content: center; margin-right: 4px}
.xbtn-srch ion-icon { color: #fff; font-size: 15px;}
.xbtn-srch:focus{ color:#f4eef8;}
.xbtn-srch:hover{ color:#fff;}
.xbtn-edit{ margin:0; font-size:16px; background-color:transparent; color:#7373c7; border-radius:6px; width:20px; height:20px; padding:0; text-align:center; display: flex; align-items: center; justify-content: center;}
.xbtn-viw{ margin:0; margin-right: 3px; font-size:16px; background-color:transparent; color:#444; border-radius:6px; width:20px; height:20px; padding:0; text-align:center;display: flex; align-items: center; justify-content: center;}
.xbtn-approve{ margin:0; font-size:16px; border:1px solid #0ca41a; background-color:transparent; color:#0ca41a; border-radius:6px; width:20px; height:20px; padding:0; text-align:center;display: flex; align-items: center; justify-content: center;}
.xbtn-modulex{ margin:0; margin-left: 3px; font-size:16px; background-color:transparent; color:#444; border-radius:6px; width:20px; height:20px; padding:0; text-align:center;display: flex; align-items: center; justify-content: center;}
.xbtn-add-top{ background-color:#5eca5e; padding:2px 7px; margin: 0; font-size:12px; color:#fff; border-radius:5px; 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:5px; text-align:center; transition:0.4s;}
.xbtn-edit1:hover{ color:#333; transition:0.4s;}
.xbtn-edit:hover, .xbtn-viw:hover{ color:#555; border:1px solid #999;}
.xbtn-added{ margin:0; font-size:16px; border:1px solid #2e970d; background-color:transparent; color:#2e970d; border-radius:6px; width:20px; height:20px; padding:0; text-align:center; margin-right: 3px; display: flex; align-items: center; justify-content: center; }
.xbtn-delete{ margin:0; font-size:16px; background-color:transparent; color:#f66653; border-radius:6px; width:21px; height:20px; padding:0; text-align:center; margin-top:-2px; display: flex; align-items: center; justify-content: center;}
.xbtn-back{ font-size:12px; color: #333; transition: all 0.5s ease 0s; padding:0px; border-radius: 50px; margin-bottom: 0;}
.xbtn-back:hover{ background:transparent; color:#383c9f; transition:0.4s;}
.xbtn-back:hover i{ color:#e0c3f4; transition:0.4s;}
.xbtn-back:focus{ box-shadow: none !important; color: #383c9f;}
.xbtn-back i{ padding-right:5px; font-size:12px; color: #333; transition:0.4s;}

.xbtn-other-ser { margin:0; font-size:16px; border:1px solid #393b9f; background-color:transparent; color:#393b9f; border-radius:6px; width:20px; height:20px; padding:0; text-align:center; margin-right: 3px; display: flex; align-items: center; justify-content: center; }

.xbtn-suspend{ margin:0; font-size:12px; border:1px solid #fba313; background-color:transparent; color:#fba313; border-radius:6px; width:20px; height:20px; padding:0; text-align:center; margin-right: 3px;}
.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-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; justify-content: center;}
.add-btn i{ padding-right:5px;}
.delete-btn{ background-color:transparent; border:1px solid #ed1c24; color:#ed1c24; 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; justify-content: center;}
.delete-btn i{ padding-right:5px;}
.add-butt-cntr{ width: 100%; text-align: center; padding-right: 80px; margin: 10px 0px 5px;}
.outlet-frm-details{ width:100%; margin: 20px 0px 0px; background-color: #f3f3f3; padding: 15px; border-radius: 5px;}
.outlet-frm-details .form-group{ margin-bottom: 0;}
.outlet-frm-details h2{ width: 100%; margin: 0px 0px 15px; font-size: 14px; text-transform: uppercase; color: #444; display: flex; align-items: center; border-bottom: 1px dotted #8f8f8f; padding-bottom: 10px; margin-bottom: 20px;}
.outlet-frm-details h2 i{ width: 26px; height: 26px; background-color: #999;  color: #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 16px; margin-left: 10px;}
.outlet-form .add-butt{ margin-top: 20px; padding-bottom: 10px;}
.outlet-table{ width: 100%; margin-top: 10px;}
.outlet-table .table{ margin-bottom:0; border-top: 2px solid #e7e7e7}
.outler-frm-btn{ width: 100%; display: flex; justify-content: flex-start;}
.outler-frm-btn span a{ width: 26px; height: 26px;color: #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 12px; margin-right: 5px}
.outler-frm-btn span .add{ background-color: #31a603;}
.outler-frm-btn span .del{ background-color: #d9261c;}
.outlet-frm-main{ margin-bottom: 10px; width: 100%;}
.fc-day-grid-event .fc-time{ display:none;}
.fc-event-dot{ background-color: #ccc !important;}
.btn-srchx{ background-color:#3736af; padding: 5px 15px; margin: 0; font-size:13px; color:#fff; border-radius:50px; display: flex;align-items: center; margin-right: 10px;}
.btn-srchx:hover{ background-color:#504fbf; transition:0.4s; color: #fff;}
.btn-srchx ion-icon { padding-right:2px; font-size: 15px;}
.btn-secx ion-icon { padding-right:2px; font-size: 15px;}
.btn-secx {	background-color: #f4f4f4;padding: 5px 15px;margin: 0;	font-size: 13px; color: #222;	border-radius: 50px; display: flex;	align-items: center; border: 1px solid #ddd; }
.btn-secx:hover {	background-color: transparent;color: #ed1c24; }
.xsearchbdy{ margin-bottom:20px;background-color: #fff; padding: 25px !important; position: relative; transition: 0.4s; border-radius: 30px;}
.xsearchbdy .cbtn-srch{ position: absolute; right:0px; top:0px; padding:0 5px; margin: 0; font-size: 16px; color: #e9191d; border-radius: 50%; display: inline-block;}
.xsearchbdy .cbtn-srch:hover{color: #666;}
.xsearchbdy .form-group{ margin-bottom: 5px;}
.xsearchbdy .form-group label{ font-weight:400; font-size:13px; padding-top:0;}
.xsearchbdy label{margin-bottom: 0 !important; font-weight: normal;}
.xsearchbdy label.empty{ display: block;content: ""; height:28px;}
.srch-rgt{ display: flex; align-items: flex-end; flex-wrap: wrap;}
.xsearchbdy .form-group .select2-container{ width:100% !important;}
.xsearchbdy .form-group .form-control { padding: 6px 10px 6px 0px; border-radius: 0px; min-height: 33px; border: 0; border-bottom: 1px solid #e4e4e4; color: #333; font-size: 13px;}
.xsearchbdy .form-group .form-control:focus { box-shadow: none !important;border-color: #f7c3c5; border-bottom: 1px solid #f7c3c5; transition: all 0.4s ease; }
.xsearchbdy .form-group label { transition: all 0.4s ease; color: #777; font-size: 14px;font-weight: 300; margin-bottom: 0px;	display: flex;
	align-content: center;text-transform: uppercase; padding-bottom: 0; }
.xsearchbdy .form-group select { display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem;    font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff 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;  border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none;    -moz-appearance: none; appearance: none; }
.custom-control-label::before, .custom-file-label, select {transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}


.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-container
.drp-frm .select2-results__option{ font-size:14px !important;}
.pgn-rht ul li {margin-right: 5px;}
.pgn-rht ul li:last-child {margin-right: 0px;}
.page-item.disabled .page-link { border-radius: 25px; padding: 6px 13px; display: flex; align-items: center;}
.page-link{ color:#333; font-size:13px; border-radius: 25px !important; padding: 6px 11px; display: flex; align-items: center;}
.page-link:hover{ color:#ed1c24}
.page-link:focus {box-shadow: none;}
.page-item.active .page-link{ background-color:#3736af; border-color:#3736af; font-size:13px; color: #fff;}
.dataTables_info{ font-size:12px; color: #444; letter-spacing: 0.2px;}
.page-item:first-child .page-link {padding: 6px 13px;}
.page-item:last-child .page-link {padding: 6px 13px;}
/* Issue List */
.issue-box{ width:100%;  border-bottom:1px solid #efefef; padding:8px; background-color:#fff; border-radius:3px;}
.issue-box:hover{ background-color:#f3f3f3;}
.issue-box .issue-box-lft{ width:100%; padding:0px;}
.issue-box .issue-box-lft h2{ font-size:13px; margin:0px 0px 2px; color:#545454;}
.issue-box .issue-box-lft a{ display:inline-block; font-size:14px; text-align:justify; margin:2px 0px; line-height:1.3;}
.issue-box .issue-box-rht{ width:100%; padding:2px 0px; display:flex;}
.issue-box .issue-box-rht span{ padding-right:5px; margin-right:10px; border-right:1px solid #ddd; width:90px}
.issue-box .issue-box-rht h2{ font-size:13px; margin:0px 0px 2px; color:#424242;}	
.issue-box .issue-box-rht ul{ padding:0;margin:0;}
.issue-box .issue-box-rht ul li{ list-style:none; width:100%; display:flex; border:1px solid #dedede; margin-bottom:2px;}
.issue-box .issue-box-rht ul li b{ width:30%; font-size:12px; text-transform:uppercase; font-weight:500; background-color:#fff; padding:2px 8px; border-right:1px solid #dedede; display:flex; align-items:center;}
.issue-box .issue-box-rht ul li span{ width:60%; padding:2px 10px; font-size:13px; color:#666;}
.issue-box .issue-det{ width:100%; padding:7px 0px 0px;}
.issue-box .issue-det ul{ padding:0; margin:0; display:flex;}
.issue-box .issue-det ul li{ list-style:none; width:20%; margin:0px 2px; border:1px solid #eaeaea; background-color:#fff;}
.issue-box .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; }
.issue-box .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;}
.issue-box .issue-det ul li:nth-child(1){ width:16%;}
.issue-box .issue-det ul li:nth-child(3){ width:28%;}
.issue-box .issue-det ul li:nth-child(4){ width:16%;}
.issue-lnk{ display:flex; border-radius:2px; padding-left:94px; margin:2px 0px;}
.issue-lnk .issue-lnk-box{ text-align:center; border-right:1px solid #dddddd; display:flex; align-items:center; padding:0px 7px;}
.issue-lnk .issue-lnk-box:last-child{ border-right:0; margin-right:0;}
.issue-lnk .issue-lnk-box b{ font-weight:500; font-size:11px; text-transform:uppercase; color:#424242; margin-right:4px;}
/* Management */
.clt-view { width:100%; } 
.clt-view .clt-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;}
.clt-view-list .clt-title{ width: 100%; background-color: #f0f1f7; padding:5px 20px; display: flex; align-items: center; justify-content: space-between; border-radius: 20px 20px 0px 0px;}
.clt-view-list .clt-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;}
.clt-view-list .clt-title h2 span{ margin-left: 15px;}
.clt-view-list .clt-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;}
.clt-view-list .clt-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;}
.clt-view-list{ display:flex; width: 100%; padding-top:5px; margin-bottom: 15px; flex-wrap: wrap;}
.clt-view ul li span .form-row{ padding: 10px 0px;}
.clt-view ul li span .form-row .form-group{ margin-bottom: 0;}
.clt-view ul li span .form-row .add-butt{ justify-content: flex-start;}
.clt-view ul li span .form-row .form-group label{ text-align: left;}
.clt-view ul li span .form-row .form-group textarea{ margin-top: 10px;}
.clt-view ul li span h2{ font-size: 16px; color: #444; margin:10px 0px;}
.clt-view ul li span h3{ font-size: 18px; color: #555; margin:10px 0px;}
.clt-view ul li span h4{ font-size: 16px; color: #666; margin:10px 0px;}
.clt-view ul li span h5{ font-size: 14px; color: #444; margin:10px 0px;}
.clt-view ul li span h6{ font-size: 12px; color: #555; margin:10px 0px;}
.clt-view ul li span p{ margin:5px 0px; overflow: hidden;}
.clt-view ul li span p strong{ font-weight:500; color:#333;}
.cli-dls-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px 30px; width: 100%; padding: 10px 10px; border: 1px solid #eee; border-radius: 0px 0px 25px 25px;}
.cli-dls-list .cltlist1 {display: flex; align-items: center; width: 100%; margin: 5px 0px;border-bottom: 1px solid #eee; padding: 2px 0; }
.cli-dls-list .cltlist1 b { width: 50%; color:#524f6f; font-weight: 300; z-index: 1; align-items: center; flex-wrap: nowrap; background-color:#fff; position:relative; display: flex; align-items: center; transition:0.4s; font-size:13px; padding: 1px 10px; text-transform: uppercase;} 
.cli-dls-list .cltlist1 span { width: 50%; text-align: justify; flex-wrap:nowrap; color:#484848;  border-left:3px dotted #b3aec6; font-size:14px; background-color:#fff; padding:1px 10px 1px 30px; display: flex; font-weight: 600; flex-wrap: wrap;}
#sideblock {width: 100%;}
.tb-view-link {width: 100%; padding: 0px 10px 0 0; border-radius: 25px;}
.tb-view-link .tb-link-lst {display: grid; grid-template-columns: repeat(1, 1fr); gap: 5px;}
.tb-view-link .tb-link-lst small { background-color: rgb(221, 221, 255); padding: 7px 10px; text-align: center; color: #3a3b9f; display: flex; align-items: center; justify-content: left; font-size: 14px; position: relative; border-radius: 25px;}
.tb-view-link .tb-link-lst small:hover {background: -webkit-linear-gradient(45deg,#0f0e9f,#7b1fa2) !important;
background: linear-gradient(160deg, #303f9f,#7b1fa2) !important; color: #fff;}
.tb-view-link .tb-link-lst small ion-icon {font-size: 13px; width: 16px; height: 16px; text-align: center; display: flex; justify-content: center; align-items: center; margin-right: 10px; color: #222; position: relative; z-index: 2; }
.tb-view-link .tb-link-lst small::after { position: absolute; content: ''; width: 25px; height: 25px; background: #fff; border-radius: 25px; left: 5px; top: 0; bottom: 0; margin: auto 0;}
.tb-view-link .tb-link-lst small:hover ion-icon {color: #fff;}
.tb-view-link .tb-link-lst small:hover::after {background:#393b9f;}
.clt-fixdls {padding-top: 15px;}
.clt-fixdls .clt-slct {display: flex; flex-wrap: wrap; width: 100%;}
.clt-fixdls .clt-slct .clt-slct-lft {width: 22%;}
.clt-fixdls .clt-slct .clt-slct-rht {width: 100% !important;display: block; margin: 0px; background: #f0f1f7; border-radius: 25px; padding-bottom: 20px;}
.tb-view-link .tb-link-lst .active small {background: -webkit-linear-gradient(45deg,#0f0e9f,#7b1fa2) !important;
background: linear-gradient(160deg, #303f9f,#7b1fa2) !important; color: #fff;}
.tb-view-link .tb-link-lst .active small ion-icon {color: #fff;}
.tb-view-link .tb-link-lst .active small::after {background:#393b9f;}
.clt-slct-rht .clt-title{ width: 100%; padding: 20px; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap;}
.clt-slct-rht .clt-title.clt-tab-new {justify-content: space-between;}
.clt-slct-rht .clt-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;}
.clt-slct-rht .clt-title .clt-tab-algn {display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 10px; border-radius: 20px; flex-wrap: wrap;}
.clt-slct-rht .clt-title .clt-tab-algn .clt-tab-fgroup {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px 30px; width: 92%; align-items: center;}
.clt-slct-rht .clt-title .clt-tab-algn small { background: transparent;  padding: 7px 15px; text-align: center; color: #333; display: flex; align-items: center; justify-content: center; font-size: 16px; position: relative; border-radius: 20px; font-weight: 500;}
.clt-slct-rht .clt-title .clt-tab-algn .stab-active small{background-color: rgb(221, 221, 255); font-weight: 700; color: #3a3b9f; min-height: 60px;} 
.clt-tab-new .efrm-filter {margin-top: 20px;}
.clt-slct-rht .table {border: 0 !important; }
.clt-slct-rht .table thead th {border: 0 !important; }
.clt-slct-rht .table > tbody > tr td {border-left: 0 none !important;  border-right: 0 none !important; border: 1px solid #dbdbdb;}
/* UserRole section */
.crse-bg { background: url(../images/crse-bg.jpg) top center no-repeat #383a46; background-size: cover; padding: 40px 0 30px; } 
.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:first-child:after{top: 10px;}
.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:5px 10px !important; border:1px solid #f2f2f2; border-radius: 20px; margin-top:0px; background-color:#fff; transition: 0.4s;}
.crse-sel .acrd-link { font-size:14px; font-weight:500; color:#333; background-color:#f0f1f7; padding:7px 14px 7px 45px; border-radius: 25px; transition: 0.4s;} 
.crse-sel .card-body .table{ margin-bottom:0;}
.crse-sel .card-body .usr-roll{ width:100%; display:flex; padding:2px 0px; background-color:#fff; border-top:1px solid #f0f1f7; margin-bottom:0px ; transition: 0.4s;}
.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; /*border-right:1px dotted #ddd;*/ margin-right:15px; padding:0px 10px; padding-left: 3px;}
.crse-sel .card-body .usr-roll .usr-lft h2{ font-size:14px !important; font-weight:500 !important; margin:0 !important; color:#4f4f4f;}
.crse-sel .card-body .usr-roll .usr-rht{ width:75%; display:flex; flex-wrap: wrap;}
.crse-sel .card-body .usr-roll .usr-lft small {width: auto; background: #ea2529; padding: 3px 8px; border-radius: 25px; margin-left: 10px; font-size: 11px; color: #fff;}
.crse-sel .card-body .usr-roll .usr-rht span{ width:19%; padding:5px 5px 5px 12px; margin:4px 0px 4px 5px; border-radius:30px; background-color:#fff; cursor:pointer; overflow: hidden; position: relative; z-index: 0; transition: 0.8s; display: flex;
  justify-content: space-between; border: 1px solid #eee;}
.crse-sel .card-body .usr-roll .usr-rht span:before{ width: 1%; height: 100%; background-color: #eef0fc; content: ""; left: 0; bottom: 0; position: absolute; border-radius: 50px 0px 0px 50px; visibility: hidden; transition: 0.8s; z-index:-1;}
.crse-sel .card-body .usr-roll .usr-rht span:hover:before{ visibility: visible; background-color: #eef0fc; width: 100%; left: 0; transition: 0.8s; border-right: 3px solid #fcdbdd; border-radius: 50px;}
.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:#444; align-items: center; cursor:pointer; }
.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: #f0f1f7; transition: all 0.4s ease 0s;} 
.crse-sel .acrd-link:hover { color:#d9261c; background-color: #dfdff0;} 
.crse-sel .acrd-link i { float: right; margin-top: 4px;} 
.crse-sel .fa-caret-right { display: none; } 
.collapsed .fa-caret-down { display: none; } 
.collapsed .fa-caret-right { display: inline; } 
.crse-sel .acrd-link { display: block; transition: 0.4s;} 
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; } 
.role-display{ width:100%;}
.role-display h2{ font-size:16px !important; margin:0px 0px 18px !important; font-weight:600; color:#444; text-transform:uppercase; border-bottom:1px solid #dedede; padding-bottom:8px;}
.eform-display h2{ display: flex;  justify-content: space-between;}
.role-display h2 span{ color:#666; font-weight:400;}
/* 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;}
/* Report Management */
.report{ width: 100%; display: flex; align-items: center; justify-content:space-between; flex-wrap: wrap;}
.report a{ width: 32%; background-color: rgba(216, 218, 227,1); color: #3c3e59; border-radius: 5px; padding:10px 15px; margin-bottom: 15px; position: relative; display: flex; align-items: center; z-index: 0;}
.report a:before{ position: absolute; width: 4px; height: 100%; left: 0; content: ""; border-radius: 5px; background-color:#cfd1db; transition: 0.8s; z-index: -2}
.report a i{ padding-right:5px; color: #b5b8c6;}
.report a:hover:before{ transition: 0.8s; background-color:#cfd1db; transition: 0.8s; width: 100%; border-right: 4px solid #c4c6d2;}
/* 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: #d1d2e3;}
.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;}
.tbl-dwn-icn i{ color: #ea2529; border: 1px solid #e1e1ec; width: 25px; height: 25px; text-align: center; font-size: 12px; display: flex; align-items: center; justify-content: center; border-radius: 5px; transition: 0.4s;}
.tbl-dwn-icn i:hover{ color: #343d9f; transition: 0.4s;}
span.tbl-dwn-icn{ display: flex; text-align: center; justify-content: center;}
/* Tab-table */
.tab-main{ width: 100%; border-top: 3px solid #f0f1f7; padding-top: 15px; margin-top: 20px;}
.tab-main.table > tbody > tr td{ background-color: #fff;}
.tab-main.table > tbody > tr td.hiddenRow{ padding: 0px 10px !important; background-color: #d1d2e3;}
.tab-main .det-tab-acc{ margin:15px 0px; border-radius:3px; width:100%; padding:0px; transition: 0.6s;}
.tab-main .det-tab-acc .nav-tabs{ text-align:center; border-bottom:0 none; transition: 0.6s;}
.tab-main .det-tab-acc .nav-tabs > li{ display:inline-block; margin:0 5px 0 0; transition: 0.6s;}
.tab-main .det-tab-acc .nav-tabs-custom{ margin-bottom:0; position:relative; z-index:0; transition: 0.6s;}
.tab-main .det-tab-acc .nav-tabs-custom > .nav-tabs > li{  background-color: #fff; border-radius:4px 4px 0 0; padding:0px; transition: 0.6s;}
.tab-main .det-tab-acc .nav-tabs-custom > .nav-tabs > li a{ display:block; font-size:14px; font-weight:400; color: #fff; transition: 0.6s;}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content{ background-color:#fbfcfe; padding:22px 16px; border:0 none; border:1px solid #edeff6; margin-top:-1px; border-radius:0px 5px 0px 0px; transition: 0.6s;}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content h2{ font-size:18px; margin:5px 0px 10px; font-weight:500;}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content h3{ font-size:16px; color:#242424; margin:10px 0px; font-weight:500}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content p{ text-align:justify; font-size:14px; line-height:1.6; margin:5px 0px; color:#333;}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content ul{ padding:0px; margin:0; transition: 0.6s;}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content ul li{ line-height:1.7; list-style: none; transition: 0.6s; color: #333; position: relative; padding-left: 18px;}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content ul li:before{ position: absolute; background-color: #cecece; 
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 10px; height: 10px; content: ""; left: 0; top: 7px;}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content .table{ margin:0px 0px; transition: 0.6s; }
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content .table thead th{ background-color:#d1d2e3; padding:6px 6px; color:#3e3e48; border-bottom: 0 none; text-align:center;}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content .table tr td{ padding:6px; font-size:13px; text-align:center}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content .table tr td a{ transition: 0.6s;}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content .table tr td a:hover{ color:#da281e; transition: 0.6s;} 
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content .table tr:nth-of-type(2n+1){ transition:0.4s;}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content .table tr:hover{ background-color:#fefdf4; transition:0.4s;}
.tab-main .det-tab-acc .nav-tabs > li{ position:relative; transition: 0.6s;} 
.tab-main .det-tab-acc .nav-tabs > li > a{ position:relative; z-index:510; padding:6px 16px; font-size:14px; color:#444; border-radius:4px 4px 0 0; font-weight:500; background-color: #9798b0; animation-name: none; transition: 0.6s; margin-bottom: 0; border:1px solid #9798b0;}
.tab-main .det-tab-acc .nav-tabs > li > a i{ padding-right:6px; font-size: 14px;}
.tab-main .det-tab-acc .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab-acc .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background:#fbfcfe; color:#fff; border: 1px solid #edeff6; border-bottom: 0 none; transition: 0.6s;} 
.tab-main .det-tab-acc .nav-tabs-custom > .nav-tabs > li > a.active, .det-tab-acc .nav-tabs-custom > .nav-tabs > li:hover > a.active{ background:#fbfcfe; color:#ea2024; transition: 0.6s; border: 1px solid #ebecf4; border-bottom:1px solid #fbfcfe;}
.tab-main .det-tab-acc .nav-tabs > li > a:hover{ background-color:#56586f; color:#fff; transition: 0.6s;}
.tbl-dwn-icn i{ color: #ea2529; border: 1px solid #e1e1ec; width: 25px; height: 25px; text-align: center; font-size: 12px; display: flex; align-items: center; justify-content: center; border-radius: 5px; transition: 0.4s;}
.tbl-dwn-icn i:hover{ color: #343d9f; transition: 0.4s;}
span.tbl-dwn-icn{ display: flex; text-align: center; justify-content: center;}
/*Main Tabs */
.det-tab{ margin:25px 0px; border-radius:3px; width:100%; padding:0px;}
.det-tab .nav-tabs{ text-align:center; border-bottom:0 none;}
.det-tab .nav-tabs > li{ display:inline-block; margin:0 5px 0 0;}
.det-tab .nav-tabs-custom{ margin-bottom:0; position:relative; z-index:0;}
.det-tab .nav-tabs-custom > .nav-tabs > li{  background-color: #fff; border: 1px solid #e7e9ec; border-radius:4px 4px 0 0; padding:0px;}
.det-tab .nav-tabs-custom > .nav-tabs > li a{ display:block; font-size:16px; font-weight:500}
.det-tab .nav-tabs-custom > .tab-content{ background-color:#fbfcfe; padding:15px 16px; border:0 none; border:1px solid #ebedf0; margin-top:-1px; border-radius:0px 5px 0px 0px;}
.det-tab .nav-tabs-custom > .tab-content h2{ font-size:18px; color:#004ec4; margin:5px 0px 10px; font-weight:500;}
.det-tab .nav-tabs-custom > .tab-content h3{ font-size:16px; color:#242424; margin:10px 0px; font-weight:500}
.det-tab .nav-tabs-custom > .tab-content p{ text-align:justify; font-size:14px; line-height:1.6; margin:5px 0px; color:#333;}
.det-tab .nav-tabs-custom > .tab-content ul{ padding:0px 15px 0px; margin:0;}
.det-tab .nav-tabs-custom > .tab-content ul li{ line-height:1.7;}
.det-tab .nav-tabs-custom > .tab-content .table{ margin:10px 0px;}
.det-tab .nav-tabs-custom > .tab-content .table thead th{ background-color:#888; padding:8px 6px; color:#fff; border-bottom: 0 none; text-align:center;}
.det-tab .nav-tabs-custom > .tab-content .table tr td{ padding:6px; border:1px solid #eaeaea; font-size:13px; text-align:center}
.det-tab .nav-tabs-custom > .tab-content .table tr td a{ color:#18a9fa;}
.det-tab .nav-tabs-custom > .tab-content .table tr td a:hover{ color:#da281e} 
.det-tab .nav-tabs-custom > .tab-content .table tr:nth-of-type(2n+1){ background-color: rgba(0,0,0,.02); transition:0.4s;}
.det-tab .nav-tabs-custom > .tab-content .table tr:hover{ background-color: rgba(0,0,0,.03); transition:0.4s;}
.det-tab .nav-tabs > li{ position:relative;}
.det-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; background:linear-gradient(#eff4fb, #ffffff);}
.det-tab .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background:#004ec4; color:#fff; border-color:#023685;}
.det-tab .nav-tabs-custom > .nav-tabs > li > a.active, .det-tab .nav-tabs-custom > .nav-tabs > li:hover > a.active{ background:#004ec4; color:#fff; border-color:#0148b2;}
.det-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; color:#ffb201; background: #004ec4; z-index:1; border-radius:4px 4px 0 0;}
.det-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;}
.det-tab .nav-tabs > li > a:hover{background:none transparent; color:#fff;}
.tab-det{ margin-top:20px}
/* Toggle */
.btn-toggle.btn-sm { padding: 0; position: relative; border: none; height: 21px; width: 45px; 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: 'Off'; left: -0.5rem; }
.btn-toggle.btn-sm:after { content: 'On'; right: -0.5rem; opacity: 0.5; }
.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: background-color 0.25s; }
.btn-toggle.btn-sm.active > .handle { left: 1.6875rem; 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, .btn-toggle.btn-sm.btn-sm:after { line-height: -0.5rem; color: #fff; letter-spacing: 0.75px; left: 4px; width: 2.325rem; }
.btn-toggle.btn-sm.btn-sm:before { text-align: right; }
.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: #bdc1c8; }
.btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after { color: #6b7381;}
.btn-toggle.btn-secondary.active { background-color: #279d02;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{ background-color: #279d02; border-color: #279d02;} 
.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);}
/* Discount Page */
.discount-main{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; transition: 0.4s;}
.discount-main .discount-box{ width: 32.5%; background-color: #fff; padding: 15px 10px 50px; border: 1px solid #e9e9e9; border-radius: 10px; transition: 0.4s; margin-bottom: 20px; position: relative;}
.discount-main .discount-box:hover{ transition: 0.4s; box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.1); border: 1px solid #e6e6e6;}
.discount-main .discount-box h2{ text-transform: uppercase; text-align: center; margin: 0px 0px 10px; font-size: 17px; border-bottom: 2px dotted #cecece; padding-bottom: 12px; color: #d9261c; display: flex; justify-content: space-between; align-items: center;}
.discount-main .discount-box .sch-btn .switch{ margin: 0;}
.discount-main .discount-box h2 a{ text-transform: uppercase; text-align: center; font-size: 17px; color: #0c8dff; display: flex; justify-content: space-between; align-items: center; width: 100%; transition: 0.4s;}
.discount-main .discount-box h2 a:hover{ transition: 0.4s; color: #fb1019}
.discount-main .discount-box .sch-btn .switch{ margin: 0;}
.discount-main .discount-box h3{ text-align: center; margin: 10px 0px; font-size: 14px; color: #424141; background-color: #f7f7f7; 
padding: 5px; border-radius: 50px;}
.discount-main .discount-box ul{ padding: 0px; margin: 2px 0px; border-radius:5px; display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.discount-main .discount-box ul li{ list-style: none; line-height: 1.4; display: flex; justify-content: space-between; width:50%; flex-wrap: wrap; border-right: 2px dotted #cecece;}
.discount-main .discount-box ul li:last-child{ border-right: 0 none }
.discount-main .discount-box ul li b{ width:100% !important; font-size: 12px; font-weight: 600; color: #555;margin-bottom:1px; background-color:transparent; padding: 1px 4px 1px 4px; line-height: 1.5; text-align: center}
.discount-main .discount-box ul li b:last-child{ margin-bottom: 0; }
.discount-main .discount-box ul li small{ width:100% !important; font-size: 11px !important; font-weight: 500 !important; color: #666; display: flex; align-items: center; justify-content: center}
.discount-main .discount-box .act{ width: 100%; text-align: center; margin: 15px 0px 5px; position: absolute; bottom: -5px; background-color: #f3f3f3; left: 0; padding: 10px; border-radius: 0px 0px 11px 10px; border-top: 1px solid #ebebeb; min-height: 50px;}
.dis-table{ border-radius:0px; margin-top: 2px; background-color: #fff; transition: 0.4s; max-height:210px; overflow: auto; overflow-x: hidden; min-height: 180px; background: url(../images/welcome_bg_image1.png) center no-repeat;}
.disnt-frm{ padding: 40px 20px 20px 20px;}
.discount-main .discount-box .act a.modulex { color:#a36df4; border:1px solid #a36df4;  border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; padding-top:3px; display:inline-flex; justify-content:center; }
.discount-main .discount-box .act a.phasex { color:#47d0c1; border:1px solid #47d0c1;  border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; padding-top:3px; display:inline-flex; justify-content:center; }
.discount-main .discount-box .act a.suspendx { color:#ee6a06; border:1px solid #ee6a06; display:inline-block; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px; }
.discount-main .discount-box .act a.checkx { color:#05a701; border:1px solid #05a701; display:inline-block; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px;}
.discount-main .discount-box .act a.editx { color: #3b77f2; border:1px solid #3b77f2; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px; display:inline-flex; justify-content:center;}
.discount-main .discount-box .act a.deletex { color: #f24055; border:1px solid #f24055; display:inline-block; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px;}
.discount-main .discount-box .act a.approvex { color: #2bcd49; border:1px solid #2bcd49; display:inline-block; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px;}
.discount-main .discount-box .act a.searchx { color: #1cbdf9; border:1px solid #1cbdf9; display:inline-block; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px;}
.discount-main .discount-box .act a.activex { color:#2fa600; border:1px solid #2fa600; display:inline-block; border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; padding-top:4px; background-color: transparent; margin-top: -1px;}
.discount-main .discount-box .table thead th{ font-size: 12px; padding: 3px 5px; background-color: #e3e3e3; border: 1px solid #fff;}
.discount-main .discount-box .table thead tr th:first-child { border-radius: 5px 0px 0px 6px; }
.discount-main .discount-box .table thead tr th:last-child { border-radius: 0px 5px 6px 0px;}
.discount-main .discount-box .table tr td { padding: 5px 5px; font-size: 11.5px; vertical-align: inherit;}
.discount-main .discount-box .dscnt{ width: 100%; /*border-bottom: 1px solid #e7e7e7;*/ border-top: 0 none; padding: 10px 0px 10px }
.discount-main .discount-box .dscnt span{ color: #fff; font-size: 13px; text-align: center; display:flex; width: 100%; background-color: #333; border: 1px solid #333; border-radius: 50px; padding:3px 2px; align-items: center; justify-content: center}
.discount-main .discount-box .dscnt span b{ color: #d9261c; font-size: 18px; padding-left:6px;}
.tab-tbl{ width: 100%; height: 250px; overflow:scroll; overflow-x: hidden }
.discount-main .discount-box .dscnt span a.dis-edit{ display:flex; align-items: center; justify-content: center; margin-left: 10px; transition: 0.4s;}
.discount-main .discount-box .dscnt span a.dis-edit i{ width:23px; height: 23px; background-color:rgba(255, 255, 255,1); border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: 0.4s;}
.discount-main .discount-box .dscnt span a.dis-edit:hover i{ color: #d9261c; transition: 0.4s; }
.dis-card{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 3px; background-color:#f5f5f5; padding:5px 3px; border-radius: 5px; border: 1px solid #f3f3f3; border-bottom: 2px solid #ddd}
.dis-card h1{ text-transform: uppercase; text-align: center; margin: 0px 0px 4px; font-size: 14px; border-bottom: 1px solid #fff; padding-bottom:6px; color: #d9261c; display: flex; justify-content:center; align-items: center; width: 100%; font-weight: 500;}
.dis-card ul{ margin: 0 !important; padding: 0; display: flex; align-items: center !important}
.dis-card ul li{ line-height: 1 !important; border-right:1px solid #e5e5e5 !important;}
.dis-card ul li b{ font-weight: normal !important; text-transform: uppercase; font-size: 10px !important; color: #999 !important}
.dis-card ul li:last-child{ border-right: 0 !important}
.dis-card ul li:nth-child(1){ width:50% !important}
.dis-card ul li:nth-child(2){ width:49% !important; border-right: none !important;}
.dis-card ul li:nth-child(3){ width:100% !important; border-top: 1px solid #dedede; margin-top: 7px; padding: 3px 0px 0px;}
.dis-card ul li span{ color: #444; font-weight: bold; font-size: 14px;}
/* 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;}
/* UserRole section */
.outlet-acc-des { background-color: rgba(255, 255, 255, 0.8); padding:0px; transition: 0.4s; width: 48%; } 
.outlet-acc-des .card { border: 0 none; padding: 0px 0px; position: relative; overflow: hidden; transition: 0.4s;} 
.outlet-acc-des .card:first-child:after{top: 10px;}
.outlet-acc-des .card-header {  border-radius: 0px !important; padding:2px 0px 1px; background:#fff; border-bottom: 2px solid #fff; position: relative; transition: all 0.4s;}
.outlet-acc-des .card-body { padding:5px 5px !important; border:1px solid #e4e4e4; border-radius:10px 10px; margin-top:2px; background-color:#fff; transition: 0.4s; height:285px; overflow:auto; overflow-x: hidden;}
.outlet-acc-des .acrd-link { font-size:14px; font-weight:500; color:#fff; background-color:#ec2029; padding:6px 14px 6px 14px; border-radius:10px 10px; transition: 0.4s; display: block} 
.outlet-acc-des .acrd-link span.acc-atve{ background-color:rgba(255, 255, 255, 0.6); font-size:10px; color: #510606; letter-spacing: 0.5px; 
padding: 2px 12px 2px 12px; margin-left: 20px; border-radius:50px;}
.outlet-acc-des .card-body .table{ margin-bottom:0;}
.outlet-acc-des .card-body .table tbody{ overflow: scroll; }
.outlet-acc-des .card-body .acc-tbl{ width: 100%;}
.outlet-acc-des .card-body .acc-tbl .table thead th{ font-size: 12px; padding: 5px 5px; background-color: #eee; border: 1px solid #fff;}
.outlet-acc-des .card-body .acc-tbl .table thead tr th:first-child{ border-radius: 50px 0px 0px 50px; }
.outlet-acc-des .card-body .acc-tbl .table thead tr th:last-child{ border-radius: 0px 50px 50px 0px; }
.outlet-acc-des .card-body .acc-tbl .table tr td{ padding: 5px 5px; font-size: 12px; vertical-align: inherit;}
.outlet-acc-des .card-body .acc-tbl .table tr:last-child td{ border-bottom: 0 none}
.add-butt1{ text-align:center; margin-bottom:0px; padding:10px 15px 5px; border-top:1px solid #e7e7e7; margin-top:5px; font-size: 12px;}
.add-butt1 button{ font-size: 10px;}
.add-butt1 button i{ font-size: 10px;}
.edit-butn1{ text-align:center; margin-bottom:0px; margin-top:2px; font-size: 12px;}
.edit-butn1 button{ font-size: 11px;}
.edit-butn1 button i{ font-size: 11px;}
.btn-dis-edit{ background-color: #3b77f2; border: 1px solid #3b77f2; border-radius: 0; color: #fff; transition: 0.4s; border-radius: 2px; border-radius: 30px; padding: 3px 13px 2px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; margin-right: 3px;}
.btn-dis-edit:hover{ transition: 0.4s; border: 1px solid #3b77f2; color: #3b77f2; background-color: transparent}
ul.outlet-dte{ margin: 0; padding: 0;}
ul.outlet-dte li{ list-style: none !important; width: 100%; display: flex !important; align-items: center !important;}
ul.outlet-dte li b{ margin-right: 5px !important; border-right: 1px solid #ddd !important; width: 30% !important; margin-bottom: 2px !important; font-size: 11px !important; background-color: #eee !important; padding: 1px 5px 1px 8px !important; color: #333 !important; font-weight: 500 !important; border-radius: 50px 0px 0px 50px !important;}
ul.outlet-dte li small{ width: 70% !important; color: #444 !important; font-size: 12px !important;}
ul.outlet-lst{ margin: 0; padding: 0;}
ul.outlet-lst li{ list-style: none !important; width: 100%; display: flex !important; align-items: center !important;}
ul.outlet-lst li b{ margin-right: 5px !important; border-right: 1px solid #ddd !important; width: 30% !important; margin-bottom: 2px !important; font-size: 11px !important; background-color: #eee !important; padding: 1px 5px 1px 8px !important; color: #333 !important; font-weight: 500 !important; border-radius: 10px 0px 0px 10px !important;}
ul.outlet-lst li small{ width: 70% !important; color: #444 !important; font-size: 12px !important; line-height: 1.4; text-align:center}
.dscnt{ width: 100%; border-top: 1px solid #e7e7e7; padding: 6px 0px 6px }
.dscnt span{ color: #555; font-size: 14px; text-align: center; display: block; width: 100%;}
.dscnt span b{ color: #d9261c; font-size: 18px; padding-left:6px;}
.outlet-acc-des .acrd-link.collapsed { color:#555; background-color: #d9d9d9; transition: all 0.4s ease 0s;} 
.outlet-acc-des .acrd-link:hover { color:#d9261c; background-color: #ddd;} 
.outlet-acc-des .acrd-link i { float: right; margin-top: 4px; /* color:#d9261c*/} 
.outlet-acc-des .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}
/* UserRole section */ 
.outlet-main { background-color: rgba(255, 255, 255, 0.8); padding:0px 0px; transition: 0.4s; } 
.outlet-main .card { border: 0 none; padding:6px; position: relative; overflow: hidden; transition: 0.4s;} 
.outlet-main .card:first-child:after{ top: 10px;}
.outlet-main .card-header {  border-radius: 0px !important; padding:2px 0px 0px; background:#fff; border-bottom: 2px solid #fff; position: relative; transition: all 0.4s;}
.outlet-main .card-body { padding:10px 10px !important; border:1px solid #e8e8e8; border-radius:0px 0px 3px 3px; margin-top:0px; background-color:#fff; transition: 0.4s;}
.outlet-main .acrd-link { font-size:14px; font-weight:500; color:#fff; background-color:#828487; padding:6px 15px 6px 15px; border-radius: 0 5px 5px 0; transition: 0.4s;} 
.outlet-main .card-body .acc-form{ width: 100%; padding-top: 15px;}
.outlet-main .card-body .acc-form h2{ font-size: 16px; color: #444; text-transform: uppercase; font-weight: 400; position: relative; margin-bottom: 20px; position: relative; padding-bottom: 10px}
.outlet-main .card-body .acc-form h2:before{ background-color: #c3c3c3; border-radius: 50px; height:3px; width: 60px; left: 0; bottom: 0; position: absolute; content: "";} 
.outlet-main .card-body .acc-frm-details{ width:100%; }
.outlet-main .card-body .acc-frm-details .form-group{ margin-bottom: 0;}
.outlet-main .card-body .acc-form .add-butt{ margin-top: 20px; padding-bottom: 10px;}
.outlet-main .card-body .acc-table{ width: 100%; margin-top: 10px;}
.outlet-main .card-body .acc-table .table{ margin-bottom:0; }
.outlet-main .acrd-link.collapsed { color:#fff; background-color: #8c8c8c; transition: all 0.4s ease 0s;} 
.outlet-main .acrd-link:hover { color:#d9261c; background-color: #ddd;} 
.outlet-main .acrd-link i { float: right; margin-top: 4px; /* color:#d9261c*/} 
.outlet-main .fa-caret-right { display: none; } 
.collapsed .fa-caret-down { display: none; } 
.collapsed .fa-caret-right { display: inline; } 
.outlet-main .acrd-link { display: block; transition: 0.4s;} 
#sandbox-container .input-daterange{width: 48% !important; height: 31px;}
/* Accord section */
.cases-lst { background-color: rgba(255, 255, 255, 0.8); padding:5px 0px; } 
.cases-lst .card { border: 0 none; position: relative;} 
.cases-lst .card:first-child:after{top: 10px;}
.cases-lst .card-header { border-radius: 0px !important; padding:4px 0; background:#fff; border-bottom: 2px solid #fff; position: relative;}
.cases-lst .card-body { padding:10px 10px !important; border:1px solid #f2f2f2; border-radius:0px 0px 3px 3px; margin-top:0px; background-color:#fff; transition: 0.4s;}
.cases-lst .acrd-link { font-size:14px; font-weight:500; color:#fff; background-color:#828487; padding:6px 15px 6px 15px; border-radius: 0 5px 5px 0; border-left:2px solid #dedede; display:block; transition: 0.4s;} 
.cases-lst .card-body .table{ margin-bottom:0; transition: 0.4s;}
.cases-lst .card-body .usr-roll{ width:100%; display:flex; padding:0px; background-color:#fff; border:1px solid #f3f3f3; margin-bottom:5px}
.cases-lst .card-body .usr-roll .usr-lft{ width:25%; display:flex; align-items:center; border-right:1px solid #eaeaea; margin-right:15px; padding:3px 10px; background-color: #f3f3f3;}
.cases-lst .card-body .usr-roll .usr-lft h2{ font-size:15px; font-weight:500; margin:0; color:#333;}
.cases-lst .card-body .usr-roll .usr-rht{ width:75%; display:flex; flex-wrap: wrap;}
.cases-lst .card-body .usr-roll .usr-rht span{ width:19%; padding:5px 5px 5px 12px; margin:4px 0px 4px 5px; border-radius:30px; background-color:#f8f8f8; cursor:pointer; transition: 0.4s;}
.cases-lst .card-body .usr-roll .usr-rht span:nth-child(5n+5){ margin-right:0;}
.cases-lst .card-body .usr-roll .usr-rht span label{ display:flex; margin-bottom:0px; font-size:13px; font-weight:400; color:#444; align-items: center; cursor:pointer; transition: 0.4s;}
.cases-lst .card-body .usr-roll .usr-rht span label input{ margin-right:5px; transition: 0.4s;}
.cases-lst .acrd-link.collapsed { color:#555; background-color: #dedede; transition: 0.4s;} 
.cases-lst .acrd-link:hover { color:#d9261c; background-color: #ddd; transition: 0.4s;} 
.cases-lst .acrd-link i { float: right; margin-top: 4px; color:#d9261c} 
.cases-lst .fa-caret-right { display: none; } 
.collapsed .fa-caret-down { display: none; } 
.collapsed .fa-caret-right { display: inline; } 
.crse-sel .acrd-link { display: block; transition: all 0.4s; } 
ul.cases-lst { list-style: none; margin: 0; padding: 0; } 
ul.cases-lst li { list-style: none; margin: 0; padding: 8px 0; border-bottom: 1px dotted #ccc; } 
ul.cases-lst li a { font-size: 18px; display: block;} 
ul.cases-lst li a i { font-size: 16px; color: #999999; transition:all 0.3s ease 0s; } 
ul.cases-lst 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;}
.cas-acc{ display:flex;}
.issue-ln{ display:flex; border-radius:2px; padding-left:94px; margin:2px 0px;}
.issue-ln .issue-ln-box{ text-align:center; border-right:1px solid #dddddd; display:flex; align-items:center; padding:0px 7px;}
.issue-ln.issue-ln-box:last-child{ border-right:0; margin-right:0;}
.issue-ln .issue-ln-box b{ font-weight:500; font-size:11px; text-transform:uppercase; color:#424242; margin-right:4px;}
/* 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 #dedede; color:#999;}
.login-logo span, .register-logo span{ float:right; margin-top:26px;}
.login-logo a.register-logo a { color: #444 }
.login-page { background:url(../images/login-bg.jpg) center bottom no-repeat; background-size:cover; width: 100%; height: 100%; display: flex;}
.login-page:before{ position: absolute; width: 80%; height: 100%; right: 0; content: ""; background: -webkit-linear-gradient(45deg,#0f0e9f,#7b1fa2) !important; background: linear-gradient(45deg, #303f9f,#7b1fa2) !important; -webkit-clip-path: polygon(69% 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(69% 0, 100% 0, 100% 100%, 0% 100%); }
.login-page .lgn-bg{ position: relative; width: 100%; height: 100vh; align-items: center; display: flex; justify-content: center;}
.login{ width:800px; transition: 0.4s;}
.login .login-box{ border-radius:2px; display:flex; justify-content:space-between; min-height:280px; position:relative; margin-top:0px; background-size:cover; box-shadow: 0 29px 32px -20px rgba(0,0,0,0.2),0 4px 11px -3px rgba(0,0,0,0.10);  z-index:9; transition: 0.4s;}
.login .login-box:hover .login-det:after{ height: 100%; transition: 0.4s;}
.login .login-box .login-lft span{ width:100%; left:0; margin-top: 25px; line-height: 1.2; display: block; position: relative; display: flex; justify-content: center; flex-wrap: wrap; padding-top: 25px;}
.login .login-box .login-lft span:before{ background-color: #efeff8; height: 4px; width: 85px; top: 0; border-radius: 50px; content: ""; position: absolute;}
.login .login-box span b{ display:block; width: 100%; font-size:20px; color: #0f0e9f; text-transform: uppercase; text-align: center;} 
.login .login-box span small{ font-size:26px; font-weight:300; color: #ea2529; display: block; text-align: center;}
.login .login-box .login-lft{ width:46%; text-align:center; background-color: rgba(255, 255, 255, 1); animation-name: fadeIn; animation-duration: 1.5s; background-size: cover; position:relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}

.login .login-box .login-lft img{ z-index: 9; max-height: 140px;}
.login .login-box .login-lft h3 {margin: 10px 0px 50px; font-weight: bold; text-transform: uppercase; color: #ea2629; font-size: 24px; text-align: center; width: 100%;}
.login .login-box .log-logo{ width:45%; text-align:center; display:flex; align-items:center; position:absolute; background-color:rgba(255, 255, 255,1); min-height:230px; left:-50px; border-radius:25px; box-shadow:10px 5px 40px rgba(0, 0, 0, 0.30);}
.login .login-box .log-logo img{ margin:0 auto; object-fit: contain; width: auto; height: auto;}
.login .login-box .login-det{ width:54%; padding:45px 36px 55px 45px; border-radius:0px; background:rgba(255, 255, 255, 1); position:relative; display: flex; flex-wrap: wrap; align-items: center; transition: 0.4s;}
.login .login-box .login-det:after{ position: absolute; background-color: #ece9f2; border-radius: 50px; left: 0px; content: ""; width:4px; height:80%; transition: 0.4s;}
.login .login-box .login-det h2{ margin:10px 0px 50px; font-weight:bold; text-transform:uppercase; color:#7b1965; font-size:24px; text-align: center; width: 100%;}
.login .login-box .login-det form{ animation-name: fadeIn; animation-duration: 1s; width: 100%;}
.login .login-box .login-det h2 i{ font-style:normal; font-weight:300; padding-left:10px;}
.login .login-box .login-det .login-frm-btn{ width:100%; text-align:center; padding: 10px 0px 0px; display: flex; justify-content:center;}
.login .login-box .login-det .login-frm-btn a{ font-size:17px; color:#ed1c26; font-weight:300; display:block; text-align:center; margin:10px 0px 30px; transition:0.4s;}
.login .login-box .login-det .login-frm-btn a:hover{ color:#fe8a8f; transition:0.4s;}
.login .login-box .login-det .login-frm-btn .btn{ width:auto; background:#d9261c; color:#fff; border-radius:50px; text-align:center; padding:4px 18px 3px 15px; font-size:13px; font-weight:300; border:0 none; transition:0.4s; border:1px solid #d9261c; text-transform: uppercase; cursor: pointer;}
.login .login-box .login-det .login-frm-btn i{ font-size:13px; padding-left:6px; transition:0.6s; }
.login .login-box .login-det .login-frm-btn .btn:hover{ border:1px solid #ed1c24; background:transparent; color:#ed1c24; transition:0.4s;}
.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:#aaa; justify-content: center;}
.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:25px 0px; color: #d9261c; }
.login .login-box .login-det .login-frm-lnk1 a{ font-size:14px; color:#622aa1; font-weight:400; text-align:center; transition:0.4s; border-bottom: 1px solid #f3ebfb; padding: 3px 3px;}
.login .login-box .login-det .login-frm-lnk1 a:hover{ color:#333; 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 #passeye-toggle-0{ background-color: #F5F5F5; border: 1px solid #e1e1e1; color: #d9261c; font-size: 14px; transition: 0.4s;}
.login-form .login-frm-main #passeye-toggle-0:hover{ transition: 0.4s; color: #333;}
.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:20px !important; top:1px !important; transition:all 0.4s ease; color:#555 !important; font-size:11px !important; text-transform:uppercase; font-weight:500; padding: 2px 10px !important; margin-bottom:0px; background-color: #eaeaea; border-radius: 50px;}
.login-form .form-group .form-control { border-radius:50px; border-width: 0 0 1px 0; font-size:14px; padding:12px 10px 6px 15px; border:1px solid #dde0e4; background-color:#fff !important; color:#333; font-weight:500; box-shadow:none; width: 100%;  }
.login-form .form-group .form-control:focus{ box-shadow:none !important}
.login-form .form-group .input-highlight { content: ""; width: 0; height:1px; background:#b08acc; position:absolute; display:block; bottom:0px;
transition:width 0.4s ease; left: 20px;}
.login-form .form-group .form-control:focus, .login-form .form-group .form-control.hasValue { box-shadow: none; border-color:#ced4da;}
.login-form .form-group .form-control:focus ~ .input-highlight, .login-form .form-group .form-control.hasValue ~ .input-highlight {  width: 89%;}
.login-form .form-group .form-control:focus ~ label, .login-form .form-group .form-control.hasValue ~ label { -webkit-transform: scale(0.95);
 transform: scale(0.95); top:0; left:5px; padding: 2px 10px; }
 /* LogIn Page */ 

 /* video Record */
 .vido-mdl .modal-header{ padding:12px 15px; background:#f3f3f3; background-size: cover; border-bottom: 1px solid #eaeaea;}
 .vido-mdl .modal-header h5{ color: #333; font-size: 18px; font-weight: 500; text-transform:uppercase}
 .vido-mdl .modal-header button{ color:#515050 !important;}
 .vido-mdl .modal-body .form-row .experiment{width: 100%;}
 .vido-sec-1{ display:flex; justify-content: center; align-items: center;}
 .vido-sec-1 select{margin: 0px 15px !important; font-size: 16px !important; font-weight: 400; border: 1px solid #ddd; border-radius: 5px 0px 0px 5px; width: 34%;}
 .vido-sec-1 span{ font-size: 16px !important; font-weight: 400;}
 .vido-sec-1 input{ margin:0px 5px !important;}
 .vido-sec-1 label{ font-size: 15px !important;}
 .vido-sec-2{ display:flex; justify-content: center; align-items: center; margin: 30px 15px; padding: 10px; border-radius: 5px; border:1px solid #ddd;}
 .vido-sec-2 button{padding: 10px 10px !important; font-size: 16px !important; border-radius: 30px; border: none;}
 .vido-sec-2 button i{ font-size:12px;}
 .vido-strt{ background-color:#2cb544 !important; color:#fff !important;}
 .vido-puse{ background-color:#2a78d9 !important; color:#fff !important;}
 .vido-stop{ background-color:#ed1c24 !important; color:#fff !important;}
 .vido-sec-3{margin: 0px 15px;}
 .vido-sec-3 input{margin: 18px 0px !important;}
 .vido-btn{ border-radius: 30px; background-color: #59a81d; border: 1px solid #59a81d; transition:0.2s; margin:10px 0px; font-size: 15px; padding: 5px 20px;}
 .vido-btn:hover{ background-color:transparent; border: 1px solid #59a81d; color:#59a81d; transition:0.2s;}
 .redr-vido-link{display: flex; align-items: center;}
 .redr-vido-link a{ margin:0px 15px 0px 0px; text-align: justify}
 .redr-vido-link button{ color:#f90101; background-color: #f3f3f3; border-radius: 50px; font-size: 20px; padding: 1px 6px;}
 .redr-vido-link button:hover{ background-color: #dedede; color: #333;}
 .vdo-ctrl h2{ width:100%; display: flex !important; flex-wrap: wrap; align-items: center;}
 .vdo-ctrl h2 select{ margin:6px 8px; font-size: 15px !important; font-weight: 400; border: 1px solid #ddd; border-radius: 5px 0px 0px 5px; width: 35%; padding: 5px 3px;}
 .vdo-ctrl h2 span{ font-size: 16px !important; font-weight: 400; padding-top:0px;}
 .vdo-ctrl h2 input{ margin:0px 5px !important;}
 .vdo-ctrl h2 label{ font-size: 15px !important; padding-top: 6px;}
 .vdo-ctrl h2 button{ padding:6px 15px !important; font-size: 15px !important; border-radius: 30px; border: none; margin:0px 8px; cursor: pointer;}
 .vdo-ctrl .media-container{ width: 100% !important; border: 1px solid #dedede; padding: 3px;}
 .vde-ctrl-1{ width: 75%; margin-bottom: 15px;}
/* video Record */
/* Ratio Input Box */
.rto-inpt-main{ display: flex; justify-content: space-between; align-items: center}
.rto-inpt-main .rto-inpt{ width: 48%;}
/* Date Input Box */
.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: 9px; top: 16px; padding: 3px 4px 3px; font-size: 10px; cursor:pointer; border-radius:50px !important; border:1px solid #dedede;}
.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:#ed1c24; transition:all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);}
/* Scroll to top button */
.scrollToTop{ width:36px; height:36px; padding:0px; text-align:center; font-weight: bold; color: #353c9f; text-decoration: none; position:fixed; bottom:52px; right:15px; display:none; font-size:22px; z-index: 9; transition: 0.4s; background-color: #fff; border: 1px solid #d7d7d7; padding-top:0px; border-radius: 50px; box-shadow: 0 0px 10px 0 rgba(6, 37, 77, 0.12);}
.scrollToTop:hover{ text-decoration:none; color:#6e25a2; transition: 0.4s; bottom: 65px;}
/* -----  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 { /* icons */
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 {  /* arrow icon */
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 { /* folder icons */
left: 41px;  background-position: -16px 0;}
.cd-accordion-menu a::after {  /* image icon */ 
left: 36px; }
.cd-accordion-menu input[type=checkbox]:checked + label::before {  /* rotate arrow */
-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 {  /* show open folder icon if item is checked */
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 label::after,
.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;}
#myModalPeak .modal-dialog{ max-width: 700px;}
#myModalPeak .modal-body{ min-height: 250px;}
#myModalSeasonal .modal-dialog{ max-width: 700px;}
#myModalSeasonal .modal-body{ min-height: 250px;}
#myModalFlat .modal-dialog{ max-width: 700px;}
#myModalFlat .modal-body{ min-height: 250px;}
#myModalAdd .modal-dialog .modal-content{ min-height: 450px;}
#myModalEdit .modal-dialog .modal-content{ min-height: 450px;}
.modal-content{ border-radius: 15px 15px 15px 15px; 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}
.view-des{ width:100%; margin:3px 0px 3px; border:1px solid #dedede;}
.view-cmd{ width:100%; background-color:#ececec;}
.view-cmd h2{ font-size:16px; color:#3c3c3c; padding:6px 12px; margin-bottom:0; text-transform:uppercase; display:flex; align-items:center; position:relative; }
.view-cmd h2 i{ text-align:center; width:24px; height:24px; border-radius:50px; padding-top:6px; font-size:12px; margin-right:7px;}
.view-cmd h2 span{ font-size:13px; font-weight:400; padding-left:6px; text-transform:none; border-left:1px solid #cbcbcb; margin-left:6px;}
.view-cmd h2 small{ position:absolute; right:10px;}
.view-cmd h2 small a{ background-color:#fff; border:1px solid #fff; border-radius:50px; text-align:center; padding:3px 12px; font-size:12px; color:#777; transition:0.4s; border:1px solid #dedede}
.view-cmd h2 small a:hover{ border:1px solid #027ec5; color:#027ec5; background-color:#fff}
.view-cmds{ width:100%; margin:0px 0px; padding:8px 15px; border-top:1px solid #dedede;}
.view-cmds h2{ font-size:14px; color:#333; padding:5px 0px; margin-bottom:0; font-weight:500; text-transform:uppercase;}
.view-cmds h2 span{ font-weight:400; padding-left:6px; text-transform:none; color:#666;}
.view-cmds p{ margin-bottom:0; padding:3px 0px; text-align:justify; font-size:14px; line-height:1.7;}
.viw-cmd-des{ width:100%; margin:25px 0px}
.view-cmds h2{ font-size:14px; color:#777; padding-bottom:8px; margin:10px 0px 15px; text-transform:uppercase; display:flex; align-items:center; position:relative; border-top: 1px dashed #e4e4e4; padding-top: 15px;}
.view-cmds h2:before{ position:absolute; bottom:0; background-color:#dedede; height:1px; width:60px; left:0; content:"";}
.view-cmds h2 i{ color:#ed242c; font-size:14px; margin-right:5px;}
.fix{ background-color:#1fa309; border-radius:3px; color:#fff; font-size:13px; padding:1px 10px;}

.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; }

/*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;}
.rad-list{ display:flex;}
.rad-list label{ display:inline-flex;}
.rad-list label .ico-radio{ padding-left:16px;}
.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;}
/* ---- Tab ------ */
/* Switch Button */
.sch-btn .switch { position:relative; display:inline-block; width:60px; height:26px; margin-top: 4px;}
.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;}
.sch-btn .slider:before { position:absolute; content:""; height:18px; width:18px; left:4px; bottom:4px; background-color:white; -webkit-transition: .4s; transition:.4s;}
.sch-btn input:checked + .slider { background-color:#5c2ca1;}
.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 */
/* 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 */
.usr-tbl .table-bordered td, .table-bordered th{ border: 1px solid #efefef;}
.frm-radio{ display:flex; border-radius:3px; padding:1px 3px 1px 1px; flex-wrap: wrap;}
.frm-radio label{ padding:4px 5px 4px 5px !important; display:flex; color:#333 !important; font-size:14px; margin-right:2px; align-items:center; }
.frm-radio label:last-child{ border-right:0 none;}
.frm-radio label input{ margin-right:3px;}
.cases-top-lnk{ width:100%; display:flex; justify-content:space-between; margin:0px 0px 15px; align-items: center; background-color: #eee;
padding:10px 10px; border-radius: 3px;}
.cases-top-lnk h2{ margin:0; font-size:16px; text-transform:uppercase; color:#d9261c;}
.cases-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;}
.cases-top-lnk span a i{ 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-right: 5px;}
.cases-top-lnk small a{ display:inline-block; background-color:#f26767; color:#fff; padding:2px 15px 3px; border-radius:50px; font-size:14px; border:1px solid #f26767;}
.cases-top-lnk small a i{ 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;}
.chk-box{ padding:5px 15px; display:flex; align-items:center; flex-wrap:wrap;}
.chk-box a{ font-size:14px; margin-left:6px;}
.note{ width:100%; font-size:12px; color:#ed1c24; padding:6px 0px 0px; font-weight:400}
.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 }
.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;}
/* Management */
.pro-doc{ width:100%; flex-wrap:wrap; padding:5px 3px 5px 0px; border-top:1px solid #dedede; margin-top:20px; display:flex;}
.pro-doc h3{ font-size:18px; text-transform: uppercase; margin:15px 0px 22px; color:#055fb8; position:relative; padding-bottom:8px; width:100%}
.pro-doc h3:before{ position:absolute; width:80px; height:1px; background-color:#ddd; left:0px; bottom:0; content:"";}
/*.pro-doc h3:before{ position:absolute; width:75px; height:1px; background-color:#C8C8C8; left:0; bottom:0; content:"";}*/
.pro-doc span{ width:32%; display:flex; margin-right:10px;}
.pro-doc span a{ display:block; width:100%; padding:7px 7px; background-color:#f3f3f3; color:#333; border-radius:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro-doc span a:hover{ color:#ed1c24;}
.pro-doc span a i{ margin-right:8px; width:25px; height:25px; border-radius:50px; text-align:center; padding-top:6px; color:#fff; font-size:13px;}
.pro-doc span a.word i{ background-color:#0864d6}
.pro-doc span a.pdf i{ background-color:#ed1c24}
.pro-doc span a.excel i{ background-color:#25a303}
.pro-det-tbl{ width:100%; margin-top:20px; padding-top:20px;}
.pro-det-tbl h2{ font-size:18px; text-transform:uppercase; margin:0px 0px 15px; color: #055fb8; position:relative; padding-bottom:8px;}
.pro-det-tbl h2:before{ position:absolute; width:80px; height:1px; background-color:#ddd; left:0px; bottom:0; content:"";}
.das-tbl{ padding:20px 30px 15px; margin-top:2px; width: 100%;}
.das-tbl h2{ font-size:16px; color:#545b6f; position:relative; margin-bottom:12px; font-weight: 500; text-transform: uppercase;}
.das-tbl h2:before{ position:absolute; background-color:#ddd; width:110px;}
.das-tbl .table th{ padding:8px 10px 5px; background-color: #8e90ac; /*border: 1px solid #8e90ac; border-bottom: 1px solid #898ba7;*/}
.table th:first-child{ border-radius: 5px 0px 0px 0px;}
.table th:last-child{ border-radius: 0px 6px 0px 0px;}
.das-tbl .table > tbody > tr td{ padding:5px 10px; text-align:justify}
.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;}
/* Dashboard Details Bar Chart & Pie Chart */
.clt-chrt{ width:100%; display:flex; /*align-items:center*/ padding:15px; justify-content:space-between;}
.clt-chrt .clt-chrt-box{ display:flex; flex-wrap:wrap; border:1px solid #f0f0f0; padding:8px 8px; background-color:#fff; border-radius:5px;}
.clt-chrt .clt-chrt-box:nth-child(1){ width:60%;}
.clt-chrt .clt-chrt-box:nth-child(2){ width:38%;}
.clt-chrt .clt-chrt-box .chrt-dwn{ width:100%; margin-bottom:20px; text-align:right}
.clt-chrt .clt-chrt-box .chrt-dwn .btn-group{ width:100%;}
.clt-chrt .clt-chrt-box .highcharts-title{ display:none;}
.clt-chrt .clt-chrt-box .highcharts-credits{ display:none;}
.clt-chrt .clt-chrt-box .highcharts-background{ background:#f3f3f3;}
.clt-chrt .clt-chrt-box #bar-client{ width:100%; height:220px;}
.clt-chrt .clt-chrt-box #pie-client{ width:100%; height:220px;}
.clt-chrt .clt-chrt-box .chrt-dwn h2{ font-size:16px; font-weight:400 !important; margin:15px 0px 0px; font-weight:500; color:#555; text-align:center;}
.clt-chrt .bs-searchbox .form-control{ font-size:12px}
.clt-chrt .bootstrap-select.btn-group .no-results{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px;}
.clt-chrt .clt-chrt-box .bootstrap-select.btn-group > .dropdown-toggle{ font-size:13px;}
.clt-chrt .clt-chrt-box .bootstrap-select.btn-group > .dropdown-toggle:focus{ outline:0 none !important;}
.clt-chrt .clt-chrt-box .bootstrap-select.btn-group .dropdown-menu{ width:100%; animation-name:fadeIn; animation-duration:1s; background-color:rgba(255,255,255,0.7);}
.clt-chrt .bootstrap-select.btn-group .dropdown-menu.inner{ overflow:auto; max-height:192px;}
.clt-chrt .clt-chrt-box .bootstrap-select.btn-group .btn-light{ background-color:#dedede; border-color:#dedede; color:#888; padding:4px 20px 4px 10px;}
.clt-chrt .clt-chrt-box .highcharts-drilldown-axis-label{ color:#444 !important; fill:#444 !important; font-weight:600 !important}
.clt-chrt .clt-chrt-box .highcharts-label text{ color:#0084e9 !important; fill:#0084e9 !important;}
.clt-chrt .clt-chrt-box .dropdown-item{ padding:5px 10px; font-size:13px; border-bottom:1px solid #f4f4f4;}
.clt-chrt .clt-chrt-box .dropdown-item.active, .dropdown-item:active{ background-color:#f3f3f3; color:#444; line-height:1.3;}
.clt-tbl{ padding:0px 15px 15px; margin-top:2px;}
.clt-tbl h2{ font-size:18px; text-transform:uppercase; margin:0px 0px 20px; color: #055fb8; position:relative; padding-bottom:8px;}
.clt-tbl h2:before{ position:absolute; width:60px; height:1px; background-color:#dedede; left:0px; bottom:0; content:"";}
/* dev-tbl */
.dev-tbl{ padding:15px 15px 15px; margin-top:2px;}
.dev-tbl .dev-tbl-bdy h2{ font-size:16px; text-transform:uppercase; margin:0px 0px 20px; color: #444; position:relative; padding-bottom:6px;}
.dev-tbl .dev-tbl-bdy h2:before{ position:absolute; width:60px; height:1px; background-color:#dedede; left:0px; bottom:0; content:"";}
.dev-tbl .dev-tbl-bdy h2 span{ float:right;}
.dev-tbl .dev-tbl-bdy h2 span a{ background-color:transparent; border:1px solid #0489d5; border-radius:50px; text-align:center; padding:2px 12px; color:#0489d5; font-size:12px; font-weight:500; transition:0.4s;}
.dev-tbl .dev-tbl-bdy h2 span a:hover{ border:1px solid #666; color:#666; background-color:transparent}
.dev-tbl .tbl-frm-case{ padding:5px 0px}
.dev-tbl .dev-tbl-bdy{ display:flex; justify-content:space-between}
.dev-tbl .dev-tbl-bdy .dev-tbl-bdy-lft{ width:49%;}
.dev-tbl .dev-tbl-bdy .dev-tbl-bdy-rht{ width:49%;}
.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}
/* Dashboard Details Bar Chart Chart */
.das-chrt{ width:100%; display:flex; justify-content:space-between; padding: 0px 30px 0px}
.das-chrt .das-chrt-box{ display:flex; flex-wrap:wrap; border:1px solid #ecedf2; padding:8px 8px; background-color:#fff; border-radius:5px; transition: 0.4s;}
.das-chrt .das-chrt-box:nth-child(1){ width: 49%}
.das-chrt .das-chrt-box:nth-child(2){ width: 49%}
.das-chrt .das-chrt-box:hover{ box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.1); transition: 0.4s;}
.das-chrt .das-chrt-box .chrt-dwn{ width:100%; margin-bottom:20px; text-align:right}
.das-chrt .das-chrt-box .chrt-dwn .btn-group{ width:100%;}
.das-chrt .das-chrt-box .highcharts-title{ display:none;}
.das-chrt .das-chrt-box .highcharts-credits{ display:none;}
.das-chrt .das-chrt-box .highcharts-background{ background:#f3f3f3;}
.das-chrt-box .das-chrt-header{ width: 100%; display: flex; justify-content: space-between; margin: 0px 0px 30px; background-color: rgba(51, 62, 159, 0.07); padding: 8px; border-radius: 3px; align-items: center}
.das-chrt-box .das-chrt-header h2{ font-size: 14px; color:#545b6f; text-transform: uppercase; font-weight:500; position: relative; margin: 0; position: relative; padding-bottom: 0px;}
.das-chrt-box .das-chrt-header h2 i{ font-size:15px; color: #858ea6; margin-right:6px; /*padding-right: 6px; border-right: 1px solid #cdcdcd*/}
.das-chrt-box .das-chrt-footer{ width: 100%; text-align: center; color: #888; font-size: 10px; text-transform: uppercase; margin: 25px 0px 4px; background-color: #f0f1f7; padding: 5px; border-radius: 3px;}
.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: #333; outline: none; transition: all 0.7s ease 0s; border-radius: 50px; font-weight: 300; border:1px solid rgba(133, 142, 166, 0.25);}
.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: #747c91; padding-right: 3px;}
.chrt-srch button:hover i { color: #fff; transition: 0.4s;}
.chrt-srch button:hover{ background: rgba(133, 142, 166, 0.6); transition: 0.4s;}
.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 .das-chrt-box .bootstrap-select.btn-group > .dropdown-toggle{ font-size:13px;}
.das-chrt .das-chrt-box .bootstrap-select.btn-group > .dropdown-toggle:focus{ outline:0 none !important;}
.das-chrt .das-chrt-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 .das-chrt-box .bootstrap-select.btn-group .btn-light{ background-color:#dedede; border-color:#dedede; color:#888; padding:4px 20px 4px 10px;}
.das-chrt .das-chrt-box .highcharts-drilldown-axis-label{ color:#444 !important; fill:#444 !important; font-weight:600 !important}
.das-chrt .das-chrt-box .highcharts-label text{ color:#0084e9 !important; fill:#0084e9 !important;}
.das-chrt .das-chrt-box .dropdown-item{ padding:5px 10px; font-size:13px; border-bottom:1px solid #f4f4f4;}
.das-chrt .das-chrt-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;}
/* Dashboard Details Pie Chart Chart */
.das-chrt-pie{ width:100%; display:flex; padding:6px 15px 5px 15px; justify-content:space-between;}
.das-chrt-pie .das-chrt-box{ width:32%; display:flex; flex-wrap:wrap; border:1px solid #f0f0f0; padding:8px 8px; background-color:#fff; border-radius:5px; position:relative}
.das-chrt-pie .das-chrt-box .chrt-dwn{ width:100%; margin-bottom:0px; text-align:right}
.das-chrt-pie .das-chrt-box .chrt-dwn .btn-group{ width:100%;}
.das-chrt-pie .das-chrt-box .chrt-dwn h2{ font-size:16px; font-weight:400 !important; text-align:left; margin:20px 0px 0px; font-weight:500; color:#555; text-align:center; width:100%; left:0;}
.das-chrt-pie .das-chrt-box .highcharts-title{ display:none;}
.das-chrt-pie .das-chrt-box .highcharts-credits{ display:none;}
.das-chrt-pie .das-chrt-box .highcharts-background{ background:#f3f3f3;}
.das-chrt-pie .das-chrt-box #pie1{ width:100%; height:285px; margin-top:30px;}
.das-chrt-pie .das-chrt-box #pie2{ width:100%; height:285px; margin-top:30px;}
.das-chrt-pie .das-chrt-box #pie3{ width:100%; height:225px;}
.das-chrt-pie .das-chrt-box #donut{ width:100%; height:250px; margin-top:0px;}
.das-chrt-pie .das-chrt-box .top-fix{ width:100%; z-index:9; margin-top:-58px;}
.das-chrt-pie .das-chrt-box .top-fix ul{ margin:0; padding:0; border:1px solid #f3f3f3; border-radius:4px 4px 0px 0px;}
.das-chrt-pie .das-chrt-box .top-fix ul li{ list-style:none; border-bottom:1px solid #f5f5f5; padding:3px 0px; display:flex; align-items:Center; transition:0.4s;}
.das-chrt-pie .das-chrt-box .top-fix ul li:hover{ background-color:#fffae5; transition:0.4s;}
.das-chrt-pie .das-chrt-box .top-fix ul li:first-child{ background-color:#f3f3f3; border-radius:4px 4px 0px 0px; padding:4px 0px;}
.das-chrt-pie .das-chrt-box .top-fix ul li:last-child{ border-bottom:0 none}
.das-chrt-pie .das-chrt-box .top-fix ul li:first-child b{ color:#333; font-weight:600}
.das-chrt-pie .das-chrt-box .top-fix ul li:first-child span{ color:#333; font-weight:600}
.das-chrt-pie .das-chrt-box .top-fix ul li b{ font-size:14px; font-weight:400; color:#666; width:22%; padding:0px 5px; text-align:center}
.das-chrt-pie .das-chrt-box .top-fix ul li span { width:78%; padding:0px 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.das-chrt-pie .das-chrt-box .top-fix ul li span a{ color:#0056b3; transition:0.4s; font-weight:400; font-size:14px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.das-chrt-pie .das-chrt-box .top-fix ul li span a:hover{ color:#333;}
.das-chrt-pie .bs-searchbox .form-control{ font-size:12px}
.das-chrt-pie .bootstrap-select.btn-group .no-results{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px;}
.das-chrt-pie .das-chrt-box .bootstrap-select.btn-group > .dropdown-toggle{ font-size:13px;}
.das-chrt-pie .das-chrt-box .bootstrap-select.btn-group > .dropdown-toggle:focus{ outline:0 none !important;}
.das-chrt-pie .das-chrt-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-pie .bootstrap-select.btn-group .dropdown-menu.inner{ overflow:auto; max-height:220px;}
.das-chrt-pie .das-chrt-box .bootstrap-select.btn-group .btn-light{ background-color:#dedede; border-color:#dedede; color:#888; padding:4px 20px 4px 10px;}
.das-chrt-pie .das-chrt-box .highcharts-drilldown-axis-label{ color:#444 !important; fill:#444 !important; font-weight:600 !important}
.das-chrt-pie .das-chrt-box .dropdown-item{ padding:5px 10px; font-size:13px; border-bottom:1px solid #f4f4f4;}
.das-chrt-pie .das-chrt-box .dropdown-item.active, .dropdown-item:active{ background-color:#f3f3f3; color:#444; line-height:1.3;}
.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: #0a9fee; border: 1px solid #0a9fee; 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: #f4edfd; width: 100%; left: 0; transition: 0.8s; border-right: 3px solid #f4edfd; border-radius: 50px;}
div.shr b{ font-size: 14px; color: #039edb; display:flex; font-weight: normal; justify-content: center;}
div.rcd b{ font-size: 14px; color: #a605bd; display:flex; font-weight: normal; justify-content: center;}
div.dlt b{ font-size: 14px; color: #d70303; display:flex; font-weight: normal; justify-content: center;}
div.not-avb b{ font-size: 14px; color: #f27302; display:flex; font-weight: normal; justify-content: center;}
div.refnd b{ font-size: 14px; color: #00cc30; display:flex; font-weight: normal; justify-content: center;}
/* Dashboard Details Bar Chart Chart */
.outlet-chrt{ width:100%; display:flex; justify-content:space-between; padding: 10px 30px 0px}
.outlet-chrt .outlet-chrt-box{ /*display:flex; flex-wrap:wrap;*/ border:1px solid #ebebeb; padding:8px 8px 40px; background-color:#fff; border-radius:5px; transition: 0.4s; position: relative;}
.outlet-chrt .outlet-chrt-box:nth-child(1){ width: 49%}
.outlet-chrt .outlet-chrt-box:nth-child(2){ width: 49%}
.outlet-chrt .outlet-chrt-box:hover{ box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.1); transition: 0.4s;}
.outlet-chrt .outlet-chrt-box .chrt-dwn{ width:100%; margin-bottom:20px; text-align:right}
.outlet-chrt .outlet-chrt-box .chrt-dwn .btn-group{ width:100%;}
.outlet-chrt .outlet-chrt-box .highcharts-title{ display:none;}
.outlet-chrt .outlet-chrt-box .highcharts-credits{ display:none;}
.outlet-chrt .outlet-chrt-box .highcharts-background{ background:#f3f3f3;}
.outlet-chrt-box .outlet-chrt-header{ width: 100%; display: flex; justify-content: space-between; margin: 0px 0px 30px; background-color: #f0f0f0; padding: 8px; border-radius: 3px; align-items: center; height: 33px;}
.outlet-chrt-box .outlet-chrt-header h2{ font-size: 14px; color:#444; text-transform: uppercase; font-weight: 400; position: relative; margin: 0; position: relative; padding-bottom: 0px;}
.outlet-chrt-box .outlet-chrt-header h2 i{ font-size:16px; color: #868686; margin-right:6px; /*padding-right: 6px; border-right: 1px solid #cdcdcd*/}
.outlet-chrt-box .outlet-chrt-footer{ width: 100%; text-align: center; color: #888; font-size: 10px; text-transform: uppercase; margin: 25px 0px 5px; background-color: #f3f3f3; padding: 5px; border-radius: 3px; position: absolute; bottom: 2px; width: 97%;}
/* 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:150px; 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:#424857; font-weight:500; padding: 3px 0px; text-align:right; margin-bottom:0; font-size: 13.5px;}
.form-row .form-control{ font-size:14px;}
.table{ animation-name:fadeIn; animation-duration:1s; margin-bottom:5px; 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}
/* .table-bordered{ border: 1px solid #fff !important;} */
.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-left:5px;}
.table td a.modulex { color:#a36df4; border:1px solid #a36df4;  border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; display:inline-flex; justify-content:center; }
.table td a.phasex { color:#47d0c1; border:1px solid #47d0c1;  border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; display:inline-flex; justify-content:center; }
.table td a.suspendx { color:#f48938; border:1px solid #f48938;border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; }
.table td a.checkx { color:#05a701; border:1px solid #05a701; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center;}
.table td a.editx { color: #5187f7; border:1px solid #5187f7; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; display: flex; justify-content: center; align-items: center; margin-bottom: 0px;}
.table td a.deletex { color: #f2514a; border:1px solid #f2514a; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; display: flex; justify-content: center; align-items: center; margin-bottom: 0px;}
.table td a.approvex { color: #2bcd49; border:1px solid #2bcd49;border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center;}
.table td a.downx { color: #555; border:1px solid #555; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; display: flex; justify-content: center; align-items: center; margin-bottom: 0px; margin-right: 0px}
.table td a.searchx { color: #eea512; border:1px solid #eea512; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center;}
.table td a.activex { color:#2fa600; border:1px solid #2fa600; border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; background-color: transparent; margin-top: -1px;}
.table td a.sndx { color: #3b77f2; border:1px solid #3b77f2; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; display:inline-flex; justify-content:center;}
.table td i.sndx { color: #026436; border:1px solid #026436; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; display:inline-flex; justify-content:center;}
.table td a.reply { color: #ad00b0; border:1px solid #ad00b0; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; display:inline-flex; justify-content:center;}
.table td a.lock { color: #b226e6; border:1px solid #b226e6; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; margin-left: 3px;}
.table td .unlock { color: #333; border:1px solid #333; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; margin-left: 3px;}
.table td a.suspendx:hover, .table td a.activex: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:6px; font-size:12px; width:20px; height:20px; text-align:center; padding: 0;  background-color: transparent;}
.table td button.activex { color:#2fa600; border:1px solid #2fa600; border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; padding: 0;  background-color: transparent;}
.table td button.deletex { color: #ff4646; border:1px solid #ff4646; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding: 0; background-color: transparent; text-align: center;  margin-left: 3px; display: flex; align-items: center;
  justify-content: center;}
.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; }
.aff-btn{ display: flex; align-items: center; justify-content: center}
.aff-btn label{ margin:0px 5px; display:inline-block; font-size:11px; text-transform: uppercase; text-align:center; padding:0px 5px; color: #2fa600; font-weight: normal}
.table td button.payx { color:#2fa600; border:1px solid #006fcb; background-color:#006fcb; display:inline-block; border-radius:50px; font-size:11px; text-transform: uppercase; text-align:center; padding:0px 14px; color: #fff;}
.table td button.payx:hover{ background-color: transparent; border:1px solid #006fcb; font-size: 11px; color: #006fcb; padding:0px 14px; animation: none}
.table td a.createx { color: #b72bbf; border:1px solid #b72bbf; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; display:inline-flex; justify-content:center;}
.table td a.assignx { color: #4d8900; border:1px solid #4d8900; border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; display:inline-flex; justify-content:center;}
.table td a.viewx { color: #f06265; border:1px solid #f06265; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; display:inline-flex; justify-content:center;}
.table td a.addx { color: #109802; border:1px solid #109802; border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; 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:#4d4a5b; line-height:1.5; font-weight:600; font-size:13px; border-radius:0px 0px 0px 0px; padding: 15px 15px; text-transform:uppercase; border: none; border-bottom:none;}
.table > tbody > tr td{ line-height:1.5; color:#484d5c; padding: 15px 15px; border-left:0 none; border-right:0 none; font-size:13px; font-weight: 400; vertical-align: middle;}
.table > tbody > tr:nth-of-type(2n) { background-color:#f8f9fb !important;}
.table > tbody > tr:hover{ background:#fbfbfd; transition:0.4s;}
.table td button:hover{ animation-duration: 0.5s; color: #555; border: 1px solid #999;}
.table td, .table th{ border:1px solid #eaf0f7;}
.counts{ text-align:center; background-color:#8baabf; justify-content:center; border-radius:6px; color:#fff !important; padding:1px 7px; font-size:11px;}
.counts:hover{ color:#fff;}
.tooltip{ padding:2px; font-size:12px; line-height:1.4;}
.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:80px;*/ height: auto;}
.course-frm .form-control { font-size:14px; border:1px solid #e2e3e8; padding:4px 5px; color:#555;  min-height: 32px;}
.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: 16px; color: #333; padding: 15px 10px; text-transform: uppercase; font-weight: 400;  border-radius: 3px; background: #f9f9f9; display: flex; align-items: center; justify-content: space-between;}
.add-butt{ text-align:center;  margin-bottom:0px; padding: 40px 15px; border-top:1px dotted #ddd; margin-top: 40px; display: flex;
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.dropdown-menu{z-index: 1 !important; }
.bootstrap-datetimepicker-widget .list-unstyled .datepicker .table th{ background-color: transparent; border-top: 1px solid #ccc; padding: 5px !important;}
.bootstrap-datetimepicker-widget .list-unstyled .datepicker .table td{ padding: 5px !important;}
.bootstrap-datetimepicker-widget .picker-switch{ background-color: #fdf0f1 !important; border-radius: 0; color: #d9261c;}
.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;}

.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:#ed1c24; 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:#ed1c24; 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;}
.crse-sel .acrd-link b{ position: absolute; left: 0px; top: 3px; background-color: #ea2529; width: 33px; height: 33px; text-align: center; display: flex; justify-content: center; align-items:center; z-index:1; padding-right:0px; border-radius:50px;}
.crse-sel .acrd-link b ion-icon{ margin-top: 0; color: #fff; font-size: 18px;}
.crse-sel .acrd-link.collapsed b{ background-color: #656679;  }
.crse-sel .acrd-link.collapsed b  ion-icon{ color: #fff}
/* 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;}
/* Project management */
.ptnr{ width:100%; padding-top:0px; margin-top:0px;}
.ptnr h2{ width: 100%; text-transform: uppercase; color: #404040; margin-bottom: 25px; padding-bottom:8px; border-bottom:2px dotted #ddd; font-size: 17px; font-weight: 400px;}
.ptnr .form-row .course-frm{ padding: 0;}
.ptnr select{ min-height:300px; background-color:rgba(255, 255, 255, 0.6); border:1px solid #d9dbe6; overflow:auto;}
.ptnr option{ padding:5px 10px; background-color:#eff0f6; margin-bottom:1px; 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 #adb1c7; color:#494d66; font-size:20px; font-weight: 600; transition:0.4s; padding:4px; background-color: #bdc0d2}
.ptnr .btn-outline-secondary:hover{ color:#fff; transition:0.4s; background-color:#adb1c7}
.ptnr label{ background-color:rgba(51, 62, 159, 0.07); color:#160d2b; text-transform: uppercase; padding:5px 10px; border-radius:5px; font-size:14px; border: 1px solid #ecedf2; border-left:3px solid #ecedf2; font-weight: 500; text-align: left;}
.ptnr span{ color:#bbb; font-weight:500; justify-content:flex-end; margin-bottom:4px !important; letter-spacing: 0.4px; padding: 3px 5px; font-size: 10px;}
.ptnr span.info-container{ padding: 0;}
.ptnr span.info{ padding:10px 0px 0px;}
.ptnr span.info-container button.clear1{ margin-top: 4px; background-color: #928b97; color: #fff; text-transform: uppercase; border-radius: 5px; transition: 0.4s; padding: 3px 10px;}
.ptnr span.info-container button.clear1:hover{ background-color: #ccc;  transition: 0.4s;}
#editable-address i{ color:#009bd5; margin-left:5px;}
.edit-address-form textarea{ margin-bottom:5px;}
.tree-chart{ width:100% !important; text-align:center !important; display:flex !important; margin:15px 0px 30px;}
.tree-chart .card-header{ background-color:transparent; margin-bottom:20px;}
.tree-chart .card-header h3{ color:#333; font-size:18px;}
.tree-chart .card-body{ display:flex; height:900px !important}
.tree-chart .card-body #chartdiv{ text-align:center; height:880px !important}
.bar-chart{ width:100% !important; text-align:center !important; display:flex !important; margin:25px 0px 20px;}
.bar-chart .card-header{ background-color:transparent; margin-bottom:20px;}
.bar-chart .card-header h3{ color:#333; font-size:18px;}
/* ---- 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;}
.igcm-org1{ width:100%; display:flex; align-items:center;  position:relative; position:relative; padding:15px 0px; transition:0.4s;  transition: 0.4s;}
.igcm-org:hover .igcm-org1:before{ background-color: #e2e4f1; transition: 0.8s;}
.igcm-org:hover .igcm-org1 span:before{ right: -15px; transition: 0.4s; background-color: #6271cf;}
.igcm-org1 h2{ font-size:24px; color:#2a29aa;  text-transform: uppercase; padding-left: 30px; margin:0 0 5px; letter-spacing:0.5px; min-width: 50%; }
.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;}
.igcm-org1:hover h2{ color: #e9161b; transition: 0.4s;}
.igcm-org1 span{ width:160px; height:140px; background-color:#fff; border-right: 1px solid #eaebf0; display: flex; align-items: center; padding:10px; z-index:1; transition:0.4s; position: relative;}
.igcm-org1 span img { margin:0 auto; width: auto; height:auto; object-fit: contain; border-radius:0px;} 
.igcm-org1 small{ position:absolute; transition:0.4s; right: 30px;}
.igcm-org1 small a{ background-color:transparent; border:1px solid #e91a1f; border-radius:50px; padding:4px 20px 4px 15px; color:#e91a1f; font-size:16px;}
.igcm-org1 small a i{ font-size: 13px;}
.igcm-org1 small a:hover{ transition:0.4s; color:#2a29aa; border:1px solid #2a29aa; background-color:transparent}
.igcm-org2 { padding:20px; width:100%; background-color:#f0f1f7; position:relative; display: flex; justify-content:center; flex-wrap:wrap; position: relative; z-index: 0; border-radius: 30px; } 
.igcm-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%;}
.igcm-org2 h1 span{ float:right; position: relative; right: 0; letter-spacing:0;}
.igcm-org-list{ display:flex; width: 100%; flex-wrap: wrap}
.igcm-org { margin-top:5px; padding:0px; justify-content: space-between;} 
.igcm-org-list ul { padding: 0; margin: 0;list-style: none;display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px 30px; width: 100%; } 
.igcm-org-list ul li { margin: 15px 0px; list-style: none;  transition: 0.6s; display: flex; border-bottom: 1px solid #dbdbdb;} 
.igcm-org-list ul li b { width: 40%; padding:4px 8px; color: #333; 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.4s;  font-size:15px;} 
.igcm-org-list ul li b::after {content: ":";  position: absolute; top: 3px; right: 25px; color: #8c9eb6; text-align: center; }
.igcm-org-list ul li:hover b::before{ transition:0.4s; background-color:#ed1c24; right:-10px}
.igcm-org-list ul li span { width: 60%; padding:5px 10px 5px 10px; text-align: justify; flex-wrap: nowrap; min-height:30px; color: #666;  font-size:14px; line-height: 1.3; }
.igcm-org-list ul li span h1{ font-size: 22px; color: #333;} 
.igcm-org-list ul li span h2{ font-size: 20px; color: #555;}
.igcm-org-list ul li span h3{ font-size: 18px; color: #777;}
.igcm-org-list ul li span h4{ font-size: 16px; color: #888;}   
.igcm-org-list ul li span h5{ font-size: 14px; color: #999;}
.igcm-org-list ul li span h6{ font-size: 12px; color: #888;}
.outlet-mgmnt{ width: 100%; display: flex; justify-content: space-between;}
.outlet-mgmnt .igcm-org{ width: 50%; margin-top: 0;}
.outlet-mgmnt .igcm-org .igcm-org2{ border-radius: 10px; padding: 15px 15px; border-top: 1px solid #e1e1e1; margin-top: 2px;}
.outlet-mgmnt .igcm-org .igcm-org2:before{ border-radius: 0px 10px 0px 0px}
.outlet-mgmnt .igcm-org .igcm-org1{ flex-wrap: wrap; justify-content: space-between; border-radius: 10px; padding: 12px 5px; display: flex; position: inherit}
.outlet-mgmnt .igcm-org .igcm-org1:before{ z-index:0; background-color: transparent}
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-lft{ width: 70%; justify-content: center; display: flex; flex-wrap: wrap; }
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-rht{ width: 30%; justify-content: flex-end; border-left: 4px solid #f3f3f3; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-rht ul{ margin: 0; padding: 0; border: 0 none; width: 100%; display: flex; justify-content: center}
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-rht .tab-content{ padding: 0; width: 100%;}
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-rht .tab-content .tab-pane{ padding: 0;  justify-content: center;}
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-rht .nav-item a{ font-size: 11px; text-align: center; padding: 1px 8px; color: #333; border:0 none; background-color: #eee}
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-rht .nav-item:first-child a{ -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); padding: 1px 12px 1px 8px;}
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-rht .nav-item:last-child a{ -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%); border-radius:0px 3px 3px 0px; padding:1px 8px 1px 12px; }
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-rht .nav-item a.active{ background-color: #eee; color: #ec2029; border:0 none; border-radius:3px 0px 0px 3px; border-radius:0px 3px 3px 0px;}
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-rht .nav-item:first-child a.active{  border-radius: 3px 0px 0px 3px}
.outlet-mgmnt .igcm-org .igcm-org1 span{ width: 100px; height: auto; box-shadow:none; border: 0 none; padding: 2px;}
.outlet-mgmnt .igcm-org .igcm-org1 h2{ font-size:16px;padding-left: 0; width: 100%; text-align: center; color: #363636; margin: 10px 0px 10px;}
.outlet-mgmnt .igcm-org .igcm-org1 .qr-cde{ z-index: 9; width: 100%; margin: 0 ; border-radius: 5px; padding: 10px; }
.outlet-mgmnt .igcm-org .igcm-org1 .qr-cde b{ display: flex; align-items: center; justify-content: center; width: 148px; height: 148px;}
.outlet-mgmnt .igcm-org .igcm-org1 .qr-cde img{ margin: 0 auto; width: auto; height: auto;}
.outlet-mgmnt .igcm-org .igcm-org1 small{ display: block; }
.outlet-mgmnt .igcm-org .igcm-org1 small{ position: relative; width: 100%; text-align: center; right: 0;  display:block}
.outlet-mgmnt .igcm-org .igcm-org1 small a{ padding: 3px 20px 3px 15px; font-size: 14px;}
.outlet-mgmnt .igcm-org .igcm-org1 small a i{ font-size: 12px;}
.outlet-mgmnt .igcm-org .igcm-org1:hover h2{ color: #585959}
.outlet-mgmnt .outlet-dis{ width: 48%;}
.outlet-mgmnt .outlet-dis .outlet-dis-box{ width:100%; background-color: #f3f3f3; padding: 10px; margin-bottom: 10px;}
.outlet-mgmnt .outlet-dis .outlet-dis-box h2{ font-size: 16px; text-transform: uppercase; margin-bottom: 0px; color: #d9261c;}
.outlet-tmp{ width: 100%; margin-top: 30px; border-top:2px dotted #bfbfbf; padding-top:30px;}
.outlet-tmp .outlet-tmp-dtls{ display: flex; width: 100%; justify-content: flex-start; flex-wrap: wrap}
.outlet-tmp .outlet-tmp-dtls span{ width:19%; display: flex; border: 1px solid #e1e1e1; border-radius:5px; height:150px; margin-bottom: 10px; margin-right: 13px;}
.outlet-tmp .outlet-tmp-dtls span:nth-child(5n+5){ margin-right: 0;}
.outlet-tmp .outlet-tmp-dtls span a{ display: flex; justify-content: center; padding:5px; width: 100%; position: relative;}
.outlet-tmp .outlet-tmp-dtls span a:before{ position: absolute; width: 100%; height:1px; background-color: rgba(0, 0, 0, 0.20); content: ""; left: 0; bottom: 0; transition: 0.6s; visibility: hidden; border-radius: 3px;}
.outlet-tmp .outlet-tmp-dtls span a:hover:before{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.20); content: ""; left: 0; bottom: 0; transition: 0.6s; visibility: visible; border-radius: 3px; border-top: 5px solid  rgba(217, 38, 28, 0.7);}
.outlet-tmp .outlet-tmp-dtls span a img{ margin:0 auto; object-fit: contain; width: auto; height: auto;}
.outlet-tmp .outlet-tmp-head{ width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.outlet-tmp .outlet-tmp-head h2{ font-size: 16px; text-transform: uppercase; margin: 0px 0px 0px; color: #444;}
.outlet-tmp .outlet-tmp-head a{ font-size:14px; background-color:#049511; border: 1px solid #049511; text-align:center; border-radius:50px; padding:5px 25px; color:#fff; display: inline-block}
.outlet-tmp .outlet-tmp-head a i{ font-size: 13px; padding-right: 8px;}
.outlet-tmp .outlet-tmp-head a:hover{ border: 1px solid #049511; color: #049511 !important; color: #fff; background-color: transparent}
.otlt-tmp-head{ width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.otlt-tmp-head h2{ font-size: 16px; text-transform: uppercase; margin: 0px 0px 0px; color: #444;}
.otlt-tmp-head span{ display: block}
.otlt-tmp-head span a{ font-size:14px; background-color:#049511; border: 1px solid #049511; text-align:center; border-radius:50px; padding:5px 25px; color:#fff; display: inline-block}
.otlt-tmp-head span a i{ font-size: 13px; padding-right: 8px;}
.otlt-tmp-head span a:hover{ border: 1px solid #049511; color: #049511 !important; color: #fff; background-color: transparent}
/* Case View */
.outlet-view { width:100%; position:relative; display: flex; justify-content:center; flex-wrap:wrap;} 
.outlet-view 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:#828487; width:100%; border-radius:0px; text-align:center;}
.outlet-view h1 span{ float:right; position: relative; right: 0; letter-spacing:0;}
.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;}
.outlet-view-list{ display:flex; width: 100%; padding-top:5px; margin-bottom:10px;}
.outlet-view-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width: 100%; } 
.outlet-view-list ul li { padding:0px; margin:0px; list-style: none; width:100%; display:flex; border-top:1px solid #eee;} 
.outlet-view-list ul li:first-child{ border-top: 0 none;}
.outlet-view-list ul li:hover b{ background-color: #eff1f4; transition: 0.4s;}
.outlet-view-list ul li b { width:25%; padding:5px 10px 5px 5px; color:#333; 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.4s; font-size:13px; border-right:1px solid #eee;} 
.outlet-view ul li:hover b::before{ transition:0.4s; background-color:#ed1c24;}
.outlet-view ul li span { width:75%; padding:5px 5px 5px 17px; text-align: justify; flex-wrap:nowrap; min-height:30px; color:#484848;  font-size:14px; background-color:#fff; display: flex; align-items: center;}
.outlet-view ul li span small{ background-color: #a446f2; color: #fff; border-radius: 50px; padding: 2px 15px; font-size: 13px; margin-left: 5px;}
.outlet-view ul li span strong{ font-size: 26px; margin-right: 10px; color: #555;}
.outlet-view ul li span .outlet-feature{ width: 100%; display: flex;}
.outlet-view ul li span .outlet-feature .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; margin-right: 5px;}
.outlet-view ul li span .outlet-feature .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; margin-right: 5px;}
.outlet-view ul li span h1{ font-size: 22px; color: #333; margin:10px 0px;} 
.outlet-view ul li span h2{ font-size: 16px; color: #444; margin:10px 0px;}
.outlet-view ul li span h3{ font-size: 18px; color: #555; margin:10px 0px;}
.outlet-view ul li span h4{ font-size: 16px; color: #666; margin:10px 0px;}   
.outlet-view ul li span h5{ font-size: 14px; color: #444; margin:10px 0px;}
.outlet-view ul li span h6{ font-size: 12px; color: #555; margin:10px 0px;}
.outlet-view ul li span p{ margin:5px 0px; overflow: hidden;}
.outlet-view ul li span p strong{ font-weight:500; color:#333;}
.outlet-view-box{ width: 100%; padding-top: 10px;}
.outlet-view-box{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.outlet-view-box small{ width: 19%; display: flex; align-items: center; border: 1px solid #ddd; padding: 2px; margin-bottom: 10px; height: 150px; border-radius: 3px; box-shadow: 0 8px 8px -2px rgba(0,0,0,.06); transition: 0.4s;}
.outlet-view-box small:hover{ transition: 0.4s; box-shadow:none; }
.outlet-view-box small a{ width: 100%; display: flex; justify-content: center; height: 150px; padding: 3px;}
.outlet-view-box small a img{ width: auto; height: auto; margin:0 auto; object-fit: contain;}
.claim-view-list{ display:flex; width: 100%; padding-top:5px; margin-bottom:10px; justify-content: space-between;}
.claim-view-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width:49%; transition: 0.4s; } 
.claim-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;}
.claim-view-list ul li:hover b:before{ right: 0; transition: 0.4s; background-color: #d9261c;} 
.claim-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;}
.claim-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;}
.claim-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; }
.claim-view-list ul li span p{ font-size: 14px;}
/* 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: #d9261c;} 
.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: #d9261c;} 
.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;}
.outlet-top-box{ width: 100%; display: flex; justify-content: space-between; align-items: center; background-color: #f3f3f3; padding: 10px; border-radius: 5px; margin-bottom: 20px; border: 1px solid #eee;}
.outlet-top-box .outlet-logo{ width:15%; display: flex; align-items: center;}
.outlet-top-box .outlet-logo span{ width: 140px; height: 140px; background-color: #fff; border: 1px solid #ebebeb; border-radius: 5px; display: flex; align-items: center; padding:5px;}
.outlet-top-box .outlet-logo span img{ margin: 0 auto; width: auto; height: auto; object-fit: contain; border-radius: 0px;}
.outlet-top-box .outlet-tit{ width: 54%;}
.outlet-top-box .outlet-tit h2{ font-size: 22px; color: #585959; text-transform: uppercase; margin:0px; letter-spacing: 0.5px;}
.outlet-top-box .outlet-tit span{ display: block; width: 100%;}
.outlet-top-box .outlet-tit span a{ background-color: transparent; border: 1px solid #0a84ff; border-radius: 50px; padding: 4px 22px 4px 16px; color: #0a84ff; font-size: 14px;}
.outlet-top-box .outlet-tit span a i{ font-size: 13px;}
.outlet-top-box .outlet-tit span a:hover{ border: 1px solid #0263c5; color: #0263c5; transition: 0.4s;}
.outlet-top-box .qr-code{ width:31%; display: flex; justify-content: center; }
.outlet-top-box .outlet-qr{ width:48%; display: flex; flex-wrap: wrap; align-items: center; justify-content:center;}
.outlet-top-box .outlet-qr h3{ width: 100%; text-align: center; font-size: 12px; text-transform: uppercase; color: #666; margin: 0px 0px 5px;}
.outlet-top-box .outlet-qr:first-child{ border-right:2px solid #dedede; padding-right: 5px;}
.outlet-top-box .outlet-qr span{ width: 140px; height: 140px; display: flex; align-items: center; justify-content:center; border: 1px solid #fff; background-color: #fff;}
.outlet-top-box .outlet-qr span img{ width: auto; height: auto; margin: 0 auto;}
.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: 18px;}
.btn-file .hidden-xs, .btn-file i{ font-size: 14px;}
.input-group-append .hidden-xs, .input-group-append i{ font-size: 14px;}
/* Outler Restaurant Dashboard Slider */
.outlet-restnt{ width: 100%;}
.outlet-time-dtl { align-items:center; height:100%; display:flex; margin:25px 10px 15px; padding:0px 25px; width:100%; overflow:hidden; } 
.outlet-time-dtl .outlet-time-box { background: linear-gradient(45deg,#eeeeee,#e9e9ea); height: 100%; padding: 22px 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 80px; border-radius: 5px; margin-right:5px; transition: 0.4s;} 
.outlet-time-dtl .outlet-time-box:hover{ background: linear-gradient(45deg,#d7d7d7,#f2f2f2); transition: 0.4s;}
.outlet-time-dtl .outlet-time-box h2{ margin: 0;}
.outlet-time-dtl .outlet-time-box span{ width: 100%; display: block; text-align: center; font-size: 16px; font-weight: bold; color: #ec2029; letter-spacing:0px;}
.outlet-time-dtl .outlet-time-box small{ width: 100%; display: block; text-align: center; font-size: 12px; color: #666; letter-spacing:0.1px;}
/* ---- Maid Profile ------ */
.maid_prfl{ background:#fff; padding:0px; float:left; width:100%}
.maid_prfl .mdprt{ margin-bottom:10px; border-bottom:1px solid #dedede; padding-bottom:15px;}
.maid_prfl h1{ font-size:20px; padding:0; margin:0 0 10px;}
.maid_prfl h1 small{ float:right; color:#facf00; font-size:12px; vertical-align:middle; margin:6px 0}
.maid_prfl h1 small a{ font-size:12px; color:#555; background:#efe7bd; padding:4px 8px; border-radius:3px }
.maid_prfl h1 small a i{ margin-right:4px; font-size:14px; color:#666}
.maid_prfl h1 small a:hover{ background:#d7cfa3;}
.err-box{ background:#fff; padding:30px; width:630px; margin: 0 auto; text-align:center; border-radius:5px; margin-bottom:30px; }
.err-box .tit{ display:block; margin-bottom:20px;}
.err-box .tit i{ font-size:60px; color:#fb0808; }
.err-box .tit h2{ font-size:60px; color:#aaa; text-transform:uppercase; margin:0 0 8px }
.err-box .txt p{ color:#746f51; font-size: 16px; background-color: #f3f3f3; padding: 10px; color: #333; border:1px solid #eeeeee; border-radius: 50px;}
.err-box .txt a{ background:#6e6e6e; padding:7px 14px; color:#fff; border-radius:2px; margin-top:9px; display:inline-block}
.err-box .txt a:hover{background:#444; color:#fff}
.err-box .tit h2 span{ display:block; font-size:14px; text-transform:none; text-align:center;}
.select2-container--default .select2-selection--multiple{ height:45px; overflow:auto; border:1px solid #dedede !important;}
.select2-container .select2-selection--multiple {min-height: 56px !important;}
.select2-container--default.select2-container--focus .select2-selection--multiple{ border:1px solid #dedede !important; height:56px; min-height: 56px; overflow: auto;}
.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%;}
.tle-top{ width: 100%; padding: 20px 30px 0px;}
.tle-top h3{ margin-bottom: 0; font-size: 16px; display: flex; align-items: center; color: #444; font-weight: 500; text-transform: uppercase; padding-bottom: 10px; border-bottom: 2px dotted #ddd;}
.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;}
.login-frm-main .form-group .form-control:focus { box-shadow: none !important; border-color: #f7c3c5; border-bottom: 1px solid #f7c3c5;
  transition: all 0.4s ease; }
.login-frm-main .form-group .error:invalid ~ label { color: #ed1c31 !important; }
.new-frm-input .form-group label { transition: all 0.4s ease; color: #777; font-size: 14px; font-weight: 300; margin-bottom: 0px; display: flex; align-content: center; text-transform: uppercase; padding-bottom: 0; position: relative;}
.new-frm-input .course-frm .form-control { padding: 6px 10px 6px 0px !important; border-radius: 0px; min-height: 33px; border: 0; border-bottom: 1px solid #e4e4e4 ;  color: #333; font-size: 13px; width: 100% !important;}
.new-frm-input .form-group .form-control:focus { box-shadow:none !important; }
.new-frm-input .form-group .form-control:focus { box-shadow: none !important; border-color: #f7c3c5; border-bottom: 1px solid #f7c3c5;
  transition: all 0.4s ease; }
.new-frm-input .form-group .form-control:focus ~ label, .form-control:not(:focus):valid ~ label { top: -15px; left: 0px; padding: 2px 10px; font-size: 12px ; color: #1c46c0; }
.new-frm-input .form-group .error:invalid ~ label { top: -15px !important; left: 0px; padding: 2px 10px; font-size: 12px !important; color: #1c46c0; }
.new-frm-input .form-group .file-algn { padding: 15px 10px 6px 35px; font-size: 12px !important; }

.new-align-stle {display: flex; flex-wrap: wrap;}
.new-align-stle .select2-container {width: 100% !important;}
.select2-container--default {max-width: 660px !important;}
.select2-container--default .select2-selection--multiple {width: 100% !important;}
.select2-container--default .select2-selection--single {width: 100% !important;}

.eform-lnk-ad { font-size: 11px; background: #747ba5; padding: 3px 5px;  border-radius: 5px; font-weight: 600; color: #fff; display: flex; justify-content: center; align-items: center; margin: 0; text-align: center;} 
.eform-lnk-ad:hover {color: #fff; background: #373c9f;}
.tbl-nalign.eform-info-ad ul li b {width: 40%; text-align: left;}
.tbl-nalign.eform-info-ad ul li span {width: 60%; text-align: left;}

/* form alignment */
.tbl-slct {width: 100%;}
.tbl-slct .table { border: 0px !important;}
.new-grid-algn1 {display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px; width: 100%;}
.new-grid-algn2 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px; width: 100%;}
.new-grid-algn3 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; width: 100%;}
.new-grid-algn4 {display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; width: 100%;}
.new-grid-algn5 {display: grid; grid-template-columns: repeat(5, 1fr); gap: 0px; width: 100%;}
.new-grid-algn6 {display: grid; grid-template-columns: repeat(6, 1fr); gap: 0px; width: 100%;}
.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: 30%; font-size: 11px; position: relative; color: #5a5b5e; font-weight: 300; text-align: center;}
.tbl-nalign ul li b::before { content: ':'; position: absolute; top: 0; right: 0px; color: #4e627d; }
.tbl-nalign ul li span { width: 70%; border: 0; padding: 0 0 0 7px; min-height:0; transition: 0.4s; word-wrap: break-word; font-size: 11px; color: #515151; font-weight: 400; text-align: center;}
.tbl-nalign ul li span a { color: #1c46c0; }

.tbl-salign ul {margin: 0;padding: 0; }
.tbl-salign ul li { display: flex; align-items: center; list-style: none; flex-wrap: wrap;}
.tbl-salign ul li b { width: 100%; font-size: 11px; position: relative; color: #5a5b5e; font-weight: 300; text-align: left;}
.tbl-salign ul li span { width: 100%; border: 0; padding: 0 0 0 7px; min-height:0; transition: 0.4s; word-wrap: break-word; font-size: 12px; color: #515151; font-weight: 600; text-align: left; display: flex; align-items: center;}

.chk-input-algn1 {display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px 35px;}
.chk-input-algn2 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px 35px;}
.chk-input-algn3 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px 35px;}

.clt-survy { background: #f7f7f7; padding: 20px; border-radius: 25px; border: 1px solid #eee; }
.clt-survy .table > tbody > tr:nth-of-type(2n) {background-color: #fff !important;}
.clt-survy-rdio {display: flex; justify-content: center;}
.clt-survy-rdio  input[type="radio"] {margin-right: 4px}
.clt-survy .ovall-algn {display: flex; margin: 30px 0 10px; justify-content: flex-end;}
.clt-survy .ovall-algn span { background-color: #e91a1f; border: 1px solid #e91a1f; border-radius: 0; color: #fff; transition: 0.4s; border-radius: 25px; padding: 5px 15px; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; margin-right: 10px; display: flex;
align-items: center; }
.clt-survy .ovall-algn .ovall-in .form-control {padding: 18px 15px; border-radius: 25px;}

/* client form */
.cbox-list { height: 150px; overflow: scroll;	border: 1px solid rgba(0,0,0,0.15); padding: 4px 0; margin-top: 10px;}
.cbox-list ul {	margin: 0; padding: 0; }
.cbox-list ul li { margin: 0; padding: 0; list-style: none; color: #555; padding: 3px 20px; }
.cbox-list label, .cbox-list2 label { width: 100%; margin-bottom: 0; }
.cbox-list ul li .no-bold span { margin-left: 10px; }
.frm-algn {display: flex; padding: 10px 0;}
.frm-algn span {display: flex !important; align-items: center !important; margin-right: 10px;}
.frm-algn span .iradio {margin-right: 5px;}
.frm-algn span.yein {width: 49%; margin-right: 10px; }
.frm-algn span.yein:last-child {margin-right: 0px;}
.frm-algn span.yein .form-control {padding: 0 10px !important; }
.bug-nte {color: #e91a1e; font-size: 12px;}
.new-frm-input .input-group-append .input-group-text {padding: 5px 10px; border-radius: 0; border: 0; display: flex; align-items: center; border-bottom: 1px solid #ced4da; background: transparent;}
.ref_doc{margin-left: 5px; font-size: 13px; font-weight: 600; }
.email-btn-align {display: flex !important; 	justify-content: center !important; }
/* modal popup */
.modal .modal-dialog { max-width: 600px; margin-top: 25px; animation-name: zoomIn;animation-duration: 1s;}
.modal-content {border-radius: 25px; box-shadow: 10px solid rgba(0,0,0,0.2);	border: 1px solid rgba(0,0,0,0.05); }
.modal-header { color: #333; padding: 15px 15px; }
.modal .close {	background: #ed1c24;	color: #fff !important;	border-radius: 50%;	width: 23px;	height: 23px;	margin: 0px 0; opacity: 1 !important;	padding: 0;}
.modal-body { max-height: 470px; color: #d5d5d5; }
/* viewpage */
.cli-dls-list .cltlist1 span .clt-vpalgn {background: #f0f1f7; border-radius: 25px; padding: 1px 12px; font-size: 14px; margin-right: 5px; text-align: center;margin-bottom: 5px;cursor: initial; }

/* dashboard */
.das-chrt { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); padding: 0px; gap: 20px;}
/*  */
.igcmct-slct { display: flex; flex-wrap: wrap; transition: 0.4s; grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; align-content: flex-start;}
.igcmct-slct .igcmtot-hder {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px 0px 0px;  align-items: center;}
.igcmct-slct .igcmtot-hder h2 { margin-bottom: 0; font-size: 18px; font-weight: 600; color: #333;}

.igcmct-slct .cust-cnt-prt { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); padding: 0px; gap: 20px; }
.igcmct-slct .cust-cnt-prt .cust-box {background-color: #fff; transition: 0.4s; -webkit-box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); border: none; border-radius: 10px; padding: 20px; display: flex;  }
.igcmct-slct .cust-cnt-prt .cust-box .cust-cut {display: flex; align-items: center; flex-wrap: wrap; padding-left: 20px ;}
.cust-cnt-prt .cust-box b {font-size: 25px; font-weight: 600; color: #555; width: 100%;}
.cust-cnt-prt .cust-box span ion-icon {font-size: 30px; color: #fff;}
.cust-cnt-prt .cust-box small {font-size: 14px; color: #86939e; font-weight: 300; letter-spacing: 0.1px !important;}
.igcmct-slct .cust-cnt-prt .cust-box:nth-child(1) span {background: linear-gradient(160deg, #303f9f,#7b1fa2); border-radius: 5px; display: flex; align-items: center; padding: 10px 12px;}
.igcmct-slct .cust-cnt-prt .cust-box:nth-child(2) span {background: linear-gradient(45deg, #f53c5b, #fb768c); border-radius: 5px; display: flex; align-items: center; padding: 10px 12px;}
.igcmct-slct .cust-cnt-prt .cust-box:nth-child(3) span {background: linear-gradient(to top, #0ba360 0%, #3cba92 100%); border-radius: 5px; display: flex; align-items: center; padding: 10px 12px;}
.igcmct-slct .cust-cnt-prt .cust-box:nth-child(4) span {background: linear-gradient(45deg, #ff5858 0%, #f09819 100%); border-radius: 5px; display: flex; align-items: center; padding: 10px 12px;}
/*  */
.igcmtot-chrt-slct { display: flex; flex-wrap: wrap; background-color: #fff; transition: 0.4s; -webkit-box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); border: none; border-radius: 25px; padding: 25px;  grid-column-start: 1; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5; align-content: flex-start; width: 100%;}
.igcmtot-chrt-slct .igcmtot-hder {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px 0px 0px;  align-items: flex-start;}
.igcmtot-chrt-slct .igcmtot-hder h2 { margin-bottom: 0; font-size: 18px; font-weight: 600; color: #333; width: 30%;}
.igcmtot-slct {display: flex; padding: 20px 0 0; flex-wrap: wrap; width: 100%;  position: relative;}
.igcmtot-chrt {display: flex; height: 230px; width: 100%; position: relative;  margin-left: 0px;}
.igcmtot-cnt {width: 100%; display: flex; margin-top: 20px; align-items: center; flex-wrap: wrap;}
.igcmtot-chrt-slct #igcm_tot_report { width: 100%; }
.igcmtot-chrt-slct .igcmtot-hder .sort-ord { position: relative; width: 15%; }
.igcmtot-chrt-slct .igcmtot-hder ion-icon { color: #1c46c0; border: 1px solid #ececec; width: 15px; height: 15px; text-align: center; font-size: 12px;border-radius: 5px; transition: 0.4s; }
.igcmtot-chrt-slct .igcmtot-hder .sort-ord .drpdown-1 { width: 100%; border: 0; border-radius: 15px; padding: 5px 15px; background: #f5f6fa 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: #526484; text-align: left; 	-webkit-appearance: none;	-moz-appearance: none; font-weight: 300; cursor: pointer; }
.igcmtot-cnt .reve-cnt {display: flex; gap: 20px; width: 52%; margin-right: 10px;}
.igcmtot-cnt .reve-cnt-box {display: flex; width: 50%;padding: 2px 0px 2px 20px;align-items: center; background: #f5f6fa; border-radius: 20px;}
.igcmtot-cnt .reve-cnt-box span {font-size: 14px; color: #565e7b; font-weight: 300; letter-spacing: 0.3px; width: 100%;}
.igcmtot-cnt .reve-cnt-box b {color: #fff; font-size: 18px; font-weight: 600; background: #e6585a; padding: 2px 7px; border-radius: 25px; width: auto; }

/*  */
.igcmin-chrt-slct { display: flex; flex-wrap: wrap; background-color: #fff; transition: 0.4s; -webkit-box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); border: none; border-radius: 25px; padding: 25px;  grid-column-start: 1; grid-column-end: 5; grid-row-start: 5; grid-row-end: 6; align-content: flex-start; width: 100%;}
.igcmin-chrt-slct .igcmtot-hder {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px 0px 0px;  align-items: flex-start;}
.igcmin-chrt-slct .igcmtot-hder h2 { margin-bottom: 0; font-size: 18px; font-weight: 600; color: #333;}
.igcmin-chrt-slct .igcmtot-hder .sort-ord { position: relative; width: 15%; }
.igcmin-chrt-slct .igcmtot-hder ion-icon { color: #1c46c0; border: 1px solid #ececec; width: 15px; height: 15px; text-align: center; font-size: 12px;border-radius: 5px; transition: 0.4s; }
.igcmin-chrt-slct .igcmtot-hder .sort-ord .drpdown-1 { width: 100%; border: 0; border-radius: 15px; padding: 5px 15px; background: #f5f6fa 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: #526484; text-align: left; 	-webkit-appearance: none;	-moz-appearance: none; font-weight: 300; cursor: pointer; }
.igcmtot-slct .prdt-slct {display: flex; flex-wrap: wrap; width: 100%; margin-top: 20px}
.igcmtot-slct .prdt-slct .igcmtot-chrt1 {display: flex; height: 250px; width: 100%; position: relative; }
.igcmtot-slct .prdt-slct #igcm_tot_report1 { width: 100%;}
.igcmtot-slct .prdt-slct .prdt-cnt-box {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%; padding: 0 10px;
  margin-top: 20px;}
.igcmtot-slct .prdt-cnt-box .prdt-box { border-radius: 20px; -webkit-box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05);  background-color: #f5f6fa; padding: 30px; color: #828d99; font-size: 16px; font-weight: 400; display: flex; flex-wrap: wrap; position: relative; align-items: center;}
.igcmtot-slct .prdt-cnt-box .prdt-box .icon { width: 45px; height: 45px; border-radius: 50%; position: relative; font-size: 35px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; }
.igcmtot-slct .prdt-cnt-box .prdt-box small { width: 60%; font-size: 16px; text-align: left; font-weight: 600; color: #333; line-height: 1.2;}
.igcmtot-slct .prdt-cnt-box .prdt-box b { color: #fff; margin-top: 3px; font-size: 16px; font-weight: 500; background: #ff9f40;
  padding: 2px 10px;  border-radius: 25px; width: auto;}
.igcmtot-slct .prdt-cnt-box .prdt-box .dsh-algn1 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px 5px; width: 40%;}
.igcmtot-slct .prdt-cnt-box .prdt-box .dsh-algn1 span {font-size: 12px; font-weight: 600; color: #aaa; display: grid; align-items: center; width: 100%; text-align: center; justify-content: center;}
.igcmtot-slct .prdt-cnt-box .prdt-box:nth-child(1) b {background: #575ae1;}
.igcmtot-slct .prdt-cnt-box .prdt-box:nth-child(2) b {background: #df4483;}
.igcmtot-slct .prdt-cnt-box .prdt-box:nth-child(3) b {background: #f09b38;}
.igcmtot-slct .prdt-cnt-box .prdt-box:nth-child(4) b {background: #575ae1;}
.igcmtot-slct .prdt-cnt-box .prdt-box:nth-child(5) b {background: #575ae1;}

#igcm_tot_report .highcharts-drilldown-axis-label {text-decoration: none !important; font-size: 13px !important; fill: #555 !important;}
/*  */
.ovrall-chrt-slct { display: flex; flex-wrap: wrap; background-color: #fff; transition: 0.4s; -webkit-box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); border: none; border-radius: 25px; padding: 25px;  grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; align-content: flex-start; width: 100%;}
.ovrall-chrt-slct .igcmovrall-hder {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px 0px 0px;  align-items: flex-start;}
.ovrall-chrt-slct .igcmovrall-hder h2 { margin-bottom: 0; font-size: 18px; font-weight: 600; color: #333;}
.ovrall-chrt-slct .igcmovrall-hder .sort-ord { position: relative; width: 25%; }
.ovrall-chrt-slct .igcmovrall-hder ion-icon { color: #1c46c0; border: 1px solid #ececec; width: 15px; height: 15px; text-align: center; font-size: 12px;border-radius: 5px; transition: 0.4s; }
.ovrall-chrt-slct .igcmovrall-hder .sort-ord .drpdown-1 { width: 100%; border: 0; border-radius: 15px; padding: 5px 15px; background: #f5f6fa 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: #526484; text-align: left; 	-webkit-appearance: none;	-moz-appearance: none; font-weight: 300; cursor: pointer; }
.igcmovrall-slct {display: flex; padding: 20px 0 0; flex-wrap: wrap; width: 100%; position: relative; }
.igcmovrall-slct .prdt-slct {display: flex; flex-wrap: wrap; width: 100%; margin-top: 20px}
.igcmovrall-slct .prdt-slct .igcmovrall-chrt {display: flex; height: 250px; width: 100%; position: relative; }
.igcmovrall-slct .prdt-slct #ovrall_chrt {  width: 100%;}
.igcmovrall-slct .igcmovrall-slct {display: flex; padding: 20px 0 0; flex-wrap: wrap; width: 100%; position: relative; }


/*  */
.rsk-chrt-slct { display: flex; flex-wrap: wrap; background-color: #fff; transition: 0.4s; -webkit-box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); border: none; border-radius: 25px; padding: 25px;  grid-column-start: 3; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; align-content: flex-start; width: 100%;}
.rsk-chrt-slct1 {  grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; align-content: flex-start; width: 100%;}
.rsk-chrt-slct .igcmrsk-hder {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px 0px 0px;  align-items: flex-start;}
.rsk-chrt-slct .igcmrsk-hder h2 { margin-bottom: 0; font-size: 18px; font-weight: 600; color: #333;}
.rsk-chrt-slct .igcmrsk-hder .sort-ord { position: relative; width: 25%; }
.rsk-chrt-slct .igcmrsk-hder ion-icon { color: #1c46c0; border: 1px solid #ececec; width: 15px; height: 15px; text-align: center; font-size: 12px;border-radius: 5px; transition: 0.4s; }
.rsk-chrt-slct .igcmrsk-hder .sort-ord .drpdown-1 { width: 100%; border: 0; border-radius: 15px; padding: 5px 15px; background: #f5f6fa 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: #526484; text-align: left; 	-webkit-appearance: none;	-moz-appearance: none; font-weight: 300; cursor: pointer; }
.igcmrsk-slct {display: flex; padding: 20px 0 0; flex-wrap: wrap; width: 100%; position: relative; align-items: center;}
.igcmrsk-slct .prdt-slct {display: flex; flex-wrap: wrap; width: 100%; margin-top: 0px}
.igcmrsk-slct .prdt-slct .igcmrsk-chrt {display: block; width: 100%; position: relative; }
.igcmrsk-slct .prdt-slct .igcmrsk-chrt h3{font-size: 12px; font-weight: 800; text-transform: uppercase; text-align: center; margin-bottom: 0; border-top: 1px dotted #aaa; padding-top: 10px; color: #6927a1;}
.igcmrsk-slct .prdt-slct #risk_mng_chrt { width: 100%; height: 200px; margin: 0 auto;}
.igcmrsk-slct .prdt-slct #risk_mng_chrt2 { width: 100%; height: 200px; margin: 0 auto;}
.igcmrsk-slct .prdt-slct #risk_mng_chrt_tot { width: 100%; height: auto; margin: 0 auto;}

.igcm-title::before {position: absolute; content: 'IGCM'; top: 8px; right: 14%; font-size: 30px; color: rgba(255, 255, 255, 0.3); font-weight: 800; text-transform: uppercase;}
.asgn-form {position: relative;}
.asgn-form label {padding: 8px 10px !important;}
.tag-asgn-form {display: flex; align-items: center; width: 100%; position: absolute; top: 7px; right: 12px; justify-content: flex-end;}
.tag-asgn-form label {background: transparent !important; border: 0 !important; font-size: 13px !important; padding: 4px 12px 0px 0px !important;}
.tag-asgn-form .custom-control-input {position: relative !important;}
/*  */
.frm-card .acrd-link {padding: 12px 25px; border-radius: 50px; font-size: 16px; border: 1px solid #eaeaea;}
.frm-card .acrd-link ion-icon { float: right; margin-top: 4px;} 
.frm-card .arrow-down-outline { display: none; } 
.collapsed .arrow-forward-outline { display: none; } 
.collapsed .arrow-down-outline { display: inline; } 
.frm-card .card-body {padding: 20px 15px !important; border: 1px solid #f0f1f7; border-radius: 20px; margin-top: 10px;}
.frm-cunt-card {background: #e91a1e; padding: 3px 10px; border-radius: 15px; color: #fff; margin-left: 10px; font-size: 16px;}
/* 
.tbl-frm .mistone .accordion .common-form {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px 30px;}
.tbl-frm .mistone .accordion .common-form .usr-roll .usr-lft {flex-wrap: wrap;}
.tbl-frm .mistone .accordion .common-form .usr-roll .usr-lft small {margin-left: 0;}
.tbl-frm .mistone .accordion .common-form .usr-roll .usr-rht {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px;}
.tbl-frm .mistone .accordion .common-form .usr-roll .usr-rht span {width: auto;} */

.new-grid-algn2 .course-frm .cbox-list small {	position: absolute;	top: 27px;	left: 25px;color: #ec2029 !important; font-size: 11px !important; width: 100% !important;	display: block ruby;white-space: nowrap; text-align: left;}
.igcmrsk-drop-align {text-align: center; }
/* .igcmrsk-drop-align .sort-ord { width: auto !important; display: flex; justify-content: center; text-align: center; right: 0; margin: 15px auto; } */


.srve-viw-ltnew { display:flex; width: 100%; padding-top:5px; margin-bottom: 15px; flex-wrap: wrap;}
.srve-dls-list {display: grid; grid-template-columns: repeat(1, 1fr); gap: 2px 30px; width: 100%; padding: 20px; border: 1px solid #eee; border-radius: 25px;}
.srve-dls-list .cltlist1 {display: flex; align-items: center; width: 100%; margin: 5px 0px; padding: 2px 0; flex-wrap: wrap;}
.srve-dls-list .cltlist1 b { width: 100%; color:#524f6f; font-weight: 300; z-index: 1; align-items: center; flex-wrap: nowrap; background-color:#fff; position:relative; display: flex; align-items: center; transition:0.4s; font-size:16px; padding: 1px 10px; text-transform: uppercase;} 
.srve-dls-list .cltlist1 span {  display: grid;grid-template-columns: repeat(2, 1fr); gap: 2px 10px;width: 100%; text-align: justify; color:#484848;  border-top:2px dotted #b3aec6; font-size:14px; background-color:#fff; padding:30px 0px 0 0; font-weight: 600; margin-top: 20px;}
#sideblock {width: 100%;}
.srve-dls-list .cltlist1 span .clt-vpalgn { background: #f0f1f7; border-radius: 25px; padding: 10px 10px;	font-size: 14px; margin-right: 5px;
text-align: center;	margin-bottom: 10px;	cursor: initial; }

/*  */
.ovrall-chrt-slct .igcmovrall-slct .prdt-slct {margin-top: 0;}
.stcli-slct {display: flex; align-items: flex-end; width: 100%; margin-top: 0;}
.stcli-slct .stcli-lft {width: 40%; display: flex; align-items: center; flex-wrap: wrap; position: relative; }
.stcli-slct .stcli-rht {width: 60%;}
.stcli-slct .stcli-lft #clint_cates {width: 100%; height: 250px; margin: 0 auto;}
.stcli-slct .stcli-cnt {width: 100%;}
.stcli-slct .stcli-cnt { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 5px; width: 100%;margin-top: 10px; }
.stcli-slct .stcli-cnt .stcli-box { border-radius: 20px; background-color: #f5f6fa; padding: 10px;color: #828d99; font-size: 16px; font-weight: 400; display: flex; flex-wrap: wrap; position: relative; align-items: center;}
.stcli-slct .stcli-cnt .stcli-box .icon { width: 45px; height: 45px; border-radius: 50%; position: relative; font-size: 35px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; }
.stcli-slct .stcli-cnt .stcli-box small { width: 100%; font-size: 16px; text-align: center; font-weight: 600; color: #333; line-height: 1.2;}
.stcli-slct .stcli-cnt .stcli-box b { color: #fff; margin-top: 3px; font-size: 16px; font-weight: 500; background: #444; padding: 2px 10px;  border-radius: 25px;min-width: 70px;}
.stcli-slct .stcli-cnt .stcli-box .stcli-algn1 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px 5px; width: 100%; margin-top: 5px;}
.stcli-slct .stcli-cnt .stcli-box .stcli-algn1 span {font-size: 12px; font-weight: 600; color: #aaa; display: grid; align-items: center; width: 100%; text-align: center; justify-content: center;}

.agecate-slct {display: flex; width: 100%; margin-top: 0px; flex-wrap: wrap; justify-content: center;}
.agecate-slct #agecate_chrt { display: flex; height: 120px;width: 100%; position: relative;}
.agecate-slct h3 {font-size: 13px; font-weight: 800; text-transform: uppercase; text-align: center; margin-bottom: 10px; color: #fff; background: #898cd2; padding: 5px 20px; border-radius: 25px;}

.stcli-slct .stcli-lft .stcli-algn2 {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 0px; width: 100%; margin-top: 0px; position: absolute; bottom: -10px;}
.stcli-slct .stcli-lft .stcli-algn2 span {font-size: 12px; font-weight: 600; color: #aaa; display: flex; align-items: center; width: 100%; text-align: center; justify-content: center;}
.stcli-slct .stcli-lft b { color: #333;font-size: 20px; font-weight: 500; margin-left: 15px;}

.stsers-chrt {display: flex; width: 100%; margin-top: 35px; flex-wrap: wrap; justify-content: center;}
.stsers-chrt #stsers_chrt { display: flex; height: 150px;width: 100%; position: relative;}
.stsers-chrt h3 {font-size: 13px; font-weight: 800; text-transform: uppercase; text-align: center; margin-bottom: 10px; color: #fff; background: #898cd2; padding: 5px 20px; border-radius: 25px;}

.agecate-slct #agecate_chrt .highcharts-drilldown-axis-label { text-decoration: none !important;}
.stsers-chrt #stsers_chrt .highcharts-drilldown-axis-label { text-decoration: none !important;}

/* Extra large devices (large desktops, 1500px and up) */
@media only screen and (max-width: 1366px)
{
  .select2-container--default {max-width: 495px !important;}
}
@media (max-width: 1200px) {
  .orgdet ul li{ width:48%;}
  .orgdet-part ul li{ width:48%;}
  .flx-chart{ height:auto;}
  .org2 h1{ font-size:20px; line-height:1.3; text-align:justify}
  .dfdet2 ul li b{ width:12%;}
  .dfdet2 ul li b i{ font-size:20px;}
  .dfdet2 ul li span{ font-size:13px;}
  .das-main .das-rht a{ margin-bottom:8px; margin-right:12px;}
  .das-main .das-rht a .frm-lnk .frm-l{ padding:8px;}
  .das-main .das-rht a .frm-lnk .frm-r{ padding:15px 10px;}
  .das-main .das-rht a .frm-lnk span i{ font-size:36px; width:65px; height:65px; padding-top:15px;}
  .das-main .das-rht a .frm-lnk h2{ font-size:16px;}
  .igcm-org1 h2{ font-size: 19px; padding-left: 25px;}
  .igcm-org1::before{ width: 150px;}
  .igcm-org2::before{ width: 148px;}
  .igcm-org1:hover:before{ width: 120px; transition: 0.4s; background-color: #f0f0f0;}
  .clt-fixdls .clt-slct .clt-slct-rht {width: 100% !important;}
  .tbl-nalign ul li {flex-wrap: wrap; line-height: 13px;}
  .tbl-nalign ul li:first-child { margin-bottom: 5px; }
  .tbl-nalign ul li:last-child { padding-top: 6px; border-top: 2px dotted #d7d7d7; }
  .tbl-nalign ul li b::before {content: none;}
  .tbl-nalign ul li b {width: 100%;}
  .tbl-nalign ul li span {width: 100%; font-weight: 600; padding: 0;}
  .igcm-title::before {right: 17%;}
  .select2-container--default {max-width: 100% !important;}
}
/* 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;}
.acc-title ul li:nth-child(1){ width:14%;} 
.acc-title ul li:nth-child(2){ width:44%;}
.acc-title ul li:nth-child(3){ width:14%;}
.acc-title ul li:nth-child(4){ width:14%;}
.acc-title ul li:nth-child(5){ width:14%;}
.tbl-frm-case .card-header .acc .isu-cde{ width:14%;}
.tbl-frm-case .card-header .acc b{ width:44%;}	
.tbl-frm-case .card-header .acc .isu-lnk{ width:42%;}
.tbl-frm-case .card-header .acc b small{ width:95%}
.usr-prfle-main .usr-det .usr-image{ width: 25%;}
.usr-prfle-main .usr-det .usr-pstn{ width: 75%;}
.outlet-main .card-body .acc-frm-details .form-group{ margin-bottom: 15px;}
.outlet-main .card-body .acc-form .add-butt{ margin-top: 10px;}
.mini-stat-img .mini-des i{ padding-left: 0; font-size: 30px}
.mini-stat-img .mini-des span{ font-size: 24px;}
.outlet-frm-details .form-group{ margin-bottom: 10px;}
div.view b a{ width: 100%; font-size: 12px;}
.outlet-top-box .outlet-logo{ width: 21%;}
.outlet-top-box .outlet-tit{ width: 60%; padding: 0px 10px;}
.outlet-top-box .outlet-qr{ width: 48%;}
#myModal .modal-dialog{ margin-top: 100px;}
.outlet-tmp .outlet-tmp-dtls span{ margin-right: 8px;}
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-rht ul li{ margin-bottom: 2px;}
.flat-dasbrd .oulet-tdy{ width: 35%;}
.outlet-time-dtl .outlet-time-box span{ font-size: 12px;}
.outlet-time-dtl .outlet-time-box small{ letter-spacing: 0; font-size: 8px;}
.igcm-org1{ padding: 15px 10px 15px 10px;}
.igcm-org1 small{ right: 10px;}
.igcm-org1::before{ width: 120px;}
.igcm-org1 span{ height: 110px;}
.xsearchbdy::before{ width: 105%;}
.pink{ font-size: 24px;}
.tab-main .det-tab-acc .nav-tabs > li > a{ padding: 6px 8px;}
.tab-view-lbl ul li b{ width: 30%;}
.tab-view-lbl ul li span{ width: 70%;}
.new-grid-algn3 {grid-template-columns: repeat(2, 1fr);} 
.igcm-org-list ul li {width: 100%; padding: 5px;}
.igcm-title::before {right: 20%;}
.igcmtot-chrt-slct .igcmtot-hder h2 {width: 25%;}
.igcmtot-cnt .reve-cnt {width: 58%;}

.stcli-slct {flex-wrap: wrap;}
.stcli-slct .stcli-lft {width: 100%;}
.stcli-slct .stcli-rht {width: 100%; margin-top: 20px;}
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
.dfdet2 ul li{ width:100%;}
.dfdet2 ul li b{ width:15%;}
.dfdet2 ul li span{ width:70%; font-size:14px;}
.dfdet2 ul li small{ width:15%;}
#sidebar-menu ul > li > a span b{ font-size: 13px;}
body.adminbody .main-sidebar.left{ padding-right: 10px;}
.das-main .das-rht a{ width:48%; margin-right:9px;}
.das-main .das-rht a:nth-child(2n+2){ margin-right:0;}
.das-main .das-rht a:nth-child(3n+3){ margin-right:9px;}
.login{ width:85%;}
.login .login-box .login-det{ width:60%; flex-wrap:wrap; align-items:center; padding:53px 40px 53px 35px;}
.breadcrumb-holder{ margin:0; padding: 10px 0px 10px;}
.breadcrumb-holder .main-title{ font-size: 16px;}
.breadcrumb-holder .main-title i{ font-size: 12px;}
.login .login-box .login-lft{ width: 45%;}
.login .login-box .login-det{ width: 55%; padding: 53px 30px 53px 30px;}
.crse-sel .card-body .usr-roll .usr-lft{ margin-right:0;}
.content-page{ margin-bottom:0px;}
.dropdown-menu{ margin:9px 0px;}
.clt-chrt .clt-chrt-box:nth-child(1){ width:58%;}
.clt-chrt .clt-chrt-box:nth-child(2){ width:40%;}
.main-sidebar { top:40px;}
.custom-prev .file-drop-zone .krajee-default.file-preview-frame{ width: 32%; margin-bottom: 10px;}
.cases-top-lnk .rht-lnk{ width: 41%;}
.breadcrumb-holder::before{ top:2px;}
.igcm-org {margin-top: 0;}
.igcm-org1 h2{ padding-left: 0; width: 100%; margin:0px 0px 5px; z-index: 9;}
.igcm-org1 { padding: 0;}
.mini-stat{ width: 49%; margin-bottom: 15px;}
.mini-stat:nth-child(3){ margin-bottom: 0;}
.mini-stat:nth-child(4){ margin-bottom: 0;}
.outlet-chrt{ flex-wrap: wrap; padding: 5px 30px 0px;}
.outlet-chrt .outlet-chrt-box:nth-child(1){ width: 100%; margin-bottom: 20px;}
.outlet-chrt .outlet-chrt-box:nth-child(2){ width: 100%;}
.outlet-chrt-box .outlet-chrt-header h2{ font-size: 16px;}
.outlet-chrt-box .outlet-chrt-header h2 i{ font-size: 18px;}
.das-chrt{ flex-wrap: wrap;}
.das-chrt .das-chrt-box:nth-child(1){ width: 100%; margin-bottom: 20px;}
.das-chrt .das-chrt-box:nth-child(2){ width: 100%;}
.outlet-mgmnt{ flex-wrap: wrap;}
.outlet-mgmnt .igcm-org{ width: 100%;}
.outlet-acc-des{ width: 100%;}
.outlet-tmp .outlet-tmp-dtls span{  height: 170px; width: 32%;}
.outlet-tmp .outlet-tmp-dtls span:nth-child(3n+3){ margin-right: 0;}
.outlet-tmp .outlet-tmp-dtls span:nth-child(5n+5){ margin-right: 8px;}
.outlet-acc-des .card-body{ height: auto}
.discount-main .discount-box{ width:100%;}
.dis-table{ min-height: 300px; max-height: 300px;}
.claim-view-list ul li b{ width: 30%;}
.claim-view-list ul li span{ width: 70%;}
.quick-srch .qsrch{ width: 280px;}
.quick-srch .qsrch:focus{ width: 300px;}
.igcm-org1 span{ border-right: 0; width: auto;}
.igcm-org1 span:before{ background-color: transparent;}
.igcm-org:hover .igcm-org1 span:before{ background-color: transparent;}
.report a{ width: 49%;}
.claim-view-list{ flex-wrap: wrap;}
.claim-view-list ul{ width: 100%;}
.usr-des-main .usr-infrn ul{ width: 100%;}
.usr-des-main .usr-infrn ul li:last-child{ border-bottom: 1px dotted #bababa;}
.tab-view-list{ flex-wrap: wrap;}
.tab-view-list ul{ width: 100%;}
.igcmct-slct .cust-cnt-prt {grid-template-columns: repeat(3, 1fr);}
.igcm-title::before {right: 23%;}

}
/* 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; }
.bg-clr .box1{ width:48%;}
.bg-clr .box1 { width:49%; margin-right:14px; margin-bottom:14px;}
.bg-clr{ flex-wrap: wrap;}
.bg-clr .box1:nth-child(2n+2){ margin-right:0px;}
.orgdet ul li{ width:100%;}
.orgdet-part ul li{ width:100%;}
.list1{ width:100%}
.list2{ width:100%}
.assment-link-part{ width:100%;}
.assment-link-part{ margin-bottom:15px;}
.das-main .das-rht a .frm-lnk h2 {margin: 15px 0px 15px 10px;}
.das-main .das-rht a .frm-lnk .frm-l{ padding:25px 8px;}
.das-main .das-rht a{ width:48.5%;}
.das-main .das-rht a .frm-lnk .frm-r{ padding:15px 10px;}
.das-main .das-rht a .frm-lnk span i{ font-size:40px; width:75px; height:75px; padding-top:15px;}
.das-main .das-rht a .frm-lnk h2{ font-size:18px;}
.tree-chart .card-body #chartdiv{ height:auto;}
.das-main .das-rht{ justify-content:space-between;}
.das-main .das-rht a:nth-child(3n+3){ margin-right:0;}
.login .login-box .login-det h2{ font-size:21px;}
.crse-sel .card-body .usr-roll .usr-rht span{ margin:4px 0px 4px 4px;}
.crse-sel .card-body .usr-roll .usr-lft h2{ font-size:14px;}
.nav-user img{ width:30px; height:30px;}
.navbar-custom .nav-link .tlogdwn{ padding:2px 12px 2px 12px;}
.navbar-custom .nav-lst{ margin-right:10px;}   
.custom-prev .file-drop-zone .krajee-default.file-preview-frame{ width: 49%; margin-bottom:10px;}
.headerbar .headerbar-left{ padding-left: 6px; height: 62px;}
.outlet-chrt{ flex-wrap: wrap; padding: 5px 30px 0px}
.outlet-chrt .outlet-chrt-box:nth-child(1){ width: 100%; margin-bottom: 15px;}
.outlet-chrt .outlet-chrt-box:nth-child(2){ width: 100%;}
.login .login-box .login-lft{ width: 45%;}
.login .login-box .login-det{ width: 55%; padding: 53px 30px 53px 30px;}
.login .login-box span b{ font-size: 20px;}
.login .login-box span small{ font-size: 24px;}
.mini-stat{ width: 49%; margin-bottom: 15px;}
.mini-stat:nth-child(3){ margin-bottom: 0;}
.mini-stat:nth-child(4){ margin-bottom: 0;}
.das-chrt{ flex-wrap: wrap;}
.das-chrt .das-chrt-box:nth-child(1){ width: 100%; margin-bottom: 15px;}
.das-chrt .das-chrt-box:nth-child(2){ width: 100%;}
.igcm-org1 span{ z-index: 0;}
.igcm-org1 h2{ z-index: 0;}
.pro-doc{ width:100%; padding:0px 10px;}
.pro-doc span{ width:30%;}
.cases-top-lnk .rht-lnk{ width: 40%;}
.toplnk{ text-align: right;}
.tbl-frm-case .card-header .acc .isu-lnk .isu-lnk-box{ padding:0px 4px 1px 2px;}
.acc-title ul li:nth-child(1){ width:14%;} 
.acc-title ul li:nth-child(2){ width:44%;}
.acc-title ul li:nth-child(3){ width:14%;}
.acc-title ul li:nth-child(4){ width:14%;}
.acc-title ul li:nth-child(5){ width:14%;}
.tbl-frm-case .card-header .acc .isu-cde{ width:14%;}
.tbl-frm-case .card-header .acc b{ width:44%;}	
.tbl-frm-case .card-header .acc .isu-lnk{ width:42%;}
.tbl-frm-case .card-header .acc b small{ display: block}
body.adminbody-void{ min-height: 700px;}
.enlarged .footer-main{ padding-left:0;}
.usr-prfle-main .usr-det .usr-image{ width: 30%;}
.usr-prfle-main .usr-det .usr-pstn{ width: 70%;}
.crse-sel .acrd-link b{ z-index: 0;}
.date-inpt-main{ flex-wrap: wrap;}
.date-inpt-main .date-inpt{ width: 100%;}
.date-inpt-main .date-inpt:first-child{ margin-bottom: 5px;}
.outlet-top-box .outlet-logo{ width: 25%;}
.outlet-top-box .outlet-tit{ width: 60%;}
.outlet-top-box .outlet-tit h2{ font-size: 20px;}
.outlet-dasbrd .outlet-seanl h2{ font-size: 16px;}
.outlet-dasbrd .oulet-tdy h2{ font-size: 16px;}
#sandbox-container .datetimepicker-input{ width: 47% !important}
.flat-dasbrd .oulet-tdy{ width: 50%;}
.footer-main{ padding-left:0;}
.outlet-time-dtl .outlet-time-box span{ font-size: 16px;}
.outlet-time-dtl .outlet-time-box small{ letter-spacing: 0; font-size: 13px;}
.xsearchbdy::before{ width: 110%;}
.button-menu-mobile{ color: #7920a2;}
.tax-invoice .btn-rht{ margin-bottom: 20px;}
.pink{ font-size: 22px;}
.tab-main .det-tab-acc .nav-tabs-custom > .nav-tabs > li{ margin-bottom: 3px; width: 24%;}
#main.enlarged .headerbar-left .logo {position: absolute; top: 0; left: 0;}
.cli-dls-list {grid-template-columns: repeat(1, 1fr);}
.cli-dls-list .cltlist1:last-child {border-bottom: none;}
.igcm-org-list ul {grid-template-columns: repeat(1, 1fr);}
.igcm-org-list ul li {margin: 0px 0px;}
.breadcrumb-holder {padding: 20px 0px 20px;}
.breadcrumb-holder .main-title {font-size: 18px;}
.igcm-title::before {right: 27%;}

}

@media (max-width: 767px) {
.notif .notify-item { padding:7px 15px; }
.breadcrumb-holder .main-title, .breadcrumb-holder .breadcrumb { float: none; }
.assment-table .usr_txt1 li b{ width:100%;}
.bg-log{ flex-wrap:wrap;}
.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 h2{ font-size:20px;}
.login .login-box{  flex-wrap: wrap;}
.login .login-box .login-lft{ min-height: 300px;}
.login .login-box .login-det{ width: 100%; padding: 15px 30px 20px 30px;}
.login .login-box .login-lft{ width: 100%; padding: 50px 30px 20px 30px;}
.login .login-box .login-det form{ width: 100%;}
.crse-sel .card-body .usr-roll .usr-rht span{ width:23%;}
.quick-srch .qsrch{ width: 240px;}
.quick-srch .qsrch:focus{ width:260px;}
.ptnr .form-row .form-group .box1{ margin-bottom: 15px;}
.outlet-top-box .outlet-logo{ width: 25%;}
.outlet-top-box .outlet-tit{ width: 55%;}
.outlet-tmp .outlet-tmp-dtls span{ width: 32%;}
.err-box{ width: 100%;}
.quick-srch{ display: none;}
.tab-main .det-tab-acc .nav-tabs-custom > .nav-tabs > li{ width: 49%; margin-bottom: 2px;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
.remainder span{ box-shadow: none; width: 16px; height: 16px;}
.remainder a{ width: 26px; height: 26px;}
.remainder a i{ font-size: 12px;}
.outlet-tmp .outlet-tmp-head h2{ margin-bottom: 10px; font-size: 14px;}
.outlet-top-box .qr-code{ width: 100%;}
.quick-srch{ display: none;}
.content-page .content{ padding:0;}
.button-menu-mobile{ padding:2px 2px; right:auto; margin-left: 0px; margin-right: 2px;}
.igcm-org1 small a{ padding: 2px 20px 3px 15px;}
.igcm-org2{ padding: 20px; border: 0 none; margin-top:0px;}
.igcm-org2::before{ top: 2px; background-color:transparent}
.outlet-mgmnt .igcm-org .igcm-org1 .qr-cde b{ width: 160px; height: 160px;}
.outlet-mgmnt .igcm-org .igcm-org2{ border:1px solid #e1e1e1;}
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-rht ul{ margin:10px 0px;}
.dis-table{ min-height: auto; max-height: auto;} 
.dfdet3 ul li{ width:48%;}
.dfdet ul li{ width:100%;}
.detailbox1 .table{ display:block;}
.claim-view-list ul li{  flex-wrap: wrap;}
.claim-view-list ul li b{ width: 100%; border-right: 0 none;}
.claim-view-list ul li span{ width: 100%; padding-left:10px;}
.claim-view-list ul li:hover b:before{  background-color:transparent;} 
.usr-des-main .usr-infrn ul li:first-child{ border-top: 1px dotted #bababa;}
.usr-des-main .usr-infrn ul li{ flex-wrap: wrap;}
.usr-des-main .usr-infrn ul li b{ width: 100%; margin-right: 0; padding-left: 6px; border-left: 2px solid #e7e7e7;}
.usr-des-main .usr-infrn ul li span { width: 100%; color: #888; padding-left:6px; border-left: 2px solid #e7e7e7;}
.usr-des-main .usr-infrn ul{ width: 100%;}
.usr-prfle-main .usr-det{ flex-wrap: wrap; padding-bottom: 25px; margin-bottom: 20px;}
.usr-prfle-main .usr-det .usr-image{ width: 100%;}
.usr-prfle-main .usr-det .usr-pstn{ width: 100%; padding-left: 0; border-left: 0 none; margin: 0px 0px 0px; text-align: center;}
.usr-prfle-main .usr-det .usr-pstn span{ justify-content: center;}
.usr-prfle-main .usr-det .usr-pstn h2{ font-size: 20px;}
.usr-prfle-main .usr-det .usr-image span a i{ width: 35px; height: 35px;}
.igcm-org1{ justify-content: center; flex-wrap: wrap; margin-bottom: 20px;}
.igcm-org1::before{ background-color: transparent}
.igcm-org1:hover:before{ background-color: transparent}
.igcm-org-list ul li{ flex-wrap: wrap; border-bottom: 2px dotted #ccc;}
.igcm-org-list ul li:last-child{ border-bottom: none;}
.igcm-org-list ul li b{ width: 100%; justify-content: center;}
.igcm-org-list ul li span{ width:100%; padding: 5px 10px 5px 10px; font-size: 13px; line-height: 1.5; text-align: center;}
.igcm-org1 h2{ font-size:18px; text-align: center; margin: 15px 0px 15px; z-index: 0;}
.igcm-org1 span{ width: auto; height: 80px; z-index: 0;}
.igcm-org-list ul li b::after {content: none;}
.igcm-org:hover .igcm-org1:before{ background-color: transparent;}
.igcm-org1 small{ margin: 10px 0px; position: relative; right: auto;}
.headerbar{ background-color:#fff;}
.pad1{ padding:8px 10px 3px; flex-wrap: wrap; display: block; background-color: #f3f3f7; border-radius: 3px; text-align: justify;}
.bg-clr .box1{ width:100%; margin-right:0;}
.accord{ border-right:none;}
.course-list1 .stat-box i{ margin-top:0px;}
.course-list1{ height:auto;}
.course-frm{ display:inline-block;}
.notif .noti-icon { font-size: 18px; padding: 0 10px; }
.hidden-mobile { display: none !important; }
.orgdet ul li{ width:100%; flex-wrap: wrap;}
.orgdet ul li b{ width:100%; border-right:0 none; border-bottom:1px solid #e7e7e7; background-color:#f8f8f8;}
.orgdet ul li:hover b{ border-right:0 none;}
.orgdet ul li span{ width:100%;}
.cust-tab .nav-tabs-custom > .nav-tabs > li{ width:100%; display:block;}
.cust-tab .nav-tabs > li{ margin-right:0;}
.course-frm{ display:inline-block; padding: 0px 5px;}
.form-group{ margin-bottom: 3px;}
.cel-split input{ width:40%;}
.quick-srch .qsrch{ padding: 5px 55px 5px 12px}
.entry-main{ margin:0;max-width:90%; margin-top: 30px;  margin-bottom: 30px;  margin-left:20px;}
.das-main .das-rht a{ width:100%; margin-right:0px;}
.role-display h2{ font-size: 14px;}
.crse-sel .acrd-link{ font-size: 13px;}
.crse-sel .acrd-link b{ z-index: 0;}
.toplnk{ padding-top: 20px; min-width: 50px; width: 100%;  justify-content: center;}
.breadcrumb-holder::before{ top:0px; width: 450px; right: -15px;}
.navbar-custom{ margin-left:0px !important; min-height: 60px; padding: 0px 15px;}
.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;}
.notif .noti-title{ padding:3px 15px 6px 15px;}
.headerbar .headerbar-left{ height: 60px; }
.headerbar .headerbar-left .logo img{ padding:0px; max-height:40px; margin-top: 8px;}
.nav-user img{ width:26px; height:26px;}
.breadcrumb-holder .main-title{ font-size: 18px;}
.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;}
.breadcrumb-holder{ border-bottom:0 none; padding: 20px 0px 4px 0px; margin-bottom: 10px; flex-wrap: wrap; justify-content: center; text-align: center;}
.main-sidebar{ top: 30px; bottom: 0px; width: 220px; margin-bottom: 0px; margin-top: 0; padding-bottom: 0px;}
.orglogo{ text-align: center; flex-wrap: wrap; margin-top:50px; padding-bottom:20px;}
.orglogo:hover .org1:before{ bottom:-15px; transition:0.4s; background-color:#e92529;}
.org2 h1{ font-size:16px; line-height:1.5; padding-left:0; font-weight:500; text-align:center}
.orglogo .org2{ width:100%;}
.orglogo .org1{ padding-right:0; width:100%; border-right:0 none; border-bottom:1px solid #ddd; padding-bottom:12px; margin-bottom:20px;}
.orglogo .org1::before{ bottom:-7px; left:48%; transform:rotate(90deg);}
.orglogo .org1 img{ margin:0 auto;}
.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;}
.tree-chart .card-body{ height:auto !important}
.login{ width:90%;}
.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:50px; margin-top:30px;}
.login .login-box .login-lft{ min-height:280px; width:100%; border-right:none; background-size:cover; background-color:#fff; padding: 50px 30px 10px 30px;}
.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(255, 255, 255,0.80);}
.login .login-box .login-det{ width:100%; padding:20px 30px 20px 20px;}
.login .login-box .login-det::after{ background-color: transparent;}
.login .login-box .login-det h2{ text-align:center; font-size:22px; width:100%; margin:5px 0px 25px;}
.login .login-box .log-logo{ top:-50px; left:auto; width:70%;}
.login-form .login-frm-main .form-group{ margin-bottom:22px;}
.login .login-box .login-lft span{ line-height: 1.3;}
.login .login-box span b{ font-size: 18px;}
.login .login-box span small{ font-size: 22px;}
.login .login-box .login-det .login-frm-lnk label{ justify-content: center;}
.login .login-box .login-det .login-frm-btn{ display: flex; justify-content: center;}
.login .login-box .login-det .login-frm-lnk{ margin: 5px 0px 10px;}
.login .login-box .login-det .login-frm-lnk1{ margin: 20px 0px;}
.login .login-box::before{ background-color: transparent;}
.login .login-box::after{ background-color: transparent;}
.login-page::before{ width: 95%; -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(50% 0, 100% 0, 100% 100%, 0% 100%);}
.pwd-by{ right:auto; bottom:25px; display:flex; justify-content:center; width:100%;}
.breadcrumb-holder .main-title i{ padding-right: 5px;}
.scrollToTop{ display: block !important;}
.lve-frm span:nth-child(1){ width: 48%;}
.lve-frm span:nth-child(2){ width: 48%;}
.lve-frm span:nth-child(3){ width: 48%; margin-top: 10px;}
.tab-main .det-tab-acc .nav-tabs-custom > .nav-tabs > li{ width: 100%; margin-bottom: 2px;}
.tab-view-list ul li{ flex-wrap: wrap;}
.tab-view-list ul li b{ width: 100%;}
.tab-view-list ul li span{ width: 100%; padding: 5px 5px 5px 10px;}
.tab-view-list ul li b::before{ background-color: transparent;}
.tab-view-list ul li:hover b:before{ background-color: transparent;}
.tbl-splt span{ width: 41%; padding: 0px 4px;}
.crse-sel .card-body .usr-roll{ flex-wrap:wrap; padding: 4px 0px 8px;}
.crse-sel .card-body .usr-roll .usr-lft{ width:100%;}
.crse-sel .card-body .usr-roll .usr-rht{ width:100%;}
.crse-sel .card-body .usr-roll .usr-lft{ padding:5px 10px; margin-bottom:5px; border-right:0 none; display: flex; flex-wrap: wrap;}
.crse-sel .card-body .usr-roll .usr-rht span{ width: 48%;}
.remainder{ margin-right:12px;}
.clndr{ margin-right: 5px; color:#444; font-size: 11px; background-color: #eee; border-radius: 50px; padding: 2px 8px;}
.clndr i{ color:#666; font-size: 12px;}
.logo{ padding-right: 0px;}
.view-cmd h2{ font-size:14px; justify-content:space-between;}
.view-cmd h2 span{ font-size:12px; width:55%}
.cases-top-lnk h2{ font-size:16px;}
.outlet-view-list ul li{ flex-wrap:wrap;}
.outlet-view-list ul li b{ width:100%; border-right: 0 none; border-left: 1px solid #eee; padding: 5px 10px 5px 10px; font-weight: 600;}
.outlet-view-list ul li span{ width:100%; border-left:1px solid #ededed;}
.outlet-view ul li span{ padding:5px 10px 5px 10px;}
.pro-doc{ width:100%; padding:0px 0px;}
.pro-doc span{ width:100%; margin-bottom:10px;}
.pro-det-tbl{ margin-top:12px; padding-top:12px;}
.pro-det-tbl h2{ padding-left:0; font-size:18px;}
.pro-det-tbl h2:before{ left:0; background-color:#ddd;}
.tbl-frm-case{ padding:8px 0px;}
.rtng-viw .rating-md{ margin-top: 0px;}
.cases-top-lnk{ flex-wrap: wrap;}
.cases-top-lnk .rht-lnk{ width: 100%;}
.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 0px; justify-content: center; flex-wrap: wrap;}
.page-item:first-child .page-link { padding: 5px 13px; }
.page-item:last-child .page-link { padding: 5px 13px; }
.page-item.active .page-link {font-size: 12px;}
.page-link {padding: 5px 10px; font-size: 12px;}
.page-item.disabled .page-link {padding: 5px 13px; margin-bottom: 5px;}
.pgn-rht {margin-top: 10px;}
.body-content{padding: 20px}
.remainder small{ padding-top:4px;}
.scrollToTop { bottom:10px; right:10px;}
.das-chrt-box .das-chrt-header{ flex-wrap: wrap; justify-content: center}
.das-chrt-box .das-chrt-header h2{ margin-bottom: 8px; font-size: 13px;}
.das-chrt-box .das-chrt-header h2 i{ font-size: 14px;}
.chrt-srch .csrch{ font-size: 13px;}
.das-tbl{ padding: 10px 25px 15px;}
.das-tbl h2{ font-size: 14px;}
.das-chrt{padding: 0px }
.das-chrt .das-chrt-box{ width:100%; margin-bottom:10px;}
.das-chrt-pie{ flex-wrap:wrap; padding-bottom:5px;}
.das-chrt-pie .das-chrt-box{ width:100%; margin-bottom:5px;}
.das-chrt-pie .das-chrt-box .chrt-dwn h2{ position:relative}
.clt-chrt{ flex-wrap:wrap;}
.clt-chrt .clt-chrt-box:nth-child(1){ width:100%; margin-bottom:10px;}
.clt-chrt .clt-chrt-box:nth-child(2){ width:100%;}
.head-time{ margin-right: 5px; padding: 5px 7px; min-width: 165px;}
body.adminbody-void{ min-height:auto; margin-bottom: 20px;}
.xsearchbdy label.empty{ height: 15px;}
.custom-prev .file-drop-zone .krajee-default.file-preview-frame{ width:100%; margin-bottom:10px; margin-right: 0px;}
.custom-prev .file-drop-zone .krajee-default.file-preview-frame .kv-file-content video{ height: 100% !important;}
.custom-prev .file-drop-zone iframe{ height: 100% !important}
.crp-btn{ text-align: center;}
.mini-statement{ padding: 15px 25px 15px;}
.mini-stat{ width: 100%; margin-right: 0;}
.mini-stat:nth-child(3){ margin-bottom: 15px;}
.outlet-chrt-box .outlet-chrt-header{ flex-wrap: wrap; justify-content: center; padding: 10px 8px}
.outlet-chrt-box .outlet-chrt-header h2{ width: 100%; margin-bottom:8px; text-align: center}
.outlet-dasbrd{ flex-wrap: wrap; padding: 25px 5px 15px;}
.outlet-dasbrd .oulet-tdy{ width: 100%; margin-bottom: 10px;}
.outlet-dasbrd .outlet-seanl{ width: 100%;}
.outlet-chrt{ padding: 5px 25px 0px}
.outlet-top-box{ flex-wrap: wrap; justify-content: center}
.outlet-top-box .outlet-logo{ width: 100%; justify-content: center}
.outlet-top-box .outlet-tit{ width: 100%; justify-content: center}
.outlet-top-box .outlet-tit h2{ text-align: center; margin: 20px 0px; font-size: 16px;}
.outlet-top-box .outlet-qr{ width: 100%; justify-content: center}
.outlet-tmp .outlet-tmp-dtls span{ width: 100%; margin-right: 0; height: auto;}
.outlet-tmp .outlet-tmp-head{ flex-wrap: wrap; justify-content: center}
.outlet-tmp .outlet-tmp-head span{ width: 100%; display: flex; margin-top: 15px; justify-content: center;}
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-lft{ width: 100%;}
.outlet-mgmnt .igcm-org .igcm-org1 .igcm-org1-rht{ width: 100%; justify-content: center; margin-right: 5px; border-left: 0;}
#sandbox-container{ flex-wrap: wrap;}
#sandbox-container #datetimepicker7{ margin-right: 0; margin-bottom: 2px;}
.err-box .tit h2{ font-size: 50px;}
.err-box .tit i{ font-size: 50px;}
.claim-view-list ul li b::before{ background-color: transparent;}
.outlet-top-box .outlet-qr h3{ margin-bottom: 10px;}
.flat-dasbrd .oulet-tdy{ width: 100%;}
.tab-view-lbl ul li{ flex-wrap: wrap; line-height:1.3px;}
.tab-view-lbl ul li b{ width: 100%;}
.tab-view-lbl ul li b:before{ visibility: hidden;}
.tab-view-lbl ul li span{ width: 100%; padding:2px 5px 2px 10px;}
.acc-title{ display:none;}
.tbl-frm-case .card-header .acc{ flex-wrap:wrap;}
.tbl-frm-case .card-header .acc b small{ white-space: normal; bottom:2px; position: relative; width: 100%; padding-right: 60px; line-height: 1.2; margin-bottom: 1px;}
.tbl-frm-case .card-header .acc b a{ white-space:normal; font-size:13px; text-align:left; padding-bottom:5px; line-height: 1.3;}
.tbl-frm-case .card-header .acc .isu-lnk .isu-lnk-box{ padding:0px 5px 1px 5px; width:100%; text-align:center; border-right:0 none;}
.tbl-frm-case .card-header .acc b small span{ right:5px; padding-left: 5px;}
.tbl-frm-case .card-header .acc .isu-lnk .isu-lnk-box b{ width:100%;}
.tbl-frm-case .card-header .acc .isu-cde{ width:33%;}
.tbl-frm-case .card-header .acc b{ width:67%; padding:0px 0px 0px 5px; border-right:0 none}	
.tbl-frm-case .card-header .acc .isu-lnk .isu-lnk-box b{ display:block;}
.tbl-frm-case .card-header .acc .isu-lnk{ width:100%; margin:8px 0px 2px; background-color:#f3f3f3; flex-wrap:nowrap; padding:6px;}
.tbl-frm-case .issue-det ul{ flex-wrap:wrap; justify-content:space-between;}
.tbl-frm-case .issue-det ul li:nth-child(1), .tbl-frm-case .issue-det ul li:nth-child(2), .tbl-frm-case .issue-det ul li:nth-child(3), .tbl-frm-case .issue-det ul li:nth-child(4){ width:48%}
.tbl-frm-case .issue-det ul li{ margin-bottom:6px;}
.tbl-frm-case .issue-det ul li b{ background-color:#f7f7f7;}
.tbl-frm-case .issue-det ul li:nth-child(5){ width:100%;}
.clr-case-tag{ display: block;}
.logo{ justify-content: center; align-items: center; margin-bottom: 0; margin-top: 0 !important;}
.sticky{ background-color: #fff;}
.content-page .content{ padding: 0; margin-bottom: 120px;}
.headerbar .headerbar-left{ border-right: 0; width: 145px;}
.ptnr{ padding-top: 5px;}
.ptnr h2{ font-size: 16px;}
.usr-des-main .usr-infrn h2::before{ visibility: hidden;}
ul.outlet-dte li b{ width: 45%; padding: 1px 5px 1px 15px;}
ul.outlet-dte li span { width: 55%;}
ul.outlet-dte li small{ font-size: 11px;}
.dropzone .dz-preview{ width: 100%; margin: 0 auto !important}
.dropzone .dz-preview .dz-image{ width: 100% !important; height: auto !important; }
.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;}
.form-row label{ text-align:left;  font-size:13px;}
.xsearchbdy .form-group label{ padding-left: 0;}
.crse-sel .card::after{ left: 4px;}
.rto-inpt-main{ flex-wrap: wrap;}
.discount-main .discount-box ul li{ flex-wrap: wrap}
.discount-main .discount-box ul li b{ width: 100% !important; border-radius: 0 !important; padding: 2px 5px !important; margin-bottom: 2px;}
.discount-main .discount-box ul li small {width: 100% !important;  margin-bottom: 2px; padding-left: 5px;}
.modal-dialog{ margin-top: 90px;}
.splt2-frm{ flex-wrap: wrap;}
.report a{ width: 100%;}
.usr-prfle-main .usr-det .usr-pstn h3{ justify-content: center;}
.tab-main .det-tab-acc .nav-tabs-custom > .tab-content{ padding: 15px;}
.form-row.inpt-chk-lbl .form-group label span{ justify-content: flex-start; border: 1px solid #e2e3e8;}
.headerbar .headerbar-left {width: 62px; padding-left: 0; padding-right: 0;}
.headerbar .headerbar-left .logo img {display: none;}
.headerbar .headerbar-left .logo .mlogoshow { display:block; padding: 0 !important; margin-top: 4px; }
.new-grid-algn2 {grid-template-columns: repeat(1, 1fr); padding: 0 !important;} 
.new-grid-algn3 {grid-template-columns: repeat(1, 1fr); padding: 0 !important;} 
.login-page .lgn-bg {margin-bottom: 40px; height: 100%; }
.clt-fixdls {margin-top: 0px; padding-top: 0px;}
.clt-fixdls .clt-slct .clt-slct-lft {width: 100%;}
.tb-view-link {padding: 0;}
.tb-view-link .tb-link-lst {grid-template-columns: repeat(2, 1fr);}
.clt-fixdls .clt-slct .clt-slct-rht {	width: 100% !important; margin: 20px 0 0 0; }
.igcm-org-list ul {grid-template-columns: repeat(1, 1fr);}
.igcm-org-list ul li {margin: 0px 0px;}
.igcmct-slct .cust-cnt-prt {grid-template-columns: repeat(1, 1fr); }
.igcmtot-chrt-slct {grid-row-start: 5; grid-row-end: 6;}
.igcmin-chrt-slct  {grid-row-start: 6; grid-row-end: 7;}
.ovrall-chrt-slct {grid-column-end: 5;}
.rsk-chrt-slct1 {grid-column-start: 1; grid-column-end: 5;  grid-row-start: 3 !important; grid-row-end: 4 !important;}
.rsk-chrt-slct {grid-column-start: 1; grid-column-end: 5;  grid-row-start: 4; grid-row-end: 5;}
.igcmtot-chrt-slct .igcmtot-hder h2 {font-size: 16px; width: 100%; text-align: center;}
.rsk-chrt-slct .igcmrsk-hder h2 {font-size: 16px;}
.ovrall-chrt-slct .igcmovrall-hder h2 {font-size: 16px;}
.igcmin-chrt-slct .igcmtot-hder h2 {font-size: 16px; text-align: center;}
.igcmtot-cnt {flex-wrap: wrap;}
.igcmtot-cnt .reve-cnt {width: 100%; margin: 20px 0 20px 0px; gap: 10px; flex-wrap: wrap;}
.igcmtot-cnt .reve-cnt-box {width: 100%; padding: 7px 0px 7px 20px;}
.igcmtot-chrt {width: 100%; margin: 30px 0 0 0;}
.ovrall-chrt-slct .igcmovrall-hder .sort-ord {width: 40%;}
.igcmtot-chrt-slct .igcmtot-hder .sort-ord {width: 100%;}
.igcmin-chrt-slct .igcmtot-hder .sort-ord {width: 40%; margin-top: 10px}
.igcmin-chrt-slct .igcmtot-hder {justify-content: center;}
.igcmovrall-slct .prdt-slct .igcmovrall-chrt {height: 200px;}
.igcmtot-cnt .reve-cnt-box b {font-size: 16px;}
.igcmtot-slct .prdt-slct .igcmtot-chrt1 {height: 200px;}
.igcmtot-slct .prdt-slct .prdt-cnt-box {grid-template-columns: repeat(1, 1fr);}
.igcmtot-slct .prdt-cnt-box .prdt-box {padding: 20px;}
.igcmtot-slct .prdt-cnt-box .prdt-box small {text-align: center; width: 100%;}
.igcmtot-slct .prdt-cnt-box .prdt-box .dsh-algn1 { width: 100%; margin-top: 20px;}
.igcm-title::before {right: 50%; top: 12px; font-size: 25px}
.tag-asgn-form {top: 47px; right: -11px;}
.asgn-form label {height: 100px;}
.tbl-nalign ul li span {font-weight: 700; color: #555;}
.clt-slct-rht .clt-title .clt-tab-algn .clt-tab-fgroup {grid-template-columns: repeat(1, 1fr); width: 100%;}
.srve-dls-list .cltlist1 span {grid-template-columns: repeat(1, 1fr);}

.stcli-slct .stcli-cnt {grid-template-columns: repeat(1, 1fr); width: 100%;}

}
/* my styles  */
.alert { position: fixed; top: 80px; right: 18px; z-index: 9999; width: 350px; height: auto;}
label.required:after { color: #ff1717; content: "*"; margin-left: 5px; }
.alert-success { color: #fff; background-color:rgba(16, 170, 5, 0.85); border-color: #109d13; font-weight:400; padding: 5px 10px; margin-bottom: 15px; border-radius: 25px; display: flex; justify-content: space-between; align-items: center;} 
.alert-success button.close{ border: 0; background-color: transparent; color: #fff !important;font-size: 15px; margin-left: 10px; opacity: 1; }
.alert-danger { color: #fff; background-color:rgba(249, 60, 66, 0.85); border-color: #ec3840; font-weight:400; padding: 5px 10px; margin-bottom: 15px; border-radius: 25px; display: flex; justify-content: space-between; align-items: center;} 
.alert-danger button.close{ border: 0; background-color: transparent; color: #fff !important; font-size: 15px; margin-left: 10px; opacity: 1; }
.alert-error { color: #fff; background-color:rgba(237, 28, 36, 0.85); border-color: #ed1c24; font-weight:400; }
#settings th { text-transform:uppercase; } 
#settings td { text-transform:capitalize; } 
.help-block { color: red; } 
p.help-block{ margin: 0; padding-top: 3px; font-size: 14px;}
.error{ color: #ec2029 !important; font-size: 12px !important; width: auto;}
#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.4s; } 
.no-rcd:hover i{ animation-name: zoomIn; animation-duration: 1s; transition: 0.8s;}
.no-rcd i{ color: #f42b2b; margin-right: 5px; font-size: 26px; transition: 0.8s;}
p.no-rcd{ margin-bottom: 0;}
.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 }
/*  // my styles  */

ion-icon { pointer-events: none; }