@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&display=swap');
html { position: relative; min-height: 100%;}
body { font-family:'Poppins', sans-serif; font-size: 0.9rem; background-color:#dde1e6; padding-bottom:50px; animation-name: fadeIn; animation-duration: 1s;}
h1,h2,h3,h4,h5,h6{ font-family: 'Poppins', sans-serif;}

a { color:#0f5cae; text-decoration: none; transition: all 0.5s ease 0s;}  
a:hover{transition: all 0.5s ease 0s; color:#666;}

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

.bug-nte{ width: 100%; margin: 20px 0px; background-color: #e9eef2; padding: 10px; border-radius: 3px; border:1px solid #e9eef2;}
.bug-nte p{ margin-bottom: 0;}
.bug-nte strong{ color: #ff0000; font-weight: 400; display: block; margin-bottom:10px; border-bottom: 1px solid #fff; padding-bottom: 5px;}
.bug-nte ul{ margin: 0; padding: 0;}
.bug-nte ul li{ list-style: none; color: #444; font-weight: 400; font-size: 14px; position: relative; padding-left:18px; margin-bottom:8px;} 
.bug-nte ul li:before{ position: absolute; width: 10px; height: 10px; left: 0; top:6px; content: ""; background-color: #acacac; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%);}
 
.footer-main{ border-top: 1px solid rgba(255, 255, 255, 0.06); position: absolute; width:100%; margin-top:30px; bottom:0; padding-left:170px;;}
.main-footer { padding:15px 20px 15px; color: rgba(255,255,255,0.4); display: flex; align-items: center; justify-content: space-between; background-color:#dde1e6; border-top:1px solid #c4cbd2;}
.main-footer span{ display:block;}
.main-footer .cptext{  font-style:normal; font-size:13px; color:#6b737d;}

.file-error-message ul{ padding-left: 15px;}
.file-error-message ul li{ margin-bottom: 10px; color: #333; font-size: 13px;}
.file-error-message ul li:last-child{ margin-bottom: 0;}
.file-caption.icon-visible .file-caption-name{ padding-left: 20px !important;}
.krajee-default .file-footer-caption{ margin-top: 10px !important;}

.bootstrap-duallistbox-container .filter{ margin-top:8px;}
.modal-dialog{ max-width:800px}
.mdl-frm{ padding:15px;}
.modal-header{ color:#fff;}

.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{ margin-top:20px; padding:0px 15px;}
.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: #13bf87 !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: #13bf87 !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; overflow: hidden; text-overflow: ellipsis;}
.clr-waiting { background-color: #888 !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:#d9261c; 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:#13bf87; 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:#d9261c; 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: #e6e8ea;  padding: 5px 15px; margin-right: 10px; border-radius: 30px; min-width:180px; text-align:left; font-size: 13px; color: #6b737d;}
.head-time i{ color: #6b737d; margin-right:2px;} 

.dropdown-lg { width: 280px; }
.dropdown-menu { box-shadow: none; border: 1px solid rgba(43, 61, 81, 0.05); margin:6px 0px; padding: 0; border-radius: 0; border-radius:0px 0px 5px 5px; border-bottom:3px solid #dfe4ea;}

.myorg{ max-width:850px !important;}
::-webkit-scrollbar { width: 12px; /* for vertical scrollbars */ height: 12px; /* for horizontal scrollbars */}
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2);}
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.6);}

.breadcrumb-holder { margin:2px 0px 6px; padding:12px 0px; display: flex;align-items: center; justify-content:space-between;}
.breadcrumb-holder .main-title { margin-bottom: 0; font-size:15px; display: flex; align-items: center; color:#fff; font-weight:500; text-transform:uppercase; padding-top:1px; -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:7px; font-size:14px;}

.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(44, 65, 83, 0.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 #eceeef; }
.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; }
.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; background-color:#fafafa; position:fixed; right:0; top: 0; z-index:999; box-shadow:0 14px 20px -12px rgba(0,0,0,0.2)}
.headerbar .headerbar-left { background:#fafafa; float:left; text-align:left; height:55px; position:relative; width:250px; z-index:1; }
.headerbar .headerbar-left .logo img { max-height:58px; width:auto; height:auto; padding:5px; object-fit:contain;}
.navbar-custom { background-color: #fafafa; border-radius: 0; margin-bottom: 0; padding:0 10px; margin-left:240px; min-height:55px; display: flex;
justify-content:flex-end; align-items: center;}
.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:4px; border:1px solid #e6e8ea;}
.navbar-custom .nav-link .tlogdwn i{ padding: 0 6px; color: #aaa; margin-top: 3px;}
.list-inline-item:hover .nav-link .tlogdwn{ background-color:#e6e8ea; 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: fadeIn; animation-duration: 0.5s; animation-name: zoomIn; animation-duration: 0.5s;}

.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 #eee;}
.navbar-custom .nav-lst .dropdown .dropdown-item:last-child{ border-bottom:0 none}

.remainder{ padding:4px 3px; margin-right:18px; border-radius:50px !important; transition:0.4s; position:relative}
.remainder a{ color:#5f7388; width:28px; height:28px; display:block; text-align:center; border-radius:50px; margin-top:17px; padding-top:5px; position:relative; transition:0.4s;}
.remainder a i{ font-size:18px;}
.remainder a:hover{ transition:0.4s; color:#444;}
.remainder small{ position: absolute; top:-12px; right:0; font-size:8px; background-color:#d9261c; border-radius:50px; min-width:17px; min-height:17px; text-align:center; padding:2px; color:#fff}

.inner-banner{ width:100%; margin:0px; position:fixed; /*box-shadow:0px 5px 20px rgba(0, 0, 0, 0.30);*/ overflow:hidden; top:0;}
.inner-banner img{ background-size:cover; width:100%;}

.logo { color:#e3ebf3 !important; font-size:20px; font-weight:200; text-transform:uppercase; letter-spacing:1px; line-height:56px; display: flex;
height:58px; width:30%;}
.logo span span { color: #fff; }
.main-sidebar { top:56px; width:170px; z-index:10; bottom:70px; background-color:#f3f3f3; margin-bottom:-70px; margin-top:0; padding-bottom:70px; position:absolute; transition:all 0.5s ease 0s;} 
.content-page { margin-left:170px; overflow: hidden; transition: all 0.5s ease 0s; margin-bottom:30px; position:relative;}
.content-page .content { padding: 0 5px; margin-top:61px; margin-bottom:20px;}
.content-page .content .card-body{ padding:20px 20px 20px; }
.main-sidebar.left { position: absolute; }
body.adminbody .main-sidebar.left { bottom: 0px; margin-bottom: 0px; margin-top: 0; padding-bottom: 0px; /* height:100% */}
.button-menu-mobile { border: none; color: #5e748a; font-size:16px; line-height:55px; padding:0 20px; margin-right: 0px; position: relative; cursor: pointer; display: inline-block; overflow: hidden; vertical-align: middle; z-index: 1; transition:0.4s; background:transparent; border-right:1px solid #eee;}
.button-menu-mobile:hover { color:#7c7c87;transition:0.4s; background:#eee}
.sidebar-inner { height:100%; background:#f3f3f3; /* box-shadow: 6px 0px 6px rgba(0, 0, 0, 0.08);*/}

.tbl-bdy{ width:100%; border-radius:5px 5px 0px 0px; }
.tbl-bdy .table tbody{ border:1px solid #eee; }
.tbl-frm{ padding:25px 20px 20px 20px; border-radius:3px 3px 0px 0px;}

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

.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; line-height: 1.3;}
.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 #e1e6ea; padding-right:3px; font-weight:500; color:#333; font-size:13px; display:flex; align-items:center; line-height: 1.3;}
.tbl-frm-case .card-header .acc .isu-cde.isu-red{ color:#d9261c; position:relative}
.tbl-frm-case .card-header .acc .isu-cde.isu-red:before{ position:absolute; top:0; right:4px; content:"*"; color:#d9261c;}
.tbl-frm-case .card-header .acc .isu-cde i{ color:#999; background-color:#fff; border:1px solid #ddd; width:17px; height:17px; border-radius:50px; text-align:center; padding-top:4px; margin-right:5px; font-size:8px; cursor:pointer !important}
.tbl-frm-case .card-header .acc b{ font-weight:normal; width:45%; border-right:1px solid #e1e6ea; padding:0px 10px; white-space:nowrap; text-overflow:ellipsis; position:relative; color: #333; text-transform: none}
.tbl-frm-case .card-header .acc b small{ position:absolute; bottom:-7px; font-size:9px; color:#888; font-weight:500; letter-spacing:0.5px; width:97%; display:flex; overflow: hidden; /* text-overflow: ellipsis; white-space: normal;*/ line-height:13px;}
.tbl-frm-case .card-header .acc b small strong{ color:#d07a1a; font-weight: 500; margin:0px 2px;}
.tbl-frm-case .card-header .acc b small strong i{ font-style: normal;}
.tbl-frm-case .card-header .acc b small span{ background-color:#979695; padding:1px 8px 0px; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; position: absolute; right: 0; bottom: 0;}
.tbl-frm-case .card-header .acc b a{ display:block; white-space: normal; line-height:1.4; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform:none; padding-top:0px; margin-top:-2px; width: 100%;}
.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 #e1e6ea; 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;}

.tbl-frm-case .card-header .acc .rpt-box{width:9%; color: #666; padding: 0 5px; text-align: center; border-right:1px solid #e1e6ea;}
.tbl-frm-case .card-header .acc .rpt-box em{display: block; font-style: normal; font-size: 13px;}
.tbl-frm-case .card-header .acc .rpt-box small{display: block;}

.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: #4c5560; font-weight: 500; text-transform: uppercase; font-size: 13px; letter-spacing: 0.4px;}
.bug-intrl b{  font-weight: 400; color: #fff; font-size: 12px; -webkit-clip-path: polygon(0% 0%, 85% 0, 100% 50%, 87% 100%, 0% 100%);
clip-path: polygon(0% 0%, 85% 0, 100% 50%, 87% 100%, 0% 100%); background-color:#9261c6; padding: 0px 25px 0px 10px; border-left: 3px solid #d6d6d6;}

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

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

.acc-title{ width:100%; margin-bottom:5px;}
.acc-title ul{ margin:0; display:flex; padding:0; border-bottom:1px solid #e5ecf2; padding:5px 0px;}
.acc-title ul li{ list-style:none; border-right:1px solid #e5ecf2; text-align:center; color:#4c5560; 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:45%; 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%}
.acc-title ul li:nth-child(6){ width:9%}
.acc-title ul li:nth-child(7){ width:9%}

/* Sideebar */

.body-content{ background-color:#fff; border-radius:3px 3px 0px 0px; min-height:500px; /* box-shadow:0px 5px 15px rgba(100, 100, 100, 0.1)*/}

#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: 0; position: relative; text-decoration: none;}
#sidebar-menu li{ border-top:1px solid #fff; text-align:left}
#sidebar-menu li:first-child{ border-top:0 none}
#sidebar-menu { padding-bottom: 30px; width: 100%; background:#f3f3f3; border-right:1px solid #f3f3f3; }
#sidebar-menu a { line-height: 1.3; }
#sidebar-menu ul li .menu-arrow { -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; position: absolute; right:10px; top:12px; display: inline-block; font-family: 'FontAwesome'; text-rendering: auto; line-height: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-arrow:before { /* content: "\f105"; font-family: 'FontAwesome';*/ background-color: #827d78;
  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 ul { display: none; }
#sidebar-menu ul ul li { border-top: 0; position:relative; border-top:1px solid #e5ecf2 !important}
/* #sidebar-menu ul ul li:before{ position:absolute; width:1px; height:60%; content:""; left:22px; top:6px; background-color:#e4e4e4;} */
#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: block; padding:4px 6px 4px 18px; animation:none; font-size:13px; text-align:left }
#sidebar-menu ul ul a.active{ background-color:#ededed; color:#464646;}
#sidebar-menu ul ul a:hover { color:#d9261c; background-color:#f3f3f3; transition: all 0.5s ease 0s; animation:none}
#sidebar-menu ul ul li a i{ margin-right:0; color: #ccc; font-size:12px; margin-left:-4px; margin-top:-2px; display:inline-block; padding-right:5px; width:auto; height:auto; padding-bottom:4px;}
#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:25px;}
#sidebar-menu .label { margin-top: 2px;}
#sidebar-menu .subdrop { color: #fff !important; background-color: #d9261c; transition:0.4s; }
#sidebar-menu .subdrop .menu-arrow:before { background-color: #fff !important;}
#sidebar-menu .subdrop i { color: #fff !important; background:rgba(0, 0, 0, 0.1);}
#sidebar-menu .subdrop span small { color:rgba(255, 255, 255, 0.8)!important; transition:0.4s; }
#sidebar-menu .submenu ul .submenu .menu-arrow { top: 10px !important; }
#sidebar-menu ul li ul li a.subdrop { color: #d9261c !important; background-color: #e0e0e0; transition:0.4s; }
#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: #d9261c !important; background-color: #f3f3f3; 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:#4d5662; display:flex; padding:10px 20px 10px 8px; font-weight:500; font-size:12px; border-left:2px solid transparent;transition:0.4s; text-transform:uppercase; align-items: center;}
#sidebar-menu > ul > li > a:hover { color: #fff!important; background-color: #d9261c; text-decoration: none; transition: all 0.5s ease 0s;}
#sidebar-menu > ul > li > a:hover .menu-arrow:before { background-color: #fff !important;}
#sidebar-menu > ul > li > a:hover span small { color:rgba(255, 255, 255, 0.8)!important; transition: all 0.5s ease 0s;}
#sidebar-menu > ul > li > a > span { vertical-align: middle;}
#sidebar-menu ul li a i { display:inline-block; color:#b4bac1; font-size:16px; margin-right:8px; text-align: center; vertical-align: middle;  transition:0.2s; width:25px; background-color:rgba(255, 255,255,0.7); height:25px; padding:5px; border-radius:4px;}
#sidebar-menu ul li a:hover i {color:#fff; animation-name:zoomIn; animation-duration:1s; transition:0.2s; background-color:rgba(0, 0, 0, 0.1);}
#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: #ffffff !important; /* background-color: #b1b1b1;*/ background-color:#d9261c;}
#sidebar-menu > ul > li > a.active .menu-arrow:before{ background-color: #fff;}
#sidebar-menu > ul > li > a.active i { color: #ffffff !important; background-color:rgba(0, 0, 0, 0.1); font-size:15px;}
#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; }

.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 .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; }
#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;}
#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; background: #ffffff; animation-name: fadeInRight; animation-duration: 0.5s;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a { background: #ffffff; border: none; box-shadow: none; padding-left: 15px; position: relative; width: 190px; z-index: 6; color: rgba(43, 61, 81, 0.8); }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:hover { color:#d9261c !important; background-color:#f3f3f3;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:hover i{ color:#999;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover a span { display: inline; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > ul { display: none; }
#main.enlarged .left.main-sidebar #sidebar-menu ul ul li:hover > ul { display: block; left: 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 { /* animation-name: zoomIn; animation-duration: 3s;*/ padding-top:2px;}
#sidebar-menu ul > li > a span b{ display:block; line-height:0.8; font-weight:500;}
#sidebar-menu ul > li > a span small{ color:#8e96a2; letter-spacing:0.5px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span { display: none; padding-left: 10px; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding: 12px 15px; /* min-height: 52.09px; */ }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a i { margin-right:20px !important; font-size:16px; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a { position: relative; width: 260px; background-color: #d9261c; color: #fff; border-radius:0px 5px 5px 0px; border-right:4px solid rgba(0, 0, 0, 0.2);}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a i { color: #fff; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a span small{ color:rgba(255, 255, 255, 0.8);}
#main.enlarged .content-page { margin-left:62px; }
#main.enlarged .navbar-custom { margin-left: 70px; }
#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; }

.notif { margin-left: 0 !important; }
.notif .noti-title { border-radius: 0; background-color:#1361b5; margin: 0; width: auto; padding:6px 15px 10px 15px; }
.notif .noti-title h5 { color: #fff; margin: 0; }
.notif .noti-title h5 small{ font-size:14px;}
.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 #e5ecf2; }
.notif .notify-item { padding:5px 12px; border-bottom:1px solid #eee; font-size:13px;}
.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; }

.profile-dropdown { width: 200px; }
.profile-dropdown i { font-size:12px; vertical-align:middle; margin-right:5px; color:#808080; background-color:#eee; width:22px; height:22px;
text-align:center; border-radius:50px; padding-top:5px;}
.profile-dropdown span { vertical-align: middle; }

.nav-user { padding: 0 12px !important; }
.nav-user img { height:32px; width:32px; margin-bottom: 0; }

body.adminbody-void { min-height: 1170px; }
.mobile.smallscreen .sidebar-inner.leftscroll { /* overflow:scroll !important;*/ overflow:auto }
button:focus { outline: none !important; }
a.btn:focus { color: #ffffff !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: #00458f; border-color: #00458f;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary { background-color: #0283d6; border-color: #0283d6; color: #ffffff; }

.btn-cancel{ background-color:#f4f4f4; border:1px solid #ddd; color:#222; transition:0.4s; margin-right:3px; border-radius:30px; padding:3px 15px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px;}
.btn-cancel:hover{ color:#d9261c; background-color:transparent;}
a.btn-cancel:focus{ color:#d9261c !important; background-color:transparent;}
.btn-submit{ background-color:#00458f; border:1px solid #00458f; color:#fff; transition:0.4s; border-radius:2px; border-radius:30px;
padding:3px 15px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; margin-right:3px;}
.btn-submit:hover{ color:#00458f; background-color:transparent;}
.btn-submit:focus{ color:#00458f; background-color:transparent;}
.btn-fdbk{ background-color:#2fb7e9; border:1px solid #2fb7e9; color:#fff; transition:0.4s; border-radius:2px; border-radius:30px;
padding:3px 15px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; margin-right:3px; margin-top: -18px;}
.btn-fdbk:hover{ color:#444; 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: #ff5d48; border-color: #ff5d48; }
.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%; }
/* .avatar-rounded { border-radius: 50%; }*/

#doughnutChart labels{ text-align:left !important;}

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

.card-header .xbtn-add{ font-size:11px;}
.xbtn-add{ margin:0; background-color: #29ac7b; padding:2px 7px; margin: 0; font-size: 11px; color: #fff; border-radius: 5px; text-align: center; text-transform:uppercase;}
.xbtn-add:hover{ color:#fff; animation-name:rubberBand; animation-duration: 0.5s;}

.btn-mark{ margin:0; background-color: #29ac7b; padding:2px 7px; margin: 0; font-size: 11px; color: #fff; border-radius: 5px; text-align: center; text-transform:uppercase;}
.btn-mark:hover{ color:#fff; animation-duration: 0.5s;}

.xbtn-srch{ background-color:#f0473d; margin:0; font-size:11px; color:#fff; border-radius:5px; text-align:center; padding:2px 7px}
.xbtn-srch:focus{ color:#7b7aca; box-shadow:none;}
.xbtn-srch:hover{ color:#fff; animation-name:rubberBand; animation-duration: 0.5s;}

.xbtn-edit{ margin:0; font-size:13px; border:1px solid #7373c7; background-color:transparent; color:#7373c7; border-radius:6px; width:20px; height:20px; padding:0; text-align:center; margin-top:-2px;}
.xbtn-viw{ margin:0; font-size:13px; border:1px solid #a8c1d8; background-color:transparent; color:#a8c1d8; border-radius:6px; width:20px; height:20px; padding:0; text-align:center; margin-top:-2px;}
.xbtn-approve{ margin:0; font-size:13px; border:1px solid #0ca41a; background-color:transparent; color:#0ca41a; border-radius:6px; width:20px; height:20px; padding:0; text-align:center; margin-top:-2px;}

.xbtn-add-top{ background-color:#29ac7b; 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; animation-name:rubberBand; animation-duration: 0.5s; border:1px solid #999;}

.xbtn-added{ margin:0; font-size:13px; border:1px solid #2e970d; background-color:transparent; color:#2e970d; border-radius:6px; width:21px; height:20px; padding:0; text-align:center; margin-top:-2px;}
.xbtn-delete{ margin:0; font-size:13px; border:1px solid #f66653; background-color:transparent; color:#f66653; border-radius:6px; width:21px; height:20px; padding:0; text-align:center; margin-top:-2px;}

.xbtn-back{ background-color:#4a8ed7; border:1px solid #4a8ed7; font-size:11px; color: #fff; border-radius:6px; transition: all 0.5s ease 0s; padding:2px 7px;}
.xbtn-back:hover{ background:transparent; border:1px solid #b4b4b4; color:#fff; transition:0.4s;}
.xbtn-back i{ padding-right:5px; font-size:11px;}

.xbtn-suspend{ margin:0; font-size:13px; border:1px solid #ff9f40; background-color:transparent; color:#ff9f40; border-radius:6px; width:20px; height:20px; padding:0; text-align:center; margin-top:-2px; }
.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 #29ac7b; color:#29ac7b; transition:0.4s; text-align:center; padding:4px 13px; border-radius:50px; display:inline-block; font-size:11px; text-transform:uppercase; float:right;}
.add-btn i{ padding-right:5px;}
.delete-btn{ background-color:transparent; border:1px solid #d9261c; color:#d9261c; transition:0.4s; text-align:center; padding:4px 13px; border-radius:50px; display:inline-block; font-size:11px; text-transform:uppercase; float:right;}
.delete-btn i{ padding-right:5px;}

.fc-day-grid-event .fc-time{ display:none;}
.fc-event-dot{ background-color: #ccc !important;}

.btn-srchx{ background-color:#206ab9; padding:3px 12px 2px; margin: 0; font-size:13px; color:#fff; border-radius:50px;}
.btn-srchx:hover{ background-color:#9e9fa1; transition:0.4s;}
.btn-srchx i{ padding-right:2px;}
.btn-secx i{ padding-right:2px;}
.btn-secx{ background-color:#5f656a; padding:3px 12px 2px; margin: 0; font-size:13px; color:#fff; border-radius:50px;}
.btn-secx:hover{ background-color:#454d54 !important; color:#fff !important; }

.xsearchbdy{ margin-bottom:20px; background-color:#f2f4f7; border:1px solid #f2f4f7; padding:12px !important; position: relative;}
.xsearchbdy .cbtn-srch{ position: absolute; right: -2px; top: -2px; padding:0 5px; margin: 0; font-size: 16px; color: #999; 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:12px; padding-top:0;}
.xsearchbdy label{margin-bottom: 0 !important; font-weight: normal;}
.xsearchbdy label.empty{ display: block;content: ""; height:28px;}
.srch-rgt{text-align: right;}

.xsearchbdy .form-group .select2-container{ width:100% !important;}
.drp-frm .select2-container{ width:100% !important; height:38px !important}
.drp-frm .select2-container .select2-selection--single{ height:33px !important; border:1px solid #d7d7d7;}
.drp-frm .select2-container
.drp-frm .select2-results__option{ font-size:14px !important;}

.page-link{ color:#333; font-size:13px; }
.page-link:hover{ color:#d9261c}
.page-item.active .page-link{ background-color:#808285; border-color:#808285; font-size:13px;}
.dataTables_info{ font-size:12px;}

/* 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 #eee; 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 #eee; 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;}

/* 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; } 
.crse-sel .card { border: 0 none; padding-left: 25px; position: relative;} 
.crse-sel .card:after{position: absolute; width: 1px; height: 100%; content: ""; left: 5px; top: 0; background-color: #ddd;}
.crse-sel .card:first-child:after{top: 10px;}
.crse-sel .card-header {  border-radius: 0px !important; padding:4px 0; background:#fff; border-bottom: 2px solid #fff; position: relative;}
.crse-sel .card-header:after{ position: absolute; content: ""; width: 22px; height: 22px; background: url(../images/mdot2.png) top center no-repeat; left: -30px; top: 9px; z-index: 8;}
.crse-sel .card-body { padding:10px 10px !important; border:1px solid #f2f2f2; border-radius:0px 0px 3px 3px; margin-top:0px; background-color:#fff;}
.crse-sel .acrd-link { font-size:14px; font-weight:500; color:#fff; background-color:#7a8493; padding:6px 15px 6px 15px; border-radius: 0 5px 5px 0; border-left:2px solid #dedede;} 
.crse-sel .card-body .table{ margin-bottom:0;}
.crse-sel .card-body .usr-roll{ width:100%; display:flex; padding:0px; background-color:#fff; border:1px solid #f0f1f4; margin-bottom:5px}
.crse-sel .card-body .usr-roll .usr-lft{ width:25%; display:flex; align-items:center; border-right:1px solid #f0f1f4; margin-right:15px; padding:3px 10px; background-color: #f0f1f4;}
.crse-sel .card-body .usr-roll .usr-lft h2{ font-size:15px; font-weight:400; margin:0; color:#333;}
.crse-sel .card-body .usr-roll .usr-rht{ width:75%; display:flex; flex-wrap: wrap;}
.crse-sel .card-body .usr-roll .usr-rht span{ width:19%; padding:5px 5px 5px 12px; margin:4px 0px 4px 5px; border-radius:30px; background-color:#f6f6f6; cursor:pointer; border-left: 3px solid #e3e6ec;}
.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;}

.crse-sel .acrd-link.collapsed {color:#555; background-color: #e3e6ec;} 
.crse-sel .acrd-link:hover { color:#ec2028; background-color: #e3e6ec;} 
.crse-sel .acrd-link i { float: right; margin-top: 4px; /* color:#ec2028*/} 
.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; } 
ul.crse-lnk { list-style: none; margin: 0; padding: 0; } 
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.3s 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:17px; margin:0px 0px 18px; font-weight:500; color:#444; text-transform:uppercase; border-bottom:1px solid #eee; padding-bottom:8px;}
.role-display h2 span{ color:#666; font-weight:400;}

/* 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;}
.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} 
.cases-lst .card-body .table{ margin-bottom:0;}
.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;}
.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;}
.cases-lst .card-body .usr-roll .usr-rht span label input{ margin-right:5px;}

.cases-lst .acrd-link.collapsed {color:#555; background-color: #eee;} 
.cases-lst .acrd-link:hover { color:#ec2028; background-color: #ddd;} 
.cases-lst .acrd-link i { float: right; margin-top: 4px; color:#ec2028} 
.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; } 
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;}

/* LogIn Page */
.login-logo, .register-logo { font-size: 18px; text-align: left; margin-bottom: 0px; font-weight: 300; text-transform:uppercase; background-color:#fff; padding:10px 20px; border-radius:3px 3px 0px 0px; border-bottom:4px solid #eee; color:#999;}
.login-logo span, .register-logo span{ float:right; margin-top:26px;}
.login-logo a, .register-logo a { color: #444 }
.login-page, .register-page { background:url(../images/login-bg.jpg) center bottom no-repeat; background-size:cover;}
.login{ width:700px; margin:5% auto;}
.login .login-box{ border-radius:2px; display:flex; justify-content:space-between; min-height:280px; position:relative; margin-top:100px; background-size:cover; box-shadow: 0 29px 32px -20px rgba(0,0,0,0.5),0 4px 11px -3px rgba(0,0,0,0.25);}
.login .login-box span{ position:absolute; bottom:16%; width:100%; left:0;}
.login .login-box span b{ display:none; font-size:16px;}
.login .login-box span small{ font-size:16px; font-weight:300; color: #fff; font-family: 'Oswald', serif;}
.login .login-box .login-lft{ width:40%; border-right:1px solid #efefef; text-align:center; /*background:url(../images/bug-tracker-login.jpg) bottom no-repeat;*/ background-color:#00458f; animation-name:slideInLeft; animation-duration:1.5s; background-size: cover; position:relative;}
.login .login-box .login-lft img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; bottom: 0; transform: translateY(-60%);}
.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:60%; padding:53px 50px 53px 45px; border-radius:0px; background:rgba(255, 255, 255, 1); animation-name: slideInRight; animation-duration: 1.5s; min-height:425px;}
.login .login-box .login-det h2{ margin:18px 0px 32px; font-weight:bold; text-transform:uppercase; color:#333; font-size:20px;}
.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;}
.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 21px 3px 15px; font-size:13px; font-weight:300; border:0 none; transition:0.4s; border:1px solid #d9261c; text-transform: uppercase;}
.login .login-box .login-det .login-frm-btn i{ font-size:12px; padding-left:6px; transition:0.4s;}
.login .login-box .login-det .login-frm-btn .btn:hover{ border:1px solid #d9261c; background:transparent; color:#d9261c; transition:0.4s;}
.login .login-box .login-det .login-frm-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;}
.login .login-box .login-det .login-frm-lnk label input{ margin-right:5px;}
.login .login-box .login-det .login-frm-lnk1{ text-align:left; margin:15px 0px;}
.login .login-box .login-det .login-frm-lnk1 a{ font-size:13px; color:#d5030b; font-weight:500; text-align:center; transition:0.4s;}
.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 .form-group { position:relative; padding-top:10px; margin-bottom:20px; width:100%;}
.login-form .login-frm-main .form-group .custom-select{ border:0 none; border-bottom:1px solid #c9cfd5; border-radius:0; padding:9px 2px; position:relative; height:auto;}
.login-form .login-frm-main .form-group .custom-select:focus{ box-shadow:none; }
.login-form .cont-frm-main .form-row{ justify-content:space-between}
.login-form .form-group:first-child:last-child { height: 100%;}
.login-form .form-group:first-child:last-child .form-control { height:100%;}
.login-form .form-group textarea { resize:vertical; width:100%; border:0 none; border-bottom:1px solid #c9cfd5; border-radius:0px; border-radius: 0; border-width: 0 0 1px 0; font-size:14px; padding:0px 5px; color:#495057;}
.login-form .form-group label { position:absolute; left:-1px; top:-5px; transition:all 0.4s ease; color:#adadad; font-size:11px; text-transform:uppercase; font-weight:500; padding: 2px 0px; margin-bottom:0px;}
.login-form .form-group .form-control { border-radius:0 !important; border-width: 0 0 1px 0; font-size:14px; padding:5px 0px; border-bottom:1px solid #c9cfd5; background-color:transparent; color:#333; font-weight:400; box-shadow:none;}
.login-form .form-group .form-control:focus{ box-shadow:none !important}
.login-form .form-group .input-highlight { content: ""; width: 0; height:1px; background:#7f8184; position:absolute; display:block; bottom:0px;
transition:width 0.4s ease;}
.login-form .form-group .form-control:focus, .login-form .form-group .form-control.hasValue { box-shadow: none; border-color:#d7d7d7;}
.login-form .form-group .form-control:focus ~ .input-highlight, .login-form .form-group .form-control.hasValue ~ .input-highlight { width: 100%;}
.login-form .form-group .form-control:focus ~ label, .login-form .form-group .form-control.hasValue ~ label { -webkit-transform: scale(0.9);
 transform: scale(0.9); top:0; left:-4px; }
 /* 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-mdl .modal-body .form-row .experiment .save-dsk{ padding: 6px 18px !important; font-size: 14px !important; border-radius: 30px; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; margin: 0px 3px 5px; cursor: pointer; background-color: #099d10; color: #fff}
 .vido-mdl .modal-body .form-row .experiment .save-dsk-up{ padding: 6px 18px !important; font-size: 14px !important; border-radius: 30px; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; margin: 0px 3px 5px; cursor: pointer; background-color: #0267cb; color: #fff}
 .vido-mdl .modal-body .form-row .experiment .save-dsk-new{ padding: 6px 18px !important; font-size: 14px !important; border-radius: 30px; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; margin: 0px 3px; cursor: pointer; background-color: #d34141; color: #fff}
 .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:#d9261c !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: #13bf87; border: 1px solid #13bf87; transition:0.2s; margin:10px 0px; font-size: 15px; padding: 5px 20px;}
 .vido-btn:hover{ background-color:transparent; border: 1px solid #13bf87; color:#13bf87; 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: #eee; 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: 14px !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 #eee; padding: 3px;}
 .vde-ctrl-1{ width: 75%; margin-bottom: 15px;}

 #btn-start-recording{ padding: 6px 18px !important; font-size: 14px !important; border-radius: 30px; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; margin: 0px 3px; cursor: pointer; background-color: #d6030c; color: #fff}
 #btn-start-recording{ padding: 6px 18px !important; font-size: 14px !important; border-radius: 30px; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; margin: 0px 3px; cursor: pointer; background-color: #0089a2; color: #fff}
 #btn-pause-recording{ padding: 6px 18px !important; font-size: 14px !important; border-radius: 30px; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; margin: 0px 3px; cursor: pointer; background-color: #c47302; color: #fff}
 .error-msg{ font-size: 12px; color: #d6030c; font-weight: 400; margin: 5px 0px; width: 100%;}
 .error{ font-size: 12px; color: #ff0000 !important; font-weight: 400; margin: 5px 0px; width: 100%; text-align: left !important;}
  /* video Record */
 
.pashw{position: relative;}
.btn-shw{position:absolute;right:10px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);padding: 2px 10px 2px;font-size:12px;cursor:pointer; border-radius:50px !important; border:1px solid #eee;}

.frgt-pwd{ color:#ea2529; transition:0.4s;}
.frgt-pwd:hover{ color:#0f0e9f; transition:0.4s;}

.das-main{ display:flex; padding:0px 10px; width:100%;}
.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; background:#fff; border-radius:3px; transition:0.5s;}
.das-main .das-rht a{ background:#eaeaea; width:32%; margin-bottom:12px; padding:0px; border-radius:5px; display: flex; justify-content: center;  transition:0.5s; margin-top: 7px; position:relative; margin-right:20px;}
.das-main .das-rht a:nth-child(3n+3){ margin-right:0px;}
.das-main .das-rht a:before{ position:absolute; right:0; width:4px; bottom:1px; height:60px; content:""; background:rgba(0, 0, 0, 0.15); transition:0.4s; border-radius:5px 0px 0px 5px;}
.das-main .das-rht a:after{ position:absolute; right:1px; width:60px; bottom:0; height:4px; content:""; background:rgba(0, 0, 0, 0.15); transition:0.4s;}
.das-main .das-rht a:hover:before{ height:99%; transition:0.4s;}
.das-main .das-rht a:hover:after{ width:65%; transition:0.4s;}
.das-main .das-rht a:nth-child(1){ background:#7286fb;}
.das-main .das-rht a:nth-child(2){ background:#a272fb;}
.das-main .das-rht a:nth-child(3){ background:#4d74a4 ;}
.das-main .das-rht a:nth-child(4){ background:#fb9629;}
.das-main .das-rht a:nth-child(5){ background:#44b3d7;}
.das-main .das-rht a:nth-child(6){ background:#1dbb99;}
.das-main .das-rht a:nth-child(7){ background:#a644a0;}
.das-main .das-rht a:nth-child(8){ background:#4b60cb;}
.das-main .das-rht a:nth-child(9){ background:#0566c4;}
.das-main .das-rht a:nth-child(10){ background:#05a3e4;}
.das-main .das-rht a:nth-child(11){ background:#f7c902;}
.das-main .das-rht a:nth-child(12){ background:#f19002;}

.das-main .das-rht a:hover{ box-shadow:#d2d2d2 3px 2px 4px 1px;}

.das-main .das-rht a:nth-child(3n+3){ margin-right:0px;}
.das-main .das-rht a .frm-lnk{ text-align:center; padding:0px; display: flex; align-items: center; width:100%;}
.das-main .das-rht a .frm-lnk small{ color:#fff; font-size:13px; font-weight:200;}
.das-main .das-rht a .frm-lnk small .badge{ background-color:rgba(0, 0, 0, 0.09); width:25px; height:25px; text-align:center; color:#fff; border-radius:50px; padding-top:8px; margin-left:8px; font-size:12px;}
.das-main .das-rht a .frm-lnk .frm-l{ background-color:rgba(0, 0, 0, 0.09); padding:15px; width:35%; border-radius:5px 0px 0px 5px;}
.das-main .das-rht a .frm-lnk .frm-r{ width:65%; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; padding:10px 15px;}
.das-main .das-rht a .frm-lnk span{  transition:0.5s;}
.das-main .das-rht a .frm-lnk span i{ text-align: center; width:85px; height:85px; padding-top:25px; font-size:40px; color: #fff; border-radius: 50px; transition:0.8s; background-color:rgba(0, 0, 0, 0.09);}
.das-main .das-rht a:hover .frm-lnk span i{ animation-name:zoomIn; animation-duration:1s; color:#fff; transition:0.8s;}
.das-main .das-rht a .frm-lnk h2{ transition:0.5s; text-transform:uppercase; color:#fff; font-size:18px; font-weight:500; padding-bottom:13px; width:100%; text-align:right; margin-bottom:11px; position:relative; transition:0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.das-main .das-rht a .frm-lnk h2:before{ content:""; background:rgba(0,0,0,0.18); width:100%; height:1px; bottom:0; right:0; position:absolute; transition:0.5s;}
.das-main .das-rht a:hover .frm-lnk h2{ transition:0.7s;}
.das-main .das-rht a:hover .frm-lnk .frm-l{ background-color:rgba(0, 0, 0, 0.25); transition:0.7s;}
.das-main .das-rht a:hover .frm-lnk h2:before{ width:50%; transition:0.5s;}

/* Scroll to top button */
.scrollToTop{width:42px; height:42px; padding:0px; text-align:center; font-weight: bold; color: rgba(0,0,0,0.3); text-decoration: none; position:fixed; bottom:45px; right:25px; display:none; font-size:26px; z-index: 9;}
.scrollToTop:hover{ text-decoration:none; color: rgba(0,0,0,0.6);}
/* .scrollToTop:focus{ color: rgba(0,0,0,0.3);} */

/* -----  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 {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  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 { /* this class is used if you're using jquery to animate the accordion */
-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s;  transition: transform 0.3s;}
.bg2{ background:#fff; border:1px solid #eeeeee; 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;}

/*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 #eee; 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 #ecf0f4; 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 #ecf0f4;}
.view-cmd{ width:100%; background-color:#ecf0f4;}
.view-cmd h2{ font-size:16px; color:#4c5560; 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 #ecf0f4;}
.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:16px; line-height:1.6; color: #333;}
.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 #ecf0f4; padding-top: 15px;}
.view-cmds h2:before{ position:absolute; bottom:0; background-color:#eee; 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:#13bf87; 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; }
.clr-cmts{ color:#008839; 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 #eee; 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 #eee; padding:4px 8px; margin-bottom:6px; border-left:4px solid #eee; }
.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;}
.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:#f47478;}
.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 15px 4px 15px !important; display:flex; color:#fff !important; font-size:14px; margin-right:4px; 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 10px; align-items: center;}
.cases-top-lnk h2{ margin:0; font-size:18px; text-transform:uppercase; color:#444;}
.cases-top-lnk span a{ display:inline-block; background-color:#1a67b9; color:#fff; padding:2px 15px; border-radius:50px; font-size:14px; border:1px solid #1a67b9;}
.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 #1a67b9; color:#1a67b9;}
.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:#ff5f5f; color:#fff; padding:2px 15px 3px; border-radius:50px; font-size:14px; border:1px solid #ff5f5f;}
.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 #ff5f5f; color:#ff5f5f;}

.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:#13bf87; 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 10px; display:flex; align-items:center; flex-wrap:wrap;}
.chk-box a{ font-size:14px; margin-left:6px;}
.note{ width:100%; font-size:12px; color:#d9261c; padding:6px 0px 0px; font-weight:400}

.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;display: flex; border-bottom:1px dotted #ddd !important; margin: 8px 0 15px;}
.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:#222 !important;  padding-bottom:7px !important; margin: 0 !important}

/* Project Details Chart */
.pro-frm{ padding:10px 6px 6px 6px;}
.pro-chrt{ width:100%; display:flex; justify-content:center; /*align-items:center*/}
.pro-chrt .pro-chrt-box{ display:flex; justify-content:center; flex-wrap:wrap; border-right:1px solid #e8e8e8; padding:5px 15px;}
.pro-chrt .pro-chrt-box:last-child{ border-right: 0 none;}
.pro-chrt .pro-chrt-box #pie{ width:100%; min-height:280px; font-family:'Poppins', sans-serif !important;}
.pro-chrt .pro-chrt-box #bar{ width:100%; min-height:280px;}
.pro-chrt .pro-chrt-box:nth-child(1){ width:27%;}
.pro-chrt .pro-chrt-box:nth-child(2){ width:43%;}
.pro-chrt .highcharts-credits{ display:none !important}
.pro-chrt .pro-chrt-box .highcharts-drilldown-axis-label{ font-size:9px !important;}
.pro-chrt .pro-chrt-box span{ text-align:left; color:#333; font-size:13px;}

.pro-chrt .pro-count{ padding:5px 15px 0px; width:30%;}
.pro-chrt .pro-count h2{ font-size:18px; font-weight:400 !important; margin:7px 0px 20px; font-weight:500; color:#333; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
.pro-chrt .pro-count .table{ width:100%;}
.pro-chrt .pro-count .table thead th{ padding:5px 5px; font-size:13px;}
.pro-chrt .pro-count .table > tbody > tr td{ padding:4px 5px; font-size:13px;}
.cnt{ color:#8e5e19; font-weight:500 }
.pro-chrt .pro-count .tbl-bdy{ height:325px; overflow:auto}

.clnt-chrt{ width: 100%; display: flex; justify-content: center;}
.clnt-chrt .pro-chrt-box:nth-child(1){ width: 50%;}
.clnt-chrt .pro-chrt-box:nth-child(2){ width: 50%;}

.pro-doc{ width:100%; flex-wrap:wrap; padding:5px 3px 5px 0px; border-top:1px solid #eee; margin-top:20px; display:flex;}
.pro-doc h3{ font-size:18px; text-transform: uppercase; margin:15px 0px 22px; color:#00458f; 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:#d9261c;}
.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:#d9261c}
.pro-doc span a.excel i{ background-color:#25a303}

.pro-det-tbl{ width:100%; margin-top:20px; border-top:1px solid #eee; padding-top:20px;}
.pro-det-tbl h2{ font-size:18px; text-transform:uppercase; margin:0px 10px 15px; color: #00458f; 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 15px 15px; margin-top:15px;}
.das-tbl h2{ font-size:18px; color:#4c5560; position:relative; margin-bottom:25px;}
.das-tbl h2:before{ position:absolute; background-color:#ddd; width:110px;}
.das-tbl .table th{ padding:5px 10px;}
.das-tbl .table > tbody > tr td{ padding:5px 10px; text-align:justify}

/* 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 #e5ecf2; 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:#4c5560; 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:#eaeef2; border-color:#eaeef2; color:#6e7882; padding:4px 20px 4px 10px;}
.clt-chrt .clt-chrt-box .highcharts-drilldown-axis-label{ color:#4c5560 !important; fill:#4c5560 !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:#4c5560; 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: #00458f; position:relative; padding-bottom:8px;}
.clt-tbl h2:before{ position:absolute; width:60px; height:1px; background-color:#eee; 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: #4c5560; position:relative; padding-bottom:6px;}
.dev-tbl .dev-tbl-bdy h2:before{ position:absolute; width:60px; height:1px; background-color:#eee; 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:#78828e; font-weight:500; letter-spacing:0.5px; text-transform:uppercase;}
.tbl-not small{ background-color:#78828e; 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 #e1e9ee; 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:#e1e9ee; border:1px solid #e1e9ee; 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; /*align-items:center*/ padding:15px; justify-content:space-between;}
.das-chrt .das-chrt-box{ width:32%; display:flex; flex-wrap:wrap; border:1px solid #e7edf0; padding:8px 8px; background-color:#fff; border-radius:5px;}
.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 .das-chrt-box #bar1{ width:100%; height:220px;}
.das-chrt .das-chrt-box #bar2{ width:100%; height:220px;}
.das-chrt .das-chrt-box #bar3{ width:100%; height:220px;}
.das-chrt .das-chrt-box #bar4{ width:100%; height:220px;}

.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:#eaeff2; border-color:#eaeff2; 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;}

/* Dashboard Details Pie Chart Chart */
.das-chrt-pie{ width:100%; display:flex; /*align-items:center*/ 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 #e7edf0; 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:#eaeff2;}
.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:285px; margin-top:30px;}

.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 #eaeff2; 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:#eaeff2; 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:#eaeff2; border-color:#eaeff2; 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 .highcharts-label text{ color:#0084e9 !important; fill:#0084e9 !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; flex-wrap: wrap;}
.rtng-viw .rating-md{ font-size: 28px; margin-top:-10px; border: 1px solid #eaeff2; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; padding-left: 10px; width: 100% }

/* ---- User Roll CSS ------ */
.form-group{ margin-bottom:10px}
.form-row label{ color:#4c5560; font-weight:400; padding:5px 0px; text-align:right; margin-bottom:0;}
.form-row .form-control{ font-size:14px;}
.table{ animation-name:fadeIn; animation-duration:1s; margin-bottom:5px; background-color:#fff;}
.bdr-all label{ width:100%; border:1px solid #eaeff2; border-radius:3px; border-left:3px solid #eaeff2; text-align:left; padding-left:10px; font-size: 14px}

.table td a.modulex { color:#7c67e1; border:1px solid #7c67e1;  border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; padding-top:3px; 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; padding-top:3px; display:inline-flex; justify-content:center; }
.table td a.suspendx { color:#ff9f40; border:1px solid #ff9f40; display:inline-block; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px; }
.table td 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;}
.table td a.editx { color: #3db9dc; border:1px solid #3db9dc; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px; display:inline-flex; justify-content:center;}
.table td a.deletex { color: #ff5d48; border:1px solid #ff5d48; display:inline-block; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px;}
.table td 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;}
.table td a.searchx { color: #a8c1d8; border:1px solid #a8c1d8; display:inline-block; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px;}

.table td a.createx { color: #b72bbf; border:1px solid #b72bbf; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px; 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; padding-top:3px; 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; padding-top:3px; display:inline-flex; justify-content:center;}

.table td a:hover{ animation-name: rubberBand; animation-duration: 0.5s;}
.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 td a.suspendx: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{ border:1px solid #999; color:#555; transition:0.4s;}

.table thead th{ background-color:#e1e8ee; color:#4c5560; line-height:1.5; border:1px solid #e1e8ee; font-weight:600; font-size:13px; border-radius:0px 0px 0px 0px; padding:8px 5px; text-transform:uppercase; font-weight:500; border-bottom:1px solid #e1e8ee;}
.table > tbody > tr td{ line-height:1.5; color:#404851; padding:6px 5px; border-left:0 none; border-right:0 none; font-size:14px;}
/* .table > tbody > tr:nth-of-type(2n) { background-color:#fcfcfc;}*/
.table > tbody > tr:hover{ background:#f4f5f7; transition:0.4s;}
.table td button:hover{ animation-name: rubberBand; animation-duration: 0.5s;}
.table td, .table th{ border:1px solid #eaeff2;}
.counts{ text-align:center; background-color:#6f8fa5; justify-content:center; border-radius:5px; color:#fff !important; padding:1px 7px; font-size:11px;}
.counts:hover{ color:#fff;}
.tooltip{ padding:2px; font-size:12px; line-height:1.4;}

.course-frm{ display:flex;}
.course-frm .form-control { font-size:14px; border:1px solid #e4e9ee; border-left:3px solid #e4e9ee; padding:4px 5px; font-size:14px; color:#555;}
.course-fm{ background:linear-gradient(#fafafa, #ffffff); border:1px solid #ddd; border-radius:3px; margin-bottom:15px;}
.course-fm label{ color:#404851; 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;}
.add-butt{ text-align:center;  margin-bottom:0px; padding:20px 15px; border-top:1px solid #e7e7e7; margin-top:25px;}

.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 #eee;}
.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 #eee; 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;}
.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 { border-radius: 0; border-color: #d2d6de; background-color: #fff; padding:1px 6px; font-size: 14px; font-weight: 400;line-height: 1; color: #555; text-align: center; border-right:2px solid #ccc;  border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:7px; }
.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 #eee;}
.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 #eee;}
.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 #eee; 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 #eee; 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:20px 30px;}
.mcenter{ margin:30px auto; }
.cmargin{ border:1px solid #fff; border-radius:6px; box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.30); padding-top:30px; padding-bottom:30px; 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:#d9261c; 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:#d9261c; padding:0px 0px 10px; margin:0;}
.padd{ padding:0px 15px;}
.padd1{ padding:0;}
.pad1 i{ color:#79080e; border:1px solid #ddd; border-radius:3px; width:25px; height:25px; text-align:center; padding-top:4px; margin-bottom:5px;}
.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:#eb1c27;}
.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;}

/* ---- Certificate ------ */
.frm1{color:#000080; }
.frm1 td{font-family:times; font-size:12px;}
.bdr{ border:1px solid #001a72}
.mtitle{font-family:times; font-size:24px; font-weight:bold; text-align:center}
.txt1{ font-style:italic; font-size:18px; }
.nam{ font-size:18px !important; font-weight:bold; color:#000080;border-bottom:0.5px solid #000080 }
.nam1{ font-size:18px !important; font-weight:bold; color:#000080; text-decoration:underline;}
.msub{line-height:1.6}
.msub2{line-height:1.1}
.msub3{line-height:1.2}
.msub4{line-height:2.2}
.msub5{line-height:5.5}
.ctit{ font-size:20px; font-weight:bold;}
.dat{ font-size:20px; font-weight:bold}
.sign{ border-bottom:0.5px solid #111; text-align:left}
.sig-name{ text-transform:uppercase; font-size:14px; text-align:left; font-weight:bold;}
.sig-pos{ font-size:13px; text-align:left}
.certificate{ background:url(../images/certificate.jpg) center no-repeat; background-size:cover; padding:20px;}
.certificate .cer-logo{ padding:20px 0px;}
.certificate .cer-logo span{ width:50%; float:left;}
.certificate .cer-logo small{ width:50%; float:left;}
.certificate .cer-logo small img{ text-align:right; float:right;}
.certificate .cer-body { margin-top:255px;}
.certificate .cer-body h2{ text-align:center; font-size:36px; text-transform:uppercase; color:#333; margin:15px 0px 30px; font-weight:bold;}
.certificate .cer-body small{ display:block; font-size:16px; color:#555; text-align:center;}
.certificate .cer-body h3{ text-align:center; font-size:24px; text-transform:uppercase; color:#cc0605; margin:40px 0px 20px;}
.certificate .cer-body h3 span{ display:block; font-size:16px; color:#555; text-align:center; margin-top:20px; text-transform:none; font-weight:normal;  font-style:italic;}
.certificate .cer-body h4{ text-align:center; font-size:22px; text-transform:none; color:#222; margin:40px 20px 40px;}
.certificate .cer-body h5{ text-align:center; font-size:20px; text-transform:none; color:#717171; margin:0px 0px 20px;}
.certificate .cer-footer{ width:100%; display:flex; margin-top:350px; margin-bottom:130px;}
.certificate .cer-footer .cer-sign1{ width:45%; padding-left:160px;}
.certificate .cer-footer .cer-sign1 h3{ font-size:16px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.certificate .cer-footer .cer-sign2{ width:35%; text-align:left; padding-right:30px;}
.certificate .cer-footer .cer-sign2 h3{ font-size:16px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.certificate .cer-footer .cer-sign2 h4{ font-size:16px;}
.certificate .cer-footer .cer-sign1 h4{ font-size:16px;}
.certificate .cer-footer .cer-sign2 h5{ font-size:18px; font-weight:bold; color:#b0020b;}
.certificate .cer-footer .cer-sign1 h5{ font-size:18px; font-weight:bold; color:#b0020b;}
.certificate .cer-footer .cer-sign3{ width:20%; text-align:right;}
.assment{ padding:0; display:flex; margin-bottom:30px; margin-top:10px;}
.assment-table{ float:left;}
.assment-table .usr_txt1 h2{ font-size:26px; font-weight:300; color:#d9261c; padding:0px 0px 10px; margin:0;}
.assment-table .padd{ padding:0px 15px;}
.assment-table .padd1{ padding:0;}
.assment-table .pad1 i{ color:#79080e; border:1px solid #ddd; border-radius:3px; width:25px; height:25px; text-align:center; padding-top:4px; margin-bottom:5px;}
.assment-table .usr_txt1 ul{ margin:0; padding:0;}
.assment-table .usr_txt1 li{ font-size:13px; padding:5px 0; display:flex; color:#993300;}
.assment-table .usr_txt1 li:first-child{ border-top:none;}
.assment-table .usr_txt1 li:last-child{ border-bottom:none;}
.assment-table .usr_txt1 li b{ width:50%; border-right: 4px solid #e9e9e9; font-size:14px; color:#444; margin-right:4px;   
 background: #fefefe; padding:7px 10px; font-weight:500; border-radius: 0px 1px 1px 0px; position: relative; text-align: right;}
.assment-table .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; margin-bottom:0; font-size:14px;}
.bdr1{ border:1px solid #ececec; display:inline-block; width:100%; border-radius:3px; margin-bottom:20px;}
.assment-link{ margin-bottom:15px;  transition:0.4s; float:left;}
.assment-link-part{  transition:0.4s;}
.assment-link-part{ display:flex; width:49%; padding:10px; border:1px solid #e3e3e3; border-radius:3px; border-bottom:4px solid #e3e3e3; transition:0.4s; float:left; margin-right:17px;}
.assment-link-part:nth-child(2n+2){ margin-right:0;}
.assment-link-part:hover{ transition:0.4s; border-bottom:4px solid #adadad;}
.assment-link-part .ass-body{ width:70%; margin-right:15px;  transition:0.4s;}
.assment-link-part .ass-body ul{ margin:0; padding:0;}
.assment-link-part .ass-body ul li { font-size: 13px; padding: 5px 0; display: flex; color: #993300;}
.assment-link-part .ass-body ul li b{ width: 55%; border-right:4px solid #f1f1f1; font-size: 14px; color: #444; margin-right: 4px; background: #fefefe;
padding: 7px 10px; font-weight: 500; border-radius: 0px 1px 1px 0px; position: relative; text-align: right; }
.assment-link-part .ass-body ul li span{width: 80%; color: #444; padding: 4px 10px; text-align: justify; line-height: 1.7; background: #f8f7f7; border-radius: 3px; display: inline-block;  margin-bottom: 0; font-size: 14px;}
.assment-link-part .ass-link{ width:25%; text-align:center;}
/* ---- Certificate ------ */

.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;}
/* career */

.frm-flx{ display: flex; padding: 0;}
.pad-lft{ padding-left:0;}
.pdlf-vlu{ padding-left:15px !important;}
.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:20px; border-top:2px dotted #dde1e6; margin-top:20px;}
.ptnr select{ min-height:300px; background-color:rgba(255, 255, 255, 0.6); border:1px solid #e2e9ef; overflow:auto}
.ptnr option{ padding:5px 10px; background-color:#e9eff4; margin-bottom:0px; border-bottom:1px solid #e9eff4; 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 #e2e9ef; color:#808285; font-size:20px; transition:0.4s; padding:4px;}
.ptnr .btn-outline-secondary:hover{ color:#808285; transition:0.4s; background-color:#f3f3f3}
.ptnr label{ background-color:#dde1e6; color:#333; text-transform: uppercase; padding:5px 10px; border-radius:5px; font-size:14px; border-left:3px solid #c9c9c9; border-right:3px solid #c9c9c9; text-align: left;}
.ptnr span{ color:#999; font-weight:500; justify-content:flex-end; margin-bottom:0;}
#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;}
.xso-org1{ width:25%; padding:0px; display:flex; align-items: flex-start; background:linear-gradient(#fff, #fff); position:relative; justify-content: center; border:1px solid #e7ebf0; position:relative; padding:70px 0px 0px; transition:0.4s; min-height: 300px;}
.xso-org1:before{ position:absolute; background:#e7ebf0; height:150px; width:100%; left:0; top:0; content:""; border:1px solid #e7ebf0}
.xso-org1:hover span{ transition:0.4s; box-shadow:0 8px 0px -2px rgba(0,0,0,.05);}
.xso-org1 span{ width:150px; height:150px; background-color:#fff; border:1px solid #e7ebf0; border-radius:50%; display: flex; align-items: center; padding:25px; z-index:1; box-shadow:0 8px 8px -2px rgba(0,0,0,.07); transition:0.4s;}
.xso-org1 span img { margin:0 auto; width: auto; height:auto; object-fit: contain; border-radius:0px;} 
.xso-org1 small{ position:absolute; bottom:15px; transition:0.4s;}
.xso-org1 small a{ background-color:transparent; border:1px solid #c7d4dd; border-radius:50px; padding:5px 23px 5px 20px; color:#333; font-size:16px;}
.xso-org1 small a i{ font-size: 14px; color: #666;}
.xso-org1 small a:hover{ transition:0.4s; color:#d9261c; border:1px solid #d9261c; background-color:transparent}

.xso-org2 { padding:20px; width:73%; background-color:#fff; position:relative; border:1px solid #e7ebf0; display: flex; justify-content:center; flex-wrap:wrap;} 
.xso-org2 h1 { font-size:20px; color:#fff; font-weight:600; text-transform: uppercase; padding:10px 15px; margin:0 0 5px; letter-spacing:0.5px; top:-28px; background-color:#00458f; width:100%; border-radius:0px; text-align:center; /* box-shadow:0 4px 20px 0 rgba(0,0,0,.10),0 7px 10px -5px rgba(166, 166, 166, 0.4);*/ white-space:100%;}
.xso-org2 h1 span{ float:right; position: relative; right: 0; letter-spacing:0;}

.xso-org-list{ display:flex; margin-top:15px; width: 100%;}
.xso-org { margin-top:5px; display:flex; padding:20px; justify-content: space-between; background-color: #fff;} 
.xso-org-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width: 100%; } 
.xso-org-list ul li { padding:2px 0px; margin:0px; list-style: none; width: 100%; margin-right:0px; display: flex; } 
.xso-org-list ul li b { width: 25%; padding:6px 10px; color: #333; font-weight:500; text-transform: uppercase; position: relative; z-index: 1; align-items: center; flex-wrap: nowrap; background-color:#ebf0f4; position:relative; display: flex; align-items: center; transition:0.4s; border-left:3px solid #ebf0f4; border:1px solid #ebf0f4; font-size:14px;} 
.xso-org-list ul li b::before { content: ""; width:10px; height:10px; position: absolute; right:-6px; z-index: -1; background-color:#eaeaea; 
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%); transition:0.4s; } 
.xso-org-list ul li:hover b::before{ transition:0.4s; background-color:#d9261c; right:-10px}
.xso-org-list ul li span { width: 75%; padding:5px 5px 5px 17px; text-align: justify; flex-wrap: nowrap; min-height:30px; color: #666; border: 1px solid #ebf0f4; border-left:0 none; font-size:14px; background-color:#fff;}
.xso-org-list ul li span h1{ font-size: 22px; color: #333;} 
.xso-org-list ul li span h2{ font-size: 20px; color: #555;}
.xso-org-list ul li span h3{ font-size: 18px; color: #777;}
.xso-org-list ul li span h4{ font-size: 16px; color: #888;}   
.xso-org-list ul li span h5{ font-size: 14px; color: #999;}
.xso-org-list ul li span h6{ font-size: 12px; color: #888;}

/* Case Management */
.case-view { width:100%; position:relative; display: flex; justify-content:center; flex-wrap:wrap;} 
.case-view h1 { font-size:20px; color:#fff; font-weight:500; text-transform: uppercase; padding:12px 15px; margin:0 0 5px; letter-spacing:0.5px; top:-28px; background-color:#828487; width:100%; border-radius:0px; text-align:center;}
.case-view h1 span{ float:right; position: relative; right: 0; letter-spacing:0;}
.select2-container--default .select2-selection--single{ border:1px solid #e4e9ee !important; border-left:3px solid #e4e9ee !important;}
.select2-container .select2-selection--single{ height: 31px !important}
.cke_chrome{ border:1px solid #e4e9ee !important; border-radius:3px;}
.file-preview { border:1px solid #e4e9ee !important;}
.chk-box .file-caption-main .file-caption span{ border: 0 none !important; width: 100%; padding: 2px;}
.chk-box .file-caption-main .btn-file span.hidden-xs{ border: 0 none; background: transparent; padding: 0; color: #fff;}

.case-view-list{ display:flex; width: 100%; padding-top:5px; margin-bottom:10px;}
.case-view-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width: 100%; } 
.case-view-list ul li { padding:2px 0px; margin:0px; list-style: none; width: 100%; margin-right:0px; display: flex; } 
.case-view-list ul li b { width:25%; padding:5px 10px; color:#333; font-weight:500; text-transform: uppercase;position:relative; z-index: 1; align-items: center; flex-wrap: nowrap; background-color:#ecf0f4; position:relative; display: flex; align-items: center; transition:0.4s; border-left:3px solid #ecf0f4; border:1px solid #ecf0f4; font-size:14px;} 
.case-view ul li:hover b::before{ transition:0.4s; background-color:#d9261c; right:-10px}
.case-view ul li span { width:75%; padding:5px 5px 5px 17px; text-align: justify; flex-wrap:nowrap; min-height:30px; color:#484848; border:1px solid #ecf0f4; border-left:0 none; font-size:14px; background-color:#fff;}
.case-view ul li span h1{ font-size: 22px; color: #333; margin:10px 0px; } 
.case-view ul li span h2{ font-size: 16px; color: #444; margin:10px 0px;}
.case-view ul li span h3{ font-size: 18px; color: #555; margin:10px 0px;}
.case-view ul li span h4{ font-size: 16px; color: #666; margin:10px 0px;}   
.case-view ul li span h5{ font-size: 14px; color: #444; margin:10px 0px;}
.case-view ul li span h6{ font-size: 12px; color: #555; margin:10px 0px;}
.case-view ul li span p{ margin:5px 0px; overflow: hidden;}
.case-view ul li span p strong{ font-weight:500; color:#333;}
.no-record{ width:100%;}
.no-record h6{ font-size:20px; font-weight:400; color:#333; margin:20px 0px; display:flex; justify-content:center; align-items:center;}
.no-record h6 i{ color:#d9261c; padding-right:10px;}

.hide-filebrow{display: none}
.custom-prev{ display:flex; border: 0!important; padding: 0!important; }
.chk-box .fileinput-remove{display:none;}
.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; border-radius: 3px; margin-bottom: 5px;}
.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: 95px !important;*/ height: 142px !important}
.custom-prev .file-drop-zone .krajee-default.file-preview-frame .kv-file-content{ height: auto; width: auto; min-height:145px; display:flex;
justify-content:center; object-fit:contain; margin-bottom: 5px;max-height: 150px; overflow: hidden; background-color: #eee;}
.file-preview-image{object-fit: contain;}
.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;}

/* ---- Maid Profile ------ */
.maid_prfl{ background:#fff; padding:0px; float:left; width:100%}
.maid_prfl .mdprt{ margin-bottom:10px; border-bottom:1px solid #eee; 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{ border-bottom:1px dashed #ece4ba; display:block; margin-bottom:12px;}
.err-box .tit i{ font-size:92px; color:#fb0808; }
.err-box .tit h2{ font-size:30px; color:#aaa; text-transform:uppercase; margin:0 0 8px }
.err-box .txt p{ color:#746f51; }
.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:40px; overflow:auto; border:1px solid #d7d7d7 !important;  border-left:3px solid #d7d7d7 !important;}
.select2-container--default.select2-container--focus .select2-selection--multiple{ border:1px solid #d7d7d7 !important; height:40px; 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%;}

.add-btn1{display: flex; justify-content: space-between;flex-wrap: wrap;align-items:flex-start;}
.add-btn1 .frm-lft .select2-container{width: 100% !important; }
.add-btn1 .frm-lft{width: 89%;}
.add-btn1 .frm-rht{width: 10%; display: flex; justify-content: flex-end;}
.add-btn1 .frm-rht .xbtn-add{padding: 6px 9px;}
.enlarged .footer-main{padding-left: 65px; transition: 0.4s;}

.rcrdr-btn{display: flex; align-items: flex-start;}
.case-view .recrdr{display: flex; justify-content: flex-start; flex-wrap: wrap;}
.case-view .vido-btn{margin-right: 20px;}
.scrn-rcrd{padding-top: 15px !important;}
/* Extra large devices (large desktops, 1368px and up) */
@media (max-width: 1368px) 
 {

 }

@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;}
   .add-btn1 .frm-lft{width: 87%;}

}

/* iPads (portrait and landscape)  @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px)
 {
   .xso-org2 h1{ font-size:18px;}
   .xso-org-list ul li b{ width:40%;}
   .xso-org-list ul li span{ width:60%;}
   .xso-org{ padding:0;}
   .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%;}
   .acc-title ul li:nth-child(6){ width:14%;}
   .acc-title ul li:nth-child(7){ 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%}
   .add-btn1 .frm-lft{width: 84%;}
   .tbl-frm-case .card-header .acc b{ width: 41%;}
   /* .tbl-frm-case .card-header .acc .rpt-box{display: none;} */

  .clr-primary { width:auto;}
  .clr-orange { width:auto;}
  .clr-green { width:auto;}
  .clr-brown {  width:auto;}
  .clr-dup {  width:auto;}
  .clr-blue {  width:auto;}
  .clr-red { width:auto;}
  .clr-light-red { width:auto;}
  .clr-success {  width:auto;}
  .clr-info { width:auto;}
  .clr-warning { width:auto;}
  .clr-danger {  width:auto;}
  .clr-purple {  width:auto;}
  .clr-pink { width:auto;}
  .clr-dark { width:auto;}
  .clr-default { width:auto;}
  .clr-yellow { width:auto;}
  .clr-waiting { width:auto;}
  
 }

/* 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%;}
   #main.enlarged .navbar-custom{ margin-left:240px;}
   .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:64%; display:flex; flex-wrap:wrap; align-items:center; padding:53px 40px 53px 35px;}
   .breadcrumb-holder{ margin:0; padding:10px 0px 15px;}
   .login .login-box .login-lft{ width:50%;}
   .login .login-box .login-rht{ width:50%;}
   .crse-sel .card-body .usr-roll .usr-lft{ margin-right:0;}
   .tbl-frm{ padding:20px}
   .content-page{ margin-bottom:20px;}
   .inner-banner{ height:160px;}
   .inner-banner img{ height:160px;}
   .pro-chrt{ flex-wrap:wrap;}
   .pro-chrt .pro-chrt-box:nth-child(1){ width:40%;}
   .pro-chrt .pro-chrt-box:nth-child(2){ width:60%; border-right:0 none}
   .pro-chrt .pro-count{ width:100%; border-top:1px solid #eee;}
   .dropdown-menu{ margin:9px 0px; border-top:1px solid #fff;}
   .clt-chrt .clt-chrt-box:nth-child(1){ width:58%;}
   .clt-chrt .clt-chrt-box:nth-child(2){ width:40%;}
   .main-sidebar { top: 55px;}
   .custom-prev .file-drop-zone .krajee-default.file-preview-frame{ width: 32%; margin-bottom: 10px;}
   .cases-top-lnk .rht-lnk{ width: 41%;}
   .pro-chrt .pro-count .tbl-bdy{ height: auto;}
   .pro-chrt .pro-count{ padding: 5px 5px 0px;}
}

/* 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; line-height:55px !important; }
    .navbar-custom { margin-left:245px !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;}
   .inner-banner, .inner-banner img{ height:200px;}
   .button-menu-mobile{ padding:0px 15px;}
   .xso-org{ flex-wrap:wrap; margin-top:0;}
   .xso-org1{ width:100%; padding:25px 0px 65px;}
   .xso-org2{ width:100%; margin-top:20px;}
   .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: 48%; margin-bottom:10px;}
   
   .pro-chrt{ flex-wrap:wrap;}
   .pro-chrt .pro-count{ border-top:0 none; padding: 5px 0px 0px;}
   .pro-chrt .pro-chrt-box:nth-child(1){ width:40%;}
   .pro-chrt .pro-chrt-box:nth-child(2){ width:60%; border-right:0 none}
   .pro-doc{ width:100%; padding:0px 10px;}
   .pro-doc span{ width:30%;}
   .cases-top-lnk .rht-lnk{ width: 40%;}
   .pro-chrt .pro-count .tbl-bdy{ height: auto}
   .pro-chrt .pro-chrt-box:nth-child(1){ width: 45%;}
   .pro-chrt .pro-chrt-box:nth-child(2){ width: 55%;}
   .toplnk{ text-align: right;}
   .toplnk a{ margin-bottom: 2px;}

   .enlarged .footer-main{ padding-left: 0;}

   .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}
   .xso-org1:before{ height: 110px;}
   body.adminbody-void{ min-height: 700px;}
   .footer-main{ padding-left: 0;}
   
}

@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:17px;}
	.crse-sel .card-body .usr-roll .usr-rht span{ width:23%;}
  .pro-chrt .pro-count{ padding:10px 0px;}
  .main-footer{ flex-wrap: wrap; justify-content: center;}
  .main-footer span.cptext{ width: 100%; display: block; margin-bottom: 10px; text-align: center}
  .add-btn1 .frm-lft{width: 86%;}
  /* .tbl-frm-case .card-header .acc .rpt-box{ width: 50%;} */
  .acc-title ul li:nth-child(1){ width:14%;} 
   .acc-title ul li:nth-child(2){ width:37%;}
   .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 .rpt-box{ width: 14%;}
   .tbl-frm-case .card-header .acc b{ width:44%;}	
   .tbl-frm-case .card-header .acc .isu-lnk{ width:42%;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
	.content-page .content{ padding:0;}
	.button-menu-mobile{ padding:0px 12px;}
	.dfdet3 ul li{ width:48%;}
	.dfdet ul li{ width:100%;}
	.detailbox1 .table{ display:block;}
	.pad1{ padding:0px 15px;}
	.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;}
	.cel-split input{ width:40%;}
	.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;}
	.navbar-custom{ margin-left:190px !important; padding: 0px 5px;}
	.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{ width:100px;}
	.headerbar .headerbar-left .logo img{ padding:6px; max-height:52px; padding-left:5px;}
	.navbar-custom .nav-link .tlogdwn{ padding:2px 4px 2px 10px; margin-top:5px;}
	.nav-user img{ width:26px; height:26px;}
	.breadcrumb-holder .main-title{ font-size:15px;}
	.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:10px 0px 10px 0px; background:rgba(0, 0, 0, 0.02); margin-bottom:20px; margin-bottom:5px;}
	.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:5px;} */
	.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:320px; width:100%; border-right:none; background-size:cover; background-color:#f00}
	.login .login-box .login-lft img{ padding-left:0; padding-top:0;}
	.login .login-box .login-det{ width:100%; padding:5px 25px 0px 25px;}
	.login .login-box .login-det h2{ text-align:center; font-size:20px; width:100%; margin:8px 0px 15px;}
	.login .login-box .log-logo{ top:-50px; left:auto; width:70%;}
	.login-form .login-frm-main .form-group{ margin-bottom:22px;}
	.xso-org1::before{ height:110px;}
	.xso-org2{ padding:15px;}
	.xso-org2 h1{ font-size:16px; padding: 10px 10px; font-weight: 400;}
	.xso-org-list{ flex-wrap:wrap; margin-top:10px;}
	.xso-org-list ul li{ flex-wrap:wrap; padding-bottom:5px;}
	.xso-org-list ul li b{ width:100%;}
	.xso-org-list ul li b::before{ background:none;}
	.xso-org-list ul li:hover b:before{ background:none}
	.xso-org-list ul li span{ width:100%; border-left:1px solid #ededed; padding:5px 10px;}
	.crse-sel .card-body .usr-roll{ flex-wrap:wrap;}
	.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:7px 10px; margin-bottom:5px; border-right:0 none}
	.crse-sel .card-body .usr-roll .usr-rht span{ width:30%;}
	.remainder{ margin-right:8px;}
	.tbl-frm{ padding:15px 10px}
	.view-cmd h2{ font-size:14px; justify-content:flex-start; padding: 6px 6px; flex-wrap: wrap;}
	.view-cmd h2 span{ font-size:13px; width:auto; border-left: 0 none; padding-left: 25px;}
	.cases-top-lnk h2{ font-size:16px; width: 100%; margin-bottom:8px;}
	.case-view-list ul li{ flex-wrap:wrap;}
	.case-view-list ul li b{ width:100%;}
	.case-view-list ul li span{ width:100%; border-left:1px solid #ededed;}
	.case-view ul li span{ padding:5px 10px 5px 10px;}
	.pro-chrt .pro-chrt-box:nth-child(1), .pro-chrt .pro-chrt-box:nth-child(2){ width:100%;}
	.pro-chrt .pro-chrt-box{ padding:5px 10px;}
	.pro-chrt .pro-chrt-box{ border-bottom:1px solid #e8e8e8; border-right:0 none;}
	.pro-chrt .pro-count{ padding-bottom:0;}
  .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%; justify-content: flex-start;}
  .clt-tbl h2{ font-size: 16px;}
	.table thead th{ font-size:12px;}
	.table > tbody > tr td{ font-size:13px;}
	.pgn-lft, .pgn-rht{ justify-content:center; padding:5px 0px;}
	.body-content{ padding-bottom:5px;}
  .remainder small{ padding-top:3px;}
  .enlarged .footer-main{ padding-left: 0;}
	.scrollToTop { bottom:10px; right:5px;}
	.das-chrt{ flex-wrap:wrap; padding-bottom:5px;}
	.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:2px; padding: 5px 7px; min-width:135px; text-align: center;}
  .head-time i{ display: none;}
  body.adminbody-void{ min-height:auto;}
  .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}
	
	.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 .rpt-box{ width: 50%;}
  .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;}
	.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% !important}
	.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%;}
	#main.enlarged .navbar-custom{ padding:0px 5px;}
  .logo{ width:50%;}  
  .clr-case-tag{ display: block;}

  .modal-title{ font-size: 16px !important; color: #333;}
  .clt-sts{ justify-content: flex-start;}
  .xsearchbdy .form-group label{ padding-left: 0; font-size: 13px;}
  .file-drop-zone-title{ font-size: 18px !important;}
  .custom-prev .file-drop-zone .krajee-default.file-preview-frame .kv-file-content{ min-height: 165px; overflow: hidden;}
  .role-display h2{ font-size: 16px;}
  
  .vdo-ctrl h2 select{ width:60%;}
  .vdo-ctrl h2 span{ padding-left: 5px;}
	.main-footer span{ text-align:center}
  .form-row label{ text-align:left; padding:5px 10px; font-size:14px;}
}

@media (max-width:320px) {
  .head-time{ display: none;}
}

/* my styles  */
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;
}

.alert-error {
  color: #fff;
  background-color:rgba(237, 28, 36, 0.85);
  border-color: #d9261c;
  font-weight:400;
}

#settings th
{
	text-transform:uppercase;
	}
	#settings td
{
	text-transform:capitalize;
	}
	.alert.alert-danger {
    display: none !important;
}
.help-block {
    color: red;
    display: block;
    margin: 5px 0px;
}

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

.urgent-red{
color:#d9261c !important;
}

.file-preview{ display: flex; flex-wrap: wrap; }
.file-drop-zone { width: 100%; }

.no-permission {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-permission h6{ font-size: 22px; font-weight: 400; color: #333; margin: 14px 0px; display: flex; justify-content: center; align-items: center;}
.no-permission h6 i{ color: #f3d503; padding-right: 5px;}

.data-frm{padding: 0 20px 20px 20px;}

label.modu-show {
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;
width: auto;
cursor:pointer;
}
/*  // my styles  */