@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@300&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap" rel="stylesheet');
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");


html { position: relative; min-height: 100%; scroll-behavior: smooth;}
body { font-family: 'Poppins', sans-serif; /*font-size: 0.9rem;*/ font-size: 14px; background-color:#e9eef0; padding-bottom:0px; animation-name: fadeIn; animation-duration: 1s;}
#main{ position: relative;}
#main:before{ position: fixed; top: 0px; left: 0; width: 100%; height:240px; -webkit-transition: .3s ease all; transition: .3s ease all; background: -webkit-linear-gradient(270deg,#0399e3,#c7e6f7) !important; background: linear-gradient(270deg, #0399e3,#c7e6f7) !important; content: ""; }
h1,h2,h3,h4,h5,h6{ font-family: 'Poppins', sans-serif;}
.container-fluid{ padding-left: 30px; padding-right: 30px; }

a { color:#0473d5; text-decoration: none; transition: all 0.5s ease 0s;}
a:hover{transition: all 0.5s ease 0s; color:#666;}
p { font-family: 'Poppins', sans-serif; }

.small { font-size: 0.7rem; }
.noradius { border-radius: 0; }
.noborder { border: 0 !important; }
.radius-circle { border-radius: 50px; }
label { font-weight: 500; }
.label { display: inline-block; padding: 0.2em 0.6em; font-size:14px; font-weight: bold; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; border-radius:2px;}
.label:empty { display: none;}
img { vertical-align: middle; border: 0; }
.bg-log{ border: 15px solid transparent; border-image-slice: 1; width:100%; display:flex; }
.pwd-by{ position:absolute; right:120px; bottom:25px; font-size: 12px; color: #999;}

.multiselect { background-color: #fff; border:1px solid #e4e4e4; padding: 4px 10px; font-weight: 400; color: #495057; text-align: left;}
.multiselect-container > li > a > label{ width: 100%; display: flex; padding: 5px 10px !important; align-items: center;}
.multiselect-container{ margin-top: 0px !important; height: auto; max-height: 330px; overflow-y: auto; position: absolute !important; scrollbar-width: 10px; scrollbar-color: #0183c4 #d2eaf8; scrollbar-width: thin; }
.multiselect-selected-text{ color: #666; font-weight: 400; font-size: 14px; }
span.multiselect-native-select select{ width: 25% !important; min-width: 25% !important;}
.multiselect-native-select button { overflow: hidden; }
.multiselect-search{ margin-right: 0px !important;  background: #dcf2fd;  border-radius: 0px !important;  border-bottom: #add6ea 1px solid !important;}
.multiselect-container .multiselect-option:focus{ padding: 0.25rem 0.25rem 0.25rem 0.75rem;}
.multiselect-container .multiselect-group{ font-weight: 600; background: floralwhite; font-size: 14px;}
.caret-container{ margin-right: 3px;}
.custom-select{ height: 34px;}

.w-10{ width: 10% !important;}
.w-20{ width: 20% !important;}
.w-30{ width: 30% !important;}
.w-40{ width: 40% !important;}
.w-50{ width: 50% !important;}
.w-60{ width: 60% !important;}
.w-70{ width: 70% !important;}
.w-80{ width: 80% !important;}
.w-90{ width: 90% !important;}
.w-100{ width: 100% !important;}

.w-15{ width: 15% !important;}
.w-25{ width: 25% !important;}
.w-35{ width: 35% !important;}
.w-45{ width: 45% !important;}
.w-55{ width: 55% !important;}
.w-65{ width: 65% !important;}
.w-75{ width: 75% !important;}
.w-85{ width: 85% !important;}
.w-95{ width: 95% !important;}

.btn-light { color: #212529; background-color: #fff; border-color: #fff;}

.dropdown-item-text{ border-bottom: #eee 1px solid; font-size: 15px;}
.dropdown-item .form-check{ display: flex; align-items: center;}
.dropdown-item .form-check label{ padding: 0px;}
.dropdown-item .form-check .form-check-input{ margin: 0px 0px 0px -1.25rem;}

.accordion .multiselect-container{ transform: translate3d(0px, 0px, 0px) !important; position: relative !important;}
.accordion .multiselect-container > li > a > label { height: unset;}

.menuicon{ display: none;}

.table-responsive1{ width: 100%; display: flex; flex-wrap: wrap; }
.table-responsive1 .btn-group-vertical > .btn, .btn-group > .btn{ width: 100%;}
.btn-group, .btn-group-vertical{ display: block;}
.multiselect-container{ width: 100%; z-index: 9;}
html .optrow4 input{ text-align: left;}

.ldrimg{ position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(50, 50, 50, 0.4);}
.image_loader{ position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(50, 50, 50, 0.4);}

.footer-main{ width: 100%; margin-top:0px; bottom:-20px; border-top:1px solid rgb(216, 218, 227); background-color: #f0f1f7; transition: 0.4s;}
.modal-dialog .footer-main{ display: none;}
.main-footer { padding: 15px 15px 15px; font-weight: 400; display: flex; align-items: center; justify-content: space-between;}
.main-footer span{ display:block;}
.main-footer span.cptext{ font-size: 13px; color: #555;}
.main-footer span.cptext1{ font-size: 13px; color: #f00;}
.enlarged .footer-main{ padding-left:50px; transition: 0.4s;}
.enlarged .body-content{ min-height: 980px; transition: 0.4s;}
.bootstrap-duallistbox-container .filter{ margin-top:8px;}
.modal-dialog{ max-width:850px; animation-name: zoomIn; animation-duration: 1s; display: flex; align-items: center;}
.mdl-frm{ padding:15px;}
.modal-header{ color:#333; padding: 15px 15px;}
.modal-header h4{ font-size:17px; text-transform: uppercase}
.modal-header .close{ color:rgba(0,0,0,0.7) !important; display: none;}
.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:40px; padding:10px; margin: 40px 0px 20px 0px !important; background-color: #f4f4f4; border: #e6e6e6 1px solid; }
.page-link{ padding:5px 10px; font-size:14px;}
.pgn-lft{ display:flex; align-items:center; padding-left: 0 !important;}
.pgn-rht{ display:flex; justify-content:flex-end; align-items:center; padding-right: 0 !important;}
.pgn-rht ul{ margin:0px;}
.pagination .page-item.disabled .page-link{ border-radius: 0;}
.pagination .page-item:last-child .page-link{ border-radius: 0;}
.pagination .page-item.disabled .page-link{ border: 0;}
.pagination .page-item .page-link{ border: #fff; border-right:1px solid#eee;}
.pagination .page-item{ border-right: 1px solid #eee;}
.pagination .page-item:last-child .page-link{ border:#fff;}
.rht{text-align:right; padding-right:0 !important;}

.bg-primary { background-color: #0f9df7 !important; font-weight:400; }
.bg-orange  { background-color: #e24d2d !important; font-weight:400; }
.bg-green   { background-color: green !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; }
.bg-lightgray { background-color: #eaeaea !important; font-weight:400; }

.clr-primary    { background-color: #0f9df7 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-orange     { background-color: #e24d2d !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 6px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-green      { background-color: #7fa736 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-brown      { background-color: #8e5210 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-dup        { background-color: #3a4de1 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-blue       { background-color: #32ccc4 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-red        { background-color: #ff0000 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 8% 100%, 0% 50%); clip-path: polygon(10% 0, 100% 0, 100% 100%, 8% 100%, 0% 50%); width:85px;}
.clr-light-red  { background-color: #ff4943 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 8% 100%, 0% 50%); clip-path: polygon(10% 0, 100% 0, 100% 100%, 8% 100%, 0% 50%); width:85px;}
.clr-success    { background-color: #1bb99a !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-info       { background-color: #3db9dc !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%);  width:85px;}
.clr-warning    { background-color: #f1b53d !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-danger     { background-color: #ff5d48 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-purple     { background-color: #9261c6 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-pink       { background-color: #ff7aa3 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-dark       { background-color: #2b3d51 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-default    { background-color: #64b0f2 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}
.clr-yellow     { background-color: #ff9f40 !important; font-weight:400; text-transform:uppercase; padding:0px 4px 0px 7px; font-size:10px; letter-spacing:1px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 6% 100%, 0% 50%); width:85px;}

.isu-red    { font-weight:bold; color:#ff0000; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.isu-yellow { font-weight:bold; color:#ff9f40; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.isu-dark   { font-weight:bold; color:#2b3d51; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.isu-purple { font-weight:bold; color:#9261c6; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.isu-green  { font-weight:bold; color:#7fa736; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.isu-orange { font-weight:bold; color:#ff8f6b; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.isu-blue   { font-weight:bold; color:#1193f7; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }

.bg-clr{ display:flex; width:100%; padding:13px;}
.bg-clr a{ width:24.5%; margin-right:21px;}
.bg-clr a:nth-child(3n+3){ margin-right:0;}
.bg-default-box{ background-color: #64b0f2 !important;}
.bg-danger-box{ background-color: #ff5d48 !important;}
.bg-info-box{ background-color: #3db9dc !important;}
.bg-yellow-box{ background-color: #ff9f40 !important;}

.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-custom { color: #f9d205 !important; }
.text-primary { color: #0f9df7 !important; }
.text-success { color: #1bb99a !important; }
.text-info { color: #3db9dc !important; }
.text-warning { color: #f1b53d !important; }
.text-danger { color: #ff5d48 !important; }
.text-purple { color: #9261c6; }
.text-pink { color: #ff7aa3; }
.text-dark { color: #2b3d51; }
.text-white { color: #ffffff; }
.text-muted { color: #818a91; }

.head-time{ background-color:#f3f3f3; padding:5px 15px; margin-right:15px; border-radius:30px; min-width:180px; text-align:left; font-size: 13px; color:#555;}
.head-time i{ color: #b3b5b7;}

/* New Menu Bar */

#bootnavbar{flex-grow: unset !important;}
.navbar-brand { padding-top: 0; position: absolute; z-index: 99999; visibility: hidden; display: none; }
.navbar {padding: 0;}
.nav-bg { background-color:rgba(255, 255, 255, 1); position: absolute; width: 100%; z-index: 20; top: 63px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3); }
/* .nav-bg::after { background-color:rgba(0, 0, 0, 0.2); position: absolute; width: 100%; z-index: 20; bottom: -7px; height: 7px; content: ""; } */
.nav-bg .navbar { padding-left: 0; padding-right: 0; align-self: flex-end; }
.nav-bg li.nav-item { padding: 0px; position: relative;}
.nav-bg li.nav-item::after {position: absolute; content: ""; width: 1px; height: 30px; background-color: rgba(255, 255, 255, 0.2); right: 0; top: 16px;}
.nav-bg li.nav-item:last-child::after {display: none;}
/* .nav-bg li.nav-item:last-child { padding-right: 0; }*/
.navbar-dark .navbar-nav .nav-link { font-size: 15px; font-weight: 300; color: #333; padding: 10px 20px; position: relative; }
.navbar-dark .navbar-nav .nav-link i { position: absolute; right: -10; padding:6px 0 0 5px; }
.navbar-dark .navbar-nav .nav-link:hover { color:#fff; }
.navbar-dark .navbar-nav .active .nav-link { color:#000; }
.navbar-dark .navbar-nav .nav-link:focus{ color: #000;}

li.nav-item > a:before { position:absolute; height:100%; background:#354975; color: #fff; width:0; content:" "; left:0; bottom:0; top: 0; right: 0; margin: auto; transition: all 0.3s ease 0s; z-index:-1; opacity: 1; border: 0 none;}
li.nav-item:hover > a:before { left:0; width:100%; opacity: 1; padding: 0; }

.mega-dropdown-menu h2{ margin:10px 0px 20px; display: block; background-color:#d9d9d9; border-radius: 3px; border-left: 3px solid #b6b6b6; border-right: 3px solid #b6b6b6; padding: 10px 15px;}
.mega-dropdown-menu h2 a{ margin: 0; display: block; font-size: 16px; text-transform: uppercase; color: #333; font-weight: 400;}

/* .mega-dropdown { position: static !important; } */
.mega-dropdown-menu { padding: 10px 0px 10px 0px; width: max-content; max-width: 1366px; margin: 0 auto; background-color: #fff; border: 0 none; border-radius: 0;}
.mega-dropdown-menu.crs-mn{ padding: 10px 0px 5px 0;}
.mega-dropdown-menu > li ul { padding: 0; margin: 0;}
.mega-dropdown-menu > li ul > li { list-style: none; border-bottom: 1px dotted #eee;}
.mega-dropdown-menu > li ul > li:last-child {border-bottom: 0 none;}
.mega-dropdown-menu > li ul > li > a { display: block; color: #354975; padding: 4px 15px 4px 30px; position: relative; font-size: 15px;}
/* .mega-dropdown-menu > li ul > li > a::after { position: absolute; content: ""; height: 100%; width: 100%; border: 1px solid #eee; border-left: 4px solid #eee; left: 4px; top: 0; background-color: #fff; transition: all 0.5s ease 0s; z-index: -1; border-radius: 4px;}*/
.mega-dropdown-menu > li ul > li > a::after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; margin: 0; padding: 0; position: absolute; content: "\f054"; top:10px; left: 15px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; color: #354975; transition: all 0.5s ease 0s;}
.mega-dropdown-menu > li ul > li > a:hover::after{ color: #333;}
.mega-dropdown-menu > li ul > li > a:hover,.mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #333; background-color: rgb(53,73,117,0.1); }
/* .mega-dropdown-menu > li ul > li > a:hover::after { height: 100%; width: 100%; border-color: #e11a27; background-color: #e11a27; top: 0px; z-index: -1; transition: all 0.5s ease 0s; } */
.mega-dropdown-menu .dropdown-header { font-size: 24px; color: #fff; padding: 0px 10px 5px; line-height: 30px; text-transform: none; font-weight: 300; margin-bottom: 30px; }
.mega-dropdown-menu .drp-tit { font-size: 18px; color: #e11a27; padding: 10px 2px; margin:0; font-weight: 500; }
.megalink { border-right: 1px solid #dddddd; }
.megalink:last-child { border-right: 0 none; }
.megalink li { border-top: 1px dotted rgba(225, 255, 255, 0.1); }
.megalink:nth-child(1):hover i { animation-name: rubberBand; animation-duration: 1s; }
.megalink:nth-child(2):hover i { animation-name: rubberBand; animation-duration: 1s; }
.megalink:nth-child(3):hover i { animation-name: rubberBand; animation-duration: 1s; }
.megalink:nth-child(4):hover i { animation-name: rubberBand; animation-duration: 1s; }
.megalink:nth-child(5):hover i { animation-name: rubberBand; animation-duration: 1s; }

/* New Menu Bar Close*/

.dropdown-lg { width: 280px; }
.dropdown-menu { box-shadow: none; border: 1px solid rgb(228, 228, 228); margin:0px 0px; padding:0px 0px 10px 0px; border-radius: 0; border-radius:0px 0px 0px 0px;}
.dropdown-item:hover{ background-color: #f3f3f3;}
.dropdown-item:hover i{ color: #adadad; transition: 0.4s;}
.dropdown-item.notify-item:hover{ color: #555;}

.profile-dropdown { width:210px; margin-top:13px;}
.profile-dropdown i { font-size:14px; margin-right:5px; color:#cacaca; width: 16px; text-align:center; }
.profile-dropdown a.dropdown-item{ padding:10px 10px; color: #555; font-size: 14px; border-bottom: 1px solid #f5f5f5; margin-bottom: 0; display: flex; align-items: baseline;}
.profile-dropdown a.dropdown-item:hover{ transition: 0.4s; color:#444 ;}
.profile-dropdown a.dropdown-item:hover i{ color: #999; transition: 0.6s;}
.profile-dropdown a.dropdown-item:last-child{ border-bottom: 0 none;}
.profile-dropdown span{ display: inline-block; line-height: 18px;}
.profile-dropdown span em{ font-style: normal; color: darkred;}

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

.assesbox{ display: flex; flex-direction: column; background: #f4fafb; padding: 10px; width: fit-content; margin: 00px auto 00px; border: #e5eff0 1px solid; border-top: 0px; }
.assesbox .asseslist{ display:flex; flex-direction: row; align-items: center; margin: auto;}
.assesbox .asseslist .assestotal{ background:#afe6fd; padding:15px 30px; text-align:center; font-size:16px; color:#000; margin: 7px; width: 260px; }
.assesbox .asseslist .assestotal span{ display:block; font-size:40px; font-weight:900;}
.assesbox .asseslist .assesattend{ background:#fdd9af; padding:15px 30px; text-align:center; font-size:16px; color:#000; margin: 7px; width: 260px; }
.assesbox .asseslist .assesattend span{ display:block; font-size:40px; font-weight:900;}
.assesbox .asseslist .assesremain{ background:#ace9c9; padding:15px 30px; text-align:center; font-size:16px; color:#000; margin: 7px; width: 260px; }
.assesbox .asseslist .assesremain span{ display:block; font-size:40px; font-weight:900;}

.examtabbox{ background: #f4fafb; width: fit-content; margin: 20px auto;}
.examtabbox .nav-tabs{ border: 0px; background: #eff2f2; border: #e2e8e8 1px solid; border-bottom: 0px;}
.examtabbox .nav-tabs li a{ font-size: 17px; color: #000; font-size: 500; padding: 10px 25px; display: inline-block; border-right: #e2e8e8 1px solid;}
.examtabbox .nav-tabs li a:hover{ background: #cce7f5;}
.examtabbox .nav-tabs li a.active{ background: #f4fafb;}

.assesbox .startassess{ background: #173184; color:#fff; font-size:17px; text-transform: uppercase; padding: 10px 15px; border-radius: 5px; display: inline-block; margin: 30px auto 25px; font-weight: 500;}
.assesbox .startassess i{ margin-left: 7px;}
.assesbox .startassess:hover{ background: #a40658;}

/* Full View */
.select2-container--default .select2-selection--single{ border:1px solid #ced4da !important; border-left:3px solid #ced4da !important;}
.select2-container .select2-selection--single{ height: 31px !important}
.cke_chrome{ border:1px solid #dedede !important; border-radius:3px; box-shadow:none !important;}
.cke_top{ background-image: linear-gradient(to bottom,#fff,#e3e3e3) !important;}
.cke_maximized{ z-index: 9999 !important;}
.cke_maximized .cke_contents{ height: 90vh !important;}
.cke_maximized .cke_top{ transform: translateY(100%); text-align: center; display: flex; justify-content: center;}
.cke_maximized .cke_bottom{ transform: translateY(100%); padding:7px 8px 7px !important;}

/* Dropdown Box */
.drp-box{ width: 100%; background-color: #01388a; padding:9px 10px;}
.drp-box .drp-head{ width: 100%; display: flex; align-items: center;}
.drp-box .drp-head span{ width:19%; height: 36px; background-color: #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; padding: 4px;}
.drp-box .drp-head span img{ width: auto; height: auto; object-fit: contain; border-radius: 50px;}
.drp-box .drp-head ul{ width: 80%; padding: 0; margin-left:10px;}
.drp-box .drp-head ul li{ list-style: none; display: flex; align-items: center; width: 100%; flex-wrap: wrap; line-height: 1.3;}
.drp-box .drp-head ul li b{ width: 100%; text-transform:uppercase; font-size: 13px; font-weight: normal; color: #fff;}
.drp-box .drp-head ul li small{ width: 100%; font-size: 12px; color: #cebafe;}
.navbar-custom { background: -webkit-linear-gradient(90deg, #a6d8f3,#0098e3) !important; background: linear-gradient(90deg, #a6d8f3,#0098e3) !important; border-radius: 0; margin-bottom: 0; padding:12px 17px 10px; margin-left:190px; min-height:60px; display: flex; justify-content:flex-end; align-items: center; position: relative; transition: 0.4s; }
.navbar-custom .lan{ width: auto; margin-right: 10px; font-size: 12px;}

.navbar-custom .dropdown-menu .drp-logout{ width: 100%; display: flex; justify-content: center; align-items: center; padding:10px 0px 10px; border-top: 1px solid #f3f3f3;}
.navbar-custom .dropdown-menu .drp-logout a i{ font-size: 14px; margin-right: 5px; transition: 0.4s; color: #fff; transition:0.6s; animation: shake 3s cubic-bezier(.6,.05,.05,.07) both infinite;  transform: translate3d(0, 0, 0);}
.navbar-custom .dropdown-menu .drp-logout a{ background-color: #323e9f; border: 1px solid #323e9f; padding: 5px 20px; border-radius: 50px; text-align: center; text-transform: uppercase; color: #fff; font-size: 12px; transition: 0.4s;}
.navbar-custom .dropdown-menu .drp-logout a:hover{ background-color: transparent; border: 1px solid #202b84; color: #202b84;}
.navbar-custom .dropdown-menu .drp-logout a:hover i{ color: #202b84;}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }

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

  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

.stky { padding:0px 0; position: -webkit-sticky; transition: 0.4s;}
.sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 99999; border-top: 0; padding:0px; transition: all 0.6s;}
.sticky .navbar-custom{ background-color: #afaeae; transition: 0.4s; padding: 8px 17px 5px; min-height: 67px;}

.navbar-custom .xbtn-srch{ margin-right:10px; padding:2px 15px; border-radius:50px;}
.navbar-custom .nav-link { padding: 0 !important; line-height:54px; color: #e9f2ff; font-size:20px; }
.navbar-custom .nav-link .tlogdwn{ border-radius:50px; display:flex; align-items:center; line-height: normal; padding:3px 12px 3px 12px; transition: all 0.5s ease 0s; margin-top:0px; background-color: rgba(255,255,255, 0.9); width: 35px; height: 35px; justify-content: center; position: relative;}
.navbar-custom .nav-link .tlogdwn:before{ width: 9px; height: 9px; border-radius: 50px; background-color: #00e676; content: ""; position: absolute; right: 0; bottom: 0;}
.navbar-custom .nav-link .tlogdwn i{ padding: 0 6px; color: #aaa; margin-top:1px;}
.list-inline-item:hover .nav-link .tlogdwn{ background-color:rgba(221, 221, 221, 0.95); transition: all 0.5s ease 0s;}
.list-inline-item:hover .nav-link .tlogdwn i{ color: #fff;}
.navbar-custom .dropdown-toggle:after { content: initial;}
.navbar-custom .menu-left { overflow: hidden; }
.navbar-custom .dropdown-menu{ animation-name: zoomIn; animation-duration: 0.5s; -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,.1);
box-shadow: 0 5px 25px 0 rgba(0,0,0,.1); transition: 0.8s;}

.navbar-custom .nav-lst{ margin-right:15px;}
.navbar-custom .nav-lst .dropdown .btn-nav{ background-color:#888; color:#fff; padding:5px 12px; font-size:12px; box-shadow:none; text-transform:uppercase; border-radius:50px;}
.navbar-custom .nav-lst .dropdown .btn-nav i{ padding-left:2px;}
.navbar-custom .nav-lst .dropdown .dropdown-menu{ top:10px}
.navbar-custom .nav-lst .dropdown .dropdown-item{ font-size:13px; padding:5px 10px; border-bottom:1px solid #dedede;}
.navbar-custom .nav-lst .dropdown .dropdown-item:last-child{ border-bottom:0 none}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }

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

  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

.myorg{ max-width:850px !important;}
::-webkit-scrollbar { width: 12px; height: 12px;}
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2);}
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.6);}
.breadcrumb-holder { margin:0px 0px 1px; padding:22px 0px 8px; display: flex;align-items: center; justify-content:space-between; position: relative;}

.breadcrumb-holder .main-title { margin-bottom: 0; font-size:15px; display: flex; align-items: center; color:#013284; font-weight:500; text-transform:uppercase; -webkit-animation-name: slideInRight;   animation-name: slideInRight;  -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; }
.breadcrumb-holder .main-title i{ padding-right:8px; font-size:14px; color:#013284;}
.tbl-title { width: 100%; display: flex; justify-content: space-between; margin-bottom: 15px;}
.tbl-title .main-title { margin-bottom: 0; font-size:15px; display: flex; align-items: center; color:#444; font-weight:500; text-transform:uppercase; position: relative; padding-bottom: 6px;}

.card{ border:none;}
.card-box { padding:17px 17px 0px; background-clip:padding-box; margin-bottom:20px; background-color:#fff; border:1px solid rgba(183,183,183,.125);}
.card-box i { font-size:67px; margin-top: 20px; }
.card-header { color: #fff; background-color:#808285; border-bottom: 1px solid rgba(111,111,111,.13); padding:10px 20px; text-transform:uppercase; font-size:14px;}
.card-header h3 { font-weight: 500; font-size:15px; margin-bottom: 0; line-height:1.6;}
.header-title { font-size: 1rem; text-transform: uppercase; }
.page-header { margin-top: 30px; margin-bottom: 20px; font-size: 1.15rem; padding-bottom: 10px; border-bottom: 1px solid #dedede; }
.button-list { margin-bottom: -5px; margin-left: -7px; }
.button-list button, .button-list a { margin: 5px 7px; }
.card-title{ color:#565656; animation-name: slideInLeft; font-weight:400;}
.card-footer{ background-color:transparent}

.card-head{ color: #6b6b6b; padding-bottom:15px; margin-bottom:25px; border-bottom:1px dotted #ccc;}
.card-head h3 { font-weight: 500; font-size: 1.1rem; margin-bottom: 0; line-height:1.3;}
.card-head h3 i{ font-size:1.0; padding-right:5px;}
.count{ padding:0 !important; display:flex;}
.tbl{ padding:0 !important;}
.no-padding{ padding:0 !important;}

canvas { max-width: 100%; }
svg { max-width: 100%; }
a { outline: none !important; text-decoration: none !important; transition: 0.4s;}
.row { margin-right: -10px; margin-left: -10px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { padding-right: 10px; padding-left: 10px; }
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active { background-color: #0f9df7; }
.dropdown-item { font-size: 0.9rem; white-space: inherit; }
.dropdown-item:focus, .dropdown-item:hover{ color: #eb1c27;}

.card-inner-header { color: #666; background: linear-gradient(#fef8f8, #ffffff); border-bottom: 1px solid rgba(111,111,111,.13); }
.card-inner-header h3 { font-weight: 500; font-size: 1.1rem; margin-bottom: 0; line-height:1.3; padding:10px 10px 10px; margin-bottom:5px;}
.card-inner-header h3 i{ font-size:1.0; padding-right:5px;}

/* IE9, IE10, IE11 */
@media screen and (min-width: 0\0) {
.form-control {
padding: 0.55rem 0.75rem !important;
}
.input-group-addon {
line-height: inherit !important;
font-size: 1rem !important;
}
.carousel-control span {
right: 20px;
}
}

.headerbar { left:0;position:fixed; right:0; top: 0; z-index:10; }
.headerbar .headerbar-left { background:linear-gradient(90deg, #d2eaf8,#a6d8f3) !important; float:left; text-align:left; height:67px; position:relative; width:300px; z-index:1; display: flex; padding-left:0px; }
.headerbar .headerbar-left .menu-left{ position:absolute; top:67px; width:auto; padding:10px 12px 10px 0px; transition: 0.4s; display: none;}
.headerbar .headerbar-left .menu-left:before{ width: 300px; height:52px; position: absolute; top: 0; content: ""; z-index: -9; transition: 0.5s;}
.headerbar .headerbar-btm .menu-left:before{ width: 100%; transition: 0.5s;}
.headerbar .headerbar-left .menu-left li{ display: flex; align-items: center;}
.headerbar .headerbar-left .menu-left li span{ color: #013284; text-transform: uppercase; font-weight:500; font-size: 13px;}
.headerbar .headerbar-btm{ position: relative ; transition: 0.4s;}
.headerbar .headerbar-btm .menu-left li span{ display: none; transition: 0.4s;}
.headerbar .headerbar-btm .menu-left{ padding:10px 6px 10px 5px; transition: 0.4s;}
.logo img { max-height:60px; width:auto; height:auto; object-fit:contain; margin: 3px 0 6px;}
.navbar-custom { background-color: #fff; border-radius: 0; margin-bottom: 0; padding:10px 17px 10px; margin-left:300px; min-height:66px; display:flex; justify-content:space-between; align-items:center; position:relative; transition:0.4s; box-shadow:0 14px 15px -12px rgba(91, 91, 91, 0.15); }
.nav-inname{ font-size: 20px; color: #000; width: 100%; text-align: center;}
.nav-right{ display: flex; align-items: center; }
.nav-right .plandet{ font-size: 14px; color: #1f3462; line-height: 18px; margin:0px 7px 0px 10px;}
.nav-right .plandet span{ font-size: 13px; color: #bee8ff;}
.nav-right .plandet .logo{ padding-right: 0px; background: #fff; border-radius: 3px; padding: 3px; height: unset !important;}
.nav-right .plandet .logo img { max-height:38px; width:auto; height:38px; object-fit:contain; margin: 0px; padding: 0px 5px;}
.evebut{ display: ruby;}

.headerbor{ border-bottom: #fff 1px solid;}
.evefot{ bottom: 0%; left: 0%; z-index: 1; width: 100%; background: #fff; padding: 30px 8px 0px;}
/*.evefot{ position: fixed; bottom: 0%; left: 0%; z-index: 1; width: 100%; padding: 0 1%; background: #fff; padding-top: 10px; padding-bottom: 10px; border-top: #eee 1px solid;}*/

.stky { padding:0px 0; position: -webkit-sticky; transition: 0.4s;}
.sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 99999; border-top: 0; padding:0px; transition: all 0.6s; transition: 0.4s;}
.sticky .navbar-custom{ background-color: #fff; transition: 0.4s; padding:7px 17px 5px;}

.navbar-custom .xbtn-srch{ margin-right:10px; padding:2px 15px; border-radius:50px;}
.navbar-custom .nav-link { padding: 0 !important; line-height:54px; color: #e9f2ff; font-size:20px; }
.navbar-custom .nav-link .tlogdwn{ border-radius:50px; display:flex; align-items:center; line-height: normal; padding:3px 3px; transition: all 0.5s ease 0s; margin-top:0px; background-color: rgba(200, 200, 200, 0.5); width: 35px; height: 35px; justify-content: center; position: relative;}
.navbar-custom .nav-link .tlogdwn:before{ width:9px; height:9px; border-radius:50px; background-color:#00e676; content: ""; position: absolute; right:-1px; bottom:-1px;}
.navbar-custom .nav-link .tlogdwn i{ padding: 0 6px; color: #aaa; margin-top:1px;}
.list-inline-item:hover .nav-link .tlogdwn{ background-color:rgba(221, 221, 221, 0.95); transition: all 0.5s ease 0s;}
.list-inline-item:hover .nav-link .tlogdwn i{ color: #fff;}
.navbar-custom .dropdown-toggle:after { content: initial;}
.navbar-custom .menu-left { overflow: hidden; }
.navbar-custom .dropdown-menu{ animation-name: zoomIn; animation-duration: 0.5s; -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,.1); box-shadow: 0 5px 25px 0 rgba(0,0,0,.1); transition: 0.8s; padding-bottom: 0;}
.navbar-custom .nav-lst{ margin-right:15px;}
.navbar-custom .nav-lst .dropdown .btn-nav{ background-color:#888; color:#fff; padding:5px 12px; font-size:12px; box-shadow:none; text-transform:uppercase; border-radius:50px;}
.navbar-custom .nav-lst .dropdown .btn-nav i{ padding-left:2px;}
.navbar-custom .nav-lst .dropdown .dropdown-menu{ top:10px}
.navbar-custom .nav-lst .dropdown .dropdown-item{ font-size:13px; padding:5px 10px; border-bottom:1px solid #dedede;}
.navbar-custom .nav-lst .dropdown .dropdown-item:last-child{ border-bottom:0 none}

.examlist{ display: flex; justify-content: center; margin: 10px 10px 20px; width: 100%;}
.examlist a{ display: inline-block; padding: 5px 15px; background: #1172d4; color: #fff; font-size: 20px; font-weight: 800; margin: 5px; border-radius: 4px;}
.examlist a:hover{ background: darkgreen; }
.examlist a.active{ background: darkgreen !important;}
.examtitle{text-align: center; width: 100%; font-size: 20px; font-weight: bold; color: firebrick; text-transform: uppercase; padding-bottom: 7px; border-bottom: #e6e6e6 2px dotted;}

.crp-btn{ width:100%;}
.crp-btn{ text-align:right; padding-right:0px; margin-bottom:10px;}
.crp-btn button{ border:0; width:35px; height:35px; border-radius:10px; margin:1px; background:#ecedf4; transition:0.4s; cursor:pointer;}
.crp-btn button i{ font-size:14px; color:#8a8cac; text-align:center; padding-top:4px; transition:0.4s}
.crp-btn button:nth-child(2):hover i{ color:#ff7c00; transition:0.4s; transform:rotate(50deg);}
.crp-btn button:nth-child(1):hover i{ color:#ff7c00; transition:0.4s; transform:rotate(-50deg);}
.croppie-container .cr-viewport, .croppie-container .cr-resizer{ box-shadow: 0 0 2000px 2000px rgba(73, 74, 98, 0.6) !important;}
#thumbnail_preview .cr-boundary{ width: 100% !important;}

.clndr{ margin:0px 5px 0px 5px; font-size: 13px; color: rgba(255, 255, 255, 0.8); transition: 0.4s; display: none;}
.clndr i{ font-size: 14px; padding-right: 5px; color: rgba(255, 255, 255, 0.6);}

.remainder{ margin-right:12px; border-radius:50px !important; transition:0.4s; position: relative; display: none;}
.remainder a{ border-radius: 50px !important; margin-top: 1px; transition: 0.4s; background-color: #d9261c; position: relative; width: 30px; height: 30px; display: flex; color: #fff; align-items: center; justify-content: center;}
.remainder a i{ font-size:14px; -webkit-animation: ring 4s .5s ease-in-out infinite; -webkit-transform-origin: 50% 4px; -moz-animation: ring 4s .5s ease-in-out infinite; -moz-transform-origin: 50% 1px; animation: ring 4s .7s ease-in-out infinite; transform-origin: 50% 4px;}
@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
     1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }
    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
  }
  
  @-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }
    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
  }

  @keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }
    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
  }

.remainder a:hover{ transition:0.4s; color:#fff}
.remainder span{ position: absolute; top:-6px; right:-6px; font-size:8px; background-color:#333; border-radius:50px; width:17px; height:17px; text-align:center; padding-top:0px; color:#fff; display: flex; justify-content: center; align-items: center; }

.logo { line-height:56px; display: flex; height:64px; text-align: center; justify-content: left; width: 100%; top:6px; padding-right:10px; padding-left: 10px; padding-top:3px; margin-bottom: 0;}
.logo span span { color: #fff; }
.main-sidebar { top:120px; width:190px; z-index:1; bottom:70px; margin-bottom:-70px; margin-top:0; padding-bottom:70px; position:absolute; transition:all 0.5s ease 0s; padding-top:0px;}
.content-page { overflow: hidden; transition: all 0.5s ease 0s; margin-bottom:0px; position:relative;}
.content-page .content { padding: 0 3px; margin-top:105px; position: relative; }
.content-page .content .card-body{ padding:5px 5px 0px; }
.content-page .content1 { margin-top:150px !important; }

.full-page{ margin-left: 0;}
.full-page .content{ margin-top: 0;}
.full-page .body-content{ min-height: 400px;}
.full-page .body-content .tbl-frm { padding: 0;}
.full-page .inner-banner{ background-color: #fff;}

.cnt-part{ width: 100%;}
.btn-mdl{ background-color: #0283d6; border-color: #0283d6; color: #fff; border-radius: 50px; padding: 5px 30px; margin: 3px 0px;}
.btn-mdl i{ padding-right: 5px;}

.main-sidebar.left { position: absolute; }
body.adminbody .main-sidebar.left { top:65px; margin-bottom:0px; margin-top:0px; padding-bottom:0px; z-index:1051; background-color:#fff; width: 100%; position:relative; transition:0.5s; -webkit-transition:0.5s; overflow:auto; scrollbar-width:thin; scrollbar-color:#fff #fff; padding-right:2px; }
body.adminbody .main-sidebar.left:hover{ overflow: auto; scrollbar-width: thin; scrollbar-color:#dfdfdf #fff; transition: 0.8s; -webkit-transition: 0.52013s; }
.button-menu-mobile { color:#013284; font-size:16px; margin-right: 0px; cursor: pointer; display: inline-block; overflow: hidden; vertical-align: middle; z-index: 1; transition:0.4s; background:transparent; height:32px; width:34px; display: flex; justify-content: center; align-items:center; border: 0;}
.button-menu-mobile:hover { color:#bbb; transition:0.4s;}
.sidebar-inner { height:100%; background:#fff; background-size: cover; transition: 0.4s;}

::-webkit-scrollbar { width: 5px;}
::-webkit-scrollbar-thumb { background: #fff; height: 30px; }
::-webkit-scrollbar-track { background: #fff; border: 0px none #fff; border-radius: 53px; }

.tbl-bdy1{ width:100%; border-radius:0px; background-color: #f8f8ff; margin-top:7px; min-height:500px; max-height: 500px; overflow: auto;}
.tbl-bdy1 tr td p{ display: none;}
.tbl-bdy1 tr td p:first-child{ display: block; max-height: 50px; overflow: hidden; margin: 0px; padding: 0px; line-height: 18px;}
.tbl-bdy2{ width:100%; border-radius:0px; background-color: #fff; margin-top:7px; min-height:100px; max-height: 500px; overflow: auto;}
.tbl-frm{ padding:0px; border-radius:0px; background-color: #fff; padding: 15px 15px; margin-top:8px; min-height: calc(100vh - 200px);}
.dis-frm form{ border-bottom: 3px dotted #bbb; padding-bottom: 10px; margin-bottom: 30px;}
.dis-frm .add-butt{ margin-top: 15px; border-top: 1px solid #eaeaea;}

.tbl-bdy{ width:100%; border-radius:0px; background-color: #fff; margin-top:7px; overflow: auto;}
.tbl-bdy tr td p{ display: none;}
.tbl-bdy tr td p:first-child{ display: block; max-height: 50px; overflow: hidden; margin: 0px; padding: 0px; line-height: 18px; font-size: 13.5px; color: #333;}

.tbl-frm1{ width: 100%; padding:0px; border-radius:0px; background-color: #fff; padding: 15px 15px 25px; margin-top:8px; min-height: calc(100vh - 200px);}
.tbl-frm1a{ width: 100%; padding:0px; border-radius:0px; background-color: #fff; padding: 15px 15px 140px; margin-top:8px; min-height: calc(100vh - 200px);}
.tbl-frm2{ width: 100%; padding:0px; border-radius:0px; background-color: #fff; padding: 15px 15px; margin-top:8px; min-height: 150px;}
.tbl-frm3{ width: 100%; padding:0px; border-radius:0px; background-color: #fff; padding: 15px 15px; margin-top:8px;}

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

.leftbox{ background-color: #b5d8f7; width: 25%;}
.rightbox{ background-color: #fff; width: 75%;}

.leftbox1{ background-color: cornsilk; width: 100%;}
.leftbox1 .qoptleft{ display: flex; flex-direction: row; width: 100%;}
.leftbox1 .qoptright{ display: flex; flex-direction: column; width: 25%;}
.rightbox1{ background-color: ghostwhite; width: 100%;}
.qopt{ display: flex; flex-direction: row;}
.splt{ display: flex; width: 100%; justify-content: space-between;}
.splt select{ width: 20%;}
.splt input{ width: 78%;}
.splt1{ display: flex; width: 100%; justify-content: space-between;}
.splt1 input{ width:48%;}
.splt1 .input-group{ width: 48%;}
.splt1 .input-group.bootstrap-timepicker .dropdown-menu{ background-color:#fff;}

.splt2-frm{ display: flex; width: 100%; padding: 0 !important; align-items: flex-end;}
.splt2{ width: 100%; text-align: left;}
.splt2 label{ text-align: left !important; padding: 0px 0 5px !important;}
.splt-inpt{ display: flex; align-items: center; justify-content: space-between; width: 100%;}
.clr-btn{ display: inline-block;}
.clr-btn i{ color: #fff; background-color: #ff0000; border-color: #ff0000; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50px; transition: 0.4s; font-size: 12px;}
.clr-btn i:hover{ background-color: #999; border-color: #999; color: #fff; transition: 0.4s;}

.btn-remove{ background-color: #ff0000; padding: 2px 10px; color: #fff; font-size: 12px;}
.btn-remove:hover{ background-color: #a61515; color: #fff;}
.btn-remove i{ padding-right:5px; font-size: 11px;}

.btn-add{ background-color: #00a65a; padding: 2px 10px; color: #fff; font-size: 12px;}
.btn-add i{ padding-right:5px; font-size: 11px;}
.btn-add:hover{ background-color: #037d45; color: #fff;}

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

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

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

.rtng-viw{ display:flex;}
.rtng-viw .rating-md{ font-size: 28px; margin-top:-10px; border: 1px solid #dedede; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; padding-left: 10px; width: 100% }

div.view b{ font-size: 14px; color: #218406; display:flex; font-weight: normal; justify-content: center;}
div.view b a{ display: block; color: #0473d5; border: 1px solid #0473d5; border-radius: 6px; overflow: hidden; position: relative; z-index: 0; width:auto; padding: 0px 10px; font-size: 12px; line-height: 1.4;}
div.view b a:hover{ animation-name: none; }
div.view b a:before{ width: 1%; height: 100%; background-color: #f3f3f3; content: ""; left: 0; bottom: 0; position: absolute; border-radius: 50px 0px 0px 50px; visibility: hidden; transition: 0.8s; z-index:-1;}
div.view b a:hover:before{ visibility: visible; background-color: #edf7fd; width: 100%; left: 0; transition: 0.8s; border-right: 3px solid #edf7fd; border-radius: 50px;}

.clr-case-tag{ color: #d07a1a; font-weight: 500; margin: 0px 2px; font-size: 14px;}
.inner-top-exp{ width: 100%; display: flex; justify-content: space-between;}

.clt-lst ul li:nth-child(1), .clt-lst ul li:nth-child(2), .clt-lst ul li:nth-child(3), .clt-lst ul li:nth-child(4){ width:49% !important;}
.tk-icn:before{ content:"\f068"; }
.collapsed.tk-icn:before{ content:"\f067";}
.hiddenRow { padding: 0 4px !important; }

/* Case Management */
.incident-view-page{ padding:10px 15px; background-color: #fff; margin-top:10px;}

.incident-view-list .incident-title{ width: 100%; background-color:#086695; padding:5px 10px; border-radius: 10px 10px 0 0;}
.incident-view-list .incident-title h2{ font-size:18px; font-weight: 500; text-transform: uppercase; padding: 5px 0px 5px; margin-bottom:0px; display: flex; align-items: center; color: #fff;}
.incident-view-list .incident-title h2 span{ margin-left: 15px;}
.incident-view-list .incident-title h2 span .fa-check{ width: 28px; height: 28px; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: #04a025; color: #fff;}
.incident-view-list .incident-title h2 span .fa-times{ width: 28px; height: 28px; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: #d9261c; color: #fff;}
.incident-view-list{ display:flex; width: 100%; padding-top:5px; margin-bottom:15px; flex-wrap: wrap;}
.incident-view-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width: 100%; }
.incident-view-list ul li { padding:5px 0px; margin:0px; list-style: none; width: 100%; margin-right:0px; display: flex; align-items: center; border:1px solid #ddd; border-top: none; min-height:35px; margin-bottom:1px;}
.incident-view-list ul li b { width:25%; color:#524f6f; font-weight:500; z-index: 1; align-items: center; flex-wrap: nowrap; background-color:#fff; position:relative; display: flex; align-items: center; transition:0.4s; font-size:14px; padding: 1px 10px; text-transform: uppercase;}
.incident-view { width:100%; }
.incident-view .incident-top-lnk h2{ font-size:18px; font-weight:500; text-transform: uppercase; border-bottom: 1px solid #f0f1f7; padding: 10px 0px 5px; margin-bottom: 15px; color: #333;}
.incident-view ul li span { width:75%; text-align: justify; flex-wrap:nowrap; color:#484848; border-left:2px dotted #b3aec6; font-size:14px; background-color:#fff; padding:1px 10px 1px 20px;}
.incident-view ul li span .form-row{ padding: 10px 0px;}
.incident-view ul li span .form-row .form-group{ margin-bottom: 0;}
.incident-view ul li span .form-row .add-butt{ justify-content: flex-start;}
.incident-view ul li span .form-row .form-group label{ text-align: left;}
.incident-view ul li span .form-row .form-group textarea{ margin-top: 10px;}
.incident-view ul li span h2{ font-size: 16px; color: #444; margin:10px 0px;}
.incident-view ul li span h3{ font-size: 18px; color: #555; margin:10px 0px;}
.incident-view ul li span h4{ font-size: 16px; color: #666; margin:10px 0px;} 
.incident-view ul li span h5{ font-size: 14px; color: #444; margin:10px 0px;}
.incident-view ul li span h6{ font-size: 12px; color: #555; margin:10px 0px;}
.incident-view ul li span p{ margin:5px 0px; overflow: hidden;}
.incident-view ul li span p strong{ font-weight:500; color:#333;}
.status-box{ width: 100%;}
.status-box ul li{ border: 0 none;}
.status-box ul li:first-child{ border-bottom:1px solid #f0f1f7;}
.status-box ul li .col-md-8{ padding-left: 0;}

.examnr-upload-dtls{ display:grid; grid-template-columns: repeat(5, 5fr); gap: 10px; width: 100%; justify-content: flex-start; flex-wrap: wrap}
.examnr-upload-dtls small{ width:100%; display: flex; border: 1px solid #e1e1e1; border-radius:5px; height:140px;}
.examnr-upload-dtls small a{ display: flex; justify-content: center; padding:5px; width: 100%; position: relative;}
.examnr-upload-dtls small a:before{ position: absolute; width: 100%; height:1px; background-color:rgba(205, 200, 227, 0.3); content: ""; left: 0; bottom: 0; transition: 0.6s; visibility: hidden; border-radius: 3px;}
.examnr-upload-dtls small a:hover:before{ position: absolute; width: 100%; height: 100%; background-color:rgba(205, 200, 227, 0.3); content: ""; left: 0; bottom: 0; transition: 0.6s; visibility: visible; border-radius: 3px; border-top: 5px solid rgb(254, 212, 64);}
.examnr-upload-dtls small a img{ margin:0 auto; object-fit: contain; width: auto; height: auto;}

.infoleft{ background: #b5d8f7; display: flex; align-items: center; align-content: center; text-align: center; flex-direction: column; padding: 20px; }
.infoleft h2{ font-size: 23px; font-weight: 500; padding: 10px 0; text-transform: uppercase; color: #000;}
.infoleft p{ font-size: 14px; font-weight: normal; color: #333;}
.infoleft i{font-size: 70px; color: #8cb1d2; padding: 10px; }
.infoleft ul{ width: 100%; list-style: none; text-align: left; padding: 10px 20px; margin: 0px;}
.infoleft ul li{ line-height: 19px; padding: 7px 0; color: #004569;}
.infoleft ul li i{ font-size: 15px; color: #004569; padding: 0px 3px 0 0;}

/* 404 ban Box */
.ban-box{ background:#fff; padding:30px; width:800px; margin: 30px auto; text-align:center; border-radius:5px; margin-bottom:200px; }
.ban-box .tit{ display:block; margin-bottom:30px;}
.ban-box .tit i{ font-size:100px; color:#fb0808; }
.ban-box .tit h2{ font-size:60px; text-transform:uppercase; margin:0 0 8px }
.ban-box .txt{ border-top: 1px dashed #cdced2; display: block;}
.ban-box .txt p{ color:#4b4d75; font-size:26px; padding:30px; letter-spacing: 0.5px; text-transform: uppercase;}
.ban-box .txt a{ background:#6e6e6e; padding:7px 14px; color:#fff; border-radius:2px; margin-top:9px; display:inline-block}
.ban-box .txt a:hover{background:#444; color:#fff}
.ban-box .tit h2 span{ display:block; font-size:14px; text-transform:none; text-align:center;}

/* 404 Error Box */
.error-box{ background:#fff; padding:30px; width:100%; margin: 0 auto; text-align:center; border-radius:5px; margin-bottom:30px; }
.error-box .tit{ display:block; margin-bottom:20px;}
.error-box .tit i{ font-size:66px; color:#fb0808; margin-right: 10px;}
.error-box .tit h2{ font-size:64px; color:#767893; font-weight: 300; text-transform:uppercase; margin:0 0 8px }
.error-box .txt{ margin:20px 0px; display: block;}
.error-box .txt p{ font-size:20px; background-color:#f0f1f7; padding:10px 20px; color:#4b4d75; border:1px solid #eeeeee; border-radius:50px;}
.error-box .txt a{ background:#6e6e6e; padding:7px 14px; color:#fff; border-radius:2px; margin-top:9px; display:inline-block}
.error-box .txt a:hover{background:#444; color:#fff}
.error-box .tit h2 span{ display:block; font-size:14px; text-transform:none; text-align:center;}

.cam-box{ background:#fff; padding:5px; margin: 0 auto; text-align:center; }
.cam-box .title{ font-size: 20px; font-weight: 600; padding: 10px 0px; color: #0b529d;}
.cam-box video{ border:5px solid #eeeeee; padding: 5px; }

/* content area information */
.coninfo-box{ background:#fff; padding:30px; margin: 0 auto; text-align:center; border-radius:5px; margin-bottom:30px; }
.coninfo-box .tit{ display:block; margin-bottom:20px;}
.coninfo-box .tit i{ font-size:90px; color: #f00; margin: 10px 10px 20px 10px; display: block; }
.coninfo-box .tit h2{ font-size:30px; color:#000; font-weight: 500; text-transform:uppercase; margin:0 0 8px }
.coninfo-box .txt{ margin:20px 0px; display: block;}
.coninfo-box .txt p{ font-size:16px; padding:00px 20px 10px; color:#4b4d75; border-radius:50px; margin-bottom: 20px;}
.coninfo-box .smallink a{ font-size: 15px; text-align: center; text-transform: none; line-height: 22px; color: #333; background: #ffe6b6; border-radius: 5px; padding: 7px 10px; margin: 0px auto 10px; justify-content: center; align-items: center; }
.coninfo-box .smallink a i{font-size: 20px; color: #fff; padding: 5px;}
.coninfo-box .smallink a:hover{ background: #01539d; color: #fff; }
.coninfo-box .smallink a:hover i{ color: #fff;}
.coninfo-box .txt a{ font-size: 15px; text-align: center; text-transform: uppercase; line-height: 22px; color: #fff; background: #354975; border-radius: 10px; padding: 10px 20px; margin: 10px auto 0px; justify-content: center; align-items: center; }
.coninfo-box .txt a i{font-size: 20px; color: #fff; padding: 5px; font-weight: bold;}
.coninfo-box .txt a:hover{ background: #f00; color: #fff; }
.coninfo-box .txt a:hover i{ color: #fff;}
.coninfo-box .txt .brobut{ font-size: 15px; text-align: center; text-transform: uppercase; line-height: 22px; color: #fff; background: #354975; border-radius: 10px; padding: 10px 20px; margin: 10px auto 0px; justify-content: center; align-items: center; display: flex; width: max-content; }
.coninfo-box .txt .brobut i{font-size: 20px; color: #fff; padding: 5px; font-weight: bold;}
.coninfo-box .txt .brobut:hover{ background: #f00; color: #fff; cursor: pointer; }
.coninfo-box .txt .brobut:hover i{ color: #fff;}
.coninfo-box span.multiselect-native-select { width: 100%;}
.coninfo-box span.multiselect-native-select a{ background: none; padding: 0px; text-transform: none;}
.coninfo-box .txt .brobut input[type="file"] { display: none;}

.noteinfo-box{ background:lemonchiffon; width: 100%; padding:20px; margin: 0 auto; text-align:center; border-radius:5px; margin-top:10px; }

.butrow{ margin: 40px 0; padding: 00px 0; border-top: rgb(235, 235, 235) 1px solid; display: flex; justify-content: center; }
.butrow .subbut{ font-size: 17px; text-align: center; text-transform: uppercase; color: #fff; background: green; border-radius: 5px; padding: 5px 20px; margin: 30px 2px 20px; border: none; }
.butrow .subbut:hover{ background: #006300; color: #fff; cursor: pointer; }
.butrow .canbut{ font-size: 17px; text-align: center; text-transform: uppercase; color: #333; background: #ccc; border-radius: 5px; padding: 5px 20px; margin: 30px 2px 20px; border: none; }
.butrow .canbut:hover{ background: #aaa; color: #333; cursor: pointer; }

.erconinforor-box .tit h2 span{ display:block; font-size:14px; text-transform:none; text-align:center;}

.face-regis{ width: 100%;}
.fac-cap{ display: flex; flex-direction: column; justify-content: center; width: 50%;}
.fac-cap .fac-liv{ margin: auto; margin-bottom: 15px;}
.fac-cap .fac-liv video{ border: #eee 3px solid; background: #fff; padding: 5px;}
.fac-cap .cap-but{ width: 100%; text-align: center; margin: 20px auto;}
.fac-cap .title{ font-size: 20px; font-weight: 600; padding: 10px 0px; color: #0b529d; text-align: center;}
.fac-cap .fac-prev{ border: #eee 3px solid; background: #fff; padding: 5px; margin: auto;}

.cap-box{ display: flex; align-items: flex-start;}
.cap-box .cap-radio{ width: 100%; margin: 5px auto 15px; text-align: center;}
.cap-box .cap-radio .input-group-text{ font-size: 14px;}

.fac-lis{ display: flex; flex-direction: row; border: #eee 2px solid; width: 60%; margin: auto;}
.fac-lis .fac-pos{ border-right: #eee 2px solid; padding: 3px;}
.fac-lis .fac-pos:last-child{ border-right: 0px;}
.fac-lis .fac-pos img{ width: 100%;}
.fac-lis .fac-pos span{ display: flex; flex-direction: column; justify-content: center; background-color: #eee; color: #000; text-align: center; padding: 10px 5px;}
.fac-lis .fac-pos span button{ width: 60%; margin: 5px auto 0px;}

.fac-ins{ width: 200px; }
.fac-ins .ins-title{ font-size: 18px; text-align: center; width: 100%; font-weight: 400; color: #244b91;}
.fac-ins .ins-step { margin-top: 20px; text-align: center;}
.fac-ins .ins-step h1{ font-size:16px; font-weight:500; color:firebrick; margin-bottom: 0px; margin-top: 20px;}
.fac-ins .fac-lis{ display: flex; flex-direction: column; border: #eee 2px solid; width: 140px; margin: auto;}
.fac-ins .fac-lis .fac-pos{ border-right: #eee 0px solid; padding: 3px;}
.fac-ins .fac-lis .fac-pos img{ width: 100%;}
.fac-ins .fac-lis .fac-pos span{ display: flex; flex-direction: column; justify-content: center; background-color: #eee; color: #000; text-align: center; padding: 10px 5px;}
.fac-ins .fac-lis .fac-pos span button{ width: 60%; margin: 5px auto 0px;}

/* Sidebar */
.body-content{ border-radius:0px; margin-bottom: 20px !important; padding-bottom: 10px; border-radius:0px;}
.das-bdy-cnt{ background-color:transparent; border-radius:0px; min-height:800px; margin-bottom: 10px !important; padding-bottom: 10px; border-radius: 6px 6px 0px 0px;}
#sidebar-menu, #sidebar-menu ul, #sidebar-menu li, #sidebar-menu a { border: 0; font-weight: normal; line-height: 1; list-style: none; margin: 0; padding:0px 0px 0px 0px; position: relative; text-decoration: none;display: flex; flex-direction: row; justify-content: flex-end;}
#sidebar-menu li { flex-direction: column;}
#sidebar-menu li:first-child{ padding-top:0px;}
#sidebar-menu li{ text-align:left; padding-bottom:0px; padding-right:0px;}
#sidebar-menu li:first-child{ border-top:0 none}
#sidebar-menu { width: 100%; display: flex; flex-direction: row; justify-content: flex-end; }
#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:4px; top:8px; display: inline-block; font-family: 'FontAwesome'; text-rendering: auto; line-height:20px; font-size:14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#sidebar-menu ul li .menu-arrow:before { background-color: #5f5b9f; font-weight: 400; text-transform: uppercase; padding: 0px 4px 0px 7px; font-size: 10px; width: 85px; content: ""; -webkit-clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%);}
#sidebar-menu ul li a.subdrop .menu-arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#sidebar-menu ul li .menu-arrow1 { -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; position: absolute; right:10px; top:1px; display: inline-block; font-family: 'FontAwesome'; text-rendering: auto; line-height:18px; font-size:14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#sidebar-menu ul li .menu-arrow1:before { background-color: #5f5b9f;font-weight: 400; text-transform: uppercase; padding: 0px 4px 0px 7px; font-size: 10px; width: 85px; content: "";  -webkit-clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%);}
#sidebar-menu ul li a.subdrop .menu-arrow1 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
#sidebar-menu ul ul { display: none; }
#sidebar-menu ul ul li { border-top: 0; position:relative;}
#sidebar-menu ul ul li.active a { color: #f3f3f3; }
#sidebar-menu .submenu .list-unstyled { background-color: #fff;}
#sidebar-menu ul ul a { color:#58596f; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display:flex; padding:4px 3px 4px 10px; animation:none; font-size:13px; text-align:left; line-height:1.3; position: relative; overflow: hidden; z-index: 0;}
#sidebar-menu ul ul a.active{ background-color:#eee; color:#3a3b9f; border-radius:0px; display: flex}
#sidebar-menu ul ul a.active i{ color: #ccc;}
#sidebar-menu ul ul a:before{ width: 1%; height: 100%; background-color:#ecedf7; content: ""; left: 0; bottom: 0; position:absolute;  border-radius:0px 2px 2px 0px; visibility: hidden; transition: 0.6s; z-index: -9}
#sidebar-menu ul ul a:hover:before{ width: 100%; visibility: visible; width: 100%; left: 0; transition: 0.6s; border-radius:0px 2px 2px 0px;}
#sidebar-menu ul ul a.active:hover:before{ background-color:transparent;}
#sidebar-menu ul ul a:hover { color:#333b76; transition: all 0.5s ease 0s; animation:none}
#sidebar-menu ul ul li a i{ margin-right:0; color: #d1d1df; font-size:12px; margin-left:-4px; margin-top:-2px; display:inline-block;  width:auto; height:auto; padding: 5px 12px 2px 12px;}
#sidebar-menu ul ul li a i{ background-color:transparent}
#sidebar-menu ul ul li a:hover i { color: #b9b8b8; animation:none; background-color:transparent}
#sidebar-menu ul ul ul a { padding-left:18px;}
#sidebar-menu ul ul ul a.active{ background-color:#ecedf7; color:#353535; border-radius: 0px; display: flex}
#sidebar-menu .label { margin-top: 2px;}
#sidebar-menu .subdrop { color: #fff !important;background: -webkit-linear-gradient(45deg,#026fbd,#013284); background: linear-gradient(45deg, #026fbd,#013284); transition:0.4s; border-radius:0px 1px 1px 0px; }
#sidebar-menu .subdrop:hover:before{ background-color: transparent}
#sidebar-menu .subdrop span b{ color: #fff;}
#sidebar-menu .subdrop .menu-arrow:before { background-color: #fff !important;}
#sidebar-menu .subdrop .menu-arrow1:before { background-color: #b0b0b0 !important;}
#sidebar-menu .subdrop i { color: #f0f0f0 !important;}
#sidebar-menu .subdrop span small { color:rgba(255, 255, 255, 0.8)!important; transition:0.4s; }
#sidebar-menu .submenu ul .submenu .menu-arrow { top: 10px !important; }
#sidebar-menu ul li ul li a.subdrop { color: #414255 !important; background: #fff6d6; 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: #414255 !important; background-color: #eaf0f7; transition:0.4s; }
#sidebar-menu ul li ul li ul li a.subdrop i { color:#999 !important; background-color:transparent !important}
#sidebar-menu ul li ul li ul li:last-child{ border-bottom:0 none;}
#sidebar-menu > ul > li > a { color:#545c71; display:flex; padding:10px 15px 10px 8px; transition:0.4s; align-items: center; position:relative; overflow: hidden; transition: 0.6s; z-index: 0;}
#sidebar-menu > ul > li > a:before{ width: 1%; height: 100%; content: ""; left: 0; bottom: 0; position:absolute;  border-radius:0px 1px 1px 0px; visibility: hidden; transition: 0.6s; z-index: -9; background: -webkit-linear-gradient(45deg,#026fbd,#013284); background: linear-gradient(45deg, #026fbd,#013284);}
#sidebar-menu > ul > li > a:hover:before{ width: 100%; visibility: visible; width: 100%; left: 0; transition: 0.6s;}
#sidebar-menu > ul > li > a.active:hover:before{ background-color:transparent;}
#sidebar-menu > ul > li > a:hover { color:#fff!important; text-decoration:none; transition: all 0.5s ease 0s; border-radius: 0px 1px 1px 0px;}
#sidebar-menu > ul > li > a:hover #sidebar-menu li{ border-top: 0 none;}
#sidebar-menu > ul > li > a:hover span b{ color: #fff;}
#sidebar-menu > ul > li > a:hover .menu-arrow:before { background-color: #fff !important;}
#sidebar-menu > ul > li > a:hover .menu-arrow1: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:flex; color:#9496b7; font-size:16px; margin-right:6px; text-align: center; vertical-align: middle;  transition:0.2s; width:25px; height:28px; justify-content: center; align-items: center}
#sidebar-menu ul li a:hover i { color: #f0f0f0; background-color: transparent;}
#sidebar-menu ul li a .drop-arrow { float: right; }
#sidebar-menu ul li a .drop-arrow i { margin-right: 0;}
#sidebar-menu > ul > li > a.active { color: #ffffff !important; -webkit-transition: .3s ease all; transition: .3s ease all; background: -webkit-linear-gradient(45deg,#026fbd,#013284) !important; background: linear-gradient(45deg, #026fbd,#013284) !important; }
#sidebar-menu > ul > li > a.active span b{ color: #fff;}
#sidebar-menu > ul > li > a.active .menu-arrow:before{ background-color: #fff;}
#sidebar-menu > ul > li > a.active .menu-arrow1:before{ background-color: #fff;}
#sidebar-menu > ul > li > a.active i { color: #f0f0f0 !important; font-size:12px;}
#sidebar-menu > ul > li > a.active span small{ color:rgba(255, 255, 255, 0.8);}
#sidebar-menu > ul > li > a.pro { background-color: #f16854; color: #fff; bottom: 0; }

.sub-active{ display:block !important;}

.menu-title { padding: 12px 20px !important; letter-spacing: .035em; pointer-events: none; cursor: default; font-size: 13px; }
.footer { border-top: 1px solid rgba(115, 140, 152, 0.2); bottom: 0; color: #818a91; text-align: left !important; padding: 10px; position: absolute; right: 0; left: 250px; background-color: #fff; }

#main.enlarged .menu-title { display: none; }
#main.enlarged .menu-arrow { display: none !important; }
#main.enlarged .menu-arrow1 { display: none !important; }
#main.enlarged .footer { left: 70px; }
#main.enlarged #sidebar-menu ul ul { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.08); }
#main.enlarged .left.main-sidebar { width:50px; height: 100%; z-index: 5; padding-right: 4px; background-color: #fff; transition: 0.4s; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding-left: 10px; transition: 0.4s; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a:hover { background-color: #64b0f2; transition: 0.4s; }
#main.enlarged .left.main-sidebar span.pull-right { display: none !important; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li { position: relative; white-space: nowrap;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a { background-color:#64b0f2; position:relative; width:260px; transition:0.4s;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul { display: block; left: 50px; position: absolute; width: 192px; background: #ffffff; animation-name: fadeInRight; animation-duration: 0.5s; padding: 2px 3px 2px 0px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a { background: #ffffff !important; border: none; box-shadow: none; padding-left: 15px; position: relative; width:auto; z-index: 6; color:#636363; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:before{ background-color: #e0e0e0; border-radius: 0px 5px 5px 0px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:hover { color:#747699 !important; background-color:#f3f3f3; border-start-end-radius: 0px 5px 5px 0px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled:before{ background-color: transparent; width: auto;}
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled li a:after{ background-color: transparent; width: auto;}
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled li{ border-bottom: 1px solid #f3f3f3; padding-top: 2px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled li:last-child{ border-bottom: 0 none;}
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled i{ padding-right: 8px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:hover i{ color:#999;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover a span { display: inline; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > ul { display: none; }
#main.enlarged .left.main-sidebar #sidebar-menu ul ul li:hover > ul { display:block; left: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);}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span b{ color: #fff;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span small{ color: rgba(255, 255, 255, 0.8) !important;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span { display: none; padding-left:5px; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding: 6px 10px; transition: 0.4s;}
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a i { margin-left:0px; margin-right: 0; font-size:15px; transition: 0.4s;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a { position: relative; width: 245px; background: -webkit-linear-gradient(90deg, #026fbd,#013284) !important; background: linear-gradient(90deg, #026fbd,#013284) !important; color: #fff; border-radius:0px 5px 5px 0px; border-right:4px solid rgba(0, 0, 0, 0.2); transition: 0.4s;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a:before{ background-color: #f1f1f1 !important; left: 0; right: 0; transition:0.6s;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a i { color: #f1f1f1; transition: 0.4s; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a span small{ color:rgba(255, 255, 255, 0.8);}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a span small{ color:rgba(0, 0, 0, 0.9);}
#main.enlarged .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; }
#sidebar-menu ul > li > a span { padding-top:0px; line-height:0.9;}
#sidebar-menu ul > li > a span b{ display:block; font-weight:500; letter-spacing: 0.2px; font-size:12px; text-transform:uppercase; color:#4e6286;}
#sidebar-menu ul > li > a span small{ color:#65657b; letter-spacing:0.5px; text-transform: uppercase; font-size: 10px; font-weight: 400;}

.quick-srch { position: relative; display: flex; margin-right: 14px;}
.quick-srch .qsrch { width:350px; border-radius: 3px; border: 0 none; padding: 6px 55px 6px 12px; color: #fff; outline: none; transition: all 0.7s ease 0s; border-radius: 50px; font-weight: 300; border: 1px solid rgba(0, 0, 0, 0.09)}
.quick-srch .qsrch:focus{ width:420px; transition: all 0.7s ease 0s;}
.quick-srch .qsrch::placeholder{ color: rgba(0, 0, 0, 0.4); opacity: 1; font-weight: 300}
.quick-srch button { position: absolute; right: 0px; top: 0px; background:rgba(0, 0, 0, 0.4); cursor: pointer; outline: none; height: 100%; border-radius: 0px 50px 50px 0px; border: 0  none;  transition: 0.4s; }
.quick-srch button i { font-size: 14px; width: 24px; text-align: center; color: #fff; }
.quick-srch button:hover i { color: #9f9f9f; transition: 0.4s;}
.quick-srch button:hover{ background: rgba(0, 0, 0, 0.6);}

/* Contractor Dashboard Links */
.contract-statement{ padding:10px 10px 16px; width:100%; position:relative; display:flex;}
.contract-statement .contract-report{ width:100%; background-color:#fff; display: flex; align-items: center; padding:10px 2px;}
.contract-report .cnt-rpt{ width: 100%; display: flex; align-items: center; position: relative;}
.contract-report .cnt-rpt .cnt-rpt-lft{ width:10%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.contract-report .cnt-rpt .cnt-rpt-lft i{ font-size:32px; color: #405ea6;}
.contract-report .cnt-rpt .cnt-rpt-lft h2{ font-size:15px; color:#5a6a86; text-transform:uppercase; font-weight:500; margin:10px 0px; text-align: center; width: 100%;}
.contract-report .cnt-rpt .cnt-rpt-rht{ width:90%; display: flex; position: relative; border-left: 1px solid #f0f1f7;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; padding: 5px 5px; border-right: 1px solid #f0f1f7; align-items: center;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box h2{ font-weight: 500; font-size: 10px; text-transform: uppercase; text-align: center; color: #4e6286; line-height:1.1; margin: 0; min-height:45px; border-bottom: 1px solid #f2f3f9; padding-bottom:4px; letter-spacing: 0.2px; display: flex; align-items: center;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box small{ display: block; width: 100%; text-align: center; padding:3px 0px; border-bottom: 1px solid #f2f3f9; margin-bottom:6px;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box small b{ font-size:20px; transition:0.4s; margin-bottom:0; font-weight:500; color:#48536f; line-height: 1;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box span{ display: block; text-align: center;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box span a{ border-radius:10px; margin-top: 1px; transition: 0.4s; position: relative; width:32px; height:32px; display: flex; color: #fff; align-items: center; justify-content: center; transition: 0.4s;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box span a:hover{ transition: 0.4s; background-color: #64778c;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box span a i{ font-size:18px;}
.owl-carousel .owl-item:nth-child(1) .cnt-rpt-box span a{ background-color: #fd4657;}
.owl-carousel .owl-item:nth-child(2) .cnt-rpt-box span a{ background-color: #5ecbc6;}
.owl-carousel .owl-item:nth-child(3) .cnt-rpt-box span a{ background-color: #7fa736;}
.owl-carousel .owl-item:nth-child(4) .cnt-rpt-box span a{ background-color: #7e30b7;}
.owl-carousel .owl-item:nth-child(5) .cnt-rpt-box span a{ background-color: #f9c714;}
.owl-carousel .owl-item:nth-child(6) .cnt-rpt-box span a{ background-color: #50c69a;}
.owl-carousel .owl-item:nth-child(7) .cnt-rpt-box span a{ background-color: #ff7b00;}
.owl-carousel .owl-item:nth-child(8) .cnt-rpt-box span a{ background-color: #ff7aa3;}
.owl-carousel .owl-item:nth-child(9) .cnt-rpt-box span a{ background-color: #42c842;}
.owl-carousel .owl-item:nth-child(10) .cnt-rpt-box span a{ background-color: #3270fb;}
.owl-carousel .owl-item:nth-child(11) .cnt-rpt-box span a{ background-color: #d832fb;}

.cnt-rpt-rht .owl-controls{ display: block !important; margin-top: 0;}
.cnt-rpt-rht .owl-buttons{ position: absolute; left:0px; width: 70px; display: flex; flex-wrap: wrap; justify-content: center; transform: translateY(20%); bottom:3px; transform: translateX(-145%);}
.cnt-rpt-rht .owl-buttons i{padding:2px 5px; background-color:transparent; border-radius:50px; color:#c4d0ec; transition:0.4s; font-size:12px;}
.cnt-rpt-rht .owl-controls .owl-buttons div{ background: #fff; padding: 0; margin: 3px; opacity: 1;}
.cnt-rpt-rht .owl-buttons i:hover{ color: #555; transition: 0.4s;}

/* Adhoc Dashboard Box */
.adhoc-statement{ padding:5px 10px 16px; width:100%; position:relative; display:grid; grid-template-columns: repeat(2, 1fr); justify-content: space-between; gap:20px;}
.adhoc-statement .adhoc-stat-lft{ display:grid; grid-template-columns: repeat(2, 1fr); justify-content: space-between; gap:20px; width: 100%;}
.adhoc-stat{ background:#fff; border-radius:0px; transition:0.4s; min-height:160px; position:relative; display:flex; align-items:center; z-index:0; margin-bottom:0px; transition:0.4s; box-shadow:none;}
.adhoc-stat:hover{ transition: 0.4s; box-shadow:-8px 8px 14px 0 rgba(25,42,70,.05);}
.adhoc-stat:hover:before{ width:45%; transition: 0.4s;}
.adhoc-stat .adhoc-txt{ color:#fff; transition: 0.4s;}
.adhoc-stat:nth-child(1) .adhoc-stat-box .adhoc-txt .adhoc-des i{ color: #64778c}
.adhoc-stat:nth-child(2) .adhoc-stat-box .adhoc-txt .adhoc-des i{ color: #f76572}
.adhoc-stat:nth-child(4n+4){ margin-right:0px;}
.adhoc-stat .adhoc-stat-box { width: 100%;}
.adhoc-stat b{ color: #8A849B; font-size: 16px; font-weight: 300;}
.adhoc-stat .adhoc-stat-icon i { font-size: 30px;	width: 64px; height: 64px;	line-height: 64px;	text-align: center;	color: #fff!important;	border-radius: 50%;	background: rgba(255,255,255,.1); display: inline-block; transition:0.4s;}
.adhoc-stat .stat-cont-box{ width: 100%; padding:15px;}
.adhoc-stat-box .adhoc-des{ width: 100%; display: flex; align-items:center; justify-content: space-between; margin:5px 0px 10px; position: relative; border-bottom:1px solid #f0f1f7; padding:0px 15px 10px;}
.adhoc-stat-box .adhoc-des .min-rit{ display: flex; flex-wrap: wrap;}
.adhoc-stat-box .adhoc-des .min-rit b{ font-weight: 500; font-size:14px; text-transform: uppercase; color: #4e6286; line-height: 1.3; margin-bottom: 0px; text-align: right; width: 100%;}
.adhoc-stat-box .adhoc-des .min-rit strong{ width:100%; text-align:right; color:#586b8d; font-size:26px; font-weight:500}
.adhoc-stat-box .adhoc-des span i{ font-size:42px;}
.adhoc-stat-box .adhoc-des span{ font-size:30px; font-weight: 600; z-index: 9;}
.adhoc-stat-box .adhoc-des small{ font-size: 16px; margin-right: 4px;}
.adhoc-stat-box .adhoc-badge{ width: 100%; padding: 0px 15px;}
.adhoc-stat-box .adhoc-badge .adhoc-drp{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.adhoc-stat-box .adhoc-badge .adhoc-drp .drp{ width:85%;}
.adhoc-stat-box .adhoc-badge .adhoc-drp .drp .form-group{ margin-bottom: 0;}
.adhoc-stat-box .adhoc-badge .adhoc-drp .drp .form-group .custom-select{ font-size: 14px; color: #4e6286; border: 1px solid #eaebf5; font-weight: 400; height: 30px; padding: 0px 5px}
.adhoc-stat-box .adhoc-badge .adhoc-drp span a{ border-radius: 10px; margin-top: 1px; transition: 0.4s; position: relative; width: 30px; height: 30px; display: flex; color: #fff; align-items: center; justify-content: center; background-color: #50c69a;}
.adhoc-stat-icon{ text-align:left;}
.stat-cont-box .stat-count{ width: 100%;}
.stat-cont-box .stat-count .stat-tit{ width: 100%;}
.stat-cont-box .stat-count .stat-tit h1{ font-size: 16px; color: #4e6286; text-transform: uppercase; font-weight: 500; margin: 0; position: relative; padding-bottom:6px; border-bottom: 1px solid #eeeff5; margin-bottom: 15px;}
.stat-cont-box .stat-count .stat-det{ width: 100%;}
.stat-cont-box .stat-count .stat-det .stat-lnk{ width: 100%; display: flex; align-items: center; position: relative; padding:4px 0px;}
.stat-cont-box .stat-count .stat-det .stat-lnk:nth-child(2) span a{ background-color: #3270fb;}
.stat-cont-box .stat-count .stat-det .stat-lnk:nth-child(3) span a{ background-color: #13a514;}
.stat-cont-box .stat-count .stat-det .stat-lnk h2{ font-weight:500; font-size:13px; text-transform:uppercase; color: #6a7384; line-height:1.3; margin-bottom:0px; min-width: 60%;}
.stat-cont-box .stat-count .stat-det .stat-lnk strong{ font-size:15px; margin-left:10px; transition:0.4s; margin-bottom:0; font-weight:400; color: #4b6493;}
.stat-cont-box .stat-count .stat-det .stat-lnk span{ display: block; text-align: center; position: absolute;  right: 0; }
.stat-cont-box .stat-count .stat-det .stat-lnk span a{ border-radius:10px; margin-top:1px; transition:0.4s; width:28px; height:28px; display:flex; color:#fff; align-items:center; justify-content:center; background-color:#7e30b7; margin-bottom: 0;}
.stat-cont-box .stat-count .stat-det .stat-lnk span a:hover{ background-color: #64778c; transition: 0.4s;}
.stat-cont-box .stat-count .stat-det .stat-lnk span a i{ font-size:14px;}

.adhoc-statement .adhoc-stat-rht{ width: 100%; background: #fff; transition: 0.4s;}
.adhoc-statement .adhoc-stat-rht:hover{transition: 0.4s; box-shadow:-8px 8px 14px 0 rgba(25,42,70,.05);}
.adhoc-top{ width: 100%; display: flex; justify-content: space-between; margin: 0px 0px 0px; padding:8px 15px; align-items: center; border-bottom: 1px solid #f0f1f7;}
.adhoc-top .das-scrl-tit{ width: 60%;}
.adhoc-top .das-scrl-tit h3{ font-size: 16px; color: #4e6286; text-transform: uppercase; font-weight: 500; margin: 0; position: relative; padding-bottom: 0px;}
.adhoc-top .das-scrl-tit h3 i{ font-size: 16px; color: #b7bed2; margin-right: 8px; }
.adhoc-top .das-chrt-drp{ width:24.6%;}
.adhoc-top .das-chrt-drp .das-drp .form-group{ margin-bottom: 0;}
.adhoc-top .das-chrt-drp .das-drp .form-group .custom-select{ font-size: 14px; color: #4e6286; border: 1px solid #eaebf5; font-weight:400; height: 30px; padding: 0px 5px;}
.adhoc-top .das-chrt-drp .das-drp .form-group .custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,0);}

.adhoc-chrt-box .adhoc-chart{ width: 100%; padding: 10px;}
.adhoc-chrt-box .adhoc-chart .adhoc-chart-box:nth-child(1) canvas{ height:100px !important; position: relative;}
.adhoc-chart-box{ padding: 0px; width:100%; display:flex; justify-content: space-between;}
.adhoc-chart-box .chart-box{ width:75%; }
.adhoc-chart-box .chart-box canvas{ height:160px !important; width: 100%;}
.adhoc-chart-box .chart-lnk{ width:25%; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; border-left:1px solid #f0f1f7; padding: 0px 10px;}
.adhoc-chart-box .chart-lnk .chart-viw-lnk{ width: 100%;display: flex; justify-content: center; flex-wrap: wrap;}
.adhoc-chart-box .chart-lnk .chart-viw-lnk h2{ font-weight: 500; font-size: 13px; text-transform: uppercase; text-align: center; color: #4e6286; line-height: 1.3; margin-bottom:10px;}
.adhoc-chart-box .chart-lnk .chart-viw-lnk span{ display: block; text-align: center;}
.adhoc-chart-box .chart-lnk .chart-viw-lnk span a{ border-radius: 10px; margin-top: 1px; transition: 0.4s; position: relative; width: 30px; height: 30px; display: flex; color: #fff; align-items: center; justify-content: center; background-color: #7e30b7;}
.adhoc-chart-box .chart-lnk .chart-viw-lnk span a:hover{ transition: 0.4s; background-color: #64778c;}
.adhoc-chart-box .chart-lnk .chart-viw-lnk span a i{ font-size: 16px;}

.scandet{ display: flex; justify-content: space-between; border: 1px solid #e6e6e6; border-bottom: 0px; align-items: center;}
.scandet .lef{ display: flex; align-items: center; color: #999;}
.scandet .scantit{ background:#f0f0f0; padding: 4px 10px; color: #000; text-transform: uppercase; font-size: 14px; font-weight: 500;}
.scandet .lef h1{ font-size: 16px; margin: 0px 20px; font-weight: 800; color: #000;}
.scandet .lef h1:first-child{ margin-left: 10px;}
.scandet .lef h1 span{ font-weight:normal; font-size: 14px; }
.scandet small{ margin: 0px 10px 0px 0px; color: #999;}

.plagirismbox{ display: flex; flex-direction: column; background: #fff; padding: 20px;}
.plagirismbox .plagitopbox{ display: flex; flex-direction: row;}
.plagirismbox .plagitopbox .plagitopbox_item{ width: 17.5%; border: 1px solid #e6e6e6; border-right: 0px; text-align: center; justify-content: center; font-size: 35px; font-weight: 800; display: flex;  flex-direction: column;}
.plagirismbox .plagitopbox .plagitopbox_item:last-child{ border-right: 1px solid #e6e6e6; color: #d70022; font-size: 35px;}
.plagirismbox .plagitopbox .plagitopbox_item span{ display: flex; font-size: 14px; font-weight: 500; justify-content: center;}
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4){ width: 30%; display: flex; flex-direction: row; align-items: center;}
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4) div.left{ width: 30%; }
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4) div.right{ width: 70%; padding: 5px 20px;}
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4) div.right div{ display: flex; flex-direction: row; justify-content: space-between;}
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4) div.right h1{ font-size: 14px; font-weight: 400; display: flex; justify-content: flex-start; align-items: center; margin: 0px;}
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4) div.right h1 i{ width: 22px; height: 22px; border-radius: 100px; display: inline-block; margin-right: 5px; border: 2px solid #707070;}
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4) div.right h1 i.color1{background: #ff796e;}
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4) div.right h1 i.color2{background: #ff9a9a;}
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4) div.right h1 i.color3{background: #ffd9b0;}
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4) div.right h1 i.color4{background: #fff;}
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4) div.right div{ border-bottom: 1px solid #e6e6e6; padding:3px 0px; margin:3px 0px;} 
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4) div.right div:last-child{ border-bottom: 0px;}
.plagirismbox .plagibottombox{ display: flex; flex-direction: row; margin-top: 20px;}
.plagirismbox .plagibottombox .left{ width: 69%; border: #e6e6e6 1px solid; padding: 20px; margin-right:1%; }
.plagirismbox .plagibottombox .right{ width: 30%; border: #e6e6e6 1px solid; padding: 20px; }
.plagirismbox .plagibottombox .left .previewtitle{ font-size:16px; color:#666; padding-bottom:10px; margin-bottom:10px; border-bottom: #e6e6e6 1px solid; }
.plagirismbox .plagibottombox .right .resulttitle{ font-size:16px; color:#666; padding-bottom:10px; margin-bottom:10px; border-bottom: #e6e6e6 1px solid; }
.plagirismbox .plagibottombox .left .previewcontent{ height: calc(100vh - 450px); overflow-y:scroll; }
.plagirismbox .plagibottombox .left .previewbox{ height: calc(100vh - 450px); border: 0px;}
.plagirismbox .plagibottombox .right .reportbox{ height: calc(100vh - 450px); overflow-y:scroll; }
.plagirismbox .plagibottombox .right .reportbox .reportitems{ width: 95%;  margin: 8px 0px;  border: #e6e6e6 1px solid;  padding: 15px 15px 5px 15px;  border-radius: 10px;}
.plagirismbox .plagibottombox .right .reportbox .reportitems h1{ font-size:16px; font-weight:500;} 
.plagirismbox .plagibottombox .right .reportbox .reportitems .reportcontent{ margin: 5px 0px;}
.plagirismbox .plagibottombox .right .reportbox .reportitems .reportcontent a{ color:#17a1ff; text-decoration: underline; font-style: italic; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.plagirismbox .plagibottombox .right .reportbox .reportitems .reportcontent p{ color: #999; margin: 5px 0px; font-size: 15px; line-height: 19px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.plagirismbox .plagibottombox .right .reportbox .reportitems .reportstatus{ display:flex; justify-content: space-between; border-top: 1px solid #e6e6e6; margin-top: 10px; padding-top: 10px;}
.plagirismbox .plagibottombox .right .reportbox .reportitems .reportstatus span{ font-size:15px; color:red;}
.plagirismbox .plagibottombox .right .reportbox .reportitems .reportstatus i{ width: 22px; height: 22px; border-radius: 100px; display: inline-block; margin-right: 1px; border: 2px solid #707070;}
.plagirismbox .plagibottombox .right .reportbox .reportitems .reportstatus i.color1{ background: #ff796e; }
.plagirismbox .plagibottombox .right .reportbox .reportitems .reportstatus i.color2{ background: #ff9a9a; }
.plagirismbox .plagibottombox .right .reportbox .reportitems .reportstatus i.color3{ background: #ffd9b0; }
.plagirismbox .plagibottombox .right .reportbox .reportitems .reportstatus i.color4{ background: #fff; }

#plagiarismmodal .modal-dialog{ max-width:90% !important; animation-name: zoomIn; animation-duration: 1s; display: flex; align-items: center;}
#plagiarismmodal .modal-header{ background-color: #1890ff; }
#plagiarismmodal .modal-header h5{ color: #fff;}
#plagiarismmodal .modal-header .close {color: rgba(0,0,0,0.7) !important; display: unset;}

.courselist{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 0px 20px; margin-bottom: 20px;}
.courselist .coursebox{ background: oldlace; padding: 30px 20px 10px; text-align: center; position: relative;}
.courselist .coursebox h1{ font-size: 18px; color: darkred; padding-bottom: 10px;  margin-bottom: 0px; height: 55px; overflow: hidden;}
.courselist .coursebox h2{ font-size:14px; font-weight: normal; padding: 10px 0px; margin: 0px 10px 0 0; display:flex; flex-direction: row-reverse; align-items: center; }
.courselist .coursebox h2 span{ text-align: right; font-weight: 800; padding: 4px 8px; border-radius: 50px; background: bisque; margin-right: 5px;}
.courselist .coursebox h3{ font-size:14px; font-weight: normal; color: #333; padding: 10px 0px; margin: 0px 0px 0 0; display:flex; justify-content: space-between; border-top: #f5e8d0 1px solid; }
.courselist .coursebox h3 span{ text-align: right; padding: 0px; justify-content: end;}
.courselist .coursebox div{ background: #fff; text-align: center; padding: 0px 5px; display: flex; justify-content: center; border-radius: 4px; margin-bottom: 10px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);}
.courselist .coursebox small{ font-size:14px; display: block; padding: 0px; margin-bottom: 10px; color: #005280; height: 70px; overflow: hidden;}
.courselist .coursebox a{display: inline-block; margin: 10px 0 10px 0; background: darkslateblue; padding: 5px 10px; color: #fff; border-radius: 4px;}
.courselist .coursebox a:hover{ background: darkred;}
.courselist .coursebox i.active{position: absolute; display: inline-block; padding: 2px 8px; background: darkgreen; color: #fff; right: 0px; top: 0px; font-style: normal; font-size: 13px;}
.courselist .coursebox i.inactive{position: absolute; display: inline-block; padding: 2px 8px; background: lightcoral; color: #fff; right: 0px; top: 0px; font-style: normal; font-size: 13px;}
.courselist .coursebox img{ width: 100%; margin-bottom: 10px;}
.course_controls{ margin-top:5px; padding:10px 5px !important; }
.course_controls button, .course_controls a{ display: inline-block !important; padding: 3px 10px !important; margin-right: 3px !important; border-radius: 3px !important; margin-bottom: 0px !important; margin-top: 0px !important; border:0px !important; color:#fff !important; }

.coursedetail{ width: 100%; padding: 20px;}
.coursedetail .courselinks{ display:flex; justify-content: flex-end; margin-bottom: 10px; flex-wrap: wrap;}
.coursedetail .courselinks a{ display: inline-block; padding: 3px 10px; background: #0399e3; margin-right: 3px; color: #fff; border-radius: 3px; margin-bottom: 3px;}
.coursedetail .courselinks button{display: inline-block; padding: 3px 10px; margin-right: 3px; color: #fff; border-radius: 3px; margin-bottom: 3px; border:0px;}

.coursedetail .headarea{ background: #f8f8f8; padding: 20px 20px 20px; border: #eee 1px solid; border-bottom: 0px; display:flex; flex-direction:row;  justify-content: space-between; align-items: center;}
.coursedetail .headarea h1{ font-size:22px; font-weight:500; }
.coursedetail .headarea h1 span{ display:block; font-size:15px; font-weight:400; color:#999; }
.coursedetail .headarea h2{ font-size:15px; font-weight:400; display:flex; justify-content: space-between; flex-direction:column; text-align:center; }
.coursedetail .headarea h2 a{ display:inline-block; padding:20px 20px; background:#27aa27; border-radius:10px; color:#fff; margin-bottom:5px; font-size:20px; text-transform: uppercase;}
.coursedetail .headarea h2 a.test{ background: #27aa27;  border-radius: 5px;  color: #fff; margin-bottom: 5px;  font-size: 17px; text-transform: uppercase;  padding: 12px 20px;}
.coursedetail .headarea h3{display: flex;  flex-direction: row;  position: relative;  justify-content: start;  padding: 0px 10px 0px 40px;}
.coursedetail .headarea h3 a{background: #1e57a2;  width: 45px;  z-index: 5;  height: 45px;  margin: 0px 2px;  line-height: 35px;  text-align: center;  border-radius: 0;  font-size: 15px;  color: #fff;  display: flex;  align-items: center;  justify-content: center;  border: #1e57a2 1px solid;}
.coursedetail .headarea h3 a:hover{background: #fff; color: #1e57a2; border: #1e57a2 1px solid;}
.coursedetail .headarea h3 i{margin: auto; text-align: center; border-radius: 4px; font-size: 20px; font-style: normal; display: flex; align-items: center; justify-content: center; }
.coursedetail .headarea h3 small{ font-size: 15px; color: #000; font-weight: normal; padding: 7px 0;}
.coursedetail .contentarea{ border: #eee 1px solid; padding: 20px;}

.coursedetail .contentarea h1{ color: #000; font-size:22px; font-weight:500; margin: 20px 0px 5px 0px; font-size: 18px !important;}
.coursedetail .contentarea h2{ color: #000; font-size:18px; font-weight:500; margin: 40px 0px 10px 0px;}
.coursedetail .contentarea p{ font-size:15px; font-weight:400; margin: 0px; margin-bottom: 20px;}
.coursedetail .contentarea ul{ font-size:15px; padding: 0px; margin: 0px 0px 20px 10px; list-style: none; }
.coursedetail .contentarea ul li{ padding: 3px 0px;}
.coursedetail .contentarea ul li::before{ top: 7px; right: 0px; content: '\f058'; font-family: "Font Awesome 5 Free"; font-weight: normal; color: #333; font-size: 16px; margin-right: 5px;}
.coursedetail .contentarea .contenttopic{ background:linen; padding: 30px; margin-bottom: 10px; display:flex; align-items:center; justify-content: space-between; }
.coursedetail .contentarea .contenttopic h1{font-size:18px; font-weight:500; margin-top:0px;}
.coursedetail .contentarea .contenttopic a.rightlink{ font-size: 22px; display: inline-block; background: #7e5c3a; color: #fff; padding: 10px 10px; min-width: 70px; text-align: center; border-radius: 10px;}
.coursedetail .contentarea .contenttopic a.rightlink i{ margin-right: 3px; }
.coursedetail .contentarea .contenttopic a.rightlink:hover{ background: brown;}
.coursedetail .contentarea .contenttopic p{ border-bottom: #f0e1d1 1px solid; padding-bottom: 10px; width: 100%; margin-bottom: 15px; }
.coursedetail .contentarea .contenttopic a.topiclink{ background: #0399e3; display: inline-block; padding: 3px 10px; margin-right: 3px; border-radius: 3px; margin-bottom: 0px; border:0px; color:#fff;}
.coursedetail .contentarea .contenttopic a.topiclink:hover{ background: #0183c4; }

.topiccontrol{ margin-top:10px; display:flex;}
.topiccontrol button, .topiccontrol a{ display: inline-block; padding: 3px 10px; margin-right: 3px; border-radius: 3px; margin-bottom: 0px; border:0px; color:#fff; }

.uploadarea{ display: block; padding: 0px 20px;}

.videoarea{ background: aliceblue; padding: 10px 20px; display:flex; justify-content: space-bettwen; flex-wrap: wrap; border-radius: 4px;}
.videoarea h1{ width:100%; padding:0px; margin:0px !important; font-size:18px; text-transform:uppercase; font-weight:500; display: flex; justify-content: space-between; align-items: center;}
.videoarea .videolist{ width:100%; display:grid; grid-template-columns: repeat(4, 1fr); border-top: #dfebf5 1px solid; margin: 10px 0px; padding-top: 00px;}
.videoarea .videolist .videobox{ text-align: center; border-right: #dfebf5 1px solid; padding: 30px; margin: 0px 0px; border-bottom: #dfebf5 1px solid; }
.videoarea .videolist .videobox img{ width: 100%;}
.videoarea .videolist .videobox video{ width:100% !important; }
.videoarea .videolist .videobox h2{ font-size: 16px; font-weight:500; margin: 0px; padding: 5px;}
.videoarea .videolist .videobox h2 span{ font-size: 13px; color: #666; display: block; font-weight:400; margin: 5px;}
.videoarea .videolist .videobox:nth-child(4n+4){ border-right: 0px;}
.videoarea .videolist .videobox h3{ font-size: 15px; color: #b0b9c2; font-weight:400; margin: 0px; padding: 5px; display: inline-block; background: #fff; padding: 5px 10px; border: #e9f2fb 1px solid; border-radius: 5px;}
.videoarea .videolist .videobox h3 i{ font-weight: normal;}
.videoarea h1 a i{ margin-right: 3px; transition: 0.4s;}

.video_controls{ margin-top:5px;}
.video_controls button, .video_controls a{ display: inline-block; padding: 3px 10px; margin-right: 0px; border-radius: 3px; margin-bottom: 0px; border:0px; color:#fff; }
.document_controls{ margin-top:5px;}
.document_controls button, .document_controls a{ display: inline-block; padding: 3px 10px; margin-right: 0px; border-radius: 3px; margin-bottom: 0px; border:0px; color:#fff; }

.testarea{ display: flex; flex-direction: column; width:100%; margin-top:8px; background: lavenderblush; padding: 7px 20px; border-radius: 4px; border: rgba(0,0,0,0.05) 1px solid;}
.testarea h2{ width: 100%; padding: 8px 0px; margin: 0px !important; font-size: 17px; text-transform: uppercase; font-weight: 600; display: flex; justify-content: space-between; align-items: center;}
.testarea h2 a i{ margin-right: 3px; transition: 0.4s;}
.testarea .testbox{ margin:8px 10px 8px 0px; padding:12px 20px; background: #f9e4eb; display: flex; flex-direction: row; justify-content: space-between; align-items:center; border-radius: 5px;}
.testarea .testbox h1{ font-size:17px; margin:0px; padding:0px;}
.testarea .testbox h1 span{ font-size: 14px; color: #aa627a; display: block; margin-top: 7px; font-weight: 400;}
.testarea .testbox a.test{ display:flex; align-items:center; background: lightcoral; font-weight: 500; border-radius: 5px; color: #fff; font-size: 15px; text-transform: uppercase; padding: 10px 20px; margin:0px 4px;}
.testarea .testbox a.test:hover{ background: #73ae73;}
.testarea .testbox a.testattend{ text-align:center; background: green; font-weight: 500; border-radius: 5px; color: #fff; font-size: 15px; text-transform: uppercase; padding: 10px 20px; line-height:15px; margin:0px 4px;}
.testarea .testbox a.testattend span{ display:block; font-size:12px; font-weight:400; color:#7fff7f;}
.testarea .testlist{border-top: #f2e6da 1px solid; margin:10px 0px; padding-top:10px; width: 100%; }
.testarea .testbox .right{ display: flex; }
.testarea .testlist h2{font-size: 16px; color: #193671; text-transform: uppercase; font-weight: 500; display: flex; align-items: center; justify-content: space-between; border-bottom: #d9d9d9 2px dotted; width: 100%; padding: 0 0 5px 0px; margin: 0px 0px 20px 0px !important;}

.testarea .testlistheight{ height: 770px; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #cc819a white; }

.uploadarea .testarea .testlist{border: rgba(0,0,0,0.07) 1px solid; margin: 5px 0px; padding: 15px; background: #fff; display:inline-block;}

.documentarea{ display: flex; flex-direction: column; width:100%; margin-top:10px; background: linen; padding: 10px 20px; border-radius: 4px;}
.documentarea h2{ width: 100%; padding: 0px; margin: 0px !important; font-size: 18px; text-transform: uppercase; font-weight: 500; display: flex; justify-content: space-between; align-items: center;}
.documentarea h2 a i{ margin-right: 3px; transition: 0.4s;}
.documentarea .documentbox{ margin:8px 0px; padding:12px 20px; background: #fff9f3; display: flex; flex-direction: row; justify-content: space-between; align-items:center; border-radius: 5px;}
.documentarea .documentbox h1{ font-size:17px; margin:0px; padding:0px;}
.documentarea .documentbox h1 span{ font-size: 14px; color: #aa9178; display: block; margin-top: 7px; font-weight: 400;}
.documentarea .documentbox a.document{ background: #27aa27; font-weight: 500; border-radius: 5px; color: #fff; margin-bottom: 0px; font-size: 15px; text-transform: uppercase; padding: 10px 20px;}
.documentarea .documentlist{border-top: #f2e6da 1px solid; margin:10px 0px; padding-top:10px; }

.uploadbg{ background: #f0f8ff !important;}
.uploadbg1{ background: linen !important;}

.uploadright a i{ color: #000;}
.uploadright a:after { content:"Collapse"; color: #000;}
.uploadright a.collapsed:after { content:"Expand";}
.uploadright a.addbtn:after{ display: none;}
.uploadright a.addbtn i{ color: #fff;}

/* Dashboard */
.mini-statement{ padding:10px 10px 16px; width:100%; position:relative; justify-content:space-between; display:grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.mini-stat{ border-radius:0px; transition:0.4s; min-height:160px; position:relative; display:flex; align-items:center; z-index:0; margin-bottom:0px; transition:0.4s; box-shadow:-8px 8px 14px 0 rgba(25,42,70,.05);}
.mini-stat:hover{ transition: 0.4s; box-shadow:none;}
.mini-stat:hover:before{ width:45%; transition: 0.4s;}
.mini-stat .mini-txt{ color:#fff; transition: 0.4s;}
.mini-stat{ background:#fff;}
.mini-stat:nth-child(1) .mini-stat-img .mini-txt .mini-des i{ color: #6a6cdb}
.mini-stat:nth-child(2) .mini-stat-img .mini-txt .mini-des i{ color: #f76572}
.mini-stat:nth-child(3) .mini-stat-img .mini-txt .mini-des i{ color: #46d5f9}
.mini-stat:nth-child(4) .mini-stat-img .mini-txt .mini-des i{ color: #f9c841}
.mini-stat:nth-child(1) .mini-stat-img .mini-txt .mini-badge span b{ color: #6a6cdb;}
.mini-stat:nth-child(2) .mini-stat-img .mini-txt .mini-badge span b{ color: #f76572;}
.mini-stat:nth-child(3) .mini-stat-img .mini-txt .mini-badge span b{ color: #46d5f9;}
.mini-stat:nth-child(4) .mini-stat-img .mini-txt .mini-badge span b{ color: #f9c841;} 
.mini-stat:nth-child(4n+4){ margin-right:0px;}
.mini-stat .mini-stat-img { width: 100%;}
.mini-stat h6{ font-size:16px; font-weight:500; text-transform:none; margin: 0px 0px 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff;}
.mini-stat-icon{ text-align:left;}
.mini-stat b{ color: #8A849B; font-size: 16px; font-weight: 300;}
.mini-stat .mini-stat-icon i { font-size: 30px;	width: 64px; height: 64px;	line-height: 64px;	text-align: center;	color: #fff !important;	border-radius: 50%;	background: rgba(255,255,255,.1); display: inline-block; transition:0.4s;}
.mini-stat:hover .mini-stat-img .mini-des:before{ width: 100%; transition: all 0.6s; opacity: 1;}
.mini-stat-img .mini-des{ width: 100%; display: flex; align-items:center; justify-content: space-between; margin:5px 0px 10px; position: relative; border-bottom:1px solid #f0f1f7; padding:0px 20px 5px;}
.mini-stat-img .mini-des:before{ position:absolute; background:linear-gradient(160deg, #d5d4ff,#ffdede) !important; bottom:-1px; left: 0; right: 0; margin: 0 auto; content: ""; width: 10px; height: 1px; transition: all 0.6s; opacity: 0;}
.mini-stat-img .mini-des .min-rit{ display: flex; flex-wrap: wrap;}
.mini-stat-img .mini-des .min-rit b{ width: 100%; text-align: right; color: #4e6286; font-size: 16px; font-weight: 300; line-height: 1.3;}
.mini-stat-img .mini-des .min-rit strong{ width: 100%; text-align: right; color: #48536f; font-size:30px; font-weight: 500}
.mini-stat-img .mini-des span i{ font-size:48px;}
.mini-stat-img .mini-des span{ font-size:30px; font-weight: 600; z-index: 9;}
.mini-stat-img .mini-des small{ font-size: 16px; margin-right: 4px;}
.mini-stat-img .mini-badge{ width: 100%; padding: 0px 20px;}
.mini-stat-img .mini-badge span{ display:flex; justify-content: space-between; align-items: center;}
.mini-stat-img .mini-badge span small{ width: 100%; display: flex; font-size: 14px; font-weight:300; padding-top: 4px; color: #7386a6; line-height: 1.3;}
.mini-stat-img .mini-badge span b{ font-size: 16px; margin-left: 10px; transition: 0.4s; margin-bottom: 0; font-weight: 500;}

.addtopic_bg{ padding: 0px 0px; margin: 00px 0px 00px; width: 100%; border: #e3e3e3 1px solid;}
.addtopic_bg .addtopicbtn{ padding:8px 15px; background: green; color:#fff; margin:auto; border-radius:5px; font-size:16px; }
.addtopic_bg .addtopicbtn:hover{ background:#006300; }
.addtopic_bg .addtopicbtn i{ font-size:18px; font-weight:bold; margin-right:5px;}

.addtopic_bg .topicitem{ display: inline-block; width:100%; border-bottom: #e3e3e3 1px solid; padding: 25px 0 20px 0;}
.addtopic_bg .topicitem:nth-child(2n+2){ background: #fbfbfb;}
.addtopic_bg .topicitem:last-child{ border-bottom: 0px;}

/* Services Box Slide */
.das-ser{ width: 38%; background-color: #e9e9e9; padding: 20px 20px 14px; border-radius:3px;}
.ser-box{ position: relative; z-index: 1;}
.ser-box h2{ text-transform: uppercase; font-size: 18px; color: #444; margin: 0px 0px 15px; font-weight: 400;}
.ser-box .test-ptrs{ background-color: #fff; padding: 10px; min-height:210px; cursor: e-resize; display: flex; align-items: center;}
.ser-box .ser-box-cnt{ width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 15px;}
.ser-box .ser-box-cnt .ser-image{ display: flex; height:115px; width: 115px; align-items: center; justify-content: center;}
.ser-box .ser-box-cnt .ser-image img{ width: auto; height: auto; object-fit: contain; margin: 0 auto;}
.ser-box .ser-box-cnt .ser-tit{ width: 100%;}
.ser-box .ser-box-cnt .ser-tit h2{ text-transform:none; font-size: 18px; color: #757575; margin:2px 0px 0px; font-weight: 300;}

/* Services Box Slide Controls */
.ser-box .owl-controls{ display: block !important;}
.ser-box .owl-controls .owl-buttons div{ background: #fff; padding: 0; margin: 3px; opacity: 1;}
.ser-box .owl-buttons{ position: absolute; right:-5px; top:-43px; width: 70px; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.ser-box .owl-buttons i{ padding:7px 6px; background-color: transparent; height: 25px; width: 25px; border-radius: 50px; color: #6a6a6a;transition: 0.4s; font-size: 12px;}
.ser-box .owl-buttons i:hover{ color: #ff0000; transition: 0.4s; }

.syngen{ display:flex; border-radius: 4px; padding: 3px 10px; background: #0283d6; margin:0px; color:#fff; align-items: center; margin-bottom: 7px;}
.syngen:hover{ background: brown; color: #fff;}
.txt .brobut{ font-size: 15px; text-align: center; text-transform: uppercase; line-height: 22px; color: #fff; background: #354975; border-radius: 10px; padding: 10px 20px; margin: 10px auto 0px; justify-content: center; align-items: center; display: flex; width: max-content; }
.txt .brobut i{font-size: 20px; color: #fff; padding: 5px; font-weight: bold;}
.txt .brobut:hover{ background: #f00; color: #fff; cursor: pointer; }
.txt .brobut:hover i{ color: #fff;}
.txt .brobut input[type="file"] { display: none;}
span.multiselect-native-select { width: 100%;}
span.multiselect-native-select a{ background: none; padding: 0px; text-transform: none;}
.popinfo{ padding: 15px; margin-top: 30px; text-align: center; border-radius: 5px;}

.copybtn{ font-size: 13px; text-transform: uppercase; display: inline-block; position: absolute; top: 3px; right: 3px; background: gray; color: #fff; border: 0px; padding: 2px 8px 1px; border-radius: 4px;}
.copy-text{ margin:30px; padding:20px; background: honeydew; border: #d3f5d3 1px solid; border-radius: 5px; position:relative; }
.copy-text p{ margin: 0px;}

.mathinfo{ color: #333;}
.mathinfo ul{ list-style: none;}
.mathinfo ul li{ padding: 3px 0px; margin: 0px;}
.mathinfo ul li i{ margin-right:3px;}

/* Dashboard Details Bar Chart Chart */
.das-chrt{ width:100%; display:grid; grid-template-columns: repeat(2, 1fr); justify-content:space-between; padding:10px 10px 15px; gap: 1%; grid-template-columns: [first] 49% [line2] 50% [line3] ; margin-bottom: 50px;}
.das-chrt .das-chrt-box{ display:flex; flex-direction: column; flex-wrap:wrap; transition: 0.4s;}
.das-chrt .das-chrt-box:nth-child(1){ align-items: baseline;}
.das-chrt .das-chrt-box:hover{ box-shadow: 0px 3px 20px 0px rgba(100, 100, 100, 0.1); transition: 0.4s;}
.das-chrt .das-chrt-box .chrt-dwn{ width:100%; margin-bottom:20px; text-align:right}
.das-chrt .das-chrt-box .chrt-dwn .btn-group{ width:100%;}
.das-chrt .das-chrt-box .highcharts-title{ display:none;}
.das-chrt .das-chrt-box .highcharts-credits{ display:none;}
.das-chrt .das-chrt-box .highcharts-background{ background:#f3f3f3;}

.das-chrt1{ width:100%; display:grid; grid-template-columns: repeat(2, 1fr); justify-content:space-between; padding:10px 10px 15px; gap: 1%; grid-template-columns: [first] 60% [line2] 39% [line3]; margin-bottom: 00px;}

.das-chrt-box .das-chrt-header{ width: 100%; display: flex; justify-content: space-between; margin:0px 0px 10px; padding:10px 15px; align-items: center; border-bottom: 1px solid #f0f1f7; }
.das-chrt-box .das-chrt-header h2{ font-size:16px; color:#274780; text-transform: uppercase; font-weight:500; position: relative; margin: 0; position: relative; padding-bottom: 0px;}
.das-chrt-box .das-chrt-header h2 i{ font-size:16px; color: #b7bed2; margin-right:8px;}
.das-chrt-box .das-chrt-drp{ width: 100%; padding:15px 15px 15px;}
.das-chrt-box .das-chrt-drp .das-drp{ display:grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.das-chrt-box .das-chrt-drp .das-drp .form-group{ margin-bottom: 0;}
.das-chrt-box .das-chrt-drp .das-drp .form-group .custom-select{ font-size: 14px; color: #4e6286; border: 1px solid #e5e6f0; font-weight:400;}
.das-chrt-box .das-chrt-drp .das-drp .form-group .custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,0);}
.das-chrt-box .das-chrt-footer{ width: 100%; text-align: center; color: #888; font-size: 10px; text-transform: uppercase; margin:25px 12px 10px; background-color: #f0f1f7; padding: 5px;}

.chrt{ width: 100%; padding: 0px 10px 0px;}
.custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.25);}
.form-control:focus{ box-shadow: 0 0 0 .2rem rgba(255, 255, 255, 0.25);}

.plandetail{position: absolute; top: 106px; width: 100%; background: cornsilk; padding: 10px; display: flex; flex-direction: row; justify-content: space-between; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);}
.plandetail .right{ text-transform: uppercase; color: darkred; font-weight: 500;}
.plandetail a{ display: inline-block; background: darkred; padding: 3px 8px; border-radius: 4px; color: #fff; margin-left: 3px; text-transform: capitalize; font-weight: 400;}
.plandetail a:hover{ background: darkgreen;}
.plandetail .right span{ color: #000; font-size: 14px;}
.plandetail .left{line-height: 25px;}
.plandetail .left .total{ display:inline-block; border-radius: 3px; margin-right: 3px; background: forestgreen; padding-left: 7px; color: white;}
.plandetail .left .total span{ padding: 2px 10px 3px; line-height: 25px; font-size: 15px; font-weight: 600; background: darkgreen; color: #fff; margin: 0px 0px 0px 3px; border-radius: 0px 3px 3px 0px;}
.plandetail .left .balance{ display:inline-block; border-radius: 3px; margin-right: 3px; background: #ec4848; padding-left: 7px; color: white;}
.plandetail .left .balance span{ padding: 2px 10px 3px; line-height: 25px; font-size: 15px; font-weight: 600; background: firebrick; color: #fff; margin: 0px 0px 0px 3px; border-radius: 0px 3px 3px 0px;}
.plandetail .left .attended{ display:inline-block; border-radius: 3px; margin-right: 3px; background: #3369ca; padding: 0px 0px 0px 7px; color: white;}
.plandetail .left .attended span{ padding: 2px 10px 3px; line-height: 25px; font-size: 15px; font-weight: 600; background: midnightblue; color: #fff; margin: 0px 0px 0px 3px; border-radius: 0px 3px 3px 0px;}
.plandetail .left .attended span i{ color: #fff; display: inline-block;}
.plandetail .left .attended:hover{ background: darkgreen;}
.plandetail .left .attended:hover span{ background: #023e02;}
.plandetail .left .examlist{ display: flex; flex-direction: row; padding: 10px; flex-wrap: wrap;}
.plandetail .left .examlist .examitem { background: #fff; border-radius: 5px; padding: 10px; margin: 5px; text-align: center; border: #f0ead0 1px solid; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
.plandetail .left .examlist .examitem h1{ font-size: 22px; font-weight: 800; width: 100%;}
.plandetail .left .examlist .examitem h2{ display:flex; flex-direction: row; font-size: 14px; font-weight: 400; margin-bottom: 0px;}
.plandetail .left .examlist .examitem h2 span{ display:flex; flex-direction: column; padding:10px; font-weight:500; font-size: 13px; text-transform: uppercase; color: #fff; margin: 1px;}
.plandetail .left .examlist .examitem h2 span small{ font-size: 17px; font-weight: 800;}
.plandetail .left .examlist .examitem h2 span:nth-child(1){ background: forestgreen; border-radius:3px 0 0 3px;}
.plandetail .left .examlist .examitem h2 span:nth-child(2){ background: #3369ca; border-radius:0px;}
.plandetail .left .examlist .examitem h2 span:nth-child(3){ background: #ec4848; border-radius:0px 3px 3px 0px;}
.plandetail .left .examlist .examitem a{ margin: 15px auto 5px; background: lavender; color: #333; padding: 0px 7px; font-size: 13px; border-radius: 3px;}
.plandetail .left .examlist .examitem a:hover{ background: #57baeb; color: #000;}

.examavail{ position: absolute; top:178px; right:35px; z-index:9;}
.examavail h1{ background: #d9d9d9; color: #000; font-size: 17px; text-align: center; padding: 7px; margin-bottom: 0px;}
.examavail .examitem{ display: flex; background: #2e442e;justify-content: space-between;padding: 0px 0px 0px 10px;line-height: 29px;border-bottom: #fff 1px solid;color: #fff;font-size: 15px;}
.examavail .examitem small{ width: 70px; font-size: 15px;}
.examavail .examitem span{ background: forestgreen; width: 50px;text-align: center;color: #fff;font-weight: 800;}
.examavail .examitem span:nth-child(1){ background: forestgreen;}
.examavail .examitem span:nth-child(2){ background: #3369ca;}
.examavail .examitem span:nth-child(3){ background: #ec4848;}
.examavail .examitem span:nth-child(4){ background: forestgreen; width: 65px;}
.examavail .row1 span{font-size: 13px !important; font-weight: 500 !important;}
.examavail .row1 span:nth-child(2){ background: #3369ca; }
.examavail .row1 span:nth-child(3){ background: #ec4848;}
.examavail .row1 span:nth-child(4){ background: forestgreen; width: 65px;}

.examwidth{ width: 190px;}

.examavail1{ margin: 5px;}
.examavail1 h1{ background: #f7edda; color: #000 !important; font-size: 17px !important; text-align: center !important; padding: 5px !important; margin-bottom: 0px !important; border: #eee1c9 1px solid; border-bottom: 0px;}
.examavail1 .examitem{ display: grid; grid-template-columns: 44% 18% 18% 20%; background: #2e442e; padding: 0px 0px 0px 00px;line-height: 29px;border-bottom: #fff 1px solid;color: #fff;font-size: 15px;}
.examavail1 .examitem small{ font-size: 15px; line-height: 17px; padding: 5px 0px; padding-left: 7px;}
.examavail1 .examitem span{ background: forestgreen; text-align: center;color: #fff;font-weight: 800; display: flex; align-items: center; justify-content: center;}
.examavail1 .examitem:last-child{ border-bottom: 0px;}
.examavail1 .examitem span:nth-child(1){ background: forestgreen;}
.examavail1 .examitem span:nth-child(2){ background: #3369ca;}
.examavail1 .examitem span:nth-child(3){ background: #ec4848; }
.examavail1 .examitem span:nth-child(4){ background: forestgreen; }
.examavail1 .grid3{ grid-template-columns: 33% 33% 34% !important;}
.examavail1 .grid3 small{ display: none;}
.examavail1 .row1 span{font-size: 13px !important; font-weight: 500 !important;}
.examavail1 .row1 small:nth-child(1){ background: #000; }
.examavail1 .row1 span:nth-child(1){ background: #055505; }
.examavail1 .row1 span:nth-child(2){ background: #0b2a64; }
.examavail1 .row1 span:nth-child(3){ background: #ac1f1f; }
.examavail1 .row1 span:nth-child(4){ background: #055505; }
.examavail1 .subbutton{ padding: 15px 0px 10px; text-align: center;}
.examavail1 .subbutton a{ font-size: 14px; font-weight: 500; display: inline-block; background: #fff; color: #333; padding: 3px 10px; text-transform: uppercase; border-radius: 4px;}
.examavail1 .subbutton a:hover{ background: #ffbd69; color: #000; }

.examplanbar{background:linear-gradient(270deg, #0399e3,#c7e6f7) !important; margin-top: 105px; position: relative; margin-bottom: -155px; padding: 0px; z-index: 9;}
.examplanbar .examplanbg{ width: 100%; margin: auto; padding: 15px 20px 12px; display:flex; flex-direction:row; align-items: center; justify-content: space-between;}
.examplanbar .examplanbg h1{text-align: center; font-size: 18px; color: #000; margin: 0px; text-transform: uppercase; font-weight: 600; padding: 2px;}
.examplanbar .examplanbg h3{text-align: center; font-size: 16px; line-height: 17px; color: #000; margin: 0px; text-transform: none; font-weight: 600; background: #f7edda; padding: 7px !important;}
.examplanbar .examplanbg .planbar{ display:flex; justify-content: center; }
.examplanbar .examplanbg .planbar .free{ background: linear-gradient(180deg, rgba(255,194,236,1) 0%, rgba(180,147,218,1) 100%); padding: 0px; margin: 10px; border-radius: 10px 10px; display: flex; flex-direction: column; justify-content: space-between;}
.examplanbar .examplanbg .planbar .free h1{ background: #fff; padding: 10px; border-radius: 10px 10px 0 0; text-align: center; font-weight: 800; font-size: 18px; color: #7c49b1; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); text-transform: capitalize; margin: 10px;}
.examplanbar .examplanbg .planbar .free ul{ padding: 5px 20px 15px; margin: 0px; list-style: none; display: grid; grid-template-columns: auto auto;}
.examplanbar .examplanbg .planbar .free ul li{ padding: 5px 10px; background: rgba(255, 255, 255, 0.2); margin: 3px;}
.examplanbar .examplanbg .planbar .free ul li i{ margin-right: 2px;}
.examplanbar .examplanbg .planbar .free h2{ background: #7a488c; padding: 10px; text-align: center; font-weight: 800; font-size: 25px; color: #fff; margin-bottom: 0px; border-radius: 0 0 10px 10px; display: flex; flex-direction: column; z-index: 9; position: relative;}
.examplanbar .examplanbg .planbar .free h2 a{ display: inline-block; font-size: 14px; padding: 6px 10px; border-radius: 4px; color: #333; background: #eee; width: fit-content; margin: 5px auto 2px; text-transform: uppercase; font-weight: normal;}
.examplanbar .examplanbg .planbar .free h2 a:hover{ background: #f1caff;}
.examplanbar .examplanbg .planbar .paid{ background: linear-gradient(180deg, rgba(255,210,93,1) 0%, rgba(255,163,132,1) 100%); width: 550px; padding: 0px; margin: 10px; border-radius: 10px 10px; display: flex; flex-direction: column; justify-content: space-between;}
.examplanbar .examplanbg .planbar .paid h1{ background: #fff; padding: 10px; border-radius: 10px 10px 0 0; text-align: center; font-weight: 800; font-size: 18px; color: #cc4f1d; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); text-transform: capitalize;margin: 10px;}
.examplanbar .examplanbg .planbar .paid ul{ padding: 5px 20px 15px; margin: 0px; list-style: none; display: grid; grid-template-columns: auto auto;}
.examplanbar .examplanbg .planbar .paid ul li{ padding: 5px 10px; background: rgba(255, 255, 255, 0.2); margin: 3px;}
.examplanbar .examplanbg .planbar .paid ul li i{ margin-right: 2px;}
.examplanbar .examplanbg .planbar .paid h2{ background: #c4622e; padding: 10px; text-align: center; font-weight: 800; font-size: 25px; color: #fff; margin-bottom: 0px; border-radius: 0 0 10px 10px; display: flex; flex-direction: column; z-index: 9; position: relative;}
.examplanbar .examplanbg .planbar .paid h2 a{ display: inline-block; font-size: 14px; padding: 6px 10px; border-radius: 4px; color: #333; background: #eee; width: fit-content; margin: 5px auto 2px; text-transform: uppercase; font-weight: normal;}
.examplanbar .examplanbg .planbar .paid h2 a:hover{ background: #ffd584;}
.examplanbar .examplanbg .planbar .examlist{ display: flex; padding: 0px 10px 15px; justify-content: center; flex-wrap: wrap; }
.examplanbar .examplanbg .planbar .examlist .examitem { background: #fff; border-radius: 5px; padding: 10px; margin: 5px; text-align: center; border: #f0ead0 1px solid;  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
.examplanbar .examplanbg .planbar .examlist .examitem h1{ font-size: 22px; font-weight: 800; border-radius: 0px; box-shadow: none; padding: 0px; color: #000; margin: 0px 10px 10px;}
.examplanbar .examplanbg .planbar .examlist .examitem h2{ display:flex; flex-direction: row; font-size: 14px; font-weight: 400; margin-bottom: 0px; padding: 0px; background: none;}
.examplanbar .examplanbg .planbar .examlist .examitem h2 span{ display:flex; flex-direction: column; padding:10px; font-weight:500; font-size: 13px; text-transform: uppercase; color: #fff; margin: 1px;}
.examplanbar .examplanbg .planbar .examlist .examitem h2 span small{ font-size: 17px; font-weight: 800;}
.examplanbar .examplanbg .planbar .examlist .examitem h2 span:nth-child(1){ background: forestgreen; border-radius:3px 0 0 3px;}
.examplanbar .examplanbg .planbar .examlist .examitem h2 span:nth-child(2){ background: #3369ca; border-radius:0px;}
.examplanbar .examplanbg .planbar .examlist .examitem h2 span:nth-child(3){ background: #ec4848; border-radius:0px 3px 3px 0px;}
.examplanbar .examplanbg .planbar .examlist .examitem a{ margin: 15px auto 5px; background: lavender; color: #333; padding: 0px 7px; font-size: 13px; border-radius: 3px;}
.examplanbar .examplanbg .planbar .examlist .examitem a:hover{ background: #57baeb; color: #000;}
a.subscription{ cursor: pointer; position: relative; z-index: 9; background: linear-gradient(180deg, rgba(136,255,255,1) 0%, rgba(1,242,242,1) 100%); font-weight: 500; display: inline-block; padding: 10px 15px; text-align: center; border-radius: 4px; color: #015984; text-transform: uppercase; line-height: 18px;}
a.subscription:hover{ background: linear-gradient(180deg, rgb(255, 239, 160) 0%, rgb(255, 203, 0) 100%); color: #333;}

.payinitiate{ background: #c9f2d5; text-align: center; padding: 30px; width: 600px; margin: auto; display: flex; flex-direction: column; border-radius: 10px; margin-top: 50px;}
.payinitiate i{ color:#086622; font-size:70px;}
.payinitiate h1{ font-size: 25px; color: #086622; padding-top: 10px; text-transform: uppercase;}
.payinitiate p{ font-size: 15px; color: #333; padding-top: 10px; line-height: 19px;}
.payinitiate .paydetail{ padding: 10px; border: #9bddae 1px solid; border-radius: 5px; margin: 10px 0px; background: #b7e6c5; color: #000;}
.payinitiate h2{ font-size: 16px; border-bottom: #d8f9e2 1px solid; padding: 10px; display: flex; justify-content: space-between; margin: 0px;}
.payinitiate h2:last-child{ border-bottom: 0px;}
.payinitiate .btnbar{ padding: 20px 0 0 0; border-top: #e7f9ec 1px solid; margin-top: 10px;}

.paysuccess{ background: #15c445; text-align: center; padding: 30px; width: 600px; margin: auto; display: flex; flex-direction: column; border-radius: 10px; margin-top: 50px;}
.paysuccess i{ color:#fff; font-size:70px;}
.paysuccess h1{ font-size: 25px; color: #fff; padding-top: 10px; text-transform: uppercase;}
.paysuccess p{ font-size: 15px; color: #b5ffc9; padding-top: 10px; line-height: 19px;}
.paysuccess .paydetail{ padding:10px; border:#1fd350 1px solid; border-radius:5px; margin: 10px 0px; background: #0caa38;color: #fff;}
.paysuccess h2{ font-size: 16px; border-bottom: #15c445 1px solid; padding: 10px; display: flex; justify-content: space-between; margin: 0px;}
.paysuccess h2:last-child{ border-bottom: 0px;}

.payfail{ background: #f15441; text-align: center; padding: 30px; width: 600px; margin: auto; display: flex; flex-direction: column; border-radius: 10px; margin-top: 50px;}
.payfail i{ color:#fff; font-size:70px;}
.payfail h1{ font-size: 25px; color: #fff; padding-top: 10px; text-transform: uppercase;}
.payfail p{ font-size: 15px; color: #ffcfc9; padding-top: 10px; line-height: 19px;}
.payfail .paydetail{ padding: 10px; border: #f76553 1px solid; border-radius: 5px; margin: 10px 0px; background: #d94938; color: #fff;}
.payfail h2{ font-size: 16px; border-bottom: #f15441 1px solid; padding: 10px; display: flex; justify-content: space-between; margin: 0px;}
.payfail h2:last-child{ border-bottom: 0px;}

/* .das-chrt-rht{ width: 32.8%;}*/
.das-chrt-rht .das-chrt-rht-box{ width: 100%; background-color: #fff; margin-bottom:25px; padding:20px 20px; transition: 0.4s;}
.das-chrt-rht .das-chrt-rht-box:hover{ box-shadow: 0px 3px 20px 0px rgba(100, 100, 100, 0.1); transition: 0.4s;}
.das-chrt-rht .das-chrt-rht-box .das-rht-top{ width: 100%; padding-bottom: 20px;}
.das-chrt-rht .das-chrt-rht-box .das-rht-top h2{ font-size: 16px; color: #4e6286; text-transform: uppercase; font-weight: 500; position: relative; margin: 0; padding-bottom: 0px;}
.das-chrt-rht .das-chrt-rht-box .das-rht-btm{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.das-chrt-rht-box .das-rht-btm .das-btm-lft{ display: flex; flex-wrap: wrap;}
.das-chrt-rht-box .das-rht-btm .das-btm-lft span{ width: 100%; color: #3d4862; font-size:28px; font-weight:400; line-height: 1.1;}
.das-chrt-rht-box:nth-child(1) .das-rht-btm .das-btm-lft span{ color: #444;}
.das-chrt-rht-box:nth-child(2) .das-rht-btm .das-btm-lft span{ color: #444;}
.das-chrt-rht-box .das-rht-btm .das-btm-lft small{ width:100%; display:flex; font-size:14px; font-weight:400; color:#949fb0; padding-top:2px;}
.das-chrt-rht-box .das-rht-btm .das-btm-rht{ display: flex; align-items: center;}
.das-chrt-rht-box:nth-child(1) .das-rht-btm .das-btm-rht i{ font-size:48px; color: #f76572;}
.das-chrt-rht-box:nth-child(2) .das-rht-btm .das-btm-rht i{ font-size:48px; color: #f9a82f;}
.das-chrt-rht-box:nth-child(1){ background-color: #fff;}
.das-chrt-rht-box:nth-child(2){ background-color: #fff; margin-bottom: 0;}

.das-chrt-rht{ background-color: #fff;}
.das-chrt-rht .das-prd-wrk{ width: 100%; background-color: #fff; transition: 0.4s; overflow: hidden;}
.das-chrt-rht .das-prd-wrk:hover{ transition: 0.4s; box-shadow: 0px 3px 20px 0px rgba(100, 100, 100, 0.1);}
.das-chrt-rht .das-prd-wrk .das-prd-tit{ width: 100%; padding:12px 0px 15px;}
.das-chrt-rht .das-prd-wrk .das-prd-tit h2{ font-size: 16px; color: #4e6286; text-transform: uppercase; font-weight: 500; position: relative; margin: 0; padding:0px 15px 8px; border-bottom: 1px solid #f0f1f7;}
.das-chrt-rht .das-prd-wrk .das-prd-tit h2 i{ font-size: 16px; color: #b7bed2; margin-right:10px}
.das-chrt-rht .das-prd-wrk .das-prd-tbl{ overflow: auto; scrollbar-width: thin; max-height:400px; transition: 0.4s; margin-bottom:20px; padding:0px 0px 0px 15px; margin-right: 13px;}
.das-chrt-rht .das-prd-wrk:hover .das-prd-tbl{ overflow: auto; scrollbar-width: thin; transition: 0.4s;}
.das-chrt-rht .das-prd-wrk .tbl-bdy{ margin-top: 0;}
.das-chrt-rht .das-prd-wrk .table thead th{ padding: 4px 4px; color: #7e848e; background-color: #f1f3f7; font-weight: 400;}
.das-chrt-rht .das-prd-wrk .table > tbody > tr td{ padding: 4px 4px 4px; font-size: 12.5px; line-height: 1.5;}
.das-chrt-rht .das-prd-wrk .table > tbody > tr td a{ color: #007bff; line-height: 10px; margin-bottom: 0;}
.das-chrt-rht .das-prd-wrk .table > tbody > tr td small{ color: #444; display: block; text-transform: uppercase; font-weight: 500; letter-spacing: 0.4px;}
.das-chrt-rht .das-prd-wrk .table > tbody > tr td span.das-date{ padding: 0px 8px; border-radius: 50px; background-color: #edf0f9; margin-left: 10px; text-transform: uppercase;}
.das-chrt-rht .das-prd-wrk .table > tbody > tr td span.das-date b{ font-weight:500; font-size: 10px; color: #888;}
.das-chrt-rht .das-prd-wrk .table > tbody > tr:nth-of-type(2n){ background-color: #fff !important;}
.das-chrt-rht .das-prd-wrk .table > tbody > tr:hover{ background-color: #fff;}
.cmplt{ font-weight:500; font-size: 11px; text-transform: uppercase; text-align: center; color: #093; }
.pndng{ font-weight:500; font-size: 11px; text-transform: uppercase; text-align: center; color: #ff0000;}

.das-prd-wrk .das-chrt-drp{ width: 100%; padding:15px 15px 0px;}
.das-prd-wrk .das-chrt-drp .das-drp .form-group{ margin-bottom: 0;}
.das-prd-wrk .das-chrt-drp .das-drp{ display:grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.das-prd-wrk canvas{ padding: 0px 10px 0px;}
.das-prd-wrk .das-chrt-drp .das-drp .form-group .custom-select{ font-size: 14px; color: #4e6286; border: 1px solid #e5e6f0; font-weight:400;}
.das-prd-wrk .das-chrt-drp .das-drp .form-group .custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,0);}

.chrt-srch { position: relative; display: flex;}
.chrt-srch .csrch { width:200px; border-radius: 3px; border: 0 none; background-color:rgba(255, 255, 255, 0.50); padding:3px 40px 3px 10px; color: #999fa8; outline:none; transition: all 0.7s ease 0s; border-radius: 50px; font-weight: 300; border:1px solid rgb(240, 241, 247);}
.chrt-srch .csrch::placeholder{ color: rgba(0, 0, 0, 0.4); opacity: 1; font-weight: 300}
.chrt-srch button { position: absolute; right: 0px; top: 0px; background:transparent; cursor: pointer; outline: none; height: 100%; border-radius: 0px 50px 50px 0px; border: 0 none; transition: 0.4s; display: flex; align-items: center; border-left: 1px solid rgba(133, 142, 166, 0.20);}
.chrt-srch button i { font-size: 14px; width:20px; text-align: center; color: #999fa8; padding-right: 3px;}

.das-chrt .bs-searchbox .form-control{ font-size:12px}
.das-chrt .bootstrap-select.btn-group .no-results{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px;}
.das-chrt .bootstrap-select.btn-group .dropdown-menu.inner{ overflow:auto; max-height:192px;}
.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 .das-chrt-box .bootstrap-select.btn-group .btn-light{ background-color:#dedede; border-color:#dedede; color:#888; padding:4px 20px 4px 10px;}
.das-chrt .das-chrt-box .highcharts-drilldown-axis-label{ color:#444 !important; fill:#444 !important; font-weight:600 !important;}
.das-chrt .das-chrt-box .highcharts-label text{ color:#0084e9 !important; fill:#0084e9 !important;}
.das-chrt .das-chrt-box .dropdown-item{ padding:5px 10px; font-size:13px; border-bottom:1px solid #f4f4f4;}
.das-chrt .das-chrt-box .dropdown-item.active, .dropdown-item:active{ background-color:#f3f3f3; color:#444; line-height:1.3;}

.select-dwn .form-control{ font-size:12px !important;}
.select-dwn .form-control .dropdown-toggle{ font-size: 14px; border: 1px solid #dedede; padding-top: 4px; padding-bottom: 4px; background-color: transparent; border-radius: 3px;}
.select-dwn .form-control .dropdown-toggle:focus{ outline: 0 !important;}
.select-dwn .bootstrap-select.btn-group .dropdown-toggle .filter-option{ color: #888}
.select-dwn .bootstrap-select.btn-group .no-results{ font-size: 13px; background-color: #eaeaea; margin: 0px 8px; padding: 5px 10px; border-radius: 3px;}
.select-dwn .dropdown-menu{ margin: 2px 0px; border-radius: 3px; border: 1px solid #ddd;}
.select-dwn .dropdown-menu a.dropdown-item{ padding: 4px 10px; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.select-dwn .dropdown-menu a.dropdown-item.active{ background-color:rgba(0, 0, 0, 0.40)}
.select-dwn .dropdown-menu a.dropdown-item:hover{ background-color:rgba(0, 0, 0, 0.10); color: #333;}

.das-tbl{ padding:5px 10px 60px; margin-top:0px; width: 100%;}
.das-tbl h2{ font-size: 16px; color: #4f5f7b; position: relative; margin: 0px 0px 15px; font-weight: 500; text-transform: uppercase; display: flex; justify-content: space-between; background-color: rgb(240, 241, 247, 0.8); padding: 10px 5px;}
.das-tbl h2:before{ position:absolute; background-color:#ddd; width:110px; content: ""; left: 0; bottom: 0;}
.das-tbl h2 span a{ color: #ff7c00; text-transform: none; font-weight: 400; font-size: 14px;}
.das-tbl h2 span a i{ font-size: 12px; padding-right: 5px; color: #c2c5db; animation: shake 3s cubic-bezier(.6,.05,.05,.07) both infinite; transform: translate3d(0, 0, 0);}
.das-tbl .table{ background-color: #fff;}
.das-tbl .table th{ padding:10px 8px 8px; background-color:#fff; border-bottom: 2px solid #eff0f9; color:#4e6286; font-weight: 500; font-size: 14px;}
.das-tbl .table th:first-child{ border-radius: 0;}
.das-tbl .table > tbody > tr:hover{ background-color:#fff !important;}
.das-tbl .table td{ padding: 6px 6px 6px; text-align: justify; line-height: 1.6;}
.das-tbl .table td a{ margin-bottom: 0; color: #0473d5;}
.das-tbl .table td small{ color: #444; display: block; text-transform: uppercase; font-weight: 500; letter-spacing: 0.4px;}
.das-bdy-cnt .tbl-bdy{ border-radius: 0;}
.das-bdy-cnt .tbl-bdy .table > tbody > tr:nth-of-type(2n){ background-color: #fff !important;}
a.tbl-lnk1 i{ font-size: 16px; color: #f4c20f; transition: 0.4s;}
a.tbl-lnk1:hover i{ color: #999; transition: 0.4s;}
a.tbl-lnk2 i{ font-size: 16px; color: #fb6666; transition: 0.4s;}
a.tbl-lnk2:hover i{ color: #999; transition: 0.4s;}

/* Dashboard Details Pie Chart Chart */
.das-chrt-pie{ width:100%; display:flex; padding:6px 15px 5px 15px; justify-content:space-between;}
.das-chrt-pie .das-chrt-box{ width:32%; display:flex; flex-wrap:wrap; border:1px solid #f0f0f0; padding:8px 8px; background-color:#fff; border-radius:5px; position:relative}
.das-chrt-pie .das-chrt-box .chrt-dwn{ width:100%; margin-bottom:0px; text-align:right}
.das-chrt-pie .das-chrt-box .chrt-dwn .btn-group{ width:100%;}
.das-chrt-pie .das-chrt-box .chrt-dwn h2{ font-size:16px; font-weight:400 !important; text-align:left; margin:20px 0px 0px; font-weight:500; color:#555; text-align:center; width:100%; left:0;}
.das-chrt-pie .das-chrt-box .highcharts-title{ display:none;}
.das-chrt-pie .das-chrt-box .highcharts-credits{ display:none;}
.das-chrt-pie .das-chrt-box .highcharts-background{ background:#f3f3f3;}
.das-chrt-pie .das-chrt-box #pie1{ width:100%; height:285px; margin-top:30px;}
.das-chrt-pie .das-chrt-box #pie2{ width:100%; height:285px; margin-top:30px;}
.das-chrt-pie .das-chrt-box #pie3{ width:100%; height:225px;}
.das-chrt-pie .das-chrt-box #donut{ width:100%; height:250px; margin-top:0px;}
.das-chrt-pie .das-chrt-box .top-fix{ width:100%; z-index:9; margin-top:-58px;}
.das-chrt-pie .das-chrt-box .top-fix ul{ margin:0; padding:0; border:1px solid #f3f3f3; border-radius:4px 4px 0px 0px;}
.das-chrt-pie .das-chrt-box .top-fix ul li{ list-style:none; border-bottom:1px solid #f5f5f5; padding:3px 0px; display:flex; align-items:Center; transition:0.4s;}
.das-chrt-pie .das-chrt-box .top-fix ul li:hover{ background-color:#fffae5; transition:0.4s;}
.das-chrt-pie .das-chrt-box .top-fix ul li:first-child{ background-color:#f3f3f3; border-radius:4px 4px 0px 0px; padding:4px 0px;}
.das-chrt-pie .das-chrt-box .top-fix ul li:last-child{ border-bottom:0 none}
.das-chrt-pie .das-chrt-box .top-fix ul li:first-child b{ color:#333; font-weight:600}
.das-chrt-pie .das-chrt-box .top-fix ul li:first-child span{ color:#333; font-weight:600}
.das-chrt-pie .das-chrt-box .top-fix ul li b{ font-size:14px; font-weight:400; color:#666; width:22%; padding:0px 5px; text-align:center}
.das-chrt-pie .das-chrt-box .top-fix ul li span { width:78%; padding:0px 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.das-chrt-pie .das-chrt-box .top-fix ul li span a{ color:#0056b3; transition:0.4s; font-weight:400; font-size:14px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.das-chrt-pie .das-chrt-box .top-fix ul li span a:hover{ color:#333;}
.das-chrt-pie .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 .das-chrt-box .bootstrap-select.btn-group .btn-light{ background-color:#dedede; border-color:#dedede; color:#888; padding:4px 20px 4px 10px;}
.das-chrt-pie .das-chrt-box .highcharts-drilldown-axis-label{ color:#444 !important; fill:#444 !important; font-weight:600 !important}
.das-chrt-pie .das-chrt-box .dropdown-item{ padding:5px 10px; font-size:13px; border-bottom:1px solid #f4f4f4;}
.das-chrt-pie .das-chrt-box .dropdown-item.active, .dropdown-item:active{ background-color:#f3f3f3; color:#444; line-height:1.3;}
.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 .bootstrap-select.btn-group .dropdown-menu.inner{ overflow:auto; max-height:220px;}

/* Dashboard Table */
.das-tbl-2{ padding:10px; margin-top:10px; width: 100%; background-color: rgb(255,255,255,0.9); margin-bottom: 10px;}
.das-tbl-2:first-child{ padding: 20px 0px 15px; margin-bottom: 20px;}
.das-tbl-2 h2{ font-size:16px; color:black; position:relative; font-weight:700; text-transform:uppercase; margin-bottom:0;}
.das-tbl-2 h2:before{ position:absolute; background-color:#ddd; width:110px;}
.das-tbl-2 h4{ font-size:16px; color:red; position:relative; font-weight:700; text-transform:uppercase; margin-bottom:0;}
.das-tbl-2 h4:before{ position:absolute; background-color:#ddd; width:110px;}

.das-tbl-box{ background: #fcfcfc; border: #eee 1px solid; padding:15px; margin: 10px 0 30px;}
.das-tbl-box .tbl-bdy2{ background: none;}

.enrol-content .das-tbl-2 h3{ font-size:.875rem; color:#444; font-weight:500; padding: 0px 0px 0px 10px; margin: 0px 00px 5px 5px; background: bisque; align-items: center; }
.enrol-content .das-tbl-2 h3 span{ font-size: 16px; color: #fff; font-weight: 800; padding: 5px 10px; margin: 0 0 0 10px; background: #ff0f00; flex-direction: row;}
.enrol-content .das-tbl-2 h3 span b{ padding: 0px 2px;}

.enrol-content h3{ display: flex; flex-direction: row; justify-content: center; margin-bottom: 40px;}
.enrol-content h3 span{display: flex; flex-direction: column; position: relative;justify-content: start;padding: 0px 40px;}
.enrol-content h3 span i{width: 35px; z-index: 5; height: 35px; margin: auto; background: #fff; line-height: 35px; text-align: center; border-radius: 50%; font-size: 15px; color: #333; font-style: normal; }
.enrol-content h3 span a{width: 35px; height: 35px; z-index: 5; margin: auto; background: #0095d8; line-height: 35px; text-align: center; border-radius: 50%; font-size: 15px; color: #fff; display: flex; align-items: center; justify-content: center; border: #fff 3px solid;}
.enrol-content h3 span a:hover{ background: #00d824; color: #000;}
.enrol-content h3 span a.active{ background: #11b611; color: #fff;}
.enrol-content h3 span small{ font-size: 15px; color: #000; font-weight: normal; padding: 7px 0;}
.enrol-content span .disabled{ background: #bbb; border-color: #ddd; color: #fff; opacity: 1.0;}
.enrol-content span small.disabled { color: rgba(255, 255, 255, 0.5); background:none; border: none;}

.combox{ padding: 30px 20px 10px 20px !important; margin: -25px 0px 0px 0px !important; background: oldlace; }

.tbl-border td{ border: #e8e8e8 1px solid !important;}
.tbl-border td{ font-weight:bold !important;}

.table th:first-child{ border-radius: 0px;}
.table th:last-child{ border-radius:0px;}
.das-tbl-2 .table th{ padding:7px 10px; background-color: #64b0f2; /*border: 1px solid #8e90ac; border-bottom: 1px solid #898ba7;*/}
.das-tbl-2 .tbl-bdy{ min-height: auto;}
.das-tbl-2 .org-tab-hed{ display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom:15px;}
.das-tbl-2 small{ font-size: 13px; border: #228b22 1px solid; transition: 0.4s; background: #228b22; padding:3px 15px; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px;}
.das-tbl-2 small a{ color: #fff !important;}
.das-tbl-2 small:hover{ background: transparent; border: #228b22 1px solid; background: #228b2225; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.das-tbl-2 small:hover a{ color: #373c9f !important;}
.das-tbl-2 small a i{ font-size:11px;}
.das-tbl-2 small.red{ background-color: #f00 !important; border: #f00 1px solid !important;}
.das-tbl-2 small.red:hover{ background-color: #ff000015 !important; border: #f00 1px solid !important; color: #333;}
.das-tbl-2 .tbl-bdy ul{ padding: 0px; margin: 0px 0 0 10px; list-style: square;}
.das-tbl-2 .tbl-bdy ul li{ padding:3px 0px;}
.das-tbl-2 .table td.title{ font-size: 18px; font-weight: 800; color: #000; padding:5px 0px; margin: 0px; background: antiquewhite;}
.das-tbl-2 .table > tbody > tr.share td{ color: #b042ca !important;}
.das-tbl-2 .table > tbody > tr td{ padding:10px; text-align:left;}
.das-tbl-2 .table > tbody > tr td.review{ background: rgba(255, 193, 7, 0.4); color: #333; font-weight: 500; font-size: 14px; width: 10%; }
.das-tbl-2 .table > tbody > tr td.current{ background: rgba(0, 123, 255, 0.4); color: #333; font-weight: 500; font-size: 14px; width: 10%;}
.das-tbl-2 .table > tbody > tr td.answer{ background: rgba(40, 167, 69, 0.4); color: #333; font-weight: 500; font-size: 14px; width: 10%;}
.das-tbl-2 .table > tbody > tr td.noseen{ background: rgba(221, 221, 221, 0.7); color: #333; font-weight: 500; font-size: 14px; width: 10%;}
.das-tbl-2 .table > tbody > tr td.answerno{ background: rgba(220, 53, 69, 0.4); color: #333; font-weight: 500; font-size: 14px; width: 10%;}
.das-tbl-2 .table > tbody > tr td.sino{ width: 5%;}
.das-tbl-2 .table > tbody > tr td.date{ width: 10%;}
.das-tbl-2 .table > tbody > tr td span{ color: #000; font-weight: 500 !important; background: lavender; padding: 2px 7px;}
.das-tbl-2 .table > tbody > tr td span.text-live{ background: red !important; }
.das-tbl-2 .table > tbody > tr td a.canname{ color:darkred}
.das-tbl-2 .table > tbody > tr td a:hover.canname{ text-decoration: underline !important;}
.das-tbl-2 .table > tbody > tr td span.review{ background: rgba(255, 193, 7, 0.2); color: #333; font-weight: 400; font-size: 14px; padding:10px 5px; }
.das-tbl-2 .table > tbody > tr td span.current{ background: rgba(0, 123, 255, 0.2); color: #333; font-weight: 400; font-size: 14px; padding:10px 5px;}
.das-tbl-2 .table > tbody > tr td span.answer{ background: rgba(40, 167, 69, 0.2); color: #333; font-weight: 400; font-size: 14px; padding:10px 5px;}
.das-tbl-2 .table > tbody > tr td span.noseen{ background: rgba(221, 221, 221, 0.2); color: #333; font-weight: 400; font-size: 14px; padding:10px 5px;}
.das-tbl-2 .table > tbody > tr td span.answerno{ background: rgba(220, 53, 69, 0.2); color: #333; font-weight: 400; font-size: 14px; padding:10px 5px;}
.das-tbl-2 .table > tbody > tr td span.inlog{ background: rgba(40, 167, 69, 1.0); display: inline-block; color: #fff; padding: 2px 5px; text-transform: uppercase; }
.das-tbl-2 .table > tbody > tr td span.outlog{ background: rgba(220, 53, 69, 1.0); display: inline-block; color: #fff; padding: 2px 5px; text-transform: uppercase;}

.score1{ background: rgba(212, 0, 0, 0.4); border: #fff 1px solid !important; color: #333; font-weight: 500; font-size: 14px;}
.score2{ background: rgba(255, 42, 42, 0.4); border: #fff 1px solid !important; color: #333; font-weight: 500; font-size: 14px;}
.score3{ background: rgba(225, 85, 85, 0.4); border: #fff 1px solid !important; color: #333; font-weight: 500; font-size: 14px;}
.score4{ background: rgba(225, 110, 110, 0.4); border: #fff 1px solid !important; color: #333; font-weight: 500; font-size: 14px;}
.score5{ background: rgba(45, 148, 220, 0.4); border: #fff 1px solid !important; color: #333; font-weight: 500; font-size: 14px;}
.score6{ background: rgba(55, 99, 187, 0.4); border: #fff 1px solid !important; color: #333; font-weight: 500; font-size: 14px;}
.score7{ background: rgba(30, 53, 136, 0.4); border: #fff 1px solid !important; color: #333; font-weight: 500; font-size: 14px;}
.score8{ background: rgba(136, 216, 65, 0.4); border: #fff 1px solid !important; color: #333; font-weight: 500; font-size: 14px;}
.score9{ background: rgba(102, 184, 38, 0.4); border: #fff 1px solid !important; color: #333; font-weight: 500; font-size: 14px;}
.score10{ background: rgba(37, 114, 10, 0.4); border: #fff 1px solid !important; color: #333; font-weight: 500; font-size: 14px;}

.table .sep{ border-bottom: 1px solid #dee2e6; padding: 0 0 0px 0; line-height: 37px;}
.table .sep1{ display: flex; flex-direction: row; padding: 0px 0 0px 0; justify-content: space-between;}
.table .sep1 span{ border-right: 1px solid #dee2e6; width: 100%; padding: 5px;}
.table .sep1 span:last-child{ border-right: none;}

.examend{ font-size: 30px; color: #000; text-align: center; font-weight: 800; width: 100%;}
.examend span{ color: #f00;}
.examend small{ font-size: 14px; color: #999; display: block;}

.das-tbl-3{ width: 100%; background-color: rgb(255,255,255,0.9);}
.das-tbl-3 h2{ font-size:18px; color:#444; position:relative; font-weight:500; text-transform:uppercase; margin-bottom:0; display: flex; align-items: center;}
.das-tbl-3 h2 .live{ font-size: 12px; background-color: red; color: #fff; padding:2px 5px; display: inline-block; margin-left: 5px; }
.das-tbl-3 h2:before{ position:absolute; background-color:#ddd; width:110px;}
.das-tbl-3 .table th{ padding:10px; background-color: #64b0f2; /*border: 1px solid #8e90ac; border-bottom: 1px solid #898ba7;*/}
.das-tbl-3 .tbl-bdy{ min-height: auto;}
.das-tbl-3 .table > tbody > tr td{ padding:10px 10px; text-align:justify}
.das-tbl-3 .org-tab-hed{ display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom:15px;}
.das-tbl-3 small{ font-size: 13px; transition: 0.4s; background: #228b22; border: 1px solid #228b22; padding:3px 15px; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px;}
.das-tbl-3 small a{ color: #fff !important;}
.das-tbl-3 small:hover{ border: 1px solid #373c9f; background: transparent; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.das-tbl-3 small:hover a{ color: #373c9f !important;}
.das-tbl-3 small a i{ font-size:11px;}

.table th:first-child{ border-radius: 0px; line-height: 14px;}
.table th:last-child{ border-radius:0px;}

.ass-tab{ margin-bottom: 0px;}
.ass-tab .tablinks{margin: 0px 0px 0px 1px; border: 0px; font-size: 15px; background: #333; color: #fff; padding: 5px 15px; border-radius: 5px 5px 0 0;}
.ass-tab .tablinks:hover{background: #d93535; color: #fff; }
.ass-tab button.active{background: #d93535; margin: 0px 0px 0px 1px; border: 0px; color: #fff; padding: 5px 15px;}
.ass-tab .tablinks1{margin: 0px 0px 0px 1px; border: 0px; font-size: 16px; text-transform: uppercase; font-weight: 500; background: #fff; border: #ccc 1px solid; border-bottom: 0px; color: #000; padding: 5px 15px; border-radius: 0px;}
.ass-tab .tablinks1:hover{background: #790f0f; color: #fff; }
.ass-tab .tablinks2{margin: 0px 0px 0px 1px; border: 0px; font-size: 16px; text-transform: uppercase; font-weight: 500; background: #fff; border: #ccc 1px solid; border-bottom: 0px; color: #000; padding: 5px 15px; border-radius: 0px;}
.ass-tab .tablinks2:hover{background: #790f0f; color: #fff; }

.tabcontent .ass-tab button.active{background: #d93535 !important; margin: 0px 0px 0px 1px; border: 0px; color: #fff; padding: 5px 15px;}
.tabcontent .ass-tab button.active{background: #790f0f !important; margin: 0px 0px 0px 1px; border: 0px; color: #fff; padding: 5px 15px;}
.tabcontent .ass-tab{ text-align: right; border-bottom: #790f0f 4px solid; margin-bottom: 00px;}
.tabcontent { display: none; padding: 0px; border-top: none;}
.tabcontent1 { display: none;  border-top: none; padding: 20px;}
.tabcontent2 { display: none;  border-top: none; padding: 20px;}

.dash-box{ border: #eee 1px solid; border-radius: 10px; padding: 10px; background-color: ghostwhite;}

/* Button Style */
body.adminbody-void { min-height: 1170px; }
.mobile.smallscreen .sidebar-inner.leftscroll { overflow:auto }
button:focus { outline: none !important; }
a.btn:focus { color: #ffffff !important; box-shadow: 0 0 0 0rem rgba(0,0,0,.05);}
/* .btn.focus, .btn:focus{}*/

.btn-rounded { border-radius: 2em !important; padding: .5rem 1.5rem;}
.btn-rounded .btn-label { padding: 7px 15px 7px 20px; margin-left: -20px; }
.btn-rounded .btn-label-right { margin-right: -20px; margin-left: 12px; }
.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-label-right { margin-left: 12px; margin-right: -13px; border-radius: 0px 3px 3px 0px; }
.btn-custom { background-color: #64b0f2; border-color: #64b0f2; color: #ffffff; }
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.focus, .btn-custom:active, .btn-custom:focus, .btn-custom:hover, .open > .dropdown-toggle.btn-custom { background-color: #439fef; border-color: #439fef; color: #ffffff; }
.btn-primary { background-color: #0f9df7; border-color: #0f9df7;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary { background-color: #0283d6; border-color: #0283d6; color: #ffffff; }

.btn-cancel{ background-color:#f4f4f4; border:1px solid #ddd; color:#222; transition:0.4s; margin-right:3px; border-radius:8px; padding:3px 10px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; letter-spacing: 0; margin-bottom: 0;}
.btn-cancel i{ padding-right: 3px;}
.btn-cancel:hover{ color:#f93030; background-color:transparent;}
a.btn-cancel:focus{ color:#f93030; background-color:transparent;}
.btn-submit{ background-color:#008F01; border:1px solid #017e02; border-radius:0; color:#fff; transition:0.4s; border-radius:4px; padding:3px 10px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; margin-right:8px;}
.btn-submit i{ padding-right: 3px;}
.btn-submit:hover{ color:#fff; background-color:darkgreen;}
.btn-submit:focus{ color:#fff; background-color:darkgreen;}

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

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

.card-header .xbtn-add{ font-size:11px;}
.xbtn-add{ margin:0; background-color: #20a837; padding:2px 14px 2px; margin: 0; font-size: 11px; color: #fff; border-radius:6px; text-align: center; text-transform:uppercase; transition: 0.4s;}

.btn-group button.moveall{ border-right: 2px solid #a4a4a4;}
.btn-group button.removeall{ border-left: 1px solid #a4a4a4;}

/* Toplink Add Button */
.xbtn-add:hover{ color:#fff; animation-name:rubberBand; animation-duration: 0.5s;}
.toplnk .xbtn-add:hover{ animation-name: none !important; background-color:#139228; transition: 0.4s;}
.xbtn-add i{ padding-right: 2px;}

/* Toplink Muulidelete Button */
.xbtn-muldel{ margin:0; background-color: #de3535; padding:2px 12px 2px; margin: 0; font-size: 11px; color: #fff; border-radius: 5px; text-align: center; text-transform:uppercase; transition: 0.4s;}
.xbtn-muldel:hover{ color:#fff; animation-name: none !important; background-color:#cd2323; transition: 0.4s;}
.xbtn-muldel i{ padding-right: 3px;}

/* Toplink Active Button */
.xbtn-active{ margin:0; background-color: #088b42; padding:2px 12px 2px; margin: 0; font-size: 11px; color: #fff; border-radius: 5px; text-align: center; text-transform:uppercase; transition: 0.4s;}
.xbtn-active:hover{ color:#fff; animation-name: none !important; background-color:#05813c; transition: 0.4s;}
.xbtn-active i{ padding-right: 5px;}

/* Toplink Inactive Button */
.xbtn-inactive{ margin:0; background-color: #227cf7; padding:2px 12px 2px; margin: 0; font-size: 11px; color: #fff; border-radius: 5px; text-align: center; text-transform:uppercase; transition: 0.4s;}
.xbtn-inactive:hover{ color:#fff; animation-name: none !important; background-color:#0e66df; transition: 0.4s;}
.xbtn-inactive i{ padding-right:5px;}

/* Toplink Edit Button */
.xbtn-edit-btn{ margin:0; background-color: #686dd1; padding:2px 12px 2px; margin: 0; font-size: 11px; color: #fff; border-radius: 5px; text-align: center; text-transform:uppercase; transition: 0.4s;}
.xbtn-edit-btn i{ padding-right: 3px;}
.xbtn-edit-btn:hover{ color: #fff;}
.toplnk .xbtn-edit-btn:hover{ animation-name: none !important; background-color:#4e53b4; transition: 0.4s;}
.tab-top-lnk{ width: 100%; display: flex; align-items: center; justify-content:flex-end ;}

/* Toplink Search Button */
.xbtn-srch{ background-color:#e6b818; margin-right:2px; font-size:10px; color:#fff; border-radius:6px; text-align:center; padding:3px 6px; }
.xbtn-srch i{ color: #fff; }
.xbtn-srch:focus{ color:#f4eef8;}
.xbtn-srch:hover{ color:#fff; animation-name:rubberBand; animation-duration: 0.5s;}

/* Toplink Edit Button */
.xbtn-edit{ margin:0; font-size:13px; border:1px solid #7373c7; background-color:transparent; color:#7373c7; border-radius: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;}

/* Toplink Add Button */
.xbtn-add-top{ background-color:#5eca5e; padding:2px 7px; margin: 0; font-size:12px; color:#fff; border-radius:5px; text-align:center; transition:0.4s; text-transform:none}
.xbtn-add-top:hover{ transition:0.4s; color:#434355; transition:0.4s;}
.xbtn-edit1{ background-color:#31aefd; padding:2px 7px; margin: 0; font-size:11px; color:#fff; border-radius:5px; text-align:center; transition:0.4s;}
.xbtn-edit1:hover{ color:#333; transition:0.4s;}
.xbtn-edit:hover, .xbtn-viw:hover{ color:#555; animation-name:rubberBand; animation-duration: 0.5s; border:1px solid #999;}

/* Add Delete Button */
.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;}

/*Back Button */
.xbtn-back{ font-size:13px; color: #000; transition: all 0.5s ease 0s; padding:0px; border-radius: 50px; /*text-transform: uppercase*/}
.xbtn-back:hover{ background:transparent; color:#fff; transition:0.4s;}
.xbtn-back:focus{ box-shadow: 0 0 0 .2rem rgb(116, 34, 162);}
.xbtn-back i{ padding-right:5px; font-size:12px; color: #000; transition:0.4s;}
.xbtn-back:hover i{ color:#fff; transition:0.4s;}

/*Suspend Button */
.xbtn-suspend{ margin:0; font-size:12px; border:1px solid #fba313; background-color:transparent; color:#fba313; border-radius:6px; width:20px; height:20px; padding:0; text-align:center; margin-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 Delete Button */
.add-btn{ background-color:transparent; border:1px solid #20a90a; color:#20a90a; transition:0.4s; text-align:center; padding:4px 13px; border-radius:50px; font-size:11px; text-transform:uppercase; float: right; }
.add-btn i{ padding-right:5px;}
.delete-btn{ background-color:transparent; border:1px solid #ff0000; color:#ff0000; transition:0.4s; text-align:center; padding:4px 13px; border-radius:50px; font-size:11px; text-transform:uppercase; float: right; }
.delete-btn i{ padding-right:5px;}
.add-butt-cntr{ width: 100%; text-align: center; padding-right: 80px; margin: 10px 0px 5px;}

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

/* Button Search */
.btn-srchx{ background-color:#4560ee; padding:4px 15px 2px; margin: 0; font-size:13px; color:#fff; border-radius:6px;}
.btn-srchx:hover{ background-color:#5b7c8e; transition:0.4s; color: #fff;}
.btn-srchx i{ padding-right:2px;}
.btn-secx i{ padding-right:2px;}
.btn-secx{ background-color:#8284a2; padding:4px 15px 2px; margin: 0; font-size:13px; color:#fff; border-radius:6px;}
.btn-secx:hover{ background-color:#6f7191 !important; color:#fff !important; }

.xsearchbdy{ margin-bottom:20px; background-color:#f4f4f4; padding:12px !important; position:relative; transition:0.4s; border-radius: 0; margin:8px 0px 20px; width: 100%;}
.xsearchbdy .cbtn-srch{ position:absolute; right:0px; top:0px; padding:5px; margin:0; font-size:16px; color:#ccc; border-radius:50%; display:inline-block;}
.xsearchbdy .cbtn-srch:hover{color: #767898;}
.xsearchbdy .form-group{ margin-bottom: 5px;}
.xsearchbdy .form-group label{ font-weight:400; font-size:13px; padding-top:0;}
.xsearchbdy label{margin-bottom: 0 !important; font-weight: normal;}
.xsearchbdy label.empty{ display: block;content: ""; height:28px;}
.xsearchbdy .form-group .select2-container{ width:100% !important;}
.srch-rgt{text-align: right; padding-right: 10px;}

.comqu_bg{ background: #c6e6f7 !important; padding: 20px 30px !important;}
.comqu_bg .cbtn-srch{ color: #26669d !important;}
.comqu_bg h3 span{ color: #fff !important;}
.comqu_bg h3 span::after{ display: none;}

.img-gallery{ display: flex; flex-direction: row; flex-wrap: wrap; }
.img-gallery a{ margin: 5px; border: #eee 1px solid; padding: 3px; border-radius: 5px; width: 19% !important;}

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

.page-link{ color:#333; font-size:13px; }
.page-link:hover{ color:#ff0000}
.page-item.active .page-link{ background-color:#3a3b9f; border-color:#3a3b9f; font-size:13px; color: #fff;}
.page-item.active .page-link:focus{ box-shadow: 0 0 0 0rem rgba(0,123,255,.25);}
.dataTables_info{ font-size:12px; color: #444; letter-spacing: 0.2px;}

.chat_icon a{ width: 50px; height: 50px; border: #fff 2px solid; border-radius: 500px; text-align: center; line-height: 46px; box-shadow:0px 0px 3px 3px rgba(0,0,0,0.2); display: block; font-size: 23px; color: #fff; position: absolute; background: #2181f8; bottom: 10px; right: 30px; z-index: 9;}
.chat_icon a:hover{ background: green;}

.chat_icon a.blink{animation: blink 1s infinite;}

@keyframes blink {
  0% {
    background-color: #f00;
    border: 1px solid #f00;
  }
  50% {
    background-color: #2181f8;
    border: 1px solid #2181f8;
  }
  100% {
    background-color: #f00;
    border: 1px solid #f00;
  }
}

.chathead{display: flex; flex-direction: row; background: rgb(11, 113, 216); padding: 10px; align-items: center; border-radius: 10px 10px 0 0;}
.chathead .chaticon{ background: #fff; border-radius: 100px; width: 60px; height: 60px; padding: 3px; text-align: center; line-height: 54px;}
.chathead .chaticon img{ width: 55px; height: 55px; border-radius: 50px;}
.chathead .chathead-name{ display: flex; flex-direction: column; margin-left: 15px; line-height: 20px; color: white; font-weight: 500; width: 75%;}
.chathead .chathead-name h1{ font-size: 20px; color: white; font-weight: 800; text-align: center; text-transform: uppercase; margin-bottom: 0px;}
.chathead .chathead-name .online{ color: green; font-weight: 400; background: #fff; display: inline-block; padding: 0px 5px; font-size: 13px; width: max-content; border-radius: 3px; margin-top: 5px;}
.chathead .chathead-name .offline{ color: red; font-weight: 400; background: #fff; display: inline-block; padding: 0px 5px; font-size: 13px; width: max-content; border-radius: 3px; margin-top: 5px;}
.chathead .chathead-name .excode{ color: black; font-weight: 400; background: #fff; display: inline-block; padding: 0px 5px; font-size: 13px; width: max-content; border-radius: 3px; margin: 5px auto 0px; }
.chathead .close{ position: absolute; right: 20px;}
.chattrans{ font-size: 13px; padding: 20px; height: 350px; overflow: auto;}
.chattrans .left{ position: relative; display: flex; width: 85%; float: left; background: gainsboro; color: #000; font-size: 14px; padding: 10px 15px 20px; border-radius: 10px; margin: 3px 0px;}
.chattrans .right{ position: relative; display: flex; text-align: right; justify-content: right; width: 85%; float: right; background: lightskyblue; color: #000; font-size: 14px; padding: 10px 15px 20px; border-radius: 10px; margin: 3px 0px;}
.chattrans .center{ position: relative; display: flex; text-align: center; justify-content: center; width: 100%; background: khaki; color: #000; font-size: 14px; padding: 10px 15px 20px; border-radius: 10px; margin: 10px auto;}
.chattrans .left small{ position: absolute; bottom: 3px; right: 8px; color: rgba(0, 0, 0, 0.5);}
.chattrans .right small{ position: absolute; bottom: 3px; left: 8px; color: rgba(0, 0, 0, 0.5);}
.chattrans .center small{ position: absolute; bottom: 3px; right: 8px; color: rgba(0, 0, 0, 0.5);}

.chattext{ display: flex; flex-direction: row; width: 100%;}
.chattext input{ border-radius: 50px; width: 100%;}
.chattext a{ border-radius: 50px; width: 42px; height: 40px; margin-left: 5px;}
.chattext a i{ font-size: 25px; line-height: 25px;}
.chattext span{ display: block; width: 100%; font-size: 13px; text-align: center;}
.chattext .chat{ width: 90%;}

/* UserRole section */
.crse-bg { background: url(../images/crse-bg.jpg) top center no-repeat #383a46; background-size: cover; padding: 40px 0 30px; }
.user-view{ min-height:700px;}
.crse-sel { background-color: rgba(255, 255, 255, 0.8); padding:0px 0px; transition: 0.4s; padding-bottom: 20px; }
.crse-sel .card { border: 0 none; padding: 6px 0px 6px 0px; position: relative; overflow: hidden; transition: 0.4s; margin: 0 15px;}
.crse-sel .card:last-child{ padding-bottom: 0;}
.crse-sel .card:before{ position: absolute; width:3px; height: 100%; top:8px; background-color: #f0f1f7; content: ""; left:16px;}
.crse-sel .card-header { border-radius: 0px !important; padding:2px 0px 0px; background:#fff; border-bottom: 2px solid #fff; position: relative; transition: all 0.4s;}
.crse-sel .card-body { padding:10px 20px !important; border:1px solid #eff0f8; border-radius:0px 0px 3px 3px; margin-top:0px; background-color:#fff; transition: 0.4s; margin-left:39px; min-height:50px;}
.crse-sel .card-body .table{ margin-bottom:0;}
.crse-sel .card-body .usr-roll{ width:100%; display:flex; padding:2px 0px; background-color:transparent; border-top:1px solid #f0f1f7; margin-bottom:0px ; transition: 0.4s; min-height: 40px;}
.crse-sel .card-body .usr-roll:first-child{ border-top: 0 none}
.crse-sel .card-body .usr-roll .usr-lft{ width:25%; display:flex; align-items:center; margin-right:15px; }
.crse-sel .card-body .usr-roll .usr-lft small.grp-title{ font-size: 11px; color: #888bae; padding: 1px 12px 1px 10px; font-weight: 400; background-color: #f0f1f7; margin-left:5px; border-radius: 50px; letter-spacing: 0.3px; font-style: italic;}
.crse-sel .card-body .usr-roll .usr-lft h2{ font-size:14px !important; font-weight:400 !important; margin:0 !important; color:#4e4f75;}
.crse-sel .card-body .usr-roll .usr-rht{ width:75%; display:flex; flex-wrap: wrap;}
.crse-sel .card-body .usr-roll .usr-rht span{ width:16%; padding:4px 5px 4px 15px; margin:4px 0px 4px 5px; border-radius:0px; background-color:transparent; cursor:pointer; overflow: hidden; position: relative; z-index: 0; transition: 0.8s; display: flex; justify-content: space-between; border-radius: 50px; border:1px solid #f0f1f7; align-items: center;}
.crse-sel .card-body .usr-roll .usr-rht span:before{ width: 1%; height: 100%; background-color: #e7e8f5; content: ""; left: 0; bottom: 0; position: absolute; border-radius: 3px 0px 0px 3px; visibility: hidden; transition: 0.8s; z-index:-1;}
.crse-sel .card-body .usr-roll .usr-rht span:hover:before{ visibility: visible; background-color: #f5f5fb; width:103%; left: 0; transition: 0.8s; border-right: 3px solid #fff; border-radius: 3px;}
.crse-sel .card-body .usr-roll .usr-rht span:nth-child(5n+5){ margin-right:0;}
.crse-sel .card-body .usr-roll .usr-rht span label{ display:flex; margin-bottom:0px; font-size:13px; font-weight:400; color:#787993; align-items: center; cursor:pointer; align-items: center; width: 100%;}
.crse-sel .card-body .usr-roll .usr-rht span label input{ margin-right:5px; transition: 0.4s;}
.crse-sel .acrd-link { font-size:14px; font-weight:500; color:#fff; background-color:#0878ae; padding:7px 14px 7px 45px; border-radius:50px 10px 10px 50px; transition: 0.4s; display: block; margin-bottom: 0;}
.crse-sel .acrd-link.collapsed { color:#fff; background-color: #2ba9e7; transition: all 0.4s ease 0s; font-weight: 500;}
.crse-sel .acrd-link:hover { color:#fff; background-color: #0878ae !important;} 
.crse-sel .acrd-link i { float: right; margin-top: 4px; /* color:#ff0000*/}
.crse-sel .acrd-link b{ position: absolute; left:-1px; top:2px; background-color: #005984; width:40px; height:94%; text-align: center; display: flex; justify-content: center; align-items:center; padding-right:0px; border-radius: 5px 0 0 5px; border-right:1px solid #fff;}
.crse-sel .acrd-link b i{ margin-top: 0; color: #fff; font-size:15px;}
.crse-sel .acrd-link.collapsed b{ background-color: #005984; border-radius: 5px 0 0 5px; }
.crse-sel .acrd-link.collapsed b i{ color: #fff;}
.crse-sel .acrd-link:hover b{background-color: #026290; transition: all 0.4s ease 0s;}
.crse-sel .acrd-link:hover b i{color: #fff; transition: all 0.4s ease 0s;}
.crse-sel .acrd-link-header{background-color: #9495b4; padding: 5px; font-size: 16px; text-transform: uppercase; color: #fff;}
.crse-sel .acrd-link-header.active{ background-color: #9495b4; color: #fff;}
.crse-sel .fa-caret-right { display: none; }

.topic_accordion { background-color: rgba(255, 255, 255, 0.8); padding:0px 0px; transition: 0.4s; padding-bottom: 20px; }
.topic_accordion .card { border: 0 none; padding:1px 0px; position: relative; overflow: hidden; transition: 0.4s; margin: 0 0px; border-radius: 0px;}
.topic_accordion .card:last-child{ padding-bottom: 0;}
.topic_accordion .card-header { border-radius: 0px !important; padding:2px 0px 0px; background:white; border-bottom: 2px solid #fff; position: relative; transition: all 0.4s;}
.topic_accordion .card-body { padding:10px 10px !important; border:1px solid #eff0f8; border-radius:0px 0px 0px 0px; margin-top:0px; background-color:#fff; transition: 0.4s; min-height:50px;}
.topic_accordion .card-body .table{ margin-bottom:0;}
.topic_accordion .acrd-link { font-size:14px; font-weight:500; color:#fff; background-color:#0878ae; padding:7px 15px; border-radius:0px; transition: 0.4s; display: block; margin-bottom: 0;}
.topic_accordion .acrd-link.collapsed { color:#000; background-color: gainsboro; transition: all 0.4s ease 0s; font-weight: 500;}
.topic_accordion .acrd-link:hover { color:#fff; background-color: #0878ae !important; border-radius: 0px;} 
.topic_accordion .acrd-link i { float: right; margin-top: 4px; /* color:#ff0000*/}
.topic_accordion .acrd-link b{ position: absolute; left:-1px; top:2px; background-color: #005984; width:40px; height:94%; text-align: center; display: flex; justify-content: center; align-items:center; padding-right:0px; border-radius: 5px 0 0 5px; border-right:1px solid #fff;}
.topic_accordion .acrd-link b i{ margin-top: 0; color: #fff; font-size:15px;}
.topic_accordion .acrd-link.collapsed b{ background-color: #005984; border-radius: 0px; }
.topic_accordion .acrd-link.collapsed b i{ color: #fff;}
.topic_accordion .acrd-link:hover b{background-color: #026290; transition: all 0.4s ease 0s;}
.topic_accordion .acrd-link:hover b i{color: #fff; transition: all 0.4s ease 0s;}
.topic_accordion .acrd-link-header{background-color: #9495b4; padding: 5px; font-size: 16px; text-transform: uppercase; color: #fff;}
.topic_accordion .acrd-link-header.active{ background-color: #9495b4; color: #fff;}
.topic_accordion .fa-caret-right { display: none; }
.topic_accordion .exset-box{ border: #dde9f1 1px solid; padding: 0px 10px; margin: 0px 0; background: #f1f5f8;}
.topic_accordion .form-group label{ display: flex;}
.topic_accordion .form-group label input{ margin-right: 5px;}
.topic_accordion .selectopic{ background: linen; padding: 0px 0px ; margin-bottom: 10px;}
.topic_accordion .selectopic h1{ background: #fff; display: flex; width: 100%; justify-content: space-between; align-items: center;}
.topic_accordion .selectopic h1 span{ display: inline-block; font-size: 15px; background: #dfcfbf; color: #333; text-transform: uppercase; border-radius: 0px; margin: 0px; padding: 5px 15px;}
.topic_accordion .selectopic h1 a{display: inline-block; background: #ff5d48; font-size: 13px; padding: 2px 7px; color: #fff; text-transform: uppercase;}
.topic_accordion .selectopic h1 a:hover{background: #df3f2a;}
.topic_accordion .selectopic h5{ font-size: 14px; color: #333; text-transform: uppercase; text-align:left; padding: 0px 0px 5px 5px; width: 100%; margin: 0px;}
.topic_accordion .selectopic span{ display: inline-block; background: #fff; padding: 3px 5px 3px 10px; border-radius: 5px; margin: 2px; font-size: 0.9rem;}
.topic_accordion .selectopic span i{ display: inline-block; color: white; background: #d9d1c9; padding: 3px 5px; border-radius: 50px; font-size: 13px; }
.topic_accordion .selectopic span i:hover{ color: white; background: red;}
.topic_accordion .selectopic .topicdiv{ display: flex; flex-direction: column; padding: 0px 15px 15px 15px;}
.topic_accordion .selectopic .topicdiv .topicitem{ display: flex; flex-direction: row; flex-wrap: wrap; margin: 20px 0 0 0;}
.topic_accordion .selectopic .topicdiv .topicitem:first-child{ margin-top: 10px;}
.topic_accordion .topicsubmit{ padding-top: 15px; margin-top: 15px; border-top: #eee 1px solid; text-align: center;}

.collapsed .fa-caret-down { display: none; }
.collapsed .fa-caret-right { display: inline; }
ul.crse-lnk { list-style: none; margin: 0; padding: 0; transition: 0.4s; }
ul.crse-lnk li { list-style: none; margin: 0; padding: 8px 0; border-bottom: 1px dotted #ccc; }
ul.crse-lnk li a { font-size: 18px; display: block;}
ul.crse-lnk li a i { font-size: 16px; color: #999999; transition: all 0.4s ease 0s; }
ul.crse-lnk li a:hover i { color: #0061a6; animation-name: bounceIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }

.sectitnav{ display: flex; flex-direction: row; text-align: center; background: #ddd; color: #333; border-radius: 50px; padding: 5px; justify-content: center; margin: 10px auto;}
.sectitnav a{ line-height: 18px; font-size: 15px; font-weight: 500; color: #333; background-color: whitesmoke; padding: 8px 35px; margin: 2px; border-radius: 50px; border: rgba(255,255,255, 0.4) 1px solid; }
.sectitnav a:hover{ background: #ffbf00; border-radius: 50px; color: #000; border: rgba(255, 255, 0, 0.5) 1px solid;}
.sectitnav a.active{ background: #ffbf00; border-radius: 50px; color: #000;}
.sectitnav span{ display: block; font-weight: 400; font-size: 13px;}

.secquesbox{ display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: #ccc 2px dotted; margin: 10px 0 20px; width: 100%; justify-content: center;}
.secquesbox .secques1{ display: flex; flex-direction: row; padding: 0px 15px; width: auto; border-bottom: 0px; margin-bottom: 20px; border-right: #ccc 2px dotted;}
.secquesbox .secques1 .quesor{ margin-top: 0px; margin-bottom: 0px; padding: 10px;}
.secquesbox .secques1:last-child{ border: 0px;}

.sec_comques{ border-top: #d7e3ee 1px solid !important; border-bottom:0px !important; padding-bottom:0px !important; margin-bottom:0px !important;  }


.secques1{ display: flex; width: 100%; flex-direction: column; align-items: center; border-bottom: #f2f2f2 1px solid; padding-bottom: 20px; margin-bottom: 20px;}
.secques1:last-child{ border: 0px; margin-bottom: 0px; padding-bottom: 0px;}
.secques1 .quesbut{ background: #0e5ec4; padding: 12px 15px 12px 2px; color: #fff; border-radius: 50px;}
.secques1 .quesbut span{ background: #ffbf00; font-weight: 600; padding: 10px 13px; border-radius: 50px; color: #000; margin-left: 1px; margin-right: 5px;}
.secques1 .quesbut strong{ font-weight: 600; padding: 10px 13px; border-radius: 50px; color: #fff; margin-left: 5px; margin-right: 0px; background: linear-gradient(90deg,rgba(29, 113, 223, 1) 0%, rgba(14, 94, 196, 0) 100%);}
.secques1 .quesor{ padding:10px 13px; background: #333; color: #fff; text-align: center; border-radius: 50px; margin:10px 5px;}
.secques1 h1{ font-size: 21px; color: firebrick; text-transform: uppercase; font-weight: 600;}
.secques1 .quesbut:hover{ background: #032a5e; color: #fff;}
.secques1 .quesbut:hover span{ background: #ffbf00; color: #000;}
.secques1 .quesbut:hover strong{ background: linear-gradient(90deg,rgba(20, 77, 152, 1) 0%, rgba(3, 42, 94, 0) 100%);}
.secques1 .quesadd{ background: green; color: #fff; padding: 10px 15px; border-radius: 50px; margin: 10px 5px;}
.secques1 .quesadd:hover{ background: rgb(1, 80, 1);}
.secques1 .quesor{ padding:10px 13px; width: max-content; background: #333; color: #fff; text-align: center; border-radius: 50px; margin:10px;}
.secques1 .quelist{ background: aliceblue; width: 100%; font-weight: 500; margin: 5px auto; padding: 4px 8px; flex-direction: column; border-radius: 10px; display: flex; justify-content: space-between; position: relative; min-height:48px;}
.secques1 .quelist b{ font-weight:400; padding:10px;}
.secques1 .quelist p{ margin: 0px; padding: 0px; display: flex; align-items: center;}
.secques1 .quelist p small{background: #0e5ec4; font-size: 14px; font-weight: 600; padding: 10px 15px; border-radius: 50px; color: #fff; margin-left: 1px; margin-right: 10px;}
.secques1 .quelist > span{ text-align: right; padding-right: 10px; position: absolute; top: 7px; right: 7px; background: #cddcea; padding: 5px 6px; border-radius: 10px;}
.secques1 .quelist > span > h6{ display: inline-block; font-size: 12px; margin: 0px 1px 0px 0px; background: darkblue; padding: 5px 10px; border-radius: 20px; color: #fff; }
.secques1 .quelist > span > h6 b{ font-size: 14px; font-weight: 600; padding: 0px; margin: 0px;}
.secques1 .quelist > small{ text-align: right; padding-right: 10px; position: absolute; top: 7px; right: 7px; background: #032a5e; color: #fff; padding: 9px 12px; border-radius: 10px; font-weight: 800; font-size: 12px;}
.secques1 .quelist math{ margin: 0px; padding: 0px;}
.secques1 .quelist a.che{ background: green; color: #fff; font-weight: 400; font-size: 14px; border-radius: 20px; cursor: pointer; height: 25px; width: 25px; display: inline-block; text-align: center; line-height: 26px;}
.secques1 .quelist a.che:hover{ background: #025702;}
.secques1 .quelist a.del{ background: red; color: #fff; font-weight: 900; font-size: 16px; border-radius: 20px; cursor: pointer; height: 25px; width: 25px; display: inline-block; text-align: center; line-height: 26px;}
.secques1 .quelist a.del:hover{ background: #c80606;}
.secques1 .quelist a.view{ background: #0470e3; color: #fff; font-weight: 400; padding: 5px 8px; font-size: 13px; border-radius: 20px; cursor: pointer;}
.secques1 .quelist a.view:hover{ background: #015bbb;}
.secques1 .quelist .ques_area .que_title span{ background:#0e5ec4 !important; color:#fff !important; }
.secques1 .quelist .compre_para{ padding: 10px 43px 0px !important; margin-bottom: 0px !important; border-bottom: 0px; font-weight: 400 !important;}
.secques1 .quelist .compre_para p{ margin-bottom: 12px;}
.secques1 .quelist .compre_para1{ padding: 10px 25px 0px !important; margin-bottom: 0px !important; border-bottom: 0px; font-weight: 400 !important;}
.secques1 .quelist .compre_para1 p{ margin-bottom: 12px;}
.secques1 .modal-body .answer-opt{ border: 0px !important;}
.secques1 .modal-body .card-body h2.sel_ai{ padding-right: 0px !important; padding-top: 5px;}
.secques1 .modal-body .card-body h2.sel_ai input{ margin-right:10px;}
.secques1 .modal-body .card-body h2{ padding-right: 140px; color: #000; font-size: 16px; font-weight: 600; display: flex; align-items: center;}
.secques1 .modal-body .card-body h2 span{margin-right: 10px; position: relative; padding: 7px 8px 7px 7px; top: 0px; left: 0px; width: fit-content; border-radius: 6px; background: #0e5ec4 !important; color: #fff !important;}
.secques1 .popfrm1{ background:antiquewhite !important;}
.secques1 .popfrm1 .ansdis1{ padding:0px; margin:0px; color:#000;}

.secques1{ position: relative;}
.secques1 .questype{ position: absolute;  top: 9px;  right: 4px;  z-index: 1;  display: inline-block;  background: #085599;  padding: 2px 7px;  font-size: 13px;  color: #fff;  border-radius: 5px;}

.secborder{ border-bottom: #f7f7f7 1px solid; padding-bottom: 20px; margin-bottom: 20px; }

.quepre .quelist{ background:#fff; }

.ai_opt{ display:flex; flex-direction:row; justify-content:space-between; width:100%;}

.sel_noques{ display:flex; flex-direction: row; align-items: center; justify-content: right; padding:10px; }
.sel_noques .ai_gen{ font-size:14px; color:#000; margin-right:20px; }
.sel_noques .ai_gen span{ font-size:14px; color:#fff; font-weight:600; display: inline-block; background: #057932; border-radius: 3px; padding: 0px 5px; }
.sel_noques .ai_sel{ font-size:14px; color:#000; margin-right:20px; }
.sel_noques .ai_sel span{ font-size:14px; color:#fff; font-weight:600; display: inline-block; background: firebrick; border-radius: 3px; padding: 0px 5px; }

.ai_mark{ display:flex;}
.ai_mark label{ display:flex; align-items:center}
.ai_mark label input{ margin-right:5px;}
.ai_mark .markbox{ display:flex; flex-direction:row; align-items: center;}
.ai_mark_input{ width:75px; text-align:center; display: none;}

.aimark_active{ display:flex; flex-direction:row;}
.aimark_active .ai_mark_input{ margin-left:10px; background: #fff; padding:10px; width:auto; align-items: center; flex-direction: column; border-radius: 5px; border: #fff 2px solid; box-shadow: 2px 4px 5px rgba(0,0,0,0.1); }
.aimark_active .ai_mark_input{ font-size:13px; color:#000; height: fit-content; padding-bottom: 15px;}
.aimark_active .ai_mark_input input{width: 75px; text-align: center;}

.secbor-top{ border-top: #ccc 2px dotted; border-bottom: #ccc 2px dotted; padding-top: 20px; padding-bottom: 30px; margin-top: 15px;}

.sel_aibox{ height: calc(100vh - 390px); overflow-y: scroll; scrollbar-width: thin; padding-right: 10px;}

.role-display{ width:100%;}
.role-display h2{ font-size:16px !important; margin:0px 0px 18px !important; font-weight:500; color:#686984; text-transform:uppercase; border-bottom:1px solid #dedede; padding-bottom:8px;}
.role-display h2 span{ color:#a5a6bb; font-weight:400;}

.ques_area{ display:flex; flex-direction:column; width: 100%; }
.ques_area .que_title{ font-size: 15px; font-weight: 600; display: flex; align-items: flex-start; margin-right: 80px; min-height: 41px; align-items: center;}
.ques_area .que_title span{ margin-right: 10px; position: relative; background: none; color: #000; padding: 4px 8px 5px 7px; top: 0px; left: 0px; width: fit-content; border-radius: 6px;}
.ques_area .ans_box{ margin: 10px 0px 10px 40px; display: flex; flex-direction: column; }
.ques_area .ans_box .ans_opt{ margin:5px 50px 5px 0px; font-size: 15px;}
.ques_area .ans_box .ans_opt span{ font-weight: 600; margin-right: 5px; width: 30px; display: inline-block; text-align: right; position: unset;}
.ques_area .ans_box .ans_opt small{ font-size:15px; width: 70px; display: inline-block; text-align:left; font-weight:500; }
.ques_area .ans_box .ans_opt img{ max-height: 150px;}
.ques_area .que_title img{ max-height: 150px;}

.ques_part .compre_para{ font-size: 15px; padding: 0px 20px 0px; border-bottom: #f2f2f2 1px solid; margin-bottom: 20px; text-align: justify;}
.ques_part .compre_para ul li{ padding:5px 0px;}

.matchques_area{margin-top: 0px !important; margin-bottom: 20px !important; flex-direction: row !important;}

/* Tab Accordion */
.tab-acc{ width: 100%;}
.tab-acc .card-body .usr-roll .usr-rht span{ background-color: transparent; border-radius:0px; border-left: 1px solid #e0e2ea;}
.tab-acc .card-body .usr-roll .usr-rht span::before{ border-radius: 0px;}
.tab-acc .card-body .usr-roll .usr-rht span:hover:before{ border-radius: 0px;}

.enrol-content .das-tbl-2 h3{ font-size:.875rem; color:#444; font-weight:500; padding: 0px 0px 0px 10px; margin: 0px 00px 5px 5px; background: bisque; align-items: center;  }
.enrol-content .das-tbl-2 h3 span{ font-size: 16px; color: #fff; font-weight: 800; padding: 5px 10px; margin: 0 0 0 10px; background: #ff0f00; flex-direction: row;}
.enrol-content .das-tbl-2 h3 span b{ padding: 0px 2px;}
.enrol-content h3 span::after{content: ''; width: 100%; height: 2px; position: absolute; left: 00%; top: 16px;z-index: 0; }
.enrol-content h3 span:last-child::after{ left: -50% !important;}
.enrol-content h3 span:first-child::after{ left: 50% !important;}
.enrol-content h3 span::before{ top: 7px;  right: 0px;  content: '\f054';  font-family: "Font Awesome 5 Free";  font-weight: bold;  position: absolute;  color: #fff;  font-size: 16px;}
.enrol-content h3 span:last-child::before{ display: none;}

.formnav{ display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; margin: 50px auto 25px;}
.formnav .pagibut{ padding: 8px 15px; border-radius: 5px; text-align: center; background: #fff; border: 0px; margin: 0px 5px;}
.formnav .paginextbut{ background-color: green; color: #fff;}
.formnav .paginextbut:hover{ background-color: darkgreen;}
.formnav .pagicancelbut{ background-color: darkgray; color: #fff;}
.formnav .pagicancelbut:hover{ background-color: black; color: #fff;}
.formnav .pagibut i{ margin-right: 3px;}

.tbl-frm2 .formnav{ margin-top: 20px !important; padding-top: 20px; border-top:#eee 1px solid}

/* accordion-table */
.tbl-header { margin:0px 0px 3px; padding:10px 0px 10px; display: flex;align-items: center; justify-content:space-between; border-bottom: 1px solid #e1e2ee;}
.tbl-header .toplnk{ display: flex; justify-content: flex-end; width: 100%; align-items: center;}
.tbl-header .toplnk a:first-child{ margin-right: 5px;}
.tbl-header .main-title { margin-bottom: 0; font-size:15px; display: flex; align-items: center; color:#555; font-weight:500; text-transform:uppercase;}
.tbl-header .main-title i{ padding-right:8px; font-size:14px; color:rgba(255, 255, 255, 0.9);}
.accordion-table{ width: 100%;}
.accordion-table.table > tbody > tr td{ background-color: #fff;}
.accordion-table.table > tbody > tr td.hiddenRow{ padding: 0px 10px !important; background-color: #f7f7f7;}
.accordion-table .det-tab-acc{ margin:15px 0px; border-radius:3px; width:100%; padding:0px; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom{ margin-bottom:0; position:relative; z-index:0; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .nav-tabs > li{ background-color: #fff; border-bottom: 1px solid #ebecf4; border-radius:4px 4px 0 0; padding:0px; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .nav-tabs > li a{display:block; font-size:16px; font-weight:500; color:#fff; transition:0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content{ background-color:#fbfcfe; padding:15px 16px; border:0 none; border:0px solid #d1d2e3; margin-top:-1px; border-radius:0px 5px 0px 0px; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content h2{ font-size:18px; color:#004ec4; margin:5px 0px 10px; font-weight:500;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content h3{ font-size:16px; color:#242424; margin:10px 0px; font-weight:500}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content p{ text-align:justify; font-size:14px; line-height:1.6; margin:5px 0px; color:#333;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content ul{ padding:0px 15px 0px; margin:0; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content ul li{ line-height:1.7; transition: 0.6s; color: #333;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table{ margin:0px 0px; transition: 0.6s; }
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table thead th{ background-color:#d1d2e3; padding:8px 6px; color:#3e3e48; border-bottom: 0 none; text-align:center;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table tr td{ padding:6px; font-size:13px; text-align:center}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table tr td a{ transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table tr td a:hover{ color:#da281e; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table tr:nth-of-type(2n+1){ background-color: rgba(0,0,0,.02); transition:0.4s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .tab-content .table tr:hover{ background-color: rgba(0,0,0,.03); transition:0.4s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab-acc .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background:#8e90ac; color:#fff; border-color:#023685; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs-custom > .nav-tabs > li > a.active, .det-tab-acc .nav-tabs-custom > .nav-tabs > li:hover > a.active{ background:#56586f; color:#fff; border-color:#56586f; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs{ text-align:center; border-bottom:0 none; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs > li{ display:inline-block; margin:0 5px 0 0; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs > li{ position:relative; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs > li > a{ position:relative; z-index:510; padding:5px 20px; font-size:16px; color:#444; border-radius:4px 4px 0 0; font-weight:500; background:linear-gradient(#9798b0, #9fa0b7); animation-name: none; transition: 0.6s; margin-bottom: 0;}
.accordion-table .det-tab-acc .nav-tabs > li > a:hover{ background:none transparent; color:#fff; transition: 0.6s;}
.accordion-table .det-tab-acc .nav-tabs > li:before{ -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color:#fff; background: #8e90ac; z-index:1; border-radius:4px 4px 0 0;}
.accordion-table .det-tab-acc .nav-tabs > li:hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1;}
span.tbl-dwn-icn{ display: flex; text-align: center; justify-content: center;}

/* Accordion Table Body */
.tbl-des{ width: 100%; display: flex; flex-wrap: wrap; align-items:center; justify-content: space-between;}
.tbl-des .tbl-des-lft{ width: 22%; display: flex; align-items: center; justify-content: center;}
.tbl-des .tbl-des-lft span{ display: flex; height: 200px; width: 200px; align-items: center; justify-content: center;}
.tbl-des .tbl-des-lft span img{ width: auto; height: auto; object-fit: contain; max-height: none; border: 1px solid #f0f0f0; background-color: #fff; padding: 10px; max-height: 145px;}
.tbl-des .tbl-des-rht{ width: 78%; border-left:1px solid #e3e3e3; padding-left: 15px;}
.tbl-des .tbl-des-rht h2{ font-size: 16px; margin:20px 0px 12px; font-weight: 500; color: #444; position: relative; padding-bottom:8px;}
.tbl-des .tbl-des-rht h2:before{ position: absolute; bottom: 0; content: ""; background-color: #e1e1e1; left: 0; width: 150px; height: 1px;}
.tbl-des .tbl-des-rht p{ font-size: 14px; text-align: justify; line-height: 1.7; font-weight: 350; color: #515151; margin: 10px 0px;}

.btn-toggle.btn-sm { padding: 0; position: relative; border: none; height: 21px; width:38px; border-radius: 1.5rem; }
.btn-toggle.btn-sm:focus, .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm:focus.active, .btn-toggle.btn-sm.focus.active { outline: none; }
.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after { line-height: 1.3rem; width: 0.5rem; text-align: center; font-weight: 600; font-size: 0.55rem; text-transform: uppercase; letter-spacing: 2px; position: absolute; bottom: 0; transition: opacity 0.25s; }
.btn-toggle.btn-sm:before { content: ''; left: -0.5rem; font-family: "Font Awesome 5 Free"; }
.btn-toggle.btn-sm:after { content: '\f00c'; right: -0.5rem; opacity: 0.5; font-family: "Font Awesome 5 Free";}
.btn-toggle.btn-sm > .handle { position: absolute; top: 0.1875rem; left: 0.1875rem; width: 15px; height: 15px; border-radius: 1.125rem; background: #fff; transition: left 0.25s; }
.btn-toggle.btn-sm.active { transition: 0.25s; }
.btn-toggle.btn-sm.active > .handle { left:20px; transition: left 0.25s; }
.btn-toggle.btn-sm.active:before { opacity: 0.5; }
.btn-toggle.btn-sm.active:after { opacity: 1; }
.btn-toggle.btn-sm.btn-sm:before { line-height: -0.5rem; color: #008f01; letter-spacing: 0.75px; left:23px; width: 2.325rem; }
.btn-toggle.btn-sm.btn-sm:after { line-height: -0.5rem; color: #008f01; letter-spacing: 0.75px; left:23px; width: 2.325rem; }
.btn-toggle.btn-sm.btn-sm:before { text-align: left; left:0; z-index: 9;}
.btn-toggle.btn-sm.btn-sm:after { text-align: left; opacity: 0; }
.btn-toggle.btn-sm.btn-sm.active:before { opacity: 0; }
.btn-toggle.btn-sm.btn-sm.active:after { opacity: 1; }
.btn-toggle.btn-sm.btn-xs:before, .btn-toggle.btn-sm.btn-xs:after { display: none; }
.btn-toggle.btn-secondary { color: #6b7381; background: #a0a1b5; }
.btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after { color: #6b7381;}
.btn-toggle.btn-secondary.active { background-color: #008f01;}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{ background-color: #008f01; border-color: #008f01;}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus{ box-shadow:0px 0px 0px rgba(255,255,255, 0.5);}
.btn-secondary.focus, .btn-secondary:focus{ box-shadow:0px 0px 0px rgba(255,255,255, 0.5);}

.collapsed .fa-caret-down { display: none; }
.collapsed .fa-caret-right { display: inline; }
.flat-box{ width: 100%; display: flex; align-items: center; justify-content: center; padding: 10px; margin-top: 15px; border-top: 1px solid #eee; padding-top: 15px;}
.flat-box span{ background-color: #666; padding: 6px 30px; border-radius: 10px; font-size: 24px;}
.flat-box span b{ font-weight: 600; font-size: 20px; color: #fff;}

.tab-acc a.lnk-tab{ position: absolute; transition: all 0.4s; right: 35px; top: 9px; font-weight: 500; font-size: 11px; background-color: #257df6; border-radius: 50px; padding: 2px 12px; color: #fff; margin: 0%;}
.tab-acc a.lnk-tab:hover{ transition: all 0.4s; background-color: #0457c8;}
.tab-acc a.lnk-tab i{ font-size: 10px; padding-right: 5px;}

/* LogIn Page */
.login-logo.register-logo { font-size: 18px; text-align: left; margin-bottom: 0px; font-weight: 300; text-transform:uppercase; background-color:#fff; padding:10px 20px; border-radius:3px 3px 0px 0px; border-bottom:4px solid #dedede; color:#999;}
.login-logo span, .register-logo span{ float:right; margin-top:26px;}
.login-logo a.register-logo a { color: #444 }
.login-page { background:url(../images/login-bg.jpg) center bottom no-repeat; background-size:cover; width: 100%; height: 100%; display: flex;}
.login-page .lgn-bg{ position: relative; width: 100%; height:100vh;}

.login-bx-lft{ position:absolute; width:355px; height:75%; background-color:#444; left:25px; display:flex; align-items:center; justify-content: center;}
.login-bx-lft .lg-lft{ margin-top:-20px;}
.login{ width:470px; transition: 0.4s; position: absolute; right: 100px; top: 50%; transform: translateY(-50%);}
.login .login-box{ border-radius:0px; display: flex; justify-content: space-between; min-height: 280px; position: relative; margin-top: 0; background-size: cover; box-shadow: 0 30px 50px rgba(0,0,0,0.2); z-index: 9; transition: 0.4s; background-color: #fff; margin-bottom: 50px;}
.login .login-box .login-det .alert-danger{ width: 100%; padding: 2px 5px; font-weight: 300;}
.login .login-box .login-det .alert-danger button.close{ padding-top: 2px;}
.login .login-box:hover .login-det:after{ height: 100%; transition: 0.4s;}
.login .login-box .login-lft span{ width: 100%; left: 0; right: 0; bottom: 10px; margin: 0 auto; line-height: 1.2; position: absolute; padding: 25px 10px;}
.login .login-box span b{display:block; width:100%; font-weight:500; font-size:15px; color:#ddd; text-transform:uppercase; text-align:center;}
.login .login-box span small{ font-size:16px; font-weight:200; color: #ddd; display: block; text-align: center; padding-top: 4px;}
.login .login-box .login-lft{ width:26%; text-align:center; background-color:#fed440; animation-name: fadeIn; animation-duration: 1.5s; background-size: cover; position:relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
.login .login-box .login-lft img{ z-index: 9;}
.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:100%; padding:40px 30px; border-radius:0px; background:rgba(255, 255, 255, 1); position:relative; display: flex; flex-wrap: wrap; align-items: center; transition: 0.4s;}
.login .login-box .login-det .lg-logo{ width: 100%; display: flex; justify-content: center; margin-bottom: 10px;}
.login .login-box .login-det .lg-logo img{ max-height:115px;}
.login .login-box .login-det h2{ margin:10px 0px 20px; font-weight:600; color:#4a4a4a; font-size:26px; text-align: center; width: 100%;}
.login .login-box .login-det h3{ margin:-20px 0 5px 0; font-weight:500; text-transform:None; color:#c10702; font-size:20px; text-align: center; width: 100%;}
.login .login-box .login-det h4{ margin:0px 0 30px 0; font-weight:500; text-transform:None; color:#333; font-size:17px; text-align: center; width: 100%;}
.login .login-box .login-det form{ animation-name: fadeIn; animation-duration: 1s; width: 100%;}
.login .login-box .login-det h2 i{ font-style:normal; font-weight:300; padding-left:10px;}
.login .login-box .login-det .login-frm-btn{ width:100%; padding:25px 0px 0px; display: flex; justify-content: center; border-top: 1px solid #ebebeb; margin: 20px 0px 0px;}
.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:#ff7c00; color:#fff; border-radius:50px; text-align:center; padding:5px 20px 5px 20px; font-size:13px; font-weight:400; border:0 none; transition:0.4s; border:1px solid #ff7c00; text-transform: uppercase; cursor: pointer;}
.login .login-box .login-det .login-frm-btn i{ font-size:13px; padding-left:6px; transition:0.6s; animation: shake 3s cubic-bezier(.6,.05,.05,.07) both infinite; transform: translate3d(0, 0, 0);}
.login .login-box .expass{ display: block; width: 100%; font-size: 25px; color: #c10702; font-weight: 800; background: gainsboro; margin: 20px 0; text-align: center; padding: 10px; border-radius: 50px;}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }

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

  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

.login .login-box .login-det .login-frm-btn .btn:hover{ border:1px solid #ff7c00; background:transparent; color:#ff7c00; transition:0.4s;}
.login .login-box .login-det .login-frm-lnk{ width:100%; text-align:center; margin:10px 0px 15px; display:flex; justify-content:space-between;}
.login .login-box .login-det .login-frm-lnk label{ margin:0; font-weight:400; display: flex; align-items: center; font-size:13px; color:#999;}
.login .login-box .login-det .login-frm-lnk label input{ margin-right:5px;}
.login .login-box .login-det .login-frm-lnk1{ text-align:center; color: #ff7c00; }
.login .login-box .login-det .login-frm-lnk1 a{ font-size:14px; color:#ff7c00; font-weight:400; 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 .language{ font-size: 13px; color: #008dd2; margin: 0px; margin-top: 20px; margin-bottom: 00px; width: 100%; text-align: center;}
.login-form .login-frm-main .language a{ color: #008dd2; padding:2px;}
.login-form .login-frm-main .language a:hover{ color: #f00;}
.login-form .login-frm-main #passeye-toggle-0{ background-color:#F5F5F5; border:1px solid #e1e1e1; color:#ff7c00; font-size:14px; transition:0.4s;}
.login-form .login-frm-main #passeye-toggle-0:hover{ transition: 0.4s; color: #333;}
.login-form .login-frm-main .form-group { position:relative; padding-top:10px; margin-bottom:12px; 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:15px; top:1px; transition:all 0.4s ease; color:#888; font-size:11px; font-weight:400; padding: 2px 10px; margin-bottom:0px; background-color: #eeeeee; border-radius: 50px;}
.login-form .form-group .form-control { border-radius:50px; border-width: 0 0 1px 0; font-size:13.5px; padding:12px 10px 6px 15px; border:1px solid #e8e8e8; background-color:#fff !important; color:#444; font-weight:400; box-shadow:none; width: 100%; min-height:40px;}
.login-form .form-group .form-control:focus{ box-shadow:none !important}
.login-form .form-group .input-highlight { content: ""; width: 0; height:1px; background:#fed440; position:absolute; display:block; bottom:0px; transition:width 0.4s ease; left: 20px;}
.login-form .form-group .form-control:focus, .login-form .form-group .form-control.hasValue { box-shadow: none; border-color:#ced4da;}
.login-form .form-group .form-control:focus ~ .input-highlight, .login-form .form-group .form-control.hasValue ~ .input-highlight {width: 89%;}
.login-form .form-group .form-control:focus ~ label, .login-form .form-group .form-control.hasValue ~ label { -webkit-transform: scale(0.95); transform: scale(0.95); top:0; left:5px; padding: 2px 10px;}
.login .login-box .login-det .alert{ position: relative; top: auto; right: auto;}
 
.exam-login{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.exam-login h3{ margin: 00px 0 5px; font-weight: 500; text-transform: None; color: #c10702; font-size: 25px; text-align: center; width: 100%;}
.exam-login h4{ margin: 20px 0 0px 0; font-weight: 500; text-transform: None; color: #000; font-size: 20px; text-align: center; width: 100%;}
.exam-login h5{ margin:10px 0 10px 0; font-weight: 500; color: #f00; font-size: 20px; text-align: center; padding: 15px 30px; border: #ddd 1px solid; border-radius: 50px; background-color: #f4f4f4;}
.exam-login h5.pass{ font-family: 'Bree Serif', serif; font-size: 25px; letter-spacing: 2.5px; }
.exam-login h6{ margin: 0 0 10px 0; font-weight: 400; color: #000; font-size: 13px; text-align: center; width: 100%;}
.exam-login .form-group{ position: relative; padding-top: 10px; margin-bottom: 12px; width: 100%; margin: 25px 0 10px;}
.exam-login .form-group:first-child:last-child { height: 100%;}
.exam-login .form-group:first-child:last-child .form-control { height:100%;}
.exam-login .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;}
.exam-login .form-group label { color:#333; font-size:13px; text-transform:uppercase; font-weight:400; padding: 2px 10px; margin-bottom:0px;}
.exam-login .form-group .form-control { text-align: center; border-radius:50px; border-width: 0 0 1px 0; font-size:15px; padding:12px 10px 6px 15px; border:1px solid #e8e8e8; background-color:#fff !important; color:#444; font-weight:400; box-shadow:none; width: 100%; min-height:40px;}
.exam-login .form-group .form-control:focus{ box-shadow:none !important}
.exam-login a{ background: #354975; color: #fff; display: inline-block; padding: 10px 20px; font-size: 15px; text-align: center; border-radius: 30px; text-transform: uppercase;}
.exam-login a:hover{ background: #333; color: #fff; cursor: pointer;}
.exam-login .login-frm-btn{ border-top:#e9e9e9 1px solid; padding:10px; width: 100%; margin-top: 25px;}
.exam-login .login-frm-btn button{ margin:15px 0 0; padding:10px 25px; display: inline-block; width: max-content; font-size: 17px;}
.exam-login .loadbar{ background: #f4f4f4; border: #ddd 1px solid; border-radius: 50px; height: 10px; width: 100%; margin-bottom: 20px; text-align: left;}
.exam-login .loadbar span{ background: green; height: 10px; display: inline-block; border-radius: 50px;}
.exam-login canvas{ width: 0px !important; height: 0px !important;}
.exam-login a.redbutton{display: none;}
.tbl-bdy a.redbutton{display: none;}

.rto-inpt-main{ display: flex; justify-content: space-between; align-items: center}
.rto-inpt-main .rto-inpt{ width: 48%;}

.date-inpt-main{ display: flex; justify-content: space-between; align-items: center; width: 100%;}
.date-inpt-main .date-inpt{ width: 49%; display: flex; align-items: center; flex-wrap: wrap;}
.date-inpt-main .date-inpt .input-group-text{ border-radius:3px 0px 0px 3px; padding:3px 10px;}
.date-inpt-main .date-inpt input{ width: 80%;}

.pashw{ position: relative;}
.btn-shw{position:absolute; right:6px; top:30%; padding:6px 8px 6px; font-size:12px; cursor:pointer; background-color: transparent; border: 0; color: #888; border-radius: 50px; background-color: #f3f3f3;}
.btn-shw:hover{ background-color:#eee;}
.frgt-pwd{ color:#ea2529; transition:0.4s;}
.frgt-pwd:hover{ color:#0f0e9f; transition:0.4s;}

.das-main{ display:flex; padding:0px 10px; width:100%; padding: 0px 0px 0px 5px}
.das-main .das-lft{ width:30%; display:flex; outline: 1px dashed #dfdfdf !important; outline-offset: -10px; background:#fff; border-radius:3px; margin-right:10px; padding:15px; border:1px solid #e8e8e8;}
.das-main .das-lft img{ object-fit: contain; width: auto; height: auto; margin: 0 auto; transition: 1.5s;}
.das-main .das-rht{ width:100%; display:flex; flex-wrap:wrap; transition:0.5s; margin-top:35px;}
.das-main .das-rht a{ background:#f0f0ff; min-height:110px; width:23%; margin-bottom:50px; padding:10px; border-radius:3px; margin-right:28px; display: flex; justify-content: center; position:relative; transition:0.5s;}
.das-main .das-rht a:hover{ transition:0.5s; box-shadow:0 2px 0px 0 rgba(48,56,169,.15)}
.das-main .das-rht a:nth-child(1) .frm-lnk span{ background:#005dab;}
.das-main .das-rht a:nth-child(2) .frm-lnk span{ background:#ccc21a;}
.das-main .das-rht a:nth-child(3) .frm-lnk span{ background:#2ea00b;}
.das-main .das-rht a:nth-child(4) .frm-lnk span{ background:#06aed9;}
.das-main .das-rht a:nth-child(5) .frm-lnk span{ background:#b034a9;}
.das-main .das-rht a:nth-child(6) .frm-lnk span{ background:#3038a9;}
.das-main .das-rht a:nth-child(7) .frm-lnk span{ background:#d88344;}
.das-main .das-rht a:nth-child(8) .frm-lnk span{ background:#e55454;}
.das-main .das-rht a:after{ margin: 0; padding: 0; position: absolute; content: ""; left: 0; transition: all 0.5s ease 0s; width: 0;}
.das-main .das-rht a:nth-child(4n+4){ margin-right:0px;}
.das-main .das-rht a .frm-lnk{ text-align:center; width:100%; display: flex; align-items: end; justify-content: center;}
.das-main .das-rht a .frm-lnk span{ transition:0.5s; border-radius:50px; background:#7d7c7c; display: block; position: absolute; top: -25px; width:75px; height:75px; padding:25px 0px; transition:all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);}
.das-main .das-rht a .frm-lnk span i{ text-align: center; font-size:26px; color: #fff; transition:0.5s;}
.das-main .das-rht a:hover .frm-lnk span{ margin-top:-5px; background-color:#0060b0; box-shadow:none; transition:all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);}
.das-main .das-rht a:hover .frm-lnk span i{ transition:0.5s; color:#fdff00;}
.das-main .das-rht a .frm-lnk h3{ text-align: center; transition:0.5s; text-transform:uppercase; color:#555; font-size:13px; font-weight:600; padding:10px 5px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; border-top:1px solid #fff; width:100%; display:inline-block; justify-content: center; bottom: 10px; position: absolute; left:0;}
.das-main .das-rht a:hover .frm-lnk h3{ color:#ff0000; transition:all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);}

.scrollToTop{ color:#393c9f; position:fixed; bottom:52px; right:15px; display:none; font-size:26px; z-index: 9; transition: 0.6s; }
.scrollToTop:hover{ text-decoration:none; color:#008f01; transition: 0.6s; bottom: 65px;}
.scrollToTop i{ padding-top: 10px;}

.cd-accordion-menu .checkb{ opacity:100% !important; margin:4px 0px 0px -20px;}

@media only screen and (min-width: 600px) {
 h1 { font-size: 2.1rem; }
}

.cd-accordion-menu { width:auto; margin:0px 0px; padding:0; }
.cd-accordion-menu ul { display: none; padding:0; }
.cd-accordion-menu li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom:1px; list-style:none }
.cd-accordion-menu input[type=checkbox] { position: absolute;}
.cd-accordion-menu label, .cd-accordion-menu a { position: relative; display: block; padding: 4px 18px 4px 64px; background: #efefef; box-shadow: inset 0 -1px #D0D0D0; color: #ffffff; font-size:14px; border-radius:0px 4px 4px 0px; color:#555; margin-bottom:2px;}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover { background: #c3c3c3; color:#fff; }
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after { content: ''; display: inline-block; width: 15px; height: 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.cd-accordion-menu label { cursor: pointer;}
.cd-accordion-menu label::before, .cd-accordion-menu label::after { background-image:url(../images/cd-icons.svg); background-repeat:no-repeat;}
.cd-accordion-menu label::before { left: 18px; background-position: 0 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg);}
.cd-accordion-menu label::after { left: 41px; background-position: -16px 0;}
.cd-accordion-menu a::after { left: 36px; }
.cd-accordion-menu input[type=checkbox]:checked + label::before { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.cd-accordion-menu input[type=checkbox]:checked + label::after { background-position: -32px 0;}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { display: block; }
.cd-accordion-menu ul label, .cd-accordion-menu ul a { background: #f8eded; box-shadow: inset 0 -1px #f7f2f2; padding-left: 82px; border-radius:0; color:#555;}
.cd-accordion-menu ul label, .cd-accordion-menu ul a:first-child { border-radius:0px 3px 3px 0px; cursor:pointer !important;}
.cd-accordion-menu ul label, .cd-accordion-menu ul a:first-child { cursor:pointer;}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover { background: #e5e1e1; color:#555; cursor:auto;}
.cd-accordion-menu ul label::before { left: 36px;}
.cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after { left: 59px;}
.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a { padding-left: 100px;}
.cd-accordion-menu ul ul label::before { left: 54px;}
.cd-accordion-menu ul ul a::after { left: 77px;}
.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a { padding-left: 118px;}
.cd-accordion-menu ul ul ul label::before { left: 72px;}
.cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after { left: 95px;}

@media only screen and (min-width: 600px) {
 .cd-accordion-menu label, .cd-accordion-menu a { padding: 4px 10px 3px 65px; font-size:14px; font-weight:400; color:#444; }
 .cd-accordion-menu label::before { left:10px; }
 .cd-accordion-menu label::after { left: 37px; }
 .cd-accordion-menu ul label, .cd-accordion-menu ul a { padding-left:90px; }
 .cd-accordion-menu ul label::before { left: 35px; }
 .cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after { left: 62px; }
 .cd-accordion-menu ul ul label,
 .cd-accordion-menu ul ul a { padding-left:100px; }
 .cd-accordion-menu ul ul label::before { left: 72px; }
 .cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after { left: 101px; }
 .cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a { padding-left: 154px; }
 .cd-accordion-menu ul ul ul label::before { left: 96px; }
 .cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after { left: 125px; }
}

.cd-accordion-menu.animated label::before { -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}
.bg2{ background:#fff; border:1px solid #dedede; padding:0px 5px !important; border-radius:3px;}
.bg2 .label1 label{ background:none;}
.label1 label:before, .label1 label:after{ background-image:none; background:none;}
.accord{ border-right:1px dashed #d8d8d8;}
.accord:last-child{ border-right:none;}
.mdl-hdr { background: #e3141f; border-bottom: 4px solid #e8e8d4; padding:15px 15px 10px; color: #fff; border-radius:3px 0px 3px 0px;}
.mdl-hdr { color: #fff; }
button.close { color: rgba(255,255,255,0.7) !important; }
.modal-title1{ color:#fff; font-size:20px;}
.modal-content{ border-radius: 15px 15px 15px 15px; box-shadow: 10px solid rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.05);}
#myModalEdit .modal-body iframe .body-content{ min-height:300px !important}

/* Question Paper Create section */
.inst_title{ display: flex; flex-direction: column; width: 100%; text-align: center;background: #f8f8f8;padding: 20px 0px;margin-bottom: 10px;}
.inst_title h1{ font-size: 20px; font-weight: 600; color: #000; display: flex; flex-direction: row; width: fit-content; margin: 0px auto 5px; border-bottom: 2px dotted #ddd; padding: 0px 20px 15px 20px; align-items:center;}
.inst_title h1 span{ font-size: 15px; font-weight: 400; color: #333; padding-top: 5px; }
.inst_title h1 img{ max-height: 70px; margin-right: 20px;}
.inst_title h1 div{ display: flex; flex-direction: column;}
.inst_title h2{ font-size: 22px; font-weight: 800; color: #000 !important; margin: 15px 0px 0px; display: flex; flex-direction: column; text-transform: uppercase; /*! border-bottom: 1px solid #eee; */ padding: 0px 0px 0px;}
.inst_title h2 span{ font-size: 16px; text-transform: none; margin-bottom: 7px; font-weight: 500;}
.inst_title h2 strong{ font-size: 15px; text-transform: none; margin-top: 7px; font-weight: 500;}

.inst_title h3{ font-weight: 800; color: #000 !important; margin: 15px 25px 0px; display: flex; flex-direction: row; justify-content: space-between; text-transform: uppercase; border-top: 1px solid #eee; padding: 8px 0px 0px;}
.inst_title h3 span{ font-size: 14px; text-transform: none; margin-top: 5px; padding: 0px 0px;font-weight: normal;}
.inst_title h3 span::before{ display: none;}
.inst_title h3 span::after{ display: none;}

.ques_body{ display:flex; flex-direction: column; width:100%; padding:0px 00px;}
.ques_body .ques_title{ display:flex; flex-direction: row; width:100%; align-items:center; justify-content: space-between; text-align:center; border-bottom: #ddd 2px dotted; padding-bottom: 8px; margin-bottom: 20px; margin-top: 50px;}
.ques_body .ques_title h1{ font-size: 18px; font-weight: 600; color: #000; display: flex; flex-direction: column; }
.ques_body .ques_title h1 span{ font-size: 15px; font-weight: 400; color: #333; padding-top: 5px; }
.ques_body .ques_title h2{ font-size: 15px; font-weight: 800; color: #000; display: flex; flex-direction: column; width:120px;}
.ques_body .ques_title .empty{ width:120px;}

.quesset_bar{ display: flex; width: 100%; flex-wrap: wrap;}
.quesset_bar .quesset_item{ background: #16549f; padding: 7px 10px; font-size: 14.5px; color: #fff; border-radius:3px; margin-right:3px; cursor:pointer; }
.quesset_bar .quesset_item:hover{ background: #00295b; color: #fff; }
.quesset_bar .active{ background: #e97300; color: #fff; }

.quesset_quesbox{ display: flex; justify-content: center; width: 100%; padding: 40px 20px 30px; flex-wrap: wrap;}
.quesset_quesbox .quesbox_item{ width: 200px; height: 180px; background: linen; border-radius: 5px; justify-content: center; display: flex; flex-direction: column; align-items: center; margin:0px 10px 10px 0px; }
.quesset_quesbox .quesbox_item i{ font-size: 50px; height: 75px; margin-bottom:10px; padding-top: 15px; color: #604831;}
.quesset_quesbox .quesbox_item h1{font-size: 15px; font-weight: 600; color: brown; margin-bottom:5px;}
.quesset_quesbox .quesbox_item .btnarea{ border-top: #fff 1px solid; padding-top: 10px; margin-top: 5px; color: #fff; width:100%; text-align:center;}
.quesset_quesbox .quesbox_item .btnarea .btn-warning{ color:#000;}

.ques_set_title{ display: flex; width: 100%; justify-content: center; padding-top: 20px; color: #c20000; font-size: 23px; text-transform: uppercase; margin-bottom: -30px; font-weight: 700;}

.cust-tab{ margin-top:30px;}
.cust-tab .nav-tabs{ text-align:center; border-bottom:1px solid #fff;}
.cust-tab .nav-tabs > li{ display:inline-block; margin:0 5px 0 0;}
.cust-tab .nav-tabs-custom{ margin-bottom:0;}
.cust-tab .nav-tabs-custom > .nav-tabs > li{ background-color: #fff; border-left: 1px solid #e5e5e5; border-radius:0; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-radius:4px 4px 0 0; padding:7px 0px;}
.cust-tab .nav-tabs-custom > .tab-content{ background-color:#f9f9f9; padding:12px 20px 25px; border:0 none; border:1px solid #e5e5e5; margin-top:-2px; color:#555; float:left; width:100%;}
.cust-tab .nav-tabs-custom > .tab-content p{ text-align:justify}
.cust-tab .nav-tabs > li{ position:relative;}
.cust-tab .nav-tabs > li > a{ position:relative; z-index:510; padding:11px 15px 11px; font-size:15px; color:#666;}
.cust-tab .nav-tabs > li > a >i{ color:#999}
.cust-tab .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background:#f3f3f3; color:#eb1c27; border-color:#f9f9f9;}
.cust-tab .nav-tabs > li:before{ -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); visibility:hidden; opacity:0; content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:#f1f3fc; z-index:1;}
.cust-tab .nav-tabs > li:hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1;}
.cust-tab .nav-tabs > li > a:hover{background:#f9f9f9; color:#333;}
.cust-tab .tab_list{ float:left; width:100%}
.cust-tab .tab_list h2{font-size:18px; font-weight:300; color:#999; padding:10px 0; margin:0;}
.cust-tab .tab_list .txt-col1{ float:left; width:48%; margin-right:22px}
.cust-tab .tab_list .txt-col2{ float:left; width:48%;}
.cust-tab .tab_list span{ display:block; border-bottom:1px solid #dedede; color:#304056; background:#fff; padding:8px 12px; margin-bottom:4px; float:left; width:100% }
.cust-tab .tab_list span strong{ display:inline-block; width:30%; text-transform:uppercase; font-size:12px; margin-right:10px; color:#323a23;}
.cust-tab .tab_list span div.txt-info{ width:65%; display:inline-block; border-left:2px dotted rgb(0,0,0,0.1); padding-left:10px; color:#888 }
.cust-tab .tab_list span i.fa{ width:30px;}
.cust-tab .tab_list ul.iview-list{ margin:0; padding:0;}
.cust-tab .tab_list ul.iview-list li{ list-style:none; padding:4px 0}
.cust-tab .tab_list2{ float:left; width:100%}
.cust-tab .tab_list2 h2{font-size:18px; font-weight:300; color:#999; padding:10px 0; margin:0;}
.cust-tab .tab_list2 span{ display:block; border-bottom:1px solid #dedede; color:#304056; background:#fff; padding:8px 12px; margin-bottom:4px; float:left; width:100% }
.cust-tab .tab_list2 span strong{ display:inline-block; width:48%; text-transform:uppercase; font-size:12px; margin-right:10px; color:#323a23;}
.cust-tab .tab_list2 span div.txt-info{ width:44%; display:inline-block; border-left:2px dotted rgb(0,0,0,0.1); padding-left:10px; color:#888}
.cust-tab .tab_list2 span i.fa{ width:30px;}
.cust-tab .edt-btn{ padding-bottom:12px}
.cust-tab .m-video{ float:left; width:25%; margin-right:20px;}
.cust-tab .m-video iframe{ border-radius:3px}
.fix{ background-color:#1fa309; border-radius:3px; color:#fff; font-size:13px; padding:1px 10px;}

.clr-open{ color:#26aaf5; background-color:#fff; }
.clr-progress{ color:#369a47; background-color:#fff; }
.clr-resolved{ color:#7fa736; background-color:#fff; }
.clr-verified{ color:#9261c6; background-color:#fff; }
.clr-closed{ color:#2b3d51; background-color:#fff; }
.clr-reopened{ color:#8e5210; background-color:#fff; }
.clr-duplicate{ color:#3240fd; background-color:#fff; }
.clr-hold{ color:#ff7aa3; background-color:#fff; }
.clr-customer{ color:#ff0009; background-color:#fff; }
.clr-create{ color:#ff0009; background-color:#fff; }
.clr-history{ color:#ff0009; background-color:#fff; }

.cust-tab2{ margin-top:20px;}
.cust-tab2 .nav-tabs{ text-align:center; border-bottom:1px solid #fff;}
.cust-tab2 .nav-tabs > li{ display:inline-block; margin:0;}
.cust-tab2 .nav-tabs-custom{ margin-bottom:0; background:#f9f9f9}
.cust-tab2 .nav-tabs-custom > .nav-tabs > li{ background-color: #dde2e0; border-top: 1px solid #d4d8d6;border-left: 1px solid #d4d8d6; border-right: 1px solid #d4d8d6; border-radius:4px 4px 0 0;}
.cust-tab2 .nav-tabs-custom > .tab-content{background-color:#fff; padding:12px 15px; border:0 none; border:1px solid #d4d8d6; margin-top:-2px;}
.cust-tab2 .nav-tabs-custom > .tab-content h3{ font-size:16px; text-transform:uppercase; display:inline-block; width:100%; color:#444; margin-top:0 }
.cust-tab2 .nav-tabs > li{ position:relative; margin:0 5px 0 0}
.cust-tab2 .nav-tabs > li > a{ position:relative; z-index:510; padding:2px 12px; font-size:16px; color:#333; border-bottom:1px solid #d4d8d6;}
.cust-tab2 .nav-tabs-custom > .nav-tabs > li.active{ border-bottom:none; border-bottom-color:#fff}
.cust-tab2 .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background:#fff; color:#333; border-bottom-color:#fff; }
.cust-tab2 .nav-tabs-custom > .nav-tabs > li.active > a .fa-caret-right {transition: all 0.5s ease 0; transform: rotate(90deg);}
.cust-tab2 .nav-tabs > li:before{ transform: scaleX(0); transform-origin: 50% 50% 0; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out;visibility: hidden; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #e7ecea; z-index:1;}
.cust-tab2 .nav-tabs > li:hover:before{ transform: scaleX(1); visibility: visible; opacity: 1;}
.cust-tab2 .nav-tabs > li > a:hover{background:none transparent; color:#333;}
.cust-tab .tab_list{ float:left; width:100%}
.cust-tab .tab_list h2{font-size:18px; font-weight:300; color:#999; padding:10px 0; margin:0;}
.cust-tab .tab_list .txt-col1{ float:left; width:48%; margin-right:22px}
.cust-tab .tab_list .txt-col2{ float:left; width:48%;}
.cust-tab .tab_list span{ display:block; border-bottom:1px solid #dedede; color:#304056; background:#fff; padding:8px 12px; margin-bottom:4px; float:left; width:100% }
.cust-tab .tab_list span strong{ display:inline-block; width:30%; text-transform:uppercase; font-size:12px; margin-right:10px; color:#323a23; }
.cust-tab .tab_list span div.txt-info{ width:65%; display:inline-block; border-left:2px dotted rgb(0,0,0,0.1); padding-left:10px; color:#888 }
.cust-tab .tab_list span i.fa{ width:30px;}
.cust-tab2 .nav-tabs-custom > .tab-content .subtab-list{ float:left; width:100%; border-bottom:1px solid #dedede; padding:4px 8px; margin-bottom:6px; border-left:4px solid #dedede; }
.cust-tab .tab_list span ul{ margin:0; padding:0;}
.cust-tab .tab_list span ul li{ line-height:2.0; background:url(../images/bullet2.png) left top 11px no-repeat; padding-left:15px; list-style:none; color:#444;}
.list1{ width:44%;}
.list2{ width:55%;}
.display td, .display th{ vertical-align:middle;}
.subtab-list .lside{ float:left; width:50%; font-weight:500; color:#666}
.subtab-list .rside{ float:left; width:50%; color:#777}
.bg-form{ background:#fef8f8; padding:20px; margin-bottom:18px; border-bottom:1px solid #efe7e7;}
.add-table{ font-size:14px;}
.add-table label{ color:#333; font-weight:600 !important;}

.sch-btn .switch { position:relative; display:inline-block; width:60px; height:26px; margin:0px;}
.sch-btn .switch input { opacity:0; width:0; height:0;}
.sch-btn .slider { position: absolute; cursor: pointer; top: 0; left:3px; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition:.4s; height: 23px; width:45px;}
.sch-btn .slider:before { position:absolute; content:""; height:15px; width:15px; left:3px; bottom:4px; background-color:white; -webkit-transition: .4s; transition:.4s;}
.sch-btn input:checked + .slider { background-color:#f4ca35;}
.sch-btn input:checked + .slider:before { -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px);}
.sch-btn .slider.round { border-radius:34px;}
.sch-btn .slider.round:before { border-radius:50%;}

.usr-tbl .table-bordered td, .table-bordered th{ border: 1px solid #efefef;}
.frm-radio{ display:flex; padding:2px 5px 2px 00px; flex-wrap: wrap; }
.frm-radio label{ padding:4px 25px 4px 05px !important; display:flex; font-size:14px; margin-right:5px; align-items:center; margin-bottom: 0; }
.frm-radio label:last-child{ border-right:0 none;}
.frm-radio label input{ margin-right:3px;}
.rto-btn-yes{ border-radius: 50px; background-color:#353d9f; color: #fff;}
.rto-btn-no{ border-radius: 50px; background-color:#999; color: #fff;}

.form-group div.infotext{ font-size: 14px; color: #fff; font-weight: 400; background: darkblue; padding: 2px 10px 5px; border-radius: 5px; border: #00008b 1px solid; text-align:left;}
.form-group div.infotext span{ font-weight: 900; font-size: 18px; color: #ffb300;}

.formbg1{ background: #fff; font-weight: bold; display: inline-block; width: 100%; padding-top: 20px; border-radius: 10px;border: #f9eae0 1px solid;}
.formbg1 label{ color:#000; font-weight:bold; }
.formbg1 h4{ color:#001aa4 !important;}

.form-box-main{ width: 100%; margin-top:18px;}
.form-box-main .form-box{ width: 100%; display: flex; align-items: center; padding:8px 10px; background-color: #f3f3f3; border-radius:3px;}
.form-box-main .form-box .form-title{ margin-right: 20px;}
.form-box-main .form-box .form-title h2{ margin: 0; font-size: 16px; color: #444; text-transform: uppercase; font-weight: 500;}
.form-box-main .frm-title{ margin-top:2px;}
.form-box-main .frm-title h2{ background-color: transparent; padding: 10px; color: #666; margin-bottom: 30px;}

.incident-thumb{ width: 100%; display:grid; grid-template-columns: repeat(4,1fr); padding: 10px; gap: 10px;}
.incident-thumb .incident-thumb-box{ border: 1px solid #eee; padding: 5px; display: flex; align-items: center; justify-content: center;}
.incident-thumb .incident-thumb-box span{ display: flex; align-items: center; justify-content: center; width: 100%;}

.cases-top-lnk{ width:100%; display:flex; justify-content:space-between; margin:0px 0px 15px; align-items: center; background-color: #eee; padding:10px 10px; border-radius: 3px;}
.cases-top-lnk h2{ margin:0; font-size:16px; text-transform:uppercase; color:#ff0000;}
.cases-top-lnk span a{ display:inline-block; background-color:#029ae1; color:#fff; padding:2px 15px; border-radius:50px; font-size:14px; border:1px solid #029ae1;}
.cases-top-lnk span a i{ padding-right:4px; font-size:13px; padding-right:6px;}
.cases-top-lnk span a:hover{ background-color:transparent; border:1px solid #029ae1; color:#029ae1;}
.cases-top-lnk .rht-lnk{ width:35%; display: flex; justify-content: flex-end;}
.cases-top-lnk small{ margin-right: 5px;}
.cases-top-lnk small a{ display:inline-block; background-color:#f26767; color:#fff; padding:2px 15px 3px; border-radius:50px; font-size:14px; border:1px solid #f26767;}
.cases-top-lnk small a i{ padding-right:4px; font-size:13px; padding-right:6px;}
.cases-top-lnk small a:hover{ background-color:transparent; border:1px solid #f26767; color:#f26767;}

.top-lnk{ padding:2px 0px 2px 0px; width:100%; margin-bottom:15px; display:flex; justify-content: space-between; align-items:center;}
.radio-btn{ display:flex;}
.radio-btn label{ padding:5px 19px 5px 19px !important; display:flex; border-right:1px solid #fff; margin-bottom:0; font-size:13px; margin-right:3px;}
.radio-btn label:last-child{ border-right:0 none;}
.radio-btn label input{ margin-right:3px;}
.top-lnk span a{ display:inline-block; background-color:#029ae1; color:#fff; padding:2px 15px; border-radius:50px; font-size:14px; border:1px solid #029ae1;}
.top-lnk span a i{ padding-right:4px; font-size:13px; padding-right:6px;}
.top-lnk span a:hover{ background-color:transparent; border:1px solid #029ae1; color:#029ae1;}

.low{ background-color:#ff9f40; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px;}
.medium{ background-color:#7fa736; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px;}
.high{ background-color:#ff4943; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px;}
.low i, .medium i, .high i{ font-size:12px; padding-right:5px;}

.chk-box{ padding:5px 15px; display:flex; align-items:center; flex-wrap:wrap;}
.chk-box a{ font-size:14px; margin-left:6px;}
.note{ width:100%; font-size:12px; color:#ff0000; padding:6px 0px 0px; font-weight:400}

.dte-picker input{ border: 1px solid #ddd; border-radius: 5px; padding: 2px 4px;}

.pro-lst{ margin:0px 0px; width:100%;}
.pro-lst .toplnk{ width:100%; text-align:right; display:flex; justify-content: flex-end; margin:10px 0px;}
.pro-lst:last-child{ border-bottom:0 none }

.inr-tle{ width:100%; margin:20px 0px 0px;}
.inr-tle h1{ box-shadow:none !important; text-align:left !important; padding:0px !important; font-weight:500 !important; font-size:16px !important; background-color:transparent !important; color:#1191bf !important; border-bottom:1px dotted #ddd !important; padding-bottom:7px !important;}

.tax-invoice .table th:first-child{ border-radius: 0px;}
.tax-invoice .table th:last-child{ border-radius: 0px;}
.tax-invoice .table{ margin-bottom: 25px;}
.tax-invoice table strong{ color: #333; }
.disclaimer{ background-color: #f4f5f9; padding:10px 2px 10px 10px; border-radius: 5px;}
.tax-header{ font-size: 22px; color: #ea2529; margin-top: 25px;}

.tbl-not{ width:100%; display:flex; justify-content:space-between; margin:2px 0px 0px; padding:1px 0px 0px 5px; background-color:#f6f6f6; border-radius:3px;}
.tbl-not b{ font-size:9px; color:#888; font-weight:500; letter-spacing:0.5px; text-transform:uppercase;}
.tbl-not small{ background-color:#979695; padding:1px 8px 0px; color:#fff; border-radius:3px; font-size:9px; letter-spacing:0.5px; text-transform:uppercase;}
.chrt-lnk{ width:100%; text-align:center; display:flex; justify-content:center; margin:20px 0px -20px;}
.chrt-lnk a{ background-color:transparent; border:1px solid #e5e4e4; border-radius:50px; text-align:center; padding:3px 15px; color:#555; font-size:10px; font-weight:500; transition:0.4s; margin:2px; text-transform:uppercase; letter-spacing:0.5px}
.chrt-lnk a:hover{ border:1px solid #fc6469; color:#fc6469; background-color:transparent}
.chrt-lnk a.active{  background-color:#e5e4e4; border:1px solid #e5e4e4; border-radius:50px; text-align:center; padding:3px 15px; color:#555; transition:0.4s;}
.chrt-lnk a.active:hover{ border:1px solid #fc6469; color:#fc6469; background-color:transparent}

.usr-prfle-main{ width: 100%; padding:0px;}
.usr-prfle-main .usr-det{ display: flex; width: 100%; align-items: center; padding-bottom:20px; border-bottom: 2px dotted #c5c8d7; margin-bottom:20px;}
.usr-prfle-main .usr-det .usr-image{ width: 18%; border-right:2px solid #f0f1f7; margin: 10px 0px; display: flex; justify-content: center;}
.usr-prfle-main .usr-det .usr-image span{ height:190px; width:150px; display: flex; /*background-color: #f0f1f7;*/ background-color: #fff; border-radius: 5px; padding: 5px; position:relative; align-items: center; border: 1px solid #e4e5ee;}
.usr-prfle-main .usr-det .usr-image span img{ object-fit: contain; width: auto; height: auto; margin: 0 auto; border-radius:5px;}
.usr-prfle-main .usr-det .usr-image span a{ position:absolute; right:15px; bottom:-10px;}
.usr-prfle-main .usr-det .usr-image span a i{ color: #fff; font-size: 15px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color:#f95057; border: 2px solid #fff; transition: 0.4s;}
.usr-prfle-main .usr-det .usr-image span a i:hover{ transition: 0.4s; background-color:#6a26a1;}
.usr-prfle-main .usr-det .usr-pstn{ width: 82%; padding: 15px 15px 15px 20px;}
.usr-prfle-main .usr-det .usr-pstn h2{ margin: 0px 0px 12px; font-size: 20px; font-weight: 500; color: #e9191d; text-transform: uppercase; }
.usr-prfle-main .usr-det .usr-pstn h3{ margin: 3px 0px; font-size: 13px; font-weight: 400; color: #444; display: flex; align-items: center;}
.usr-prfle-main .usr-det .usr-pstn h3 small{ margin: 0; margin-left: 10px; padding-left: 10px; font-size: 13px; border-left: 2px dotted #5e5e5e; color: #373c9f;}
.usr-prfle-main .usr-det .usr-pstn small{ margin: 10px 0px 5px; font-size: 13px; font-weight: 400; color: #666; display: block; }
.usr-prfle-main .usr-det .usr-pstn small i{ color: #8a7399; font-size: 13px; padding-right: 2px;}
.usr-prfle-main .usr-det .usr-pstn span{ width: 100%; display: flex; align-items: center; background-color: #f1f1f1; padding: 5px 12px; border-radius: 5px;}
.usr-prfle-main .usr-det .usr-pstn span b{ font-weight:300; text-transform: uppercase; font-size: 11px; color: #555; margin-right: 12px;}
.usr-prfle-main .usr-det .usr-pstn span div i{ color:#555; font-size: 14px; }
.usr-prfle-main .usr-det .usr-pstn span div a{ border-left: 1px dotted #6e6e6e; padding-left: 10px; margin: 0px 2px;}
.usr-prfle-main .usr-det .usr-pstn span div a:last-child{ border-right: 0 none}

.usr-des-main{ width: 100%;}
.usr-des-main .usr-abt{ width: 100%;}
.usr-des-main .usr-abt h2{ margin: 0px 0px 10px; padding-bottom:5px; font-size: 16px; text-transform: uppercase; font-weight: 600; position: relative; color: #333;}
.usr-des-main .usr-abt h2:before{ position: absolute; content: ""; width: 60px; height:1px; left: 0; bottom: 0; background-color: #e0e0e0;}
.usr-des-main .usr-abt p{ text-align: justify; color: #444; line-height: 1.5;}
.usr-des-main .usr-infrn{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px;}
.usr-des-main .usr-infrn h2{ margin: 0px 0px 15px; padding-bottom:8px; font-size: 16px; text-transform: uppercase; font-weight: 600; position: relative; width: 100%; display: flex; justify-content:space-between; align-items:flex-end; color: #333;}
.usr-des-main .usr-infrn h2:before{ position: absolute; content: ""; width: 60px; height:1px; left: 0; bottom: 0; background-color: #e0e0e0;}
.usr-des-main .usr-infrn h2 span a i{ width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color: #257df6; color: #fff; font-size: 14px;}
.usr-des-main .usr-infrn ul{ padding: 0; margin: 0; width: 48%;}
.usr-des-main .usr-infrn ul li{ list-style: none; border-top:1px dotted #bababa; width: 100%; display: flex; padding: 6px 0px; align-items:center}
.usr-des-main .usr-infrn ul li:first-child{ border-top: 0 none}
.usr-des-main .usr-infrn ul li b{ font-weight:600; color:#333; width:35%; text-transform:uppercase; font-size:13px; margin-right:15px; line-height:1.4;}
.usr-des-main .usr-infrn ul li span{ width: 65%; text-align: left; font-size: 14px; color: #666;}

.form-group{ margin-bottom:15px; margin-bottom: 20px;}
.form-group .input-group-append .input-group-text{ font-size: 14px;}
.xsearchbdy .form-row .form-control{ font-size:14px; border:1px solid #dbdbdb; min-height: 35px;}
.table{ animation-name:fadeIn; animation-duration:1s; margin-bottom:0px; background-color:#fff;}
.bdr-all label{ width:100%; border:1px solid #dedede; border-radius:3px; border-left:3px solid #dedede; text-align:left; padding-left:10px; font-size: 14px}

.form-nomor{ margin: 0px auto 0px auto; display: flex; justify-content: flex-end; align-items: center; align-content: center; flex-wrap: wrap;}
.form-nomor select{ font-size: 14px; height: 33px; border-radius: 30px; border: 0px; width: auto;}

.form-row label{ color:#000; font-weight:400; padding:5px 10px; margin-bottom:2px; font-size: 15px; border-radius: 4px;}
.form-row label .fmnote{ display: block; font-size: 13px; color: #666;}
.form-row .form-control{ font-size:14px; border: 1px solid #e4e4e4;}
.form-row span.ansdis{ background: #f4f4f4; padding: 15px; margin-right: 5px; text-align: justify; font-size: 16px; color: #000; line-height: 20px; min-height: 0px; width: 100%; display: block; border-radius: 5px; }
.form-row span.ansdis1{ padding: 10px; margin: 10px 5px 0px; text-align: justify; font-size: 15px; color: #f00; line-height: 20px; width: 100%; display: block; border-radius: 5px; }
.form-row span.ansdis2{ background: #d4f7d4; padding: 10px 40px 10px 15px; margin-right: 5px; text-align: justify; font-size: 15px; color: #333; line-height: 20px; width: 100%; display: block; border-radius: 7px; border: #bbe8bb 1px solid;}
.form-row span.ansdis2:after { content: '\f00c'; right: 30px; top: 12px; opacity: 0.6; font-family: "Font Awesome 5 Free"; font-size: 20px; color: #000; font-weight: bold; position: absolute;}
.form-row span.ansdis3{ background: #fff; padding: 10px 40px 10px 15px; margin-right: 5px; text-align: justify; font-size: 15px; color: #333; line-height: 20px; width: 100%; display: block; border-radius: 7px; border: #eee 1px solid;}
.form-row span.ansdis4{ background: #f7d4d4; padding: 10px 40px 10px 15px; margin-right: 5px; text-align: justify; font-size: 15px; color: #333; line-height: 20px; width: 100%; display: block; border-radius: 7px; border: #e8b7b7 1px solid;}
.form-row span.ansdis4:after { content: '\f00d'; right: 30px; top: 12px; opacity: 0.6; font-family: "Font Awesome 5 Free"; font-size: 20px; color: #000; font-weight: bold; position: absolute;}
.form-row span.ansdis5{ background: #779ecb; padding: 10px 40px 10px 15px; margin-right: 5px; text-align: justify; font-size: 15px; color: #000; line-height: 20px; width: 100%; display: block; border-radius: 7px; border: #779ecb 1px solid;}
.form-row span.ansdis5:after { content: '\f0a5'; right: 30px; top: 12px; opacity: 0.7; font-family: "Font Awesome 5 Free"; font-size: 25px; color: #000; font-weight: bold; position: absolute;}
.form-row span.ansdis6{ font-size: 20px; color: #0c55a2; border-bottom: 2px dotted #ccc; padding-bottom: 15px; margin-bottom: 20px; width: 100%; }
.form-row span.ansdis7{ font-size: 15px; max-height: 350px; overflow-y: scroll; margin-bottom: 20px; width: 100%; border: #ddd 1px solid; padding: 20px; background-color: #f2f2f2;} 
.form-row span.ansdis7 p{ padding-bottom: 15px;}
.form-row span.ansdis7 audio{ width: 100%;}
.form-row span.ansdis7 video{ height: 100%;}
.form-row a.addlink{ font-size: 13px; margin-top: 5px; width: max-content; margin-left: 3px; text-align: right; }
.form-row a.addlink:hover{ color: darkgreen; }

.compre_ques{ padding: 20px; padding-top: 5px; background: seashell;}
.compre_ques .frm-title{ padding-left: 0px; }
.compre_ques .newtit{ font-weight: 500;}
.compre_ques .queshint{ background: #fff;}

.table > tbody > tr td .form-row span.ansdis img{ max-height: none;}
.table > tbody > tr td .form-row span.ansdis1 img{ max-height: none;}
.table > tbody > tr td .form-row span.ansdis2 img{ max-height: none;}
.table > tbody > tr td .form-row span.ansdis3 img{ max-height: none;}
.table > tbody > tr td .form-row span.ansdis4 img{ max-height: none;}
.table > tbody > tr td .form-row span.ansdis6 img{ max-height: none;}

.form-row span.ansdis1 img{ max-width: 350px !important; max-height: 150px !important; width: auto !important; height: auto !important; }
.form-row span.ansdis2 img{ max-width: 350px !important; max-height: 150px !important; width: auto !important; height: auto !important; }
.form-row span.ansdis3 img{ max-width: 350px !important; max-height: 150px !important; width: auto !important; height: auto !important; }
.form-row span.ansdis4 img{ max-width: 350px !important; max-height: 150px !important; width: auto !important; height: auto !important; }
.form-row span.ansdis5 img{ max-width: 350px !important; max-height: 150px !important; width: auto !important; height: auto !important; }
.form-row span.ansdis6 img{ max-width: 350px !important; max-height: 150px !important; width: auto !important; height: auto !important; }

.ansdis1 img{ max-width: 350px !important; max-height: 200px !important; width: auto !important; height: auto !important; }
.ansdis2 img{ max-width: 350px !important; max-height: 200px !important; width: auto !important; height: auto !important; }
.ansdis3 img{ max-width: 350px !important; max-height: 200px !important; width: auto !important; height: auto !important; }
.ansdis4 img{ max-width: 350px !important; max-height: 200px !important; width: auto !important; height: auto !important; }
.ansdis5 img{ max-width: 350px !important; max-height: 200px !important; width: auto !important; height: auto !important; }
.ansdis6 img{ max-width: 350px !important; max-height: 200px !important; width: auto !important; height: auto !important; }

.Wirisformula{ max-width: 350px !important; max-height: 120px !important; width: auto !important; height: auto !important; }

.form-row .ansdis5{ font-size: 17px; font-weight: 600; color: #013284; border-bottom: 2px dotted #ccc; padding-bottom: 10px; padding-top: 10px; }
.form-row .ansdis5 p{ max-height: none !important; font-size: 15px !important; padding-bottom: 15px; line-height: 24px !important; color: #000 !important;}
.form-row span p{ margin: 0px; padding: 0px;}
.form-row span math{ margin: 0px; padding: 0px;}
.form-row .newtit{ font-size: 15px; text-transform: uppercase; color: #000; padding: 0 0 10px 0; margin-top: 00px; width: 100%;}
.form-row .certificate{ display: flex; flex-wrap: wrap; }
.form-row .certificate img{ width: 98%; margin:0 5px ;}
.form-row .certificate .input-group-text{ margin: 5px 0 5px 5px;}
.form-row .certificate div.optrow3{padding: 10px;}
.form-row .certificate div.optrow3 label{ width: 100%; padding-right: 0px;}
.form-row .comques{ font-size: 15px; padding: 20px 20px 0px 20px; margin-top: 10px; margin-bottom: 15px; background: lavender;}
.form-row .comques b{ font-size: 15px; font-weight: 600; color: #000; }
.form-row .comques p{ font-size: 15px; font-weight: 400; color: #333; text-align: justify; display: block; width: 100%;}

.ansdis5 h4{ font-size:18px; color:brown; font-weight: 500; border-bottom: #ccc 2px dotted; width: 100%; display: block; padding-bottom: 20px; margin-bottom: 20px; margin-top: 20px; }
.ansdis5 h4 span{ font-size: 15px; color: #000; font-weight: 400; display: block; width: 100%; height: 300px; overflow-y: scroll; line-height: 20px; background: #f0f0f0; border: #e0e0e0 1px solid; padding: 20px; margin: 10px 0 0 0; text-align: justify;}
.ansdis5 h4 a{ background: firebrick; color: #fff !important; padding: 5px 10px; border-radius: 20px; margin-left: 10px; font-size:15px; font-weight:400} 
.ansdis5 h4 a:hover{ background: brown; color: #fff !important; } 
.ansdis5 h4 a span{ display: none;}
.ansdis5 h4 a.collapsed{ padding: 5px 0px !important;}
.ansdis5 h4 a.collapsed span{ display: inline !important; background: #0c55a2; border: 0px; color: #fff !important; padding: 5px 10px; border-radius: 20px; margin-left: -142px; font-size:15px; font-weight:400}
.ansdis5 h4 a.collapsed span:hover{ background: green;}

.form-row .bortop{ border-top: 1px solid #e8e8e8; padding-top: 40px; margin-top: 40px;}

/*.form-row .certificate .modal-body img{ max-height: 100% !important;}*/

a.logitems{ cursor: pointer;}

.queshint{ padding: 20px; background: #f4f4f4; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; }
.queshint img{ max-width: 350px !important; max-height: 200px !important; width: auto !important; height: auto !important; align-self: center; }

.form-row.inpt-chk-lbl{ width:100%}
.form-group label small{ display: flex; align-items: center; justify-content:space-between; font-size: 14px; background-color:#fff; padding: 5px 10px; transition: 0.4s; }
.form-group label small:hover { background-color: #f1f5f9; transition: 0.4s;}
.form-group label small input[type="checkbox"], input[type="radio"] { display:flex; align-items:center; margin:0px 0px;}
.form-group label small.corrans{ border: #ccc 1px solid; padding: 0px; border-radius: 30px; margin-right: 3px;}
.form-group label small.bgcol{ background-color: cornsilk;}
.form-group .corrans small{ background: #164397; font-size: 15px; text-transform: uppercase; font-weight: 700; color: #fff; padding: 5px 10px; border-radius: 30px;}
.form-group .corrans small:hover, .form-group .corrans small:active{ background: green;}
.form-group .corrans i{ background: #f2f2f2; font-size: 13px; font-weight: 500; color: #000; padding: 5px 10px; font-style: normal; border-radius: 30px; width: 100%;}
.form-group .cormar{ border: #e6e6e6 1px solid; border-radius: 5px;}
.form-group small.cormar{ padding: 0px; display: flex; margin-left: 10px;}
.form-group .cormar i:first-child{ font-family: "Font Awesome 5 Free"; font-weight: 700; font-size: 15px; font-weight: bold; color: #000; padding: 10px 10px;}
.form-group .cormar input{ width: 30px; border: none; text-align: center; border-right: #e4e4e4 1px solid; border-left: #e4e4e4 1px solid; border-radius: 0px;}
.form-group .cormar a{ background: #fff; margin-bottom: 0px;}
.form-group .cormar a:hover{ background: #d7e1e7; margin-bottom: 0px;}
.form-group .errmsg{ font-size: 13px; color: red; padding-left: 75px;}
.form-group a.delrow{ background: #666; font-size: 15px; font-weight: 700; color: #fff; padding: 5px 10px; border-radius: 30px;}
.form-group a:hover.delrow{ background: red; }
.form-group a.hintlink{ background-color: lightsteelblue; padding: 5px 10px; margin: 0 1px 10px 0px; font-size: 14px; color: #333; border-radius: 50px;}
.form-group a:hover.hintlink{ background-color: #6687b3; color: #fff; }

.matchques{display:flex;align-items: center;}

.custom-input { display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.custom-input1 {  height: calc(1.5em + .75rem + 2px);  font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.cert2_border{margin: 00px 0; padding:8px 25px; background-color: #fffbe5; border: #7e4242 2px solid;
 background-image:url(../images/certificate/cerset1_img1.png), url(../images/certificate/cerset1_img2.png), url(../images/certificate/cerset1_img3.png), url(../images/certificate/cerset1_img4.png), url(../images/certificate/cerset1_img7.png);
 background-position: 0% 0%, 100% 0%, 100% 100%, 0% 100%, center;
 background-repeat: no-repeat; }
.cert2-box{ width: 100%; display: flex; justify-content: center; flex-direction: column; align-content: center; margin: 10px 0px; padding: 50px 70px; min-height: 200px; align-items: center;}
.cert2-box h1{font-family: 'Merriweather', serif; font-size: 40px !important; display: block; width: 100%; text-align: center; font-weight: 800 !important; padding: 50px; position: relative; color: #662c2c;
 background-image:url(../images/certificate/cerset1_img5.png), url(../images/certificate/cerset1_img6.png);
 background-position: center top, center bottom;
 background-repeat: no-repeat;
 background-size: 40%;}
.cert2-box h2{font-family: 'Sansita Swashed', cursive; font-size: 16px; display: block; width: 100%; text-align: center; color: #000 !important;}
.cert2-box h3{font-family: 'Dancing Script', cursive; font-size: 55px; display: block; width: 100%; text-align: center; color: darkred; margin-bottom: 20px;}
.cert2-box p{ font-size: 15px; display: block; width: 100%; text-align: center; color: #333; padding-bottom:20px ;}
.cert2-box .fot{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-top: 30px;}
.cert2-box .fot span{ display: flex; justify-content: end; flex-direction: column; text-align: center; font-size: 15px; color: #000; min-width: 25%;}
.cert2-box .fot span small{ border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; margin-bottom: 23px;}
.cert2-box .fot span em{ font-size: 15px; color: #000; font-style: normal;}
.cert2-box .fot span strong{ font-size: 14px; border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; display: block;}
.cert2-box .fot img{ max-height: 35px; width: auto;}
.sigbox{ width: 350px; height: 130px; background-color: #fcfcfc; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.cert2-box .fot span span{ font-size: 13px;}

.cert3_border{margin: 00px 0; padding:8px 25px; background-color: #effae3; border: #41741c 2px solid;
 background-image:url(../images/certificate/cerset2_img1.png), url(../images/certificate/cerset2_img2.png), url(../images/certificate/cerset2_img3.png), url(../images/certificate/cerset2_img4.png), url(../images/certificate/cerset2_img7.png);
 background-position: 0% 0%, 100% 0%, 100% 100%, 0% 100%, center;
 background-repeat: no-repeat; }
.cert3-box{ width: 100%; display: flex; justify-content: center; flex-direction: column; align-content: center; margin: 10px 0px; padding: 50px 70px; min-height: 200px; align-items: center;}
.cert3-box h1{font-family: 'Merriweather', serif; font-size: 40px !important; display: block; width: 100%; text-align: center; font-weight: 800 !important; padding: 50px; position: relative; color: #2e5e0c;
 background-image:url(../images/certificate/cerset2_img5.png), url(../images/certificate/cerset2_img6.png);
 background-position: center top, center bottom;
 background-repeat: no-repeat;
 background-size: 40%;}
.cert3-box h2{font-family: 'Sansita Swashed', cursive; font-size: 16px; display: block; width: 100%; text-align: center; color: #000 !important;}
.cert3-box h3{font-family: 'Dancing Script', cursive; font-size: 55px; display: block; width: 100%; text-align: center; color: darkred; margin-bottom: 20px;}
.cert3-box p{ font-size: 15px; display: block; width: 100%; text-align: center; color: #333; padding-bottom:20px ;}
.cert3-box .fot{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-top: 30px;}
.cert3-box .fot span{ display: flex; justify-content: end; flex-direction: column; text-align: center; font-size: 15px; color: #000; min-width: 25%;}
.cert3-box .fot span small{ border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; margin-bottom: 23px; margin-bottom: 23px;}
.cert3-box .fot span em{ font-size: 15px; color: #000; font-style: normal;}
.cert3-box .fot span strong{ font-size: 14px; border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; display: block;}
.cert3-box .fot img{ max-height: 35px; width: auto;}
.sigbox{ width: 350px; height: 130px; background-color: #fcfcfc; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.cert3-box .fot span span{ font-size: 13px;}

.certi_A4-window{ height: 595px !important; width: 842px !important; overflow: hidden; margin: 10px;}
.certi_A4-cert-dummy{ height: 595px !important; width: 842px !important; position: relative; background: #fff; z-index: 2;}
.certi_A4{ height: 595px !important; width: 842px !important; margin: 10px auto !important; border: #999 1px solid; transform:scale(100%,100%);}

.certi_A4-print{ height: 595px !important; width: 842px !important; margin: 10px auto !important; border: #999 1px solid; transform:scale(200%,200%);}

.certi_model .modal-dialog{ max-width: 890px;}

.cert1_border{margin: 00px 0; border: #173f68 15px solid; padding:8px 25px; background-color: #e2edf9; transform:scale(100%,100%);}
.cert1-box{ border: #173f68 2px solid; background: #fff; width: 100%; display: flex; justify-content: center; flex-direction: column; align-content: center; margin: 22px 0px; padding: 50px 70px; min-height: 200px; align-items: center;}
.cert1-box h1{font-family: 'Merriweather', serif; font-size: 40px !important; display: block; width: 100%; text-align: center; font-weight: 800 !important; padding: 10px 0 30px;}
.cert1-box h2{font-family: 'Sansita Swashed', cursive; font-size: 16px; display: block; width: 100%; text-align: center; color: #000 !important;}
.cert1-box h3{font-family: 'Dancing Script', cursive; font-size: 55px; display: block; width: 100%; text-align: center; color: darkred; margin-bottom: 20px;}
.cert1-box p{ font-size: 15px; display: block; width: 100%; text-align: center; color: #333; padding-bottom:20px ;}
.cert1-box .fot{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-top: 30px;}
.cert1-box .fot span{ display: flex; justify-content: end; flex-direction: column; text-align: center; font-size: 15px; color: #000; min-width: 25%;}
.cert1-box .fot span small{ border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; margin-bottom: 23px;}
.cert1-box .fot span em{ font-size: 15px; color: #000; font-style: normal;}
.cert1-box .fot span strong{ font-size: 14px; border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; display: block;}
.cert1-box .fot img{ max-height: 35px; width: auto;}
.sigbox{ width: 350px; height: 130px; background-color: #fcfcfc; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.cert1-box .fot span span{ font-size: 13px;}

.cert4_border{margin: 00px 0; padding:0px 0px; background: url(../images/certificate/cer_bg1.png) no-repeat left; background-size: contain; border: #891d1f 3px solid; background-color: papayawhip;}
.cert4-box{ width: 70%; display: flex; justify-content: center; flex-direction: column; align-content: center; margin: 0px 0px 0 30%; padding: 50px 30px; min-height: 200px; align-items: center;}
.cert4-box h1{font-size: 40px !important; display: block; width: 100%; text-align: center; font-weight: 800 !important; padding: 10px 0 30px;}
.cert4-box h2{font-size: 16px; display: block; width: 100%; text-align: center; padding-top: 20px; margin-bottom: 0px; color: #000 !important;}
.cert4-box h3{font-family: 'Dancing Script', cursive; font-size: 55px; display: block; width: 100%; text-align: center; color: darkred; margin-bottom: 40px;}
.cert4-box p{ font-size: 15px; display: block; width: 100%; text-align: center; color: #333; padding-bottom:20px ;}
.cert4-box .fot{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-top: 30px;}
.cert4-box .fot span{ display: flex; justify-content: end; flex-direction: column; text-align: center; font-size: 15px; color: #000; min-width: 25%;}
.cert4-box .fot span small{ border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; margin-bottom: 23px;}
.cert4-box .fot span em{ font-size: 15px; color: #000; font-style: normal;}
.cert4-box .fot span strong{ font-size: 14px; border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; display: block;}
.cert4-box .fot img{ max-height: 35px; width: auto;}
.sigbox{ width: 350px; height: 130px; background-color: #fcfcfc; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.cert4-box .fot span span{ font-size: 13px;}

.cert5_border{margin: 00px 0; background-color: #f2f2f2; background-image:url(../images/certificate/cerset5_img1.png); background-position: 100% 100%; background-repeat: no-repeat; background-size: contain; }

.cert5-box{ width: 100%; display: flex; justify-content: center; flex-direction: column; align-content: center; margin: 22px 0px; padding: 50px 230px 50px 30px; min-height: 200px; align-items: center;}
.cert5-box h1{ font-size: 40px !important; display: block; width: 100%; text-align: center; font-weight: 400 !important; padding: 10px 0 30px;}
.cert5-box h2{font-family: 'Sansita Swashed', cursive; font-size: 16px; display: block; width: 100%; text-align: center; color: #000 !important;}
.cert5-box h3{font-family: 'Dancing Script', cursive; font-size: 55px; display: block; width: 100%; text-align: center; color: darkred; margin-bottom: 20px;}
.cert5-box p{ font-size: 15px; display: block; width: 100%; text-align: center; color: #333; padding-bottom:20px ;}
.cert5-box .fot{ display: flex; flex-direction: column-reverse; justify-content: space-between; width: 50%; padding-top: 30px;}
.cert5-box .fot span{ display: flex; justify-content: flex-end; flex-direction: column; text-align: center; font-size: 15px; color: #000; min-width: 25%;}
.cert5-box .fot span small{ border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; margin-bottom: 23px;}
.cert5-box .fot span em{ font-size: 15px; color: #000; font-style: normal;}
.cert5-box .fot span strong{ font-size: 14px; border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; display: block;}
.cert5-box .fot img{ max-height: 35px; width: auto;}
.sigbox{ width: 350px; height: 130px; background-color: #fcfcfc; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.cert5-box .fot span span{ font-size: 13px;}
.cert5-box .cert_designation{ padding-bottom: 30px;}

.cert6_border{margin: 00px 0; background-image:url(../images/certificate/cerset6_img1.png), url(../images/certificate/cerset6_img2.jpg); background-position: 0% -30px, 0% 0%; background-repeat: no-repeat; background-size: 100%, 100%; }

.cert6-box{ width: 100%; display: flex; justify-content: center; flex-direction: column; align-content: center; margin: 22px 0px; padding: 15px 50px; min-height: 200px; align-items: center;}
.cert6-box h1{ font-size: 42px !important; display: block; width: 100%; text-align: center; font-weight: 200 !important; padding: 00px 0 180px; color: #ffe06c !important; text-transform: uppercase;}
.cert6-box h2{ font-size: 16px; margin-bottom: 0px; display: block; width: 100%; text-align: center; color: #000 !important;}
.cert6-box h3{font-family: 'Dancing Script', cursive; font-size: 55px; display: block; width: 100%; text-align: center; color: darkred; margin-bottom: 20px; color: #003166;}
.cert6-box p{ font-size: 15px; display: block; width: 100%; text-align: center; color: #333; padding-bottom:20px ;}
.cert6-box .fot{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-top: 00px; align-items: center;}
.cert6-box .fot span{ display: flex; justify-content: flex-end; flex-direction: column; text-align: center; font-size: 15px; color: #000; min-width: 25%;}
.cert6-box .fot span small{ border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; margin-bottom: 10px;}
.cert6-box .fot span em{ font-size: 15px; color: #000; font-style: normal;}
.cert6-box .fot span strong{ font-size: 14px; border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; display: block;}
.cert6-box .fot img{ max-height: 35px; width: auto;}
.sigbox{ width: 350px; height: 130px; background-color: #fcfcfc; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.cert6-box .fot span span{ font-size: 13px;}

.cert7_border{margin: 00px 0; background-image:url(../images/certificate/cerset7_img1.png), url(../images/certificate/cerset7_img2.jpg); background-position: 0% 0%, 0% 0%; background-repeat: no-repeat, repeat; background-size: 100%, 100%; background-color: #fff;}

.cert7-box{ width: 100%; display: flex; justify-content: center; flex-direction: column; align-content: center; margin: 22px 0px; padding: 35px 50px; min-height: 200px; align-items: center;}
.cert7-box h1{ font-size: 22px !important; display: block; width: 100%; text-align: center; font-weight: 200 !important; padding: 115px 0 50px; color: #8a1d1f; text-transform: uppercase;}
.cert7-box h2{ font-size: 16px; margin-bottom: 0px; display: block; width: 100%; text-align: center; color: #000 !important;}
.cert7-box h3{font-family: 'Dancing Script', cursive; font-size: 55px; display: block; width: 100%; text-align: center; color: darkred; margin-bottom: 40px; color: #003166;}
.cert7-box p{ font-size: 15px; display: block; width: 100%; text-align: center; color: #333; padding-bottom:20px ;}
.cert7-box .fot{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-top: 00px; align-items: center; background: url(../images/certificate/cerset7_img3.png) no-repeat center; background-size: 9%;}
.cert7-box .fot span{ display: flex; justify-content: flex-end; flex-direction: column; text-align: center; font-size: 15px; color: #000; min-width: 25%;}
.cert7-box .fot span small{ border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; margin-bottom: 10px;}
.cert7-box .fot span em{ font-size: 15px; color: #000; font-style: normal;}
.cert7-box .fot span strong{ font-size: 14px; border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; display: block;}
.cert7-box .fot img{ max-height: 35px; width: auto;}
.sigbox{ width: 350px; height: 130px; background-color: #fcfcfc; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.cert7-box .fot span span{ font-size: 13px;}

.cert8_border{margin: 00px 0; background-image:url(../images/certificate/cerset8_img1.png), url(../images/certificate/cerset8_img2.jpg); background-position: 0% 0%, 0% 0%; background-repeat: no-repeat, repeat; background-size: 100%, 100%; background-color: #fff;}

.cert8-box{ width: 100%; display: flex; justify-content: center; flex-direction: column; align-content: center; margin: 22px 0px; padding: 35px 50px; min-height: 200px; align-items: center;}
.cert8-box h1{ display: block; width: 100%; font-size: 18px !important; display: block; width: 100%; text-align: center; font-weight: 200 !important; padding: 00px 0 40px; margin: -5px 0 0 0px; color: #333; text-transform: uppercase; letter-spacing: 2px;}
.cert8-box h1::before{content: "Certificate"; font-size: 55px !important; display: block; width: 100%; text-align: center; font-weight: 200 !important; padding: 40px 0 0px; color: #000; text-transform: uppercase; margin: 0px; letter-spacing: 25px;}
.cert8-box h2{ font-size: 16px; margin-bottom: 0px; display: block; width: 100%; text-align: center; color: #000 !important;}
.cert8-box h3{font-family: 'Dancing Script', cursive; font-size: 55px; display: block; width: 100%; text-align: center; color: darkred; margin-bottom: 40px; }
.cert8-box p{ font-size: 15px; display: block; width: 100%; text-align: center; color: #333; padding-bottom:20px ; width: 90%;}
.cert8-box .fot{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-top: 00px; align-items: center; background: url(../images/certificate/cerset8_img3.png) no-repeat center; background-size: 13%; width: 85%;}
.cert8-box .fot span{ display: flex; justify-content: flex-end; flex-direction: column; text-align: center; font-size: 15px; color: #000; min-width: 25%;}
.cert8-box .fot span small{ border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; margin-bottom: 10px;}
.cert8-box .fot span em{ font-size: 15px; color: #000; font-style: normal;}
.cert8-box .fot span strong{ font-size: 14px; border-top: #999 1px dotted; padding-top: 10px; margin-top: 10px; display: block;}
.cert8-box .fot img{ max-height: 35px; width: auto;}
.sigbox{ width: 350px; height: 130px; background-color: #fcfcfc; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.cert8-box .fot span span{ font-size: 13px;}

.cert9_border{margin: 00px 0; background-image:url(../images/certificate/cerset8_img1.jpg), url(../images/certificate/cerset8_img2.jpg); background-position: 0% 0%, 0% 0%; background-repeat: no-repeat, repeat; background-size: 100%, 100%; background-color: #fff;}

.cert9-box{ width: 75%; display: flex; justify-content: center; flex-direction: column; align-content: center; margin: 22px 0px; padding: 35px 40px; min-height: 200px; align-items: center;}
.cert9-box h1{ display: block; width: 100%; font-size: 20px !important; display: block; width: 100%; text-align: center; font-weight: 200 !important; padding: 00px 0 10px; margin: -5px 0 0 0px; color: #83ffff !important;
 text-transform: uppercase; letter-spacing: 2px;
 background-image:url(../images/certificate/cerset9_img3.png), url(../images/certificate/cerset9_img4.png);
 background-position: 18% 83%, 82% 83%;
 background-repeat: no-repeat, no-repeat; background-size: 17%, 17%; 
}
.cert9-box h1::before{content: "Certificate";  font-size: 50px; display: block; width: 100%; text-align: center; font-weight: 200; padding: 20px 0 00px; color: #83ffff; text-transform: uppercase; margin: 0px; letter-spacing: 7px;}
.cert9-box h1 small{ display: block; width: 100%; font-size: 35px; display: block; width: 100%; text-align: center; font-weight: 200; padding: 10px 0 30px; margin: 0px 0 0 0px; color: #fff; text-transform: uppercase; letter-spacing: 8px;}
.cert9-box h2{ font-size: 16px; font-weight: 400; padding-top: 50px; margin-bottom: 0px; display: block; width: 100%; text-align: center; color: #aa14f7 !important;}
.cert9-box h3{ font-size: 50px; display: block; width: 100%; padding-bottom: 10px; text-align: center; color: #fff; margin-bottom: 40px; }
.cert9-box p{ font-size: 14px; display: block; width: 100%; text-align: center; color: #fff; padding-bottom:40px ; width: 100%;}
.cert9-box .fot{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-top: 00px; align-items: center; background-size: 13%; width: 95%;}
.cert9-box .fot span{ display: flex; justify-content: flex-end; flex-direction: column; text-align: center; font-size: 15px; color: #aa14f7; min-width: 25%;}
.cert9-box .fot span small{ border-top: #aa14f7 1px dotted; padding-top: 10px; margin-top: 10px; margin-bottom: 10px;}
.cert9-box .fot span em{ font-size: 15px; color: #fff; font-style: normal;}
.cert9-box .fot span strong{ font-size: 14px; border-top: #aa14f7 1px dotted; padding-top: 10px; margin-top: 10px; display: block; color: #aa14f7;}
.cert9-box .fot img{ max-height: 35px; width: auto;}
.sigbox{ width: 350px; height: 130px; background-color: #fcfcfc; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.cert9-box .fot span span{ font-size: 13px;}

.cert10_border{margin: 00px 0; background-image:url(../images/certificate/cerset8_img1.jpg), url(../images/certificate/cerset8_img2.jpg); background-position: 0% 0%, 0% 0%; background-repeat: no-repeat, repeat; background-size: 100%, 100%; background-color: #fff;}

.cert10-box{ width: 75%; display: flex; justify-content: center; flex-direction: column; align-content: center; margin: 22px 0px; padding: 35px 40px; min-height: 200px; align-items: center;}
.cert10-box h1{ font-size: 50px !important; display: block; width: 100%; text-align: center; font-weight: 200 !important; padding: 10px 0 0px; color: #83ffff; text-transform: uppercase; margin: 0px; letter-spacing: 7px;}
.cert10-box h1 span{ display: block; width: 100%; font-size: 20px; display: block; width: 100%; text-align: center; font-weight: 200; padding: 00px 0 10px; margin: -5px 0 0 0px; color: #83ffff;
  text-transform: uppercase; letter-spacing: 2px;
  background-image:url(../images/certificate/cerset9_img3.png), url(../images/certificate/cerset9_img4.png);
  background-position: 18% 30%, 82% 30%;
  background-repeat: no-repeat, no-repeat; background-size: 17%, 17%; 
}
.cert10-box h1 small{ display: block; width: 100%; font-size: 35px; display: block; width: 100%; text-align: center; font-weight: 200; padding: 10px 0 30px; margin: 0px 0 0 0px; color: #fff; text-transform: uppercase; letter-spacing: 8px;}

.cert10-box h2{ font-size: 16px; font-weight: 400; padding-top: 10px; margin-bottom: 0px; display: block; width: 100%; text-align: center; color: #aa14f7;}
.cert10-box h3{ font-size: 50px; display: block; width: 100%; padding-bottom: 10px; text-align: center; color: #fff; margin-bottom: 30px; }
.cert10-box p{ font-size: 14px; display: block; width: 100%; text-align: center; color: #fff; padding-bottom:40px ; width: 100%;}
.cert10-box .fot{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-top: 00px; align-items: center; background-size: 13%; width: 95%;}
.cert10-box .fot span{ display: flex; justify-content: flex-end; flex-direction: column; text-align: center; font-size: 15px; color: #aa14f7; min-width: 25%;}
.cert10-box .fot span small{ border-top: #aa14f7 1px dotted; padding-top: 10px; margin-top: 10px; margin-bottom: 23px;}
.cert10-box .fot span em{ font-size: 15px; color: #fff; font-style: normal;}
.cert10-box .fot span strong{ font-size: 14px; border-top: #aa14f7 1px dotted; padding-top: 10px; margin-top: 10px; display: block; color: #aa14f7;}
.cert10-box .fot img{ max-height: 35px; width: auto;}
.sigbox{ width: 350px; height: 130px; background-color: #fcfcfc; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.cert10-box .fot span span{ font-size: 13px;}

.resultbox{ background: #e3e3e3; padding:30px 20px; display: flex; margin: 20px auto; border-radius: 20px; text-transform: uppercase; flex-wrap: wrap; width: 70%;}
.resultbox .left{ border-right: #ccc 1px solid; text-align: center; padding: 0 5% 0 5%;}
.resultbox .right{ border-left: #ccc 1px solid; text-align: center; padding: 0 5% 0 5%;}
.resultbox .left div{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; font-size: 16px; margin: 5px 0;}
.resultbox .right div{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; font-size: 16px; margin: 5px 0;}
.resultbox div span.green{background: green; width: 140px; padding: 10px; border-radius: 50px; font-size: 20px; text-transform: uppercase; font-weight: 800; color: #fff;}
.resultbox div span.gray{background: gray; width: 140px; padding: 10px; border-radius: 50px; font-size: 20px; text-transform: uppercase; font-weight: 800; color: #fff;}
.resultbox div span.red{background: #0094dd; width: 140px; padding: 10px; border-radius: 50px; font-size: 20px; text-transform: uppercase; font-weight: 800; color: #fff;}

.modal.ansmodal .modal-dialog{ max-width: 80%;}
.ansmodal .modal-body { max-height: calc(100vh - 200px); overflow: auto;}
.ansmodal .modal-header { background-color: #1890ff; color: #fff;}

.modal.logmodal .modal-dialog{ max-width: 80%;}
.logmodal .modal-body { max-height: calc(100vh - 200px); overflow: auto;}
.logmodal .modal-header { background-color: #1890ff; color: #fff;}

.ansmodal1{ top: 100px;}
.modal.ansmodal1 .modal-dialog{ max-width: 80%;}
.ansmodal1 .modal-body { max-height: calc(100vh - 260px); overflow: auto;}

.modal-body .audio{ text-align: center; margin-bottom: 10px;}
.modal-body .audio video{ width: 100%;}
.modal-body .audio audio{ width: 100%;}
.modal-body img { width: auto; height: auto; max-height: 300px; }

.form-group label small.corrans input{ margin: 0 10px;}
.mobans{ display: none;}
.mobques{ display: none;}
.rowopt{ display: flex; flex-direction: row; justify-content: space-between;}
.rowopt a{ background: #e6e6e6; display: inline-block; font-size: 14px; color: #000; padding: 3px 15px; margin: 2px; }
.rowopt a:hover{ background: #ebe0c0;}
.rowopt a:active{ background: #84c76d; color: #fff;}

#navbar .optrow1{ justify-content: center !important;}

.optrow{ display: flex; align-items: center; width: 100%; justify-content: space-around;}
.optrow1{ display: flex; align-items: center; width: 100%; justify-content: space-between;}
.optrow2{ display: flex; align-items: baseline; flex-wrap: nowrap; justify-content:flex-start; }
.optrow3{ display: flex; align-items: center; width: 100%; flex-direction: column;}
.optrow4{ width: 100%; display: flex; align-items: center; justify-content:flex-start; flex-wrap: wrap;}
.optrow5{ width: 100%; display: flex; align-items: center; justify-content:space-between;}
.optrow6{ display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.optrow7{ display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.optrow8{ display: flex; align-items: center; justify-content: center; flex-direction: row;}

.optrow2 select, .optrow2 button, .optrow2 input{ margin-right: 5px; margin-bottom: 5px;}
.sear-box{ background: gainsboro; padding: 15px 10px 5px 10px; margin: 0 0 20px 0; border-radius: 10px;}

.optrow4 select, .optrow4 button, .optrow4 input{ margin-right: 5px;}

.optrow5 select, .optrow5 button, .optrow5 input{ margin-right: 5px;}
.optrow5 .flitem{ width: 100%; padding: 0 3px;}

.optrow7 a{ margin-left: 3px;}

.delbut{ border-radius: 10px !important; font-size: 17px !important; padding: 10px 20px; margin-left: 5px; font-weight: 500;}
.delbut i{ font-size: 20px !important; padding: 5px;}

.wel_title{ font-size: 16px; color: #03569f; font-weight: 500; width: 220px; overflow: hidden; height: 20px; margin: 10px 20px; display: none;}

.switch { position: relative; display: inline-block; width: 52px; height: 25px; margin-left: 5px;}
.switch input {  opacity: 0; width: 0; height: 0;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before { position: absolute; content: ""; height: 23px; width: 23px; left: 2px; bottom: 1px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider { background-color: #2196F3;}
input:focus + .slider { box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
/* Rounded sliders */
.slider.round { border-radius: 34px;}
.slider.round:before { border-radius: 50%;}

.table td a.modulex { color:#a36df4; border:1px solid #a36df4; border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; padding-top:3px; display:inline-flex; justify-content:center; }
.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:#ff7c00; border:1px solid #ff7c00; 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: #4f7ad5; border:1px solid #4f7ad5; 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: #f73838; border:1px solid #f73838; 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: #3294fe; border:1px solid #3294fe; display:inline-block; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px;}
.table td a.activex { color:#2fa600; border:1px solid #2fa600; display:inline-block; border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; padding-top:3px; background-color: transparent; margin-top: -1px;}
.table td a.sndx { color: #3b77f2; border:1px solid #3b77f2; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px; display:inline-flex; justify-content:center;}
.table td i.sndx { color: #026436; border:1px solid #026436; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px; display:inline-flex; justify-content:center;}
.table td a.reply { color: #ad00b0; border:1px solid #ad00b0; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px; display:inline-flex; justify-content:center;}
.table td a.suspendx:hover, .table td a.activex:hover, .table td a.modulex:hover, .table td a.editx:hover, .table td a.checkx:hover, .table td a.deletex:hover, .table td a.approvex:hover, .table td a.searchx:hover, .table td a.reply:hover, .table td i.sndx:hover, .table td a.sndx:hover{ border:1px solid #999; color:#555; transition:0.4s; box-shadow: 0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26)}
.table td button.suspendx { color:#fb7713; border:1px solid #fb7713; display:inline-block; border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; padding-top:3px; padding: 0; background-color: transparent; margin-top: -1px;}
.table td button.activex { color:#2fa600; border:1px solid #2fa600; display:inline-block; border-radius:6px; font-size:12px; width:20px; height:20px; text-align:center; padding-top:3px; padding: 0; background-color: transparent; margin-top: -1px;}
.table td button.deletex { color: #ff4646; border:1px solid #ff4646; display:inline-block; border-radius:6px; font-size:13px; width:20px; height:20px; text-align:center; padding-top:3px; padding: 0; background-color: transparent;}
.table td button.suspendx:hover, button.deletex:hover, button.activex:hover{ box-shadow: 0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26); cursor: pointer; color: #555; }
.table td a.createx { color: #b72bbf; border:1px solid #b72bbf; border-radius: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.addx { color: #109802; border:1px solid #109802; 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:hover{ 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 i.status_tick{ background: green; width: 20px; height: 20px; line-height: 21px; border-radius: 50%; color: #fff; font-size: 13px; text-align: center;}
.table td i.status_xmark{ background: red; width: 20px; height: 20px; line-height: 21px; border-radius: 50%; color: #fff; font-size: 13px; text-align: center;}

.table thead th{ background-color:#8e90ac; color:#000; line-height:1.5; font-weight:500; font-size:13px; border-radius:0px 0px 0px 0px; padding:8px 5px; text-transform:capitalize; border-bottom:none;}
.table > tbody > tr td{ line-height:1.5; color:#333; padding:7px 5px 6px; border-left:0 none; border-right:0 none; font-size:14px; font-weight: 400; vertical-align: middle;}
.table > tbody > tr:nth-child(2n+2) { background-color:#f9f9f9 !important; border-bottom: #eee 1px solid; border-top: #eee 1px solid;}
.table > tbody > tr:hover{ background-color:whitesmoke !important; transition:0.4s;}
.table > tbody > tr:nth-child(2n+2):hover { background-color:whitesmoke !important;}
.table td button:hover{ animation-name: rubberBand; animation-duration: 0.5s; color: #555; border: 1px solid #999;}
.table td, .table th{ border:1px solid #eaeaea;}
.table td, .table tr:first-child th{ border-top: none; vertical-align: middle;}
.tooltip-demo{ width: 120px; text-align: center; margin: auto;}

.table > tbody > tr td.aiques{ position:relative; width: 60px;}
.table > tbody > tr td.aiques:before{ position: absolute;  content: "AI";  height: 18px;  width: 18px;  left: 0px;  bottom: unset;  background-color: #ff6000;  color: #fff;  font-size: 12px;  border-radius: 3px;  text-align: center;  line-height: 17px; }

.counts{ text-align:center; background-color:#8baabf; justify-content:center; border-radius:6px; color:#fff !important; padding:1px 7px; font-size:11px;}
.counts:hover{ color:#fff;}
.tooltip{ font-size:12px; line-height:1.3;}
.tbl-splt{ width: 100%; display: flex; justify-content: center}
.tbl-splt span{ width: 24%; display: flex; justify-content: center; align-items: center; border-right: 1px solid rgba(0,0,0,0.12)}
.tbl-splt span:last-child{ border-right: 0}

.shereport{ margin-top: 20px; padding-top: 20px; border-top: #ccc 2px dotted;}
.shereport h2{ font-size: 20px !important; margin: auto; text-align: center; text-transform: uppercase; color: #641f0e; border-left: #e8d2b5 3px solid; border-right: #e8d2b5 3px solid; background: antiquewhite; padding: 7px 0px; margin-bottom: 10px; border-radius: 6px; font-weight: 800; }
.shereport .repoarea{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.shereport .repoarea .chabox{ width: 49%; margin: 10px 0; border: #e8e8e8 1px solid; border-radius: 10px; text-align: center;}
.shereport .repoarea .chabox img{ width: auto; height: auto; max-height: 225px; margin: 15px auto;}
.shereport .repoarea .chabox h3{ font-size: 17px; background: #f0f0f0; border-radius: 8px 8px 0 0; color: #333; border-bottom: #e8e8e8 1px solid; padding: 6px 10px; margin-bottom: 10px; }

.des-liveexam{ background-color: #fff; border: #64b0f2 1px solid; padding: 10px; position: relative; margin-bottom: -7px; width: 100%; margin-top: 7px;}
.des-liveexam h2{ font-size: 15px; font-weight: 500; color: #666; text-transform: none; padding-bottom: 10px;}
.des-liveexam h2 span{ font-size: 15px; font-weight: 500; color: #005da1; text-transform: none; padding-left: 5px; display: inline-block;}
.des-liveexam span{ font-size: 13px; color:#666; display: flex; flex-direction: row; align-items: center;}
.des-liveexam small{ background-color: gainsboro; color: #000; font-weight: 400; padding: 0px 7px; margin: 0 5px; border-radius: 5px; border: none;}
.des-liveexam small:hover{ background-color: gainsboro; color: #000; border: none;}
.des-liveexam .live{ position: absolute; font-size: 12px; background-color: red; color: #fff; padding:0px 5px; top: 3px; right: 3px; animation-name: flash; animation-duration: 1.5s; animation-iteration-count: infinite;}
.org-tab-hed .custom-select{ font-size: 14px; border: 1px solid #e5e6f0; width: auto; }

.des-liveht{ max-height: 410px;}
.des-liveht1{ max-height: 550px;}

.course-frm{ display:flex; align-items: center; float: left; align-items: normal; flex-wrap: wrap;}
.course-frm .editor{ display: flex; align-items: center; justify-content: right;}
.course-frm div img{ height: auto;}
.course-frm .form-control { font-size:14px; border:1px solid #e4e4e4; padding:4px 5px; font-size:13px !important; color:#474747; min-height: 34px; border-radius:4px; overflow: auto; margin-right: 10px;}
.course-frm .fmnote{ font-size: 13px; color: #666;}
.course-frm h1{ font-size:16px; color:black; font-weight: bold;}
.course-frm h2{ font-size:20px; color:red; font-weight: bold;}
.course-frm h2 span{ font-size:16px; color:#666; font-weight: normal;}
.course-frm h3{ font-size:19px; color:brown; font-weight: 500; border-bottom: #ccc 2px dotted; width: 100%; display: block; padding-bottom: 30px; }
.course-frm h3 a{ background: lavender; padding: 5px 15px; border-radius: 20px; margin-left: 10px; font-size:15px; font-weight:400} 
.course-frm label.imgbox{ background: #fff; border-radius: 10px; padding-left: 15px; display: flex; align-items: center; border: #dfdfdf 1px solid;}
.course-frm1{ display:flex;}
.course-frm1{ margin-bottom:0;}
.wrap-frm{ flex-wrap: wrap;}
.fulen-frm{ flex-direction: column; justify-content: flex-start; align-items: stretch; width: 100%; padding: 0 5px;}
.course-fm{ background:linear-gradient(#fafafa, #ffffff); border:1px solid #ddd; border-radius:3px; margin-bottom:15px;}
.course-fm label{ color:#333; padding-top:5px;}
.course-fm1{ background:linear-gradient(#fafafa, #ffffff); border:1px solid #ddd; border-radius:3px; margin-bottom:15px;}
.course-fm1 label{ color:#333; padding-top:5px;}
.frm-title{ width: 100%; display: block; margin-bottom: 25px; margin-top: 00px; display: flex; flex-direction: row; width: 100%; justify-content: space-between; padding: 10px 10px; font-size: 20px; border-bottom: 1px solid rgba(0,0,0,0.12);}
.frm-title h2{ margin: 0; font-size: 20px; color: #000; text-transform: uppercase; font-weight: 400; display: flex; align-items: center;justify-content: space-between;}
.frm-title h2 span{ text-transform: none; padding-left:5px}
.frm-title .editor{ margin: 0; font-size: 15px; color: #4e6286; font-weight: 400; display: flex; align-items: center; justify-content: space-between;}
.frm-title .editor button{ margin-right: 5px;}
.frm-title .status{ font-size: 16px; color: #000;}
.frm-title .status .live { color: #fff !important; background-color: #f00; padding: 2px 5px; text-transform: uppercase; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 3px; }
.frm-title .status .completed { color: #fff !important; background-color: green; padding: 2px 5px; text-transform: uppercase; display: inline-block; font-size: 14px; font-weight: 500;}
.frm-title .status .price { color: #fff !important; background-color: green; padding: 2px 5px; text-transform: uppercase; display: inline-block; font-size: 17px; font-weight: 500;}
.frm-title .chatarea{ font-size: 15px; display: flex; flex-direction: row;}
.frm-title .chatarea a.announ{ background-color: orange; width: max-content; padding: 2px 15px 2px 2px; border-radius: 50px; color: #000; display: flex; align-items: center; font-weight: 500; }
.frm-title .chatarea a.announ i{ color: #000; background: #fff; border-radius: 50px; width: 30px; height: 30px; line-height: 30px; text-align: center; margin-right: 5px;}
.frm-title .chatarea a.announ:hover{ background-color: green; color: #fff; }
.frm-title .chatarea a.announ:hover i{ color: #000;}
.frm-title .chatarea a.chat{ background-color: #64b0f2; width: max-content; padding: 2px 15px 2px 2px; border-radius: 50px; color: #000; display: flex; align-items: center; font-weight: 500; margin: 0px 5px; }
.frm-title .chatarea a.chat i{ color: #000; background: #fff; border-radius: 50px; width: 30px; height: 30px; line-height: 30px; text-align: center; margin-right: 5px;}
.frm-title .chatarea a.chat:hover{ background-color: green; color: #fff; }
.frm-title .chatarea a.chat:hover i{ color: #000;}

.frm-title3{ width: 100%; display: block; display: flex; flex-direction: row; width: 100%; justify-content: space-between; background: #e3e3e3; padding: 10px 15px; font-size: 20px; }
.frm-title3 h2{ margin: 0; font-size: 18px; color: #193671; text-transform: uppercase; font-weight: 500; display: flex; align-items: center;justify-content: space-between;}

.frm-title4{ width: 100%; display: block; display: flex; flex-direction: row; width: 100%; justify-content: space-between; padding: 0px 20px; margin: 0px; font-size: 20px; }
.frm-title4 h2{ font-size: 16px; color: #193671; text-transform: uppercase; font-weight: 500; display: flex; align-items: center; justify-content: space-between; border-bottom: #d9d9d9 2px dotted; width: 100%; padding: 0 0 10px 0px; margin: 0px 0px 20px 0px;}

.paycontainer{ line-height: 22px; width: 80%; margin: 20px auto -10px; text-align: center; padding: 0px; background: seashell; display: flex; flex-direction: row;}
.paycontainer h1{ font-size: 20px; color: #000; font-weight: 600; text-transform: uppercase; padding-bottom: 10px; }
.paycontainer p{ margin-bottom: 25px;}
.paycontainer ul{ margin: 10px 10px; text-align: left; list-style: disc; border-top: #f2e7de 1px solid; padding: 10px 0px 10px 20px; border-bottom: #f2e7de 1px solid;}
.paycontainer ul li{ padding: 5px 0px; color: #000;}
.paycontainer ul li strong{color: #063e86; font-weight: 600; display: block; }
.paycontainer h2{ display: inline-block; text-align: center; background: brown; margin: 20px auto 0px; padding: 10px 20px; font-size: 40px; color: #fff; font-weight: 800; border-radius: 5px;}
.paycontainer h2 span{ font-size: 15px; display: block; color: #e19c9c; font-weight: 400; margin-top: -5px;}
.paycontainer h3{ font-size: 20px; color: #000; font-weight: 600; text-transform: uppercase; padding-bottom: 10px; border-bottom: #ead9ce 2px dotted; padding-bottom: 7px; margin-bottom: 20px; }
.paycontainer h4{ font-size: 20px; color: #8a0f09; font-weight: 600; text-align:left;}
.paycontainer h4 span{ font-size:14px; color:#d9cbc2; font-weight: 400; text-transform: uppercase;display: none;}
.paycontainer label{ text-align: left;}
.paycontainer .payleft{ width: 45%; padding: 30px;}
.paycontainer .payright{ width: 55%; padding: 30px; background: #fbf0e9; display: flex; flex-direction: column; justify-content: center;}
.paycontainer .payright .payexamlist{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
.paycontainer .payright .payexamlist label{ display: flex; flex-direction: row; text-align: center; font-size: 20px; color: #000; font-weight: bold; line-height: 22px; background: #fff; border-radius: 7px; border: #eee 1px solid; }
.paycontainer .payright .payexamlist label div{ display: flex; flex-direction: column; justify-content: center; padding: 10px 0px; }
.paycontainer .payright .payexamlist label div:first-child{ width: 30%; border-right:#eee 1px solid;}
.paycontainer .payright .payexamlist label div:nth-child(2){ width: 70%;}
.paycontainer .payright .payexamlist label span{ font-size: 20px; color: #d7200d; font-weight: bold;}
.paycontainer .payright .payexamlist label small{ font-size: 13px; color: #666; font-weight: normal;}
.paycontainer .payright .paytotal{ display: flex; border-radius: 4px; padding: 13px 15px; margin-top: 00px; font-size: 16px; justify-content: space-between; font-weight: 500; background: #996340; color: #fff; text-transform: uppercase;}
.paycontainer .payright .paytotal span{ font-size: 20px; color: #fff; font-weight: 800;}
.paycontainer .payleft .border-top{ border-top: 1px solid #f9eae0 !important;}

.excand-det{ background: #eee; padding: 10px 20px; display: flex; flex-direction: row; font-size: 15px; font-weight: 500; margin-top: -25px; width: 100%; justify-content: space-between; margin-bottom: 25px; border-bottom: 1px solid rgba(0,0,0,0.07);}
.excand-det div span{ background: #333; color: #fff; font-weight: bold; padding: 3px 10px; border-radius: 3px; margin-left: 5px;}

.addblock{background: #f3f3f3; padding:10px 20px 20px; margin: 15px 0; position: relative;}
.addblock .form-row{ padding: 10px 0;}
.addblock a.minus { position: absolute; right: 0px; top: 0px; display: inline-block; background: #333; padding: 5px 10px; text-align: center; color: #fff;}
.addblock a.minus:hover{ background: red;}
.addblock a.minus i{padding-right: 3px;}

.frm-title2{ width: 100%; display: block; margin-bottom: 10px; margin-top: 00px; display: flex; flex-direction: row; width: 100%; justify-content: space-between; padding:5px 10px 10px 10px; font-size: 20px; border-bottom: 1px solid rgba(0,0,0,0.12);}
.frm-title2 h2{ margin: 0; font-size: 15px; color: #0653a3; text-transform: uppercase; font-weight: 500; display: flex; align-items: center;justify-content: space-between;}

.loglink{ display: flex; width: 100%; padding: 0px 5px; justify-content: center;}
.loglink a{ padding: 10px 25px; text-transform: uppercase; margin:0 10px; background: #bef2b7; color: #333; text-align: center; font-weight: 400; font-size: 16px;}
.loglink a:hover{ padding: 10px 30px;}
.loglink a.active{ padding: 10px 30px;}
.loglink a.color1{ background-color: #d4c1f1 !important;}
.loglink a.color2{ background-color: #aad9ed !important;}

.medialog{ display: flex; flex-direction: row; flex-wrap: wrap; }
.medialog .logitems{ width:10%; margin:5px; border-radius: 5px; font-size: 14px; color: #000; text-align: center; background: #e9e9e9; padding:10px;}
.medialog .logitems span{ line-height: 15px; display: block; padding: 8px 0 0 0;}
.medialog .logitems i{ width: 100%; font-size: 25px; color: #1190cf;}
.medialog .logitems:hover{ background: lightskyblue;}
.medialog .logitems small{ font-size: 13px; color: #333; background: none; border: none; border-radius: 0px; padding:8px 0 0 0; margin:0px; display: block; line-height: 16px;}
.medialog a.blink{animation: blink 1s infinite;}

@keyframes blink {
  0% {
    background-color: lightskyblue;
    border: 1px solid lightskyblue;
  }
  50% {
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
  }
  100% {
    background-color: lightskyblue;
    border: 1px solid lightskyblue;
  }
}

.medialog{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.medialog .logitems1{ width:19%; margin:4px; border-radius: 5px; font-size: 14px; color: #000; text-align: center; background: #f6f6f6; padding:10px;}
.medialog .logitems1 span{ line-height: 15px; display: block; padding: 8px 0 0 0;}
.medialog .logitems1 i{ width: 100%; font-size: 25px; color: #d93535;}
.medialog .logitems1:hover{ background: #d93535; cursor: pointer;}
.medialog .logitems1 small{ font-size: 13px; color: #333; background: none; border: none; border-radius: 0px; padding:8px 0 0 0; margin:0px; display: block; line-height: 16px;}
.medialog .logitems1:hover i{ color: #fff;}
.medialog .logitems1:hover span{ color: #fff; font-weight: 600;}
.medialog .logitems1:hover small{ color: #fff;}
.medialog .logitems2{ width:10%; margin:5px; border-radius: 5px; font-size: 14px; color: #000; text-align: center; background: wheat; padding:10px;}
.medialog .logitems2 span{ line-height: 15px; display: block; padding: 8px 0 0 0;}
.medialog .logitems2 i{ width: 100%; font-size: 30px; color: #a86848; }
.medialog .logitems2:hover{ background: lightskyblue; cursor: pointer;}
.medialog .logitems2:hover i{ color: #1190cf;}
.medialog .logitems2 small{ font-size: 13px; color: #333; background: none; border: none; border-radius: 0px; padding:8px 0 0 0; margin:0px; display: block; line-height: 16px;}
.medialog a.blink{animation: blink 1s infinite;}
.medialog a.blink i{color: #1190cf;}

@keyframes blink {
  0% {
    background-color: lightskyblue;
    border: 1px solid lightskyblue;
  }
  50% {
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
  }
  100% {
    background-color: lightskyblue;
    border: 1px solid lightskyblue;
  }
}

.popfrm{ background: #f6f2e6; padding: 10px 5px 0px 0; margin: 10px 0px 20px; position: relative;}
.popfrmclo{ position: absolute; top: 8px; right: 8px;}
.popfrmclo i{ color: #afaa9a; font-size: 20px;}
.popfrmclo i:hover{ color: rgb(255, 0, 0);}

.qbanbox{ background: #89beed; display: flex; flex-direction: column; padding: 0px 15px; margin-top: 0px; border-bottom: #fff8dc 1px solid;}
.qbanbox .qbanrow{ border-bottom: #e4d6ab 1px solid; display: flex; justify-content: space-between; align-items: center; font-size: 15px;}
.qbanbox .qbanrow small{ background: #5b9fdb; display: inline-block; border-radius: 0px; font-size: 16px; font-weight: 700; text-align: center; padding: 5px 15px; width: 60px; color: #fff;}
.qbanbox .qbanrow a{ font-size: 15px; color: #000;}
.qbanbox .qbanrow a:hover{ font-size: 15px; color: #F00;}
.qbanbox .qbanrow:last-child{ border-bottom: none;}

.qbanbox1{ background: #89beed; display: flex; flex-direction: column; padding: 0px 15px;}
.qbanbox1 .qbanrow{ display: flex; justify-content: space-between; align-items: center; font-size: 15px;}
.qbanbox1 .qbanrow small{ background: #5b9fdb; display: inline-block; border-radius: 0px; font-size: 16px; font-weight: 700; text-align: center; padding: 5px 15px; width: 60px; color: #fff;}

.bootbox-error .modal-header { background-color: #ff4d4f;}
.bootbox-error .modal-header h5{ color: #fff;}
.bootbox-error .modal-dialog{ width: 700px; margin-left: auto; margin-right: auto; }
.bootbox-error ul{ padding: 10px; margin: 0 0 0 20px; list-style: none; font-size: 15px;}
.bootbox-error li{ padding: 8px 0; line-height: 1; position: relative;}
.bootbox-error li::before { color:#000; content: '\f0da'; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: bold; font-size:16px; margin-right: 5px; position: absolute; left: -12px; }

.bootbox-success .modal-header{ background-color: #52c41a; }
.bootbox-success .modal-header h5{ color: #fff;}
.bootbox-success .modal-dialog{ width: 700px;}

.bootbox-info .modal-header{ background-color: #1890ff; }
.bootbox-info .modal-header h5{ color: #fff;}
.bootbox-info .modal-dialog{ width: 700px;}

.bootbox-warning .modal-header{ background-color: #faad14; }
.bootbox-warning .modal-header h5{ color: #fff;}
.bootbox-warning .modal-dialog{ width: 700px;}

.bootbox-report .modal-dialog{ width: 100%; max-width: 1000px;}
.bootbox-report .modal-header{ background-color: #1890ff; color: #fff;}

.bootbox-chat .modal-header{ background-color: #1890ff; }
.bootbox-chat .modal-header h5{ color: #fff;}
.bootbox-chat .modal-body{ padding: 0px; border-radius: 10px;}
.bootbox-chat .modal-content{ border-radius: 20px; border: 0px;}
.bootbox-chat .modal-footer{ background-color: gainsboro; border-top: 3px solid #fff; }
.bootbox-chat .modal-dialog{ width: 550px;}

.frm-title1{ background: #d7e1e7; border-radius: 10px 10px 0 0; width: 100%; display: block; margin-bottom: 15px; margin-top: 00px; display: flex; flex-direction: row; width: 100%; justify-content: space-between; padding: 10px 10px; font-size: 20px;}
.frm-title1 h2{ margin: 0; font-size: 16px; color: #000; text-transform: uppercase; font-weight: 400; display: flex; align-items: center;justify-content: space-between;}

.queshead{ padding: 10px 0;}
.queshead .quesheadtitle{ display: flex; flex-direction: row; align-items: center; font-size: 20px; text-align: center; width: 100%; color: #000; font-weight: 800; text-transform: uppercase; padding: 0 10px 20px;}
.queshead .quesheadtitle span{ font-size: 18px; text-align: center; width: 100%; color: #000; font-weight: 500; display: block; text-transform: none;}
.queshead .quesheadtitle .title{ width: 66%; line-height: 23px;}
.queshead .quesheadtitle .title small{ font-size: 13px; text-transform: none; color: #666;}
.queshead .quesheadtitle .comlogo1{ width: 17%; text-align: left; }
.queshead .quesheadtitle .comlogo1 img{ max-height: 120px; max-width: 150px; }
.queshead .quesheadtitle .comlogo2{ width: 17%; text-align: right; }
.queshead .quesheadtitle .comlogo2 img{ max-height: 120px; max-width: 150px; }
.queshead .quesheadtitle .stuimg{ width: 17%; text-align: right; }
.queshead .quesheadtitle .stuimg img{ max-height: 140px; max-width: 175px; border: #eee 1px solid; padding: 3px; }
.queshead .quesheadtitle .comlogo3{ width: 17%; text-align: left; }
.queshead .quesheadtitle .comlogo3 img{ max-height: 140px; max-width: 150px; }
.queshead .quesheadtitle .title h4{ color: #641f0e; font-size: 18px; font-weight: 600; padding: 7px 15px; border-radius: 7px; margin: 15px auto 0px; width: max-content; border: #eed8ba 1px solid; background: antiquewhite;}
.queshead .quesbar{ border-top: #999 1px solid; border-bottom: #999 1px solid; font-size: 14px; padding: 5px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }

.quesbody{ padding: 10px 0;}
.quesbody .secpart{ margin: 5px 0; text-align: center; margin-bottom: 40px; padding-bottom: 10px;}
.quesbody .secpart .sectitle{ font-size: 17px; text-align: center; width: auto; display: inline-block; color: #000; font-weight: 800; text-transform: uppercase; padding: 0 20px 10px; margin-bottom: 10px; border-bottom: #999 2px dotted;}
.quesbody .secpart .sectitle span{ font-size: 15px; text-align: center; width: 100%; color: #000; font-weight: 500; display: block; text-transform: none;}
.quesbody .secques{ width: max-content; max-width: 100%; padding: 20px 0; }
.quesbody .secques:last-child{ border-bottom: 0px;}
.quesbody .secques .ques{ text-align: left; padding: 5px 0px;}
.quesbody .secques .ques p{ padding: 0px; margin: 0px; display: unset;}
.quesbody .secques .ques img{ display: block; max-height: 300px; width: auto; }
.quesbody .secques .ques span{ display: inline-block; margin-right: 7px; width: 20px;}
.quesbody .secques .or{ text-align: center;}
.quesbody .secques .or span{ display: inline-block; background: #eee; padding: 6px 9px; border-radius: 50px; color: #000; border: #ccc 1px solid;}
.quesbody .secques .secflex{ display: flex; flex-wrap: wrap; margin-left: 25px; margin-bottom: 20px;}
.quesbody .secques .secflex .opts{margin-left: 40px; border-left: #ddd 3px solid; padding-left: 40px;}
.quesbody .secques .secflex .opts:first-child{ border: 0px; margin-left: 0px; padding-left: 0px;}
.quesbody .secques .secflex .opts div{ padding-top: 5px; padding-bottom: 5px;}

.course-frm2{ margin-bottom: 0px;}

.quesco{display: flex; align-items: center; font-weight: 600; font-size: 15px; color: #0b4da2;}

.add-butt{ text-align:center; margin-bottom:0px; padding:20px 15px; border-top:1px solid #e7e7e7; margin-top:20px; display: flex; align-items: center; justify-content: center;}

#sandbox-container { display: flex; justify-content: space-between; width: 100%}
#sandbox-container .datetimepicker-input{ width: 62% !important;}
#sandbox-container input{ margin-right:0px; border-radius:3px; text-align: left; background-color: #fff; width: 80% !important}
#sandbox-container input:last-child{ margin-right: 0;}
#sandbox-container .input-group{ width: 100%;}
#sandbox-container #datetimepicker7{ margin-right: 10px;}
#sandbox-container #datetimepicker7 span{ margin-right: 0;}
#sandbox-container #datetimepicker7 input{ margin-right: 0;}
#sandbox-container #datetimepicker8 input{ margin-right: 0;}
.datepicker th{ font-size: 14px; padding: 3px 6px;}
.datepicker td{ font-size: 13px; padding: 3px 6px;}
.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th{ border-top: 1px solid #fff; color: #484848; font-weight: normal; text-transform: uppercase; font-size: 13px; letter-spacing: 1px;}
.datepicker .datepicker-switch{ background-color: #ffebeb; border-radius: 50px;}
.datepicker table tr td.range{ border: 1px solid #fff;}
.datepicker-dropdown{ z-index: 0 !important; border: 1px solid #dfdfdf;}
.input-daterange .form-control{ border-radius: 3px !important; margin-right: 5px;}
.input-daterange .form-control:last-child{ margin-right: 0;}
.input-daterange span{ display: flex; align-items: center; justify-content: flex-start; padding:4px;}
.input-group-prepend .input-group-text{ padding: 4px 10px; font-size: 14px;}
.input-group input.form-control{ border-radius: 3px !important;}
.bootstrap-datetimepicker-widget .list-unstyled .datepicker .table th{ background-color:transparent; border-bottom:1px solid #eee; color: #3c3f77;}
.bootstrap-datetimepicker-widget .list-unstyled .datepicker .table th.prev{ background-color: #f9f1db; color: #444;}
.bootstrap-datetimepicker-widget .list-unstyled .datepicker .table th.next{ background-color: #f9f1db; color: #444;}
.bootstrap-datetimepicker-widget .picker-switch{ background-color: #f9f1db !important; border-radius: 0; color: #e65117 !important;}
.bootstrap-datetimepicker-widget.dropdown-menu{ border: 1px solid rgba(43, 61, 81, 0.2); border-radius: 0px 0px 5px 5px;}
.bootstrap-datetimepicker-widget .accordion-toggle .table-condensed tr td a{ display:block; color:rgba(0, 0, 0, 0.6); padding:0; width:100%;}
.bootstrap-datetimepicker-widget .accordion-toggle .table-condensed tr td a span{ display: flex; justify-content: center; width: 100%;}
.bootstrap-datetimepicker-widget li .timepicker{ border: 1px solid #eaeaea; border-top: 3px solid #e5e5e5; color: #444; font-weight: 500;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{ background-color: #343d9f !important; color: #fff !important;}
.bootstrap-datetimepicker-widget table td.day:hover{ background-color: #f2e4ff !important; border-radius:0 !important; color:#444 !important;}

.course-list{ display: flex;}
.course-list .stat-box{ object-fit: contain; width: auto; height: auto; width: 100%;}
.course-list1{ height:345px; display: flex;}
.course-list1 .stat-box{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.course-list1 .stat-box i{ font-size:26px; object-fit: contain; margin-top:150px; color:#777;}
.course-list .stat-box h3{ text-align:left; font-size:16px; margin:10px 0px; text-transform:uppercase; background:#f3f3f3; padding:8px 10px; border-radius:3px; color:#570101; border-bottom:4px solid #e3e3e3;}
.course-list option{ color:#333; font-size:14px; line-height:1.7;}
.top{ padding:15px 0px 10px;}

#ac-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 1001;  }
#popup { width: fit-content; max-width: 95%; padding-bottom: 30px; /*background: radial-gradient(circle, #ffffff 20%,#dceffa 100%) !important;*/ background: url(../images/popup_bg.jpg) center no-repeat; border: 2px solid #666; position: relative; top: 30px; margin: auto; overflow: auto; display: flex; flex-direction: column; justify-content: space-between;}
#popup img{ margin: auto;  width: auto;  max-width: 100%;  max-height: calc(100vh - 120px);}
#popup a{ text-align: center; display: inline-block;}
#popup a.popclsbtn{ background: #114285 !important; display: inline-block; margin: auto; width: fit-content; color: #fff; font-size: 15px; font-weight: bold; padding: 8px 18px; border-radius: 5px; text-transform: uppercase;}
#popup a.popclsbtn:hover{ background: linear-gradient(00deg, #0a81df,#0939b5) !important;}
.clsbutton{font-size: 13px; color: #fff; font-weight: bold; margin-bottom: 5px; cursor: pointer; position: absolute; right: 0px; top: 0px; background: red; padding: 4px 10px; text-transform: uppercase;  }
.whatsappicon{ display: inline-block; width: 50px; height: 50px; border-radius: 100px; background: #1cce5e; text-align: center; position: fixed; z-index: 9; right: 10px; bottom: 90px; padding: 9px 0px 0px 2px; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3); }
.whatsappicon i{ font-size: 30px; color: #fff;}

.orglogo{display: flex; align-items: center; margin-top:30px; border-bottom:2px dotted #eaeaea; padding-bottom:30px;}
.orglogo .org1{ border-right:1px solid #ddd; padding-right:20px; position:relative; display: flex; align-items: center;}
.orglogo .org1:before{ content: ""; width: 13px; height: 13px; position: absolute; right: -7px; background-color: #4343d0; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%); transition: 0.4s }
.orglogo:hover .org1:before{ transition:0.4s; right:-12px;}
.org1 img{ max-width: 250px; max-height: 100px;}
.org2{ padding-left: 0;}
.org2 h1{ font-size:26px; color: #5d5dc5; text-transform: uppercase; padding-left:25px; margin-bottom:0; font-weight:400; }
.org2 h3{font-size:22px; color: #666; text-transform: uppercase; margin-bottom: 0; padding-bottom: 0;}
.org2 h3 a{ text-transform:capitalize;}

.orgdet{ margin-top:25px;}
.orgdet ul{ padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content:space-between;}
.orgdet ul li{ padding: 0; margin:2px; list-style: none; width: 49%; display: flex; border: 1px solid #dedede;}
.orgdet ul li b{ width: 35%; padding: 5px 10px; border-right:2px solid #ececec; color: #787878; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; background-color:#fafafa; transition:0.4s; position:relative;}
.orgdet ul li:hover b{ background-color:#eff1fb; transition:0.4s; border-right:2px solid #d7dcf5;}
.orgdet ul li span{ width: 65%; padding: 5px 10px; color:#444; display: flex; align-items: center;}

.orgdet-part{margin-top:10px; padding-bottom:15px;}
.orgdet-part ul{padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;}
.orgdet-part ul li{padding: 0; margin:2px; list-style: none; width: 49%; display: flex; border: 1px solid #dedede; margin-right:7px;}
.orgdet-part ul li b{ width: 70%; padding: 5px 10px; border-right: 3px dotted #ddd; color: #888888; font-weight: 600; text-transform: uppercase; background:#fff3f4;}
.orgdet-part ul li span{ width: 65%; padding: 5px 10px;}

.cel-split{ display:flex;}
.cel1{ width:30%; height:28px; margin-right:8px;}
.cel2{ width:25%; margin-right:8px; height:28px }
.cel2:last-child{ margin-right:0;}
.cel-split input{ width:40%;height: 32px;}
.pad1{ padding:0; display: flex; align-items: center; margin-bottom: 5px;}
.pad1{ font-size: 14px; color: #555;}
.pad1 small{ color: #888; margin-right:6px;}
.pad1 em{ color: #999; margin-left:6px;}
.cel3 { width: 50%; float: left; }
.cel4 { width: 48%; float: right; }
.modal-bdr{padding:0px 10px;}
.cel-split-lst{ display:flex; width:100%;}
.cel-split-lst input{ width:17%;height: 32px;}
.cel-split-lst label{ margin:2px 4px;}

.input-group .input-group-addon i{ padding-top:5px;}

.main-optrow{ display: flex; justify-content: center; flex-direction: row;}
.main-box{ padding: 10px 10px 0; margin: 10px 15px 0px; text-align: center;}
.main-box h1{ font-size: 19px; text-align: center; text-transform: uppercase; padding: 10px; color: #000; display: block;}
.main-box i{ font-size: 70px; color: #fff; padding: 10px; }
.main-box p{ font-size: 15px; text-align: center; line-height: 22px; color: #333;}
.main-box a{ font-size: 18px; text-align: left; text-transform: uppercase; line-height: 22px; color: #000; background: #98cbf7; border-radius: 50px; padding: 8px 20px 8px 8px; margin: 10px auto 10px; display: flex; justify-content: left; align-items: center; width: max-content; }
.main-box a i{font-size: 25px; color: #333; padding: 12px 0; width: 50px; background-color: #28547a; border-radius: 50%; color: #fff; text-align: center; margin-right: 10px;}
.main-box a:hover{ background: #ffbe4d; color: #000; }
.main-box a:hover i{ color: #000; background-color: #fff;}

.main-box1{ padding: 0px 00px; background: #f3f9fe; margin: 20px 15px 30px; text-align: center; border-radius: 10px; width: 23%; border: #98cbf7 1px solid;}
.main-box1 .top{ display: flex; flex-direction: row; justify-content: space-between; padding: 0px 00px; background: #98cbf7; border-radius: 10px 10px 0 0;}
.main-box1 h1{ font-size: 19px; text-transform: uppercase; padding: 10px 10px 0px 10px; color: #000; display: block; text-align: left; margin-bottom: 0px;}
.main-box1 h1 span{ display: block; font-size: 40px; padding: 0px 10px 0px 10px; color: #000; font-weight: 900;}
.main-box1 i{ font-size: 60px; color: #fff; padding: 10px; padding-bottom: 0px; }
.main-box1 p{ background: #5da4e2; display: none; padding: 15px 20px; font-size: 16px; text-align: center; line-height: 22px; color: #fff; justify-content: space-between;}
.main-box1 a{ font-size: 15px; text-align: center; text-transform: uppercase; line-height: 22px; color: #fff; background: #354975; border-radius: 10px; padding: 10px 20px; margin: 15px auto; display: flex; justify-content: center; align-items: center; width: max-content; }
.main-box1 a i{font-size: 20px; color: #fff; padding: 5px;}
.main-box1 a:hover{ background: #23ab10; color: #fff; }
.main-box1 a:hover i{ color: #fff;}
.main-box1 a.mainlink{font-size: 15px; text-align: center; text-transform: uppercase; line-height: 22px; color: #fff; background: #98cbf7; border-radius: 10px 10px 0 0; padding: 0px 20px; margin: 0px; display: flex; justify-content: space-between; align-items: center; width: 100%; }
.main-box1 a.mainlink i{ font-size: 60px; color: #fff; padding: 0px; }
.main-box1 a:hover.mainlink{ background: #77afe0;}

.clickable-row{ cursor: pointer;}

.dfdet{margin-top: 0;}
.dfdet ul{padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;}
.dfdet ul li{padding: 0; margin:2px; list-style: none; width: 49%; display: flex; border: 1px solid #dedede;}
.dfdet ul li b{ width: 35%; padding: 5px 10px; border-right: 3px dotted #ddd; color: #888888; font-weight: 600; text-transform: uppercase;}
.dfdet ul li span{ width: 65%; padding: 5px 10px;}

.ed-col{ text-align: right; position: absolute; right: -8px; top: -8px; transition: all 0.5s ease 0s; opacity: 0; visibility: hidden;}
.collapse.show .ed-col{opacity: 1; visibility: visible; transition: all 0.5s ease 0s; right: 8px; top: 8px;}
.ed-org{text-align: right; position: absolute; right: 12px; top: 12px;}

.dfdet2{margin-top: 0;}
.dfdet2 ul{padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;}
.dfdet2 ul li{padding: 0; margin:2px; list-style: none; width: 49%; display: flex; border: 1px solid #dedede;}
.dfdet2 ul li b{ width: 15%; padding: 5px 10px; border-right: 3px dotted #ddd; color: #888888; text-transform: uppercase; text-align: center;}
.dfdet2 ul li b i{ font-size: 24px;}
.dfdet2 ul li span{ width: 70%; padding: 5px 10px;}
.dfdet2 ul li small{ width:15%; padding:5px 0px 0px; text-align:center;}

.dfdet3{margin-top: 0;}
.dfdet3 ul{padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;}
.dfdet3 ul li{ padding:10px 10px 10px; margin:2px; list-style:none; width:32%; display:flex; border:1px solid #dedede; text-align:center; height:130px;}
.dfdet3 ul li img{ margin:0 auto; width:230px; height:auto; object-fit:contain;}
.tab-bg{ background:#fef5f6;}

.red{ color:#e9222b;}
.flx{ display:flex; width:100%;}

.flx-wht{ width:100%;}
.flx-chart .card-header{ padding:15px 12px;}
.flx-chart .card-header h3{ font-size:16px;}

.drp-datac tbody tr td { padding: 5px 8px; }
.drp-datac .lgrp { display: flex; align-items: center; }
.drp-datac .lgrp label { display: flex; padding-left:17px;}
.drp-datac span.btns { margin-left: 6px;display: flex; flex: 10%; justify-content: end; }
.drp-datac input.cust-chk { height: auto; width: auto; position: absolute; margin-left:-17px; margin-top: 3px;}
.drp-datac span.btns a { margin-right: 4px;}
.drp-datac span.btns a.text-blue { color: #0052c8 !important; }
.drp-datac span.btns a.text-red { color: #df0101 !important; }
.drp-datac span.btns a.text-black { color: #111 !important; }
.drp-datac { font-size: 14px; padding: 6px; border: 1px solid #ddd; position: relative; margin-top:5px;}
.drp-datac::before { position: absolute; content: "\f0d8"; top: -18px; left: 2%; color: #ddd; font-family: FontAwesome; font-size: 17px; }
.mat1{ margin-top: 30px;}
.bg{ margin-left:0px; background:#fff; border-radius:3px; padding:6px 5px 6px; display:block;}
.list1 .course-frm input[type="checkbox"], input[type="radio"]{ border:1px solid #fff;}
.orgloc{ margin-top: 25px;}
.orgloc .card-header{ padding: 0 !important;}
.orgloc .card-header a{ display: block; padding: .75rem 1.25rem; font-size: 16px; color: #333333;}
.orgloc .card-header a.collapsed{color: #eb1c27;}
.orgloc .card-header a:hover{ color: #444444;}

.entry-main { min-width: 50%; max-width: 60%; display: block; margin: auto; padding: 15px 20px; background-color: #f2f2f2; border-radius: 6px; margin-top:30px; margin-bottom:30px; }
.cardlogo h3{ font-size:26px;}
.cardhead { width: 100%;}
.idarea { width: 100%; float:left; padding:20px 0px 5px; margin:0 0 15px 0; border-bottom:#bbbbbb 3px solid; border-top:#bbbbbb 3px solid; }
.iddetail { width: 100%; float: left; }
.photo { width: 20%; float: right; text-align: center; margin-top: 25px; }
.photo img { padding: 8px; border: 1px solid #dedede; border-radius: 6px; }
.photo span { font-size: 14px; display: block; text-transform: uppercase; letter-spacing: 1px; }
.photo span small { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 5px; }
.title { width: 100%; }
.title h1 { font-size: 36px; color: #000000; text-align: left; font-weight: bold; padding: 0 0 5px 0; }
.title h2 { font-size: 20px; color: #110f54; text-align: left; font-weight: bold; text-transform: uppercase; margin: 0 0 20px; }
.detailarea { width: 100%; float: left; }
.detailbox1 { width: 100%; float: left; font-size: 15px; color: #333333; text-align: left; }
.detailbox1 h2 { font-size:18px; color: #000; font-weight: bold; text-transform: uppercase; padding: 10px 0; margin: 0; }
.detailbox1 .table{ display:inline-table;}
.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; }
.assign{ padding:0;}
.inner-tbl{ padding-top:20px; margin-bottom:0;}

.tax-invoice{ padding:0px 10px;}
.tax-invoice .btn-group a{ font-size: 12px;}
.tax-invoice .btn-rht{ width: 100%; display: flex; justify-content: flex-end; padding: 0;}
.tax-invoice .btn-group a.btn-secondary i{ font-size: 12px; padding-right: 5px;}
.mcenter{ margin-top:20px; border-top: 5px solid #f0f1f7; padding-top: 25px; }
.cmargin{ border:1px solid #e1e3ee; border-radius:3px; padding:30px 0px; position:relative;}
.cmargin .table td{ border-top:none;}
.tpad1 {padding-top:11px;}
.pad2{ margin-left:0px; margin-right:20px; padding:8px 0px 0px 0px;}
.pad3{ padding-top:10px;}
.pad4{ padding-bottom:20px;}
.pad5{ padding-top:20px;}
.center{ text-align:center;}
.pad_p{ text-align:center}
.pad_p p{ font-size:14px; color:#333;}
.pad_p p span{ font-style:italic;}

.usr_info{ padding:0 !important; text-align:left;}
.usr_img{ background-color:rgba(239, 239, 239, 0.7); padding:20px; border-radius:3px 3px 0px 0px; border:1px solid #fff }
.usr_img img{ width:100%;}
.padd{ padding:0px 15px;}
.padd1{ padding:0;}
.usr_txt h2{ font-size:26px; font-weight:300; color:#ff0000; padding:0px 0px 10px; margin: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%;}
.padd{ padding:0px 15px;}
.padd1{ padding:0;}
.pad1 i{ color:#5e5e5e; border:1px solid #ddd; margin-right: 6px; border-radius:5px; width:25px; height:25px; text-align:center; padding-top:4px;}
.usr_txt1 h2{ font-size:26px; font-weight:300; color:#ff0000; padding:0px 0px 10px; margin:0;}
.usr_txt1 ul{ margin:0; padding:0;}
.usr_txt1 li{ font-size:13px; padding:5px 0; display:flex; color:#993300;}
.usr_txt1 li:first-child{ border-top:none;}
.usr_txt1 li:last-child{ border-bottom:none;}
.usr_txt1 li b{ width:50%; border-right: 4px solid #e9e9e9; font-size:12px; text-transform:uppercase; color:#444; margin-right:4px; background: #fefefe; padding:6px 10px; border-radius: 0px 1px 1px 0px; position: relative; text-align: right;}
.usr_txt1 li span{ width:83%; color:#444; padding:4px 10px; text-align:justify; line-height:1.7; background:#f8f7f7; border-radius:3px; display:inline-block;}
.pink{ font-size:26px; color:#ea2529; margin-top:10px;}
.text-red{ color:#eb1c27;}
.fund-infor{ padding:0;}
.crse span{ width:30%; padding-right:10px;}
.invce1 h2{ color:#eb1c27;}
.invce1 h2 small{ font-size:18px; color:#333;}
.invce2{ color:#333; font-weight:bold;}
.totl{ font-size:16px;}

/* Accordion */
.accor{ padding:0px;}
#accordion-style-1 h1,
#accordion-style-1 a{ color:#0068b6;}
#accordion-style-1 .btn-link { font-weight: 500; color: #666; background-color: transparent; text-decoration: none !important; font-size: 14px; text-transform:uppercase; padding-left: 30px; line-height:1.4; white-space: normal;}
#accordion-style-1 .card-body { border-top:1px solid #f7f7f7; padding: 15px;}
#accordion-style-1 .card-body h3{ padding:0px 0px 10px; font-size:16px; font-weight:500; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; color:#444; margin-bottom:15px; margin-top:10px;}
#accordion-style-1 .card-body h3:before{ position:absolute; content:''; background:#0068b6; height:1px; bottom:4px; left:0%; width:120px;}
#accordion-style-1 .card-body h3:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:0px; left:0%; width:60px;}
#accordion-style-1 .card-body p{ text-align:justify; color:#333; line-height:1.7;}
#accordion-style-1 .card-body ul{ margin:0 auto; padding:0;}
#accordion-style-1 .card-body ul li{ list-style:none; font-size:14px; line-height:1.7; background:url(../images/arrow4.png) left top 10px no-repeat; padding-left:15px;}
#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;}
#accordion-style-1 .card-header .btn i{ margin-right:0px !important; padding-top: 2px;}
.link{ margin-top:20px;}
.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 .card-header{ border-bottom:none !important;}
/* User Roles */

/* step form styles */
.frmflex section label { text-align: right; }
.frmflex .sred { color: #eb1c27; margin: 0 4px; }
.frmflex section label.form-check-label{ position: relative;}
.frmflex section label.form-check-label label.error{ position: absolute; left: 0; top: 20px; width: 300px;}
.frmflex section .form-check-inline{margin-top: 8px;}

.corp-frm { border-radius: 6px; border: 1px solid #ddd; padding: 20px 30px; box-sizing: border-box; margin: 0 0px 50px; position: relative; text-align: center; }
.corp-frm .form-group { text-align: left; }
.corp-frm .form-group.row > label { text-align: right; }
.corp-frm .sred { color: #eb1c27; margin: 0 4px; }

.frmsel { padding-top: 5px; }

.frmprevious { background: #aaa; color: white; border: 0 none; border-radius: 5px; cursor: pointer; padding: 10px 25px; margin: 10px 5px; }
.frmprevious:hover, .frmprevious:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #ccc; }
.frmsubmit { background: #eb1c27; color: white; border: 0 none; border-radius: 5px; cursor: pointer; padding: 10px 25px; margin: 10px 5px; }
.frmsubmit:hover, .frmsubmit:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #eb1c27; }
a.frmsubmit:hover { box-shadow: 0 0 0 2px white, 0 0 0 3px #eb1c27; background: #444; color: #fff; }

.frm-flx{ display: flex; padding: 0;}
.pad-lft{ padding-left:0;}
.notify-new{ background-color:#f5f5f5; float: right; width:28px; height:28px; border:1px solid #eaeaea; border-radius: 50px; text-align: center;}
.notify-new i{ font-size:14px; color:#ff0404;}

/* Project Asign management */
.ptnr{ width:100%; padding-top:0px; margin-top:0px;}
.ptnr h2{ width: 100%; text-transform: uppercase; color: #595757; margin-bottom: 25px; padding-bottom:8px; border-bottom:1px solid #eaeaea; font-size: 17px; font-weight: 400px;}
.ptnr .form-row .course-frm{ padding: 0;}
.ptnr select{ min-height:300px; background-color:rgba(255, 255, 255, 0.6); border:1px solid #e4e4e4; overflow:auto;}
.ptnr option{ padding:5px 10px; background-color:#f2f2f2; margin-bottom:1px; transition:0.4s; outline:0 none; color:#333; font-size:14px;}
.ptnr option:nth-child(2n+2){ background-color:#fcfcfc;}
.ptnr .btn-outline-secondary{ border:1px solid #b4b4b4; color:#fff; font-size:20px; font-weight: 600; transition:0.4s; padding:4px; background-color: #aaa}
.ptnr .btn-outline-secondary:hover{ color:#fff; transition:0.4s; background-color:#999; border:1px solid #999}
.ptnr label{ border: 1px solid #e1e1e1; color:#555; text-transform: uppercase; padding:5px 10px; border-radius:5px; font-size:14px; border-left:3px solid #ddd; font-weight: 500; text-align: left;}
.ptnr span{ color:#aaa; font-weight:300; justify-content:flex-end; margin-bottom:4px !important; letter-spacing: 0.4px; padding: 3px 5px; font-size: 10px;}
.ptnr span.info-container{ padding: 0;}
.ptnr span.info{ padding:10px 0px 0px;}
.ptnr span.info-container button.clear1{ margin-top: 4px; background-color: #989799; color: #fff; text-transform: uppercase; border-radius: 5px; transition: 0.4s; padding: 3px 10px;}
.ptnr span.info-container button.clear1:hover{ background-color: #ccc; transition: 0.4s;}
#editable-address i{ color:#009bd5; margin-left:5px;}
.edit-address-form textarea{ margin-bottom:5px;}

/* ---- 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 h4{ margin-bottom: 5px; text-align: left; font-weight:bold; font-size:16px; font-weight: 400; font-style: normal; color: #595d64; padding: 12px 0px;}
.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;}

/* ---- 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;}
.examnr-org1{ width:100%; display:flex; align-items:center; background:linear-gradient(#fff, #fff); position:relative; position:relative; padding:15px 5px; transition:0.4s; border-bottom:5px solid #f0f1f7; transition: 0.4s;}
.examnr-org1:before{ background-color: #f0f1f7; width:140px; height:100%; top:0; content: ""; position:absolute; right:0px; transition: 0.8s; }
.examnr-org1:after{ background-color: #f6f6f6; width: 10px; height:5px; bottom:-5px; content: ""; position: absolute; right: 0px; transition: 0.8s; visibility: hidden;}
.examnr-org1 .examnr-tit{ width: 100%;}
.examnr-org1 .examnr-tit h3{ margin: 0; padding: 0px 30px; font-weight: 300; font-size:16px; color: #555;}
.examnr-org1 .examnr-tit h3 b{ text-transform: uppercase; color: #001aa2; padding-right: 5px; font-weight: 500;}
.examnr-org1 h2{ font-size:24px; color:#008f01; text-transform: uppercase; padding-left: 30px; margin:0 0 5px; letter-spacing:0.5px; min-width: 50%; font-weight: 500; }
.examnr-org1 span{ width:210px; height:120px; background-color:#fff; border-right:2px solid #eaebf0; display: flex; align-items: center; padding:20px; z-index:1; transition:0.4s; position: relative;}
.examnr-org1 span:before{ position: absolute; content: ""; background-color: #cfd1d9; width: 20px; height: 20px; right: -11px; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%); transition: 0.4s; }
.examnr-org1 span img { margin:0 auto; width: auto; height:auto; object-fit: contain; border-radius:0px;}
.examnr-org1 small{ position:absolute; transition:0.4s; right:27px;}
.examnr-org1 small a{ border-radius:50px; padding:3px 20px 3px 15px; color:#1c77ec; font-size:15px;}
.examnr-org1 small a i{ font-size: 12px; padding-right: 1px; background-color:#1c77ec; border:1px solid #1c77ec; border-radius: 50px; padding: 6px; color: #fff; margin-right: 1px;}
.examnr-org1 small a:hover{ transition:0.4s; color:#444;}
.examnr-org1 small a:hover i{ transition:0.4s; color:#fed440;}

.examnr-org2 { padding:10px 10px 20px; width:100%; background-color:#fdfdfd; position:relative; display: flex; justify-content:center; flex-wrap:wrap; position: relative; z-index: 0; border-top: 0 none;}
.examnr-org2 h1 { font-size:20px; color:#fff; font-weight:600; text-transform: uppercase; padding:12px 15px; margin:0 0 5px; letter-spacing:0.5px; top:-28px; background-color:#8995a7; width:100%; border-radius:0px; text-align:center; white-space:100%;}
.examnr-org2 h1 span{ float:right; position: relative; right: 0; letter-spacing:0;}

.examnr-org:hover .examnr-org1:before{ background-color: #f6f6f6; transition: 0.8s;}
.examnr-org:hover .examnr-org1:after{ width:100%; transition: 0.8s; visibility: visible;}
.qr-cde{ width: 140px; height: 140px; display:flex; align-items:center; justify-content:center; margin:0px 10px;}
.qr-cde img{ width: auto; height: auto; margin: 0 auto;}

.qnum{ background: #f9f9f9; border: #ebebeb 1px solid; margin: 10px 20px; padding: 30px 10px 10px;}
.qnum .number{ position: absolute; top: -30px; left: -10px; font-size: 14px; display: inline-block; color: #000; background: #fff; border-right:#ebebeb 1px solid ; border-bottom:#ebebeb 1px solid ; padding: 3px 5px; width: 210px; text-align: left;}
.qnum .number span{ background: lightgray; padding: 2px 8px; margin-left: 5px; display: inline-block;}
.qnum .anssta{ position: absolute; top: -30px; left: 199px; font-size: 14px; display: inline-block; color: #000; background: #ffd66f; border-right: #ffcd4f 1px solid; border-bottom: #ffcd4f 1px solid; padding: 3px 10px;}
.qnum .col-md-12 .row .optrow{ margin-left: 15px;}
.qnum .col-md-12 .row h4.mt-3{ margin-left: 20px; margin-bottom: 7px;}

.qevebar{ background: lavender; border: #d6d6f1 1px solid; margin: -11px 20px 10px 20px; padding: 10px 25px; width: 100%;}
.qnumnav{ background: lavender; border: #d6d6f1 1px solid; margin: 10px 20px -11px 20px; padding: 10px 18px; width: 100%;}
.qnumnav .anssta{ font-size: 14px; display: inline-block; color: #000; background: #ffd66f; border: #ffcd4f 1px solid; border-radius: 5px; padding: 3px 10px;}
.qnumnav .ansalt{ font-size: 14px; display: inline-block; color: #fff; background: red; border: red 1px solid; border-radius: 5px; padding: 3px 10px; animation: altblink 1s infinite;}
@keyframes altblink {
  0% {
    background-color: #f00;
    border: 1px solid #f00;
  }
  50% {
    background-color: #000;
    border: 1px solid #000;
  }
  100% {
    background-color: #f00;
    border: 1px solid #f00;
  }
}

.qlisnav{ padding-bottom: 20px; border-bottom: #f1f1f1 1px solid;}
.modeve{ width: 100px;}

.quesexplain{ display: flex; flex-direction: column; padding: 20px;  background: #fff;  margin-top: 15px; border: #eee 1px solid;  border-radius: 10px;}
.quesexplain b{ font-weight: 600; color: darkred; font-size: 15px; margin: 0rem 0 0 0; width: max-content; padding: 0px 5px 0px 0px; border-bottom: #eee 2px solid; text-transform: uppercase;}
.quesexplain p{ font-size: 14px; color: #333; margin: 0.7rem 0 0 0;}

.examnr-org3 { padding:20px; width:100%; background-color:#e4e4e4; position:relative; display: flex; justify-content:center; flex-wrap:wrap; position: relative; z-index: 0; border-radius: 0px; margin: 20px 0px;}
.examnr-org3 h1 { font-size:18px; color:#626364; text-transform: uppercase; margin:0 0 5px; letter-spacing:0.5px; width: 100%; margin-bottom: 15px;}
.examnr-org3 .examnr-det { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between}
.examnr-org3 .examnr-icn { width: 33%; display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 8px 10px 8px 15px; border-radius: 50px; margin-bottom: 10px; position: relative; z-index: 0; }
.examnr-org3 .examnr-icn:before{ position: absolute; content: ""; width: 48px; height: 100%; background-color: rgba(0, 0, 0, 0.06); border-radius: 50px; left: 0; z-index: -9; transition: 0.8s; opacity: 0;}
.examnr-org3 .examnr-icn:hover:before{ width: 100%; transition: 0.8s; opacity: 1;}
.examnr-org3 .examnr-icn:nth-child(3n+3){ margin-right: 0;}
.examnr-org3 .examnr-icn span { display: flex; align-items: center; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.examnr-org3 .examnr-icn span i{ font-size: 20px; color: #555; padding-right: 5px;}
.examnr-org3 .examnr-icn span b{ font-size: 16px; font-weight: normal; margin-left:5px; border-left: 2px dotted #cecece; padding-left: 10px; color: #696969; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.examnr-org3 .examnr-icn small{ display: flex; align-items: center; justify-content: space-between}
.examnr-org3 .examnr-icn small a{ margin: 0px 3px;}
.examnr-org3 .examnr-icn small a i{ width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50px; font-size: 13px;}
.examnr-org3 .examnr-icn small a i.edt{ background-color: #1c77ec; color: #fff} 
.examnr-org3 .examnr-icn small a i.del{ background-color: #ff2931; color: #fff} 
.examnr-org3 .examnr-icn small a:hover i.edt{ background-color: #666; transition: 0.4s; animation-name:rubberband; animation-duration: 1s;}
.examnr-org3 .examnr-icn small a:hover i.del{ background-color: #666; transition: 0.4s;}

.btn-custom{ background-color: #f2f2f2; color: #333; border: #ddd 1px solid;}
.btn-custom:hover{ background-color: #ccc; color: #333; border: #ddd 1px solid;}

.btn-hide{ background-color: #fafafa; color: #ccc !important;}
.btn-hide:hover{ background-color: #fafafa; color: #ccc !important;}

.examnr-org-list{ display:flex; width: 100%; flex-wrap: wrap}
.examnr-org-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width: 100%; display: flex; }
.examnr-org-list ul li { padding:2px 0px; margin:0px; list-style: none; width: 50%; transition: 0.6s; margin-right:0px; display: flex; }
.examnr-org-list ul li b { width: 45%; padding:4px 8px; color: #273a64; font-weight:500; text-transform: capitalize; position: relative; z-index: 1; align-items: center; flex-wrap: nowrap; position:relative; display: flex; align-items: center; transition:0.8s; border-right:3px solid #e9e9e9; font-size:14px; border-radius:0px; transition:0.8s;}
.examnr-org-list ul li:hover b{ transition:0.8s; background: transparent; transition: 0.6s;}
.examnr-org-list ul li:hover b::before{ transition:0.4s; background-color:#ff0000; right:-10px}
.examnr-org-list ul li span { width: 70%; padding:10px 10px; text-align: justify; flex-wrap: nowrap; min-height:30px; color: #000; border-left:0 none; font-size:14px; background-color:#fff; line-height: 1.3; border-radius: 0px; position: relative; transition: 0.8s; z-index: 0;}
.examnr-org-list ul li span:before{ position: absolute; width: 1px; height: 100%; content: ""; left: 0; top: 0; opacity: 0; transition: 0.8s; z-index: -1; border-radius: 4px;}
.examnr-org-list ul li:hover span:before{ opacity: 1; transition: 0.8s; width: 100%; height: 100%;}
.examnr-org-list ul li span h1{ font-size: 22px; color: #333;}
.examnr-org-list ul li span h2{ font-size: 20px; color: #555;}
.examnr-org-list ul li span h3{ font-size: 18px; color: #777;}
.examnr-org-list ul li span h4{ font-size: 16px; color: #888;} 
.examnr-org-list ul li span h5{ font-size: 14px; color: #999;}
.examnr-org-list ul li span h6{ font-size: 12px; color: #888;}

.examnr-org { margin-top:0px; padding:0px; border:1px solid #f0f1f7;}

.examnr-contrt-org1{ width:100%; display:flex; align-items:center; background:linear-gradient(#fff, #fff); position:relative; position:relative; padding:15px 5px; transition:0.4s; border-bottom:4px solid #f0f1f7; transition: 0.4s;}
.examnr-contrt-org1 .examnr-contrt-tit{ width: 100%;}
.examnr-contrt-org1 .examnr-contrt-tit h3{ margin: 0; padding: 0px 30px; font-weight: 300; font-size:16px; color: #555;}
.examnr-contrt-org1 .examnr-contrt-tit h3 b{ text-transform: uppercase; color: #001aa2; padding-right: 5px; font-weight: 500;}
.examnr-contrt-org1 h2{ font-size:24px; color:#444; text-transform: uppercase; padding-left: 30px; margin:0 0 8px; letter-spacing:0.5px; min-width: 50%; font-weight: 500; }
.examnr-contrt-org1 span{ width:210px; height:120px; background-color:#fff; border-right:2px solid #eaebf0; display: flex; align-items: center; padding:20px; z-index:0; transition:0.4s; position: relative;}
.examnr-contrt-org1 span:before{ position: absolute; content: ""; background-color: #cfd1d9; width: 20px; height: 20px; right: -11px; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%); transition: 0.4s; }
.examnr-contrt-org1 span img { margin:0 auto; width: auto; height:auto; object-fit: contain; border-radius:0px;}
.examnr-contrt-org1 small{ position:absolute; transition:0.4s; right: 30px;}
.examnr-contrt-org1 small a{ background-color:#1c77ec; border:1px solid #1c77ec; border-radius:50px; padding:3px 20px 3px 15px; color:#fff; font-size:15px;}
.examnr-contrt-org1 small a i{ font-size: 12px; padding-right: 1px;}
.examnr-contrt-org1 small a:hover{ transition:0.4s; color:#1c77ec; border:1px solid #1c77ec; background-color:transparent}

.examnr-contrt-org2 { padding:20px; width:100%; background-color:#fdfdfd; position:relative; /*border:1px solid #e9e9e9;*/ display: flex; justify-content:center; flex-wrap:wrap; position: relative; z-index: 0; border-top: 0 none; margin-bottom: 20px;}
.examnr-contrt-org2 h1 { font-size:20px; color:#fff; font-weight:600; text-transform: uppercase; padding:12px 15px; margin:0 0 5px; letter-spacing:0.5px; top:-28px; background-color:#8995a7; width:100%; border-radius:0px; text-align:center; white-space:100%;}
.examnr-contrt-org2 h1 span{ float:right; position: relative; right: 0; letter-spacing:0;}

.examnr-contrt-org { margin-top:12px; padding:0px; justify-content: space-between;}
.examnr-contrt-org:hover .examnr-contrt-org1:before{ background-color: #f6f6f6; transition: 0.8s;}
.examnr-contrt-org:hover .examnr-contrt-org1:after{ width:100%; transition: 0.8s; visibility: visible;}

.qr-cde{ width: 140px; height: 140px; display:flex; align-items:center; justify-content:center; margin:0px 10px;}
.qr-cde img{ width: auto; height: auto; margin: 0 auto;}

.examnr-contrt-org-list{ display:flex; width: 100%; flex-wrap: wrap}
.examnr-contrt-org-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width: 100%; }
.examnr-contrt-org-list ul li { padding:2px 0px; margin:0px; list-style: none; width: 100%; transition: 0.6s; margin-right:0px; display: flex; }
.examnr-contrt-org-list ul li b { width: 30%; padding:4px 8px; color: #444; font-weight:500; text-transform: uppercase; position: relative; z-index: 1; align-items: center; flex-wrap: nowrap; position:relative; display: flex; align-items: center; transition:0.8s; border:1px solid #f0f1f7; border-right:3px solid #e7e8f0; font-size:13px; border-radius: 4px 0px 0px 4px; transition:0.8s;}
.examnr-contrt-org-list ul li:hover b{ transition:0.8s; background: transparent; border-right: 3px solid #f4c20f; transition: 0.6s;}
.examnr-contrt-org-list ul li:hover b::before{ transition:0.4s; background-color:#ff0000; right:-10px}
.examnr-contrt-org-list ul li span { width: 70%; padding:5px 10px 5px 10px; text-align: justify; flex-wrap: nowrap; min-height:30px; color: #666; border: 1px solid #e4e5ee; border-left:0 none; font-size:14px; background-color:#fff; line-height: 1.3; border-radius: 0px 4px 4px 0px; position: relative; transition: 0.8s; z-index: 0;}
.examnr-contrt-org-list ul li span:before{ position: absolute; width: 1px; height: 100%; content: ""; left: 0; top: 0; opacity: 0; transition: 0.8s; z-index: -1; border-radius: 4px;}
.examnr-contrt-org-list ul li:hover span:before{ opacity: 1; transition: 0.8s; width: 100%; height: 100%;}
.examnr-contrt-org-list ul li span h1{ font-size: 22px; color: #333;}
.examnr-contrt-org-list ul li span h2{ font-size: 20px; color: #555;}
.examnr-contrt-org-list ul li span h3{ font-size: 18px; color: #777;}
.examnr-contrt-org-list ul li span h4{ font-size: 16px; color: #888;} 
.examnr-contrt-org-list ul li span h5{ font-size: 14px; color: #999;}
.examnr-contrt-org-list ul li span h6{ font-size: 12px; color: #888;}

.exset-box{ border: #dde9f1 1px solid; padding: 0px 10px; margin: 10px 0; background: #f1f5f8;}
.exset-box p{ font-size: 14px; color: #333; text-align: justify; line-height: 1.5; margin: 5px 0px;}
.exset-box h1{ font-size: 15px; text-transform: uppercase; color: brown; text-align: left; padding: 5px 0 5px 0; margin: 5px 0; border-bottom: steelblue 1px dotted; background: none; font-weight: 500;}
.exset-box h2{ font-size: 17px; text-transform: none; color: brown; text-align: left; padding:10px; font-weight: 400;}
.exset-box .total{background: rgba(40, 167, 69, 0.5); color: #333; font-weight: 400; font-size: 14px; padding:10px; width: 15%;}
.exset-sep{ border-left: #d3dee6 2px solid; padding: 3px 20px; display: flex; align-items: center; }
.sepcolm{ display: flex; flex-direction: column !important; align-items: flex-start !important;}

/* Tab View List */
.tab-view-list{ display:flex; width: 100%; padding-top:5px; margin-bottom:10px; justify-content: space-between;}
.tab-view-list ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width:49%; transition: 0.4s; }
.tab-view-list ul li { padding:0px 0px; margin:0px 0px 5px; list-style: none; width: 100%; margin-right:0px; display: flex; transition: 0.4s; border: 1px solid #ededf4; border-left: 5px solid #e7eaf0; border-radius: 3px; padding-left: 0 !important;}
.tab-view-list ul li:hover b:before{ right: 0; transition: 0.4s; background-color: #ff0000;}
.tab-view-list ul li b { width:35%; padding:5px 10px 5px 10px; color:#373495; text-transform: uppercase; font-weight:600; position:relative; border-right:1px solid #fff; transition: 0.4s; align-items: center; flex-wrap: nowrap; position:relative; display: flex; align-items: center; font-size:12px; position: relative; transition: 0.4s; background: linear-gradient(45deg, #ecf0f6,#ffffff) !important;}
.tab-view-list ul li b:before{ background-color: #dde3ee; width:12px; height:12px; right:-8px; content: ""; position: absolute; bottom:9px;-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%); transition: 0.4s;}
.tab-view-list ul li span { width:65%; padding:5px 5px 5px 20px; text-align: justify; flex-wrap:nowrap; min-height:30px; color:#555; font-size:14px; display: flex; align-items: center; transition: 0.4s; }
.tab-view-list ul li span p{ font-size: 14px;}

/* Tab View label */
.tab-acc{ padding: 0;}
.tab-view-lbl{ display:flex; width: 100%; padding-top:5px; margin-bottom:10px; justify-content: space-between;}
.tab-view-lbl ul { padding: 0; margin: 0; list-style: none; flex-wrap: wrap; width:100%; transition: 0.4s; }
.tab-view-lbl ul li { padding:0px 0px; margin:0px 0px 5px; list-style: none; width: 100%; margin-right:0px; display: flex; transition: 0.4s; border: 1px solid #ededf4; border-left: 5px solid #e7eaf0; border-radius: 3px; padding-left: 0 !important;}
.tab-view-lbl ul li:hover b:before{ right: 0; transition: 0.4s; background-color: #ff0000;}
.tab-view-lbl ul li b { width:25%; padding:5px 10px 5px 10px; color:#373495; text-transform: uppercase; font-weight:600; position:relative; border-right:1px solid #fff; transition: 0.4s; align-items: center; flex-wrap: nowrap; position:relative; display: flex; align-items: center; font-size:12px; position: relative; transition: 0.4s; background: linear-gradient(45deg, #f1f4f9,#ffffff) !important;}
.tab-view-lbl ul li b:before{ background-color: #dde3ee; width:12px; height:12px; right:-8px; content: ""; position: absolute; bottom:9px;-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%); transition: 0.4s;}
.tab-view-lbl ul li span { width:75%; padding:5px 5px 5px 20px; text-align: justify; flex-wrap:nowrap; min-height:30px; color:#555; font-size:14px; display: flex; align-items: center; transition: 0.4s; }
.tab-view-lbl ul li span p{ font-size: 14px;}

.no-record{ width: 100%;}
.no-record h6{ font-size: 18px; font-weight: 400; color: #333; margin: 14px 0px; display: flex; justify-content: center; align-items: center;}
.no-record h6 i{ color: #f40c0c; padding-right: 4px;}

.hide-filebrow{display: none}
.custom-prev{ display:flex; border: 0!important; padding: 0!important; }
.custom-prev .file-drop-zone{ border: 0 none !important; margin:0px; padding: 0; width: 100%;}
.custom-prev .file-drop-zone .file-preview-thumbnails{ display:flex; flex-wrap:wrap; width: 100%;}
.custom-prev .file-drop-zone .krajee-default.file-preview-frame{ box-shadow:none; width:19%; margin:0; margin-right:5px; transition:0.4s;}
.krajee-default.file-preview-frame{ box-shadow:none !important; transition:0.4s;}
.custom-prev .file-drop-zone .krajee-default.file-preview-frame:nth-child(5n+5){ margin-right:5px; }
.custom-prev .file-drop-zone iframe{ border: 1px solid #dfdfdf; width: 100% !important; height: 142px !important;}
.custom-prev .file-drop-zone .krajee-default.file-preview-frame .kv-file-content{ height: auto; width: auto; min-height:135px; display:flex; justify-content:center; object-fit:contain; margin-bottom: 5px;}
.custom-prev .file-drop-zone .krajee-default.file-preview-frame .kv-file-content video{ width:100% !important; height:140px !important;}
.upld-main{ display: none; }
.custom-prev .file-drop-zone .krajee-default .file-caption-info, .krajee-default .file-size-info{ width:auto !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.custom-prev .file-footer-caption{ margin-bottom: 15px !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.krajee-default.file-preview-frame:not(.file-preview-error):hover{ transition:0.4s;}
.chk-box .file-input-ajax-new{ width: 100% !important;}

.file-drop-zone{ border: 0 none !important;}
.file-caption .file-caption-name{ color: #777;}
.file-caption.icon-visible .file-caption-name{ padding-left: 18px;}
.btn-file .hidden-xs, .btn-file i{ font-size: 14px;}
.input-group-append .hidden-xs, .input-group-append i{ font-size: 14px;}

.select2-container--default .select2-selection--multiple{ height:45px; overflow:auto; border:1px solid #dedede !important;}
.select2-container--default.select2-container--focus .select2-selection--multiple{ border:1px solid #dedede !important; height:45px; 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%;}

/* Contractor Login Chart */
.cntrct-chrt{ width:100%; display:grid; grid-template-columns:repeat(2, 1fr); justify-content:space-between; padding:12px 10px 10px; gap:20px;}
.cntrct-chrt .cntrct-chrt-box{ display:flex; flex-wrap:wrap; padding:0px 0px 20px; background-color:#fff; border-radius:0px; transition: 0.4s; min-height: 365px;}
.cntrct-chrt .cntrct-chrt-box:nth-child(1){ align-items: baseline;}
.cntrct-chrt .cntrct-chrt-box:hover{ box-shadow: 0px 3px 20px 0px rgba(100, 100, 100, 0.1); transition: 0.4s;}
.cntrct-chrt .cntrct-chrt-box .chrt-dwn{ width:100%; margin-bottom:20px; text-align:right}
.cntrct-chrt .cntrct-chrt-box .chrt-dwn .btn-group{ width:100%;}
.cntrct-chrt .cntrct-chrt-box .highcharts-title{ display:none;}
.cntrct-chrt .cntrct-chrt-box .highcharts-credits{ display:none;}
.cntrct-chrt .cntrct-chrt-box .highcharts-background{ background:#f3f3f3;}

.cntrct-chrt-box .cntrct-chrt-header{ width: 100%; display: flex; justify-content: space-between; margin:0px 0px 0px; padding:15px 15px; align-items: center; border-bottom: 1px solid #f0f1f7;}
.cntrct-chrt-box .cntrct-chrt-header h2{ font-size:16px; color:#4e6286; text-transform: uppercase; font-weight:500; position: relative; margin: 0; position: relative; padding-bottom: 0px;}
.cntrct-chrt-box .cntrct-chrt-header h2 i{ font-size:16px; color: #b7bed2; margin-right:8px;}
.cntrct-chrt-box .cntrct-chrt-drp{ width: 100%; padding:15px 15px 15px;}
.cntrct-chrt-box .cntrct-chrt-drp .cntrct-drp{ display:grid; grid-template-columns: repeat(2, 1fr); gap:15px;}
.cntrct-chrt-box .cntrct-chrt-drp .cntrct-drp .form-group{ margin-bottom: 0;}
.chrt{ width: 100%; padding: 20px 0;}

.chrt-count{ width:100%; display:flex; justify-content:space-between; gap:20px; padding:18px 20px 2px; margin-top:5px; border-top:1px solid #eaebf2;}
.chrt-count span{ display: block;}
.chrt-count span a{ color:#545c71; text-transform:uppercase; font-size:12px; font-weight:500; margin-bottom: 0; background-color: #f0f1f7; padding:5px 0px 5px 12px; border-radius:50px; transition: 0.4s;}
.chrt-count span a:hover{ background-color: #d9dbea; transition: 0.4s; color: #5a5f80;}
.chrt-count span b{ font-size:11px; font-weight:500; background-color:#f3f3f3; color:#fff; margin-left:6px; padding:4px 8px; border-radius: 50px;}
.chrt-count span:nth-child(1) b{ background-color: #4c33a0;}
.chrt-count span:nth-child(2) b{ background-color: #3ebdb7;}
.chrt-count span:nth-child(3) b{ background-color: #fd4657;}
.chrt-count span:nth-child(4) b{ background-color: #999999;}

.cntrct-chrt-box .cntrct-chrt-drp .cntrct-drp .form-group .custom-select{ font-size:14px; color:#4e6286; border:1px solid #e5e6f0; font-weight:400; padding-left:8px;}
.cntrct-chrt-box .cntrct-chrt-drp .cntrct-drp .form-group .custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,0);}
.cntrct-chrt-box .cntrct-chrt-footer{ width: 100%; text-align: center; color: #888; font-size: 10px; text-transform: uppercase; margin:25px 12px 10px; background-color: #f0f1f7; padding: 5px;}

.cntrct-chrt-rht .cntrct-chrt-rht-box{ width: 100%; background-color: #fff; margin-bottom:25px; padding:20px 20px; transition: 0.4s;}
.cntrct-chrt-rht .cntrct-chrt-rht-box:hover{ box-shadow: 0px 3px 20px 0px rgba(100, 100, 100, 0.1); transition: 0.4s;}
.cntrct-chrt-rht .cntrct-chrt-rht-box .cntrct-rht-top{ width: 100%; padding-bottom: 20px;}
.cntrct-chrt-rht .cntrct-chrt-rht-box .cntrct-rht-top h2{ font-size: 16px; color: #4e6286; text-transform: uppercase; font-weight: 500; position: relative; margin: 0; padding-bottom: 0px;}
.cntrct-chrt-rht .cntrct-chrt-rht-box .cntrct-rht-btm{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.cntrct-chrt-rht-box .cntrct-rht-btm .cntrct-btm-lft{ display: flex; flex-wrap: wrap;}
.cntrct-chrt-rht-box .cntrct-rht-btm .cntrct-btm-lft span{ width: 100%; color: #3d4862; font-size:28px; font-weight:400; line-height: 1.1;}
.cntrct-chrt-rht-box:nth-child(1) .cntrct-rht-btm .cntrct-btm-lft span{ color: #444;}
.cntrct-chrt-rht-box:nth-child(2) .cntrct-rht-btm .cntrct-btm-lft span{ color: #444;}
.cntrct-chrt-rht-box .cntrct-rht-btm .cntrct-btm-lft small{ width:100%; display:flex; font-size:14px; font-weight:400; color:#949fb0; padding-top:2px;}
.cntrct-chrt-rht-box .cntrct-rht-btm .cntrct-btm-rht{ display: flex; align-items: center;}
.cntrct-chrt-rht-box:nth-child(1) .cntrct-rht-btm .cntrct-btm-rht i{ font-size:48px; color: #f76572;}
.cntrct-chrt-rht-box:nth-child(2) .cntrct-rht-btm .cntrct-btm-rht i{ font-size:48px; color: #f9a82f;}
.cntrct-chrt-rht-box:nth-child(1){ background-color: #fff;}
.cntrct-chrt-rht-box:nth-child(2){ background-color: #fff; margin-bottom: 0;}

.cntrct-chrt-rht{ background-color: #fff; transition: 0.4s;}
.cntrct-chrt-rht:hover{ box-shadow: 0px 3px 20px 0px rgba(100, 100, 100, 0.1); transition: 0.4s;}
.cntrct-chrt-rht .cntrct-prd-wrk{ width: 100%; background-color: #fff; transition: 0.4s; overflow: hidden;}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tit{ width: 100%; padding:12px 0px 15px;}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tit h2{ font-size: 16px; color: #4e6286; text-transform: uppercase; font-weight: 500; position: relative; margin: 0; padding:2px 15px 15px; border-bottom: 1px solid #f0f1f7; position: relative;}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tit h2 i{ font-size: 16px; color: #b7bed2; margin-right:10px}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tit h2 span{ position: absolute; right:15px;}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tit h2 span a{ color: #7c7d93; text-transform: none; font-weight: 400; font-size:13px; transition: 0.4s;}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tit h2 span a:hover{ color: #ff7c00;}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tit h2 span a i{ font-size:11px; color: #d4d4d9; transform: translate3d(0, 0, 0); margin-right:4px;}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tbl{ overflow: auto; scrollbar-width: thin; transition: 0.4s; margin-bottom:20px; padding:0px 0px 0px 15px; margin-right: 13px;}
.cntrct-chrt-rht .cntrct-prd-wrk:hover .cntrct-prd-tbl{ overflow: auto; scrollbar-width: thin; transition: 0.4s;}
.cntrct-chrt-rht .cntrct-prd-wrk .tbl-bdy{ margin-top: 0;}
.cntrct-chrt-rht .cntrct-prd-wrk .table thead th{ padding: 4px 4px; color: #7e848e; background-color: #f1f3f7; font-weight: 400;}
.cntrct-chrt-rht .cntrct-prd-wrk .table > tbody > tr td{ padding: 4px 4px 4px; font-size: 12.5px; line-height: 1.5;}
.cntrct-chrt-rht .cntrct-prd-wrk .table > tbody > tr td a{ color: #007bff; line-height: 10px; margin-bottom: 0;}
.cntrct-chrt-rht .cntrct-prd-wrk .table > tbody > tr td small{ color: #444; display: block; text-transform: uppercase; font-weight: 500; letter-spacing: 0.4px;}
.cntrct-chrt-rht .cntrct-prd-wrk .table > tbody > tr td span.cntrct-date{ padding: 0px 8px; border-radius: 50px; background-color: #edf0f9; margin-left: 10px; text-transform: uppercase;}
.cntrct-chrt-rht .cntrct-prd-wrk .table > tbody > tr td span.cntrct-date b{ font-weight:500; font-size: 10px; color: #888;}
.cntrct-chrt-rht .cntrct-prd-wrk .table > tbody > tr:nth-of-type(2n){ background-color: #fff !important;}
.cntrct-chrt-rht .cntrct-prd-wrk .table > tbody > tr:hover{ background-color: #fff;}
.cntrct-prd-tbl .cmplt{ font-weight:500; font-size: 11px; text-transform: uppercase; text-align: center; color: #093; line-height: 10px;}
.cntrct-prd-tbl .cmplt small{ text-transform: none !important; font-size: 9px; color: #555 !important; display: block !important;}
.cntrct-prd-tbl .pndng{ font-weight:500; font-size: 11px; text-transform: uppercase; text-align: center; color: #e34e5b; line-height: 10px;}
.cntrct-prd-tbl .pndng small{ text-transform: none !important; font-size: 9px; color: #555 !important; display: block !important;}

.cntrct-prd-wrk .cntrct-chrt-drp{ width: 100%; padding:15px 15px 0px;}
.cntrct-prd-wrk .cntrct-chrt-drp .cntrct-drp .form-group{ margin-bottom: 0;}
.cntrct-prd-wrk .cntrct-chrt-drp .cntrct-drp{ display:grid; grid-template-columns: repeat(3, 1fr); gap:15px;}
.cntrct-prd-wrk canvas{ padding: 0px 10px 0px;}
.cntrct-prd-wrk .cntrct-chrt-drp .cntrct-drp .form-group .custom-select{ font-size: 14px; color: #4e6286; border: 1px solid #e5e6f0; font-weight:400; padding-left: 8px;}
.cntrct-prd-wrk .cntrct-chrt-drp .cntrct-drp .form-group .custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,0);}

.contractorchrt{ padding: 0px 10px 0px; width: 100%;}
.contractorchrt .chart-box{ width:100%; }
.contractorchrt .chart-box:nth-child(2) canvas{ height:180px !important; position: relative;}
.contractorchrt .chart-box:nth-child(2){ margin-top:5px;}
.cntrct-chrt-other .cntrct-chrt-box{ padding: 0px 0px 20px !important;}
.cntrct-chrt-other .cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tbl{ max-height:460px;}

/* Dashboard Tab */
.das-attendance{ width: 100%; padding:5px 10px 10px; display: flex; justify-content: space-between;}
.das-attendance .das-attendance-box{ width:66%; padding:0px 0px 0px; background-color: #fff; transition: 0.4s;}
.das-attendance .das-attendance-box:hover{ box-shadow: 0px 3px 20px 0px rgba(100, 100, 100, 0.1); transition: 0.4s;}

.attendance-head{ margin-bottom:0px;}
.attendance-head .attendance-tit{ width: 100%; border-bottom: 1px solid #f0f1f7; padding: 15px;}
.attendance-head .attendance-tit h3{ font-size: 16px; color: #4e6286; text-transform: uppercase; font-weight: 500; margin: 0; position: relative; padding-bottom: 0px;}
.attendance-head .attendance-tit h3 i{ font-size: 16px; color: #b7bed2; margin-right: 8px; }
.cntrct-attendance{ width: 100%; padding: 15px;}
.cntrct-attendance .cntrct-box{ width: 100%; display: flex; justify-content: space-between;}
.cntrct-box .cntrct-tabs{ width:100%;}
.cntrct-box .cntrct-tabs .nav-tabs{ border: 0;}
.cntrct-box .cntrct-tabs .nav-tabs a{ padding:6px 10px; text-align: center; font-size:12px; text-transform: uppercase; line-height:15px; color: #6c6d79; font-weight: 500; background-color: #e8e9f0; margin-right: 5px; border-radius:0px; border: 0; transition: 0.4s; letter-spacing: 0.4px;}
.cntrct-box .cntrct-tabs .nav-tabs a:last-child{ margin-right: 0;}
.cntrct-box .cntrct-tabs .nav-tabs a:hover{ background-color:#675388; transition: 0.4s; color: #fff;}
.cntrct-box .cntrct-tabs .nav-tabs a:hover small{ transition: 0.4s; color: #fff;}
.cntrct-box .cntrct-tabs .nav-tabs a small{ color:#555366; display:block; font-weight:500; letter-spacing:0.3px; text-transform: none;}
.cntrct-box .cntrct-tabs .nav-tabs a.active{ background: #675388; color: #fff; transition: 0.4s;}
.cntrct-box .cntrct-tabs .nav-tabs a.active small{ transition: 0.4s; color: #eee;}
.cntrct-box .cntrct-tabs .cntrct-tab-lnk{ display:flex; align-items: center; justify-content: space-between;}
.cntrct-chrt-drp{ width:32%;}
.cntrct-chrt-drp .cntrct-drp .form-group{ margin-bottom: 0;}
.cntrct-chrt-drp .cntrct-drp .form-group .custom-select{ font-size: 14px; color: #4e6286; border: 1px solid #e5e6f0; font-weight: 400; border-radius: 0;}
.cntrct-chrt-drp .cntrct-drp .form-group .custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,0);}

.cntrct-box .cntrct-tabs .tab-content{ padding:10px; border: 1px solid #e8e9f0; margin: 6px 0px; min-height:200px;}
.attend-list{ width: 100%; display:grid; grid-template-columns: repeat(3, 1fr); gap:0px; max-height:180px; overflow: auto; scrollbar-width: thin; scrollbar-color:#dfdfdf;}
.attend-list .attend-box{ width: 100%; display: flex; border-right: 1px solid #e8e9f0; padding:8px 8px; border-bottom: 1px solid #e8e9f0; align-items: center; flex-wrap: wrap;}
.attend-list .attend-box:nth-child(1){ border-top: 0;}
.attend-list .attend-box:nth-child(2){ border-top: 0;}
.attend-list .attend-box:nth-child(3){ border-top: 0;}
.attend-list .attend-box:nth-child(3n+3){ border-right: 0;}
.attend-list .attend-box .emp-tit{ width: 100%;}
.attend-list .attend-box .emp-tit h2.emp-name{ font-size: 10px; color: #5e6777; text-transform: uppercase; font-weight:500; margin: 0; padding-bottom: 2px;}
.attend-list .attend-box .emp-tit h2.emp-name i{ font-size:11px; color:#c7c0cc; margin-right:3px}
.attend-list .attend-box .attend-box-lft{ width: 50%; line-height: 12px;}
.attend-list .attend-box .attend-box-lft h3.emp-postn{ font-size: 11px; color: #a1a2aa; font-weight: 500; margin: 0; padding-bottom: 0px;}
.attend-list .attend-box .attend-box-lft small.emp-time{ color: #725b80; font-size: 10px; font-weight: 500;}
.attend-list .attend-box .attend-box-lft small span.emp-in{ color: #008f01;}
.attend-list .attend-box .attend-box-lft small span.emp-out{ color: #f76572;}
.attend-list .attend-box .attend-box-rht{ width: 48%;}
.attend-list .attend-box .attend-box-rht h2{ font-size: 16px; color: #4e6286; text-transform: uppercase; font-weight: 500; margin: 0; padding-bottom: 0px;}
.attend-list .attend-box .attend-box-rht .emp-lctn{ line-height:13px; padding:2px 0px;}
.attend-list .attend-box .attend-box-rht .emp-lctn small{ width: 100%; display: block; text-align:right; font-size: 10px; color: #76777d; letter-spacing: 0.1px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:500 }
.attend-list .attend-box .attend-box-rht .emp-lctn small b{margin-right:2px; font-size:9px; color:#999; font-weight:500; letter-spacing:0.2px;}

/* Dashboard Contractor Chart */
.attend-chrt-box{ padding:0px; background-color:#fff; border-radius:0px; transition:0.4s; width:32.9%;}
.attend-chrt-box:hover{ box-shadow: 0px 3px 20px 0px rgba(100, 100, 100, 0.1); transition: 0.4s;}
.attend-chrt-box .attend-chrt-header{ width: 100%; display: flex; justify-content: space-between; margin:0px 0px 0px; padding:15px 15px; align-items: center; border-bottom: 1px solid #f0f1f7;}
.attend-chrt-box .attend-chrt-header h2{ font-size:16px; color:#4e6286; text-transform: uppercase; font-weight:500; position: relative; margin: 0; position: relative; padding-bottom: 0px;}
.attend-chrt-box .attend-chrt-header h2 i{ font-size:16px; color: #b7bed2; margin-right:8px;}
.attend-chrt-box .attend-chrt-drp{ width: 100%; padding:15px 15px 13px;}
.attend-chrt-box .attend-chrt-drp .attend-drp{ width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap:15px;}
.attend-chrt-box .attend-chrt-drp .attend-drp .form-group .custom-select{ font-size: 14px; color: #4e6286; border: 1px solid #e5e6f0; font-weight: 400; border-radius: 0; padding-left: 7px;}
.attend-chrt-box .attend-chrt-drp .attend-drp .form-group .custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,0);}
.attend-chrt-box .attend-chrt-drp .attend-drp .form-group{ margin-bottom: 0;}
.attend-chrt-box #doughnutChart{ min-height:210px !important;}

/* Outler Dashboard Slider */
.das-scroll{ width: 100%; padding:5px 10px 10px;}
.das-scroll .das-scroll-box{ width: 100%; padding:0px 0px 5px; background-color: #fff;}
.tit-top{ width: 100%; display: flex; justify-content: space-between; margin: 0px 0px 0px; padding:8px 15px; align-items: center; border-bottom: 1px solid #f0f1f7;}
.tit-top .das-scrl-tit{ width: 60%;}
.tit-top .das-scrl-tit h3{ font-size: 16px; color: #4e6286; text-transform: uppercase; font-weight: 500; margin: 0; position: relative; padding-bottom: 0px;}
.tit-top .das-scrl-tit h3 i{ font-size: 16px; color: #b7bed2; margin-right: 8px; }
.tit-top .das-chrt-drp{ width:40%;}
.tit-top .das-chrt-drp .das-drp{ display:grid; grid-template-columns: repeat(2, 1fr); gap:10px;}
.tit-top .das-chrt-drp .das-drp .form-group{ margin-bottom: 0;}
.tit-top .das-chrt-drp .das-drp .form-group .custom-select{ font-size: 14px; color: #4e6286; border: 1px solid #e5e6f0; font-weight:400;}
.tit-top .das-chrt-drp .das-drp .form-group .custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,0);}

.examnr-scroll{ width: 100%;}
.examnr-time-dtl { align-items:center; height:100%; margin:20px 0px 15px; padding:0px 20px; width:100%; overflow:hidden; }
.examnr-time-dtl .examnr-time-box { background-color: #f6f7fb; padding:5px 0px 5px; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; min-height: 80px; border-radius:3px; margin-right:15px; transition: 0.4s; border: 1px solid #f0f1f5;}
.examnr-time-dtl .examnr-time-box:hover .usr-time small{ color: #44399e;}
.examnr-time-dtl .examnr-time-box a{ display:block; width: 100%;}
.examnr-time-dtl .examnr-time-box h2{ margin: 0;}
.examnr-time-dtl .examnr-time-box .usr-pto{ width: 100%; display: flex; justify-content: center;}
.examnr-time-dtl .examnr-time-box .usr-pto span{ width:45px; height:45px; border-radius: 50px; overflow: hidden; background-color: #fff; padding: 10px; border:1px solid #eff0f4}
.examnr-time-dtl .examnr-time-box .usr-name{ width: 100%; margin: 5px 0px 0px;}
.examnr-time-dtl .examnr-time-box .usr-name h2{ font-weight:500; font-size:11px; text-transform:uppercase; text-align:center; color:#2995d9; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; background-color:#fff; padding:1px 4px 2px; transition:0.4s;}
.examnr-time-dtl .examnr-time-box:hover .usr-name h2{ transition: 0.4s; color:#f76572;}
.examnr-time-dtl .examnr-time-box .usr-time{ width: 100%; line-height: 1.2; padding: 4px 5px;}
.examnr-time-dtl .examnr-time-box .usr-time small{ width:100%; display:block; text-align:center; font-size:10px; color:#62636a; /*letter-spacing:0.1px;*/ text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500;}
.examnr-time-dtl .examnr-time-box .usr-time small b{ margin-right: 2px; font-size:9px; color: #999; font-weight:500; letter-spacing: 0.2px;}
.examnr-time-dtl .examnr-time-box .usr-lctn{ width: 100%; line-height: 1.2; padding: 4px 5px 0px;}
.examnr-time-dtl .examnr-time-box .usr-lctn small{ width:100%; display:block; text-align:center; font-size:10px; color:#62636a; /*letter-spacing:0.1px;*/ text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500;}
.examnr-time-dtl .examnr-time-box .usr-lctn small b{ margin-right: 2px; font-size:9px; color: #999; font-weight:500; letter-spacing: 0.2px;}

.msg-info{ width: 100%; text-align: center; margin:30px 0px 10px; background-color: #f3f3f3; padding: 10px 10px; border-radius: 5px;}
.msg-info span{ width: 100%; color: #ff0000; font-size: 12px; display: block; padding-bottom: 2px;}
.dropzone{ border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 5px;}
.dropzone .dz-preview{ margin:16px 10px !important;}
.dropzone .dz-preview:nth-child(5n+5){ margin-right: 0; }
.dropzone .dz-preview .dz-image{ border: 1px solid #efefef; border-radius: 5px !important; display: flex !important; align-items: center; justify-content: center;}
.dropzone .dz-preview .dz-image img{ width: auto; height: auto; object-fit: contain;}
.dropzone .dz-preview.dz-error .dz-error-message{ top: 150px;}
.dropzone .dz-message{ text-align: center; margin: 5px 0px 10px; background-color: #f3f3f3; padding: 10px 10px 8px; border-radius: 50px; font-size: 16px; text-transform: uppercase; color: #444; font-weight: 500; border-left: 3px solid #cecece; border-right: 3px solid #cecece}
.dz-remove{ margin-top: 5px; font-size: 12px !important; letter-spacing: 0.5px;}

.modal{ z-index: 9999;}
#myModal .modal-dialog{ max-width: 980px}
.modal-body iframe{ width: 100% !important; min-height:300px;}
#myModal .modal-body{ min-height:500px;}
#myUploadModal .modal-body{ min-height:350px;}
#myUploadModal .modal-body iframe{ min-height: 420px;}
.modal-body iframe body{ padding-bottom: 0px; background-color: #fff;}

.mobiyes a.mobidisnon{ display: flex !important; flex-direction: column;}
.mobiyes a.redbutton{ display: none !important;}
.mobiyes a span{ background: #f00 !important; padding: 1px 7px; color: #fff !important; border-radius: 3px;}

.mobino a.mobidisnon{ display: flex !important; flex-direction: column;}
.mobino a.redbutton{ display: none !important; color: #fff; cursor: not-allowed;}
.mobino a span{ background: #f00; padding: 1px 7px; color: #fff !important; border-radius: 3px;}

@media (max-width: 1600px)
 {
 .navbar-dark .navbar-nav .nav-link{ padding: 10px 10px;}
 }
@media (max-width: 768px)
 {
 .mobiyes a.mobidisnon{ display: flex !important; flex-direction: column;}
 .mobiyes a.redbutton{ display: none !important;}
 
 .mobino a.mobidisnon{ display: none !important;}
 .mobino a.redbutton{ display: flex !important; flex-direction: column; color: #fff; cursor: not-allowed;}
 }

/* Extra large devices (large desktops, 1368px and up) */
@media (max-width: 1368px) 
 {
.das-chrt-rht .das-prd-wrk .das-prd-tbl{ max-height:270px;}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tbl{ max-height:280px;}
.examnr-time-dtl .examnr-time-box { margin-right:5px;}
.attend-chrt-box{ width: 32.2%;}
.cnt-rpt-rht .owl-buttons{ transform: translateX(-135%);}
.cntrct-chrt-other .cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tbl{ max-height: 280px;}
.adhoc-stat-box .adhoc-badge .adhoc-drp .drp{ width: 80%;}
.container-fluid{ padding-left: 10px; padding-right: 10px;}
.main-box1{ width: 27%;}
.altrow .examnr-time-box{ width: 15% !important;}
.paycontainer{ width: 90%;}
.videoarea .videolist{grid-template-columns: repeat(3, 1fr);}
.courselist{grid-template-columns: repeat(3, 1fr);}
.navbar-dark .navbar-nav .nav-link{ font-size: 14px; padding: 10px 7px;}
.wel_title{ font-size: 16px; width: 100%; text-align: center; margin-bottom: 0px;}
.nav-bg .optrow1{ flex-direction: column;}
.nav-bg .navbar{ align-self: center;}
 }

@media (max-width: 1200px) {
.cnt-rpt-rht .owl-buttons{ transform: translate(-116%);}
.enlarged .cnt-rpt-rht .owl-buttons{ transform: translate(-130%);}
.chrt-count{ flex-wrap: wrap; gap: 10px;}
.chrt-count span{ width:45%;}
.chrt-count span b{ padding: 5px 10px;}
.chrt-count span a{ display: flex; align-items: center; justify-content:space-between; padding: 2px 0px 2px 12px;}
.chrt-count span { margin-bottom: 10px;}
.leftbox{ background-color: #b5d8f7; width: 35%;}
.rightbox{ background-color: #fff; width: 65%;}
.main-box1{ width: 30%;}
.das-chrt{ display: flex; grid-template-columns: repeat(1, 1fr); gap:25px; flex-wrap: wrap;}
.das-chrt .das-chrt-box:nth-child(1){ width:100%;}
.das-chrt-rht{ width:100%;}
.altrow .examnr-time-box{ width: 18% !important;}
.paycontainer{ width: 95%;}
}

/* iPads (portrait and landscape) @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px)
 {
.leftbox{ background-color: #b5d8f7; width: 35%;}
.rightbox{ background-color: #fff; width: 65%;}
.resultbox{ width: 80%;}
.tbl-frm-case .card-header .acc .isu-lnk .isu-lnk-box{ padding:0px 4px 1px 2px;}
div.view b a{ width: 100%; font-size: 12px;}
#myModal .modal-dialog{ margin-top: 100px;}
.xsearchbdy::before{ width: 105%;}
#sidebar-menu ul{ padding-right: 6px;}
.splt select{ width: 22%;}
.splt input{ width: 76%;}
.examnr-org1 h2{ font-size: 19px; padding-left: 25px;}
.examnr-org1::before { width: 110px;}
.examnr-org1{ padding: 15px 10px 15px 10px;}
.examnr-org1 small{ right: 10px;}
.examnr-org1 span{ height: 110px;}
.examnr-org2{ padding: 15px;}
.examnr-org3 .examnr-icn span i { font-size: 12px; margin-right: 3px;}
.mini-statement{ grid-template-columns:repeat(2, 1fr);}
.das-chrt{ display: flex; grid-template-columns: repeat(2, 1fr); gap:25px;}
.das-chrt .das-chrt-box:nth-child(1){ width:100%;}
.das-chrt-rht{ width:100%;}
.cntrct-box .cntrct-tabs .nav-tabs a{ padding: 6px 8px;}
.cntrct-chrt-drp{ width: 25%;}
.cntrct-chrt .cntrct-chrt-box{ min-height:auto;}
.adhoc-statement{ grid-template-columns: repeat(1, 1fr);}
.adhoc-chrt-box .adhoc-chart .adhoc-chart-box:nth-child(1) canvas{ height: 160px !important;}
.contract-report .cnt-rpt .cnt-rpt-lft h2{ font-size: 14px;}
.contract-report .cnt-rpt .cnt-rpt-lft i{ font-size: 26PX;}
.cnt-rpt-rht .owl-buttons{ transform: translate(-109%);}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box h2{ font-size: 11px;}
.main-sidebar{ padding-bottom: 50px;}
.tbl-bdy{ min-height: 300px;}
.crse-sel .card-body .usr-roll .usr-lft{ width: 30%;}
.crse-sel .card-body .usr-roll .usr-rht{ width: 70%;}
.crse-sel .card-body .usr-roll .usr-rht span{ width: 24%;}
.ban-box{ width: 100%;}
.ban-box .tit i{ font-size: 80px;}
.ban-box .txt p{ font-size: 22px;}
.examnr-upload-dtls{ grid-template-columns: repeat(4, 1fr);}
.das-chrt{ display: flex; grid-template-columns: repeat(1, 1fr); gap:25px; flex-wrap: wrap;}
.das-chrt .das-chrt-box:nth-child(1){ width:100%;}
.das-chrt-rht{ width:100%;}
.optrow5{ justify-content:flex-start; flex-wrap: wrap;}
.optrow5 .flitem{ width: 25%; padding: 3px 3px;}
.nav-inname{ font-size: 18px;}
.qnum .number{ top: -15px; left: -15px; }
.qnum .anssta{ top: -15px; left: 194px;}
.modal.ansmodal .modal-dialog{ max-width: 95%;}
.altrow .examnr-time-box{ width: 23% !important;}
.plagirismbox .plagitopbox{ flex-wrap: wrap;}
.plagirismbox .plagitopbox .plagitopbox_item{ width: 33%; padding: 20px 0px;}
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(3){ border-right: 1px solid #e6e6e6;}
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4){ width: 66%;}
.plagirismbox .plagibottombox{ flex-wrap: wrap;}
.plagirismbox .plagibottombox .left{ width: 100%;}
.plagirismbox .plagibottombox .right{ width: 100%; margin-top: 20px; margin-right: 1%;}
.courselist{grid-template-columns: repeat(2, 1fr);}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
.body-content{ min-height: 900px;}
#sidebar-menu ul > li > a span b{ font-size: 13px;}
#sidebar-menu ul{ padding-right: 6px;}
body.adminbody .main-sidebar.left{ padding-right: 10px; }
.nav-bg{ height: 42px;}
.login{ left: 0; right: 0; margin: 0 auto;}
.login .login-box .login-det{ flex-wrap:wrap; align-items:center; padding:53px 30px 53px 30px;}
.breadcrumb-holder{ margin:0; padding: 25px 0px 8px;}
.breadcrumb-holder .main-title{ font-size:14px;}
.breadcrumb-holder .main-title i{ font-size: 13px;}
.login-bx-lft{ width: 315px;}
.content-page{ margin-bottom:0px;}
.breadcrumb-holder::before{ top:7px;}
.main-sidebar.left{ height: 100%; bottom: 0; padding-bottom: 0;}
.examnr-org2{ margin-bottom: 0;}
.examnr-org1{ flex-wrap: wrap; padding: 10px 10px 10px 30px; z-index: 0;}
.examnr-org1 span{ border-right: 0; width: 110px; padding: 0; height:90px;}
.examnr-org:hover .examnr-org1 span:before{ background-color: transparent;}
.examnr-org1 span img{ margin: 0 auto; width: auto; height: auto; object-fit: contain; border-radius: 0px;}
.examnr-org1 span::before{ background-color: transparent;}
.examnr-org1 span img{ margin: 0 auto; width: auto; height: auto; object-fit: contain; border-radius: 0px;}
.examnr-org1 h2{ padding-left: 0; width: 100%; margin: 0px 0px 5px; z-index: 9; font-size: 20px;}
.crse-sel .card-body .usr-roll .usr-rht span{ width:30%;}
.mini-statement{ width: 100%;}
.das-ser{ width: 100%; padding: 18px 15px 8px;}
.examnr-org3 .examnr-icn{ width: 100%;}
.das-chrt{ display: flex; grid-template-columns: repeat(1, 1fr); gap:25px; flex-wrap: wrap;}
.das-chrt .das-chrt-box:nth-child(1){ width:100%;}
.das-chrt-rht{ width:100%;}
.mini-stat-img .mini-des .min-rit strong{ font-size: 26px;}
.examnr-org1 { padding-left: 15px;}
.das-attendance{ flex-wrap: wrap;}
.das-attendance .das-attendance-box{ width: 100%; margin-bottom:20px;}
.attend-chrt-box{ width: 100%;}
.attend-chrt-box #doughnutChart{ min-height:300px !important;}
.cntrct-chrt{ grid-template-columns: repeat(1, 1fr);}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tbl{ max-height:320px;}
.adhoc-chrt-box .adhoc-chart .adhoc-chart-box:nth-child(1) canvas{ height: auto !important;}
.contractorchrt .chart-box:nth-child(2) canvas{ height: 220px !important;}
.chrt{ padding:15px 10px 20px;}
.navbar-custom{ min-height: 67px;}
.contract-report .cnt-rpt .cnt-rpt-lft{ width: 15%;}
.contract-report .cnt-rpt .cnt-rpt-rht{ width: 85%;}
.cnt-rpt-rht .owl-buttons{ transform: translate(-120%);}
.enlarged .cnt-rpt-rht .owl-buttons{ transform: translate(-140%);}
.adhoc-chart-box .chart-lnk .chart-viw-lnk h2{ font-size: 13.5px;}
.pwd-by{ width: 100%; right: 0; left: 0; margin: 0 auto; text-align: center;}
.error-box{ width: 100%;}
.examnr-upload-dtls{ grid-template-columns: repeat(3, 1fr);}
.form-row label{ text-align:left; padding:5px 0px; font-size:13px;}
.course-frm .form-control{ margin-left: 10px;}
.form-group label small.corrans input{ margin: 0 5px;}
.leftbox{ background-color: #b5d8f7; width: 30%;}
.rightbox{ background-color: #fff; width: 70%;}
.qopt{ flex-direction: column;}
.leftbox1 .qoptright{ flex-direction: row; width: 100%;}
.menuicon{ display: inline-block; font-size: 20px; color: #333;}
.navbar-dark .navbar-toggler{ background: #0a8ccc; position: fixed; top: 68px; right: 10px;}
.navbar-toggler-icon{ height: auto;}
.navbar-dark .navbar-toggler-icon i{ color: #333;}
#bootnavbar{flex-grow: unset !important; margin-top: 40px;}
.resultbox{ width: 90%;}
.navbar-toggler-icon{ height: 20px;}
.modal.ansmodal .modal-dialog{ max-width: 95%;}
.altrow .examnr-time-box{ width: 31% !important;}
.frm-title .chatarea{ flex-direction: column; margin: auto;}
.frm-title .chatarea a{ margin-bottom: 5px; margin-top: 5px;}
.frm-title h2{ justify-content:center}
.paycontainer{ width: 95%; }
.paycontainer h1{ margin-bottom: 0px;}
.videoarea .videolist{grid-template-columns:repeat(2, 1fr)}
.wel_title { font-size: 16px; width: 100%; text-align: left; margin-bottom: 10px; padding-left: 15px;}
}

@media (max-width: 800px) {
.cnt-rpt-rht .owl-buttons{ transform: translate(-113%);}
.enlarged .cnt-rpt-rht .owl-buttons{ transform: translate(-130%);}
.resultbox{ width: 95%;}
.resultbox .left{ border-right: 0px;}
.resultbox .right{ border-left: 0px;}
.modal.ansmodal .modal-dialog{ max-width: 95%; margin-left: auto; margin-right: auto;}
.frm-title{ flex-direction: column;}
.frm-title .status{ margin: auto; margin-top: 5px; display: inline-block;}
.paycontainer{ flex-direction: column;}
.paycontainer .payleft{ width: 100%;}
.paycontainer .payright{ width: 100%;}
.courselist{grid-template-columns: repeat(1, 1fr);}
.assesbox .asseslist .assestotal{ width:unset;}
.assesbox .asseslist .assesattend{ width:unset;}
.assesbox .asseslist .assesremain{ width:unset;}
.inst_title h1{ flex-direction: column;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
 
body { overflow-x: hidden; }
.chat_icon a{ bottom: 60px; right: 15px;}
.optrow2{ flex-direction: row;}
.main-optrow{ flex-direction: column;}
.main-box{ margin: 0px auto; padding-top: 0px;}
.main-box1{ width: 90%; margin: 10px auto;}
.mobans1{ display: none;}
.mobans{ display: block;}
.mobques{ display: block; border-top: #eee 3px solid; padding: 10px 0 5px 0; margin-top: 10px;}
.enlarged .left.main-sidebar { margin-left: -75px; }
.headerbar-left { width:200px; }
.headerbar-left span { display: none !important; }
.headerbar-left i { display: block !important; }
.headerbar .headerbar-btm::before{ background-color: transparent;}
.navbar-custom { margin-left:0px !important; }
.content-page { margin-left: 0 !important; }
.footer { left: 0 !important; }
.mobile-sidebar { left: 0; }
.mobile-content { left: 250px; right: -250px; }
.wrapper-page { width: 90%; }
.dataTables_wrapper .col-xs-6 { width: 100%; text-align: left; }
div#datatable-buttons_info { float: none; }
.ms-container { width: 100%; }
.navbar-toggleable-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.login .login-box .login-det h2{ font-size:21px;}
.button-menu-mobile{ padding:0px 15px; height: 38px;}
.nav-user img{ width:30px; height:30px;}
.navbar-custom .nav-link .tlogdwn{ padding:2px 12px 2px 12px;}
.navbar-custom .nav-lst{ margin-right:10px;} 
.headerbar .headerbar-left{ height: 63px;}
.headerbar{ box-shadow: 0 none;}
.navbar-custom{ min-height: 63px; box-shadow: none;}
.sticky .headerbar-btm{ box-shadow:none;}
.sticky .navbar-custom{ box-shadow: none; min-height: 63px;}
.sticky { box-shadow:0 none;}
#main::before { background: linear-gradient(180deg, #0399e3,#c7e6f7) !important; background: -webkit-linear-gradient(180deg, #0399e3,#c7e6f7) !important;}
.login .login-box span small{ line-height: 1.2; font-size: 14px;}
.login-bx-lft{ width: 285px;}
.login .login-box span b{ font-size: 12px;}
.login-bx-lft .lg-lft img{ max-height:90px;}
.login-form .form-group .form-control{ min-height: 38px;}
.login{ right: 0; margin: 0 auto; left: 0; transform: translateY(-70%); }
.toplnk{ text-align: right;}
.toplnk a{ margin-bottom: 2px;}
body.adminbody-void{ min-height: 700px;}
body.adminbody .main-sidebar.left{ padding-right: 5px; border-right: 1px solid #f0f1f7;}
.main-sidebar{ top:61px;}
.headerbar .headerbar-left .menu-left{ position: relative; right: auto; top:0px; padding:15px 6px 10px 5px; background:linear-gradient(90deg, #c7e6f7,#c7e6f7) !important;}
.headerbar .headerbar-btm .menu-left::before { height: auto; background-color: transparent;}
.breadcrumb-holder{ padding: 20px 0px 5px;}
.table td a, .table td button{ margin-bottom: 2px;}
.splt select{ width: 20%;}
.examnr-org1 h2{ z-index: 0;}
.examnr-org3 .examnr-icn{ width: 49%;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box h2{ font-size:11px; line-height: 1.2;}
.stat-cont-box .stat-count .stat-det .stat-lnk h2{ font-size: 12px;}
.incident-thumb{ grid-template-columns: repeat(3,1fr);}
.footer-main{ padding-left:0;}
.enlarged .footer-main { padding-left: 0; bottom: -61px; }
.profile-dropdown{ margin-top: 13px;}
.incident-view-list ul li b{ width: 30%;}
.incident-view ul li span{ width: 70%;}
.leftbox{ background-color: #b5d8f7; width: 100%;}
.rightbox{ background-color: #fff; width: 100%;}
.course-frm{ flex-direction: column;}
.frmflex section label{ text-align: left;}
.examnr-org-list ul li { width: 100%; }
.examnr-org-list ul li span{ border-left: none;}
.examnr-org-list ul li span::before { display: none;}
.examnr-org-list ul li b{ border: none;}
.optrow5{ justify-content:flex-start; flex-wrap: wrap;}
.optrow5 .flitem{ width: 50%; padding: 3px 3px;}
.qopt{ flex-direction: column;}
.leftbox1 .qoptright{ flex-direction: row; width: 100%;}
.documentarea .documentbox{ flex-direction: column; text-align: center;}
.documentarea .documentbox h1{ margin-bottom: 8px;}
.testarea .testbox{ flex-direction: column; text-align: center;}
.testarea .testbox h1{ margin-bottom: 8px;}
.videoarea .videolist{grid-template-columns:repeat(1, 1fr)}
#videolist{ width: 100%;}
}

@media (max-width: 767px) {
.breadcrumb-holder .main-title, .breadcrumb-holder .breadcrumb { float: none; }
.login .login-box .login-det .login-frm-lnk{ flex-wrap:wrap; text-align:center; justify-content:center; margin:5px 0px 20px;}
.login .login-box .login-det .login-frm-lnk a{ margin:10px 0px 10px; width:100%;}
.login .login-box .login-det .login-frm-lnk .login-frm-lnk1{ margin-left: 10px;}
.login .login-box .login-det h2{ font-size:20px;}
.login .login-box{ flex-wrap: wrap; margin-bottom:0;}
.login .login-box .login-det{ width: 100%; padding: 15px 30px 20px 30px;}
.login .login-box::after { background-color: transparent;}
.login-bx-lft{ width: 100%; position: relative; left: 0; height: 100%;}
.login .login-box .login-det form{ width: 100%;}
.attend-list{ grid-template-columns: repeat(2, 1fr);}
.attend-list .attend-box:nth-child(3n+3){ border-right: 1px solid #e8e9f0;}
.altrow .examnr-time-box{ width: 47% !important;}
.paysuccess{ width: 95%; }
.payfail{ width: 95%; }
.payinitiate{ width: 95%; }
.paycontainer .payleft{ padding: 20px 10px;}
.paycontainer .payright{ padding: 20px 10px;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
.paycontainer .payright .payexamlist{ grid-template-columns: repeat(2, 1fr);}
.ques_title .empty{ display: none; }
.ques_body .ques_title h1{ text-align: left;}
.ques_body .ques_title h2{ text-align: right;}
.paycontainer{ margin-top: 10px !important;}
.planbutton{ top: 240px !important;}
.planbutton:hover{ top: 235px !important;}
.modal.ansmodal1 .modal-dialog{ max-width: 100%;}
.altrow .examnr-time-box{ width: 80% !important; margin-left: auto !important; margin-right: auto !important;}
.ansmodal1{ top: 30px;}
.exset-box .total{width:40%;}
.leftbox1 .qoptleft{ flex-direction: column;}
.leftbox1 .qoptright{ padding: 15px 0 10px; }
.qbanbox .qbanrow{ font-size: 14px;}
.navbar-custom { flex-direction: column;}
.navbar-dark .navbar-toggler{ top: 74px; }
.nav-inname{ font-size: 14px; padding-bottom: 3px;}
.profile-dropdown{ margin-top: 0px;}
body.adminbody .main-sidebar.left{ margin-top: 0;}
body.adminbody-void{ min-height:auto; margin-bottom: 20px;}
#main.enlarged .navbar-custom{ padding:0px 15px 10px 0px;}
.sticky .headerbar-btm{ box-shadow: none;}
.sticky .navbar-custom{ transition: 0.4s; padding:5px 15px 5px; min-height: 61px;}
.sticky{ background-color: #fff;}
.navbar-custom .lan { font-size: 11px; padding: 0px 25px 0 5px; right: 56px; height: 22px; }
.remainder span{ box-shadow: none; width: 16px; height: 16px;}
.remainder a{ width: 26px; height: 26px;}
.remainder a i{ font-size: 12px;}
.quick-srch{ display: none;}
.content-page .content{ padding:0;}
.button-menu-mobile{ padding:2px 2px; right:auto; margin-left: 0px; color: #8696b5; height: 34px;}
.headerbar{ display: flex; background: linear-gradient(90deg, #a6d8f3,#0098e3) !important; }
.stky{ width: 100%;}
.form-nomor{ justify-content: space-between; flex-wrap: wrap;}
.sticky{ box-shadow: 0 15px 20px -15px rgba(0,0,0,0.3);}
.course-frm{ display:inline-block; padding: 0px 5px;}
.form-group{ margin-bottom: 3px;}
.cel-split input{ width:40%;}
.toplnk{ padding-top: 10px; min-width: 50px; width: 100%; border-top: 1px solid #302e75; margin-top:10px;}
.breadcrumb-holder::before{ top:0px; width: 450px; right: -15px;}
.clndr { margin-right: 10px; color: #444; font-size: 11px; background-color: #eee; border-radius: 50px; padding: 4px 8px; position: absolute; right: 50px; top: 5px; }
.clndr i { color: #666; font-size: 12px; }
.logo { top: 1px; justify-content: flex-start; padding-left:0px; padding-right:5px; height: 62px; }
.frm-title { margin-bottom: 10px; flex-direction: column; }
.frm-title .editor{ display: flex; justify-content: left;}
.frm-title h2{ flex-wrap: wrap;}
.frm-title .toplnk{ border-top: 0; width: auto; padding-top:3px; margin-top: 0;}
.role-display h2{ font-size: 15px !important;}
.incident-view-list ul li{ flex-wrap: wrap; padding: 10px 0px;}
.incident-view-list .incident-title h2{ font-size: 16px;}
.incident-view-list ul li b{ width: 100%;}
.incident-view ul li span{ width: 100%; padding: 10px; border-left: 0; border-top:1px solid #f0f1f7;}
.examnr-upload-dtls{ grid-template-columns: repeat(2, 1fr);}
.cntrct-box .cntrct-tabs .cntrct-tab-lnk{ flex-wrap: wrap; justify-content: center;}
.cntrct-box .cntrct-tabs .cntrct-tab-lnk nav{ width: 100%;}
.cntrct-box .cntrct-tabs .nav-tabs a{ padding: 6px 6px; margin-bottom:5px; width: 100%; margin-right: 0;}
.cntrct-box .cntrct-tabs .tab-content{ height: auto;}
.cntrct-chrt-drp{ width: 100%;}
.attend-list{ grid-template-columns: repeat(1, 1fr); max-height:270px;}
.attend-list .attend-box{ border:1px solid #e8e9f0; margin-bottom: 2px;}
.attend-list .attend-box:nth-child(1){ border-top: 1px solid #e8e9f0;}
.attend-list .attend-box:nth-child(2){ border-top: 1px solid #e8e9f0;}
.attend-list .attend-box:nth-child(3){ border-top: 1px solid #e8e9f0;}
.attend-chrt-box #doughnutChart{ min-height: 220px !important;}
.cntrct-chrt-box .cntrct-chrt-drp .cntrct-drp{ grid-template-columns:repeat(1, 1fr); gap: 5px;}
.cntrct-prd-wrk .cntrct-chrt-drp .cntrct-drp{ grid-template-columns:repeat(1, 1fr); gap: 5px;}
.cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tbl{ max-height:100%;}
.cntrct-chrt-rht .cntrct-prd-wrk .table > tbody > tr td{ line-height: 1.3;}
.mini-stat{ width: 100%; margin-right: 0;}
.tbl-des .tbl-des-rht h2{ font-size: 16px;}
.tbl-des .tbl-des-lft{ width: 100%;}
.tbl-des .tbl-des-rht{ width: 100%; border-left: 0 none; padding-left: 0;}
.ser-box h2{ font-size: 16px;}
.ser-box .test-ptrs{ padding: 15px 20px;}
.ser-box .ser-box-cnt .ser-tit h2{ font-size: 16px;}
.ser-box .ser-box-cnt .ser-image{ height: 110px; width: 110px;}
.nav-user img{ width:26px; height:26px;}
.navbar-custom{ margin-left:0px !important; min-height: 60px; padding:0px 15px 0px 0px;}
.navbar-custom .nav-lst{ margin-right:2px;}
.navbar-custom .nav-lst .dropdown .btn-nav{ font-size:10px; padding:3px 10px; margin-top:1px;}
.navbar-custom .nav-link .tlogdwn i{ padding:0 5px 0px 3px; margin-top:1px;}
.navbar-custom .nav-link { border-radius: 50px;}
.nav-bg{ top: 70px;}
.wel_title{ font-size: 16px;}
.headerbar .headerbar-left{ height: 61px; border-right: 0; width: auto; padding-left: 10px; background: none !important;}
.headerbar .headerbar-left .menu-left{ position:relative; right:auto; background:linear-gradient(160deg, #fff,#fff) !important; padding:15px 0px 10px 5px;}
.headerbar .headerbar-left .menu-left::before { background:linear-gradient(160deg, #fff,#fff) !important; height: 100%; color: #666666;}
.headerbar .headerbar-left .logo img{ padding:0px; max-height:43px; margin-top:5px;}
.logo{ padding-left:0px;}
.breadcrumb-holder .main-title{ font-size:14px;}
.breadcrumb-holder .main-title i{ font-size: 13px; margin-right:2px;}
.breadcrumb-holder .breadcrumb::before{ background-color:transparent; border-left:0 none}
.breadcrumb-holder .breadcrumb{ font-size:12px; background:transparent !important; width:100%; padding:10px 0px; margin:8px 0px 4px !important; border-top:1px solid #5B5B5B; border-radius:0;}
.breadcrumb-holder{ border-bottom:0 none; padding:15px 0px 2px 0px; margin-bottom:20px; margin-bottom:0px; flex-wrap: wrap;}
.main-sidebar{ width: 220px;}
#sidebar-menu:after { position: absolute; content: ""; background-color: #eee; top: 0px; left: 0; width:100%; height: 1px; }
.card-title{ font-size:22px;}
.logbg{ padding:15px 30px 20px;}
.logbg .brand{ margin-top:20px !important;}
.logfrm:before, .logfrm:after{ background:transparent;}
.logfrm:hover:before, .logfrm:hover:after{ background:transparent;}
.frm-flx{ flex-wrap: wrap;}
.login{ width:90%; transform: translateY(-65%);}
.login-bx-lft .lg-lft{ margin-top: -40px;}
.login .login-box span{ bottom:15px;}
.login .login-box .log-logo{ min-height:200px;}
.login .login-box{ flex-wrap:wrap; justify-content: center; margin-bottom:10px; margin-top:0px;}
.login .login-box .login-lft{ min-height:280px; width:100%; border-right:none;}
.login .login-box .login-lft::before{ -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); background-color: rgba(255, 255, 255,0.80);}
.login .login-box .login-det{ width:100%; padding:20px 20px 20px 15px;}
.login .login-box .login-det::after{ background-color: transparent;}
.login .login-box .login-det h2{ text-align:center; font-size:22px; width:100%; margin:5px 0px 25px; font-weight: 500; color: #008f01;}
.login .login-box .log-logo{ top:-50px; left:auto; width:70%;}
.login .login-box .login-lft span{ line-height: 1.3; padding: 25px 10px 5px;}
.login .login-box .login-lft img{ height: 94px; width: auto;}
.login .login-box .login-det .login-frm-lnk label{ justify-content: center; width: 100%;}
.login .login-box .login-det .login-frm-btn{ display: flex; justify-content: center; padding: 15px 0px 0px; margin: 15px 0px 0px;}
.login .login-box .login-det .login-frm-lnk{ margin: 5px 0px 10px;}
.login .login-box .login-det .login-frm-lnk1{ margin:5px 0px 0; width: 100%;}
.login .login-box::before{ background-color: transparent;}
.login .login-box::after{ background-color: transparent;}
.login-form .login-frm-main .form-group{ margin-bottom:22px;}
.login-page::before{ width:95%; -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0% 100%); clip-path:polygon(50% 0, 100% 0, 100% 100%, 0% 100%);}
.breadcrumb-holder .main-title i{ padding-right: 5px;}
.scrollToTop{ display: block !important;}
.crse-sel .card-body{ padding:2px 5px !important;}
.crse-sel .card-body .usr-roll{ flex-wrap: wrap; padding: 5px 0px;}
.crse-sel .card-body .usr-roll .usr-lft{ width: 100%; margin-right: 0; padding:0px 5px;}
.crse-sel .card-body .usr-roll .usr-lft h2{ font-size:15px !important; margin:2px 0px 5px!important; font-weight:600!important; }
.crse-sel .card-body .usr-roll .usr-rht{ width: 100%;}
.crse-sel .card-body .usr-roll .usr-rht span{ width:45%; margin: 4px 0px 4px 3px;}
.crse-sel .card-body .usr-roll .usr-rht span label{ font-size: 12px;}
.crse-sel .card-body .usr-roll .usr-rht span:nth-child(3n+3){ margin-right: 0;}
.examnr-org{ margin-top: 0;}
.examnr-org1{ justify-content: center; padding: 25px 10px 20px;}
.examnr-org1::before{ background-color: transparent;}
.examnr-org1 span{ height:80px; width:180px; z-index: 0; margin-bottom: 10px;}
.examnr-org1 h2{ font-size: 18px; text-align: center; margin: 15px 0px 10px; z-index: 0; letter-spacing: 0;}
.examnr-org1 small{ margin:10px 0px 0px; position:relative; right:auto; border-top:1px solid #ebecf4; width:100%; padding-top:20px; text-align:center;}
.examnr-org1 small a{ padding: 2px 20px 3px 15px;}
.examnr-org:hover .examnr-org1::before{ background-color: transparent;}
.examnr-org-list ul li{ flex-wrap: wrap;}
.examnr-org3 .examnr-icn{ width: 100%; margin-right:0;}
.examnr-org2{ padding:10px; margin-top:5px;}
.remainder{ margin-right: 4px; position: absolute; right: 180px;}
.xbtn-add { padding: 3px 10px 1px;}
.tbl-frm{ margin-top: 10px; padding: 10px 10px 10px;}
.table thead th{ font-size:12px; background-color: #747796;}
.table > tbody > tr td{ font-size:13px;}
.pgn-lft, .pgn-rht{ justify-content:center; padding:5px 0px; overflow: auto;}
.dataTables_paginate{ width: 100%;}
.pagination{ padding:0px 15px; justify-content: center;}
.body-content{ padding-bottom:15px; min-height: 1000px;}
.remainder small{ padding-top:4px;}
.scrollToTop { bottom:10px; right:10px; }
.scrollToTop:hover{ bottom: 20px;}
.xsearchbdy label.empty{ height: 15px;}
.xsearchbdy .form-group label{ padding-left: 0;}
.content-page .content{ padding: 0;}
.content-page .content:before { height: 258px;}
.form-row label{ text-align:left; padding:5px 0px; font-size:13px;}
.form-group label.col-md-4{ padding: 5px 10px;}
.form-row .col-xl-12 label{ padding: 5px 10px;}
.course-frm .form-control{ margin-left: 0px;}
.course-frm .col-md-8 .form-control{ margin-left: 0px;}
.form-row .col-xl-12 textarea{ width: auto;}
.crse-sel .card::after{ left: 4px;}
.splt2-frm{ flex-wrap: wrap;}
.mini-statement{ grid-template-columns: repeat(1, 1fr); gap: 15px;}
.examnr-contrt-org1{ flex-wrap: wrap; padding: 10px 5px 30px;}
.examnr-contrt-org1 span{ border-right: 0 none; text-align: center; width: 100%; z-index: 0;}
.examnr-contrt-org1 span::before { background-color: transparent;}
.examnr-contrt-org1 span img{ max-height: 90px;}
.examnr-contrt-org1 .examnr-contrt-tit{ text-align: center;}
.examnr-contrt-org1 h2{ font-size:20px; padding-left: 0;}
.examnr-contrt-org1 .examnr-contrt-tit h3{ font-size: 14px; padding: 0;}
.drp-box{ padding: 8px 10px;}
.main-sidebar.left{ border-right: 1px solid #f0f1f7;}
.examnr-contrt-org-list ul li{ flex-wrap: wrap;}
.examnr-contrt-org-list ul li b{ width: 100%; border-radius: 0; border-right:1px solid #e7e8f0;}
.examnr-contrt-org-list ul li span{ width: 100%; border-left: 1px solid #e4e5ee; border-radius: 0; margin-top:-1px;}
.das-tbl-2 h2{ font-size:15px;}
.das-tbl-2 small{ font-size: 12px; padding: 2px 15px;}
.das-tbl h2{ font-size: 15px; padding: 10px 0px;}
.das-tbl .table th{ font-size: 13px;}
.tit-top .das-chrt-drp .das-drp{ grid-template-columns:repeat(1, 1fr);}
.tit-top .das-scrl-tit h3{ padding: 2px 0px 5px;}
.das-chrt{ padding-bottom: 10px;}
.das-chrt-box .das-chrt-header{ padding: 15px 15px;}
.das-chrt-box .das-chrt-header h2{ font-size: 15px;}
.das-chrt-box .das-chrt-drp .das-drp{ grid-template-columns: repeat(1, 1fr); gap: 10px;}
.das-chrt .das-chrt-box{ min-height: auto; width: 100%;}
.das-chrt .das-chrt-box:nth-child(1){ margin-bottom: 15px;}
.das-chrt-rht .das-prd-wrk .das-prd-tbl{ max-height: 100%;}
.das-prd-wrk .das-chrt-drp .das-drp{ grid-template-columns: repeat(1, 1fr); gap: 10px;}
.tit-top{ flex-wrap: wrap; padding: 15px 15px;}
.tit-top .das-scrl-tit{ width: 100%;}
.tit-top .das-chrt-drp{ width: 100%; margin-top: 10px;}
#main::before { height:230px;}
.contract-report .cnt-rpt{ flex-wrap: wrap;}
.contract-report .cnt-rpt .cnt-rpt-lft{ width: 100%; border-bottom:1px solid #f0f1f7; padding:6px 0px;}
.contract-report .cnt-rpt .cnt-rpt-rht{ width: 100%; border-left:0 none;}
.contract-report .cnt-rpt .cnt-rpt-lft i{ font-size: 36px;}
.contract-report .cnt-rpt .cnt-rpt-lft h2{ font-size: 16px;}
.contract-report .cnt-rpt .cnt-rpt-rht .cnt-rpt-box h2{ font-size: 10px;}
.enlarged .cnt-rpt-rht .owl-buttons{ width:100%; transform:translate(0%); position:relative; margin:3px 0px 0px; border-top:1px solid #f0f1f7; padding-top:15px;}
.cnt-rpt-rht .owl-controls .owl-buttons div{ background-color: #f0f1f7; padding: 5px;}
.cnt-rpt-rht .owl-buttons i{ color: #707d9b;}
.assesbox{ flex-direction: column-reverse; padding: 10px 20px;}
.assesbox .asseslist{ flex-direction: column;}
.assesbox .asseslist .assestotal{ width: 100%;}
.assesbox .asseslist .assesattend{ width: 100%;}
.assesbox .asseslist .assesremain{ width: 100%;}
.assesbox .startassess{ margin: 20px auto 25px;}
.adhoc-statement{ padding: 4px 10px 16px;}
.adhoc-statement .adhoc-stat-lft{ grid-template-columns: repeat(1, 1fr);}
.adhoc-chart-box{ flex-wrap: wrap;}
.adhoc-chart-box .chart-box{ width: 100%;}
.adhoc-chart-box .chart-lnk{ width: 100%; border-left: 0;}
.adhoc-chart-box .chart-lnk .chart-viw-lnk{ align-items: center;}
.adhoc-chart-box .chart-lnk .chart-viw-lnk h2{ margin-bottom: 0; margin-right: 10px;}
.adhoc-top{ flex-wrap: wrap; padding: 15px 15px;}
.adhoc-top .das-scrl-tit{ width: 100%;}
.adhoc-top .das-chrt-drp{ width: 100%; margin-top: 10px;}
.chrt-count{ padding: 20px 0px 0px;}
.chrt-count span a { font-size: 11px;}
.chrt-count span { width: 48%;}
.chrt{ padding-bottom: 10px;}
.cntrct-chrt-other .cntrct-chrt-rht .cntrct-prd-wrk .cntrct-prd-tbl{ max-height: 100%;}
.tbl-bdy{ min-height: auto;}
.xsearchbdy{ background-color: #fff2cb; }
.incident-thumb{ grid-template-columns: repeat(2,1fr);}
.ques_body{ padding:0px 00px;}
.error-box .txt p{ font-size: 16px;}
.error-box .tit i, .error-box .tit h2{ font-size: 46px;}
.ban-box{ padding: 10px;}
.ban-box .tit i{ font-style: 60px;}
.ban-box .txt p{ padding: 30px 0px; font-size: 18px;}
.form-box-main .form-box{ flex-wrap: wrap;}
.form-box-main .form-box .form-title{ width:100%; margin-bottom:10px; border-right:0 none; border-bottom:1px solid #dedede; padding-bottom:5px; margin-right: 0;}
.frm-radio{ padding-left: 0; border-left: 0 none;}

.main-footer span{ text-align:center}
.main-footer{ flex-wrap: wrap; justify-content: center;}
.main-footer span.cptext{ width: 100%; display: block; margin-bottom: 10px; text-align: center;}
.pwd-by{ right:0; left: 0; margin: 0 auto; bottom:25px; display:flex; justify-content:center; width:100%;}

.das-tbl-2 .org-tab-hed{ flex-direction: column;}
.optrow5{ justify-content:flex-start; flex-wrap: wrap;}
.optrow5 .flitem{ width: 100%; padding: 3px 3px;}

.cam-box{ display: none;}
.modal-dialog{ width: 95% !important;}
.plagirismbox .plagitopbox .plagitopbox_item{ width: 100%; border-right: 1px solid #e6e6e6; }
.plagirismbox .plagitopbox .plagitopbox_item:nth-child(4){ width: 100%;}

}
 
/* my styles */
/* Alert */
.alert { position: fixed; top:80px; right:18px; z-index: 9999; width:350px; height: auto;}
.alert-success { color:#fff; background-color:rgba(16, 170, 5, 0.85); border-color:#0ca101; font-weight:300;padding:3px 10px; margin-bottom: 15px; border-radius:5px; transition:all 0.4s; display:flex; justify-content: space-between; align-items:center;}
.alert-success button.close{ border: 0; background-color: transparent; color: #fff !important; font-size: 14px; padding:0px 5px 0px;}
.alert-danger { color: #fff; background-color:rgba(249, 60, 66, 0.85); border-color: #ec3840; font-weight:300; padding: 5px; margin-bottom: 15px; border-radius: 5px; transition: all 0.4s;}
.alert-danger button.close{ border: 0; background-color: transparent; color: #fff !important; font-size: 14px; transition: all 0.4s;}
.alert-error { color: #fff; background-color:rgba(237, 28, 36, 0.85); border-color: #ff0000; font-weight:400; transition: all 0.4s;}

label.required:after { color: #ff0000; content: "*"; margin-left: 5px; font-size: 14px;}
.help-block { color: red; }
p.help-block{ margin: 0; font-size: 13px; position: absolute; }
.rightbox1 p.help-block{ margin: 0; font-size: 13px; position: unset !important; }
.error{ color: #ec2029 !important; font-size: 12px !important; width: 100% !important}
#type-error{ color: #ec2029 !important; font-size: 12px !important;}
.cke_button__easyimageupload { display:none !important; }
#modal_form input[type=text], #modal_form select, #modal_form textarea { background: #fff7be !important; border: 1px solid #ddd; border-radius: 2px; }
.no-rcd{ width: 100%; display: flex; align-items: center; justify-content: center; text-align:center; font-size: 16px; text-transform: uppercase; color: #636363; padding: 10px 0px; transition: 0.8s; }
.no-rcd:hover i{ animation-name: zoomIn; animation-duration: 1s; transition: 0.8s;}
.no-rcd i{ color: #f42b2b; margin-right: 5px; font-size: 26px; transition: 0.8s;}
p.no-rcd{ margin-bottom: 0; border-bottom: 1px solid #e8e9f0;}
.iconpicker-container .fade:not(.show){ opacity: 1;}

/* Text Colors */
.badge-warning{ color: #fff !important; background-color: #fd6f6f;}
.text-red { color: #dd4b39 !important; }
.text-yellow { color: #f39c12 !important; }
.text-aqua { color: #00c0ef !important; }
.text-blue { color: #0073b7 !important; }
.text-black { color: #111 !important; }
.text-light-blue { color: #3c8dbc !important; }
.text-green { color: #00a65a !important; }
.text-gray { color: #d2d6de !important; }
.text-navy { color: #001f3f !important; }
.text-teal { color: #39cccc !important; }
.text-olive { color: #3d9970 !important; }
.text-lime { color: #01ff70 !important; }
.text-orange { color: #ff851b !important; }
.text-fuchsia { color: #f012be !important; }
.text-purple { color: #605ca8 !important; }
.text-maroon { color: #d81b60 !important; }
.pr-red{ color: #ff3d3d;}
.text-live { color: #fff !important; background-color: #f00; padding: 1px 5px; text-transform: uppercase; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px;}
/* // my styles */

.border-gray{ border: #c9d6de 1px solid;}
.border-bot-dot{ border-bottom: #ddd 2px dotted; margin: 30px 0px;}
.border-bot-dot1{ border-bottom: #ddd 2px dotted; margin: 00px 0px 20px;}

.checkbox { display: none;}
.checkbox + label {display: inline-block;position: relative;width: 62px;height: 31px;
background: -webkit-gradient(linear, left top, right top, color-stop(0, #fd1a15), color-stop(45%, #fc8b34), color-stop(55%, #7fd03e), to(#007177)) 0 0;
background: linear-gradient(to right, #fd1a15 0, #fc8b34 45%, #7fd03e 55%, #007177 100%) 0 0;
background-size: 170px 100%;border-radius: 15px;padding: 7px;cursor: pointer;-webkit-transition: all 500ms ease;transition: all 500ms ease;margin-left: 7px;
}
.checkbox + label:before {content: "Off";width: 27px;height: 25px;position: absolute;left: 3px;top: 3px;border-radius: 15px;background: #fff;text-align: center;line-height: 25px;
font-size: 12px;font-weight: 500;color: #fd1a15;text-transform: uppercase; -webkit-transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease;
 transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease; transition: left 500ms ease, color 500ms ease, transform 150ms ease;
 transition: left 500ms ease, color 500ms ease, transform 150ms ease, -webkit-transform 150ms ease;
}
.checkbox + label:active:before { -webkit-transform: scale(0.95); transform: scale(0.95);}

.checkbox:checked + label { background-position-x: -90px;}
.checkbox:checked + label:before { content: "On"; color: #007177; left: 32px;}

.card-footer a.hintlink{ display: inline-block; background-color: green; padding: 5px 10px; font-size: 14px; color: #fff;}
.card-footer a:hover.hintlink{ background-color: #333; color: #fff; }
.card-footer a.clearans{ display: inline-block; background-color: #999; padding: 5px 10px; font-size: 14px; color: #fff;}
.card-footer a:hover.clearans{ background-color: #333; color: #fff; }

.popfrm{ background: #f6f2e6; padding: 10px; margin: 10px 0px; border-radius: 5px;}
.popfrm1{ background: #ffc107; padding: 10px; margin: 10px 0px; border-radius: 5px;}
.popfrmclo{ position: absolute; top: 8px; right: 8px;}
.popfrmclo i{ color: #afaa9a; font-size: 20px;}
.popfrmclo i:hover{ color: rgb(255, 0, 0);}

.logout-warn{ font-size: 15px; color: #000; text-align: left;}
.logout-warn h2{ font-size: 17px; color: #164397; }
.logout-warn h3{ font-size: 20px; text-transform: uppercase; color: #000; }
.logout-warn h6{ font-size: 25px; text-align: center; color: #f00; padding: 10px 0; }
.redtxt{ color: #f00;}

.eothlink{ font-size: 14px; display: flex; justify-content: flex-end; margin-top: 10px; }
.eothlink a{ background-color: #018aca; border-radius: 5px; color: #fff; display: flex; align-items: center; padding: 0 0 0 10px; margin-left: 10px; }
.eothlink a span{ background-color: #333; border-radius: 0 5px 5px 0; color: #fff; padding: 5px 13px; margin-left: 8px; font-weight: 800; }
.eothlink a:hover{ background-color: #006a9b;}
.eothlink a:hover span{ background-color: #000;}

.bootbox-error .modal-header{ background-color: #ff4d4f;}
.bootbox-error .modal-header h5{ color: #fff;}

.bootbox-success .modal-header{ background-color: #52c41a; }
.bootbox-success .modal-header h5{ color: #fff;}

.bootbox-info .modal-header{ background-color: #1890ff; }
.bootbox-info .modal-header h5{ color: #fff;}

.bootbox-warning .modal-header{ background-color: #faad14; }
.bootbox-warning .modal-header h5{ color: #fff;}


.modal-body .equestion { padding-top:20px; }
.modal-body .equestion .box-title { font-size: 16px; }
.modal-body .equestion .box-title2 { font-size: 20px; text-transform: uppercase; margin: 6px 0 0; }
.modal-body .equestion .text-red label { color: #eb1c27; cursor: pointer; }
.modal-body .card-body h2 { font-size: 20px; color: #eb1c27; }
.modal-body .equestion .card-body .timer{ font-size: 20px; color: #000; font-weight: 800; width: 100px; border-radius: 50%; border: #ccc 1px solid; display: inline-block; align-content: center;}
.modal-body .equestion .card-body .question{ display: flex; flex-direction: row; justify-content: space-around;}

.modal-body .equestion .card-header a{ display: inline-block; padding:3px 5px; background-color: #164397; color: #fff; border-radius: 7px;}
.modal-body .equestion .card-header a:hover{ background-color: #14a007; color: #fff; border-radius: 7px;}
.modal-body .equestion .card-header a i{ font-size: 20px;}

.modal-body .card-body h5 { font-size: 18px; color: #333; padding-top: 15px; }
.modal-body .card-body .audio{ margin:20px 0 10px 0;}
.modal-body .card-body .audio audio{ width: 100%;}
.modal-body .card-body .audio video{ width: 100%;}
.modal-body .ematch { margin-bottom:20px; }
.modal-body .ematch label { background-color:#CCC; width:50px; margin-right:10px; padding:5px 10px; text-align:right; display:inline-block; border-radius:4px; cursor: pointer; }
.modal-body .ematch label input { margin-right: 5px; }
.modal-body .ematch label:hover { background-color: #eb1c27; color: #ffffff; }
.modal-body .ematch strong { margin-right:5px; }

.modal-body .pad1{flex-direction: column; border-top: 2px dotted #ccc; margin-top: 20px; padding-top: 10px;}
.modal-body .answer-opt{ padding: .375rem .75rem; width: 100%; border: #eee 1px solid; border-radius: 0 4px 4px 0; border-left: none; }
.modal-body .radio{ margin: 5px 0; width: 100%;}
.modal-body .radio input{ margin-right: 5px;}
.modal-body .answer-opt math{ font-size: 16px; }
.modal-body .answer-opt img{ max-width: 350px !important; max-height: 150px !important; width: auto !important; height: auto !important;}
.modal-body .card-body img{ max-width: 350px !important; max-height: 150px !important; width: auto !important; height: auto !important;}

.right_ans{ background: #ccf0d3 !important; padding: 2px; border-radius: 4px; }
.right_ans .input-group-text{ background: green; border: green; color: #fff; font-weight: 600;}

.matchlist{ width: 100%; float: left; border-top: #dee2e6 1px solid; margin: 10px 0; }
.matchlist ul{ margin: 0px !important; padding: 0px; border-left: #dee2e6 1px solid; border-right: #dee2e6 1px solid; list-style: none !important; width: 50%; float: left; }
.matchlist li{ padding: 15px !important; border-bottom: #dee2e6 1px solid;}
.matchlist li:nth-child(2n+1){ background: rgba(0,0,0,.05);}
.matchlist ul:first-child{ border-right: 0px;}
.matchlist li.ansdis2{ background: #d4f7d4;}
.matchlist li.ansdis2:after { content: '\f00c'; right: 30px; opacity: 0.5; font-family: "Font Awesome 5 Free"; font-size: 20px; color: #000; font-weight: bold; position: absolute;}
.matchlist li.ansdis4{ background: #f7d4d4;}
.matchlist li.ansdis4:after { content: '\f00d'; right: 30px; opacity: 0.5; font-family: "Font Awesome 5 Free"; font-size: 20px; color: #000; font-weight: bold; position: absolute;}

.sel_ai{ display: flex; flex-direction: row;}
.sel_check{ padding-top: 15px; margin-right: 10px;}
.sel_check input{ border:#333 1px solid; }

.navbar-expand-lg .navbar-nav .dropdown-menu{ right: 0px;}
.dropdown-menu{ left: unset;}

button.multiselect{ display: flex; justify-content: space-between; align-items: center;}

#message div{background-color: #001aa2;}

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,900);
* {
 box-sizing: border-box;
}


.das-scroll{ width: 100%; padding:5px 10px 10px;}
.das-scroll .das-scroll-box{ width: 100%; padding:0px 0px 5px; background-color: #f9dddd; border: #fff 1px solid; border-radius: 5px;}
.tit-top{ width: 100%; display: flex; justify-content: space-between; margin: 0px 0px 0px; padding:12px 15px; align-items: center; border-bottom: 1px solid #fff;}
.tit-top .das-scrl-tit{ width: 60%;}
.tit-top .das-scrl-tit h3{ font-size: 18px; color: #000; font-weight: 400; margin: 0; position: relative; padding-bottom: 0px; justify-content: flex-start;}
.tit-top .das-scrl-tit h3 i{ font-size: 18px; color: #000; margin-right: 8px; }
.tit-top .das-chrt-drp{ width:40%; text-align: right; color: #333;}
.tit-top .das-chrt-drp .das-drp{ display:grid; grid-template-columns: repeat(2, 1fr); gap:10px;}
.tit-top .das-chrt-drp .das-drp .form-group{ margin-bottom: 0;}
.tit-top .das-chrt-drp .das-drp .form-group .custom-select{ font-size: 14px; color: #4e6286; border: 1px solid #e5e6f0; font-weight:400;}
.tit-top .das-chrt-drp .das-drp .form-group .custom-select:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,0);}
.das-scroll .bg1{ background-color: antiquewhite !important;}


.examnr-scroll{ width: 100%;}
.examnr-time-dtl { align-items:center; height:100%; margin:20px 0px 15px; padding:0px 20px; width:100%; overflow:hidden; } 
.examnr-time-dtl .examnr-time-box { background-color: #f6f7fb; padding:0px; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; min-height: 80px; border-radius:5px; margin-right:15px; transition: 0.4s; border: 1px solid #ec9898;} 
.examnr-time-dtl .examnr-time-box:hover .usr-time small{ color: #000;}
.examnr-time-dtl .examnr-time-box a{ display:block; width: 100%; margin-bottom: 0px; border-radius: 5px;}
.examnr-time-dtl .examnr-time-box a:hover{ background: #f5d0d0;}
.examnr-time-dtl .examnr-time-box h2{ margin: 0;}
.examnr-time-dtl .examnr-time-box .usr-pto{ width: 100%; display: flex; justify-content: center; background: #fff; border-radius: 5px 5px 0 0;}
.examnr-time-dtl .examnr-time-box .usr-pto span{ width:175px; height:auto; border-radius: 0px; overflow: hidden; background-color: #fff; padding: 10px 0 0; border: none; border-radius: 5px 5px 0 0; }

.ac-alert { animation: blinking 1s infinite;} 
@keyframes blinking {
  0% {
    background-color: #f00;
    border: 3px solid #f00;
  }
  50% {
    background-color: #af0101;
    border: 3px solid #af0101;
  }
  100% {
    background-color: #f00;
    border: 3px solid #f00;
  }
}

.ac-alert a:hover{ background: #000 !important;}
.ac-alert .usr-name h2{ color: #fff !important;}
.ac-alert .usr-name span{ color: #fff !important;}
.ac-alert .usr-time small{ background: #fff !important; color: #000 !important;}

.examnr-time-dtl .examnr-time-box .usr-pto1{ width: 100%; display: flex; justify-content: center;}
.examnr-time-dtl .examnr-time-box .usr-pto1 span{ width:100%; height:auto; border-radius: 0px; overflow: hidden; background-color: #fff; padding: 3px; }
.examnr-time-dtl .examnr-time-box .usr-name{ width: 100%; margin: 5px 0px 0px;}
.examnr-time-dtl .examnr-time-box .usr-name h2{ font-weight:400; text-transform: none; background: none; font-size:15px; text-align:center; color:#000; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; padding:1px 4px 2px; transition:0.4s;}
.examnr-time-dtl .examnr-time-box .usr-name span{font-size:13px; text-align:center; color:#3e72b9; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; padding:1px 4px 2px; transition:0.4s; display: block;}
.examnr-time-dtl .examnr-time-box:hover .usr-name h2{ transition: 0.4s; color:#000;}
.examnr-time-dtl .examnr-time-box:hover .usr-time small{ color: yellow;}
.examnr-time-dtl .examnr-time-box:hover .usr-time{border-top: 1px solid #fff;}
.examnr-time-dtl .examnr-time-box .usr-time{ width: 100%; line-height: 1.2; padding: 12px 5px 8px; border-top: 1px solid #e2e2e2; margin-top: 5px; font-size: 13px; border-radius: 0 0 5px 5px; text-align: center;}
.examnr-time-dtl .examnr-time-box .usr-time small{position: relative; display: inline-block; border-radius: 3px; background-color: red; color: #fff; padding: 3px 10px 3px 10px; font-size: 15px; width: auto; margin: auto; text-transform: none;}
.examnr-time-dtl .examnr-time-box .usr-time small:hover{ color: yellow;}
.examnr-time-dtl .examnr-time-box .usr-lctn{ width: 100%; line-height: 1.2; padding: 4px 5px 0px;}
.examnr-time-dtl .examnr-time-box .usr-lctn small{ width:100%; display:block; text-align:center; font-size:10px; color:#62636a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500;}
.examnr-time-dtl .examnr-time-box .usr-lctn small b{ margin-right: 2px; font-size:9px; color: #999; font-weight:500; letter-spacing: 0.2px;}
.examnr-time-dtl .examnr-time-box .usr-time span{ position: absolute; top: 2px; right: 5px; font-size: 10px; background-color: #000; border-radius: 50px; width: 20px; height: 20px; text-align: center; padding-top: 0px; color: #fff; display: flex; justify-content: center; align-items: center; }
.examnr-time-dtl .examnr-time-box .gro-stat-1{ margin: 10px; background-color: #528437; text-align: center; font-size: 14px; color: #fff; padding: 6px 0px;}
.examnr-time-dtl .examnr-time-box .gro-stat-2{ margin: 10px; background-color: #cb2a2a; text-align: center; font-size: 14px; color: #fff; padding: 6px 0px;}
.examnr-time-dtl .examnr-time-box .gro-stat-3{ margin: 10px; background-color: #de9811; text-align: center; font-size: 14px; color: #fff; padding: 6px 0px;}

.altrow{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start;}
.altrow .examnr-time-box{ width: 13%; margin-bottom: 15px;}

.logbox{ padding: 20px; background: #ffe8e8;}

.steplogin{ justify-content: center; margin-bottom: 10px;}
.steplogin div{ margin: 0 2px;}
.steplogin .input-group-text label{position: unset; font-size: 15px; color: #000; background: no-repeat; display: flex; padding: 2px; align-items: center;}

.modal audio{width: 100%;}
.daterangepicker.dropdown-menu{ z-index: 1 !important;}

.w-5{ width: 7% !important;}
.w-10{ width: 10% !important;}
.w-15{ width: 15% !important;}
.w-20{ width: 20% !important;}
.w-30{ width: 30% !important;}
.w-35{ width: 35% !important;}
.w-40{ width: 40% !important;}
.w-50{ width: 50% !important;}
.w-60{ width: 60% !important;}
.w-70{ width: 70% !important;}
.w-80{ width: 80% !important;}
.w-90{ width: 90% !important;}
.w-100{ width: 100% !important;}

.stu-com{ background: green; padding: 2px 5px; color: #fff; font-size: 12px; display: inline-block;}
.stu-qui{ background: orangered; padding: 2px 5px; color: #fff; font-size: 12px; display: inline-block;}
.stu-ongo{ background: royalblue; padding: 2px 5px; color: #fff; font-size: 12px; display: inline-block;}
.stu-ongo-row{ background: rgba(68, 217, 102, 0.3) !important; border-bottom: #fff 2px solid;}
.table > tbody > tr.stu-ongo-row:nth-child(2n+2){ background: rgba(68, 217, 102, 0.3) !important; border-bottom: #fff 2px solid;}
.table > tbody > tr.stu-ongo-row:hover{ background: #aee1ba !important;}

.table > tbody > tr.stu-alt-row{ background: #f9dddd !important; border-bottom: #fff 2px solid !important; transition: all 0.0s ease 0s;}
.table > tbody > tr.stu-alt-row:nth-child(2n+2){ background: #ffe8e8 !important;}
.table > tbody > tr.stu-alt-row:hover{ background: #f8caca !important; transition: all 0.0s ease 0s;}
.table > tbody > tr.stu-alt-row td a{ color: #000; background-color: #fff; display: inline-block; padding: 3px 8px; border-radius: 4px;}

::-webkit-scrollbar { -webkit-appearance: none; width: 7px;}
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(0,0,0,.5);}

.loadcontainer{ position: fixed; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.85); height: 100vh; z-index: 99999; overflow: hidden; top: 0; transition: all 0.0s ease 0s;}
.loadarea{ position: absolute; width: 100%; text-align: center; top: 30%;}
.loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 100px; height: 100px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; text-align: center; margin: auto;}
.loadarea h2{ font-size: 15px; color: #fff; font-weight: normal; width: 100%; text-align: center; padding-top: 10px; }

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }


.loader img{ width: 100%; padding: 5px; height: auto; -webkit-animation: rotate 2s linear infinite; /* Safari */ animation: rotate 2s linear infinite;  }

@-webkit-keyframes rotate {
  0% { -webkit-transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); }
}

@keyframes rotate {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

 .equestion { border: 1px solid rgba(0,0,0,.125); border-radius: 5px; margin: 20px; }
 .equestion .box-title { font-size: 16px; margin: unset; } 
 .equestion .box-title2 { font-size: 20px; text-transform: uppercase; margin: 6px 0 0; } 
 .equestion .text-red label { color: #eb1c27; cursor: pointer; } 
 .equestion .card-body h2 { font-size: 20px; color: #0c55a2; border-bottom:2px dotted #ccc; padding-bottom: 20px; width: 100%; margin-bottom: 30px; } 
 .equestion .card-body .timer{ font-size: 20px; color: #000; font-weight: 800; width: 100px; border-radius: 50%; border: #ccc 1px solid; display: inline-block; align-content: center;}
 .equestion .card-body .question{ display: flex; flex-direction: row; justify-content: space-around;}
 .equestion .card-header{ background: rgba(247, 247, 247, 1); color: #000;}
 .equestion .cardmain-body{ padding: 20px !important;}
 .equestion .card-body h2 table{ border: #999 1px solid; width: 100%; margin: 20px 0px; color: #000;}
 .equestion .card-body h2 table tr{background-color: #f1f3f7; }
 .equestion .card-body h2 table tr:nth-of-type(2n){background-color: #fff; }
 .equestion .card-body h2 table td{padding: 10px; font-size: 15px; line-height: 1.5; border-right: #999 1px solid; border-bottom: #999 1px solid;}
 .equestion .card-header a{ display: inline-block; padding:3px 5px; background-color: #164397; color: #fff; border-radius: 7px;}
 .equestion .card-header a:hover{ background-color: #14a007; color: #fff; border-radius: 7px;}
 .equestion .card-header a i{ font-size: 20px;}
 .equestion .card-body .uploadbox{border: #e7e7e7 1px solid; background: #f7f7f7; padding:10px 20px 20px; margin-bottom: 20px;}
 .equestion .card-body .uploadbox h3{ width: 100%; padding: 10px; text-align: center; font-size: 20px; text-transform: uppercase; color: #000; background: #eee; margin-bottom: 20px; flex-direction: column;}
 .equestion .card-body .uploadbox h3 span{ font-size: 13px; color: red; text-transform: none; font-weight: 400; width: 100%; display: block;}
 .equestion .card-body .uploadbox h2{ border: 0px; padding-bottom: 5px; padding-top: 20px; font-size: 17px; border-top: 2px dotted #ccc; text-align: left;}
 .equestion .card-body .uploadbox h4{ font-size: 18px; text-transform: uppercase; text-align: center; color: #000; padding: 5px 20px; display: inline-block; background: #e3e6ea; margin: auto;}
 .equestion .card-body h5 { font-size: 18px; color: #333; } 
 .equestion .card-body .audio{ margin:20px 0 10px 0;}
 .equestion .card-body .audio audio{ width: 100%;}
 .equestion .card-body .audio video{ width: 100%;}
 .equestion .pad1{flex-direction: column; align-items: flex-start;}
 .secpart{ padding: 20px; border: #e0e0e0 1px solid; background: #fff; margin-bottom: 30px;}
 .ansasfile{ display: flex; flex-direction: row; align-items: center; justify-content: center; border-bottom: #ccc 2px dotted; margin-bottom: 15px;}
 .ansasfile label{ margin: 0px 3px 15px; }
 .ansasfile label .input-group-text{ background: lightblue; border: #8fc3d5 1px solid;}
 .ansasfile label .input-group-text:hover{ background: #91cadd; border: #7ebfd5 1px solid; cursor: pointer;}

 .note{ background-color: blanchedalmond; padding: 10px; text-align: center; margin-bottom: 10px; border-radius: 5px; border: #eedcc0 1px solid; }

 .coninfo-box .tit h3{ flex-direction: column ;}

 .ematch { margin-bottom:20px; display: flex; align-items: center; } 
 .ematch label { background-color:#CCC; width:50px; padding:5px 10px; text-align:right; display:inline-block; border-radius:4px; cursor: pointer; display: flex; margin: 0px 5px; } 
 .ematch label input { margin: 0 5px 0 0; } 
 .ematch label:hover { background-color: #1d8813; color: #ffffff; } 
 .ematch strong { margin-right:5px; } 
 .review-btn { margin-top:20px; padding-top:20px; border-top:2px solid #ccc; text-align: center; } 
 .pad1 .radio label { cursor: pointer; display: flex; width: 100%; margin-bottom: 0px; } 
 .pad1 .radio label:hover { color: #000; background-color: rgba(0,0,0,.03); } 
 .easyzoom { margin-bottom: 30px; width: 100%; text-align: center; } 
 .easyzoom-img{ max-height: 350px;}
 .text-green { color: #00a65a; } 
 .text-red { color: #f00; } 
 .all-qst { border-bottom:2px dotted #ddd; padding:10px 20px; } 
 .all-qst:hover { border-bottom:2px dotted #ddd; } 
 .no-ans{ background-color: #ffc8c8; margin: 8px 0; border-radius: 10px;}
 .chg-ans { margin:10px 20px; } 
 .ans1 label { margin-left: 15px; } 
 .qs-red { color: #eb1c27; } 
 .etime2 { display: flex; color: #444; align-items: center; } 
 .etime2 h3 { font-size: 18px; padding-right: 15px; } 
 .etime2 .time-box { background-color:#eb1c27; padding:3px 10px; border-radius:3px; font-size:15px; margin:0px; color: #ffffff; } 
 .etime2 .time-box strong { font-size:18px; } 
 .imgpaper{margin-bottom: 25px;}
 .imgpaper .card{ width: 100%;}
 .imgpaper .card .card-body{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
 .imgpaper .card .card-body a{ width: 100%; max-width: 100%;}
 .imgpaper .card .card-body a img{ width: 100%; max-width: 100%;}
 .imgpaper .card-footer{ text-align: center;}
 .imgpaper .card-footer .img-ans{ text-align: center; padding: 3px 10px; border: 1px solid #999; background-color: #fff; cursor: pointer; border-radius: 8px; margin: 0;}
 .imgpaper .card-footer .form-group, .imgpaper .card-footer .input-group{margin-bottom: 0 !important;}
 .main-ans{ padding: 0;}
 .sub-qs{ padding-bottom: 6px; margin: 0px;}
 .sub-qs label{ font-weight: bold; display: block; padding: 0; margin: 0; border-top: 1px dotted #ddd; margin-top: 10px;}
 .sub-list ul{padding: 0; margin: 0;}
 .sub-list ul li{ margin: 0; padding:2px 0 2px 20px; list-style: none; position: relative;}
 .sub-list > ul > li::after { position: absolute; content: ""; height: 8px; border-left: 4px solid #eb1c27; left: 9px; top: 11px; -webkit-clip-path: polygon(0 1%, 0 100%, 100% 49%); clip-path: polygon(0 1%, 0 100%, 100% 49%); background-color: transparent; transition: all 0.5s ease 0s; } 
 
 .qspaper .fancybox-container--ready .fancybox-bg{ opacity: 0.6;}
 .qsfile{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  max-width: 100%;}
 .qslink1{max-width: 35%;}
 .qslink2{max-width: 55%;}
 .qslink3{max-width: 10%;}
 
 .pgntion{ margin-top:40px; padding:10px; margin: 40px 0px 20px 0px !important; background-color: #f4f4f4; border: #e6e6e6 1px solid; }
 .page-link{ padding:5px 10px; font-size:14px;}
 .pgn-lft{ display:flex; align-items:center; padding-left: 0 !important;}
 .pgn-rht{ display:flex; justify-content:flex-end; align-items:center; padding-right: 0 !important;}
 .pgn-rht ul{ margin:0px;}
 .pagination .page-item.disabled .page-link{ border-radius: 0;}
 .pagination .page-item:last-child .page-link{ border-radius: 0;}
 .pagination .page-item.disabled .page-link{ border: 0;}
 .pagination .page-item .page-link{ border: #fff; border-right:1px solid #eee;}
 .pagination .page-item{ border-right: 1px solid #eee;}
 .pagination .page-item:last-child .page-link{ border:#fff;}
 .rht{text-align:right; padding-right:0 !important;}
 
 .sum-sign{ text-align: center; margin-top: 25px; margin-bottom: 10px;}
 .sum-sign .pad1{ margin: 0 auto;}
 
 .psukico{ color: #aaa; cursor: pointer; animation-name: rubberBand; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
 .psukico:hover{color: #444;}
 .modal-psuk .modal-title{font-family:'Work Sans', sans-serif;}
 .modal-psuk .modal-body h4{font-family:'Work Sans', sans-serif; font-size: 16px; border-bottom: 1px dotted #ccc; padding: 5px 0;}
 .modal-psuk .modal-body ul{margin: 0 0 15px; padding: 0;}
 .modal-psuk .modal-body ul li{margin: 0; padding:2px 0 2px 20px; font-size: 14px; position: relative; list-style: none;}
 .modal-psuk .modal-body ul li::after { position: absolute; content: ""; height: 8px; border-left: 4px solid #eb1c27; left: 9px; top: 10px; -webkit-clip-path: polygon(0 1%, 0 100%, 100% 49%); clip-path: polygon(0 1%, 0 100%, 100% 49%); background-color: transparent; transition: all 0.5s ease 0s; } 
 
 .butfooter{padding: 00px 20px; margin: 0px; width: 100%; left: 0px; background: rgba(0,0,0,.03); border-top:1px solid rgba(0,0,0,.125); display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center;}
 
 .no-ans .btn-chng{ background: #eb1c27 !important;}
 .btn-chng { background: #aaa; color: white; border: 0 none; border-radius: 5px; cursor: pointer; padding: 5px 15px; margin: 10px 5px; } 
 .btn-chng:hover, .btn-chng:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #ccc; background: #888; color: #ffffff; } 
 .btn-eprev { background: #aaa; color: white; border: 0 none; border-radius: 5px; cursor: pointer; padding: 10px 25px; margin: 10px 5px; } 
 .btn-eprev:hover, .btn-eprev:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #ccc; background: #888; color: #ffffff; } 
 .btn-enext { background: green; color: white; border: 0 none; border-radius: 5px; cursor: pointer; padding: 10px 25px; margin: 10px 5px; } 
 .btn-enext:hover, .btn-enext:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px dodgerblue; color: #ffffff; background: dodgerblue; } 
 
 .qhint a.hintlink{ background-color: green; padding: 5px 10px; margin: 0 1px 10px 0px; font-size: 14px; color: #fff; border-radius: 50px;}
 .qhint a:hover.hintlink{ background-color: #333; color: #fff; }
 
 .card-footer a.hintlink{ display: inline-block; background-color: green; padding: 5px 10px; font-size: 14px; color: #fff;}
 .card-footer a:hover.hintlink{ background-color: #333; color: #fff; }
 .card-footer a.clearans{ display: inline-block; background-color: #999; padding: 5px 10px; font-size: 14px; color: #fff;}
 .card-footer a:hover.clearans{ background-color: #333; color: #fff; }
 
/*
 .popfrm{ background: #ffc107; padding: 10px; margin: 10px 0px; position: absolute; border-radius: 5px; width: 95%; bottom: 60px;}
 .popfrmclo{ position: absolute; top: 8px; right: 8px;}
 .popfrmclo i{ color: #afaa9a; font-size: 20px;}
 .popfrmclo i:hover{ color: rgb(255, 0, 0);}
*/
 
 .logout-warn{ font-size: 15px; color: #000; text-align: left;}
 .logout-warn h4{ font-size: 17px; color: #164397; }
 .logout-warn h5{ font-size: 25px; text-align: center; color: #f00; padding: 10px 0; }
 .equestion .card-body .logout-warn .timer{ font-size: 18px; color: #f00; font-weight: 800; display: inline-block; border: none;}
 .equestion .card-body table .timer{ font-size: 18px; color: #f00; font-weight: 800; display: inline-block; border: none;}
 .redtxt{ color: #f00;}
 
 .eothlink{ font-size: 14px; display: flex; justify-content: flex-end; margin-top: 10px; flex-wrap: wrap; }
 .eothlink a{ background-color: #018aca; border-radius: 5px; color: #fff; display: flex; align-items: center; padding: 0 0 0 10px; margin-left: 10px; margin-bottom: 5px; }
 .eothlink a span{ background-color: #333; border-radius: 0 5px 5px 0; color: #fff; padding: 5px 13px; margin-left: 8px; font-weight: 800; }
 .eothlink a:hover{ background-color: #333;}
 .eothlink a:hover span{ background-color: #000;}
 
 .bootbox-error .modal-header{ background-color: #ff4d4f;}
 .bootbox-error .modal-header h5{ color: #fff;}
 
 .bootbox-success .modal-header{ background-color: #52c41a; }
 .bootbox-success .modal-header h5{ color: #fff;}
 
 .bootbox-info .modal-header{ background-color: #1890ff; }
 .bootbox-info .modal-header h5{ color: #fff; width: 100%; text-align: left;}
 
 .bootbox-warning .modal-header{ background-color: #faad14; }
 .bootbox-warning .modal-header h5{ color: #fff;}
 
 .bootbox-calc .modal-header{ background-color: #009fff; }
 .bootbox-calc .modal-header h5{ color: #fff;}
 
 .modal-85 .modal-dialog{ max-width: 850px;}
 
 .answer-opt{ padding: .375rem .75rem; width: 100%; border: #eee 1px solid; border-radius: 0 4px 4px 0; border-left: none; }
 .radio{ margin: 5px 0; width: 100%;}
 .radio input{ margin-right: 5px;}
 .answer-opt math{ font-size: 16px; }
 .answer-opt img{ width: 100% !important; max-width: 350px !important; height: auto !important; }
 
 .htanote { background-color: #fff5bc; padding: 5px 10px; text-align: center; border-radius: 10px; margin-bottom: 15px; display: flex; }

.exins .content{ font-size: 15px;}
.exins .content p{ margin: 10px;}
.exins .content ul{ list-style: decimal; margin:15px 5px;}
.exins .content li{ padding: 5px; color: #110f54;}
.exins .content h2, .exins .content h3, .exins .content h4, .exins .content h1{ margin-top: 30px; font-size: 16px; color: #164397; font-weight: 600;}
.exins .content ul.main{ list-style: none; padding-left: 0px;}
.exins .content ul.main li{ color: firebrick; padding: 5px 0; font-size: 16px;}
.exins .content ul.main li i{ margin-right: 3px;}

@media (max-width: 480px) {
 /*.mobidisnon{ display: none !important;}*/
 .tbl-bdy a.redbutton{display: none; cursor: not-allowed; color: #fff !important;}
 .tbl-bdy a.redbutton:hover{color: black;}
 .butfooter{ flex-wrap: wrap; padding: 10px;}
 .btn-eprev{ padding: 7px 10px; margin: 5px 5px;}
 .btn-enext{ padding: 7px 10px; margin: 5px 5px;}
 }

.bootbox-help .modal-dialog{ width: 95%; max-width: 95%;}
.bootbox-help .modal-header{ background-color: #1890ff; color: #fff; padding: 10px 15px;}
.bootbox-help .modal-body{ padding: 0px 0px 7px 0px;}
.bootbox-help .modal-header .close{display: inline-block;}

.navbar-custom .nav-link .help:before{ display: none !important;}

.planbutton{font-size: 16px; transition: .2s ease all; color: #fff; cursor: pointer; position: fixed; top: 210px; right: -45px; z-index: 10; transform: rotate(270deg); padding: 5px 15px; border-radius: 5px 5px 0 0; background-color: #d02222; -webkit-animation: blink 800ms step-end infinite; animation: blink 800ms step-end infinite;}
.planbutton:hover{top: 205px; transition: .2s ease all; right: -40px; padding: 10px 15px; background: linear-gradient(00deg, #039127,#0b6203) !important;}

@-webkit-keyframes blink { 50% { background-color: #010c8b; }}
      @keyframes blink { 50% { background-color: #010c8b; }}


.sidenav { height: auto; width: 0; position: fixed; z-index: 11; top: 166px; right: 0; background-color: #0f3071; overflow-x: hidden; transition: 0.3s; padding-top: 30px;}
.sidenav a { padding: 8px 8px 8px 8px; text-decoration: none; font-size: 25px; color: #fff; display: block; transition: 0.3s;}
.sidenav a:hover { color: #f1f1f1;}
.sidenav .closebtn { position: absolute; top: 0; right: 8px; font-size: 25px; margin-left: 0px; line-height: 20px;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

#book_file{ width: 100%; overflow: hidden;}