@charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,300"); 
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,500,700');
html { position: relative; min-height: 100%; } 
body { font-family: 'Lato', sans-serif; font-size: 0.9rem; background-color: #efefef; padding-bottom: 50px; animation-name: fadeIn; animation-duration: 1s;} 

a { color: #0ca4ca; text-decoration: none; transition: all 0.5s ease 0s; } 
a:hover { transition: all 0.5s ease 0s; } 
.suspend_clr { background-color:#cecece; }
.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: 75%; font-weight: bold; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } 
.label:empty { display: none; } 
img { vertical-align: middle; border: 0; } 

.no-record h6{ text-align:center; font-size:20px; font-weight:300; margin-top:25px;}
.no-record h6 i{ font-size:20px; color:#f22527; padding-right:5px;}

.inv_paid{ font-weight: bold; color: #08a337; text-transform: uppercase;}
.inv_pending{ font-weight: bold; color: #eb161f; text-transform: uppercase;}
.inv_cancel{ font-weight: bold; color: #747474; text-transform: uppercase;}

.crse-note{ width: 100%; text-align: left; margin-bottom: 20px; background-color: rgba(255, 255, 255, 0.7); padding: 12px 15px; border-radius: 5px;}
.crse-note h2{ font-size: 16px; font-weight: 600; font-size: 14px; margin: 0px 0px 5px; color: #ec0f18; padding-left: 2px;}
.crse-note ul{ margin: 0; padding: 0;}
.crse-note ol{ margin: 0; padding-left: 15px;}
.crse-note ol li{ line-height: 1.5; margin-bottom: 4px; font-size: 13px; color: #666; text-align: justify;}
.crse-note ol li span{ color:#ec0f18; padding: 0px 2px; font-size: 16px; font-weight: bold;}

.course-frm .crse-inpt{ width: 100%; margin-bottom: 10px;}
.course-frm .crse-inpt span{ width:100%;  display: flex; align-items: center; margin-bottom: 10px;}
.course-frm .crse-inpt span:nth-child(5){ margin-bottom: 0;}
.course-frm .crse-inpt small.text-muted{ color: #777 !important; margin-top: 2px;}
.course-frm .crse-inpt span input{ width:100%;}


.scrl{ width:100%; overflow:auto; margin-bottom:20px;}
.cbox-list{ height:150px; overflow: auto; border:1px solid rgba(0,0,0,0.15); padding:2px 0; border-radius:3px;}
.cbox-list ul li label{ font-weight:400;}
.cbox-list ul{ margin:0; padding:0}
.cbox-list ul li{ margin:0; padding:0; list-style:none; color:#555}
.cbox-list2{ height:364px; overflow: scroll; border:1px solid rgba(0,0,0,0.15); padding:4px 0 }
.cbox-list2 ul{ margin:0; padding:0}
.cbox-list2 ul li{ margin:0; padding:0; list-style:none; color:#555}
.cbox-list2 ul li, input{ margin-right:0px;}
.cbox-list label, .cbox-list2 label{ width:100%; padding:3px 20px; margin-bottom:0}
.cbox-list label:hover, .cbox-list2 label:hover{ background:#eee}
.cbox-list .no-bold, .cbox-list2 .no-bold{ font-weight:normal}

.srt-note{ width:100%; margin:0px 0px 20px; background-color:#eee; padding:10px 15px; border-radius:5px;}
.srt-note p{ margin:5px 0px; text-align:justify; font-size:13px; color:#07449f}
.srt-note ul{ margin:10px 0px; padding-left:25px;}
.srt-note ul li{ list-style:disc; font-size:13px; color:#07449f; line-height:1.6; text-align:justify}

.notify{ width:100%; margin-top:30px; background:#f8f8f8; padding:20px; border:1px solid #eee; border-radius:4px;}
.notify p{ text-align:justify; margin-bottom:8px; line-height:1.7; color:#333; font-size:14px;}
.notify p span{ font-weight:600; color:#777; font-size:14px;}
.notify p strong{ font-weight:600; color:#111; font-size:14px;}
.notify-image{ display:flex; margin:20px 0px; background:#fff; border:1px solid #eee; padding:5px; border-radius:5px;}
.notify-image img{ object-fit:contain; margin:0 auto; width:auto; height:auto;}

/* Bill Input Form */
.bill-type{ padding: 0 !important; margin-bottom: 15px;}
.bill-type-des{ width: 100%; background-color: #f2f2f2; padding: 15px 10px; border-radius: 5px; border: 1px solid #e8e8e8;}
.bill-type-det{ width: 100%;}
.bill-type-det:last-child .bill-type-box:last-child{ border-bottom: 0 none}
.frm-radio{ display:flex; border-radius:3px; padding:1px 3px 1px 1px; flex-wrap: wrap;}
.frm-radio label{ padding:0px 10px !important; display:flex; color:#333 !important; font-size:14px; margin-right:2px; align-items:center; margin-bottom: 0;}
.frm-radio label:last-child{ border-right:0 none;}
.frm-radio label input{ margin-right:3px}
.bill-type-box{ display: flex; justify-content: flex-start; align-items: center; padding-bottom: 10px; margin-bottom: 10px;}
.bill-type-box .bill-bx:nth-child(1){ width: 22%;padding:6px 5px 6px 20px; border-radius: 5px; color: #333; text-transform: uppercase; font-size: 13px; font-weight: 600;}
.bill-type-box .bill-bx:nth-child(2){ width: 20%; background-color: rgba(255, 255, 255, 0.8); padding: 6px 10px; border-radius: 5px;}
.bill-type-box .bill-bx:nth-child(3){ width: 30%;}
.bill-type-box .bill-bx:nth-child(3){ width: 30%;}
.bill-type-box .form-group{ display: flex; width: 100%; margin-bottom: 0;} 
.bill-type-box .form-group label{  width: 40%; margin-right: 10px;} 
.bill-type-box .form-group input{  width: 60%;} 

    
/* Bill Input Form */

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

.accre small { display:flex; height:100px; } 
.accre small img { object-fit: contain; width: auto; height: auto; margin: 0 auto; } 

.utilnote{ background:#f6f6f6; width:100%; padding:15px; border:1px solid #eee; border-radius:4px;}
.utilnote h3{ font-size:14px; text-align:left; color:#333; margin:0px 0px 15px; padding:0px 0px 5px; border-bottom:1px dotted #c0c0c0; font-weight:500; text-transform:uppercase;}
.utilnote h4{ font-size:12px; text-transform:uppercase; text-align:left; padding-bottom:8px; color:#eb1c27; margin:15px 0px 10px; font-weight:500; position:relative;}
.utilnote h4:before{ position:absolute; width:60px; content:""; background:#ccc; height:1px; bottom:1px; left:0px;}
.utilnote h4:after{ position:absolute; width:25px; content:""; background:#bababa; height:3px; bottom:0px; left:0px; border-radius:50px;}
.utilnote ul{ margin:0px; padding:0px;}
.utilnote ul li{ list-style:none; color:#444; font-size:14px; line-height:1.7; /* background:url(../../assets/images/bullet2.png) left no-repeat; padding-left:15px */}

.rht { text-align:right; padding-right:0 !important; } 

.bg-primary { background-color: #0f9df7 !important; } 
.bg-success { background-color: #1bb99a !important; } 
.bg-info { background-color: #3db9dc !important; } 
.bg-warning { background-color: #f1b53d !important; } 
.bg-danger { background-color: #eb1c27 !important; } 
.bg-purple { background-color: #9261c6 !important; } 
.bg-pink { background-color: #ff7aa3 !important; } 
.bg-dark { background-color: #2b3d51 !important; } 
.bg-default { background-color: #64b0f2 !important; } 
.bg-yellow { background-color: #ff9f40 !important; } 

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

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

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

.myorg { max-width:850px !important; } 
::-webkit-scrollbar { width: 12px; /* for vertical scrollbars */
 height: 12px; /* for horizontal scrollbars */ } 

::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); } 

::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.6); } 
.breadcrumb-holder { background-color: #ffffff; margin: 0px -20px 20px -20px; padding: 12px 25px 10px 25px; box-shadow: none; border-bottom:1px solid #ededed;} 
.breadcrumb-holder .main-title { margin-bottom: 0; font-size: 20px; font-weight: 300; }
.breadcrumb-holder .main-title i{ padding-right:5px;} 
.breadcrumb-holder .breadcrumb { padding: 0; background-color: transparent !important; margin:3px 0px 3px !important; } 
.card-box { padding:17px 17px 0px; background-clip: padding-box; margin-bottom: 20px; background-color: #ffffff; border: 1px solid rgba(183,183,183,.125); } 
.card-box i { font-size:67px; margin-top: 20px; } 
.card-header { color: #6b6b6b; text-align:justify; background: linear-gradient(#f7f7f7, #ffffff); border-bottom: 1px solid rgba(111,111,111,.13); } 
.card-header h3 { font-weight: 500; font-size: 16px; margin-bottom: 0; line-height:1.3; color: #555; padding-bottom: 10px;} 
.card-header h3 > i { font-size:1.0; padding-right:5px; } 
.card-header h3 .xbtn-add i { font-size:1.0; padding-right:5px; }
.bnopmt{ width: 100%; display: flex; align-items:center; font-size:16px; margin:0px 0px 0px; padding-top:5px; color: #555; text-transform: uppercase; position: relative;}
.bnopmt:before{ position: absolute; background-color: #eee; width: 230px; height: 1px; top: 0; content: ""; left: 0;}
.bnopmt b{ padding-left: 4px; color: #444;} 
.header-title { font-size: 1rem; text-transform: uppercase; } 
.page-header { margin-top: 30px; margin-bottom: 20px; font-size: 1.15rem; padding-bottom: 10px; border-bottom: 1px solid #eceeef; } 
.button-list { margin-bottom: -5px; margin-left: -7px; } 
.button-list button, .button-list a { margin: 5px 7px; } 
.mainsch { background-color:#bbb; } 
.subsch { background-color:#dddddd; } 
.mainsch table { margin-bottom:0px !important; } 
.subsch table { margin-bottom:0px !important; } 
.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; } 

.card-hed { color: #6b6b6b; padding:10px 0px 10px; margin-bottom:15px; } 
.card-hed h3 { font-weight: 500; font-size:18px; margin-bottom: 0; line-height:1.3; } 
.card-hed h3 i { font-size:1.0; padding-right:5px; } 
h3.card-hed {padding:0px; font-size: 16px;} 
h3.card-hed a i.fa-plus { font-size:1.0; padding-right:0px; } 

.page-link{color: #eb1c27;}
.page-item.active .page-link{background-color: #888; border-color: #888;}

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

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

/* IE9, IE10, IE11 */
@media screen and (min-width: 0\0){
.form-control { padding: 0.55rem 0.75rem !important; } 
.input-group-addon { line-height: inherit !important; font-size: 1rem !important; } 
.carousel-control span { right: 20px;} 
}
.headerbar { left: 0; position: fixed; right: 0; top: 0; z-index: 999; border-bottom: 3px solid rgba(0, 0, 0, 0.2); } 
.headerbar .headerbar-left { background: #ddd; float: left; text-align: left; height: 65px; position: relative; width: 250px; z-index: 1; } 
.headerbar .headerbar-left .logo img { max-width: 150px; max-height: 60px; width: auto; height: auto; margin-top: 3px; } 
.navbar-custom { background-color: #ddd; border-radius: 0; margin-bottom: 0; padding: 8px 10px 0; margin-left: 250px; min-height: 65px; } 
.navbar-custom .nav-link { padding: 0 !important; line-height: 50px; color: #e9f2ff; font-size: 20px; } 
.navbar-custom .nav-link .tlogdwn { background-color: rgba(255, 255, 255, 0.7); border-radius: 20px; display: inline-block; line-height: normal; padding: 2px 2px 2px 2px; transition: all 0.5s ease 0s; display:flex; align-items: center; margin-top: 5px;} 
.navbar-custom .nav-link .tlogdwn i { padding: 0 6px; color: #aaa; margin-top: 0px; } 
.list-inline-item:hover .nav-link .tlogdwn { background-color: rgba(0, 0, 0, 0.2); transition: all 0.5s ease 0s; } 
.list-inline-item:hover .nav-link .tlogdwn i { color: #fff; } 
.navbar-custom .dropdown-toggle:after { content: initial; } 
.navbar-custom .menu-left { overflow: hidden; } 
.navbar-custom .dropdown-menu { animation-name: fadeIn; animation-duration: 0.5s; } 

.logo { color: #e3ebf3 !important; font-size: 20px; font-weight: 200; text-transform: uppercase; letter-spacing: 1px; line-height: 48px; } 
.logo span span { color: #fff; } 
.main-sidebar { top: 65px; width: 250px; z-index: 10; bottom: 70px; background-color: #fff; margin-bottom: -70px; margin-top: 0; padding-bottom: 70px; position: absolute; transition: all 0.5s ease 0s; } 
.content-page { margin-left: 250px; overflow: hidden; transition: all 0.5s ease 0s; margin-bottom:30px } 
.content-page .content { padding: 0 5px; margin-top: 65px; } 
.main-sidebar.left { position: absolute; } 
body.adminbody .main-sidebar.left { bottom: 0px; margin-bottom: 0px; margin-top: 0; padding-bottom: 0px; } 
.button-menu-mobile { background: transparent; border: none; color: #999; font-size: 22px; line-height: 65px; padding: 0 10px; margin-right: 0px; position: relative; cursor: pointer; display: inline-block; overflow: hidden; vertical-align: middle; z-index: 1; } 
.button-menu-mobile:hover { color: #fff; } 
.sidebar-inner { height: auto; box-shadow: 6px 0px 6px rgba(0, 0, 0, 0.08); min-height: 100%; background: #66bb44;} 

#sidebar-menu, #sidebar-menu ul, #sidebar-menu li, #sidebar-menu a { border: 0; font-weight: normal; line-height: 1; list-style: none; margin: 0; padding: 0; position: relative; text-decoration: none; } 
#sidebar-menu li { border-bottom: 1px dotted rgba(0, 0, 0, 0.08); } 
#sidebar-menu { padding-bottom: 30px; width: 100%; background: #66bb44;} 
#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: 15px; top: 14px; display: inline-block; font-family: 'FontAwesome'; text-rendering: auto; line-height: 18px; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 
#sidebar-menu ul li .menu-arrow:before { content: "\f105"; } 
#sidebar-menu ul li a.subdrop .menu-arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } 
#sidebar-menu ul ul { display: none; } 
#sidebar-menu ul ul li { border-top: 0; } 
#sidebar-menu ul ul li.active a { color: #f3f3f3; } 
#sidebar-menu .submenu .list-unstyled { background-color: #f9f9f9; } 
#sidebar-menu ul ul a { color: #777; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display: block; padding: 4px 20px 4px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
#sidebar-menu ul ul a.active { background-color: #e6e4e4; color:#df0101; } 
#sidebar-menu ul ul a:hover { color: #eb1c27; background-color: #fff; animation-name: pulse; animation-duration: 0.3s; transition: all 0.5s ease 0s; } 
#sidebar-menu ul ul a i { margin-right: 5px; } 
#sidebar-menu ul ul ul a { padding-left: 30px; } 
#sidebar-menu .label { margin-top: 2px; } 
#sidebar-menu .subdrop { color: #eb1c27 !important; background-color: #efefef; border-left: 2px solid #eb1c27; } 
#sidebar-menu .submenu ul .submenu .menu-arrow { top: 10px !important; } 
#sidebar-menu > ul > li > a { color: #fff; display: block; padding: 12px 10px 12px 10px; font-weight: 400; font-size: 0.90rem; border-left: 2px solid transparent; transition: all 0.5s ease 0s; } 
#sidebar-menu > ul > li > a:hover { color: #eb1c27; background-color: #efefef; text-decoration: none; border-left: 2px solid #eb1c27; animation-name: pulse; animation-duration: 0.3s; transition: all 0.5s ease 0s; } 
#sidebar-menu > ul > li > a > span { vertical-align: middle; } 
#sidebar-menu ul li a i { display: inline-block; color: rgba(0, 0, 0, 0.4); font-size: 18px; line-height: 17px; margin-left: 3px; margin-right: 10px; text-align: center; vertical-align: middle; width: 20px; } 
#sidebar-menu ul li a .drop-arrow { float: right; } 
#sidebar-menu ul li a .drop-arrow i { margin-right: 0; } 
#sidebar-menu > ul > li > a.active { color: #ffffff !important; background-color: #eb1c27; } 

.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-footer { background-color: #f8f8f8; padding:15px 20px 15px; color: #444; border-top: 1px solid rgba(115, 140, 152, 0.2); bottom:0px;  position: absolute; width:100%; margin-top:30px; }

#main.enlarged .menu-title { display: none; } 
#main.enlarged .menu-arrow { display: none !important; } 
#main.enlarged .footer { left: 70px; } 
#main.enlarged #sidebar-menu ul ul { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.08); } 
#main.enlarged .left.main-sidebar { width: 70px; z-index: 5; } 
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding-left: 10px; } 
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a:hover { background-color: #64b0f2; } 
#main.enlarged .left.main-sidebar span.pull-right { display: none !important; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul > li { position: relative; white-space: nowrap; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a { background-color: #64b0f2; position: relative; width: 260px; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul { display: block; left: 70px; position: absolute; width: 190px; padding: 5px 0; background: #ffffff; animation-name: fadeInRight; animation-duration: 0.5s; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a { background: #ffffff; border: none; box-shadow: none; padding-left: 15px; position: relative; width: 190px; z-index: 6; color: rgba(43, 61, 81, 0.8); } 
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:hover { color: #64b0f2; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover a span { display: inline; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > ul { display: none; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul ul li:hover > ul { display: block; left: 190px; margin-top: -36px; position: absolute; width: 190px; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul ul li > a span.pull-right { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); position: absolute; right: 20px; top: 12px; transform: rotate(270deg); } 
#sidebar-menu ul > li > a span { animation-name: zoomIn; animation-duration: 3s; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span { display: none; padding-left: 10px; animation-name: zoomIn; animation-duration: 3s; } 
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding: 15px 20px; min-height: 52.09px; } 
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a i { margin-right: 20px !important; font-size: 20px; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a { position: relative; width: 260px; background-color: #535b63; color: #ffffff; } 
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a i { color: #ffffff; } 
#main.enlarged .content-page { margin-left: 70px; } 
#main.enlarged .navbar-custom { margin-left: 70px; } 
/*#main.enlarged .headerbar .headerbar-left { width: 70px !important; } */
#main.enlarged .headerbar .headerbar-left .logo span { display: none; opacity: 0; } 
#main.enlarged .headerbar .headerbar-left .logo i { margin-right: 0; } 
#main.enlarged #sidebar-menu > ul > li:hover > a.open :after { display: none; } 
#main.enlarged #sidebar-menu > ul > li:hover > a.active :after { display: none; } 
#main.enlarged .user-detail { bottom: 0; padding: 15px 0; width: 70px; text-align: center; } 
#main.enlarged .user-detail .dropup { margin: 0 auto; margin-left: 17px; } 
#main.enlarged .user-detail h5 { display: none; } 
#main.enlarged .user-detail p { position: absolute; right: 15px; top: 32px; } 
#main.enlarged .user-detail p span { display: none; } 
#main.enlarged #sidebar-menu ul ul li.active a { color: #0f9df7; } 

.notif { margin-left: 0 !important; } 
.notif .noti-title { border-radius: 0; background-color: #999999; margin: 0; width: auto; padding: 8px 15px 12px 15px; } 
.notif .noti-title h5 { color: #ffffff; margin: 0; } 
.notif .noti-title .label { float: right; } 
.notif .noti-icon { font-size: 22px; padding: 0 12px; vertical-align: middle; color: rgba(255, 255, 255, 0.8); } 
.notif .notif-bullet { height: 12px; width: 12px; background-color: #f95200; display: inline-block; position: absolute; top: 13px; right: 8px; border-radius: 50%; border: 2px solid #e2e2e2; } 
.notif .notify-item { padding: 10px 20px; } 
.notif .notify-item .notify-icon { float: left; height: 36px; width: 36px; line-height: 36px; text-align: center; margin-right: 10px; border-radius: 50%; color: #ffffff; } 
.notif .notify-item .notify-icon img { margin-top: 4px; } 
.notif .notify-item .notify-details { margin-bottom: 0; overflow: hidden; margin-left: 45px; text-overflow: ellipsis; white-space: inherit; } 
.notif .notify-item .notify-details b { font-weight: 500; } 
.notif .notify-item .notify-details small { display: block; } 
.notif .notify-item .notify-details span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; } 
.notif .notify-all { border-radius: 0; margin: 0; background-color: #a8c1d8; color: #fff; } 

.inv-notes{ width:100%; padding:15px; background-color:#f6f6f6; border:1px solid #eee; margin-top:15px; border-radius:5px;}
.inv-notes h5{ font-size:18px; font-weight:600;}
.inv-notes ol{ margin:0; padding-left:25px;}
.inv-notes ol li{ line-height:1.9; text-align:justify;}

.bdr-tbl{ border:1px solid #dee2e6;}
.bdr-tbl tr{ padding:5px; border:1px solid #dee2e6;}
.bdr-tbl tr td{ padding:4px 5px; border-right:1px solid #dee2e6;}

.profile-dropdown { width: 200px; } 
.profile-dropdown i { font-size: 17px; vertical-align: middle; margin-right: 5px; } 
.profile-dropdown span { vertical-align: middle; } 

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

body.adminbody-void { min-height: 1170px; } 
.mobile.smallscreen .sidebar-inner.leftscroll { overflow: scroll !important; } 
button:focus { outline: none !important; } 
a.btn:focus { color: #ffffff !important; } 

.btn-rounded { border-radius: 2em !important; padding: .5rem 1.5rem; } 
.btn-label { background: rgba(43, 61, 81, 0.1); display: inline-block; padding: 7px 15px; border-radius: 3px 0 0 3px; margin: -7px -14px; margin-right: 12px; } 
.btn-rounded .btn-label { padding: 7px 15px 7px 20px; margin-left: -20px; } 
.btn-rounded .btn-label-right { margin-right: -20px; margin-left: 12px; } 
.btn-label-right { margin-left: 12px; margin-right: -13px; border-radius: 0px 3px 3px 0px; } 
.btn-custom { background-color: #64b0f2; border-color: #64b0f2; color: #ffffff;} 
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.focus, .btn-custom:active, .btn-custom:focus, .btn-custom:hover, .open > .dropdown-toggle.btn-custom { background-color: #439fef; border-color: #439fef; color: #ffffff; } 
.btn-primary { background-color: #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-success { background-color: #1bb99a; border-color: #1bb99a; } 
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success { background-color: #16957c; border-color: #16957c; color: #ffffff; } 
.btn-info { background-color: #3db9dc; border-color: #3db9dc; } 
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info { background-color: #25a7cb; border-color: #25a7cb; color: #ffffff; } 
.btn-warning { background-color: #f1b53d; border-color: #f1b53d; color: #ffffff; } 
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning { background-color: #eea617; border-color: #eea617; color: #ffffff; } 
.btn-danger { background-color: #eb1c27; border-color: #eb1c27; } 
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger { background-color: #ff391f; border-color: #ff391f; color: #ffffff; } 
.btn-dark { background-color: #2b3d51; border-color: #2b3d51; color: #ffffff; } 
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus, .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark { background-color: #1d2936; border-color: #1d2936; color: #ffffff; } 

.btn-outline-custom { color: #64b0f2; background-image: none; background-color: transparent; border-color: #64b0f2; } 
.btn-outline-custom:hover, .btn-outline-custom:focus, .btn-outline-custom:active, .btn-outline-custom.active, .btn-outline-custom.focus, .btn-outline-custom:active, .btn-outline-custom-primary:focus, .btn-outline-custom:hover, .open > .dropdown-toggle.btn-outline-custom { color: #ffffff; background-color: #64b0f2; border-color: #64b0f2; } 
.btn-outline-primary { color: #0f9df7; background-image: none; background-color: transparent; border-color: #0f9df7; } 
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover, .open > .dropdown-toggle.btn-outline-primary { color: #ffffff; background-color: #0f9df7; border-color: #0f9df7; } 
.btn-outline-success { color: #1bb99a; background-image: none; background-color: transparent; border-color: #1bb99a; } 
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.focus, .btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success:hover, .open > .dropdown-toggle.btn-outline-success { color: #ffffff; background-color: #1bb99a; border-color: #1bb99a; } 
.btn-outline-info { color: #3db9dc; background-image: none; background-color: transparent; border-color: #3db9dc; } 
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.focus, .btn-outline-info:active, .btn-outline-info:focus, .btn-outline-info:hover, .open > .dropdown-toggle.btn-outline-info { color: #ffffff; background-color: #3db9dc; border-color: #3db9dc; } 
.btn-outline-warning { color: #f1b53d; background-image: none; background-color: transparent; border-color: #f1b53d; } 
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.focus, .btn-outline-warning:active, .btn-outline-warning:focus, .btn-outline-warning:hover, .open > .dropdown-toggle.btn-outline-warning { color: #ffffff; background-color: #f1b53d; border-color: #f1b53d; } 
.btn-outline-danger { color: #eb1c27; background-image: none; background-color: transparent; border-color: #eb1c27; } 
.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: #eb1c27; border-color: #eb1c27; } 
.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-group, .btn-group-vertical{ margin-bottom:15px;}
/*.btn-group, .btn-group-vertical, .btn-secondary{ font-size:14px;}
.btn-group, .btn-group-vertical, .btn-danger{ font-size:14px;}*/

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

#sidebar-menu > ul > li > a.pro { background-color: #f16854; color: #fff; bottom: 0; } 

.avatar-circle { border-radius: 50%; } 
.avatar-rounded { border-radius: 50%; } 

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

.widget-messages .message-item { position: relative; overflow: hidden; border-bottom: 1px solid #e8e8e8; padding: 12px 0; } 
.widget-messages .message-item img { width: 40px; } 
.widget-messages .message-item .message-user-img { display: block; float: left; margin-right: 15px; width: 40px; } 
.widget-messages .message-item .message-item-user { color: #525252; display: block; font-weight: 500; margin: 0; } 
.widget-messages .message-item .message-item-msg { color: #525252; display: block; font-weight: 200; margin: 0; } 
.widget-messages .message-item .message-item-date { color: #a2a5a7; font-weight: 200; position: absolute; right: 7px; top: 2px; } 

.custom-modal .modal-header { padding: 10px !important; border-radius: 0; background-color: #5ba2e6; color: #fff; } 
.custom-modal .modal-content { background-color: #f7f7f7; } 
.custom-modal .modal-footer { padding: 10px !important; border-radius: 0; background-color: #f3f3f3; } 
.custom-modal .close { color: #fff; text-shadow: 0; } 

.border-left { border-left: 3px solid #eaeaea; } 
.label-info { background-color: #5bc0de; } 

.xbtn-add { background-color: #5eca5e; padding:4px 10px; margin: 0; font-size: 12px; color: #ffffff !important; border-radius: 10px; } 
.xbtn-viw { background-color: #a8c1d8; padding:4px 10px; margin: 0; font-size: 12px; color: #ffffff; border-radius: 10px; } 
.xbtn-edit { background-color: #3db9dc; padding:4px 10px; margin: 0; font-size: 12px; color: #ffffff; border-radius: 10px; } 
.xbtn-edit:first-child{ margin-right:3px;}
.xbtn-srch { background-color: #7d8895; padding:3px 10px; margin: 0; font-size: 14px; color: #ffffff; border-radius: 10px; } 

.xbtn-add:hover, .xbtn-edit:hover, .xbtn-viw:hover, .xbtn-srch:hover { background-color: #888888; color: #ffffff; animation-name: rubberBand; animation-duration: 0.5s; } 
.xbtn-back { background-color: #b4b4b4; border:1px solid #b4b4b4; padding:4px 10px 3px; margin: 0; font-size: 12px; color: #ffffff; border-radius: 10px; margin-top:0px; transition: all 0.5s ease 0s; } 
.xbtn-back:hover { background:transparent; border:1px solid #7e7d7d; color:#525252; } 
.xbtn-back i { padding-right:5px; font-size:12px; } 
.xbtn-delete { background-color: #eb1c27; padding:4px 10px; margin: 0; font-size: 12px; color: #ffffff; border-radius: 10px; } 
.xbtn-delete:hover, .xbtn-delete:hover, .xbtn-delete:hover { background-color: #d64330; color: #ffffff; } 
.xbtn-suspend { background-color: #ff9f40; padding:4px 10px; margin: 0; font-size: 12px; color: #ffffff; border-radius: 10px; } 
.xbtn-suspend:hover, .xbtn-suspend:hover, .xbtn-suspend:hover { background-color: #cd731a; color: #ffffff; } 

.tooltip-demo { text-align: center; } 
.tooltip-demo .xbtn-add { background-color: #5eca5e; padding:1px 6px; margin: 0; font-size: 16px; color: #ffffff !important; border-radius: 10px; } 
.tooltip-demo .xbtn-viw { background-color: #a8c1d8; padding:1px 6px; margin: 0; font-size: 16px; color: #ffffff; border-radius: 10px; } 
.tooltip-demo .xbtn-edit { background-color: #3db9dc; padding:1px 6px; margin: 0; font-size: 16px; color: #ffffff; border-radius: 10px; } 
.tooltip-demo .xbtn-srch { background-color: #9261c6; padding:1px 6px; margin: 0; font-size: 16px; color: #ffffff; border-radius: 10px; } 
.tooltip-demo .xbtn-delete { background-color: #eb1c27; padding:1px 6px; margin: 0; font-size: 16px; color: #ffffff; border-radius: 10px; } 
.tooltip-demo .xbtn-suspend { background-color: #ff9f40; padding:1px 6px; margin: 0; font-size: 16px; color: #ffffff; border-radius: 10px; } 
.tooltip-demo .btn-primary { padding:1px 6px; margin: 0; font-size: 16px; border-radius: 10px; } 
.emailConfirm { border-radius: 10px; padding:2px 6px; } 

td .btn-danger { padding:1px 6px; margin: 0; font-size: 16px; color: #ffffff; border-radius: 10px; } 
td .btn-primary { padding:1px 6px; margin: 0; font-size: 16px; color: #ffffff; border-radius: 10px; } 

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

.btn-srchx { background-color: #7d8895; padding:3px 10px; margin: 0 5px 0 0; font-size: 14px; color: #ffffff; border-radius: 10px; } 

.btn-secx { padding:3px 10px; margin: 0; font-size: 14px; color: #7d8895; border-radius: 10px; background-color: #ddd; border-color: #ddd; } 
.btn-secx:hover { background-color:#eee; border-color:#eee; } 

.xsearchbdy { margin-bottom: 30px; background-color: #ccd0d5; border: 1px solid #ccd0d5; padding: 10px 15px; position: relative; } 

.xsearchbdy_upbtn{
background-color: #96d0ea !important;
border: 1px solid #96d0ea !important;
}
.xsearchbdy .cbtn-srch { position: absolute; right: -2px; top: -2px; padding:0 5px; margin: 0; font-size: 16px; color: #ffffff; border-radius: 50%; display: inline-block; } 
.xsearchbdy .cbtn-srch:hover { color: #666; } 
.xsearchbdy .form-group { margin-bottom: 5px; } 
.xsearchbdy label { margin-bottom: 0 !important; font-weight: normal; } 
.xsearchbdy label.empty { display: block; content: ""; height: 25px; } 
.srch-rgt { text-align: right; } 

.loginbg { background:url(../images/login-bg.jpg) center; background-size: cover; padding-top: 10%; } 
.loginbg .card-wrapper{min-width: 700px;}
.login-card { border: 0 none; background-color: transparent; /*border: 10px solid rgba(0,0,0,0.1);*/ background: #033248; box-shadow: 1px 30px 30px rgba(0,0,0,0.3);} 
.login-card .card-body{padding: 10px 20px;}
.logbg { text-align: center; display: flex; width: 100%; align-items: center; /*animation-name: slideInLeft; animation-duration: 1.5s;*/ background-color: #fff;} 
.logbg .vcntr { width: 100%; } 
.logfrm { padding: 20px; /*animation-name: slideInRight; animation-duration: 1.5s;*/ border-left: 1px solid rgba(0,0,0,0.1);} 
.logfrm a{color: #fff;}
.logfrm a:hover{color: #aaa;}
.logfrm button.btn-secondary{color: #fff; background-color: #cc282e; border-color: #cc282e;}
.logfrm button.btn-secondary:hover{background-color: #888; border-color: #888;}
.logbg .brand { margin:0 0 20px; }
.pashw { position: relative; } 
.btn-shw { position:absolute; right:10px; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -o-transform:translate(0,-50%); padding: 2px 7px; font-size:12px; cursor:pointer; } 

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

/* ----- User Role CSS ----- */

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

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

/* -----Main Components------- */
.cd-accordion-menu { width:auto; margin:0px 0px; padding:0; } 
.cd-accordion-menu ul { display: none; padding:0; } 
.cd-accordion-menu li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom:1px; list-style:none } 
.cd-accordion-menu input[type=checkbox] { position: absolute; } 
.cd-accordion-menu label, .cd-accordion-menu a { position: relative; display: block; padding: 4px 18px 4px 64px; background: #efefef; box-shadow: inset 0 -1px #D0D0D0; color: #ffffff; font-size:14px; border-radius:0px 4px 4px 0px; color:#555; margin-bottom:2px; } 
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover { background: #c3c3c3; color:#fff; } 
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after { /* icons */
 content: ''; display: inline-block; width: 15px; height: 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } 
.cd-accordion-menu label { cursor: pointer; } 
.cd-accordion-menu label::before, .cd-accordion-menu label::after { background-image:url(../images/cd-icons.svg); background-repeat: no-repeat; } 
.cd-accordion-menu label::before { /* arrow icon */
 left: 18px; background-position: 0 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } 
.cd-accordion-menu label::after { /* folder icons */
 left: 41px; background-position: -16px 0; } 
.cd-accordion-menu a::after { /* image icon */ 
 left: 36px; } 
.cd-accordion-menu input[type=checkbox]:checked + label::before { /* rotate arrow */
 -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } 
.cd-accordion-menu input[type=checkbox]:checked + label::after { /* show open folder icon if item is checked */
 background-position: -32px 0; } 
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
 /* show children when item is checked */
 display: block; } 
.cd-accordion-menu ul label,
.cd-accordion-menu ul a { background: #f8eded; box-shadow: inset 0 -1px #f7f2f2; padding-left: 82px; border-radius:0; color:#555; } 

.cd-accordion-menu ul label,
.cd-accordion-menu ul a:first-child { border-radius:0px 3px 3px 0px; cursor:pointer !important; } 

.cd-accordion-menu ul label,
.cd-accordion-menu ul a:first-child { cursor:pointer; } 

.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover { background: #e5e1e1; color:#555; cursor:auto; } 
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a { font-weight: normal; } 
.cd-accordion-menu ul label::before { left: 36px; } 
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after { left: 59px; } 
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a { padding-left: 100px; } 
.cd-accordion-menu ul ul label::before { left: 54px; } 
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after { left: 77px; } 
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a { padding-left: 118px; } 
.cd-accordion-menu ul ul ul label::before { left: 72px; } 
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after { left: 95px; } 
@media only screen and (min-width: 600px){
 .cd-accordion-menu label, .cd-accordion-menu a { padding: 4px 10px 3px 65px; font-size:14px; font-weight:400; color:#444; } 
 .cd-accordion-menu label::before { left:10px; } 
 .cd-accordion-menu label::after { left: 37px; } 
 .cd-accordion-menu ul label,
 .cd-accordion-menu ul a { padding-left:90px; } 
 .cd-accordion-menu ul label::before { left: 35px; } 
 .cd-accordion-menu ul label::after,
 .cd-accordion-menu ul a::after { left: 62px; } 
 .cd-accordion-menu ul ul label,
 .cd-accordion-menu ul ul a { padding-left:100px; } 
 .cd-accordion-menu ul ul label::before { left: 72px; } 
 .cd-accordion-menu ul ul label::after,
 .cd-accordion-menu ul ul a::after { left: 101px; } 
 .cd-accordion-menu ul ul ul label,
 .cd-accordion-menu ul ul ul a { padding-left: 154px; } 
 .cd-accordion-menu ul ul ul label::before { left: 96px; } 
 .cd-accordion-menu ul ul ul label::after,
 .cd-accordion-menu ul ul ul a::after { left: 125px; } 
 }
.cd-accordion-menu.animated label::before { /* this class is used if you're using jquery to animate the accordion */
 -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } 
.bg2 { background:#fff; border:1px solid #eeeeee; padding:0px 5px !important; border-radius:3px; } 
.bg2 .label1 label { background:none; } 
.label1 label:before, .label1 label:after { background-image:none; background:none; } 
.accord { border-right:1px dashed #d8d8d8; } 
.accord:last-child { border-right:none; } 
.mdl-hdr { background: #e3141f; border-bottom: 4px solid #e8e8d4; padding:15px 15px 10px; color: #fff; border-radius:3px 0px 3px 0px; } 
.mdl-hdr { color: #fff; } 
button.close { color: rgba(255,255,255,0.7) !important; } 
.modal-title1 { color:#fff; font-size:20px; } 
#sfcmod button.close { color: #666 !important; } 
#sfcmod .modal-body p{text-align: justify;}
#pseamod button.close { color: #666 !important; } 

/*tab styles*/
.cust-tab { margin-top:30px; } 
.cust-tab .nav-tabs { text-align:center; border-bottom:1px solid #fff; } 
.cust-tab .nav-tabs > li { display:inline-block; margin:0 5px 0 0; } 
.cust-tab .nav-tabs-custom { margin-bottom:0; } 
.cust-tab .nav-tabs-custom > .nav-tabs > li { background-color: #fff; border-left: 1px solid #e5e5e5; border-radius:0; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-radius:4px 4px 0 0; padding:7px 0px; } 
.cust-tab .nav-tabs-custom > .tab-content { background-color:#f9f9f9; padding:12px 20px 25px; border:0 none; border:1px solid #e5e5e5; margin-top:-2px; color:#555; float:left; width:100%; } 
.cust-tab .nav-tabs-custom > .tab-content p { text-align:justify } 
.cust-tab .nav-tabs > li { position:relative; } 
.cust-tab .nav-tabs > li > a { position:relative; /* z-index:510; */ padding:7px 15px; font-size:14px; color:#666; /* border:1px solid #fff; */} 
.cust-tab .nav-tabs > li > a >i { color:#999; } 
.cust-tab .nav-tabs > li > a.active >i { color:#eb1c27; } 
.cust-tab .nav-tabs-custom > .nav-tabs > li > a.active, .det-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a { background:#f9f9f9; color:#eb1c27; /* border:1px solid #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: #f9f9f9; z-index:0; } 
.cust-tab .nav-tabs > li:hover:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } 
.cust-tab .nav-tabs > li > a:hover { background:#f9f9f9; color:#333; } 
.cust-tab .tab_list { float:left; width:100% } 
.cust-tab .tab_list h2 { font-size:18px; font-weight:300; color:#999; padding:10px 0; margin:0; } 
.cust-tab .tab_list .txt-col1 { float:left; width:48%; margin-right:22px } 
.cust-tab .tab_list .txt-col2 { float:left; width:48%; } 
/* .cust-tab .tab_list span { display:block; border-bottom:1px solid #eee; color:#304056; background:#fff; padding:8px 12px; margin-bottom:4px; float:left; width:100% }  */
.cust-tab .tab_list span strong { display:inline-block; width:30%; text-transform:uppercase; font-size:12px; margin-right:10px; color:#323a23; } 
.cust-tab .tab_list span div.txt-info { width:65%; display:inline-block; border-left:2px dotted rgb(0,0,0,0.1); padding-left:10px; color:#888 } 
.cust-tab .tab_list span i.fa { width:30px; } 
.cust-tab .tab_list ul.iview-list { margin:0; padding:0; } 
.cust-tab .tab_list ul.iview-list li { list-style:none; padding:4px 0 } 
.cust-tab .tab_list2 { float:left; width:100% } 
.cust-tab .tab_list2 h2 { font-size:18px; font-weight:300; color:#999; padding:10px 0; margin:0; } 
.cust-tab .tab_list2 span { display:block; border-bottom:1px solid #eee; 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 } 
.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; } 
.tab-pane .card-body{ background-color: #ffffff;}

/*sub-tab styles*/
.cust-tab2 { margin-top:20px; } 
.cust-tab2 .nav-tabs { text-align:center; border-bottom:1px solid #fff; } 
.cust-tab2 .nav-tabs > li { display:inline-block; margin:0; } 
.cust-tab2 .nav-tabs-custom { margin-bottom:0; background:#f9f9f9 } 
.cust-tab2 .nav-tabs-custom > .nav-tabs > li { background-color: #dde2e0; border-top: 1px solid #d4d8d6; border-left: 1px solid #d4d8d6; border-right: 1px solid #d4d8d6; border-radius:4px 4px 0 0; } 
.cust-tab2 .nav-tabs-custom > .tab-content { background-color:#fff; padding:12px 15px; border:0 none; border:1px solid #d4d8d6; margin-top:-2px; } 
.cust-tab2 .nav-tabs-custom > .tab-content h3 { font-size:16px; text-transform:uppercase; display:inline-block; width:100%; color:#444; margin-top:0 } 
.cust-tab2 .nav-tabs > li { position:relative; margin:0 5px 0 0 } 
.cust-tab2 .nav-tabs > li > a { position:relative; z-index:510; padding:2px 12px; font-size:16px; color:#333; border-bottom:1px solid #d4d8d6; } 
.cust-tab2 .nav-tabs-custom > .nav-tabs > li.active { border-bottom:none; border-bottom-color:#fff } 
.cust-tab2 .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a { background:#fff; color:#333; border-bottom-color:#fff; } 
.cust-tab2 .nav-tabs-custom > .nav-tabs > li.active > a .fa-caret-right { transition: all 0.5s ease 0; transform: rotate(90deg); } 
.cust-tab2 .nav-tabs > li:before { transform: scaleX(0); transform-origin: 50% 50% 0; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; visibility: hidden; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #e7ecea; z-index:1; } 
.cust-tab2 .nav-tabs > li:hover:before { transform: scaleX(1); visibility: visible; opacity: 1; } 
.cust-tab2 .nav-tabs > li > a:hover { background:none transparent; color:#333; } 
.cust-tab2 .nav-tabs-custom > .tab-content .subtab-list { float:left; width:100%; border-bottom:1px solid #eee; padding:4px 8px; margin-bottom:6px; border-left:4px solid #eee; } 

.rad-list { display:flex; } 
.rad-list label { display:inline-flex; } 
.rad-list label .ico-radio { padding-left:16px; } 
.list1 { width:44%; } 
.list2 { width:55%; } 

.display td, .display th { vertical-align:middle; } 
.display td b small.csd { background-color: #ddd; display: inline-block; padding: 0px 15px 0 10px; border-radius: 3px; font-weight: bold; font-size: 12px; color: #cd2b3f; -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); text-transform: uppercase;} 
.display td b small.opn { background-color: #68bc46; display: inline-block; padding: 0px 20px 0 6px; border-radius: 3px; font-weight: bold; font-size: 12px; color: #ffffff; -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); text-transform: uppercase;} 
.display td b small.ffast{ background-color: #ff6000; display: inline-block; padding: 0px 5px; border-radius: 3px; font-weight: bold; font-size: 12px; color: #ffffff;}

.subtab-list .lside { float:left; width:50%; font-weight:500; color:#666 } 
.subtab-list .rside { float:left; width:50%; color:#777 } 
.bg-form { background:#fef8f8; padding:20px; margin-bottom:18px; border-bottom:1px solid #efe7e7; } 
.add-table { font-size:14px; } 
.add-table label { color:#333; font-weight:600 !important; } 
/* ---- Tab ------ */

.usr-tbl .table-bordered td, .table-bordered th { border: 1px solid #efefef; } 

/* ---- User Roll CSS ------ */
.form-row label { color:#383838; font-weight:500; padding-top:3px; } 
.form-group > label {text-align: right; color: #777;} 
.table { animation-name: fadeIn; animation-duration: 1s; } 
.table td a.suspendx, .table td a.editx, .table td a.checkx, .table td a.deletex, .table td a.approvex, .table td a.searchx { display:inline-block; padding:3px 4px; border-radius:7px; color:#fff; margin-right:4px; } 
.table td a.suspendx { background-color: #ff9f40; } 
.table td a.checkx { background-color: #05a701; } 
.table td a.editx { background-color: #3db9dc; } 
.table td a.deletex { background-color: #eb1c27; } 
.table td a.approvex { background-color: #2bcd49; } 
.table td a.searchx { background-color: #a8c1d8; } 
.table td a:hover { animation-name: rubberBand; animation-duration: 0.5s; } 
.table td a.download,.table td a.download1 { background-color: #428bca; color: #fff; } 
.table td a.download,.table td a.download1 { border-radius: 7px; color: #fff; display: inline-block; margin-right: 4px; } 
.table td button:hover { animation-name: rubberBand; animation-duration: 0.5s; } 

.course-frm { display:flex; } 
.course-fm { background:linear-gradient(#fafafa, #ffffff); border:1px solid #ddd; border-radius:3px; margin-bottom:15px; } 
.course-fm label { color:#333; padding-top:5px; } 
.course-frm1 { display:flex; } 
.course-fm1 { background:linear-gradient(#fafafa, #ffffff); border:1px solid #ddd; border-radius:3px; margin-bottom:15px; } 
.course-fm1 label { color:#333; padding-top:5px; } 
.course-frm1 { margin-bottom:0; } 
.add-butt { text-align:center; margin-top:20px; margin-bottom:10px; border-top:1px dotted #ddd; padding-top:25px; } 

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

.orglogo { display: flex; align-items: center; flex-wrap:nowrap;} 
.org1 img { max-width: 250px; max-height: 100px; } 
.org2 { padding-left: 0; } 
.org2 h1 { font-size: 30px; color: #888888; text-transform: uppercase; padding-left:25px; } 
.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: 30px; } 
.orgdet ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; } 
.orgdet ul li { padding: 0; margin:2px; list-style: none; width: 49%; display: flex; border: 1px solid #eee !important; margin-right:7px; } 
.orgdet ul li b { width: 35%; padding: 5px 10px; border-right: 3px dotted #ddd; color: #888888; font-weight: 600; text-transform: uppercase; position: relative; z-index: 1; align-items: center; flex-wrap: nowrap;} 
.orgdet ul li b::before { content: ""; width: 100%; height: 100%; background: linear-gradient(to right, #f6f6f6, #fff); position: absolute; top: 0; left: 0; z-index: -1;} 
.orgdet ul li span { width: 65%; padding: 5px 10px; text-align: justify; flex-wrap: nowrap; min-height:30px;}
.orgdet ul li span h1{ font-size: 22px; color: #333;} 
.orgdet ul li span h2{ font-size: 20px; color: #555;}
.orgdet ul li span h3{ font-size: 18px; color: #777;}
.orgdet ul li span h4{ font-size: 16px; color: #888;}   
.orgdet ul li span h5{ font-size: 14px; color: #999;}
.orgdet ul li span h6{ font-size: 12px; color: #888;}  

/* Terms and Conditions */

.terms-frnt{ width:100%; color:#333;}
.terms-frnt h5{ font-size:16px; margin:10px 0px;}
.terms-frnt h2{ font-size:20px; margin:10px 0px 15px; color:#333; text-align:left; font-weight:500;}
.terms-frnt h4{ font-size:16px; margin:20px 0px 7px; color:#0f8801; text-align:left; font-weight:500;}
.terms-frnt ol{ margin:0; padding-left:15px; margin:10px 0px 15px;}
.terms-frnt ol li{ line-height:1.3; margin-bottom:25px; text-align:justify; padding-left: 15px;}
.terms-frnt ol li:last-child{ margin-bottom:0;}
.terms-frnt ol li ol li{margin-bottom:0px;}
.terms-frnt p{ text-align:justify; margin:5px 0px;}
.terms-frnt .table{ margin:15px 0px;}
.terms-frnt .table td{ border:1px solid #d5d5d5; padding:10px;}
.terms-frnt strong{ color:#333;}

/*
.table .orgdet ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; } 
.table>tr>td, .orgdet ul li { padding: 0; margin:2px; list-style: none; width:100% !important; display: flex; border:none !important; } 
.table .orgdet ul li b { width: 35%; padding: 5px 10px; border-right: 3px dotted #ddd; color: #888888; font-weight: 600; text-transform: uppercase; position: relative; z-index: 1; align-items: center; flex-wrap: nowrap;} 
.table .orgdet ul li b::before { content: ""; width: 100%; height: 100%; background: linear-gradient(to right, #f6f6f6, #fff); position: absolute; top: 0; left: 0; z-index: -1;} 
.table .orgdet ul li span { width: 65%; padding: 5px 10px; text-align: justify; display: flex; align-items: center; flex-wrap: nowrap; min-height:30px;} */ 

#alertbook .orgdet { margin-top:30px; } 

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

.stu-info{display: flex; width: 100%;}
.stu-info .orglogo{ background-color: #ddd; border-right: 5px solid #fff; padding: 10px; width: 150px;}
.stu-info .orglogo .org1{display: block; width: 100%; height: 100%;}
.stu-info .orglogo .org1 img{ width: 100%; height: auto; max-height:200px;}
.stu-info .orgdet{ width: 100%;}
.stu-info .orgdet ul li{ width: 48.9%;}
.ico-stu{ color: #eb1c27; font-size: 20px; margin: 0 auto; cursor: pointer;}
.stu-active td, .stu-active:hover td{ background-color: #c7ffc7;}
.stu-active .ico-stu{ color: #00a65a;}

.cel-split { display:flex; } 
.cel1 { width:30%; height:28px; margin-right:8px; } 
.cel2 { width:25%; margin-right:8px; height:28px } 
.cel2:last-child { margin-right:0; } 
.cel-split input { width:40%; height: 32px; } 
.pad1 { padding:0; } 
.cel3 { width: 50%; float: left; } 
.cel4 { width: 48%; float: right; } 
.modal-bdr { padding:0px 10px; } 
.cel-split-lst { display:flex; width:100%; } 
.cel-split-lst input { width:17%; height: 32px; } 
.cel-split-lst label { margin:2px 4px; } 

.cel-splt { display:flex; } 
.cel-splt span { width:22%; margin-right:5px; text-align:center; } 
.cel-splt span:last-child { margin-right:0px; } 

.input-group .input-group-addon { border-radius: 0; border-color: #d2d6de; background-color: #fff; padding:1px 6px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; border-right:2px solid #ccc; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:7px; } 
.input-group .input-group-addon i { padding-top:5px; } 

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

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

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

.dfdet3 { margin-top: 0; } 
.dfdet3 ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; } 
.dfdet3 ul li { padding:10px 10px 10px; margin:2px; list-style: none; width: 32%; display: flex; border: 1px solid #eee; text-align: center; height:130px; } 
.dfdet3 ul li img { margin: 0 auto; width: 235px; 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; width: 100%; color: #555; font-weight: 500; margin: 0;} 
.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; padding: 3px 6px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.2);} 
.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; } 
.drp-datac .table td:hover{background-color: #fff5bc;}
.drp-datac .table tr:hover{background:transparent;}

.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; border:1px solid #ececec;} 
.cardlogo h3 { font-size:26px; } 
.cardhead { width: 100%; } 
.idarea { width: 100%; float: left; padding: 20px 0px 5px; margin: 0 0 15px 0; border-bottom: #bbbbbb 3px solid; border-top: #bbbbbb 3px solid; } 
.iddetail { width: 100%; float: left; } 
.photo { width: 20%; float: right; text-align: center; margin-top: 25px; } 
.photo img { padding: 8px; border: 1px solid #eee; border-radius: 6px; } 
.photo span { font-size: 14px; display: block; text-transform: uppercase; letter-spacing: 1px; } 
.photo span small { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 5px; } 
.title { width: 100%; } 
.title h1 { font-size: 28px; color: #222; text-align: left; font-weight: bold; padding: 0 0 5px 0; } 
.title h2 { font-size: 18px; color: #111617; text-align: left; font-weight: 600; text-transform: uppercase; margin: 0 0 20px; } 
.detailarea { width: 100%; float: left; } 
.detailbox1 { width: 100%; float: left; font-size: 15px; color: #333333; text-align: left; } 
.detailbox1 h2 { font-size:18px; color: #000; font-weight: bold; text-transform: uppercase; padding: 10px 0; margin: 0; } 
.detailbox2 { width: 50%; float: right; font-size: 15px; color: #333333; text-align: right; } 
.detailbox2 h1 { font-size: 15px; color: #000; font-weight: bold; text-transform: uppercase; padding: 5px 0 0 0; } 
.signarea { width: 100%; float: left; } 
.att-txt { font-size: 16px; } 
.att-txt2 { font-size: 16px; } 
.detailbox1 .table { display:inline-table; } 
.assign { padding:0; } 
.inner-tbl { padding-top:20px; margin-bottom:0; } 

.tax-invoice { padding:20px 30px; } 
.mcenter { margin:30px auto; font-family:"PT Sans",Arial, Helvetica, sans-serif; } 
.cmargin { border:1px solid #fff; border-radius:6px; box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.30); padding-top:30px; padding-bottom:30px; position:relative;} 
.cmargin .table td { border-top:none; } 
.tpad1 { padding-top:11px; } 
.pad2 { margin-left:0px; margin-right:20px; padding:8px 0px 0px 0px; } 
.pad3 { padding-top:10px; } 
.pad4 { padding-bottom:20px; } 
.pad5 { padding-top:20px; } 
.center { text-align:center; } 
.pad_p { text-align:center } 
.pad_p p { font-size:14px; color:#333; } 
.pad_p p span { font-style:italic; } 

.usr_info { padding:0 !important; text-align:left; } 
.usr_img { background-color:rgba(239, 239, 239, 0.7); padding:20px; border-radius:3px 3px 0px 0px; border:1px solid #fff } 
.usr_img img { width:100%; } 

.usr_txt h2 { font-size:26px; font-weight:300; color:#ed1c24; padding:0px 0px 10px; margin:0; } 
.padd { padding:0px 15px; } 
.padd1 { padding:0; } 
.usr_txt ul { margin:0; padding:0; } 
.usr_txt li { border-top:1px dotted #dedede; font-size:13px; padding:5px 0; display:flex; color:#993300; } 
.usr_txt li:first-child { border-top:none; } 
.usr_txt li:last-child { border-bottom:none; } 
.usr_txt li b { width:50%; border-right: 4px solid #e9e9e9; font-size:12px; text-transform:uppercase; color:#444; margin-right:10px; background: #f2f2f2; padding:6px 10px; border-radius: 0px 1px 1px 0px; position: relative; text-align: right; } 
.usr_txt li b:before { display:block; border-color: transparent transparent transparent #e9e9e9; border-style: solid; border-width: 6px; box-sizing: border-box; content: " "; position: absolute; right: -16px; top:8px; z-index: 2;} 
.usr_txt li span { width:83%; color:#444; padding:4px 10px; text-align:justify; line-height:1.7; background:#f8f7f7; border-radius:3px; display:inline-block; } 

.usr_info1 { padding-right:0 !important; text-align:left; } 
.usr_img1 { background-color:rgba(239, 239, 239, 0.7); padding:20px; border-radius:3px 3px 0px 0px; border:1px solid #fff } 
.usr_img1 img { width:100%; } 

.usr_txt1 h2 { font-size:26px; font-weight:300; color:#ed1c24; padding:0px 0px 10px; margin:0; } 
.padd { padding:0px 15px; } 
.padd1 { padding:0; } 
.pad1 i { color:#79080e; border:1px solid #ddd; border-radius:3px; width:25px; height:25px; text-align:center; padding-top:4px; margin-bottom:5px; } 
.usr_txt1 ul { margin:0; padding:0; } 
.usr_txt1 li { font-size:13px; padding:5px 0; display:flex; color:#993300; } 
.usr_txt1 li:first-child { border-top:none; } 
.usr_txt1 li:last-child { border-bottom:none; } 

.usr_txt1 li b { width:35%; 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:65%; color:#444; padding:4px 10px; text-align:justify; line-height:1.7; background:#f8f7f7; border-radius:3px; display:inline-block; } 
.pink { font-size:26px; color:#eb1c27; } 
.text-red { color:#eb1c27; } 
.fund-infor { padding:0; } 
.crse span { width:30%; padding-right:10px; } 
.invce1 h2 { color:#eb1c27; } 
.invce1 h2 small { font-size:18px; color:#333; } 
.invce2 { color:#333; font-weight:bold; } 
.totl { font-size:16px; } 

/* ---- Certificate ------ */
.frm1 { color:#000080; } 
.frm1 td { font-family:times; font-size:12px; } 
.bdr { border:1px solid #001a72 } 
.mtitle { font-family:times; font-size:24px; font-weight:bold; text-align:center } 
.txt1 { font-style:italic; font-size:18px; } 
.nam { font-size:18px !important; font-weight:bold; color:#000080; border-bottom:0.5px solid #000080 } 
.nam1 { font-size:18px !important; font-weight:bold; color:#000080; text-decoration:underline; } 

.msub { line-height:1.6 } 
.msub2 { line-height:1.1 } 
.msub3 { line-height:1.2 } 
.msub4 { line-height:2.2 } 
.msub5 { line-height:5.5 } 
.ctit { font-size:20px; font-weight:bold; } 
.dat { font-size:20px; font-weight:bold } 
.sign { border-bottom:0.5px solid #111; text-align:left } 
.sig-name { text-transform:uppercase; font-size:14px; text-align:left; font-weight:bold; } 
.sig-pos { font-size:13px; text-align:left } 
.certificate { background:url(../images/certificate.jpg) center no-repeat; background-size:cover; padding:20px; } 
.certificate .cer-logo { padding:20px 0px; } 
.certificate .cer-logo span { width:50%; float:left; } 
.certificate .cer-logo small { width:50%; float:left; } 
.certificate .cer-logo small img { text-align:right; float:right; } 
.certificate .cer-body { margin-top:255px; } 
.certificate .cer-body h2 { text-align:center; font-size:36px; text-transform:uppercase; color:#333; margin:15px 0px 30px; font-weight:bold; } 
.certificate .cer-body small { display:block; font-size:16px; color:#555; text-align:center; } 
.certificate .cer-body h3 { text-align:center; font-size:24px; text-transform:uppercase; color:#cc0605; margin:40px 0px 20px; } 
.certificate .cer-body h3 span { display:block; font-size:16px; color:#555; text-align:center; margin-top:20px; text-transform:none; font-weight:normal; font-style:italic; } 
.certificate .cer-body h4 { text-align:center; font-size:22px; text-transform:none; color:#222; margin:40px 20px 40px; } 
.certificate .cer-body h5 { text-align:center; font-size:20px; text-transform:none; color:#717171; margin:0px 0px 20px; } 
.certificate .cer-footer { width:100%; display:flex; margin-top:350px; margin-bottom:130px; } 
.certificate .cer-footer .cer-sign1 { width:45%; padding-left:160px; } 
.certificate .cer-footer .cer-sign1 h3 { font-size:16px; border-bottom:1px solid #ccc; padding-bottom:10px; } 
.certificate .cer-footer .cer-sign2 { width:35%; text-align:left; padding-right:30px; } 
.certificate .cer-footer .cer-sign2 h3 { font-size:16px; border-bottom:1px solid #ccc; padding-bottom:10px; } 
.certificate .cer-footer .cer-sign2 h4 { font-size:16px; } 
.certificate .cer-footer .cer-sign1 h4 { font-size:16px; } 
.certificate .cer-footer .cer-sign2 h5 { font-size:18px; font-weight:bold; color:#b0020b; } 
.certificate .cer-footer .cer-sign1 h5 { font-size:18px; font-weight:bold; color:#b0020b; } 
.certificate .cer-footer .cer-sign3 { width:20%; text-align:right; } 
.assment { padding:0; display:flex; margin-bottom:30px; margin-top:10px; } 
.assment-table { float:left; } 

.assment-table .usr_txt1 h2 { font-size:26px; font-weight:300; color:#ed1c24; padding:0px 0px 10px; margin:0; } 
.assment-table .padd { padding:0px 15px; } 
.assment-table .padd1 { padding:0; } 
.assment-table .pad1 i { color:#79080e; border:1px solid #ddd; border-radius:3px; width:25px; height:25px; text-align:center; padding-top:4px; margin-bottom:5px; } 
.assment-table .usr_txt1 ul { margin:0; padding:0; } 
.assment-table .usr_txt1 li { font-size:13px; padding:5px 0; display:flex; color:#993300; } 
.assment-table .usr_txt1 li:first-child { border-top:none; } 
.assment-table .usr_txt1 li:last-child { border-bottom:none; } 
.assment-table .usr_txt1 li b { width:50%; border-right: 4px solid #e9e9e9; font-size:14px; color:#444; margin-right:4px; background: #fefefe; padding:7px 10px; font-weight:500; border-radius: 0px 1px 1px 0px; position: relative; text-align: right; } 
.assment-table .usr_txt1 li span { width:83%; color:#444; padding:4px 10px; text-align:justify; line-height:1.7; background:#f8f7f7; border-radius:3px; display:inline-block; margin-bottom:0; font-size:14px; } 
.bdr1 { border:1px solid #ececec; display:inline-block; width:100%; border-radius:3px; margin-bottom:20px; } 
.assment-link { margin-bottom:15px; transition:0.4s; float:left; } 
.assment-link-part { transition:0.4s; } 
.assment-link-part { display:flex; width:49%; padding:10px; border:1px solid #e3e3e3; border-radius:3px; border-bottom:4px solid #e3e3e3; transition:0.4s; float:left; margin-right:17px; } 
.assment-link-part:nth-child(2n+2) { margin-right:0; } 
.assment-link-part:hover { transition:0.4s; border-bottom:4px solid #adadad; } 
.assment-link-part .ass-body { width:70%; margin-right:15px; transition:0.4s; } 
.assment-link-part .ass-body ul { margin:0; padding:0; } 
.assment-link-part .ass-body ul li { font-size: 13px; padding: 5px 0; display: flex; color: #993300; } 
.assment-link-part .ass-body ul li b { width: 55%; border-right:4px solid #f1f1f1; font-size: 14px; color: #444; margin-right: 4px; background: #fefefe; padding: 7px 10px; font-weight: 500; border-radius: 0px 1px 1px 0px; position: relative; text-align: right; } 
.assment-link-part .ass-body ul li span { width: 80%; color: #444; padding: 4px 10px; text-align: justify; line-height: 1.7; background: #f8f7f7; border-radius: 3px; display: inline-block; margin-bottom: 0; font-size: 14px; } 
.assment-link-part .ass-link { width:25%; text-align:center; } 
/* ---- Certificate ------ */

.accor { padding:0px; } 
#accordion-style-1 h1,
#accordion-style-1 a { color:#0068b6; } 
#accordion-style-1 .btn-link { font-weight: 500; color: #666; background-color: transparent; text-decoration: none !important; font-size: 14px; text-transform:uppercase; padding-left: 30px; line-height:1.4; white-space: normal; } 
#accordion-style-1 .card-body { border-top:1px solid #f7f7f7; padding: 15px; } 
#accordion-style-1 .card-body h3 { padding:0px 0px 10px; font-size:16px; font-weight:500; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; color:#444; margin-bottom:15px; margin-top:10px; } 
#accordion-style-1 .card-body h3:before { position:absolute; content:''; background:#0068b6; height:1px; bottom:4px; left:0%; width:120px; } 
#accordion-style-1 .card-body h3:after { position:absolute; content:''; background:#0068b6; height:3px; bottom:0px; left:0%; width:60px; } 
#accordion-style-1 .card-body p { text-align:justify; color:#333; line-height:1.7; } 
#accordion-style-1 .card-body ul { margin:0 auto; padding:0; } 
#accordion-style-1 .card-body ul li { list-style:none; font-size:14px; line-height:1.7; background:url(../images/arrow4.png) left top 10px no-repeat; padding-left:15px; } 
.link { margin-top:20px; } 
#accordion-style-1 .card-body a { color: #fff; border: 1px solid #0068b6; background:#0068b6; border-radius: 25px; padding:1px 20px 5px; margin-top: 15px; transition:0.4s; font-size:14px; } 
#accordion-style-1 .card-body a:hover { color: #004f94; background:transparent; border:1px solid #004f94; box-shadow: 0px 24px 7px -14px #bababa; } 
#accordion-style-1 .card-header .btn.collapsed .fa.main { display:none; } 
#accordion-style-1 .card-header .btn .fa.main { background:transparent; padding: 8px 14px; border-right:2px solid #ddd; color: #eb1c27; width: 37px; height: 28px; position: absolute; left: -1px; top:5px; display:block; } 
.accor .card-header { padding:2px 15px; } 
.usr-tbl .table td, .table th { vertical-align: middle; line-height:1.7; } 
.usr-tbl .table th { background:#f7f7f7; font-weight: 500; border-bottom:none; } 
.usr-tbl .table td { vertical-align: middle; } 

.usr-tbl .table { margin-bottom:0px; } 
#accordion-style-1 .card-header .btn i { margin-right:0px !important; padding-top: 2px; } 
.accordion .card-header { border-bottom:none !important; } 
/* career */

/* ---- Frm-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 h3 { background-color: #edeff0; margin-bottom: 5px; text-align: center; font-size: 22px; font-weight: 400; font-style: normal; color: #595d64; padding: 12px 0px; border-radius: 3px; } 
.frm-part-sve { background-color: #edeff0; margin-bottom: 5px; text-align: center; text-decoration:none; color:#333; font-size: 18px; font-weight: 400; font-style: normal; color: #595d64; padding: 12px 0px; border-radius: 3px; } 
.frm-part-sve a { color:#444; } 
.frm-part h4 { margin-bottom: 5px; text-align: left; font-weight:bold; font-size:16px; font-weight: 400; font-style: normal; color: #595d64; padding: 12px 0px; } 
/* ---- //Frm-part ------ */

/* ---- Modal ------ */
.mdl-title { font-size:18px; color:#555; 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; } 
/* ---- // Modal ------ */

/* ---- 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; } 
.fc-day-grid-event .fc-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fc-more-popover .fc-event-container{ overflow:auto; height:140px;}
.fc-more-popover .fc-event-container .fc-event:last-child{ margin-bottom:10px;}
/* ---- Calendar ------ */

.maid_prfl { background:#fff; padding:0px; float:left; width:100% } 
.maid_prfl .mdprt { margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:15px; } 
/*.maid_prfl h1 { font-family: "Roboto Light", sans-serif, Arial; font-weight:500; background:#fff7cb; color:#948073; font-size:22px; padding:7px 10px; margin:0; margin-bottom:20px; width:100%; float:left; text-transform:uppercase; border:1px solid #ffeb7c; border-left:4px solid #ffeb7c } */
.maid_prfl h1 { font-size:20px; padding:0; margin:0 0 10px; } 
.maid_prfl h1 small { float:right; color:#facf00; font-size:12px; vertical-align:middle; margin:6px 0 } 
.maid_prfl h1 small a { font-family:'Roboto', sans-serif, Arial; font-size:12px; color:#555; background:#efe7bd; padding:4px 8px; border-radius:3px } 
.maid_prfl h1 small a i { margin-right:4px; font-size:14px; color:#666 } 
.maid_prfl h1 small a:hover { background:#d7cfa3; } 

.err-box { background:#fff; padding:30px; width:630px; margin: 0 auto; text-align:center; border-radius:5px; margin-bottom:30px; } 
.err-box .tit { border-bottom:1px dashed #ece4ba; display:block; margin-bottom:12px; } 
.err-box .tit i { font-size:92px; color:#fb0808; } 
.err-box .tit h2 { font-size:30px; color:#aaa; text-transform:uppercase; margin:0 0 8px } 
.err-box .txt p { color:#746f51; } 
.err-box .txt a { background:#6e6e6e; padding:7px 14px; color:#fff; border-radius:2px; margin-top:9px; display:inline-block } 
.err-box .txt a:hover { background:#444; color:#fff } 
.err-box .tit h2 span { display:block; font-size:14px; text-transform:none; text-align:center; } 

.nav .active.show { color: #eb1c27; } 

.callout-grey h4 { padding:0; margin:0; } 
.all-qst { border-bottom:1px dotted #ddd; padding:10px 10px; } 
.all-qst:hover { background:#f9f9f9; } 
.all-qst h4 { font-size:16px; color:#333; line-height:1.5; margin-bottom:10px; } 
.chg-ans { margin:10px 20px; font-weight:bold; } 
.all-qst .form-group .radio label { font-size:14px; color:#666; } 
.all-qst .form-group { margin-bottom:5px; } 
.all-qst .form-group label { padding-top: 5px; } 
.text-green { color: #00a65a !important; } 
.chg-ans { margin: 10px 0px; font-weight: bold; } 
.callout { border-radius: 3px; margin: 0 0 15px 0; padding:10px 15px 10px 15px; border-left: 4px solid #eee; border-right: 4px solid #eee; } 
.callout h4 { font-size:20px; color:#444; } 
.callout-grey { background-color: #f3f3f3; } 
.callout-dark { background-color: #666; margin-bottom: 0; border: 0 none; } 
.callout-dark h4 { color:#fff; margin: 0; font-size: 16px; } 
.m-width { width:70%; } 

.stu-msg { padding: 0; text-align: center; } 
.stu-msg .stuico { font-size: 70px; color: #2ab20f; display: inline-block; padding: 0px; margin: 0; } 
.stu-msg h1 { padding: 0 0 15px; font-size: 48px; font-weight: 300; position: relative; margin-bottom: 15px; } 
.stu-msg h1::after { position: absolute; height: 3px; background-color: #eb1c27; left: 0; right: 0; bottom: 0; content: ""; width: 10%; margin: 0 auto; } 
.stu-msg h2 { padding: 0; font-size: 24px; font-weight: 300; } 
.stu-msg h3 { padding: 15px 0; font-size: 28px; font-weight: 300; margin: 0; } 
.stu-msg h3 i { font-size: 20px; } 
.stu-msg p { font-size: 18px; } 
.stu-msg p b { font-weight: 500; } 
.stu-msg .form-check-label { margin: 0 20px; cursor: pointer; color: #eb1c27; } 
.hr1 { border-color:rgba(0, 0, 0, 0.1); width: 20%; } 

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

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

.sch-table .form-group small { display: block; padding: 2px 5px 0; margin-top: 4px; border-radius: 5px 5px 0 0; font-weight: 500; color: #72010e; } 
.sch-table .btn-secondary { margin-top: 8px; } 

.stu-info { padding: 10px; margin-bottom: 15px; } 

.rubg { background-color: #fff; } 
.trtitle { background-color: #888; padding: 5px 10px; font-size: 16px; color: #fff; } 
.trbox { display: flex; width: 100%; padding: 10px; margin-bottom: 15px; flex-wrap: wrap; } 
.trbox .trdet { width: 19%; background-color: #eee; padding: 10px; border-radius: 5px; margin:0 10px 15px 0; } 
.trbox .trdet:nth-child(5n+5) { margin-right: 0 !important; } 
.trbox .trdet strong { display: block; font-weight: normal; font-size: 14px; } 
.trbox .trdet b { display: block; } 

.te-tbl thead th { text-align: center; } 
.te-tbl tbody td { text-align: center; } 
.te-tbl tbody th { color: #7c8c99; } 
.te-tbl tbody td label.form-check-label { display: inline-block; padding: 2px 15px; background-color: #ddd; border-radius: 10px; cursor: pointer; } 
.te-tbl tbody td label.form-check-label:hover { background-color: #ccc; } 
.te-tbl.table .thead-dark th { color: #666; background-color: #ccc; border-color: #ddd; } 

.fs-title { font-size: 20px; font-weight: 400; color: #2C3E50; margin-bottom: 25px; padding:10px 20px; font-family:'Lato', sans-serif; border-bottom: 2px solid #ddd; background-color: #eee; border-radius: 5px; text-align: center; } 
.fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px; } 
ul.cfmtime { margin: 20px 0 30px; padding:0; list-style: none; border-radius: 8px; border: 1px solid #ccc; background-color: #fff; } 
ul.cfmtime li { margin:0; padding:8px 0; list-style: none; display: flex; align-items: center; font-size: 14px; border-bottom: 1px dotted #ccc; transition: all 0.5s ease 0s; } 
ul.cfmtime li:hover { background:#fff5bc; transition: all 0.5s ease 0s; } 
ul.cfmtime li:last-child { border-bottom: 0 none; } 
ul.cfmtime li span { width: 25%; padding: 0px 10px; text-align: right; border-right: 4px solid rgba(0, 0, 0, 0.1); text-transform: uppercase; letter-spacing: 0.5px; color: #888; } 
ul.cfmtime li b { width: 75%; padding: 0px 10px; text-align: left; text-align-last: left; color: #545a6f; font-weight: 600; } 
.paybtn { text-align: center; justify-content:center; display: flex;} 
.paybtn form:first-child{ margin: 0 5px;}

/* Student Register Styles */
.stu-reg{ background-color: #fff;}
.sthead{ font-size: 16px; background-color: #999; padding: 8px 10px; margin: 0 0 15px; color: #fff; font-weight: 400; border-radius: 6px; text-transform: uppercase; letter-spacing: 1px; border-left: 3px solid #666;}
/* .stu-reg .form-group label{ text-align: right;} */
.stu-reg .stpd .form-group{padding-left: 15px; padding-right: 15px;}
.hrline{ display: block; margin:0 0 10px 0;}

.sreq-head{ font-size: 16px; background-color: #999; padding: 8px 10px; margin: 0 0 15px; color: #fff; font-weight: 400; border-radius: 6px; text-transform: uppercase; letter-spacing: 1px; border-left: 3px solid #666; width: 100%;}
.stu-reg .stpd .form-group p{ text-align:justify;}
label.required:after { color: #cc0000; content: "*"; font-weight: bold; margin-left: 5px; }
.form-check{ text-align:justify} 

.alert-success { color: #fff; background-color: #37b337; border-color: #37b337; font-weight:400; } 
.alert-error { color: #fff; background-color: #eb1c27;; border-color: #eb1c27; font-weight:400; } 


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

.cke_button__easyimageupload{display:none !important; } 

/* my code*/

.table td span.crt { cursor: pointer; } 
.table td span.crt { display: inline-block; padding: 4px 5px; border-radius: 10px; color: #fff; margin-right: 4px; width: 26px; text-align: center; background: #eb1c27; } 
#spinner { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; opacity: 0.7; background: url(../images/loading.gif) 50% 50% no-repeat rgb(0,0,0); } 

.sch-head{ color: #eb1c27; background: #eee;}
.sch-head h3{ font-size: 16px;}
.mainsch .table td span.crt{background-color: #00aced;}
.mainsch .table thead th, .mainsch .table thead td{background-color: #f5f5f5;}
.mainsch .card-header h3{ font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #fff;}
.mainsch > .card-header{ background: #555 !important; color: #ffffff;}
.subsch{background-color: #00aced;}
.subsch > .card-header{ background: #00aced !important; color: #ffffff; padding: 3px 10px 5px;}
.subsch .table thead th, .subsch .table thead td{background-color: #d5ecf8;}
.subsch .table thead td{text-align: center;}
.table thead th, .table thead td{font-weight: 500; background: linear-gradient(#fff, #f4f4f4); box-shadow: inset 0 -10px 10px -10px #eee;}

.table tr.acco, .table tr.acco:hover{background: #ddd;}
.table tr.acco .drp-hdr{ margin-top: 6px; padding-left: 10px;}
.table tr.acco .drp-hdr .btn{border-radius: 20px;}

.book-hd{ background: #eee;}
.book-hd h3{ font-size: 16px; color: #eb1c27;}

/* Taftc-list PDF Styles */
.taftc-style { font-size:14px; font-family:helvetica; color:#111; } 
.taftc-style th { background-color:#e1e1e1; color:#333; font-size:12px; font-weight:bold; } 
.fnt1 { font-size:24px; color:#222; } 
.fnt2 { font-size:13px; color:#222; } 
.fnt3 { font-size:14px; color:#000; } 
.fnt4 { font-size:14px; color:#555; } 
.fnt5 { font-size:15px; color:#000; } 
.fnt6 { font-family:zapfdingbats; color:#6d6c6c; } 

.bdr-btm { border-bottom:0.5px solid #8f8f8f; } 
.bdr-rht { border-right:0.5px solid #8f8f8f; } 
.bdr-bld { border-bottom:0.5px solid #8f8f8f; } 
.bdr { border-bottom:0.5px solid #8f8f8f; } 
.bdr-1 { border-top:0.5px solid #8f8f8f; } 
.bdr2 { border:0.5px solid #8f8f8f; } 
.bdr3 { border-right:0.5px solid #8f8f8f; border-bottom:0.5px solid #8f8f8f; } 
.bdr4 { border-right:0.5px solid #8f8f8f; border-left:0.5px solid #8f8f8f; border-bottom:0.5px solid #8f8f8f; } 
.bdr5 { border-right:0.5px solid #8f8f8f; border-left:0.5px solid #8f8f8f; border-top:0.5px solid #8f8f8f; } 
.bdr-all { border:0.5px solid #8f8f8f; } 
.bdr-all1 { border:4px solid #df0101; } 
.bdr-all2 { border:1px solid #999; } 
.u-line { border-bottom:0.5px solid #333; } 

.bg1 { background-color:#ffe4e4; color:#111; border-left: 0.5px solid #B9B9B9; } 
.bg2 { background-color:#f6f4f4; color:#111; border-bottom:0.5px solid #fff; } 
.bg3 { background-color:#d5ecf8; color:#111; border-bottom:0.5px solid #fff; } 
.bg5 { background-color:#d5ecf8; color:#111; border-right:2px solid #C9C9C9; font-weight:bold; border-bottom:0.5px solid #fff; } 
.bg6 { background-color:#cfcfcf; border:0.5px solid #8f8f8f; } 
.bg7 { background-color:#f6f4f4; } 
.bg8 { background-color:#929494; color:#fff; } 
.bg9 { border:0.5px solid #8f8f8f; } 

/* my style */
.bg11 { background-color:#cfcfcf; } 
.bg10 { border:0.5px solid #8f8f8f; } 
.bg12 { background-color:#cfcfcf; } 
/* my style */
.bgr { background-color:#96fc94; border-right:0.5px solid #B9B9B9; border-bottom:0.5px solid #B9B9B9; } 
.bgbl { background-color:#dcf4f6; border-top:0.5px solid #B9B9B9; border-right:0.5px solid #B9B9B9; } 
.bld { font-weight:bold; } 

/* my style */

.fnt8 { font-size:12px; color:#000; } 
.fnt9 { font-size:20px; color:#222; } 
.fnt10 { font-size:10px; color:#222; } 
/* my style */
/* my style */
.fnt7 { font-size:10px; color:#222; } 
.bdr-lft { border-left:0.5px solid #8f8f8f; } 
.bdr6 { border-right:1.5px solid #8f8f8f; } 
.bdr7 { border-bottom:1.5px solid #8f8f8f; border-top:1.5px solid #8f8f8f; } 
.bdr8 { border-bottom:1.5px solid #8f8f8f; } 
.bdr9 { border-bottom:2.5px solid #000000; } 
.pagination-wrapper { float:right;} 
/* my style */ 

.cust-tab .tab_list .country-list span { float: none !important; padding: 0; display: inline !important; background-color: transparent; border: 0 none; } 

/*.img-upld { } 
.img-cnt-part { } 
.img-cnt-part label { } 
.img-upld-part { }  */
.img-upld-part span { width:22%; height:100px; display:flex; margin-bottom:20px; border:1px solid #ddd; position:relative; float:left; margin-right:20px; } 
.img-upld-part span:nth-child(4n+4) { margin-right:0px; } 
.img-upld-part span img { border-radius:3px; padding:5px; object-fit: contain; width: auto; height: auto; margin: 0 auto; } 
.img-upld-part span i { position: absolute; top: -10px; font-size: 12px; right: -10px; color: #666; background: #ddd; padding: 5px 6px; border-radius: 50px; } 
.matching { line-height:1.9; width:100%; display:flex; } 
.matching span { font-size:14px; color:#333; padding-right:10px; width:15%; } 
.matching small { font-size:14px; color:#666; padding-right:10px; width:60% } 
.matching em { padding-right:30px; width:10%; text-align:center; } 

.matching span { width:30%; } 
.all-qst h4 { text-align:justify; font-weight: bold; } 
.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; } 
.ematch { margin-bottom:20px; } 
.ematch label { background-color:#CCC; width:50px; margin-right:10px; padding:5px 10px; text-align:right; display:inline-block; border-radius:4px; cursor: pointer; } 
.ematch label input { margin-right: 5px; } 
.ematch label:hover { background-color: #eb1c27; color: #ffffff; } 
.ematch strong { margin-right:5px; } 
.admin-note{font-size: 13px; padding: 5px 10px; color: #333; background-color: #fff5bc; border-radius: 5px;}

.pmtmod{cursor: pointer; color: #eb1c27;}

.regnote{display: block; background-color: #fff3b0; padding: 2px 8px; border-radius: 5px;}

/* Register Page */
.chk-reg{ width: 100%;}
.chk-reg h1{ font-size: 20px; font-weight: 500; color: #444; margin-bottom: 20px; text-align: left; position: relative; padding-bottom: 10px;}
.chk-reg h1:before{ position: absolute; content: ""; background-color: #d9d9d9; left: 0; bottom:2px;  width:150px; height: 1px; }
.chk-reg h1:after{ position: absolute; content: ""; background-color: #d9d9d9; left: 0; bottom: 0;  width:80px; height: 1px; }
.chk-reg .reg-btn-grup{ display: flex; justify-content: flex-start; background-color: #f3f3f3; padding: 15px; border-radius: 3px;}
.chk-reg .reg-btn-grup .btn-group{background-color: transparent; margin-bottom: 0;} 
.chk-reg .reg-btn-grup .btn-reg{ color: #fff; background-color: #1c77ec; text-transform: uppercase; border-color:#1c77ec; font-size:13px; margin-right:8px; transition: 0.4s; border-radius: 5px; padding: 6px 15px;}
.chk-reg .reg-btn-grup .btn-reg:hover{ transition: 0.4s; background-color: #024498; border: 1px solid #024498; color: #fff;}
.chk-reg .reg-btn-grup .btn-reg:first-child{  border-radius: 5px; }
.chk-reg .reg-btn-grup .btn-reg:nth-child(2){  border-radius: 5px; }
.chk-reg .reg-btn-grup .btn-reg:nth-child(3){  border-radius: 5px; }
.chk-reg .reg-btn-grup .btn-reg:last-child{ margin-right: 0; }
.chk-reg .reg-btn-grup .btn-reg.active{ background-color: #024498; border: 1px solid #024498; color: #fff;  transition: 0.4s;}
.chk-reg .reg-btn-grup .btn:focus{ outline: 0; box-shadow: 0 0 0 .0rem rgba(255, 255, 255, 0.25);}
.chk-reg .reg-btn-grup .btn-reg.btn:focus{ outline: 0; box-shadow: 0 0 0 .0rem rgba(255, 255, 255, 0.25);}

.reg-des{ width: 100%; background-color: #fff; border: 1px solid #ececec; border-radius: 3px; margin-top: 15px; padding: 15px; margin-bottom: 30px; /*animation-name: slideInUp ; animation-duration: 1s;*/}
.reg-des .reg-title{ font-size: 17px; font-weight: 300; color: #fff; margin-bottom: 15px; padding: 6px 15px; background-color: #888; border-radius: 5px; text-align:left; text-transform: uppercase;}
.reg-des ul{ padding: 0; margin: 0px 0px 12px;}
.reg-des ul li{ list-style: none; line-height: 1.7; color: #444; position: relative; padding-left: 15px; text-align: justify;}
.reg-des ul li ul{ padding: 0; margin: 10px 0px;}
.reg-des ul li ul li{ list-style: none; padding-left: 0;}
.reg-des ul li ul li:before{ background-color: transparent;}
.reg-des ul li ul li h2{ font-size: 20px; font-weight: 500; color: #333; margin-bottom:5px; text-align: left; position: relative; padding-bottom:0px;}
.reg-des ul li ul li span{ width: 100%; display: block; font-size: 15px;}
.reg-des ul li:before{ position: absolute; content: ""; background-color: #999; left: 0; top: 11px; width: 8px; height: 8px; 
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
.reg-des ul li b{ text-decoration: underline;}
.reg-des p{ margin: 10px 0px; line-height: 1.6; color: #333; text-align: justify;}
/* .reg-des p strong{ text-decoration: underline;} */
.reg-des span.reg-chk{ display: flex; align-items: center; background-color: #f3f3f3; padding: 8px; border-radius: 5px; font-weight: 600;}
.reg-des span.reg-chk input{ margin-right: 5px; } 
.clr-red{ color: #ec1a22;}

.reg-des .reg-btn{ width: 100%; margin: 20px 0px 10px; text-align: left;}

.btn-prcd{ background-color:#4472c4; border:1px solid #4472c4; border-radius:5px; color:#fff; transition:0.4s; padding:5px 16px; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; margin-right:3px;}
.btn-prcd i{ padding-right:5px; font-size: 16px;}
.btn-prcd:hover{ color:#4472c4; background-color:transparent;}
.btn-prcd:focus{ color:#4472c4; background-color:transparent;}

/*  Pre-coures Counselling */
.pc-cslg .pc-slct-1 .pc-hd-tit{ border-radius: 3px; background-color: #f3f3f3;  margin: 0 0 15px 0; padding: 10px; border-left: 4px solid #eee; border-right: 4px solid #eee; }
.pc-cslg .pc-slct-1 .pc-hd-tit h3 {font-size: 15px; color: #444; padding: 0; margin: 0;}
.pc-cslg .pc-slct-1 .pc-hd-tit h3 b {font-size: 17px; padding-left: 5px;}
.chl-slct {background: #fff3f4; padding: 15px 15px; border: 1px solid #e3e3e3;}
.chl-slct p {font-size: 16px; font-weight: 600;}
.chl-slct small {font-size: 14px; font-weight: 300;}
.chl-slct .radio-slct label{padding-right: 8px;}
.pc-cslg .tik-slct {display: flex; justify-content: end;}
.pc-cslg .tik-slct p {margin: 0; padding: 10px 0 0;}
.pc-cslg .pc-slct .pc-hd-tit{ border-radius: 3px; background-color: #f3f3f3;  margin: 0 0 15px 0; padding: 10px; border-left: 4px solid #eee; border-right: 4px solid #eee; }
.pc-cslg .pc-slct .pc-hd-tit h3 {font-size: 15px; color: #444; padding: 0; margin: 0;}
.pc-cslg .pc-slct .pc-hd-tit h3 b {font-size: 17px; padding-left: 5px;}
.pc-slct-2 {margin-top: 20px;}
.cnt-chk-box ul{margin: 0; padding: 0; }
.cnt-chk-box ul li {list-style: none; display: flex; align-items: center; padding: 5px 10px;}
.cnt-chk-box ul li b {width: 3%; font-weight: 500;}
.cnt-chk-box ul li small {width: 92%; font-size: 14px;}
.cnt-chk-box ul li span {width: 5%; text-align: right;}
.perd-slct {background: #fff3f4; padding: 15px 15px; border: 1px solid #e3e3e3; margin: 15px 10px;}
.notes-slct {margin: 0px 10px;}
.notes-slct .nte-tble {margin-top: 15px;}
/*.notes-slct .nte-tble th,td {text-align: center;}
/* course terms & Conditions */
.course-terms .course-terms-tit {border-radius: 3px; background-color: #999; margin: 0 0 15px 0; padding: 7px; border-left: 4px solid #6c6c6c;} 
.course-terms .course-terms-tit h3 {font-size: 15px; color: #fff; padding: 0; margin: 0; text-transform: uppercase;  letter-spacing: 1px;}
.course-terms {background: #fff; margin-top: 10px;}
.course-terms .terms-slct-1 {padding: 0px 20px 10px; text-align: left;}
.course-terms .terms-slct-1 span {border-bottom: 1px solid #e8e7e7; display: block; padding: 7px 0px; font-size: 16px; font-weight: 600;;}
.terms-slct-1 .terms-list {padding: 10px 0px;}
.terms-slct-1 .terms-list ul {margin: 0; padding: 0 30px;}
.terms-slct-1 .terms-list ul li {line-height: 23px; font-size: 14px; color: #333; letter-spacing: 0.5px; text-align: justify;}
.terms-slct-1 .terms-list ul li small {font-size: 14px; text-decoration: underline;}
.terms-slct-1 .terms-list ul li b {font-size: 15px;}
.terms-slct-1 .terms-list ul li b.unlne {text-decoration: underline;}
.course-terms .terms-slct-1 p{padding: 0px 30px; margin: 0; letter-spacing: 0.5px; text-align: justify;}
.course-terms .rebme {text-align: left; padding: 0 20px 10px;}
.course-terms .rebme label {display: flex; align-items: center}
.course-terms .rebme label .cust-chk {margin-right: 8px;}
.cours-nxt .btn{line-height: 1.1; font-size: 14px; padding: 5px 10px;}
.pay-inner-des { padding: 0px !important;   }
.pay-inner-des .table-bordered {border: 0px !important}
.pay-inner-des .table-bordered tr td:nth-child(1) { border-left: 0px !important; }
.pay-inner-des .table-bordered tr td:nth-child(2) { border-right: 0px !important; }
.pay-inner-des .table-bordered tr td:nth-child(3) {border-bottom: 0px !important; }
/* Student Contract */
.std-cntrt-all {max-height: 400px; overflow-y: scroll;padding: 20px;  background: #fbfbfb; border-radius: 20px;
border: 1px solid #eee; scrollbar-width: thin; scrollbar-color: #999 #e1e1e1;} 
.std-cntrt-a {margin-top: 20px;}
.std-cntrt-a .std-cntrt-tit {border-radius: 3px; background-color: #f3f3f3; margin: 0 0 15px 0; padding: 10px; border-left: 4px solid #eee;
border-right: 4px solid #eee; }
.std-cntrt-a .std-cntrt-tit h3 {font-size: 15px; color: #444; padding: 0; margin: 0;}
.std-cntrt-a .std-cntrt-tit h3 b {font-size: 17px; padding-left: 5px;}
.std-cntrt-a .std-cntrt-cnt { margin: 0; }
.std-cntrt-cnt .nte-tble {margin-top: 15px;}
.std-cntrt-cnt  .table-sm td, .table-sm th {padding: 10px; font-size: 16px;}
.std-cntrt-cnt p {font-size: 16px; text-align: justify;}
.std-cntrt-cnt ul{margin: 0; padding: 0; }
.std-cntrt-cnt ul li {list-style: none; display: flex; align-items: flex-start; padding: 5px 10px;}
.std-cntrt-cnt ul li b {width: 5%; font-weight: 700; color: #333;}
.std-cntrt-cnt ul li small {width: 95%; font-size: 16px; color: #212529; font-weight: 400;}
.std-cntrt-cnt ul li span {width: 100%; font-size: 16px; color: #444; font-weight: 700; text-decoration: underline;}
.std-algn-cnt .cnt-boxesr {margin: 0px 0px 10px 30px;}
.std-algn-cnt .cnt-boxesr ul {margin: 0; padding: 0; }
.std-algn-cnt .cnt-boxesr ul li {list-style: circle; display: block; align-items: flex-start; padding: 5px 10px; display: list-item;}
.text-through { text-decoration: line-through !important; color: #595959; }
.cnt-chk-box1 {background: #f9f9f9; padding: 20px 10px; border-radius: 25px; margin: 25px 0;} 
.std-algn-cnt1 {display: flex;}
.std-algn-cnt1 .lst-box {width: 100%;}
.std-algn-cnt1 .lst-box ul {padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;}
.std-algn-cnt1 .lst-box ul li {padding: 0;  list-style: none; width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 15px;}
.std-algn-cnt1 .lst-box ul li p { width: 54%; padding: 0px 30px 0 10px; border-right: 2px dotted #ccc; color: #212529; font-weight: 400; text-transform: capitalize; margin-right: 45px; margin-bottom: 0px;}
.std-algn-cnt1 .lst-box ul li i { width: 54%; padding: 0px 30px 0 10px;  color: #797979; font-weight: 400; text-transform: capitalize; margin-right: 45px; }
.std-algn-cnt1 .lst-box ul li span { width: 40%; padding: 0px 10px; text-decoration: none; text-align: left;}
.cnt-boxesr1 ul li{list-style: square !important;}
.std-cntrt-a-top {display: flex;justify-content: end;color: #a4a4a4;margin: 0 0 20px 0;}

/* Advisorynote Form */
.advnte-form {margin-top: 20px;}
.advnte-form .advnte-form-tit {border-radius: 3px; background-color: #f3f3f3; margin: 0 0 0 0; padding: 25px 0 25px 0; border-left: 4px solid #eee; border-right: 4px solid #eee; text-align: center; }
.advnte-form .advnte-form-tit h3 {font-size: 18px; color: #333; padding: 0; margin: 0 0px 10px 0px; font-weight: 600;}
.advnte-form .advnte-form-tit h4 {font-size: 18px; color: #333; padding: 0; margin: 0 0px 0px 0px; font-weight: 600; }
.advnte-form .advnte-form-tit span {font-size: 16px; color: #555; }
.advnte-form .advnte-form-tit strong {  color: #888;  }
.advnte-form .advnte-form-tit1 {border-radius: 3px; background-color: #f3f3f3; margin: 0 0 0 0;padding: 0 0 25px 0; border-left: 4px solid #eee; border-right: 4px solid #eee; text-align: center; }
.advnte-form .advnte-form-tit1 h3 {font-size: 18px; color: #333; padding: 0; margin: 0 0 0 0; font-weight: 600;}
.advnte-form .advnte-form-tit1 h4 {font-size: 16px; color: #888; padding: 0; margin: 0 0px 0px 0px; font-weight: 600; }
.advnte-form p {font-size: 16px; text-align: justify; color: #333; }
.advnte-form b {font-size: 16px; color: #333; }
.advnte-form .cnt-boxesr {margin: 20px 40px}
.advnte-form .cnt-boxesr ul {margin: 0; padding: 0; }
.advnte-form .cnt-boxesr ul li {list-style: lower-alpha; padding: 5px 10px; color: #595959; font-size: 16px; font-weight: 300;}
.advnte-form .cnt-boxesr ul li b {font-weight: 700; color: #333;}


@media (max-width: 1200px){
    .orgdet ul li { width:48%; } 
    .orgdet-part ul li { width:48%; } 
    .flx-chart { height:auto; } 
    .org2 h1 { font-size: 24px; } 
    .dfdet2 ul li b { width:12%; } 
    .dfdet2 ul li b i { font-size:20px; } 
    .dfdet2 ul li span { font-size:13px; } 
	.org2 h1{ padding-top:15px;}
	.org2 h3{ font-size:20px;}
	.cke_chrome{ width:100% !important;}
	.ed-org{ right:15px;}
	.stu-info .orgdet ul li{ width:48%;}
	.fc-toolbar h2{ margin-top:15px !important;}
    .bg-clr .card-box h1{ font-size:28px;}
    .std-algn-cnt1 .lst-box ul li p { width: 40%;}
    .std-algn-cnt1 .lst-box ul li i { width: 40%;}
    .std-algn-cnt1 .lst-box ul li span { width: 50%;}
}
   
@media (max-width: 980px){
   .dfdet2 ul li { width:100%; } 
   .dfdet2 ul li b { width:15%; } 
   .dfdet2 ul li span { width:70%; font-size:14px; } 
   .dfdet2 ul li small { width:15%; } 
   .m-width { width:100%; }
   .cust-tab .nav-tabs-custom > .nav-tabs > li{ width:19%;}
   .trbox .trdet{ width:30%;}
}
   
@media (max-width: 768px) {
	.orgdet ul li b{ width:40%;}
	.orgdet ul li span{ width:60%;} 
	.modal-dialog{ margin:1.0rem;}
	.cust-tab .nav-tabs-custom > .nav-tabs > li{ width:24%;}
     body { overflow-x: hidden; } 
    .enlarged .left.main-sidebar { margin-left: -75px; } 
    .headerbar-left { width: 130px !important; } 
    .headerbar-left span { display: none !important; } 
    .headerbar-left i { display: block !important; line-height: 55px; } 
    .navbar-custom { margin-left: 70px !important; } 
    .content-page { margin-left: 0 !important; } 
    .footer { left: 0 !important; } 
    .mobile-sidebar { left: 0; } 
    .mobile-content { left: 250px; right: -250px; } 
    .wrapper-page { width: 90%; } 
    .dataTables_wrapper .col-xs-6 { width: 100%; text-align: left; } 
    div#datatable-buttons_info { float: none; } 
    .ms-container { width: 100%; } 
    .navbar-toggleable-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } 
   .bg-clr .box1 { width:48%; } 
   .bg-clr .box1 { width:49%; margin-right:14px; margin-bottom:14px; } 
   .bg-clr { flex-wrap: wrap; } 
   .bg-clr .box1:nth-child(2n+2) { margin-right:0px; } 
   .orgdet ul li { width:100%; } 
    .orgdet-part ul li { width:100%; } 
    .list1 { width:100% } 
    .list2 { width:100% } 
    .assment-link-part { width:100%; } 
    .assment-link-part { margin-bottom:15px; } 
	.cust-tab .nav-tabs > li > a { padding:7px 3px;}
	.breadcrumb-holder{ margin:0px -20px 10px -20px;}
	.invce2{ font-size:22px}
    /* #for_multiple_choice .btn-group-sm > .btn, .btn-sm{ padding:5px; font-size:12px;} */
    .loginbg .card-wrapper{min-width: auto;}
    .cnt-chk-box ul li b {width: 5%; font-weight: 500;}
    .cnt-chk-box ul li small {width: 90%; font-size: 14px;}
    .cnt-chk-box ul li span {width: 5%; text-align: right;}
    .std-algn-cnt1 .lst-box ul li p { width: 45%;}
    .std-algn-cnt1 .lst-box ul li i { width: 45%;}
    .std-algn-cnt1 .lst-box ul li span { width: 45%;}
}
@media (max-width: 767px){
	.cke_chrome{ width:100% !important;}
    .bg-clr .box1 { width:100%; margin-right:0; } 
    .dropdown-lg { width: 200px; } 
    .notif .notify-item { padding: 10px 15px; } 
    .breadcrumb-holder .main-title, .breadcrumb-holder .breadcrumb { float: none; width:100%; text-align:left;} 
    .assment { display:inline-block; } 
    .btn-rounded { padding:3px; } 
    .assment-table .usr_txt1 li b { width:100%; } 
    ul.cfmtime li {flex-wrap: wrap;}
    ul.cfmtime li span{width: 100%; text-align: left; border-right: 0 none;}
    ul.cfmtime li b{width: 100%; text-align: left;}
	div.dataTables_wrapper div.dataTables_info{ overflow: hidden; text-overflow: ellipsis; white-space:pre-wrap !important;}
	.dfdet2 ul li{ padding:5px 0px; flex-wrap:wrap;}
	.orgdet ul li b{ display:block;}
}
@media (max-width: 480px){

    .cnt-chk-box ul li b {width: 10%; font-weight: 500;}
    .cnt-chk-box ul li small {width: 80%; font-size: 14px;}
    .cnt-chk-box ul li span {width: 10%; text-align: right;}
    
	.notify{ margin-top:0px;}
	.cardlogo h3{ font-size:20px;}
	.title h1{ font-size:20px;}
	.title h2{ font-size:16px;}
	.tax-invoice{ padding: 20px 15px;}
	.tax-invoice .text-right{ padding:0px; justify-content: center;}
	.tax-invoice .btn-group, .btn-group-vertical, .btn-secondary, .btn-danger{ font-size:14px !important; padding:7px 6px 8px !important; margin-bottom:0px;}
    .trbox .trdet{ width:100%; margin-right:0px;}
	#signature-pad{ width:230px !important;}
	.help-block{ text-align:justify; padding-top:8px;}
	.fc th.fc-widget-header{ font-size:11px !important}
	.fc-toolbar h2{ font-size:16px !important}
	.fc-button{ padding:2px; font-size:12px !important;}
	.fc .fc-button-group > *{ margin-bottom:3px !important; float:none !important;}
	.fc-toolbar .fc-left{ margin-bottom:5px; justify-content: center; width:100%; display: flex;}
	.fc-toolbar.fc-header-toolbar{ margin-bottom:0px !important;}
	.fc-toolbar h2{ margin-top:5px !important;}
	.stu-info .orglogo .org1{ display:flex;}
	.stu-info .orglogo .org1 img{ margin: 0 auto; width: auto; height: auto; object-fit: contain;}
	.stu-info{ flex-wrap:wrap; padding:0px;}
	.stu-info .orglogo{ width:100%; margin-top:0px; border-right:none;}
	.stu-info .orgdet ul li{ width:100%; margin-top:15px; margin-right:0px;}
	.form-group > label{ text-align:left !important;}
	.collapse.show .ed-col{ position:relative; top:0px; margin-bottom:20px; display:block;}
	.xbtn-edit:first-child{ margin-right:3px;}
   .dfdet ul li { width:100%; flex-wrap:wrap; display:inline-block;} 
	.dfdet ul li b{ width: 100%; display: block; border-bottom: 2px dotted #ddd; border-right: none;}
	.dfdet ul li span{ width:100%; display: block;}
	.dfdet2 ul li b{ width:100%; border-right:none; padding:10px 10px 5px;}
	.dfdet2 ul li span{ width:100%; border-right:none; justify-content: center;}
	.dfdet2 ul li{ padding:5px 0px 10px}
	.dfdet2 ul li small { width:100%; border-right:none;}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination{ margin:10px 0px 10px !important; justify-content:center !important;}
	.orglogo{ flex-wrap:wrap; display: flex; justify-content: center; margin-top: 30px;}
	.org2{ padding-top:10px;}
	.org2 h1{ padding-left:0px; text-align:center;}
	.org2 h3{ font-size:18px;}
	.orgdet{ margin-top:15px;}
	.ed-org{ right:10px;}
	.orgdet ul li span label{ display:block; font-size: 13px; margin-right:2px;}
   .headerbar-left i { display: block; line-height: 55px; } 
   .breadcrumb-holder { padding: 16px 15px 5px 15px; margin:0px -20px 15px -20px } 
   .breadcrumb-holder .main-title { font-size:1.0rem; margin-bottom:5px; width:100%;} 
   .dfdet3 ul li { width:48%;} 
   .org2 h1 { font-size:18px; } 
   .detailbox1 .table { display:block; } 
   .text2{ margin-top:10px;}
   .pad1 { padding:0px 15px 10px; } 
   .bg-clr .box1 { width:100%; margin-right:0; } 
   .accord { border-right:none; } 
   .course-list1 .stat-box i { margin-top:0px; } 
   .course-list1 { height:auto; } 
   .course-frm { display:inline-block; } 
   .notif .noti-icon { font-size: 18px; padding: 0 10px; } 
   .hidden-mobile { display: none !important; } 
   .logbg .brand { margin-top:20px !important; } 
   .orgdet ul li { width:100%; flex-wrap: wrap;}
   .orgdet ul li b{ width:100%; border-bottom:2px dotted #ddd; border-right:none;}
   .orgdet ul li span{ width:100%;} 
   .cust-tab .nav-tabs-custom > .nav-tabs > li { width:100%; display:block; padding:0px;} 
   .cust-tab .nav-tabs > li { margin-right:0;}
   .cust-tab .nav-tabs > li > a{ display:block;} 
   .course-frm { display:inline-block; } 
   .cel-split input { width:30%;} 
   .entry-main { margin:0; max-width:90%; margin-top: 30px; margin-bottom: 30px; margin-left:20px; } 
   .pagination-wrapper{ width: 100%; justify-content: center; margin-top: 10px; overflow:auto; flex-wrap:wrap;}
   /* .add-butt .btn-group, .btn-group-vertical, .btn-secondary, .btn-danger{ font-size:13px !important; padding:.375rem .75rem !important; margin-bottom:0px !important;} */
   .std-algn-cnt1 .lst-box ul li p { width: 100%; margin-right: 0; border-bottom: 2px dotted #ccc; border-right: none; margin-bottom: 10px;
    padding-bottom: 10px;}
    .std-algn-cnt1 .lst-box ul li i { width: 100%; margin-right: 0; border-bottom: 2px dotted #ccc; border-right: none; margin-bottom: 10px;
    padding-bottom: 10px;}
   .std-algn-cnt1 .lst-box ul li span { width: 100%;}
   .std-algn-cnt .cnt-boxesr {margin: 0px 0px 10px 20px;}
   
}
.payquest {
    display: flex;


}
.payquest.chk-reg h1 {margin-bottom:0; padding-bottom:0;}
.payquest .payquestred {
	margin-left: 40px;
	background: #4e6637;
border-radius: 26px;
padding: 5px 10px;
color: #fff;
margin-right: 10px;
}
.payquest .payquestgreen {

	background: #ea2d40;
border-radius: 26px;
padding: 5px 10px;
color: #fff;
	
}

/* Toggle */
.togle-active-sclt { color: #1421e6;}
.togle-active-sclt:hover{ color: #1421e6;}

.togle-btn-sclt .btn-toggle.btn-sm { padding: 0; position: relative; border: none; height: 21px; width:38px; border-radius: 1.5rem; }
.togle-btn-sclt .btn-toggle.btn-sm:focus, .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm:focus.active, .btn-toggle.btn-sm.focus.active { outline: none; }
.togle-btn-sclt .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; }
.togle-btn-sclt .btn-toggle.btn-sm:before { content: ''; left: -0.5rem; font-family: "FontAwesome"; }
.togle-btn-sclt .btn-toggle.btn-sm:after { content: '\f00c'; right: -0.5rem; opacity: 0.5; font-family: "FontAwesome";}
.togle-btn-sclt .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; }
.togle-btn-sclt .btn-toggle.btn-sm.active { transition: 0.25s; }
.togle-btn-sclt .btn-toggle.btn-sm.active > .handle { left:20px; transition: left 0.25s; }
.togle-btn-sclt .btn-toggle.btn-sm.active:before { opacity: 0.5; }
.togle-btn-sclt .btn-toggle.btn-sm.active:after { opacity: 1; }
.togle-btn-sclt .btn-toggle.btn-sm.btn-sm:before { line-height: -0.5rem; color: #008f01; letter-spacing: 0.75px; left:23px; width: 2.325rem; }
.togle-btn-sclt .btn-toggle.btn-sm.btn-sm:after { line-height: -0.5rem; color: #333edd; letter-spacing: 0.75px; left:23px; width: 2.325rem; }
.togle-btn-sclt .btn-toggle.btn-sm.btn-sm:before { text-align: left; left:0; z-index: 9;}
.togle-btn-sclt .btn-toggle.btn-sm.btn-sm:after { text-align: left; opacity: 0; }
.togle-btn-sclt .btn-toggle.btn-sm.btn-sm.active:before { opacity: 0; }
.togle-btn-sclt .btn-toggle.btn-sm.btn-sm.active:after { opacity: 1; }
.togle-btn-sclt .btn-toggle.btn-sm.btn-xs:before, .btn-toggle.btn-sm.btn-xs:after { display: none; }
.togle-btn-sclt .btn-toggle.btn-secondary { color: #6b7381; background: #6b7381; }
.togle-btn-sclt .btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after { color: #6b7381;}
.togle-btn-sclt .btn-toggle.btn-secondary.active { background-color: #008f01;}
.togle-btn-sclt .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{ background-color: #333edd; border-color: #333edd;} 
.togle-btn-sclt .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);}

/*check box*/
.account-check {display: flex; align-items: center;}
.account-check span {width: 40px; display: flex; align-items: center; justify-content: center; background: #eee; height: 40px; border-radius: 50px;}

/* phase 2 Student Orientation and Acknowledgement Checklist */

.std-orac-chlt{ width: 100%;}
.std-orac-chlt .cnt-chk-box ul li{ align-items: unset; border-bottom: 1px solid #ddd; padding-bottom: 15px; flex-wrap: wrap; padding-top: 15px;}
.std-orac-chlt .cnt-chk-box ul li ul li{ border-bottom: none; padding-bottom: 0; position: relative; padding-top: 5px;}
.std-orac-chlt .cnt-chk-box ul li ul li::before{ font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 14px; margin: 0; padding: 0; position: absolute; content: "\f0da"; top: 10px; left: 0px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; color: #8fdb72;}
.std-orac-chlt .cnt-chk-box ul li b{ font-weight: 600;}
.std-orac-chlt .cnt-chk-box ul li small strong{ font-size: 15px;}
.std-orac-rems{ width: 100%; margin-top: 15px;}
.std-orac-rems h6{ font-size: 16px; font-weight: 600;}
.std-orac-rems textarea{ width: 100%; border: 1px solid #ddd;}
.std-orac-chlt .cnt-chk-box ul li span{display: flex; align-items: center; justify-content: center;}
.std-orac-chlt .cnt-chk-box ul li p{ margin-bottom: 15px;}

.std-orac-chlt2{ width: 100%; margin-bottom: 0;}
.std-orac-chlt2 .col-md-12 p{ margin-bottom: 0; }
.std-orac-chlt2 table{ margin-bottom: 25px;}
.std-orac-chlt2 table tr td{ color: #6c6c6c; vertical-align: middle;}
.std-orac-chlt2 table tr td strong span{ color: #6b4;}
.std-orac-chlt table tr td span{ margin-right: 1px;}
.std-orac-chlt table tr td input{margin-right: 5px;}
.std-orac-chlt table tr td{ vertical-align: top;}
.std-orac-chlt2 table .highlight{ background-color: transparent !important;}
.std-orac-chlt table .highlight{ background-color: transparent !important;}
.std-orac-chlt2 table tr td label{width: 100% !important; display: inline;}
.std-orac-chlt table tr td label{width: 100% !important; display: inline;}
.std-orac-chlt2 table tr td label:hover{ cursor: pointer;}
.std-orac-chlt table tr td label:hover{ cursor: pointer;}
.std-orac-chlt2 table tr td label input:hover{ cursor: pointer;}
.std-orac-chlt table tr td label input:hover{ cursor: pointer;}
.sub-hed-bdr{ border-bottom: 1px dotted #ddd; margin-bottom: 15px; border-width:2px; padding-bottom: 25px !important;}
.sub-hed-bdr2{ border-bottom: 1px solid #3e3e3e; margin-bottom: 15px !important; display: inline-block;}
.sub-lin-higt{ line-height: 10px;}
.pad-sur-opt{margin-left: 15px !important;}
.pad-sur-lbl{margin-left: 15px !important;}

.std-orac-rems2{ width: 100%; margin-top: 5px;}
.std-orac-rems2 h6{ font-size: 14px;}
.std-orac-rems2 textarea{ width: 100%; border: 1px solid #ddd;}
.std-bdr-pad{ border: 1px solid #555; margin-bottom: 0 !important;}
.std-bdr-pad tr td{padding: 10px !important; color: #000 !important; font-size: 16px;}
.std-rht-bdr{ border-right: 1px solid #555;}
.ch-color{ color: #4F9535 !important;}

.pc-hd-tit-sur {border-radius: 3px;
background-color: #F3F3F3;
margin: 0 0 15px 0;
padding: 10px;
border-left: 4px solid #eee;
border-right: 4px solid #eee;
}
.pc-hd-tit-sur h3 {font-size: 15px;
color: #444;
padding: 0;
margin: 0;}
.pc-hd-tit-sur h3 b {font-size: 17px;
padding-left: 5px;}

/* singpass Modal */
.singpass-modal.modal{background-color: rgba(0,0,0,0.5); backdrop-filter: saturate(180%) blur(5px);}
.singpass-modal .modal-dialog{ position: relative; max-width:800px;}
.singpass-modal .modal-dialog button.close{ position:absolute; right:-10px; top:-10px; opacity: 1; transition: all ease 0.5s; outline:0;}
.singpass-modal .modal-dialog button.close i{ color: #fff; font-size:16px; width:35px; height:35px; display: flex; align-items: center; justify-content: center; transition: all ease 0.5s; background-color: #282828; padding:7px; border-radius:50px; outline:0; box-shadow: none;}
.singpass-modal .modal-dialog button.close:hover i{ transform: rotate(180deg); transition: all ease 0.5s; background-color: #222;}
.singpass-modal .modal-header{ width: 100%; border-radius: 20px 20px 0px 0px; background-color: #5bab40; border-bottom: 0; padding: 15px 10px;}
.singpass-modal .modal-header h4{ margin: 0; text-transform: uppercase; color: #fff; font-weight:800; font-size:24px;}
.singpass-modal .modal-header h4 i{ margin-right:6px;}
.singpass-modal .modal-content{ border: 0 none; border-radius: 20px; padding:3px 10px 10px; background-color: #5bab40;}
.singpass-modal .modal-content .modal-body{ border-radius:20px; background-color:#fff; min-height:100%; padding: 25px;}
.singpass-modal .modal-content .modal-body .singpass-bdy{ width: 100%; padding: 15px;}
.singpass-modal .modal-content .modal-body .singpass-bdy p{ font-size: 16px; color: #222; line-height:22px; text-align: justify; margin-bottom: 15px;}
.singpass-modal .modal-content .modal-body .singpass-bdy p:last-child{ margin-bottom: 0;}
.singpass-modal .modal-content .modal-body .singpass-bdy p strong{ font-size:18px; color: #e11a27; font-weight:500;}

.singpass-modal.modal{background-color: rgba(0,0,0,0.4);}
.singpass-modal .modal-dialog{ position: relative; max-width:500px;}
.singpass-modal .modal-content .modal-body::before{ position:absolute; background:url(../images/singapore-bg.png) bottom no-repeat; content:""; width:100%; height:100px; background-size:contain; bottom:0; left:0;}
.singpass-modal .modal-content .modal-body .singpass-bdy{ padding:0px;}
.singpass-modal .modal-content .modal-body .singpass-bdy p{ text-align:center; font-size:16px; line-height:22px; margin-bottom:10px;}
.singpass-modal .modal-content .modal-body .singpass-bdy p b{ color:#e11a27;}
.singpass-modal .modal-content .modal-body .singpass-bdy span.thnk{ display:flex; margin:30px auto; width:260px; height:260px;}
.singpass-modal .modal-content .modal-body .singpass-bdy span.thnk img{ max-width:100%; max-height:260px;}