@charset "utf-8";

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

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.bebas { font-family: 'Bebas Neue', sans-serif; }
 
/* CSS Document */ 
::-moz-selection { background: #7b7d7f; color: #ffffff; text-shadow: none; }
::selection { background: #7b7d7f; color: #ffffff; text-shadow: none; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;outline: none;font-family: 'Open Sans', sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color: #212121;background: #dbe9ff;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow: hidden;}
a { text-decoration: none; transition: all 0.25s ease-out 0s; }
p, p span { font-family: 'Open Sans', sans-serif; }
img { border: 0; }
li, ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; max-width: 100%;}
* { -webkit-appearance: none; }
 
 
 :root { overflow-y: scroll;}

 body {overflow:hidden;}

.justify-content { justify-content:center; }
/*------------------- common style ---------------------------*/
a, button, input, select, textarea { outline: 0; }

*, :after, :before { outline: 0; }

img { max-width: 100%; height: auto; }

iframe { border: 0; }

a:focus, a:hover { outline: 0; text-decoration: none; }

strong { font-weight: bold;}

.btn{ box-shadow: none; outline: none; }

.btn:focus{ box-shadow: none; outline: none; }
 

section { width: 100%; float: left; }

.comman-anchor {width: 100%;display: block;margin: 0 auto; position: absolute; left: 0;right: 0;top: 0;height: 100%; }

.text-right { text-align: right !important;}

.btn-secondary { background-color: #a6c;}

.req { color: #ff0000; font-weight: normal;}

.bold { font-weight: 700;}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] { position: relative; z-index: 2; cursor: pointer;}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none;}

/* Position tooltip above the element */
[data-tooltip]:before {position: absolute;bottom: 150%;left: 50%;margin-bottom: 5px;margin-left: -80px;padding: 5px;width: 160px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #000;background-color: hsla(0, 0%, 20%, 0.9);color: #fff;content: attr(data-tooltip);text-align: center;font-size: 13px;line-height: 1.2;font-family: 'Open Sans', sans-serif;font-weight: normal;}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0;}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}

.filter-option { color:#666 !important; background-color:#FFF !important; }

.optgroup_style { color: #ffffff; font-size: 16px; font-weight: 500; margin-left: -10px; line-height: 28px; font-family: 'Open Sans', sans-serif; }

.disabled_button{ pointer-events: none;}



/* PRELOADER CSS */
.page-loader{width: 100%; height: 100%; position: fixed;background: #a4ac44bd;z-index: 9999999;}
 

/* SPINNER ANIMATION */
.spinner { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); border: 9px solid #f3f3f3; border-radius: 50%; border-top: 9px solid #3498db; width: 80px; height: 80px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite;}

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

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






/* header */


header { background-color: #ffffff; padding: 10px 0 10px; float: left; width: 100%; position: fixed; margin: 0 0 0 0; z-index: 9999;}

.myHeader.fixed { position: fixed; width: 100%; z-index: 99; top: -30px; transition: all 0.7s; animation: slide-down 0.7s; margin-top: 30px;}


@keyframes slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); }
}

header .navigation-wrap .container { max-width: 95%; padding: 0 0; margin: 0 auto;}

header .navigation-wrap .container .row { height: auto; margin: 0 auto; }
 
header .navigation-wrap .navbar { padding: 0; background: transparent; }
 
.navigation-wrap { display: block; width: 100%; height: auto;}
 
.navigation-wrap .head-main { display: flex; justify-content: space-between; width: 100%; height: auto; align-items: center;}
 
.navigation-wrap .head-main .head-logo { width: auto; display: flex; align-items: center; float: none; position: relative; margin: 0 16px 0 0; max-width: 58%; min-width: 0; flex: 1 1 auto;}
 
.navigation-wrap .head-main .head-logo .navbar-brand { padding: 0; margin: 0; display: flex; flex-wrap: nowrap; align-items: center; font-size: inherit; min-width: 0; max-width: 100%;}
 
.navigation-wrap .head-main .head-logo .navbar-brand img { width: auto; display: block; margin: 0; height: auto; max-width: 160px; max-height: 55px; flex: 0 0 auto; object-fit: contain;}

.navigation-wrap .head-main .head-logo .navbar-brand h2 { font-size: 20px; color: #000000; font-family: 'Open Sans', sans-serif; font-weight: bold; margin: 0 0 0 10px; max-width: none; white-space: nowrap; line-height: 1.2; min-width: 0;}


.navigation-wrap .head-main .head-right { width: auto; float: none; text-align: right; position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; flex: 0 0 auto; margin-left: auto;}

.navigation-wrap .head-main .head-right .head-nav { width: auto; float: right; margin: 0 0 0; position: relative; display: block;}


.navbar-expand-lg .navbar-nav li.nav-item.user-name {font-size: 20px;display: flex;flex-wrap: wrap;align-items: center;margin: 0 15px 0 0;line-height: 26px;font-weight: 400;padding-right: 15px;border-right: 2px solid #1e1b1c;}

.navbar-expand-lg .navbar-nav li.nav-item.user-name span { font-weight: bold; margin-left: 5px;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons {width: auto;float: left;display: inline-block;margin: 0 15px 0 0;position: relative;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons:last-child { margin-right: 0;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons a { display: inline-block; transition: all .25s ease-in-out; padding: 0!important; float: left; position: relative; margin: 0 auto;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons a.nav-link { cursor: pointer;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 55px; transition: transform .7s ease-in-out; border-radius: 50%; overflow: hidden;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons .label { width: fit-content; height: auto; min-width: 20px; min-height: 20px; position: absolute; top: 0px; right: -9px; background: #a6ab54; border-radius: 50px; color: #ffffff; padding: 4px 6px 2px 6px; line-height: 10px; font-size: 10px; font-weight: bold; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons .label.sub-blue { background: #4173d1;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons:hover img { transform: rotate(360deg); transition: transform .9s ease-in-out;}


.navbar-expand-lg .navbar-collapse { float: right; justify-content: flex-end; display: flex !important; flex-basis: auto; }


.navbar-expand-lg .navbar-nav ul.navbar-nav.top-menu-right { align-items: center;}
 

.navbar-expand-lg .navbar-nav ul.dropdown-menu, ul.dropdown-menu.show { top: 30px; }

.navbar-expand-lg .navbar-nav .nav-link:focus, .nav-link:hover { color: #0074dc;}

.navbar-expand-lg .navbar-nav a.nav-link.login { color: #0074dc;}
 
.navbar-expand-lg li.nav-item.login-btn a.nav-link.btn { color: #0074dc; padding: 10px 0 10px 15px !important; background: transparent; font-weight: normal;}

.navbar-expand-lg li.nav-item.login-btn a.nav-link.btn:hover { color: #001740; background: transparent;}
 
.navbar-expand-lg .navbar-nav li.nav-item { position: relative; transition: all .5s ease-in-out;}

.navbar-expand-lg .navbar-nav li.nav-item.active a.nav-link { color: #0074dc; transition: all .25s ease-in-out; background: rgb(233 70 70 / 10%); border-radius: 15px; padding: 10px 20px 20px;}
 

.navbar-expand-lg .navbar-nav li.nav-item.login-btn { padding-left: 15px;}

.navbar-expand-lg .navbar-nav li.nav-item.login-btn:before { content: ""; position: absolute; background: #bfbfbf; width: 1px; height: 70%; left: 14px; top: 50%; transform: translateY(-50%); }

.navbar-expand-lg .navbar-nav li.nav-item.profile-drop { padding-left: 29px;}

.navbar-expand-lg .navbar-nav li.nav-item.profile-drop:before { content: ""; position: absolute; background: #000000; width: 1px; height: 70%; left: 15px; top: 50%; transform: translateY(-50%); opacity: 25%;}

.navbar-expand-lg .navbar-nav li.nav-item.profile-drop a.nav-link.profile-btn { display: flex; align-items: center; border-radius: 30px; border: 1px solid #37373740; padding:5px 25px 5px 6px !important; cursor: pointer;}

.navbar-expand-lg .navbar-nav li.nav-item.profile-drop a.nav-link.profile-btn span.profile-img { display: inline-block; float: left; width: 25px; height: 25px; margin-right: 5px;}

.dropdown-toggle::after{ display: none; }

.dropdown-toggle { background: url('../images/admin-icons/arrow-down.svg') no-repeat !important; background-position-x: 97% !important; background-size: 18px !important; padding-right: 26px !important; background-position-y: 10px !important; }

.dropdown-toggle:focus, .dropdown-toggle:hover { background: url('../images/admin-icons/arrow-down.svg') no-repeat !important; background-position-x: 97% !important; background-size: 18px !important; padding-right: 26px !important; background-position-y: 10px !important;}
 
.navbar-expand-lg .navbar-nav .nav-link.profile-drop { display: flex; align-items: center; border-radius: 30px; border: 1px solid #37373740; }
 
.navbar-expand-lg .navbar-nav .nav-link.profile-drop span.profile-pic { display: inline-block; float: left; width: 40px; height: 40px; margin-right: 7px; }
 
.navbar-expand-lg .navbar-nav .nav-link.profile-drop span.profile-pic img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}

.navbar-nav .dropdown-menu { position:absolute; }

.navbar-expand-lg .navbar-nav li.nav-item.dropdown .dropdown-menu {display: none;opacity: 0;height: 0;transition: transform .7s ease-in-out;top: 50px;padding: 10px;border: none!important;background-color: #0074dc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;right: 0;min-width: 150px; z-index: 999999;}

.navbar-expand-lg .navbar-nav li.nav-item ul.dropdown-menu { background: #fff; padding: 10px 5px; opacity: 0; overflow: hidden; visibility: hidden; top: 45px; transition: ease all 0.5s; display: inline-block; border: 1px solid #ddd; border-radius: 10px; width: 185px; box-shadow: 0px 5px 12px 0px #00000014;}
 
 

.navbar-expand-lg .navbar-nav li.nav-item ul.dropdown-menu li { width: 100%;}
 
.navbar-expand-lg .navbar-nav li.nav-item ul.dropdown-menu li a { padding: 7px 15px;color: #212121; }
 
.navbar-expand-lg .navbar-nav li.nav-item ul.dropdown-menu li a:hover { background: none !important; color: #0074dc; }

.navbar-expand-lg .navbar-nav li.nav-item.dropdown .dropdown-menu .profile-drop { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.navbar-expand-lg .navbar-nav li.nav-item.dropdown .dropdown-menu .profile-drop a.dropdown-item { font-size: 12px; color: #ffffff; padding: 5px 10px!important;}

.navbar-expand-lg .navbar-nav li.nav-item.dropdown .dropdown-menu .profile-drop a.dropdown-item i.fa { padding-right: 5px;}

.navbar-expand-lg .navbar-nav li.nav-item.dropdown .dropdown-menu .profile-drop a.dropdown-item:hover { background: #a4ac44; color: #ffffff;}


.inner-head .navigation-wrap .container { border-bottom: 1px solid #bfbfbf; padding-bottom: 30px;}

.navbar-expand-lg .navbar-nav li.nav-item.login-name { font-weight: 500; font-size: 18px; color: #333333; text-align: right; line-height: 20px;}

.navbar-expand-lg .navbar-nav li.nav-item.login-name span { display: block; font-size: 14px; font-weight: normal;}




header .navigation-wrap .navbar .head-main .head-right .navbar-nav.top-menu { margin-right: 10px;}

header .navigation-wrap .navbar .head-main .head-right .navbar-nav.top-menu .goog-te-gadget-simple { width: 100%; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 0 0; background: #ffffff; border: 1px solid #adb5bd; position: relative; display: block; text-align: left; height: auto;}

header .navigation-wrap .navbar .head-main .head-right .navbar-nav.top-menu .goog-te-gadget-simple img.goog-te-gadget-icon { margin-left: 5px;}

header .navigation-wrap .navbar .head-main .head-right .navbar-nav.top-menu .goog-te-gadget-simple span a { display: inline-block; padding: 6.5px 0; margin: 0 10px 0 5px; font-size: 15px; font-weight: 500; letter-spacing: 0;}

header .navigation-wrap .navbar .head-main .head-right .navbar-nav.top-menu .goog-te-gadget-simple span a span { font-family: 'Open Sans', sans-serif; font-size: 14px;}


.navbar-expand-lg .navbar-nav li.nav-item .nav-link { margin-right: 10px; position: relative;}

.navbar-expand-lg .navbar-nav li.nav-item .nav-link a { color: #2d1d45; font-weight: 600; margin-right: 0; position: relative; font-size: .9rem; font-family: 'Open Sans', sans-serif;}

.navbar-expand-lg .navbar-nav li.nav-item .nav-link:after { content: "|"; position: absolute; right: -7px; color: #2d1d45;}

.navbar-expand-lg .navbar-nav li.nav-item .nav-link a:hover { color: #0274d6;}

.navbar-expand-lg .navbar-nav li.nav-item .nav-link.last:after { display: none;}





/*################## Admin Main page ###################*/
 

.dash-wrapp { width: 100%; display: flex; flex-wrap: wrap; float: left; background: #dbe9ff; padding: 70px 0 60px; position: relative; margin-top: 60px; margin-bottom: 25px;}

.dash-wrapp .container { max-width: 90%; padding: 0 0 0;}

.dash-wrapp .row.dash-row1 { align-items: flex-start; margin: 0 auto; justify-content: space-between;}

.dash-wrapp.admin-wrapp {margin-top: 60px;}

.dash-wrapp.admin-wrapp .sidebar.head-rgt {width: 20%;display: block;margin: 0 1% 0 0;padding: 0;float: left;max-width: 250px;position: relative;/*max-height: 71vh;overflow: hidden;overflow-y: scroll;*/}

.dash-wrapp.admin-wrapp .sidebar.head-rgt .sibebar-menu { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

 


/* .dash-wrapp .sidebar-wrapp { width: 100%; float: left; margin: 0 0 0 0; background: #cfd7e3; position: relative; display: block; border-radius: 25px; padding: 30px 0 20px; } */
.dash-wrapp .sidebar-wrapp {width: 100%;float: left;margin: 0 0 0 0;background: #cfd7e3;position: fixed;display: block;border-radius: 0;padding: 130px 0 20px;max-width: 20%;left: 0;height: 100%;top: 0;}

.dash-wrapp .sidebar-wrapp .side-logo { width: auto; display: block; margin: 5px auto 30px 5%; position: relative; float: none;}

.dash-wrapp .sidebar-wrapp .side-logo img { width: 100%; display: block; margin: 0 0 0; max-width: 85%; height: auto;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; float: left; height: 100%;}

/*.dash-wrapp.inner-dashboard .sidebar-wrapp { position: fixed; z-index: 99; margin: 0 0 0; left: -100%; -webkit-transition: all 0.8s; transition: all 0.8s; min-width: 300px; width: 20%;}

.dash-wrapp.admin-wrapp .sibebar-menu { -webkit-transition: all 0.8s; transition: all 0.8s; }

.dash-wrapp.inner-dashboard .sibebar-menu.open .sidebar-wrapp { left: 4%;}*/


.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu {width: 100%;display: block;margin: 0 0 0;position: relative;float: left;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li {width: 100%;/* float: left; */display: block;position: relative;background: transparent;border: 0;border-radius: 0;padding: 0 0 0;margin: 0 0 3px;clear: both;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu {width: 100%;/* float: left; */clear: both;display: flex;flex-wrap: wrap;align-items: center;position: relative;margin: 0 0 0;color: #000000;font-size: 14px;line-height: 24px;font-weight: bold;padding: 5px 8% 4px 8%; cursor: pointer;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu span { font-weight: normal; display: inline; padding-left: 5px; transition: all 0.25s ease-out 0s;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li:hover .dask-menu span { color: #ffffff;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li:hover .dask-menu { color:#ffffff; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu span.icon-comn { width: 30px; padding: 0; display: block; margin: 0 10px 0 0; position: relative; float: left; transition: all 0.25s ease-out 0s;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu span.hover-img { position: relative; display: none; left: 0; transition: all 0.25s ease-out 0s; opacity: 0;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu span.icon-comn img { width: 100%; display: block; margin: 0 0 0; height: auto; max-width: 100%;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li:hover .dask-menu span.side-icon { display: none; opacity: 0;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li:hover .dask-menu span.hover-img { display: block; opacity: 1;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li:hover { background: #0274d6; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.active-menu .dask-menu { color:#ffffff; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.active-menu { background: #0274d6; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.active-menu .dask-menu span.side-icon { display: none; opacity: 0;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.active-menu .dask-menu span.hover-img { display: block; opacity: 1;}
 
.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.menu-sub.active-menu:after { content: ""; background: url(../images/admin-icons/arrow-down.svg) no-repeat !important; right: 6%; display: block; position: absolute; width: 15px; height: 10px; top: 52%; transform: translateY(-50%);}




.dash-wrapp.admin-wrapp .admin-row1 {width: 72%;display: block;margin: 0 0 0;position: relative;float: left;padding: 0 0 0;}

.dash-wrapp .admin-row1 .admin-outer { width: 100%; display: flex; flex-wrap: wrap; position: relative; justify-content: center; margin: 0 auto;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 {width: 23%;margin: 0 2.6% 30px 0;background: #f6f7f7;float: left;position: relative;border: 1px solid #000000;border-radius: 15px;padding: 40px 2.5% 45px 2.5%;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center; /*overflow: hidden;*/ transition: all .35s ease;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1:hover { background: #cfd7e3; border: 1px solid #000000; transition: all .35s ease;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1:nth-child(4n) { margin-right: 0;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 {width: 100%;display: block;margin: 0 auto;position: relative;float: left;height: auto;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 .admin-boximg {width: 100%;display: block;margin: 0 auto 15px;float: left;padding: 0 0 0;position: relative;text-align: center;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 .admin-boximg img {width: 100%;display: block;margin: 0 auto;height: auto; max-width: 150px; max-height: 100px;object-fit: contain;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 h2 {width: 100%;float: left;font-size: 20px;line-height: 24px;font-weight: bold;color: #000000;padding: 0 0 0 0;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 h2 span { display:block; }


.button_container {position: absolute;top: 0px;left: 3%;/* transform: translateX(-50%); */height: 20px;width: 28px;cursor: pointer;z-index: 100;}

.button_container:hover { opacity: .7;}

.button_container.active .top {-webkit-transform: translateY(11px) translateX(0) rotate(45deg);transform: translateY(11px) translateX(0) rotate(45deg);background: #0074dc;}

.button_container.active .middle {opacity: 0;background: #0074dc;}

.button_container.active .bottom {-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);transform: translateY(-11px) translateX(0) rotate(-45deg);background: #0074dc;}

.button_container span {background: #0274d6;border: none;height: 3px;width: 100%;position: absolute;top: -5px;left: 0;transition: all .35s ease;cursor: pointer;border-radius: 20px;opacity: 0}
 
.button_container span:nth-of-type(2) {top: 8.2px;}

.button_container span:nth-of-type(3) {top: 17px;}

.button_container.active span.bottom { display: inline-block;}

.dash-wrapp.admin-wrapp .head-rgt .button_container { display: none;}

.button_container.active span { opacity:1; }


.dash-wrapp.admin-wrapp .head-rgt .button_container:after { background: url(../images/menu-icon.png) center no-repeat; background-size: 100%; position: absolute; bottom: 0; left: 0; width: 27px; height: 25px; content: "";}

.dash-wrapp.admin-wrapp .head-rgt .button_container.active:after { opacity: 0; transition: all .35s ease;}


#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index: 100; display: none !important;}


.sub-menu {display:none}


.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu { width: 100%; position: relative; float: left; margin: 0 auto;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li a { font-size: 12px; color: #000000;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li a { width: 100%; color: #000000; font-weight: 400; font-size: 14px; display: block;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li { width: 100%; background: transparent;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li { width: 100%; float: left; background: rgb(0 116 213 / 52%); display: flex; flex-wrap: wrap; align-items: center; margin: 3px 0 0 0; padding: 10px 3% 10px 10%;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li:hover a { color: #ffffff;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li.active a { color: #ffffff;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li.active-menu a { color: #ffffff;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li:last-child { margin-bottom: 3px}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.active-menu ul.sub-menu { display: block;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li a span.r-arrow { width: 8px; padding: 0 0 0 0; display: block; margin: 1px 20px 0px 8px; position: relative; float: left; transition: all 0.25s ease-out 0s;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li span.r-arrow img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 100px;}


.ui-menu .ui-menu-item { font-size:12px !important; }





.stud-logo { max-width: 100%; width: 100%; display: block; margin: 0 auto;}

.stud-logo img { max-width: 100px; width: 100%; display: block; margin: 0 auto;}

.stud-logo h1 { font-size: 28px; color: #000000; font-family: 'Open Sans', sans-serif; font-weight: bold; display: block; margin: 10px auto 10px;}


.login-btn { padding: 6px 10px; display: block; color: #ffffff; background: #a4ac44; border-radius: 5px; border-color: #a4ac44; width: fit-content; position: relative;}


footer { background: #1c1c1c; width: 100%; float: left; padding:20px 0; text-align: center; margin-bottom: 0; position: fixed; bottom: 0; z-index: 99;}

footer .copy-right { width: 100%; display: block; margin: 0 auto; position: relative; float: left; padding: 0;}

footer .copy-right p { font-size: 16px; color: #ffffff; display: block; margin: 0 auto; line-height: normal;} 

footer .copy-right ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative;}

footer .copy-right ul li { font-size: 16px; color: #ffffff; display: block; margin: 0 10px 0 10px; line-height: normal;}

footer .copy-right ul li a { color: #ffffff;}

footer .copy-right ul li.border-right { border-right: 1px solid #ffffff; padding-right: 20px;}

footer .copy-right ul li:last-child { margin-right: 0;}

footer .copy-right ul li a:hover { color: #0274d6;}

footer .copy-right ul li img { display: block; width: 100%; margin: 0 auto; max-width: 130px;}



.login-wrapp .card.login-card { border: none; border-radius: 10px; color: #676767; background-color: #fff; padding: 0; margin: 0 0 15px; box-shadow: 0 6px 14px 0 rgb(0 0 0 / 23%), 0 10px 10px 0 rgba(0, 0, 0, .12);}

.login-wrapp .card.login-card .card-body label { font-size: .9rem; display: block; margin-bottom: .5rem; text-align: left; border: none; border-radius: 10px; color: #000000; line-height:1.2; font-family: 'Open Sans', sans-serif; font-weight: 600;}

.login-wrapp .card.login-card .card-body .form-control { font-size: .9rem; color: #000; border-radius: 3px; border: none; background-color: #f1f1f1; padding: 10px 10px; line-height: 2; height: auto;}

.login-wrapp .card.login-card .card-body .field-icon { margin-top: -33px; cursor: pointer;}
 
.login-wrapp .card.login-card .log-bnt { padding: 10px 25px; margin: 0 auto; display: block; color: #ffffff; background: #0274d6; border-radius: 5px; border-color: #0274d6; width: fit-content; position: relative;}

.login-wrapp .card.login-card .log-bnt:hover { color: #fff; background-color: #a4ac44; border-color: #a4ac44; }

.login-wrapp .card.login-card .card-body label .req { color: #ff0000;}

.login-wrapp .card.login-card .log-bnt2 { padding: 10px 25px; margin: 0 auto; display: block; color: #ffffff; background: #a4ac44; border-radius: 5px; border-color: #a4ac44; width: fit-content; position: relative;}

.login-wrapp .card.login-card .log-bnt2:hover { color: #fff; background-color: #0274d6; border-color: #0274d6; }



.login-wrapp .card.login-card .card-body select.form-control { -webkit-appearance: none; background: url(../images/select-arrow.svg) no-repeat 98% #f6f6f6; cursor: pointer; background-size: 10px;}
 
.login-wrapp .card.login-card .card-body .custom-control-label { cursor: pointer; width: fit-content; margin: 0 0 0;}

.login-wrapp .card.login-card .card-body P { line-height: 1.6; font-size: .9rem; font-family: 'Open Sans', sans-serif; font-weight: 500; }

.login-wrapp .card.login-card .card-body a { color: #0274d6; line-height: 1.6; font-size: .9rem; font-family: 'Open Sans', sans-serif; font-weight: 500; text-decoration: none;}

.login-wrapp .card.login-card .card-body a:hover { color: #a4ac44;}
 


.dash-wrapp.login-wrapp { padding: 0 0 0 0; margin-top: 0; margin-bottom: 0;}


.dash-wrapp.login-wrapp .login-signup-section .login-form { max-width: 460px; flex: 0 0 90%;}


.dash-wrapp.login-wrapp .login-left-side .company-logo { width: 100%; display: block; margin: 0 auto; position: relative;}

.dash-wrapp.login-wrapp .login-left-side .company-logo img { width: 100%; height: auto; margin: 0 auto; display: block; max-width: 250px;}

.dash-wrapp.login-wrapp .login-signup-section .row.full-height .login-right-side.full-height { padding-top: 60px; padding-bottom: 60px;}

.dash-wrapp.login-wrapp.register-wrapp { padding: 0 0 0 0; margin-top: 115px; margin-bottom: 0;}

.dash-wrapp.login-wrapp.register-wrapp .align-self-center { padding-bottom: 40px;}


.dash-wrapp.login-wrapp .full-height { min-height: 100vh;}


.dash-wrapp.login-wrapp.no-sidebar .login-left-side .company-logo { position: absolute; left: 0; top: 40%; transform: translateY(-50%);}

.dash-wrapp.login-wrapp.no-sidebar .login-right-side .login-form { top: 40%; transform: translateY(-50%); position: absolute;}


.dash-wrapp.login-wrapp .full-height { position: relative;}

.login-wrapp .card.login-card .log-foot { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}

.login-wrapp .card.login-card .log-foot .log-bnt { margin: 0 5px 0; font-weight: bold; padding: 8px 20px; font-size: 14px;}
.login-wrapp .card.login-card .log-foot .log-bnt2 { margin: 0 5px 0; font-weight: bold; padding: 8px 20px; font-size: 14px;}




/*################## Inner Page Wrapp ###################*/


.dash-wrapp .inner-row1 {width: 79%;display: block;margin: 0 0 0;position: relative;float: left;padding: 0 0 0;}

.dash-wrapp .inner-row1 .inner-col1 { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-logo { width: 200px; position: relative; display: block; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-logo img { width: 100%; display: block; margin: 0 auto; position: relative; height: auto; max-width: 100%;}

.dash-wrapp .inner-row1 .inner-col1 h2 { width: 100%; float: left; font-size: 28px; line-height: 32px; font-weight: bold; color: #000000; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .inner-col1 h2 span { font-weight: lighter;}

.dash-wrapp .inner-row1 .inner-col1 p { font-size: 14px; margin: 0 0 15px; display: block;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-links { width: 100%; display: flex; flex-wrap: wrap; position: relative; margin: 0 0 18px; float: left;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-links li { float: none; display: inline-block; position: relative; margin: 0 5px 0 0; font-size: 13px; line-height: 20px; font-weight: 600; color: #0274d6; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-links li a { color: #0274d6;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-links li a:hover { color: #a4ac44;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-links li:last-child { font-weight: bold;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs { width: 100%; display: flex; flex-wrap: wrap; position: relative; margin: 0 0 28px; float: left;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li { float: none; display: inline-block; margin: 0 6px 6px 0; /*padding: 0 10px 0 0;*/ font-size: 14px; line-height: 28px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li:last-child { padding-right: 0; margin-right: 0;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li a { padding: 4px 10px; display: block; color: #ffffff; background: #a4ac44; border-radius: 5px; cursor: pointer;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li a:hover { color: #ffffff; background: #0274d6;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li:after { content: ""; position: absolute; right: 0; top: 0; display: block; width: 3px; height: 100%; background: #a4ac44; border-radius: 8px; display: none;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li:last-child:after { display: none;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li.active a { color: #ffffff; background: #0274d6;}




.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-toprow { width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-toprow ul.inner-links { width: 80%;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-toprow h2 { width: 80%;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-toprow .inner-rightbox { width: 18%; float: right; margin: 0 0 18px 2%; position: relative; display: block;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-toprow .inner-rightbox .btn-bal {width: 100%;float: left;display: inline-block;color: #ffffff;border: 1px solid #0274d6;background: #0274d6;border-radius: 5px;padding: 6px 10px 6px 10px;line-height: normal;font-size: 14px;margin: 0 0 0 0;position: relative;outline: none;font-weight: bold;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-toprow .inner-rightbox .btn-bal:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}



.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-undobox h2 { width: fit-content;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-undobox .inner-rightbox { width: fit-content; float: right; margin: 0 0 18px 2%; position: relative; display: block;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-undobox .inner-rightbox .btn-bal { width: 100%; float: left; display: inline-block; color: #ffffff; border: 1px solid #0274d6; background: #0274d6; border-radius: 5px; padding: 6px 20px 6px 20px; line-height: normal; font-size: 14px; margin: 0 0 0 0; position: relative; outline: none; font-weight: bold;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-undobox .inner-rightbox .btn-bal:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}



.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head .inner-toprow ul.inner-links { width: 50%;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head .inner-toprow .inner-rightbox { width: 48%; display: flex; justify-content: flex-end;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head .inner-toprow .inner-rightbox .btn-bal { width: fit-content;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head .inner-toprow .inner-rightbox .btn-bal:nth-child(2n) { margin-left: 5px;}

 

.dash-wrapp .inner-row1 .inner-col1 .search-container { width: 100%; position: relative; display: block; margin: 0 0 25px;}

.dash-wrapp .inner-row1 .inner-col1 .search-container .form-group { width: 100%; display: flex; position: relative; margin:0 10px 0 0; max-width: 260px;}

.dash-wrapp .inner-row1 .inner-col1 .search-container .form-group .form-control, 
.dash-wrapp .inner-row1 .inner-col1 .search-container .form-group .ui-autocomplete-input { width: 100%; height: 40px; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 15px; background: #ffffff; border: 1px solid #afafaf; position: relative; display: block; text-align: left;}

.dash-wrapp .inner-row1 .inner-col1 .search-container .form-group .form-control::placeholder, 
.dash-wrapp .inner-row1 .inner-col1 .search-container .form-group .ui-autocomplete-input::placeholder {color: #696b6c;}

.dash-wrapp .inner-row1 .inner-col1 .search-container .form-group select.form-control { -webkit-appearance: none; background: url(../images/select-arrow.svg) no-repeat 95% #ffffff; cursor: pointer; background-size: 10px;}

.dash-wrapp .inner-row1 .inner-col1 .search-container .form-group .search-icon { float: right; padding: 0; background: transparent; font-size: 17px; border: none; cursor: pointer; position: absolute; right: 10px; top: 7px;}

.dash-wrapp .inner-row1 .inner-col1 .search-container .form-group .search-icon i { color: #000000;}

.dash-wrapp .inner-row1 .search-container button:hover { background: #ccc;}


.dash-wrapp .inner-row1 .inner-col1 .search-container .form-outer { width: 100%; display: flex; align-items: center;}

.dash-wrapp .inner-row1 .inner-col1 .search-container .form-outer .back-btn { padding: 8px 15px; font-size: 13px; box-shadow: none; margin: 0 0 0; display: block; color: #ffffff; background: #0274d6; border-radius: 5px; border-color: #0274d6; width: fit-content; position: relative;}

.dash-wrapp .inner-row1 .inner-col1 .search-container .form-outer .back-btn:hover { background: #a5ab4d; border-color: #a5ab4d;}


.dash-wrapp .inner-row1 .add-stud-row .course-grid {position: relative;display: grid;/* grid-template-columns: repeat(auto-fit, minmax(47%, 1fr)); *//* gap: 20px; */display: flex;flex-wrap: wrap;justify-content: space-between;}

.dash-wrapp .inner-row1 .add-stud-row .course-card { width: 100%; position: relative; background: #fff; border: 1px solid #e3eaf3; border-radius: 10px; padding: 20px 15px; margin: 0 0 0; transition: all 0.2s ease;}

.dash-wrapp .inner-row1 .add-stud-row .course-card:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgb(0 0 0 / 21%);}

.dash-wrapp .inner-row1 .add-stud-row .course-card h3 { width: 100%; float: left; font-size: 20px; line-height: 26px; font-weight: bold; color: #0274d6; margin: 5px 0 15px; font-family: 'Open Sans', sans-serif; display: flex; justify-content: space-between;}

.dash-wrapp .inner-row1 .add-stud-row .course-card p { color: #000000; line-height: 22px; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: normal; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .dates { margin-top: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-amt { color: #2e7d32; font-size: 16px; line-height: 29px; padding-left: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .course-grid .course-card { width: 49%; margin:0 0 20px;}


.dash-wrapp .inner-row1 .add-stud-row .dates .dates-row { width: 100%; display: flex; align-items: center; justify-content: space-between;}

.dash-wrapp .inner-row1 .add-stud-row .dates h5 { width: fit-content; display: block; font-size: 15px; line-height: 20px; font-weight: 560; color: #000000; margin: 0 0 10px; font-family: 'Open Sans', sans-serif; padding-right: 10px; padding-left: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .dates ul { list-style: none; padding: 0; margin: 8px 0;}

.dash-wrapp .inner-row1 .add-stud-row .dates li { display: flex; justify-content: space-between; padding: 5px 10px; color: #000000; line-height: 22px; font-size: 13px; background: #f5f6f9;}

.dash-wrapp .inner-row1 .add-stud-row .dates li:nth-child(2n) { background: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .more { font-size: 14px; color: #0274d6; text-decoration: none; font-weight: 600; font-family: 'Open Sans', sans-serif; line-height: 28px;}

.dash-wrapp .inner-row1 .add-stud-row .more:hover { color: #a5ab4d;}


.dash-wrapp .inner-row1 .add-stud-row .card-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; padding-left: 10px; padding-right: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .card-footer h6 { width: 100%; float: left; font-size: 14px; line-height: 20px; font-weight: 560; color: #000000; margin: 0 0 0; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .card-footer .instructor { display: flex; gap: 10px; align-items: center;}

.dash-wrapp .inner-row1 .add-stud-row .card-footer .instructor img { width: 48px; height: 48px; border-radius: 6px; object-fit: cover;}

.dash-wrapp .inner-row1 .add-stud-row .card-footer .instructor strong { display: block; font-size: 14px;}

.dash-wrapp .inner-row1 .add-stud-row .card-footer .instructor span { font-size: 13px; color: #4a5568;}

.dash-wrapp .inner-row1 .add-stud-row .card-footer .instructor a { font-size: 13px; color: #2b6cb0; text-decoration: none; padding-left: 10px; font-weight: 500;}

.dash-wrapp .inner-row1 .add-stud-row .card-footer .instructor a:hover { color: #a5ab4d; }

.dash-wrapp .inner-row1 .add-stud-row .card-footer button { padding: 8px 15px; font-size: 12px; box-shadow: none; margin: 0 0 0; display: block; color: #ffffff; background: #0274d6; border-radius: 5px; border-color: #0274d6; width: fit-content; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .card-footer button:hover { background: #a5ab4d; border-color: #a5ab4d;}

.dash-wrapp .inner-row1 .add-stud-row .course-grid-view { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 25px; align-items: center;}

 


.dash-wrapp .inner-row1 .add-stud-row .dates .checkbox {width: auto;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float: left;display: inline-block;position: relative;margin: 2px 10px 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .dates .checkbox:last-child {/* margin-right: 4px; */}

.dash-wrapp .inner-row1 .add-stud-row .dates .checkbox input { position: absolute; opacity: 0; cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row .dates .checkbox .checkmark {position: relative;display: block;top: 0;left: 0;height: 18px;width: 18px;border-radius: 2px;background-color: #ffffff;border: 1px solid #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .dates .checkbox input:checked ~ .checkmark { background-color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .dates .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.dash-wrapp .inner-row1 .add-stud-row .dates .checkbox input:checked ~ .checkmark:after { display: block;}

.dash-wrapp .inner-row1 .add-stud-row .dates .checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


.dash-wrapp .inner-row1 .add-stud-row .dates .extra-date { display: none;}





.dash-wrapp .inner-row1 .add-stud-row .course-card .course-image { width: 100%; display: block; margin: 0 0 0; border-radius: 8px; overflow: hidden; box-shadow: 0px 2px 5px 2px rgb(217 220 222); height: 17.2vw; max-height: 18vw; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-image img {width: 100%;height: 100%;display: block;object-fit: cover;object-position: top center;max-width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-body { padding: 15px 0; flex: 1; width: 100%; display: block; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-body h4 { width: 100%; display: block; font-size: 16px; line-height: 26px; font-weight: bold; color: #0274d6; margin: 0 0 5px; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-body p { color: #000000; line-height: 22px; font-size: 13px; font-weight: normal; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-price .course-location { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0; margin-bottom: 15px; color: #000000; line-height: 26px; font-size: 15px; align-items: center; font-weight: 500;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-price .course-location .rating {width: fit-content;text-align: left;float: left;position: relative;margin: 0 0 0;overflow: hidden;color: #a5aa4d;padding: 0;font-size: 24px;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-price {width: 100%;padding: 0 0 0;text-align: right;height: auto;position: relative;display: flex;/* flex-wrap: wrap; */align-items: flex-start;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-price .course-provider {color: #a5aa4d;line-height: 22px;font-size: 14px; font-weight: 600;width: 100%;text-align: right; margin: 0 0 5px;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-price .course-right { width: 100%; float: right; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; justify-content: flex-end;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-price .course-right .course-amt { width: 100%; display: block; margin: 0 0 0 0; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-price .course-right .offer { display: block; background: #2e7d32; color: #ffffff; font-size: 13px; padding: 5px 10px 3px 10px; border-radius: 4px; width: fit-content; float: right; line-height: 22px; font-weight: 500;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-price .course-right .course-amt h3 { font-size: 22px; color: #2e7d32;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .masonry-boxs .course-image { height: 21.3vw; max-height: 25vw;}

.dash-wrapp .inner-row1 .add-stud-row .course-list-view .course-card { display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; margin: 0 0 25px;}

.dash-wrapp .inner-row1 .add-stud-row .course-list-view .course-card .course-image { margin-right: 2%; width: 30%; max-width: 280px;}

.dash-wrapp .inner-row1 .add-stud-row .course-list-view .course-card .course-col1 { width: 68%; position: relative; float: right; display: block; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .course-list-view .course-card .course-col1 .course-body { padding: 0 0 5px;}



.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry {width: 100%;float: left;position: relative;display: grid; grid-template-columns: 63% 35%; gap: 2%;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-left,
.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-right {display: grid; grid-auto-rows: min-content; gap: 20px;}
 
.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item h3 { margin-top: 0; float: none; display: block;}
 
.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .add-box { width: 100%; display: block; margin: 0 auto; position: relative; border: 1px solid #c5c5c5; border-radius: 8px; padding: 15px 15px;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item h5 { color: #000000; line-height: 28px; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 0 0 10px;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item p { color: #000000; line-height: 26px; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: normal; margin: 0 0 5px;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .masonry-btn {width: 100%;display: flex;flex-wrap: wrap;position: relative;margin: 0 0 0;justify-content: flex-start;}


.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .masonry-btn .join-btn {width: auto;float: left;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 20px;background: #a5aa4d;line-height: normal;font-size: 13px;margin: 20px 10px 10px 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: bold;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .masonry-btn .join-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .masonry-btn .view-btn {width: auto;float: left;display: inline-block;color: #ffffff;border: 1px solid #0274d6;border-radius: 5px;padding: 10px 20px;background: #0274d6;line-height: normal;font-size: 13px;margin: 20px 0 10px 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: bold;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .masonry-btn .view-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}


.dash-wrapp .inner-row1 .add-stud-row .masonry-item.masonry-tall { display: flex; flex-wrap: wrap; justify-content: space-between;}

.dash-wrapp .inner-row1 .add-stud-row .masonry-item.masonry-tall .course-card { width:48.5%; display: block; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .masonry-item.masonry-tall .masonry-btn .btn { width: 48%; margin: 15px 0 0; padding: 10px 10px; font-size: 13px; line-height: 16px;}

.dash-wrapp .inner-row1 .add-stud-row .masonry-item.masonry-tall .masonry-btn .btn.view-btn { margin-left: 4%;}



.dash-wrapp .inner-row1 .add-stud-row .course-card .payment-link { width: 100%; display: block; margin: 0 0 0; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .payment-link a { width: 100%; float: none; display: inline-block; color: #0274d6; border: 1px solid #0274d6; border-radius: 5px; padding: 10px 10px; background: transparent; line-height: normal; font-size: 13px; margin: 20px 0 30px 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: center;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .payment-link a:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .payment-progress { width: 100%; height: 10px; background: #c6d7e7; border-radius: 10px; overflow: hidden; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .payment-progress .payment-progress-bar { height: 100%; background: #0274d6; border-radius: 10px;}


 
.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .tasks-list { width: 100%; position: relative; list-style: none; padding: 0; margin: 0;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .tasks-list .task-item {display: flex;align-items: center;justify-content: space-between;padding: 10px 5px 8px 6px;margin: 0 0 0;font-size: 13px;position:relative;transition: all 0.2s ease;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .tasks-list .task-item:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0,0,0,0.12);}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .tasks-list .task-item:not(:last-child) { border-bottom: 1px solid #c5c5c5;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .tasks-list .task-item .task-dot { width: 8px; height: 8px; background: #0274d6; transform: rotate(45deg); margin-right: 10px; flex-shrink: 0;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .tasks-list .task-item.incomplete .task-dot { background: #a5aa4d;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .tasks-list .task-item .task-text { flex: 1; color: #333;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .tasks-list .task-item .task-text .status { color: #8a8a8a; font-size: 12px; margin-left: 4px;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .tasks-list .task-item .task-arrow { color: #0274d6; font-size: 30px; margin-left: 10px; line-height: 0px;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .tasks-list .task-item .task-link { width: 100%; position: absolute; left: 0; right: 0; height: 100%; top: 0; bottom: 0; margin: 0 auto;}




.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .announcements-card { background: #ffffff; border-radius: 10px; padding: 16px 18px; box-shadow: 0 4px 14px rgba(0,0,0,0.08); max-width: 320px;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .announcements-title { font-size: 16px; font-weight: 600; margin-bottom: 12px;}
 
.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .announcements-list { list-style: none; padding: 0; margin: 0;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .announcements-list li { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; margin-bottom: 8px; line-height: 16px;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .announcements-list li:last-child { margin: 0;}
 
.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .check-icon { color: #0274d6; font-size: 14px; font-weight: 700; line-height: 18px; margin-top: 0;}


 
.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .shortcuts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 10px; width: 100%; position: relative;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .shortcut-item { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #ffffff; border-radius: 8px; padding: 10px 5px; text-decoration: none; box-shadow: 0 2px 8px rgb(0 0 0 / 17%); transition: all 0.2s ease;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .shortcut-item i { font-size: 24px; color: #0274d6; margin-bottom: 5px;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .shortcut-item h4 { text-align: center; color: #000000; line-height: 16px; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 0 0 0;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .shortcut-item:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgb(0 0 0 / 21%);}

 
.dash-wrapp .inner-row1 .add-stud-row .course-card .cls-list { width: 100%; padding: 10px 10px; background: #f5f6f9;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .cls-list h6 { width: 100%; float: left; font-size: 16px; line-height: 20px; font-weight: 560; color: #0274d6; margin: 0 0 5px;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .cls-list.odd { background: #ffffff;}

 

@media (max-width: 991px) {

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry {grid-template-columns: 100%;}

}
 

@media (max-width: 480px) {
.dash-wrapp .inner-row1 .add-stud-row .card-footer { flex-direction: column; align-items: flex-start; gap: 10px; }
 
}






/*##### Search Form #####*/


.dash-wrapp .inner-row1 .entry-row { width: 100%; float: left; background: #0274d6; border-radius: 12px; padding: 30px 10px 15px; margin: 0 0 20px; position: relative;}

.dash-wrapp .inner-row1 .entry-row .form-group { width: 100%; float: left; display: block; margin: 0 auto; position: relative;}

.dash-wrapp .inner-row1 .entry-row .form-group .search-head { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .entry-row .form-group h2 { font-size: 16px; line-height: 22px; font-weight: bold; color: #ffffff; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 16px; padding: 0 15px;}


.dash-wrapp .inner-row1 .entry-row .form-group .text-fields { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field { float: left; margin: 0 0 2% 0; position: relative; display: block;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field:nth-child(3n) { margin-right: 0;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field .form-control { width: 100%; height: 33px; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 15px; background: #ffffff; border: 1px solid #ffffff; position: relative; display: block; text-align: left;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field .form-control::placeholder { color: #696b6c;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field select.form-control { -webkit-appearance: none; background: url(../images/select-arrow.svg) no-repeat 95% #ffffff; cursor: pointer; background-size: 10px;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field .search-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 6px 17% 6px 17%; background: #a5aa4d; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field .search-btn:hover { color: #ffffff; border: 1px solid #ffffff; background: #0274d6;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field label { width: 100%; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #ffffff; position: relative; font-family: 'Open Sans', sans-serif; }

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.bill-row { display: flex; align-items: center; position: relative; float: left;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.bill-row label { width: -webkit-fill-available; margin: 5px 20px 5px 0; max-width: fit-content;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.bill-row .form-control { width: -webkit-fill-available;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.bill-row span.form-control { font-size: 14px; line-height: 22px;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field .search-btn.full { width: 100%; padding-left: 20px; padding-right: 20px;}


.dash-wrapp .inner-row1 .student-table table tr td .badge { display: inline; float: left; background-color: #0274d6 !important; border-radius: 0.125rem; color: #ffffff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); line-height: 12px; margin: 3px 6px 0 0;}

.dash-wrapp .inner-row1 .student-table table tr td.click-tbn { padding-left: 35px !important; padding-right: 35px !important; padding-top: 15px; padding-bottom: 15px;}

.dash-wrapp .inner-row1 .student-table table tr td.click-tbn a { display: inline-block; font-weight: bold; color: #0274d6;}

.dash-wrapp .inner-row1 .student-table table tr td.click-tbn a:hover { color: #a4ac44;}

.dash-wrapp .inner-row1 .student-table table tr td .badge.badge-right { float: none; margin: 4px 0 0 5px; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .student-table table tr td .badge.badge-danger { background-color: #af0028 !important; float: none; margin-left: 3px; margin-right: 0;}

.dash-wrapp .inner-row1 .student-table table tr td .badge.badge-success{ background-color: #04ab47 !important;}

.badge-danger { background-color: #af0028 !important;}




/*##### Student Table #####*/

.dash-wrapp .inner-row1 .common-table { width: 100%; display: block; margin: 0 0 20px; position: relative; float: left; background: #dadddf; border-radius: 12px; padding: 15px 0 25px 0; overflow-x: auto;}
 
.dash-wrapp .inner-row1 .student-table table { border-collapse: collapse; border-spacing: 0; min-width: 700px; max-width: 100%; font-family: 'Open Sans', sans-serif; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.uplod-tbl table.stud-table { min-width: inherit;}

.dash-wrapp .inner-row1 .student-table th { padding: 15px 10px; color: #272425; line-height: 18px; font-size: 13px; font-weight: bold; vertical-align: middle; font-family: 'Open Sans', sans-serif;}
 
.dash-wrapp .inner-row1 .student-table td { padding: 6px 10px; color: #000000; line-height: 24px; font-size: 12px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: normal;}
 
.dash-wrapp .inner-row1 .student-table table thead { width: 100%; position: relative;}

.dash-wrapp .inner-row1 .student-table table tr { width: 100%;}

.dash-wrapp .inner-row1 .student-table td a { color: #0274d6; display: block; cursor: pointer;}

.dash-wrapp .inner-row1 .student-table td a:hover { color:#000000; }


.dash-wrapp .inner-row1 .student-table table tr th:first-child { padding-left: 35px; padding-right: 10px;}

.dash-wrapp .inner-row1 .student-table table tr th: { padding-left: 10px; padding-right: 10px;}

.dash-wrapp .inner-row1 .student-table table tr th:last-child { padding-left: 10px; padding-right: 35px; }


.dash-wrapp .inner-row1 .student-table table tbody { width: 100%; position: relative;}

.dash-wrapp .inner-row1 .student-table table tbody tr {background: #f5f6f9;}

.dash-wrapp .inner-row1 .student-table table tbody tr:hover { background: #c4cedf;}


.dash-wrapp .inner-row1 .student-table table tr td:first-child { padding-left: 35px; padding-right: 10px;}

.dash-wrapp .inner-row1 .student-table table tr td { padding-left: 10px; padding-right: 10px;}

.dash-wrapp .inner-row1 .student-table table tr td:last-child { padding-left: 10px; padding-right: 35px; }

.dash-wrapp .inner-row1 .student-table table tr td.action-box { display: flex; align-items: center; justify-content: center;}

.dash-wrapp .inner-row1 .student-table table tr td.action-box a { margin: 0 0; width: fit-content;}

.dash-wrapp .inner-row1 .student-table table tr td.action-box a .tbl-icon { margin: 0 3px;}

.dash-wrapp .inner-row1 .student-table td .modalButton { color: #0274d6;}

.dash-wrapp .inner-row1 .student-table td .modalButton:hover { color: #000000;}

.dash-wrapp .inner-row1 .student-table td .update-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 6px 10px; background: #a5aa4d; line-height: 12px; font-size: 11px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}

.dash-wrapp .inner-row1 .student-table td .update-btn span { display: block; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .student-table td .update-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


.dash-wrapp .inner-row1 .student-table td .edit-btn { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden;}

.dash-wrapp .inner-row1 .student-table td .delete-btn { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden;}
 
.dash-wrapp .inner-row1 .student-table td .envelope-btn { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden;}

.dash-wrapp .inner-row1 .student-table td .pdf-btn { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden;}
 
.dash-wrapp .inner-row1 .student-table td .print-btn { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden;}
 

.dash-wrapp .inner-row1 .student-table td .tbl-icon img { width: 100%; display: block; margin: 0 auto; height: auto; object-fit: contain; max-width: 30px; min-width: 30px; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out;}


.dash-wrapp .inner-row1 .student-table td .edit-btn .tbl-icon { width: fit-content; min-width: 30px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #a5aa4d; padding: 5px;}
 
.dash-wrapp .inner-row1 .student-table td .edit-btn:hover span.tbl-icon { opacity: 0.7;}

.dash-wrapp .inner-row1 .student-table td .delete-btn .tbl-icon { width: fit-content; min-width: 30px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #af0028; padding: 5px;}
 
.dash-wrapp .inner-row1 .student-table td .delete-btn:hover span.tbl-icon { opacity: 0.7;}


.dash-wrapp .inner-row1 .student-table td .envelope-btn .tbl-icon { width: fit-content; min-width: 30px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #301b48; padding: 5px;}
 
.dash-wrapp .inner-row1 .student-table td .envelope-btn:hover span.tbl-icon { opacity: 0.7;}


.dash-wrapp .inner-row1 .student-table td .pdf-btn .tbl-icon { width: fit-content; min-width: 30px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #00b9ea; padding: 5px;}
 
.dash-wrapp .inner-row1 .student-table td .pdf-btn:hover span.tbl-icon { opacity: 0.7;}


.dash-wrapp .inner-row1 .student-table td .print-btn .tbl-icon { width: fit-content; min-width: 30px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #ff7600; padding: 5px;}
 
.dash-wrapp .inner-row1 .student-table td .print-btn:hover span.tbl-icon { opacity: 0.7;}


.dash-wrapp .inner-row1 .student-table td .pro-icon { width: auto; display: block; min-width: 40px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; padding: 0;}
 
.dash-wrapp .inner-row1 .student-table td .pro-icon img { width: 100%; display: block; margin: 0 auto; height: auto; object-fit: contain; max-width: 40px; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out;}



.dash-wrapp .inner-row1 .student-table td .all-pdf-btn { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden;}
 
.dash-wrapp .inner-row1 .student-table td .all-pdf-btn .tbl-icon { width: fit-content; display: flex; align-items: center; min-width: 30px; text-wrap: nowrap; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #00b9ea; font-weight: 500; color: #ffffff; padding: 5px 10px 5px 5px;}
 
.dash-wrapp .inner-row1 .student-table td .all-pdf-btn:hover span.tbl-icon { opacity: 0.7;}


.modal .modalWrapper .student-table table tr td .pdf-btn { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden;}
 
.modal .modalWrapper .student-table table tr td .pdf-btn .tbl-icon { width: fit-content; min-width: 30px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #00b9ea; padding: 5px;}
 
.modal .modalWrapper .student-table table tr td .pdf-btn:hover span.tbl-icon { opacity: 0.7;}



.dash-wrapp .inner-row1 .student-table td .active-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #04ab47; border-radius: 5px; padding: 6px 10px; background: #04ab47; line-height: 12px; font-size: 11px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700; cursor: pointer;}

.dash-wrapp .inner-row1 .student-table td .active-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


.dash-wrapp .inner-row1 .student-table td .inactive-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #af0028; border-radius: 5px; padding: 6px 10px; background: #af0028; line-height: 12px; font-size: 11px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}

.dash-wrapp .inner-row1 .student-table td .inactive-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .student-table table tr.norec td { padding-left: 35px; padding-right: 10px;}

.dash-wrapp .inner-row1 .student-table table tbody tr.norec { background: #c4cedf;}


.dash-wrapp .inner-row1 .student-table .checkbox { width: auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: inline-block; position: relative; margin: 0 2% 0 0; font-size: 12px; line-height: 16px; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative;}

.dash-wrapp .inner-row1 .student-table .checkbox:last-child { margin-right: 0;}

.dash-wrapp .inner-row1 .student-table .checkbox input { position: absolute; opacity: 0; cursor: pointer;}

.dash-wrapp .inner-row1 .student-table .checkbox .checkmark { position: relative; display: block; top: 0; left: 0; height: 16px; width: 16px; border-radius: 2px; background-color: #ffffff;}

.dash-wrapp .inner-row1 .student-table .checkbox input:checked ~ .checkmark { background-color: #0274d6;}

.dash-wrapp .inner-row1 .student-table .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.dash-wrapp .inner-row1 .student-table .checkbox input:checked ~ .checkmark:after { display: block;}

.dash-wrapp .inner-row1 .student-table .checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


.dash-wrapp .inner-row1 .student-table table tr td .text-field { float: left; margin: 0 0 0 0; position: relative; display: block;}

.dash-wrapp .inner-row1 .student-table table tr td .text-field label { width: 100%; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; min-height: 18px;}

.dash-wrapp .inner-row1 .student-table table tr td .text-field .form-control { width: 100%; height: 33px; font-size: 12px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 10px; background: #ffffff; border: 1px solid #ffffff; outline: none !important; box-shadow: none;}

.dash-wrapp .inner-row1 .student-table table tr td .text-field .form-control::placeholder { color: #696b6c;}

.dash-wrapp .inner-row1 .student-table table tr td .text-field select.form-control { -webkit-appearance: none; background: url(../images/select-arrow.svg) no-repeat 95% #ffffff; cursor: pointer; background-size: 10px;}


.dash-wrapp .inner-row1 .student-table table tr td .text-field textarea.form-control { min-height: 75px; resize: vertical; max-height: 180px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.external-details .uplod-col1 { align-items: flex-end;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.external-details .uplod-col1 .uplod-box2 { margin-bottom: 1px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.uplod-tbl { margin-bottom:0; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.uplod-tbl table tr th { padding-top: 0;}




#hideme { display: none;}

.dash-wrapp .inner-row1 .student-table table tr td .text-field .pay-to { width: 100%; line-height: 18px; font-size: 12px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: bold; float: left;}

.dash-wrapp .inner-row1 .student-table table tr td .text-field .pay-to .form-control { display: inline-block; margin: 0 0 0 5px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .add-item-btn { width: fit-content; float: right; display: inline-block; color: #ffffff; background: #2d1d45; border: 1px solid #2d1d45; border-radius: 5px; padding: 6px 30px 7px 30px; line-height: normal; font-size: 14px; margin: 0 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .add-item-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}



.dash-wrapp .inner-row1 .student-table th label.checkbox { font-weight: bold; padding-left: 25px;}

.dash-wrapp .inner-row1 .student-table th label.checkbox .checkmark { display: inline-block; position: absolute;}


.dash-wrapp .inner-row1 .green-text { color:#04ab47; }

.dash-wrapp .inner-row1 .light-green-text { color:#ff8300; }

.dash-wrapp .inner-row1 .student-table table tr td .clone-btn { width: 100%; max-width: 40px; display: block; text-align: center; min-width: 30px; height: 100%; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #0274d6; padding: 12px 5px; color: #ffffff;}

.dash-wrapp .inner-row1 .student-table table tr td .clone-btn i { color: #ffffff; width: 100%; display: block; margin: 0 auto; height: 100%; object-fit: contain; max-width: 30px; min-width: 30px; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out; font-size: 16px;}

.dash-wrapp .inner-row1 .student-table table tr td .clone-btn:hover { background: #a5aa4d;}

.dash-wrapp .inner-row1 .student-table table tr .blue-text { color: #0274d6;}

.dash-wrapp .inner-row1 .student-table table tr .red-text { color:#af0028; }

.dash-wrapp .inner-row1 .student-table table tr .green-text { color:#04ab47; }

.dash-wrapp .inner-row1 .student-table table tr td.action-box a .switch-off { background: #af0028; color: #ffffff; }

.dash-wrapp .inner-row1 .student-table table tr td.action-box a .btn-success { background: #04ab47; border-color: #04ab47;}



.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table .stud-table { min-width: 400px; margin-bottom: 0;}

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table .stud-table th:first-child { padding-left: 15px;}

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table .stud-table th:last-child { padding-right: 15px;}

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table .stud-table td:first-child { padding-left: 15px;}

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table .stud-table td:last-child { padding-right: 15px;}



.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table.contacts-list .stud-table { margin-bottom: 20px;}

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table.contacts-list .stud-table:last-child { margin-bottom: 0;}


.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table.contacts-list .stud-table tr.norec td { text-align:center; }

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table.contacts-list .stud-table tr.norec td .click-link { display: inline-block; font-weight: bold;}



.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table.contacts-list .stud-table .add-wrapp.sub-add { position: relative; right: 0; top: 0; margin: 0 0 0;}

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table.contacts-list .stud-table .add-wrapp.sub-add .add-btn { color: #ffffff; background: #a4ac44; border-color: #a4ac44;}

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table.contacts-list .stud-table .add-wrapp.sub-add .add-btn:hover { background: #0274d6; border-color: #0274d6;}



.dash-wrapp .inner-row1 .grade-box { width: 100%; display: block; margin: 10px auto 0 auto; position: relative; float: left; padding-left: 35px;}

.dash-wrapp .inner-row1 .grade-box h4 { width: 100%; float: left; font-size: 16px; line-height: 22px; font-weight: bold; color: #0274d6; margin: 0 0 0; font-family: 'Open Sans', sans-serif;}


.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .signature-pad--body { width: 100%; float: left; display: block; margin: 0 auto 5px; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .signature-pad--body canvas.signature-pad { width: 100%; border-radius: 8px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .btn-clear { width: 100%; float: none; display: block; color: #ffffff; border: 1px solid #0274d6; background: #0274d6; border-radius: 5px; padding: 6px 20px 6px 20px; line-height: normal; font-size: 14px; margin: 5px 0 15px 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .btn-clear:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}


.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas p { font-size: 14px; line-height: 18px; display: block; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas p a { color: #0274d6; cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas p a:hover { color: #a5aa4d;}




.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .student-table.common-table { padding: 0; border-radius: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .student-table.common-table .stud-table { min-width: inherit;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .student-table.common-table .stud-table tbody tr { border-bottom: 1px solid #63a4dc; display: flex; flex-wrap: wrap; height: auto; width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .student-table.common-table .stud-table tbody tr td { padding: 6px 10px; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .student-table.common-table .stud-table tbody tr td:first-child { width: 25%; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .student-table.common-table .stud-table tbody tr td:last-child { width: 75%; border-left: 1px solid #63a4dc;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .student-table.common-table .stud-table tbody { border: 1px solid #63a4dc;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .student-table.common-table .stud-table tbody tr:last-child { border-bottom: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .student-table.common-table .stud-table tbody tr td label.checkbox { margin: 0; padding: 0 0 0 18px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.grade-canvas .student-table.common-table .stud-table tbody tr td img { width: auto; display: block; margin: 0 0 0; height: auto; max-width: 100%; border-radius: 5px;}




.dash-wrapp .inner-row1 .student-table table tr td .confirm_delete { color: #af0028; font-weight: bold;}

.dash-wrapp .inner-row1 .student-table table tr td .confirm_delete:hover { color: #0274d6;}


.dash-wrapp .inner-row1 .common-table.invo-wrapp .stud-table { border-bottom: 1px solid #fcfcfc; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .common-table.invo-wrapp .stud-table tbody tr:last-child td { padding-bottom: 20px;}

.dash-wrapp .inner-row1 .common-table.invo-wrapp .stud-table:last-child { border: 0; margin-bottom: 0;}

.dash-wrapp .inner-row1 .common-table.invo-wrapp .stud-table:last-child tbody tr:last-child td { padding-bottom: 10px;}



.dash-wrapp .inner-row1 .student-table table tr td .text-field.single-row { display: flex; flex-wrap: wrap; position: relative; margin: 0 0 0; align-items: center;}

.dash-wrapp .inner-row1 .student-table table tr td .text-field.single-row p { font-weight: bold; padding-right: 15px;}

.dash-wrapp .inner-row1 .student-table table tr td .text-field.single-row .form-control { width: fit-content;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr td button.edit-btn { background: transparent; border: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr td button.delete-btn { margin: 0 auto; width: auto; padding: 0; border: 0;}



.dash-wrapp .inner-row1 .student-table table tr td span.qb-load { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: fit-content; min-width: 30px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #747474; padding: 5px;}

.dash-wrapp .inner-row1 .student-table table tr td span.qb-load a { width: 100%; display: block; float: left; position: relative; margin: 0 auto;}

.dash-wrapp .inner-row1 .student-table table tr td span.qb-load img { width: 100%; display: block; margin: 0 auto; height: auto; object-fit: contain; max-width: 30px; min-width: 30px; min-height: 30px; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out;}

.dash-wrapp .inner-row1 .student-table table tr td span.qb-load a:hover { opacity: 0.7;}



.dash-wrapp .inner-row1 .student-table table tr td span.qb-active { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: fit-content; min-width: 30px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #2c9f1c; padding: 5px;}
 
.dash-wrapp .inner-row1 .student-table table tr td span.qb-active img { width: 100%; display: block; margin: 0 auto; height: auto; object-fit: contain; max-width: 30px; min-width: 30px; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out;}


.dash-wrapp .inner-row1 .student-table table tr td img { max-width: 100px;}

.dash-wrapp .inner-row1 .student-table table tr td small { margin-left: 5px;}







/*##### Pagination Style #####*/

.pagination_new_style { width: 100%; float: left; margin: 10px 0 15px 0; position: relative; display: block;}

.pagination_new_style .row { align-items: center;}

.pagination_new_style .dataTables_info { color: #000000; line-height: 22px; font-size: 14px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 500; margin: 0 0 20px}

.pagination { justify-content: right; position: relative; float: right; margin: 0 0 20px; border-radius: 5px; border: 0; align-items: center;}

.pagination li { color: #000000; line-height: 22px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 500; display: inline-block;}

.pagination li a { position: relative; color: #000000; float: left; padding: 6px 15px; line-height: normal; text-decoration: none; background-color: #ffffff; border: 1px solid #a5ab4d; border-radius: 2px; margin: 0 2px;}

.pagination li a:hover { color: #ffffff; background-color: #a5aa4d;}

.pagination li.prev a { position: relative; color: #000000; float: left; padding: 6px 15px; line-height: normal; text-decoration: none; background-color: transparent; border: 0; border-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}

.pagination li.prev a:hover { color: #0274d6; }

.pagination li.next a { position: relative; color: #000000; float: left; padding: 6px 15px; line-height: normal; text-decoration: none; background-color: transparent; border: 0; border-radius: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}

.pagination li.next a:hover { color: #0274d6; }

.pagination li.active a { position: relative; color: #ffffff; float: left; padding: 6px 15px; line-height: normal; text-decoration: none; background-color: #a5ab4d; border: 1px solid #a5ab4d; border-radius: 0;}
 

button.delete-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #af0028; border-radius: 5px; padding: 6px 20px; background: #af0028; line-height: normal; font-size: 14px; margin: 0 auto 15px; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 600;}

button.delete-btn:hover { background: #a5aa4d; border-color: #a5aa4d;}





/*##### Add Student Forms #####*/

.dash-wrapp .inner-row1 .add-stud-row { width: 100%; float: left; background: #d9dcde; border-radius: 12px; padding: 30px 15px; margin: 0 0 26px; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group { width: 100%; float: left; display: block; margin: 0 auto 20px; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .add-head { width: 100%; display: block; margin: 0 0 0; position: relative; float: left; padding: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group h2 { font-size: 20px; line-height: 28px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 16px; padding: 0 10px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field { float: left; margin: 0 0 20px 0; position: relative; display: block;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.btn-col { margin: 0 0 10px 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .forgot-pass { font-size: 13px; text-align: right; width: 100%; display: block; margin-top: 5px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .forgot-pass a { color: #0074dc;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .forgot-pass a:hover { color: #a5aa4d;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field label { width: 100%; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; min-height: 18px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .form-control { width: 100%; height: 33px; font-size: 12px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 10px; background: #ffffff; border: 1px solid #ffffff; outline: none !important; box-shadow: none;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .form-control::placeholder { color: #696b6c;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field textarea.form-control { min-height: 75px; resize: vertical; max-height: 180px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field select.form-control { -webkit-appearance: none; background: url(../images/select-arrow.svg) no-repeat 95% #ffffff; cursor: pointer; background-size: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .search-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 6px 17% 6px 17%; background: #a5aa4d; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .search-btn:hover { color: #ffffff; border: 1px solid #ffffff; background: #0274d6;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.box2 { width: 48.25%; margin-right: 3.5%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.box3 { width: 48.25%; float: right; margin-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.mr-1 { margin-right: 3.5%;}
 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.mr-0 { margin-right: 0%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box { width: 100%; height: auto; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 0; position: relative; float: left; justify-content: flex-start;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox { width: 32%; padding-left: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: inline-block; position: relative; margin: 5px 2% 5px 0; font-size: 12px; line-height: 18px; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox:last-child { margin-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox input { position: absolute; opacity: 0; cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox .checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; border-radius: 2px; background-color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox input:checked ~ .checkmark { background-color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox input:checked ~ .checkmark:after { display: block;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.Business-field .checkbox { width: 100%; margin-right: 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; display: block; background: url('../images/date.svg') no-repeat; width: 33px; height: 33px; border-width: thin; cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .form-control.calender { padding: 0 0 0 10px; border: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .add-btn { width: 150px; float: left; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 25px 6px 25px; line-height: normal; font-size: 14px; margin: 0 15px 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .add-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .cancel-btn { width: 150px; float: left; display: inline-block; color: #ffffff; background: #0274d6; border: 1px solid #0274d6; border-radius: 5px; padding: 6px 25px 6px 25px; line-height: normal; font-size: 14px; margin: 0 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .cancel-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.wfull { width: 100%; margin: 20px 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .sendnow-btn { width: fit-content; float: left; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 8px 35px 8px 35px; line-height: normal; font-size: 14px; margin: 0 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .sendnow-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field input[type="file"]::file-selector-button { border: 0; padding: 5px 10px; height: 33px; border-radius: 2px; background-color: #a5aa4d; transition: 1s; color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field input[type="file"]::file-selector-button:hover { background: #0274d6 !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field span.hint { width: 100%; float: left; display: block; margin: 6px 0 5px; padding: 0 0 0; font-size: 12px; line-height: 16px; font-weight: 400; color: #000000; position: relative; font-style: italic; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .uplod-col1 span.text-danger { width: 100%; float: left; display: block; margin: 0 0 0; padding: 0 0 0; font-size: 12px; line-height: 16px; font-weight: 400; color: #af0028 !important; position: relative; font-style: italic;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .smp-lightbox { max-width: 100%; display: block; margin: 0 0 0; background: #ffffff; padding: 5px; border-radius: 3px;}


.dash-wrapp .inner-row1 .add-stud-row.update-row { background: transparent; padding: 0 15px; margin: 15px 0 15px;}
 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .add-atten-btn { width: fit-content; float: left; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 25px 6px 25px; line-height: normal; font-size: 14px; margin: 0 15px 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .add-atten-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.blue-wrapp .text-field .add-atten-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.blue-wrapp .text-field .add-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .add-atten-btn.full-btn { width: 100%; margin: 0 0 0;}



.box-sub-head { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.box-sub-head h2 { width: 100%; float: left; font-size: 21px; line-height: 26px; font-weight: bold; color: #0274d6; margin: 15px 0 18px;}

.box-sub-head h3 { width: 100%; float: left; font-size: 21px; line-height: 26px; font-weight: bold; color: #0274d6; margin: 0 0 18px; font-family: 'Open Sans', sans-serif;}
 
.box-sub-head p { width: 100%; float: left; font-size: 14px; line-height: 18px; display: block; font-weight: 500; color: #a5ab4d; font-family: 'Open Sans', sans-serif; position: relative; margin: 0 0 18px; font-style: italic;} 

.dash-wrapp .inner-row1 .common-table .add-head { width: 100%; display: block; margin: 0 0 0; position: relative; float: left; padding: 0 10px;}

.dash-wrapp .inner-row1 .common-table .add-head h2 { font-size: 20px; line-height: 28px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 16px; padding: 0 10px;}

.dash-wrapp .inner-row1 .common-table .add-head h3 { font-size: 18px; line-height: 22px; font-weight: bold; color: #0274d6; position: relative; font-family: 'Open Sans', sans-serif; margin: 10px 0 10px; padding: 0 5px;}

.dash-wrapp .inner-row1 .common-table.over-size table.stud-table { min-width: 1050px;}

.dash-wrapp .inner-row1 .common-table.over-size { padding-top: 30px;}

.dash-wrapp .inner-row1 .common-table .add-head h2 .grp-btn { font-size: 18px; color: #a5aa4d;}

.dash-wrapp .inner-row1 .common-table .add-head h2 .grp-btn:hover { color: #0274d6;}


 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .calender-input { position: relative; display: flex; flex-wrap: wrap; width: 100%; align-items: center; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .calender-input .form-control.datepickers { margin: 0; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .calender-input .ui-datepicker-trigger { width: 33px; height: auto; right: 0; position: absolute; display: block; float: right; border-top-right-radius: 6px; border-bottom-right-radius: 6px; cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row.bill-wrapp { margin: 0 0 0; padding-bottom: 0;}




.paymentbox-head { width: 100%; display: block; margin: 10px 0 10px; position: relative; float: left; text-align: center;}

.paymentbox-head h2 { width: 100%; float: left; font-size: 22px; line-height: 26px; font-weight: bold; color: #0274d6; margin: 0 0 15px; font-family: 'Open Sans', sans-serif;}

.paymentbox-head h3 { width: 100%; float: left; font-size: 18px; line-height: 24px; font-weight: bold; color: #0274d6; margin: 0 0 15px; font-family: 'Open Sans', sans-serif;}



.dash-wrapp .inner-row1 .add-stud-row .payment-box1 { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}
 
.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tab { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; margin: 0 0 0; background-color: #fcfcfc; height: 100%; border-radius: 8px; padding: 5px;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tab .tablinks { float: left; background-color: #fcfcfc; color: #000000; padding: 5px 10px; width: 49%; border: none; margin: 0 0 0; outline: none; text-align: center; cursor: pointer; transition: 0.3s; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 5px;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tab .tablinks img.payment-image { width: auto; display: block; margin: 0 0 0; height: auto; max-width: 100%; padding: 5px;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tab .tablinks:hover { background-color: #cfd7e3;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tab .tablinks.active { background-color: #cfd7e3;}


.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tabcontent { width: 100%; float: left; padding: 20px 12px 15px 12px; border: 1px solid #cfd7e3; height: auto; background: #f5f6f9; border-radius: 8px; margin: 10px auto 0;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tabcontent .card-payment { width: 100%; display: block; margin: 0 auto; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tabcontent .card-payment .payment-btn { width: 100%; float: none; display: block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 6px 20px 6px 20px; background: #a5aa4d; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold; max-width: 500px;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tabcontent .card-payment .payment-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tabcontent .card-payment .form-group .text-fields .text-field label { text-align: left;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tabcontent .card-payment .form-group .text-fields .text-field .form-control { border: 1px solid #cfd7e3;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tabcontent .card-payment .form-group .text-fields .text-field .card-number { background-image: url(../images/pay-img.png), url(../images/pay-img.png); background-position: 2px -121px, 260px -61px; background-repeat: no-repeat; background-size: 120px 361px, 120px 361px; padding-left: 54px; width: 290px; max-width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .tabcontent .card-payment .form-group .text-fields .text-field.new-sec .checkbox .checkmark { border: 1px solid #cfd7e3; height: 18px; width: 18px;}


.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .col-sm-3.text-field { padding-left: 0;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row { margin: 0 auto;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.password .checkbox { width: fit-content; padding-left: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: inline-block; position: relative; margin: 0 2% 0 0; font-size: 12px; line-height: 18px; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.password .checkbox:last-child { margin-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.password .checkbox input { position: absolute; opacity: 0; cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.password .checkbox .checkmark { position: absolute; display: block; top: 0; left: 0; height: 16px; width: 16px; border-radius: 2px; background-color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.password .checkbox input:checked ~ .checkmark { background-color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.password .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.password .checkbox input:checked ~ .checkmark:after { display: block;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.password .checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


.dash-wrapp .inner-row1 .client-add .btn-client { width: auto; color: #000000; padding: 0; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 0px 0; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .client-add .btn-client:hover { color: #0274d6; }

.dash-wrapp .inner-row1 .client-add .btn-client i { width: auto; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 12px 15px 10px 15px; background: #a5aa4d; line-height: 12px; font-size: 11px; margin: 0 15px 0 0; position: relative; outline: none;}

.dash-wrapp .inner-row1 .client-add .btn-client:hover i { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}
 

.dash-wrapp .inner-row1 .client-add.grade-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;}

.dash-wrapp .inner-row1 .client-add.grade-row .btn-client i { padding: 10px 14px 10px 14px; line-height: 13px; font-size: 11px; margin: 0 10px 0 0;}

.dash-wrapp .inner-row1 .client-add.grade-row .btn-client { margin-left: 20px;}

.dash-wrapp .inner-row1 .client-add.grade-row .btn-client:first-child { margin-left: 0;}





.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .upload-rows .text-field .new-sec { margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.new-sec .checkbox { width: fit-content; padding-left: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: inline-block; position: relative; margin: 10px 5% 10px 0; font-size: 12px; line-height: 18px; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.new-sec .checkbox:last-child { margin-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.new-sec .checkbox input { position: absolute; opacity: 0; cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.new-sec .checkbox .checkmark { position: absolute; display: block; top: 0; left: 0; height: 16px; width: 16px; border-radius: 2px; background-color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.new-sec .checkbox input:checked ~ .checkmark { background-color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.new-sec .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.new-sec .checkbox input:checked ~ .checkmark:after { display: block;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.new-sec .checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}




.dash-wrapp .inner-row1 .add-stud-row .robot-box { width: 100%; display: block; margin: 15px 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .robot-box h3 { color: #000000; line-height: 22px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: bold; margin: 0 0 20px;}

.dash-wrapp .inner-row1 .add-stud-row .robot-box h3 a { color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .robot-box h3 a:hover { color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .robot-box .robot-img { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .robot-box .robot-img img { width: auto; max-width: 200px; display: block; margin: 0 0 0; height: auto;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .add-wrapp.reg-add.cls-reg .reg-btn { margin-top: 0; padding: 8px 10px; margin-bottom: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg { align-items: flex-end;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .cke_browser_webkit { width: 100%; display: block; margin: 0 0 0; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .cke_browser_webkit .cke_contents { max-height: 180px !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.new-sec .checkbox .tool i { font-size: 14px; margin-left: 4px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .uplod-col1 { width: 100%; display: flex; margin: 0 0 15px; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .uplod-col1 .uplod-box2 { width: fit-content; float: right; margin-left: 5%; position: relative; display: block;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .uplod-col1 .uplod-box1 { width: -webkit-fill-available; margin: 0 0 0; position: relative; float: left; display: block;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .uplod-col1 .uplod-box2 .reg-btn { margin-top: 0; margin-bottom: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.full-width { flex-wrap: nowrap;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .upload-rows { width: 100%; display: flex; flex-wrap: wrap;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .upload-rows .student-table.uplod-tbl { width: 50%; padding: 0 0 0 30px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .upload-rows .uplod-tbl .stud-table { min-width: 350px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .upload-rows .uplod-tbl .stud-table tr th:first-child { padding-left: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .upload-rows .uplod-tbl .stud-table tr td:first-child { padding-left: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .upload-rows .uplod-tbl .stud-table tr th:last-child { padding-right: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .upload-rows .uplod-tbl .stud-table tr td:last-child { padding-right: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .upload-rows .uplod-tbl p { color: #272425; line-height: 18px; font-size: 13px; font-weight: bold; font-family: 'Open Sans', sans-serif;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.uplod-tb2 { padding: 0; margin: 0 0 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .text-field.option-wrapp.uplod-tb2 { padding-left: 15px; padding-right: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .upload-rows .uplod-tb2 p { color: #272425; line-height: 18px; font-size: 13px; font-weight: bold; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .upload-rows .text-field .radio-box .checkbox { width: fit-content;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .text-field.option-wrapp p { color: #272425; line-height: 18px; font-size: 13px; font-weight: bold; font-family: 'Open Sans', sans-serif;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .cost-row { margin: 20px 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .cost-row .col-sm-5 { padding-left: 0; padding-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .cost-row p { color: #272425; line-height: 32px; font-size: 13px; font-weight: bold; vertical-align: middle; font-family: 'Open Sans', sans-serif; text-align: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .nt-cost { width: 100%; padding: 0 0; float: left; margin: 20px 0 20px; text-align: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .nt-cost label { width: auto; float: left; display: inline-block; color: #ffffff; border: 1px solid #0274d6; background: #0274d6; border-radius: 5px; padding: 6px 20px 6px 20px; line-height: normal; font-size: 14px; margin: 0 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

/*.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .nt-cost label:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}*/


.dash-wrapp .inner-row1 .add-stud-row .form-group .cost-row2 { margin: 20px 0 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .cost-row .col-sm-6.pl-0 { padding-left: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .cost-row .col-sm-6.pr-0 { padding-right: 0;}


.dash-wrapp .inner-row1 .add-stud-row .addon-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #04ab47; border-radius: 5px; padding: 10px 15px; background: #04ab47; line-height: 12px; font-size: 11px; margin: 10px auto 10px auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700; cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row .addon-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}



.dash-wrapp .inner-row1 .fixed-tabs { width: 100%; float: left; display: block; margin: 0 0 0; position: relative;}

.dash-wrapp .inner-row1 .fixed-tabs .add-stud-row { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .help-block { font-size: 12px; line-height: 16px; display: block; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative; margin: 5px 0 5px;}

.dash-wrapp .inner-row1 .add-stud-row .fixed-tabs .form-group .text-fields .add-btn { margin: 0 0 0; width: auto; padding: 10px 15px 10px 15px;}

.dash-wrapp .inner-row1 .add-stud-row .fixed-tabs .form-group .text-fields .add-wrapp.sub-add { padding: 0; right: 0; top: 0; margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row #fixed_date_div.fixed-tabs .form-group .text-fields { padding-right: 55px;}

.dash-wrapp .inner-row1 .add-stud-row #fixed_date_div.fixed-tabs .form-group .text-fields .col-sm-3:first-child { padding-left: 0;}


.dash-wrapp .inner-row1 .add-stud-row .fixed-tabs .form-group .text-fields .radio-box { width: 100%; height: auto; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 0; position: relative; float: left; justify-content: flex-start;}

.dash-wrapp .inner-row1 .add-stud-row .fixed-tabs .form-group .text-fields .radio-box .checkbox { width: 100%; margin: 0 0 10px;}
 
.dash-wrapp .inner-row1 #recursive_date_div.fixed-tabs .form-group.add-box .text-fields { padding: 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .text-field.option-wrapp { padding-top: 20px; border-top: 1px solid #fcfcfc; margin-top: 15px; border-radius: 0;}

.dash-wrapp .inner-row1 #recursive_date_div.fixed-tabs .form-group.add-box .text-field .radio-box .checkbox { width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .delete-btn { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden;}
 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .delete-btn img { width: 100%; display: block; margin: 0 auto; height: auto; object-fit: contain; max-width: 30px; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .delete-btn .tbl-icon { width: fit-content; min-width: 30px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #af0028; padding: 5px;}
 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .delete-btn:hover span.tbl-icon { opacity: 0.7;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .edit-btn { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden;}
 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .edit-btn img { width: 100%; display: block; margin: 0 auto; height: auto; object-fit: contain; max-width: 30px; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .edit-btn .tbl-icon { width: fit-content; min-width: 30px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #a5aa4d; padding: 5px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .edit-btn:hover span.tbl-icon { opacity: 0.7;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.del-row .delete-btn .tbl-icon img { max-width: 25px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .col-1.del-row { padding: 0;}

 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field table tr td.action-box a { margin: 0 0; width: fit-content;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .add-row .add-wrapp.sub-add { position: relative; width: fit-content; min-width: 30px; float: none; margin: 0 auto; border-radius: 5px; overflow: hidden; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .col-md-1.add-row { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .col-md-1.add-row .add-btn { width: auto; display: inline-block; color: #ffffff; border: 1px solid #04ab47; border-radius: 5px; padding: 10px 15px; background: #04ab47; line-height: 12px; font-size: 11px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}
 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .col-md-1.add-row .add-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}
 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .add-text p { color: #272425; line-height: 18px; font-size: 13px; font-weight: bold; font-family: 'Open Sans', sans-serif; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .fixed-tabs .add-stud-row .form-group .text-fields #recursive_period_details_div .text-field.new-sec { margin: 0 0 5px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.week-col { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.week-col p { width: initial; color: #272425; line-height: 18px; font-size: 12px; font-weight: 600; font-family: 'Open Sans', sans-serif; margin: 10px 2% 10px 0;}
 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.week-col select.form-control { width: initial; min-width: 15%; margin-right: 2%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.week-col select.form-control.year-no { min-width: 10%;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .upload-rows h2 { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane { display: none;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane.show { display: flex;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.new-sec { margin: 0 0 10px;}


.box-sub-head.tabs-wrapper ul li.nav-item { width: fit-content; float: left;}

.box-sub-head.tabs-wrapper ul li.nav-item .nav-link { padding: 10px 15px; display: inline-block; color: #ffffff; background: #0274d6; border-radius: 0; font-size: 14px; line-height: 26px; font-weight: bold; margin: 0 0 18px 0; font-family: 'Open Sans', sans-serif; border: 0.5px solid #cfd7e3;}

.box-sub-head.tabs-wrapper ul li.nav-item .nav-link:hover { background: #a4ac44;}

.box-sub-head.tabs-wrapper ul li.nav-item .nav-link.active { background: #a4ac44;}


.box-sub-head.edit-wrapper { margin: 0 0 28px;}

.box-sub-head.edit-wrapper ul li.nav-item { width: fit-content; float: left;}

.box-sub-head.edit-wrapper ul li.nav-item .nav-link { padding: 4px 10px; display: flex; flex-wrap: wrap; align-items: center; color: #ffffff; background: #0274d6; border-radius: 5px; font-size: 14px; line-height: 28px; font-weight: bold; margin: 0 5px 5px 0; font-family: 'Open Sans', sans-serif; border: 0.5px solid #cfd7e3;}

.box-sub-head.edit-wrapper ul li.nav-item .nav-link:hover { background: #a4ac44;}

.box-sub-head.edit-wrapper ul li.nav-item .nav-link.active { background: #a4ac44;}

.box-sub-head.edit-wrapper ul li.nav-item .nav-link .qb-img { width: auto; display: inline-block; height: 20px; max-width: 100%; margin: 0 5px 0 0;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table { padding: 0 0 10px 0; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table .row.inform-col { margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr th { padding-left: 10px; padding-right: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr td { padding-left: 10px; padding-right: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr th .checkmark { display: inline-block; position: absolute;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr th label.checkbox { padding-left: 25px; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr td span.green-text { display: block; color: #04ab47; line-height: 18px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr th:first-child { padding-left: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr td:first-child { padding-left: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr th:last-child { padding-right: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr td:last-child { padding-right: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr td.click-tbn { padding-left: 15px !important; padding-right: 15px !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr td .checkmark { display: inline-block; position: absolute;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr td label.checkbox { padding-left: 25px; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table .inform-col .add-btn { margin: 25px 0 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table #moreClassTime table tr th { font-size: 0; padding-top: 0; padding-bottom: 0; opacity: 0; line-height: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table #moreClassTime table tr th label.checkbox { line-height: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table #moreClassTime table tr th label.checkbox .checkmark { display: none;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane button.delete-btn { margin: 25px 0 40px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr td .add-wrapp.sub-add { position: relative; right: 0; top: 0; margin: 0 auto; float: none; width: fit-content;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr td .add-wrapp.sub-add .add-btn { color: #ffffff; background: #a4ac44; border-color: #a4ac44;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .student-table table tr td .add-wrapp.sub-add .add-btn:hover { background: #0274d6; border-color: #0274d6;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .add-items .text-field { margin: 0 0 0; padding: 0; width: 48%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .add-items .text-field:nth-child(2n) { float: right; margin-left: 4%;}



/*.dash-wrapp .inner-row1 .add-stud-row.tab-content.steams-tab-pane { padding-left: 0; padding-right: 0;}*/

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .inform-col { width: 100%; margin: 0; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.inform-col { width: 100%; display: flex; flex-wrap: wrap; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.inform-col label.steams-check { width: fit-content; float: left; margin: 5px 2% 5px 0;}
 


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field label.lr-pad { padding: 0 15px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .daysbefore { display: flex;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .daysbefore .form-control {width: inherit; float: left; display: inline-block;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .daysbefore p { width: initial; color: #272425; line-height: 18px; font-size: 11px; font-weight: 500; font-family: 'Open Sans', sans-serif; margin: 8px 0 6px 10px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .tokenfield.form-control { height: auto; min-height: inherit; float: left; padding-top: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .tokenfield.form-control input { height: auto; max-width: 100%; margin: 0 0;}




.colorPickSelector { position: absolute; top: 0; left: 0; height: 16px; width: 16px; border-radius: 2px; background-color: #ffffff; cursor: pointer; -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -ms-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; }

.colorPickSelector:hover { transform: scale(1); }

.duration-forms { padding: 0;}


.dash-wrapp .inner-row1 .add-stud-row .submit-loader { width: 100%; float: left; margin: 0 0 20px; display: flex; align-items: center; color: #04ab47; line-height: 18px; font-size: 16px; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .submit-loader img { width: auto; border-radius: 0.25rem 0.25rem 0 0; display: inline-block; margin: 0 5px 0 0; max-height: 40px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .inform-col .text-info1 p { color: #272425; line-height: 18px; font-size: 13px; font-weight: bold; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .inform-col .text-info1 p a { color: #0274d6; display: inline-block;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .inform-col .text-info1 p a:hover { color: #a4ac44;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg .upload-rows1 { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg .upload-rows1 .student-table { padding: 0 0 10px; border-radius: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg .upload-rows1 .student-table .add-btn-col { width: 100%; display: block; margin: 10px auto 0 auto; float: left; padding: 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg .upload-rows1 .add-btn-col .addon-btn { font-size: 14px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div { margin-top: 20px; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .add-btn-col .addon-btn { font-size: 12px; margin: 0 0 0; width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div button.bs-placeholder.form-control1 { width: 100%; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c !important; border-radius: 6px; line-height: normal; padding: 7px 15px; background: #ffffff !important; border: 1px solid #ffffff; position: relative; display: block; text-align: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu { color: #ffffff !important; background-color: #0274d6 !important; padding: 10px!important; border: none!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-height: 300px !important; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .bs-searchbox .form-control { width: 100%; height: 33px; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 15px; background: #ffffff; border: 1px solid #ffffff; position: relative; display: block; text-align: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .btn-group { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .btn-group .actions-btn { width: 49%; flex: inherit; float: none; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 6px 15px 6px 15px; background: #a5aa4d; line-height: normal; font-size: 12px; margin: 5px 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .btn-group .actions-btn:hover { color: #ffffff; border: 1px solid #ffffff; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .btn-group .actions-btn:nth-child(2n) { margin-left: 2%;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div button.btn.dropdown-toggle.form-control1 { padding: 0 !important; border: 0; margin: 0 0 5px; -webkit-appearance: none; background: url(../images/select-arrow.svg) no-repeat 95% #ffffff !important; cursor: pointer; background-size: 10px !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div button.btn.dropdown-toggle.form-control1:after { display: none;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .inner.show { max-height: 190px !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .dropdown-menu.inner li { position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .dropdown-menu.inner li.dropdown-divider.optgroup-2div { border-color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .dropdown-menu.inner li.dropdown-divider.optgroup-3div { border-color: #ffffff;}
 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .dropdown-menu.inner li a.opt.optgroup_style.dropdown-item { position: relative; margin: 0 0 5px !important; color: #fff!important; font-size: 14px!important; padding: 5px 10px!important; line-height: normal; border-radius: 5px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .dropdown-menu.inner li a.opt.optgroup_style.dropdown-item:hover { color: #ffffff; background-color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .dropdown-menu .dropdown-menu.inner li a.opt.optgroup_style.dropdown-item .text { font-size: 13px!important; margin: 0 0 0;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields #group_add_div .bootstrap-select .dropdown-toggle .filter-option { width: 100%; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c !important; border-radius: 6px; line-height: normal; padding: 7px 15px; background: #ffffff !important; border: 1px solid #ffffff; position: relative; display: inline-block; text-align: left;}



.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.btn-full .btn.search-btn { width: 100%; padding: 6px 20px 6px 20px;}

 


.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field .calender-input { position: relative; display: flex; flex-wrap: wrap; width: 100%; align-items: center; margin: 0 0 0;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field .calender-input .form-control.datepickers { margin: 0; }

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field .calender-input .ui-datepicker-trigger { width: 33px; height: auto; right: 0; position: absolute; display: block; float: right; border-top-right-radius: 6px; border-bottom-right-radius: 6px; cursor: pointer;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .addnow-btn {width: fit-content; float: left; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 35px 6px 35px; line-height: normal; font-size: 14px; margin: 23px 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .addnow-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .view-file { width: 100%; display: block; margin: 10px 0 0; text-align: center; position: relative;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .view-file .view-btn { width: fit-content; float: none; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 25px 6px 25px; line-height: normal; font-size: 14px; margin: 0 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .view-file .view-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .view-file .view-btn i { margin-right: 5px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field select.form-control.multi-field { height: auto; background-image: none;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .send-btn {width: fit-content; float: left; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 35px 6px 35px; line-height: normal; font-size: 14px; margin: 23px 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .send-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


 



/*##### Edit Profile #####*/

.dash-wrapp .inner-row1 .add-stud-row.edit-row { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp { background: #0274d6; border-radius: 12px; padding: 30px 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp h2 { color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .edit-contact-row { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 20px; padding: 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows .text-field { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows .text-field label { margin: 0 0 0; color: #ffffff; font-weight: 600; line-height: 16px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows .text-field.new-sec .checkbox { margin: 0 0 0; color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .edit-contact-row .text-fields .text-field label { color: #ffffff;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .add-stud-row.update-row { margin: 20px 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .add-stud-row.update-row .form-group .text-fields .text-field .cancel-btn { border: 1px solid #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .add-stud-row.update-row .form-group .text-fields .text-field .add-btn { border: 1px solid #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows .text-field.new-sec .checkbox input:checked ~ .checkmark { background-color: #a5aa4d;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows .col-sm-4.text-field { padding-right: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows .text-field.pr-1 { padding-right: 15px;}

 
.dash-wrapp .inner-row1 .add-stud-row.edit-row .form-group .tab-pane form { padding: 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .default-bg { background: #dadddf; border-radius: 12px; padding: 30px 10px;}
 
.dash-wrapp .inner-row1 .add-stud-row .form-group .default-bg .edit-contact-row { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .default-bg .add-stud-row.update-row { margin: 20px 0 0;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .inform-col.business-row1 { width: 98%; background: #dadddf; margin: 0 1% 20px; border-radius: 12px; padding: 25px 5px 25px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .inform-col.business-row1 label { margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .inform-col.business-row1 .text-field { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .inform-col.business-row1 .text-field.business-col1 .uplod-col1 .uplod-box1 input[type="file"]::file-selector-button { border: 8; padding: 5px 10px; height: 33px; border-radius: 2px; background-color: #0274d6; transition: 1s; color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .inform-col.business-row1 .text-field.business-col1 .uplod-col1 .uplod-box1 input[type="file"]::file-selector-button:hover { background: #ffffff !important; color: #0274d6;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .inform-col.business-row1 .current-img { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .inform-col.business-row1 .current-img img { width: 100%; max-width: 80px; display: block; margin: 0 0 0; height: auto; object-fit: contain; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .con-delbtn { width: 100%; float: left; display: block; margin: 10px 0 0; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #0274d6; position: relative; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .con-delbtn:hover { color: #a4ac44;}

 

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .add-stud-row.buslogo-row { margin: 0 0 20px; background: transparent; padding: 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .add-stud-row.buslogo-row .form-group .text-fields .text-field .cancel-btn { border: 1px solid #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .add-stud-row.buslogo-row .form-group .text-fields .text-field .add-btn { border: 1px solid #a5aa4d;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp ul.payment-tab { width: 100%; padding: 0 10px; margin-bottom: 25px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp ul.payment-tab li.nav-item .nav-link { padding: 4px 10px; display: inline-block; color: #ffffff; background: #a4ac44; border-radius: 5px; font-size: 14px; line-height: 28px; font-weight: bold; margin: 5px 5px 5px 0; font-family: 'Open Sans', sans-serif; border: 1px solid #a4ac44;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp ul.payment-tab li.nav-item .nav-link.active.show { color: #ffffff; background: #0273D6; border: 1px solid #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp ul.payment-tab li.nav-item .nav-link:hover { color: #ffffff; background: #0273D6; border: 1px solid #ffffff;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab .row.tab-pane { display: none;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab .row.tab-pane.show { display: flex;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .form-tip { width: 100%; display: inline-block; margin: 0 auto; position: relative; float: none; padding: 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .form-tip h6 { width: 100%; float: left; display: block; margin: 0 0 15px; padding: 6px 15px; font-size: 14px; line-height: 28px; font-weight: bold; color: #dc3545; border-radius: 5px; position: relative; font-family: 'Open Sans', sans-serif; background: #ffffff; text-align: center;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab .row.tab-pane .instruction-box {width: 98%;display: block;margin: 0 auto 25px;float: none;padding: 20px 15px;background: #cfd7e3;border-radius: 12px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab .row.tab-pane .instruction-box p {color: #0274d6;line-height: 24px;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: bold;margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab .row.tab-pane .instruction-box ol { width:100%; float: none; counter-reset: my-awesome-counter; margin:0 auto 0; position: relative; padding-left:15px; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab .row.tab-pane .instruction-box ol li {font-size: 14px;color: #000000;line-height: 24px;counter-increment: step-counter;padding-left:15px;width: auto;margin: 0 auto 8px;position: relative;font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab .row.tab-pane .instruction-box ol li a { color: #0274d6; font-weight:bold; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab .row.tab-pane .instruction-box ol li a:hover { color: #000000; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab .row.tab-pane .instruction-box ol li:before { content: counter(step-counter)'.'; margin-right: 0px; position: absolute; left: 0px; color: #0274d6; font-size: 14px; top: 0; font-weight: 600;}

 


.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .add-stud-row.update-row .click-btn p { font-size: 14px; line-height: 18px; display: block; font-weight: 500; color: #ffffff; font-family: 'Open Sans', sans-serif; position: relative; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .add-stud-row.update-row .click-btn p a { color: #a5aa4d; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .add-stud-row.update-row .click-btn p a:hover { color: #ffffff;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows .note-box { margin-top: 15px; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows .note-box p { font-size: 14px; line-height: 18px; display: block; font-weight: 500; color: #b30000; font-family: 'Open Sans', sans-serif; position: relative; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows .note-box p span { font-family: 'Open Sans', sans-serif; display: block;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab.edit-row .row.tab-pane { margin: 0 auto;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg .tab-content.payment-tab.edit-row { padding: 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check1.alrt-checkbox { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check1.alrt-checkbox .text-field { margin: 0 0 25px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check1.alrt-checkbox .text-field label { margin: 0;} 



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.leads-row { margin: 10px 0 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.leads-row .row { width: 100%; margin-top: 10px; float: left; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.leads-row .checkbox { font-size: 12px;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.reminder-row1 { align-items: flex-start;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .grade-table-row { margin: 0 auto; width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.connect-row1 form { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .form-tip.connect-col1 h6 { text-align: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .form-tip.connect-col1 .badge { padding: 8px 10px; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; line-height: 11px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .tab-pane h4 { font-size: 16px; line-height: 28px; font-weight: bold; color: #ffffff; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 20px; padding: 0 10px 10px;border-bottom: 1px solid #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .tabs-subcont { width: 100%; display: block; margin: 0 0 0; position: relative; float: left; padding: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .tabs-subcont p {font-size: 14px;line-height: 28px;font-weight: normal;color: #ffffff;position: relative;font-family: 'Open Sans', sans-serif;margin: 0 0 20px;padding: 0 10px;font-style: italic;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows { width: 100%; display: block; float: left; margin: 0 0 20px; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .text-field { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .text-field label { margin: 0 0 10px; color: #ffffff; font-weight: 600; line-height: 16px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .text-field .checkbox { width: 100%; margin-right: 0; color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .text-field .checkbox input:checked ~ .checkmark { background-color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .text-field #buttonList { margin-top: 20px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .col-sm-4.text-field.new-sec { width: 250px; max-width: 580px; float: left; margin: 0 15px 0 0}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows #myImage1 { float: none; width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows #buttonPreviewBox { float: left; width: fit-content;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows #buttonPreviewBox h3 { width: auto; display: block; padding: 0 0 0; font-size: 14px; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 10px; color: #ffffff; font-weight: 600; line-height: 16px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows #buttonPreviewBox h3.h3_connecting { width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows #buttonCode { width: 100%; clear: both; float: left; margin-top: 20px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .buttoncode p { width: 100%; float: left; display: block; font-size: 12px; line-height: 25px; font-weight: normal; color: #ffffff; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 10px; padding: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .buttoncode p span { display:block; font-family: 'Open Sans', sans-serif;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .buttoncode .text-field { margin: 0 0 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .buttoncode .text-field textarea.form-control { min-height: 90px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .connect-booknow { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 15px 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .connect-booknow .form-control { width: 400px; max-width: 60%; margin-right: 11px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .connect-booknow .add-btn { margin: 0 0 0;border: 1px solid #a5aa4d;}

 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows #buttonPreviewBox a { width: auto; display: block; float: left; margin: 3px 0; color: #3d8acd;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows #buttonPreviewBox img { width: auto; border-radius: 0.25rem 0.25rem 0 0; display: block; margin: 0 0 0; max-width: 100%;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .alert { margin-left: 1%; margin-right: 1%; width: 98%; margin-bottom: 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .alert-success { background: #f5f5f5;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .connect-email { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .connect-email .form-control { width: 100%; max-width: 58%; margin-right: 2%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .connect-email .add-btn { width: fit-content; margin: 0 0 0;border: 1px solid #a5aa4d; max-width: 40%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .tabs-subcont .importantInfo { background: url(./assect/images/attentionIcon.png) no-repeat 5px 1px; padding-left: 55px; line-height: 18px; font-size: 14px; margin-bottom: 20px; margin-top: -10px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .review-tab { width: 100%; display: block; float: left; margin: 30px 0 0; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .review-tab .horizontalStack label { width: 100%; float: left; display: block; margin: 0 0 10px; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #ffffff; position: relative; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .review-tab .text-field textarea.form-control { min-height: 90px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .col-sm-6.text-field.connt-imgrow { width: 30%; margin-left: 2%;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .tabs-subcont h3 { font-size: 14px; line-height: 18px; display: block; font-weight: 600; color: #000000; font-family: 'Open Sans', sans-serif; position: relative; margin: 0 0 15px; padding: 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .tabs-subcont h3 a { color: #000000;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .tabs-subcont h3 a:hover { color: #ffffff; text-decoration: underline;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .Keycode-rows { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 20px; padding: 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .Keycode-rows .text-field { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .Keycode-rows .text-field label { margin: 0 0 0; font-weight: 600; line-height: 16px; min-height: inherit;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .Keycode-rows .text-field.new-sec .checkbox { margin: 0 0 0; color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field label small { font-size: 12px; font-family: 'Open Sans', sans-serif;}





/*##### My Plan #####*/
 
.dash-wrapp .inner-row1 .plan-table h3 { font-size: 22px; line-height: 28px; font-weight: bold; color: #ffffff; position: relative; font-family: 'Open Sans', sans-serif; margin: 10px 0 20px; padding: 0 15px;}


.dash-wrapp.admin-wrapp .inner-row1 .common-table.plan-table .stud-table { min-width: 300px;}

.dash-wrapp.admin-wrapp .inner-row1 .common-table.details-table .stud-table { min-width: 300px;}



.dash-wrapp .inner-row1 .common-table.plan-table { background: #0274d6; padding-bottom: 15px;}

.dash-wrapp .inner-row1 .common-table.plan-table table tbody tr { background: transparent;}

.dash-wrapp .inner-row1 .common-table.plan-table table tbody tr td { font-size: 14px; color: #ffffff;}

.dash-wrapp .inner-row1 .common-table.plan-table table tbody tr td:first-child { font-weight: bold;}

.dash-wrapp .inner-row1 .common-table.plan-table table tbody tr td.plan-pay { color: #a5aa4d; font-weight: 700;}


.dash-wrapp .inner-row1 .common-table.plan-table button.stripe-button-el { width: 100%; float: left; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 7px 25px 8px 25px; line-height: normal; font-size: 14px; margin: 10px 0 15px 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .common-table.plan-table button.stripe-button-el:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #0274d6;}

.dash-wrapp .inner-row1 .common-table.plan-table button.stripe-button-el span { min-height: inherit !important; height: auto !important; padding: 0 !important; line-height: normal !important; background: transparent; box-shadow: none;}




.dash-wrapp .inner-row1 .common-table.plan-table .accordion { width: 100%; display: block; margin: 0 auto 15px; padding: 0 15px; position: relative; float: left;}

.dash-wrapp .inner-row1 .common-table.plan-table .accordion li { width: 100%; display: block; margin: 0 auto; position: relative; float: left;}

.dash-wrapp .inner-row1 .common-table.plan-table .accordion li .link .steams-panel-head { width: 100%; float: left; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 15px 6px 14px; line-height: normal; font-size: 14px; margin: 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: normal; cursor: pointer;}

.dash-wrapp .inner-row1 .common-table.plan-table .accordion li .link .steams-panel-head i { float: right; line-height: 21px;}


.dash-wrapp .inner-row1 .common-table.plan-table .accordion li .submenu { width: 100%; float: left; position: relative; display: block; margin: 10px 0 10px;}

.dash-wrapp .inner-row1 .common-table.plan-table .accordion li .submenu .contents { width: 100%; float: left; display: block; margin: 0 auto; position: relative; padding: 5px 15px 5px;}

.dash-wrapp .inner-row1 .common-table.plan-table .accordion li .submenu .contents p { width: 100%; display: block; float: left; font-size: 14px; line-height: 28px; font-weight: normal; color: #ffffff; position: relative; font-family: 'Open Sans', sans-serif;}



.dash-wrapp .inner-row1 .details-table h3 { font-size: 22px; line-height: 28px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 10px 0 20px; padding: 0 15px;}

.dash-wrapp .inner-row1 .common-table.details-table { background: #d9dcde; padding-bottom: 15px;}

.dash-wrapp .inner-row1 .common-table.details-table table tbody tr { background: transparent;}

.dash-wrapp .inner-row1 .common-table.details-table table tbody tr td { font-size: 14px; color: #000000;}

.dash-wrapp .inner-row1 .common-table.details-table table tbody tr td:first-child { font-weight: bold;}


.dash-wrapp .inner-row1 .common-table.details-table .purchase-btn { width: 100%; float: left; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 7px 25px 8px 25px; line-height: normal; font-size: 14px; margin: 10px 0 15px 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .common-table.details-table .purchase-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}



.dash-wrapp .inner-row1 .add-stud-row.changeplan { padding: 15px 15px 15px 15px;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan h3 { font-size: 22px; line-height: 28px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 10px 0 20px; padding: 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field .radio-box .checkbox { width: 49%;}


.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row { width: 100%; margin: 0 auto; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .col-6 { font-size: 14px; color: #000000; padding: 6px 15px; line-height: 24px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: normal;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .col-6:nth-child(odd) { padding-left: 0; padding-right: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .col-6:nth-child(2n) { padding-left: 10px; padding-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .col-lg-12.mt-2 { margin: 0 auto !important; padding: 0;}
 
 .dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field #card-errors { width: 100%; float: left; display: block; margin: 6px 0 5px; padding: 0 0 0; font-size: 14px; line-height: 16px; font-weight: 400; color: #af0028; position: relative; font-style: italic; font-family: 'Open Sans', sans-serif;}


.dash-wrapp .inner-row1 .common-table.cancel-table { padding:0 0 0; border-radius:0; background: transparent; }

.dash-wrapp .inner-row1 .common-table.cancel-table .accordion { width: 100%; display: block; margin: 0 auto 0; padding: 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .common-table.cancel-table .accordion li { width: 100%; display: block; margin: 0 auto; position: relative; float: left;}

.dash-wrapp .inner-row1 .common-table.cancel-table .accordion li .link_cancel { width: 100%; display: block; margin-bottom: 0; cursor: pointer; float: left; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.dash-wrapp .inner-row1 .common-table.cancel-table .accordion li .link_cancel .steams-panel-head { width: 100%; float: left; display: inline-block; color: #ffffff; border: 1px solid #be1e2d; background: #be1e2d; border-radius: 5px; padding: 6px 15px 6px 14px; line-height: normal; font-size: 14px; margin: 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold; cursor: pointer;}

.dash-wrapp .inner-row1 .common-table.cancel-table .accordion li .link_cancel .steams-panel-head i { float: right; line-height: 21px;}

.dash-wrapp .inner-row1 .common-table.cancel-table .accordion li .submenu_cancel { width: 100%; float: left; position: relative; display: block; margin: 10px 0 10px;}

.dash-wrapp .inner-row1 .common-table.cancel-table .accordion li .submenu_cancel .contents { width: 100%; float: left; display: block; margin: 0 auto; position: relative; padding: 5px 15px 5px;}
 

.dash-wrapp .inner-row1 .common-table.cancel-table .accordion li a { width: 100%; float: left; display: inline-block; color: #ffffff; border: 1px solid #be1e2d; background: #be1e2d; border-radius: 5px; padding: 7px 25px 8px 25px; line-height: normal; font-size: 14px; margin: 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: center;}

.dash-wrapp .inner-row1 .common-table.cancel-table .accordion li a:hover { color: #be1e2d; border: 1px solid #be1e2d; background: #ffffff;}
 
 


.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .col-lg-12.mt-2 .delete.btn { width: fit-content; float: left; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 25px 6px 25px; line-height: normal; font-size: 14px; margin: 20px 0 5px 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .col-lg-12.mt-2 .delete.btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}
 

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .accordion { width: 100%; display: block; margin: 0 auto 15px; padding: 0 15px; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .accordion li { width: 100%; display: block; margin: 0 auto; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .accordion li .link { width: 100%; display: block; float: left; position: relative; margin: 0 auto;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .accordion li .link .steams-panel-head { width: 100%; float: left; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 15px 6px 14px; line-height: normal; font-size: 14px; margin: 5px 0 0 !important; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: normal; cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .accordion li .link .steams-panel-head i { float: right; line-height: 21px;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .accordion li .submenu { width: 100%; float: left; position: relative; display: block; margin: 10px 0 10px !important;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .accordion li .submenu .contents { width: 100%; float: left; display: block; margin: 0 auto; position: relative; padding: 5px 15px 5px;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .accordion li .submenu .contents p { width: 100%; display: block; float: left; font-size: 14px; line-height: 28px; font-weight: normal; color: #ffffff; position: relative; font-family: 'Open Sans', sans-serif;}


.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .accordion li .submenu > div { padding: 0 !important;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .accordion li .submenu .plan-detail-box { width: 100%; float: left; display: block; margin: 0 auto; position: relative; padding: 5px 15px 5px;}

.dash-wrapp .inner-row1 .add-stud-row.changeplan .form-group .text-fields .text-field#price_div .row .accordion li .submenu .plan-detail-box p { width: 100%; display: block; float: left; font-size: 14px; line-height: 28px; font-weight: normal; color: #000000; position: relative; font-family: 'Open Sans', sans-serif;}





/*##### Payment Settings #####*/

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 { width: 100%; float: left; padding: 0; margin: 0 auto;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 table tr td:first-child { padding-left: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 table tr td:last-child { padding-right: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 table th:first-child { padding-left: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 table th:last-child { padding-right: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 table tr td .text-field.new-sec { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 table tr td .text-field.new-sec { margin: 0 0 0; min-height: 33px; display: flex; flex-wrap: wrap; align-items: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 table tr td .text-field.new-sec .checkbox { margin: 0 0 0; min-height: 18px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 table tr .add-wrapp.sub-add { position: relative; right: inherit; top: inherit; margin: 0 auto;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 table tr .add-wrapp.sub-add .add-btn { margin: 0 0 0; width: fit-content; background: #04ab47; border-color: #04ab47; padding: 6px 20px 6px 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 table tr .add-wrapp.sub-add .add-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 table tr td #addi_fld_caption_div { margin-top: 10px; float: left; width: 100%; display: block;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .payment-row1 table tr#d1_add td { vertical-align: bottom;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .tax-col1 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .tax-col1 .text-field.new-sec { margin: 0 0 0; width: fit-content;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .tax-col1 .text-field.new-sec label.checkbox { margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .tax-col1 #tax_percent_div { width: fit-content; display: flex; flex-wrap: wrap; align-items: center;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.payment_setting .text-field .radio-box { height: auto; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .advance-payrows { width: 100%; display: block; margin: 0 0 0; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .advance-payrows .radio-box { height: auto;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .advance-payrows .radio-box .payment-field1 { width: fit-content; display: flex; flex-wrap: wrap; margin: 0 15px 0 0; align-items: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .advance-payrows .radio-box .payment-field1 .form-control { width: fit-content; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .advance-payrows .radio-box .payment-field1 .pay-symbol1 { width: auto; float: left; display: block; margin: 0 5px 0 0; padding: 0 0 0; font-size: 14px; line-height: 18px; color: #000000; font-weight: 600; position: relative; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .advance-payrows .radio-box .payment-field1 .pay-symbol2 { width: auto; float: left; display: block; margin: 0 15px 0 0; padding: 0 0 0; font-size: 14px; line-height: 18px; color: #000000; font-weight: 600; position: relative; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .advance-payrows .radio-box .payment-field1 .pay-symbol3 { width: auto; float: left; display: block; margin: 0 0 0 5px; padding: 0 0 0; font-size: 14px; line-height: 18px; color: #000000; font-weight: 600; position: relative; font-family: 'Open Sans', sans-serif;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.payment_setting .text-field .radio-box .checkbox { width: fit-content; margin: 0 0 0; font-size: 12px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.payment_setting .text-field .radio-box .checkbox:nth-child(2n) { margin-left: 4%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .zoom-detail { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.new-sec .checkbox .badge.badge-info { background: #a5aa4d; color: #ffffff; font-weight: normal;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg .quickbooks-row { width: 100%; display: block; margin: 0 auto 0 auto; padding-top: 25px; /*border-top: 1px solid #fcfcfc;*/}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.quickbooks-check { background: #ffffff; border: 1px solid #0274d6; border-radius: 5px; padding: 20px 15px 20px 15px; margin: 0 0 5px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.quickbooks-check .text-field.new-sec { margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.quickbooks-check .data-list { font-size: 14px; color: #ffffff; line-height: 20px; display: block; font-weight: 600; font-family: 'Open Sans', sans-serif; position: relative; margin: 10px 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.quickbooks-check .data-list.text-success { color: #04ab47 !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.quickbooks-check .text-field.new-sec .checkbox { color: #000000;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.quickbooks-check .data-list.text-primary { color: #0274d6 !important;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.quickbooks-check .text-field.new-sec .checkbox .checkmark { border: 1px solid #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.quickbooks-check .text-field.new-sec .checkbox .checkmark:after { left: 5px; top: 1px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.quickbooks-radio { margin: 30px 0 30px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.quickbooks-radio .radio-box { height: auto;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.quickbooks-radio .radio-box .checkbox { width: 49%; color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.quickbooks-radio .radio-box .checkbox input:checked ~ .checkmark { background: #a5aa4d;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quick-fields { padding: 0; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quick-fields .col-sm-6 { width: 48%; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quick-fields .col-sm-6:nth-child(2n) { margin-left: 4%; float: right;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quick-fields .text-field label { color: #ffffff;}

 

/*##### Add Btn Style #####*/

.add-wrapp { width: 100%; display: block; margin: 0 0 15px; float: left; position: relative;}

.add-wrapp .add-btn { width: auto; display: inline-block; color: #ffffff; border: 1px solid #04ab47; border-radius: 5px; padding: 10px 15px; background: #04ab47; line-height: 12px; font-size: 12px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}

.add-wrapp .add-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.add-wrapp .add-btn i { padding-right: 2px;}

.add-wrapp .permission-btn { width: auto; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 10px 15px; background: #a5aa4d; line-height: 12px; font-size: 12px; margin: 0 0 5px 10px; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}

.add-wrapp .permission-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.add-wrapp .permission-btn i { padding-right: 2px;}

.add-wrapp p { width: 100%; float: left; font-size: 14px; line-height: 18px; display: block; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative; margin: 15px 0 0;} 

.add-wrapp.sub-add { position: absolute; right: 15px; top: -10px; width: auto;}

.field-icon { float: right; margin-left: 8px; margin-top: -25px; position: absolute; z-index: 2; right: 25px; cursor: pointer;}

.add-wrapp.reg-add { width: fit-content; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; min-height: 18px; text-align: left;}

.add-wrapp.reg-add .reg-btn {width: auto;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 14px;background: #a5aa4d;line-height: 12px;font-size: 11px;margin: 5px 0 5px 5px;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 700;}

.add-wrapp.reg-add .reg-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


.add-wrapp.sub-add .btn-stud {width: auto;display: inline-block;color: #ffffff;border: 1px solid #00b7e6;border-radius: 5px;padding: 6px 14px;background: #00b7e6; font-size: 13px;margin: 5px 0 5px 5px;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 700;}

.add-wrapp.sub-add .btn-stud:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.add-wrapp.sub-add .btn-stud i { margin: 0 3px 0 0;}


.add-wrapp.sub-add .btn-print {width: auto;display: inline-block;color: #ffffff;border: 1px solid #ff7f32;border-radius: 5px;padding: 6px 14px;background: #ff7f32; font-size: 13px;margin: 5px 0 5px 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 700;}

.add-wrapp.sub-add .btn-print:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.add-wrapp.sub-add .btn-print i { margin: 0 3px 0 0;}
 




/*##### Leads Settings #####*/

.dash-wrapp .inner-row1 .add-stud-row.lead-row1 { background: #0274d6; padding: 30px 5px 15px 5px;}
 

.dash-wrapp .inner-row1 .add-stud-row.lead-row1 .form-group .text-fields .text-field.new-sec.colorPickr { margin:0 0 20px; }

.dash-wrapp .inner-row1 .add-stud-row.lead-row1 .form-group .text-fields .text-field.new-sec.colorPickr .checkbox { margin: 0 0 0; padding: 0 30px 0 0; color: #ffffff; font-size: 14px; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.lead-row1 .form-group .text-fields .text-field.new-sec.colorPickr .checkbox .colorPickSelector { right: 0; float: right; left: inherit;}

.dash-wrapp .inner-row1 .add-stud-row.lead-row1 .form-group .text-fields .text-field.new-sec label { color: #ffffff; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row.lead-row1 .form-group .text-fields .text-field.new-sec .radio-box { height: auto; display: block;}

.dash-wrapp .inner-row1 .add-stud-row.lead-row1 .form-group .text-fields .text-field.new-sec .radio-box .checkbox { width: 100%; color: #ffffff; margin: 10px 0;}

.dash-wrapp .inner-row1 .add-stud-row.lead-row1 .form-group .text-fields .text-field.new-sec .radio-box .checkbox input:checked ~ .checkmark { background-color: #a5aa4d;}




.dash-wrapp .inner-row1 .add-stud-row.leads-formrow { background: transparent; padding: 0; margin: 15px 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.leads-formrow .form-group .text-fields .text-field.new-sec { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row.leads-formrow .form-group .text-fields .text-field.new-sec .checkbox { margin: 5px 0 5px; font-size: 20px; font-weight: bold; line-height: 16px; color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row.leads-formrow .form-group .text-fields .text-field.new-sec .checkbox .checkmark { border: 1px solid #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row.leads-formrow .form-group .text-fields .text-field.new-sec .checkbox .checkmark:after { left: 5px; top: 1px;}



.dash-wrapp .inner-row1 .leads-pageone { width: 100%; float: left; position: relative; margin: 0 0 0;}
 
.dash-wrapp .inner-row1 .leads-pageone .leads-topbox label { width: 100%; float: left; display: block; margin: 0 0 10px; padding: 0 0 0; font-size: 14px; line-height: 24px; font-weight: bold; color: #0274d6; position: relative; font-family: 'Open Sans', sans-serif;}
 
.dash-wrapp .inner-row1 .leads-pageone .leads-box1 .add-stud-row.changeplan { padding: 20px 15px 20px 15px;}

.dash-wrapp .inner-row1 .leads-pageone .leads-box1 .add-stud-row.changeplan .cke_chrome { border-radius: 14px; overflow: hidden;}



.dash-wrapp .inner-row1 .leads-head h4 { width: 100%; float: left; display: block; margin: 5px 0 15px; font-size: 20px; font-weight: bold; line-height: 25px; color: #0274d6; position: relative; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .leads-head p { width: 100%; float: left; display: block; margin: 0 0 30px; font-size: 14px; line-height: 22px; font-weight: 700; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; }


.dash-wrapp .inner-row1 .leads-row1 .add-stud-row.leads-form2 { padding: 0; background: transparent; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .leads-row1 .add-stud-row.leads-form2 .form-group.add-box .text-field.new-sec { margin: 0 0 0; padding: 0;}

.dash-wrapp .inner-row1 .leads-row1 .add-stud-row.leads-form2 .form-group.add-box .text-field.new-sec .checkbox { width: 100%; display: block; margin: 0 0 20px; font-size: 13px; font-weight: 500;}

.dash-wrapp .inner-row1 .leads-row1 .add-stud-row.leads-form2 .form-group.add-box .text-field.new-sec .checkmark .checkmark { border: solid white;}

.dash-wrapp .inner-row1 .leads-row1 .add-stud-row.leads-form2 .form-group.add-box .text-field.new-sec .checkbox .checkmark { border: 1px solid #0274d6;}

.dash-wrapp .inner-row1 .leads-row1 .add-stud-row.leads-form2 .form-group.add-box .text-field.new-sec .checkbox .checkmark:after { left: 5px; top: 1px;}



.dash-wrapp .inner-row1 .leads-row1 .common-table.contacts-list .add-head h3 { font-size: 16px; line-height: 20px;}

.dash-wrapp .inner-row1 .leads-row1 .common-table.contacts-list td .modalButton i { font-size: 18px;}



.dash-wrapp .inner-row1 .contacts-row.leads-wrapp .leads-row1 .common-table.contacts-list .stud-table tr td .text-field { margin: 0;}
 
.dash-wrapp .inner-row1 .contacts-row.leads-wrapp .leads-row1 .add-stud-row.leads-form2 .student-table.contacts-list .stud-table tr td .text-field { margin: 0;}
 
.dash-wrapp.admin-wrapp .inner-row1 .contacts-row.leads-wrapp .student-table .stud-table { min-width: 300px;}
 





/*##### Custom Fields Management #####*/


.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .form-control { width: 100%; height: 33px; font-size: 12px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 3px 5px 5px; background: #ffffff; border: 1px solid #ffffff; outline: none !important; box-shadow: none; }

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .form-control::placeholder { color: #696b6c; }

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td { line-height: 22px;}


.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .confirm-delete { width: 190px; float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #ffffff; border: 1px solid #af0028; background: #af0028; border-radius: 5px; padding: 6px 5px 6px 5px; line-height: normal; font-size: 12px; margin: 5px 0 5px; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 600;}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .confirm-delete:hover { color: #af0028; border: 1px solid #af0028; background: #ffffff;}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .confirm-delete .tbl-icon { width: auto; display: inline; float: left; max-width: 20%; padding: 3px; border-radius: 3px;}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .confirm-delete:hover .tbl-icon { background: #af0028; }

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .confirm-delete .tbl-icon img { max-width: 20px; min-width: 20px;}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .confirm-delete .tbl-text { max-width: 78%; margin-left: 2%}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .confirm-delete:hover .tbl-icon { background: #af0028; padding: 3px; border-radius: 3px;}


.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .order-btn { width: 190px; float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #ffffff; border: 1px solid #0274d6; background: #0274d6; border-radius: 5px; padding: 6px 5px 6px 5px; line-height: normal; font-size: 12px; margin: 5px 0 5px; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 600; max-width: 190px;}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .order-btn:hover { color: #0274d6; border: 1px solid #0274d6; background: #ffffff;}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .order-btn .tbl-icon { width: auto; display: inline; float: left; max-width: 20%; padding: 3px; border-radius: 3px;}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .order-btn:hover .tbl-icon { background: #0274d6; }

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .order-btn .tbl-icon img { max-width: 20px; min-width: 20px;}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .order-btn .tbl-text { max-width: 78%; margin-left: 2%}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .student-table .stud-table td .order-btn:hover .tbl-icon { background: #0274d6; padding: 3px; border-radius: 3px;}



.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .listus-row .box-sub-head h2 { margin-top: 0;}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .listus-row .add-stud-row.changeplan { padding: 30px 15px 5px 15px;}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .listus-row .add-stud-row.changeplan .radio-box { align-items: flex-start; height: auto;}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .listus-row .add-stud-row.changeplan .radio-box .checkbox { width: fit-content; margin: 5px 15px 5px 0;}

.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .listus-row .add-stud-row.changeplan .radio-box .checkbox:nth-child(2n) { margin-right: 0;}





/*##### Custom Fields Management #####*/

 
.dash-wrapp .inner-row1 .common-table.contract-table table tr td.list-img img { width: auto; display: block; margin: 0 0 0; height: auto; max-width: 100%;}

.box-sub-head .btn.video-popup { padding: 0;}

.box-sub-head .btn.video-popup:hover p { color: #0274d6;}



.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.new-sec .checkbox { width: fit-content; padding-left: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: inline-block; position: relative; margin: 10px 5% 10px 0; font-size: 12px; line-height: 18px; font-weight: 500; color: #ffffff; font-family: 'Open Sans', sans-serif; }

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.new-sec .checkbox:last-child { margin-right: 0;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.new-sec .checkbox input { position: absolute; opacity: 0; cursor: pointer;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.new-sec .checkbox .checkmark { position: absolute; display: block; top: 0; left: 0; height: 16px; width: 16px; border-radius: 2px; background-color: #ffffff;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.new-sec .checkbox input:checked ~ .checkmark { background-color: #0274d6;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.new-sec .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.new-sec .checkbox input:checked ~ .checkmark:after { display: block;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.new-sec .checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}








/*##### Keycode Management #####*/


.dash-wrapp .dash-row1 .box-sub-head.keycode-col { display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 15px; justify-content: space-between;}

.dash-wrapp .dash-row1 .box-sub-head.keycode-col h2 { width: 62%; margin-right: 2%;}

.dash-wrapp .dash-row1 .box-sub-head.keycode-col .keycode-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #04ab47; border-radius: 5px; padding: 10px 15px; background: #04ab47; line-height: 12px; font-size: 11px; margin: 10px 0 10px auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700; cursor: pointer; max-width: 36%; text-align: center;}

.dash-wrapp .dash-row1 .box-sub-head.keycode-col .keycode-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .red-text { color: #af0028; width: 100%; float: left; margin: 4px 0 5px; padding: 0 0 0; font-size: 12px; line-height: 16px; font-weight: 400;}

.dash-wrapp .inner-row1 .add-stud-row.keycode-box .form-group .text-fields .text-field p { font-size: 14px; line-height: 18px; display: block; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative; margin: 0 0 15px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.contfield-form-box { margin: 30px 0 0; border-top: 1px solid #0274d66e; padding-top: 26px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.contfield-form-box .add-head h4 { width: 100%; float: left; font-size: 20px; line-height: 23px; font-weight: bold; color: #0274d6; margin: 0 0 18px; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .deta-rec.text-field { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .deta-rec.text-field h4 { width: 100%; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 14px; line-height: 24px; font-weight: 600; position: relative; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .deta-rec.text-field h4 a:hover { color: #a5aa4d;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .form-tip.connect-col1 h6 .row { align-items: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .video-popup { width: 100%; float: right; display: flex; flex-wrap: wrap; justify-content: center; color: #ffffff; background: #0274d6; border: 1px solid #0274d6; border-radius: 5px; padding: 6px 10px 6px 10px; line-height: normal; font-size: 10px; margin: 0 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: normal; max-width: 200px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .video-popup:hover { color: #ffffff; background: #a4ac44; border: 1px solid #a4ac44;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .video-popup .fa { font-size: 14px; margin-right: 2%; display: inline-block; float: left; width: 16px; max-width: 10%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .video-popup .video-span { max-width: 88%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .video-popup .video-span span { display: block;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .form-tip.connect-col1 .connect-text .badge-success { background: #04ab47;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .form-tip.connect-col1 .connect-text { color: #04ab47;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .form-tip.connect-col1 h6 .disconnect-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .form-tip.connect-col1 h6 .disconnect-box .badge { margin-right: 2%; margin-bottom: 5px; margin-top: 5px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .form-tip.connect-col1 h6 .disconnect-box .badge:hover { color: #ffffff; background: #a4ac44 !important;}



.dash-wrapp .inner-row1 .add-stud-row.edit-row.system-wrapp { background: transparent;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab.edit-row .form-tip p { font-size: 14px; line-height: 18px; display: block; font-weight: normal; color: #ffffff; font-family: 'Open Sans', sans-serif; position: relative; margin: 0 0 20px; font-style: italic;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab.edit-row .row.zoom-det-row label { color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .payment-tab.edit-row .row.zoom-det-row select.form-control option { background: #ffffff;}



 


/*##### Access Level #####*/


.dash-wrapp .inner-row1 .access-row1 { width: 100%; margin-top: 20px; float: left; padding: 0;}

.dash-wrapp .inner-row1 .access-row1 .access-col1 .add-stud-row { padding-left: 15px; padding-right: 15px; border: 0;}

.dash-wrapp .inner-row1 .access-row1 .access-col1 .add-stud-row h3 { font-size: 18px; line-height: 22px; font-weight: bold; color: #0274d6; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 20px;}

.dash-wrapp .inner-row1 .access-row1 .access-col1 .add-stud-row .assess-head { width: 100%; display: block; margin: 0 0 0; position: relative; float: left; padding: 0;}
 
.dash-wrapp .inner-row1 .access-row1 .access-col1 .add-stud-row .access-box { margin-bottom: 15px; align-items: center;}

.dash-wrapp .inner-row1 .access-row1 .access-col1 .add-stud-row .access-box h4 { width: 100%; float: left; display: block; margin: 0 0 0; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: 500; color: #000000; position: relative; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .access-row1 .access-col1 .add-stud-row .color-light-grey-back { margin-bottom: 5px; background-color: #63a4dc; padding-top: 5px; padding-bottom: 5px; align-items: center;}

.dash-wrapp .inner-row1 .access-row1 .access-col1 .add-stud-row .color-light-grey-back h4 {width: 100%;float: left;display: block;margin: 0 0 0;padding: 0 0 0;font-size: 12px;line-height: 18px;font-weight: normal;color: #ffffff;position: relative;font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .access-row1 .access-col1 .add-stud-row .color-light-grey-back:last-child { margin-bottom: 15px;}



 
.dash-wrapp .inner-row1 .onoffswitch { position: relative; width: 50px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}

.dash-wrapp .inner-row1 .onoffswitch-checkbox { display: none;}

.dash-wrapp .inner-row1 .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border-radius: 50px;}

.dash-wrapp .inner-row1 .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;}

.dash-wrapp .inner-row1 .onoffswitch-inner:before, .dash-wrapp .inner-row1 .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 24px; font-size: 12px; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 600; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.dash-wrapp .inner-row1 .onoffswitch-inner:before { content: "On"; padding-left: 10px; background-color: #0274d6a8; color: #ffffff; text-align: left;}

.dash-wrapp .inner-row1 .onoffswitch-inner:after { content: "Off"; padding-right: 10px; background-color: #808285; color: #ffffff; text-align: right;}

.dash-wrapp .inner-row1 .onoffswitch-switch { display: block; width: 13px!important; height: 13px!important; margin: 6px; background: #FFFFFF; border-radius: 50px; position: absolute; top: 0; bottom: 0; right: 25px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}

.dash-wrapp .inner-row1 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0;}

.dash-wrapp .inner-row1 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }





/*##### Waitlist #####*/

.dash-wrapp .inner-row1 .student-table table tr td .dropdown { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px;}

.dash-wrapp .inner-row1 .student-table table tr td .dropdown a.js-link { font-size: 23px; width: fit-content; min-width: 30px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; color: #ffffff; background: #0274d6; padding: 7px;}

.dash-wrapp .inner-row1 .student-table table tr td .dropdown ul { width: auto; display: none; background: #a5ab4d; border: 0; position: absolute; border-radius: 3px; top: 40px; min-width: 100px; z-index: 9; overflow: hidden; margin: 0 0;}

.dash-wrapp .inner-row1 .student-table table tr td .dropdown ul li { width: 100%; display: block; margin: 0 0 0; position: relative; float: left; padding: 0 0;}

.dash-wrapp .inner-row1 .student-table table tr td .dropdown ul li a { width: 100%; float: left; display: block; position: relative; margin: 0 0 0; color: #ffffff; background: transparent !important; font-size: 12px; line-height: 14px; font-weight: normal; padding: 5px 5px 5px 5px; cursor: pointer;}

.dash-wrapp .inner-row1 .student-table table tr td .dropdown ul li a:hover { color: #ffffff; background: #0274d6 !important;}


.dash-wrapp .inner-row1 .student-table table tr td .btn-group { width: fit-content; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px;}

.dash-wrapp .inner-row1 .student-table table tr td .btn-group button.btn { font-size: 22px; width: fit-content; min-width: 30px; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; color: #ffffff; background: #0274d6; padding: 7px; line-height: normal; border: 0; height: auto; display: flex; outline: none; box-shadow: none; justify-content: center;}

.dash-wrapp .inner-row1 .student-table table tr td .btn-group ul.dropdown-menu { width: auto; background: #a5ab4d; border: 0; border-radius: 3px; z-index: 9; overflow: hidden; margin: 0 0; padding: 5px 0;}

.dash-wrapp .inner-row1 .student-table table tr td .btn-group ul.dropdown-menu li { width: 100%; display: block; margin: 0 0 0; position: relative; float: left; padding: 0 0;}

.dash-wrapp .inner-row1 .student-table table tr td .btn-group ul.dropdown-menu li a { width: 100%; float: left; display: block; position: relative; margin: 0 0 0; color: #ffffff; background: transparent !important; font-size: 12px; line-height: 14px; font-weight: normal; padding: 5px 10px 5px 10px; cursor: pointer;}

.dash-wrapp .inner-row1 .student-table table tr td .btn-group ul.dropdown-menu li a:hover { color: #ffffff; background: #0274d6 !important;}




.dash-wrapp .inner-row1 .leads-menu-table .student-table table tr td .btn-group ul.dropdown-menu {position: absolute !important;width: auto;background: #a5ab4d;border: 0;border-radius: 3px;z-index: 9;overflow: hidden;margin: 0 0;padding: 5px 0;top: 36px !important;right: -1px !important;left: inherit !important;transform: inherit !important;}




/*##### Discount Coupon #####*/

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row1 { width: 100%; margin: 0 auto; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row1 .col-sm-5.text-field { width: 46%; float: left; display: block; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row1 .col-sm-2.text-field { width: 8%; text-align: center; padding: 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 { width: 100%; margin: 0 auto; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box { height: auto;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box label.checkbox { width: fit-content; max-width: 25%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .form-control { width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .discount-col1 { max-width: 15%; margin-right: 2%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .coupon_limit { width: fit-content; max-width: 27%; margin-right: 2%; flex-wrap: wrap; align-items: center; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .coupon_limit:last-child { margin-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .coupon_limit input { width: fit-content; float: left; max-width: 58%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .coupon_limit span { width: fit-content; font-size: 12px; line-height: 18px; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative; display: inline-block; margin-right: 4%; float: left; min-width: 38%; max-width: 40%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .student_limit { width: fit-content; max-width: 27%; margin-right: 2%; flex-wrap: wrap; align-items: center; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .student_limit:last-child { margin-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .student_limit input { width: fit-content; float: left; max-width: 58%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .student_limit span { width: fit-content; font-size: 12px; line-height: 18px; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative; display: inline-block; margin-right: 4%; float: left; min-width: 38%; max-width: 40%;}






/*##### Billing & Payments #####*/

.dash-wrapp .inner-row1 .entry-row .form-group.search-box.billing-pay .text-fields .search-btn { width: 100%;}

.dash-wrapp .inner-row1 .student-table table tr td.action-box .billnow-btn { width: auto; min-width: 69px; float: none; display: inline-block; color: #ffffff; border: 1px solid #e17324; border-radius: 5px; padding: 6px 10px; background: #e17324; line-height: 12px; font-size: 11px; margin: 0 3px 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700; cursor: pointer;}

.dash-wrapp .inner-row1 .student-table table tr td.action-box .billnow-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .student-table table tr td.action-box .rollback-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 6px 10px; background: #a5aa4d; line-height: 12px; font-size: 11px; margin: 0 0 0 3px; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700; cursor: pointer;}

.dash-wrapp .inner-row1 .student-table table tr td.action-box .rollback-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}
 

.dash-wrapp .inner-row1 .inner-col1 .inner-head .hint-col1 { width: 100%; float: left; display: block; position: relative; margin: 0 0 20px;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .hint-col1 p { width: 100%; float: left; font-size: 14px; line-height: 18px; display: block; font-weight: 500; color: #a4ac44; font-family: 'Open Sans', sans-serif; position: relative; margin: 0 0 5px; font-style: italic;}


.dash-wrapp .inner-row1 .student-table table.refund-table .table { margin: 0 auto; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}

.dash-wrapp .inner-row1 .student-table table.refund-table .table tr td i { font-style: italic;}

.dash-wrapp .inner-row1 .student-table table.refund-table .table tr td .items-imoprt { color: #af0028; font-weight: bold;}

.dash-wrapp .inner-row1 .student-table table.refund-table .table tr td span { float: left; display: block; margin: 6px 10px 0 0;}

.dash-wrapp .inner-row1 .student-table table.refund-table .table td img { width: auto; max-width: 100px; margin: 0 auto; display: block; height: auto;}

.dash-wrapp .inner-row1 .student-table table.refund-table .table tr td .refund-btn { width: auto; float: none; display: flex; flex-wrap: wrap; align-items: center; color: #ffffff; border: 1px solid #04ab47; border-radius: 5px; padding: 6px 10px; background: #04ab47; line-height: 12px; font-size: 11px; margin: 0 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700; cursor: pointer;}

.dash-wrapp .inner-row1 .student-table table.refund-table .table tr td .refund-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .student-table table.refund-table .table tr td .refund-btn span { margin: 3px 5px 3px 0;}
 
.dash-wrapp .inner-row1 .student-table table.refund-table .table tr td.refund-td { padding-left: 35px;}

 
 


/*##### List Invoice #####*/


.add-wrapp .invo-btn {width: auto;display: inline-block;color: #ffffff;border: 1px solid #0274d6;border-radius: 5px;padding: 10px 15px;background: #0274d6;line-height: 12px;font-size: 12px;margin: 0 0 5px 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 700;}

.add-wrapp .invo-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.add-wrapp .invo-btn i { padding-right: 2px;}

.dash-wrapp .inner-row1 .add-wrapp.list-pages { display: flex; flex-wrap: wrap; justify-content: flex-end;}

.dash-wrapp .inner-row1 .add-wrapp.list-pages .add-btn {margin: 0 0 5px 10px;}
 

.add-wrapp .report-btn {width: auto;display: inline-block;color: #ffffff;border: 1px solid #e17324;border-radius: 5px;padding: 10px 15px;background: #e17324;line-height: 12px;font-size: 12px;margin: 0 0 5px 10px;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 700;}

.add-wrapp .report-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.add-wrapp .report-btn i { padding-right: 2px;}



/*##### Create Single Invoice #####*/


.dash-wrapp .inner-row1 .common-table.invo-wrapp .stud-table.single-invo { border-top: 1px solid #fcfcfc;}

.dash-wrapp .inner-row1 .common-table.invo-wrapp .stud-table.single-invo tr td .add-wrapp.sub-add { position: relative; right: 0; top: 0; margin: 0 0 0; float: none;}

.dash-wrapp .inner-row1 .common-table.invo-wrapp .stud-table.single-invo tr td .add-wrapp.sub-add .add-btn { width: fit-content; color: #ffffff; background: #a4ac44; border-color: #a4ac44;}

.dash-wrapp .inner-row1 .common-table.invo-wrapp .stud-table.single-invo tr td .add-wrapp.sub-add .add-btn:hover { background: #0274d6; border-color: #0274d6;}


.dash-wrapp .inner-row1 .common-table.invo-wrapp .stud-table.single-invo tr th:first-child { padding-left: 25px;}

.dash-wrapp .inner-row1 .common-table.invo-wrapp .stud-table.single-invo tr th:last-child { padding-right: 25px;}


.dash-wrapp .inner-row1 .common-table.invo-wrapp .stud-table.single-invo tr td:first-child { padding-left: 25px;}

.dash-wrapp .inner-row1 .common-table.invo-wrapp .stud-table.single-invo tr td:last-child { padding-right: 25px;}





/*##### View Invoice Custom #####*/


.box-sub-head.invo-head h4 { width: 100%; float: left; font-size: 18px; line-height: 22px; font-weight: 500; color: #0274d6; margin: 10px 0 10px; font-family: 'Open Sans', sans-serif;}
 
.box-sub-head.invo-head h5 { width: 100%; float: left; font-size: 14px; line-height: 18px; display: block; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative; margin: 0 0 25px; font-style: italic;} 
 
.dash-wrapp .inner-row1 .add-stud-row .form-group.view-invo-row .text-fields { align-items: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.view-invo-row .text-fields .text-field { margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.view-invo-row .text-fields .text-field label { margin: 0 0 0;}

 
.dash-wrapp .inner-row1 .add-stud-row .form-group.view-invo-row .text-fields .text-field .btn-print {width: auto;display: inline-block;color: #ffffff;border: 1px solid #ff7f32;border-radius: 5px;padding: 6px 14px;background: #ff7f32; font-size: 13px; float: right; margin: 0 0 0 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 700;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.view-invo-row .text-fields .text-field .btn-print:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.view-invo-row .text-fields .text-field .btn-print i { margin: 0 3px 0 0;}
 
.dash-wrapp .inner-row1 .add-stud-row .form-group.view-invo-row .text-fields .text-field .green-text { color:#04ab47; }



.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 {width: 100%;float: left;display: block;margin: 0 auto;position: relative;padding: 0 10px 0 10px;background: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-tophead { padding: 0 2px;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invoice-head { width: 100%; float: none; display: block; background: #0274d6; margin: 0 auto 25px; padding: 10px 15px;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invoice-head h2 {color: #ffffff;margin: 0 auto;text-align: center;font-size: 22px;line-height: 28px;padding: 0;text-transform: uppercase;}


.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-img { width: 100%; display: block; margin: 0 0 20px; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-img img { width: 100%; display: block; margin: 0 0 0; height: auto; max-width: 120px; border-radius: 5px;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-contents { width: 100%; display: block; margin: 0 0 25px; padding: 0 0 20px; position: relative; float: left; border-bottom: 1px solid #d9d9d9; color: #000000; line-height: 24px; font-size: 14px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 500;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-contents h3 { width: 100%; float: left; font-size: 20px; line-height: 26px; font-weight: bold; color: #0274d6; margin: 0 0 10px; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-contents p { width: 100%; float: left; display: block; color: #000000; line-height: 24px; font-size: 14px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 500;}


.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-box1 { text-align: left; display: block; color: #000000; line-height: 24px; font-size: 14px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 500;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-box2 { text-align: right; display: block; color: #000000; line-height: 24px; font-size: 14px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 500;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-box1 p { width: 100%; float: left; text-align: left; display: block; color: #000000; line-height: 24px; font-size: 14px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 500;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-box2 p { width: 100%; float: left; text-align: right; display: block; color: #000000; line-height: 24px; font-size: 14px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 500;}




.dash-wrapp .inner-row1 .add-stud-row .view-invo-row3 {width: 100%;float: left;display: block;margin: 0 auto 0 auto;position: relative;padding: 20px 10px 10px 10px;background: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row3 .student-table {width: 100%;border-top: 1px solid #fcfcfc;border-radius: 8px;background: #ffffff;padding: 5px 10px 10px;margin: 0 0 0;}
 
.dash-wrapp .inner-row1 .add-stud-row .view-invo-row3 .student-table table tr { background: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row3 .student-table table tr th { padding: 10px 10px;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row3 .student-table table tr td { padding: 6px 10px; font-size: 13px;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row3 .student-table table tbody tr:nth-child(odd) { background: #d0d7e373;}



.dash-wrapp .inner-row1 .add-stud-row .view-invo-row4 {width: 100%;background: #ffffff;float: left;display: block;margin: 0 auto;position: relative;padding: 20px 20px;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row4 .invoice-footer h2 {width: 100%;float: left;text-align: center;font-size: 16px;line-height: 22px;font-weight: bold;color: #0274d6;margin: 0 0 10px;font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row4 .invoice-footer p {width: 100%;float: left;display: block;text-align: center;color: #000000;line-height: 20px;font-size: 12px;vertical-align: middle;font-family: 'Open Sans', sans-serif;font-weight: 500;}


.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-contents .row { align-items: flex-end;}

.dash-wrapp .inner-row1 .add-stud-row .note-box { width: 100%; max-width: 400px; float: none; padding: 10px; border: 1px solid #cfd7e3; border-radius: 5px; font-size: 14px; color: #000000; margin: 0 0 20px;}





.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 { width: 100%; float: left; background: #ffffff; border-radius: 12px; padding: 30px 10px; margin: 0 0 20px; position: relative; justify-content: center;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-col1 { min-width: 55%; margin: 0 auto 25px; background: #ffffff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); border: 1px solid #cfd7e3; border-radius: 8px; padding: 15px 15px; text-align: center;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-col1:last-child { margin-bottom: 0;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-col1 .view-status-box { width: 100%; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 18px; line-height: 28px; font-weight: 600; position: relative; font-family: 'Open Sans', sans-serif; color: #000000;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-col1 .view-status-box .status-btn { display: block; color: #0d6efd; font-size: 16px; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-col1 .view-status-box .status-btn:hover { color: #a5aa4d;}


.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-col1 .view-status-box1 { width: 100%; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 17px; line-height: 28px; font-weight: 600; position: relative; font-family: 'Open Sans', sans-serif; color: #252525;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-footer {width: 100%;margin: 5px auto 0 auto;display: block;position: relative;float: left;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-footer .view-btn {width: auto;display: block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 20px;background: #a5aa4d;line-height: normal;font-size: 13px;margin: 10px auto;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-footer .view-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}



/*##### Bulk Upload #####*/


.box-sub-head.edit-wrapper.bulk-list { margin: 0 0 15px;}


.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp { display: none; width: 100%; margin: 0 auto;}

.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp form { padding: 0;}

.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp.show { display: flex;}

.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .box-sub-head.keycode-col { padding: 0;}



.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 { width: 100%; background: transparent; margin: 0 0 10px; border-radius: 12px; padding: 0;}

.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 label { margin: 0 0 10px;}

 .dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 label.checkbox { margin: 10px 0 15px;}

.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .text-field { margin: 0 0 0;}

.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .text-field.business-col1 .uplod-col1 .uplod-box1 input[type="file"]::file-selector-button { border: 8; padding: 5px 10px; height: 33px; border-radius: 2px; background-color: #0274d6; transition: 1s; color: #ffffff;}

.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .text-field.business-col1 .uplod-col1 .uplod-box1 input[type="file"]::file-selector-button:hover { background: #ffffff !important; color: #0274d6;}


.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .current-img { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .current-img img { width: 100%; max-width: 80px; display: block; margin: 0 0 0; height: auto; object-fit: contain; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .con-delbtn { width: 100%; float: left; display: block; margin: 10px 0 0; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #0274d6; position: relative; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .con-delbtn:hover { color: #a4ac44;}



.dash-wrapp .inner-row1 .bulk-wrapp .add-stud-row .form-group .add-stud-row.buslogo-row { margin: 0 0 20px; background: transparent; padding: 0 10px;}

.dash-wrapp .inner-row1 .bulk-wrapp .add-stud-row .form-group .add-stud-row.buslogo-row .form-group .text-fields .text-field .cancel-btn { border: 1px solid #a5aa4d;}

.dash-wrapp .inner-row1 .bulk-wrapp .add-stud-row .form-group .add-stud-row.buslogo-row .form-group .text-fields .text-field .add-btn { border: 1px solid #a5aa4d;}


.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .box-sub-head.keycode-col h2 { width: 60%; font-size: 20px}

.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .box-sub-head.keycode-col .keycode-btn { max-width: 38%; padding: 10px 10px;}








/*##### Contract Template #####*/


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down1 { position: relative; display: inline-block; width: 100%; margin-top: 0;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down1 select { display: none;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down1 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px padding: 0; background-color: #EAEAEA; } 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down1 .select-list1 li {display: none; cursor: pointer;float: left;width: 100%;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down1 .select-list1 li span {display: inline-block;min-height: 35px;min-width: 250px;width: 100%;float: left;padding: 8px 15px 7px 16px;background-color: #ffffff;background-position: left 35px center;background-size: contain;background-repeat: no-repeat;font-size: 14px;text-align: left;color: #000000;opacity: 1;box-sizing: border-box;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down1 .select-list1 li span:hover, 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down1 .select-list1 li span:focus { opacity: 1; }
 
fieldset.scheduler-border { border: solid 1px #DDD !important; padding: 0 10px 10px 10px; border-bottom: none; width: auto !important;}

legend.scheduler-border { width: auto !important;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .button1 { width: 100%; float: left; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .button1::placeholder { color: #696b6c;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down1 label { min-height: inherit; line-height: normal; float: left;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .button1 .select-list-link1 {width: 100%;height: 33px;float: left;display: block;font-size: 12px;position: relative;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #696b6c;border-radius: 6px;line-height: normal;padding: 6px 10px;border: 1px solid #ffffff;outline: none !important;box-shadow: none;-webkit-appearance: none;background: url(../images/select-arrow.svg) no-repeat 95% #ffffff;cursor: pointer;background-size: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .button1 .select-list-link1 i { display: none;}

.dash-wrapp .inner-row1 .contract-tem .contract-col1 .contract-img { width: 100%; padding: 20px 20px 20px 20px;}

.dash-wrapp .inner-row1 .contract-tem .contract-col1 .contract-img img { width: 100%; display: block; margin: 0 auto; height: auto;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down2 { position: relative; display: inline-block; width: 100%; margin-top: 0;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down2 select { display: none;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down2 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px padding: 0; background-color: #EAEAEA; } 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down2 .select-list2 li {display: none; cursor: pointer;float: left;width: 100%;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down2 .select-list2 li span {display: inline-block;min-height: 35px;min-width: 250px;width: 100%;float: left;padding: 8px 15px 7px 16px;background-color: #ffffff;background-position: left 35px center;background-size: contain;background-repeat: no-repeat;font-size: 14px;text-align: left;color: #000000;opacity: 1;box-sizing: border-box;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down2 .select-list2 li span:hover, 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down2 .select-list2 li span:focus { opacity: 1; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down2 label { min-height: inherit; line-height: normal; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .button2 { width: 100%; float: left; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .button2::placeholder { color: #696b6c;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .button2 .select-list-link2 {width: 100%;height: 33px;float: left;display: block;font-size: 12px;position: relative;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #696b6c;border-radius: 6px;line-height: normal;padding: 6px 10px;border: 1px solid #ffffff;outline: none !important;box-shadow: none;-webkit-appearance: none;background: url(../images/select-arrow.svg) no-repeat 95% #ffffff;cursor: pointer;background-size: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .button2 .select-list-link2 i { display: none;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down3 { position: relative; display: inline-block; width: 100%; margin-top: 0;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down3 select { display: none;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down3 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px padding: 0; background-color: #EAEAEA; } 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down3 .select-list3 li {display: none; cursor: pointer;float: left;width: 100%;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down3 .select-list3 li span {display: inline-block;min-height: 35px;min-width: 250px;width: 100%;float: left;padding: 8px 15px 7px 16px;background-color: #ffffff;background-position: left 35px center;background-size: contain;background-repeat: no-repeat;font-size: 14px;text-align: left;color: #000000;opacity: 1;box-sizing: border-box;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down3 .select-list3 li span:hover, 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down3 .select-list3 li span:focus { opacity: 1; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .drop-down3 label { min-height: inherit; line-height: normal; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .button3 { width: 100%; float: left; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .button3::placeholder { color: #696b6c;} 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .button3 .select-list-link3 {width: 100%;height: 33px;float: left;display: block;font-size: 12px;position: relative;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #696b6c;border-radius: 6px;line-height: normal;padding: 6px 10px;border: 1px solid #ffffff;outline: none !important;box-shadow: none;-webkit-appearance: none;background: url(../images/select-arrow.svg) no-repeat 95% #ffffff;cursor: pointer;background-size: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .button3 .select-list-link3 i { display: none;}




/*##### Reviews #####*/

.dash-wrapp .inner-row1 .add-stud-row .form-group .search-box { width: 100%; float: left; display: block; margin: 0 auto; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .search-box .text-field.bill-row { display: flex; align-items: center; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .search-box .text-field.bill-row label { width: -webkit-fill-available; margin: 5px 20px 5px 0; max-width: fit-content;}

.dash-wrapp .inner-row1 .add-stud-row .box-sub-head.review-head h2 { color: #0274d6;}





/*##### Email #####*/

.dash-wrapp .inner-row1 .student-table.common-table.email-table tr th { padding: 10px 20px 15px 20px;}

.dash-wrapp .inner-row1 .student-table.common-table.email-table tbody tr { width: 95%; float: none; margin: 0 auto; clear: both; display: flex; justify-content: center; border: 1px solid #0274d6; border-radius: 8px; overflow: hidden; background: transparent;}

.dash-wrapp .inner-row1 .student-table.common-table.email-table tbody tr td { width: 20%; padding: 10px 15px 15px 15px; border-right: 1px solid #0274d6; background: transparent; font-weight: 500;}

.dash-wrapp .inner-row1 .student-table.common-table.email-table tbody tr td:last-child { border: 0;}

.dash-wrapp .inner-row1 .student-table.common-table.email-table tbody tr td img { width: 100%; display: block; margin: 0 -15% 15px 0; max-width: 100px; height: auto;}



.dash-wrapp .inner-row1 .add-stud-row.email-row { padding: 0; background: transparent;}

.dash-wrapp .inner-row1 .add-stud-row.email-row form { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field.email-radio { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 { background: transparent; padding: 0; width: 100%; margin: 0 auto; display: block; float: left;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field .radio-box { height: auto; margin-bottom: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field .radio-box .checkbox {color: #ffffff; margin-bottom: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field .radio-box .checkbox input:checked ~ .checkmark { background-color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field .radio-box .checkbox a.tool { color: #ffffff; margin-left: 5px;}


.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field { margin: 0 0 20px 0;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .text-field label { color: #ffffff;}



.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field .add-wrapp.reg-add { color: #ffffff; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field .add-wrapp.reg-add .reg-btn { border: 2px solid #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field .add-wrapp.reg-add .reg-btn:hover { border: 2px solid #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 span.hint { color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field small { color: #ffffff; width: 100%; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 12px; line-height: 16px; font-weight: 400;}



.dash-wrapp .inner-row1 .student-table table tr td .check-btn { width: 100%; max-width: 40px; display: block; min-width: 30px; height: 100%; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #00b9ea; padding: 12px 5px; color: #ffffff;}

.dash-wrapp .inner-row1 .student-table table tr td .check-btn i { color: #ffffff; width: 100%; display: block; margin: 0 auto; height: 100%; object-fit: contain; max-width: 30px; min-width: 30px; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out; font-size: 16px;}

.dash-wrapp .inner-row1 .student-table table tr td .check-btn:hover { opacity: 0.7;}

.dash-wrapp .inner-row1 .student-table table tr td .temp-btn { width: 100%; float: left; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 8px 25px 8px 25px; line-height: normal; font-size: 14px; margin: 15px 0 15px 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .student-table table tr td .temp-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}



.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .main-popup { width: 100%; display: block; margin: 10px auto 0; float: left; position: relative; border: 3px solid #afb361bf; border-radius: 8px; padding: 10px 15px; overflow: hidden;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .main-popup p { width: 100%; float: left; color: #000000; line-height: 22px; font-size: 14px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 500; margin: 0 0 10px;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .main-popup span { width: 100%; display: block; margin: 10px 0; float: left; position: relative;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .main-popup span img { width: 100%; display: block; margin: 0 0 0; max-width: 200px; height: auto;}


.dash-wrapp.admin-wrapp .inner-row1 .common-table.leads-email-table table.stud-table { min-width: 340px;}

.dash-wrapp .inner-row1 .common-table.leads-email-table td small { color: #000000; display: inline; margin: 0 0 5px; padding: 0 0 0; font-size: 12px; line-height: 16px; font-weight: 400;}

.dash-wrapp .inner-row1 .common-table.leads-email-table td small a { padding: 2px 5px; background: #0274d69c; color: #ffffff; display: inline-block;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .currt-img { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .currt-img img {width: auto;display: block;margin: 0 0 0;max-width: 80px;height: auto;object-fit: contain;border-radius: 5px;overflow: hidden;transition: all 0.4s ease-in-out;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .currt-img small a { width: 100%; float: left; display: block; margin: 10px 0 0; padding: 0 0 0; font-size: 13px; line-height: 18px; font-weight: 400; color: #af0028; position: relative;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .email-col1 { width: 100%; display: flex; margin: 0 0 5px; position: relative; float: left; align-items: flex-start;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .email-col1 .email-box1 { width: 70%; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .email-col1 .email-box2 { width: 26%; padding: 0; display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin-left: 4%; justify-content: flex-end;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .email-col1 .email-box2 .Current-file { width: fit-content; color: #ffffff; float: left; display: inline-block; margin: 5px 5px 5px 0; padding: 0 0 0; font-size: 13px; line-height: 18px; font-weight: 600; position: relative; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .email-col1 .email-box2 .delete-btn { width: fit-content; margin: 0 0 0 5%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .email-col1 .email-box2 .Current-file:hover { color: #c8d52f;}


.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .text-field .control-label { margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .text-field .control-label .reg-btn {width: auto;display: inline-block;color: #ffffff; border: 2px solid #a5aa4d; border-radius: 5px;padding: 10px 14px;background: #a5aa4d;line-height: 12px;font-size: 11px;margin: 5px 0 5px 5px;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 700;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .text-field .control-label .reg-btn:hover { color: #ffffff; border: 2px solid #a5aa4d; background: #0274d6;}



#add_fields .form-control { width: 100%; height: 33px; font-size: 12px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 10px; background: #ffffff; border: 1px solid #ffffff; outline: none !important; box-shadow: none;}

#add_fields .form-control::placeholder { color: #696b6c;}

#add_fields span.hint { width: 100%; float: left; display: block; margin: 6px 0 5px; padding: 0 0 0; font-size: 12px; line-height: 16px; font-weight: 400; color: #000000; position: relative; font-style: italic;}

#add_fields .uplod-col1 span.text-danger { width: 100%; float: left; display: block; margin: 0 0 0; padding: 0 0 0; font-size: 12px; line-height: 16px; font-weight: 400; color: #af0028 !important; position: relative; font-style: italic;}

#add_fields .uplod-col1 { width: 100%; display: flex; margin: 0 0 15px; position: relative; float: left;}

#add_fields .uplod-col1 .uplod-box2 { width: fit-content; float: right; margin-left: 5%; position: relative; display: block;}

#add_fields .uplod-col1 .uplod-box1 { width: -webkit-fill-available; margin: 0 0 0; position: relative; float: left; display: block;}


#add_fields input[type="file"]::file-selector-button { border: 0; padding: 5px 10px; height: 33px; border-radius: 2px; background-color: #a5aa4d; transition: 1s; color: #ffffff;}

#add_fields input[type="file"]::file-selector-button:hover { background: #0274d6 !important;}

#add_fields span.hint { width: 100%; float: left; display: block; margin: 6px 0 5px; padding: 0 0 0; font-size: 12px; line-height: 16px; font-weight: 400; color: #000000; position: relative; font-style: italic;}
 
#add_fields .uplod-col1 .remove-col { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

#add_fields .uplod-col1 .remove-col span { width: fit-content; float: left; display: inline-block; color: #ffffff !important; background: #dc3545; font-size: 12px; font-style: normal; font-weight: bold; font-family: 'Open Sans', sans-serif; padding: 7px 10px; box-shadow: none !important; border-radius: 5px;}


.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .common-table .stud-table { min-width: 490px;}





/*##### List Client Events #####*/


.clien-event-row { margin: 0 auto 20px; width: 100%; padding: 0; float: left;}

.clien-event-row .col-sm-12 { padding: 0;}

.clien-event-row p.event-con { font-size: 12px; color: #000000; display: block; margin: 0 0 10px; padding: 0 0 0; line-height: 16px; font-weight: 400;}

.clien-event-row p.event-con a { color: #a5aa4d;}

.clien-event-row p.event-con a:hover { color: #0274d6;}


.clien-event-row [data-tooltip]:before { bottom: inherit; top: 30px; max-width: 285px; width: max-content; left: 0; right: 0; font-size: 11px; text-align: justify; z-index: 9999;}

.clien-event-row [data-tooltip]:after { bottom: inherit; top: 25px; border-top: 0; border-bottom: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent;}

 

.dash-wrapp .inner-row1 .box-sub-head ul.inner-tabs { width: 100%; display: flex; flex-wrap: wrap; position: relative; margin: 0 0 25px; float: left;}

.dash-wrapp .inner-row1 .box-sub-head ul.inner-tabs li { float: none; display: inline-block; margin: 0 6px 6px 0; font-size: 14px; line-height: 28px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .box-sub-head ul.inner-tabs li a { padding: 4px 10px; display: block; color: #ffffff; background: #a4ac44; border-radius: 5px;}

.dash-wrapp .inner-row1 .box-sub-head ul.inner-tabs li.active a { color: #ffffff; background: #0274d6;}

.dash-wrapp .inner-row1 .box-sub-head ul.inner-tabs li a:hover { color: #ffffff; background: #0274d6;}

.dash-wrapp .inner-row1 .student-table table tr td .badge-secondary { background-color: #6407d1 !important;}

.student-table table tr td .badge-secondary { background-color: #6407d1 !important;}

.dash-wrapp .inner-row1 .student-table table tr td .badge-warning { background-color: #ff8800 !important;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .payment-rows .steams-green { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .payment-rows .steams-green label {margin: 0 0 0; color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .payment-rows .steams-green.costs label { color: #0274d6; font-size: 18px; margin: 20px 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .StripeElement { float: left; width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field p.char-text { font-size: 13px; color: #0274d6; display: block; margin: 5px 0 0; padding: 0 0 0; line-height: 16px; font-weight: 400;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field h3 { width: 100%; float: left; font-size: 14px; line-height: 32px; font-weight: bold; color: #04ab47; margin: 0 0 0; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .remove-btn { width: fit-content; float: right; display: inline-block; color: #ffffff; background: #0274d6; border: 1px solid #0274d6; border-radius: 5px; padding: 6px 15px 7px 16px; line-height: normal; font-size: 12px; margin: 0 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 600;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .remove-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .col-sm-12.text-field.event-message label.checkbox { font-size: 14px; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .text-field .radio-box .checkbox { width: 100%; font-size: 13px; font-weight: bold; color: #252525;}


.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row { align-items: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row .radio-box { height: auto;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row .col-sm-2.text-field label { margin: 0 0 0; text-align: center; }



.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 { align-items: flex-start;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .radio-box { height: auto;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .col-sm-2.text-field label { margin: 0 0 0; text-align: center; }


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.sms-radio { height: auto;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.sms-radio .checkbox { font-size: 13px; font-weight: bold; color: #252525;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.sms-radio .checkbox { width: fit-content; margin-right: 5%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.sms-radio .checkbox:last-child { margin-right: 0;}



.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .text-field.bill-row .form-control { width: 15%; margin: 0 0.5%;}

.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .text-field.bill-row label { width: 33%; margin-right: 1%;}

.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .text-field.bill-row label.event-before { margin-right: 0; margin-left: 1%;}

.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .text-field.bill-row .search-btn.full { padding-left: 5px; padding-right: 5px; text-align: center;}



.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .bootstrap-select .dropdown-menu { background: #0274d6; border: 0; border-radius: 6px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .bootstrap-select .dropdown-menu .bs-actionsbox { width: 100%; padding: 5px 13px; text-align: center; justify-content: center; display: flex;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .bootstrap-select .dropdown-menu .bs-actionsbox .btn-group { width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .bootstrap-select .dropdown-menu .bs-actionsbox .btn-group button.actions-btn { width: 49%; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; display: block; flex: inherit; border-radius: 5px; margin: 0 0.5%; outline: none; box-shadow: none;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .bootstrap-select .dropdown-menu .bs-actionsbox .btn-group button.actions-btn:hover { color: #ffffff; border: 1px solid #ffffff; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .bootstrap-select .dropdown-menu .inner ul.dropdown-menu a { font-size: 12px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #ffffff; border-radius: 0; line-height: normal; padding: 5px 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .bootstrap-select .dropdown-menu .inner ul.dropdown-menu a:hover { background: #a5aa4d;}





/*##### Employee Wrapp #####*/


.dash-wrapp .inner-row1 .add-stud-row.edit-row.employee-wrapp { background: transparent;}
 
.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows .student-table.common-table { background: transparent; padding: 0; margin: 0; border-radius: 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows table tr { background: transparent;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows table th { color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows table td { color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows table td .text-field { margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows table td .checkbox input:checked ~ .checkmark { background-color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows table td .checkbox input:checked ~ .checkmark:after { border: solid #0274d6; border-width: 0 2px 2px 0; left: 5px; top: 1px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows table td .checkbox .checkmark { background-color: transparent; border: 1px solid #ffffff;}


.dash-wrapp .inner-row1 .add-stud-row.edit-row.employee-wrapp .add-stud-row.update-row { margin-top: 25px !important;}

.dash-wrapp .inner-row1 .add-stud-row.edit-row.employee-wrapp .add-stud-row.update-row .col-sm-12.text-field { width: 100%; padding: 0; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows .row.grade-table-row { width: 100%; margin: 0 auto; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows .grade-table-row { width: 100%; margin: 0 auto; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows .grade-table-row th:first-child { padding-left: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows .grade-table-row th:last-child { padding-right: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows .grade-table-row td:first-child { padding-left: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp.employee-rows .grade-table-row td:last-child { padding-right: 15px;}




.dash-wrapp .inner-row1 .entry-row.employee-tabs .add-head { width: 100%; display: block; float: left; margin: 0 0 10px; position: relative;}

.dash-wrapp .inner-row1 .entry-row.employee-tabs .add-head h2 { padding: 0 12px;}

.dash-wrapp .inner-row1 .entry-row.employee-tabs .btn-employee {width: auto;display: inline-block;color: #ffffff;border: 1px solid #a4ac44;border-radius: 5px;padding: 6px 14px;background: #a4ac44; font-size: 13px;margin: 5px 0 5px 5px;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 700;}

.dash-wrapp .inner-row1 .entry-row.employee-tabs .btn-employee:hover { color: #ffffff; border: 1px solid #ffffff; background: #0274d6;}

.dash-wrapp .inner-row1 .entry-row.employee-tabs .btn-employee i { margin: 0 3px 0 0;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.external-profile { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.external-profile input[type="file"]::file-selector-button { border: 8; padding: 5px 10px; height: 33px; border-radius: 2px; background-color: #0274d6; transition: 1s; color: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.external-profile input[type="file"]::file-selector-button:hover { background: #ffffff !important; color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.external-details .text-field.new-sec { width: 100%;}






/*##### External Wrapp #####*/

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.external-row { height: auto; display: block;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.external-row .row { padding: 0; align-items: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.external-row .checkbox { width: 100%; font-weight: bold; font-size: 13px; margin: 5px 0;}

.dash-wrapp .inner-row1 .student-table table tr td p { color: #000000; line-height: 24px; font-size: 12px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: normal;}

.dash-wrapp .inner-row1 .student-table table tr td h3 { color: #000000; line-height: 24px; font-size: 14px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: bold;}



.modal .modalWrapper .add-head.employee-list h2 { padding: 0; font-size: 18px; margin: 0 0 10px;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .add-head.employee-list label { margin: 0 0 15px;}


.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .add-head.employee-list label.outbox-message .invoice { background: #ffffff; padding: 0 0 15px 0 !important;}
 
.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .add-head.employee-list label.outbox-message .invoice > div { padding: 0 15px;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .add-head.employee-list label.outbox-message .invoice table tr td { padding: 10px 15px;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .add-head.employee-list label.outbox-message .invoice table tr th { padding: 10px 15px;}




/*##### Reports Wrapp #####*/

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .pdf_view_div .view-file .view-btn { float: left; margin-top: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .excel_view_div .view-file .view-btn { float: left; margin-top: 10px;}


.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .text-field span.form-control { float: left; font-size: 13px; line-height: 20px;}


.dash-wrapp .inner-row1 .entry-row .form-group .radio-box { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 10px; position: relative; float: left; justify-content: flex-start;}

.dash-wrapp .inner-row1 .entry-row .form-group .radio-box .text-fields .text-field .checkbox { width: fit-content; padding-left: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: inline-block; position: relative; margin: 0 0 15px 0; font-size: 14px; line-height: 18px; font-weight: 500; color: #ffffff; font-family: 'Open Sans', sans-serif; position: relative;}

.dash-wrapp .inner-row1 .entry-row .form-group .radio-box .text-fields .text-field .checkbox:last-child { margin-right: 0;}

.dash-wrapp .inner-row1 .entry-row .form-group .radio-box .text-fields .text-field .checkbox input { position: absolute; opacity: 0; cursor: pointer;}

.dash-wrapp .inner-row1 .entry-row .form-group .radio-box .text-fields .text-field .checkbox .checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; border-radius: 2px; background-color: #ffffff;}

.dash-wrapp .inner-row1 .entry-row .form-group .radio-box .text-fields .text-field .checkbox input:checked ~ .checkmark { background-color: #a5aa4d;}

.dash-wrapp .inner-row1 .entry-row .form-group .radio-box .text-fields .text-field .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.dash-wrapp .inner-row1 .entry-row .form-group .radio-box .text-fields .text-field .checkbox input:checked ~ .checkmark:after { display: block;}

.dash-wrapp .inner-row1 .entry-row .form-group .radio-box .text-fields .text-field .checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


.dash-wrapp .inner-row1 .entry-row .form-group .radio-box .text-fields .col-sm-12.text-field { width: 100%;}


.payment-report-wrapp { width: 100%; padding: 0; margin-top: 15px; float: left;}

.payment-report-wrapp .box-sub-head h2 { font-size: 20px;}

.payment-report-wrapp .listus-table canvas { max-width: 100%;}



.dash-wrapp .inner-row1 .common-table.financial-table table tr th { padding-right: 20px; padding-left: 20px;}

.dash-wrapp .inner-row1 .common-table.financial-table table tr td { padding-right: 20px; padding-left: 20px;}

.dash-wrapp .inner-row1 .common-table.financial-table table tr td.report-date { color: #0274d6; font-weight: 600;}


 

.dash-wrapp .inner-row1 .student-table table tr th .checkbox.select_class { padding: 0;}

.dash-wrapp .inner-row1 .student-table table tr th .checkbox.select_class .checkmark { position: relative; display: block;}


 .leads-chart-wrapp .student-table.listus-table .chart-top { width: 100%; text-align: center; display: block; margin: 10px 0 15px;}

.leads-chart-wrapp .student-table.listus-table .chart-top h3 { font-size: 20px; line-height: 30px; font-weight: bold; color: #0274d6; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 10px; padding: 0;}

.leads-chart-wrapp .student-table.listus-table .chart-top h4 { font-size: 18px; line-height: 24px; font-weight: bold; color: #a5aa4d; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 15px;}

.leads-chart-wrapp .student-table.listus-table .chart-top h5 { font-size: 18px; line-height: 24px; font-weight: 500; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 10px;}





.dash-wrapp .inner-row1 .common-table .comparison-row { width: 100%; margin: 0 auto; padding: 0; position: relative;}

.dash-wrapp .inner-row1 .common-table .comparison-row .comparison-col1 h3 { font-size: 20px; line-height: 30px; font-weight: bold; color: #0274d6; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 10px; text-align: center;}

.dash-wrapp .inner-row1 .common-table .comparison-row .comparison-col1 h4 { font-size: 18px; line-height: 24px; font-weight: bold; color: #a5aa4d; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 15px; text-align: center;}

.dash-wrapp .inner-row1 .common-table .comparison-row .comparison-col1 h5 { font-size: 18px; line-height: 24px; font-weight: 500; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 10px; text-align: center;}


.dash-wrapp .inner-row1 .common-table .comparison-row .comparison-col1 { position: relative; float: left;}

.dash-wrapp .inner-row1 .common-table .comparison-row .comparison-col1 iframe { max-width: 100%; float: left;}

.dash-wrapp .inner-row1 .common-table .comparison-row .comparison-col1 table.call-logs { min-width: 280px;}

.dash-wrapp .inner-row1 .common-table .comparison-row .comparison-col1 table.call-logs th { padding-left: 10px; padding-right: 10px;}




.dash-wrapp .inner-row1 .leads-wrapp .student-table table.call-logs { min-width: 280px;}

.dash-wrapp .inner-row1 .leads-wrapp .student-table table.call-logs th { padding-left: 20px; padding-right: 20px;}

.dash-wrapp .inner-row1 .leads-wrapp .student-table table.call-logs td { padding-left: 20px; padding-right: 20px;}
 
.dash-wrapp .inner-row1 .leads-wrapp .box-sub-head { margin: 0 0 0;}



.modal .modalWrapper .add-stud-row .modal-body { width: 100%; float: left; padding: 0;}







/*##### Calendar Wrapp #####*/ 


.dash-wrapp .inner-row1.view-icons .inner-col1 ul.inner-tabs li a { padding: 7px 8px; float: left; text-align: center; vertical-align: middle;}

.dash-wrapp .inner-row1.view-icons .inner-col1 ul.inner-tabs li a i { font-size: 30px; display: block; width: 30px; height: 30px; margin: 0 auto;}



.dash-wrapp .inner-row1.view-icons .inner-head .inner-toprow ul.inner-links { width: 100%;}

.dash-wrapp .inner-row1.view-icons .inner-head .inner-toprow ul.inner-tabs { width: fit-content; margin: 0 0 10px;}


.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields {width: 100%;margin: 10px auto 0 auto;padding: 0;float: left;align-items: center;justify-content: space-between; border-bottom: 2px solid #d9dcde;}

.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field { padding: 0;float: left;margin: 0 0 10px 0;position: relative;display: block;}

.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field .view-calender { width: 98%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; position: relative; margin: 0 0 15px 2%;}

.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field .view-calender label { width: fit-content; float: left; display: block; margin: 5px 3% 5px 0; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field .view-calender select.form-control { width: 100%; height: 33px; font-size: 12px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 25px 5px 10px; border: 1px solid #d9dcde; outline: none !important; box-shadow: none; -webkit-appearance: none; background: url(../images/select-arrow.svg) no-repeat 95% #ffffff; cursor: pointer; background-size: 10px;}





.box-sub-head.calendar-tabs { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}

.box-sub-head.calendar-tabs .nav.classic-tabs { width: fit-content; float: left; margin: 0 0 15px;}

.box-sub-head.calendar-tabs .nav.classic-tabs li.nav-item { float: none; display: inline-block; margin: 0 6px 0 0;}

.box-sub-head.calendar-tabs .nav.classic-tabs li.nav-item .nav-link { padding: 4px 10px; display: block; color: #ffffff; background: #a4ac44; border-radius: 5px; border: 0; margin: 0 0 10px 0;}

.box-sub-head.calendar-tabs .nav.classic-tabs li.nav-item .nav-link:hover { color: #ffffff; background: #0274d6;}

.box-sub-head.calendar-tabs .nav.classic-tabs li.nav-item .nav-link.active {color: #ffffff; background: #0274d6;}




.box-sub-head.calendar-tabs .calendar-topbox { width: auto; float: right; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 15px 0;}

.box-sub-head.calendar-tabs .calendar-topbox h4 { font-size: 12px; line-height: 28px; font-weight: normal; color: #000000; position: relative; font-family: 'Open Sans', sans-serif;}

.box-sub-head.calendar-tabs .calendar-topbox h4 a { width: auto; float: left; display: inline-block; color: #ffffff; border: 1px solid #0274d6; background: #0274d6; border-radius: 5px; padding: 7px 10px 7px 10px; line-height: normal; margin: 0 7px 10px 0; position: relative; outline: none;}

.box-sub-head.calendar-tabs .calendar-topbox h4 a:hover { color: #ffffff; border: 1px solid #a4ac44; background: #a4ac44;}

.box-sub-head.calendar-tabs .calendar-topbox h4 span.label-clndr { width: auto; float: left; display: inline-block; color: #ffffff; border: 1px solid #a4ac44; background: #a4ac44; border-radius: 5px; padding: 7px 10px 7px 10px; line-height: normal; margin: 0 7px 0 0; position: relative; outline: none;}

.box-sub-head.calendar-tabs .calendar-topbox .btn-group { width: auto; float: left; display: inline-block; color: #ffffff; background: #0274d6; border-radius: 5px; padding: 0; line-height: normal; margin: 0 0 10px 0; position: relative; outline: none; overflow: hidden;}

.box-sub-head.calendar-tabs .calendar-topbox .btn-group a.cal-arrow-btn { font-size: 15px; color: #ffffff; padding: 4px 10px 4px 10px; background: #0274d6; float: left;}

.box-sub-head.calendar-tabs .calendar-topbox .btn-group a.cal-arrow-btn:hover { background: #a4ac44;}

.box-sub-head.calendar-tabs .calendar-topbox .btn-group a.cal-arrow-btn:first-child { padding-right: 5px;}

.box-sub-head.calendar-tabs .calendar-topbox .btn-group a.cal-arrow-btn:last-child { padding-left: 5px;}



 
.dash-wrapp .inner-row1.view-icons .student-table table table { min-width: inherit; width: auto;}

.dash-wrapp .inner-row1.view-icons .student-table table td { vertical-align: text-bottom;}

.dash-wrapp .inner-row1.view-icons .student-table table table tr td { padding-left: 5px; padding-right: 5px; text-wrap: nowrap;}

.dash-wrapp .inner-row1.view-icons .student-table table tr.time-td { background: #dadddf;}


.dash-wrapp .inner-row1.view-icons .student-table table td .active-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #04ab47; border-radius: 5px; padding: 6px 10px; background: #04ab47; line-height: 12px; font-size: 11px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}
 

.dash-wrapp .inner-row1.view-icons .student-table.assign-table table td { vertical-align: middle;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field p { width: 100%; float: left; display: block; margin: 5px 0 5px; padding: 0 0 0; font-size: 14px; line-height: 20px; font-weight: normal; color: #000000; position: relative;}
 
.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field ol { width:100%; float: left; counter-reset: my-awesome-counter; margin:0 auto 0; position: relative; padding-left:0; }

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field ol li {font-size: 14px;color: #000000;line-height: 24px;counter-increment: step-counter;padding-left:15px;width: auto;margin: 5px auto 8px;position: relative;font-family: 'Open Sans', sans-serif;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field ol li a { color: #0274d6; font-weight:bold; }

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field ol li a:hover { color: #000000; }

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field ol li:before { content: counter(step-counter)'.'; margin-right: 0px; position: absolute; left: 0px; color: #0274d6; font-size: 14px; top: 0; font-weight: 600;}

 


.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li.view-add .btn { width: auto; display: inline-block; color: #ffffff; border: 1px solid #04ab47; border-radius: 5px; padding: 10px 15px; background: #04ab47; line-height: 22px; font-size: 12px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li.view-add .btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

 
.modalWindow.calendar-modal .modalWrapper .student-table table { min-width: 200px;}

.modalWindow.calendar-modal .modalWrapper .student-table table table { min-width: inherit; width: auto;}

.modalWindow.calendar-modal .modalWrapper .student-table table td { vertical-align: text-bottom;}

.modalWindow.calendar-modal .modalWrapper .student-table table table tr td { padding-left: 5px; padding-right: 5px; text-wrap: nowrap;}

.modalWindow.calendar-modal .modalWrapper .student-table table tr.time-td { background: #dadddf;} 

.modalWindow.calendar-modal .modalWrapper .student-table table td .active-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #04ab47; border-radius: 5px; padding: 6px 10px; background: #04ab47; line-height: 12px; font-size: 11px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}
 
.modalWindow.calendar-modal .modalWrapper .student-table.assign-table table td { vertical-align: middle;}



.modalWindow.calendar-modal .modalWrapper .box-sub-head.calendar-tabs { padding: 0 12px;}

.modalWindow.calendar-modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .cke_browser_webkit { width: 100%; display: block; margin: 0 0 0; float: left;}


.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field .view-calender .permission-btn { width: auto; display: inline-block; color: #ffffff; border: 1px solid #0274d6; border-radius: 5px; padding: 10px 15px; background: #0274d6; line-height: 22px; font-size: 12px; margin: 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}

.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field .view-calender .permission-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}



/*.box-sub-head.calendar-tabs.viewall-row { justify-content: flex-start;}*/

.box-sub-head.calendar-tabs.viewall-row .view-assign-col { width: fit-content; float: left; margin: 0 0 15px 0; display: inline-block; position: relative;}

.box-sub-head.calendar-tabs.viewall-row .view-assign-col .assign-row { display: flex; flex-wrap: wrap; align-items: center; position: relative; float: left; margin: 0 0 0;}

.box-sub-head.calendar-tabs.viewall-row .view-assign-col .assign-row .btn-assgn-btn {width: auto;display: inline-block;color: #ffffff;border: 0;border-radius: 5px;padding: 4px 10px;background: #a4ac44;line-height: 26px;font-size: 14px;margin: 0 5px 10px 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 700;}

.box-sub-head.calendar-tabs.viewall-row .view-assign-col .assign-row .btn-assgn-btn:hover {color: #ffffff; background: #0274d6;}


.box-sub-head.calendar-tabs.viewall-row .view-assign-col .assign-row .form-control {width: auto;height: 34px;font-size: 14px;position: relative;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #ffffff;border-radius: 6px;line-height: normal;padding: 5px 10px;background: #0274d6;border: 0;outline: none !important;box-shadow: none;margin: 0 10px 10px 0;}

.box-sub-head.calendar-tabs.viewall-row .view-assign-col .assign-row .form-control::placeholder { color: #696b6c;}
 
.box-sub-head.calendar-tabs.viewall-row .view-assign-col .assign-row select.form-control {-webkit-appearance: none;background: url(../images/select-arrow-white.svg) no-repeat 95% #0274d6;cursor: pointer;background-size: 10px;}

.box-sub-head.calendar-tabs.viewall-row .view-assign-col .assign-row select.form-control:hover { background: url(../images/select-arrow-white.svg) no-repeat 95% #a4ac44; border-color: #a4ac44; background-size: 10px;}







/*##### Quiz Wrapp #####*/


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quiz-title .text-field label { min-height: 44px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box h4 { font-size: 15px; margin: 0 0 0 5px; color: #a5aa4d; cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.note-text { width: 100%; color: #0274d6; font-size: 14px; display: block;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field label h4 { font-size: 15px; margin: 0 0 0 5px; color: #a5aa4d; cursor: pointer;}


.dash-wrapp .dash-row1 .box-sub-head.keycode-col.quiz-head h2 { width: 50%;}
 
.dash-wrapp .dash-row1 .box-sub-head.keycode-col.quiz-head .quiz-head-btn { width: 48%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; position: relative; margin: 0 0 0;}

.dash-wrapp .dash-row1 .box-sub-head.keycode-col.quiz-head .quiz-head-btn .keycode-btn {max-width: inherit;}


 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quiz-clients label { min-height: inherit;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quiz-clients .radio-box { height: auto; display: block; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quiz-clients .radio-box .row { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quiz-clients .radio-box .text-field .checkbox { width: 100%; margin: 0 0 16px; font-weight: bold;}



.dash-wrapp .dash-row1 .box-sub-head.keycode-col.visitior-box1 { align-items: flex-end;}

.dash-wrapp .dash-row1 .box-sub-head.keycode-col.visitior-box1 .visitior-quiz { width: 68%; margin-right: 2%;}

.dash-wrapp .dash-row1 .box-sub-head.keycode-col.visitior-box1 .visitior-quiz h2 { width: 100%; margin-right: 0;}

.dash-wrapp .dash-row1 .box-sub-head.keycode-col.visitior-box1 .quiz-head-btn { width: 30%; margin-bottom: 4px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quiz-clients .text-field .bootstrap-select .dropdown-menu { background: #0274d6; border: 0; border-radius: 6px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quiz-clients .text-field .bootstrap-select .dropdown-menu .bs-actionsbox { width: 100%; padding: 5px 13px; text-align: center; justify-content: center; display: flex;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quiz-clients .text-field .bootstrap-select .dropdown-menu .bs-actionsbox .btn-group { width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quiz-clients .text-field .bootstrap-select .dropdown-menu .bs-actionsbox .btn-group button.actions-btn { width: 49%; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; display: block; flex: inherit; border-radius: 5px; margin: 0 0.5%; outline: none; box-shadow: none;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quiz-clients .text-field .bootstrap-select .dropdown-menu .bs-actionsbox .btn-group button.actions-btn:hover { color: #ffffff; border: 1px solid #ffffff; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quiz-clients .text-field .bootstrap-select .dropdown-menu .inner ul.dropdown-menu a { font-size: 12px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #ffffff; border-radius: 0; line-height: normal; padding: 5px 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quiz-clients .text-field .bootstrap-select .dropdown-menu .inner ul.dropdown-menu a:hover { background: #a5aa4d;}





.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 p { width: 100%; float: left; display: block; margin: 0 0 0; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #252525; position: relative; font-family: 'Open Sans', sans-serif; }


.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .view-invo-row2 {width: 100%;float: left;display: block;margin: 0 auto;position: relative;padding: 0 10px 0 10px; background: transparent;}

.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .view-invo-row2 .invo-tophead { padding: 0 2px;}

.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .view-invo-row2 .invoice-head { width: 100%; float: none; display: block; background: #0274d6; margin: 0 auto 15px; padding: 10px 15px;}

.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .view-invo-row2 .invoice-head h2 {color: #ffffff;margin: 0 auto;text-align: center;font-size: 20px;line-height: 28px;padding: 0;text-transform: uppercase;}


.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .form-group .text-fields .text-field .visitor-heads { width: 100%; float: left; display: block; padding: 0 10px 0; margin-top: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .form-group .text-fields .text-field .visitor-heads h2 { padding: 0;}


.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .form-group .text-fields .text-field .vsitor-cols { width: 100%; float: left; display: block; padding: 0 10px 0; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .form-group .text-fields .text-field .vsitor-cols h3 { color: #a4ac44; font-size: 16px; margin: 0 0 15px; line-height: 30px;}

.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .form-group .text-fields .text-field .frb-group { width: 100%; float: left; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .form-group .text-fields .text-field .frb-group .radio-box { height: auto;}

.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .form-group .text-fields .text-field .frb-group .radio-box .checkbox { width: 100%; margin: 0 0 10px; background: #cccccc; padding: 10px 10px 10px 40px; border-radius: 8px; font-size: 14px; font-weight: bold; min-height: 38px;}

.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .form-group .text-fields .text-field .frb-group .radio-box .checkbox span.checkmark { top: 50%; transform: translateY(-50%); left: 15px;}

.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .form-group .text-fields .text-field .frb-group .radio-box .checkbox.danger { background: #af0028; color: #ffffff;}


.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .form-group .text-fields .text-field .frb-group .radio-box .checkbox.disabled { pointer-events: none;}

.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .form-group .text-fields .text-field .frb-group .radio-box .checkbox.checked { background: #04ab47; color: #ffffff;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .add-atten-btn.pull-right { float: right;}



.pagination_new_style.quiz-page ul.pagination { float: left;}


.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field#reason_list { width: 90%;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .add-wrapp.sub-add { margin: 0 0 20px 0; position: relative; width: fit-content; float: right; top: inherit; right: inherit ;max-width: 10%;}



.dash-wrapp .inner-row1 .add-stud-row .form-group.contfield-form-box { margin: 0 0 10px;}




/*##### Leads Wrapp #####*/


.add-wrapp.lead-profile-box .lead-probtn { width: 100%; display: inline-block; color: #ffffff; border: 0; border-radius: 5px; padding: 10px 15px; line-height: 12px; font-size: 12px; margin: 0 auto 15px; position: relative; outline: none !important; box-shadow: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}

.add-wrapp.lead-profile-box .lead-probtn:hover { color: #ffffff; background: #a5aa4d; }

.add-wrapp.lead-profile-box .lead-probtn i { padding-right: 2px;}


.add-wrapp.lead-profile-box .add-stud-row .form-group.contfield-form-box .text-fields .text-field h3 { font-size:18px; }


.dash-wrapp .inner-row1 .student-table.lead-table { padding: 0; margin: 0; border-radius: 0;}

.dash-wrapp .inner-row1 .student-table.lead-table table.stud-table { min-width: 300px;}

.dash-wrapp .inner-row1 .student-table.lead-table table.stud-table tr a { color: #000000; display: block;}

.dash-wrapp .inner-row1 .student-table.lead-table tr th { padding: 10px 10px !important;}

.modal .modalWrapper .add-stud-row .form-group.add-box.goals-modal p { width: 100%; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: 400; color: #000000; position: relative; font-family: 'Open Sans', sans-serif;}

.modal .modalWrapper .add-stud-row .form-group.add-box.goals-modal p .green-text { color:#04ab47; }


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-add .text-field:last-child { display: flex; flex-wrap: wrap; align-items: flex-end; padding-left: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-add .text-field .add-wrapp.sub-add { position: relative; right: 0; width: 100%; top: 0; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-add .text-field .add-wrapp.sub-add .add-btn { width: 100%; padding: 6px 5px 6px 6px; display: block; margin: 0 0 0;}

 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-row1 .text-field .goal-box { width: 100%; display: block; background: #0274d6; padding: 15px 15px 15px 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-row1 .text-field .goal-box label { color: #ffffff; font-size: 13px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-row1 .col-sm-8.text-field { display: flex; flex-wrap: wrap; padding: 0; padding: 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-row1 .col-sm-8.text-field { display: flex; flex-wrap: wrap; padding: 0; padding: 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-row1 .col-sm-8.text-field .goal-box { width: 50%;}
 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-row1 .col-sm-8.text-field .goal-box:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-row1 .col-sm-8.text-field .goal-box:nth-child(2) { border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding-left: 0;}

 

.dash-wrapp .inner-row1 .common-table.leads-table td a { display: inline;}

.dash-wrapp .inner-row1 .common-table.leads-table tr td .badge { float: none; display: inline; margin-left: 5px;}

.dash-wrapp .inner-row1 .student-table.lead-table th { border: 1px solid #8d8d8d;}


.dash-wrapp .inner-row1 .student-table.lead-table .lead-view-btn { width: auto; float: right; display: block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 6px 20px 6px 20px; background: #a5aa4d; line-height: normal; font-size: 14px; margin: 15px auto 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold; cursor: pointer;}

.dash-wrapp .inner-row1 .student-table.lead-table .lead-view-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .student-table.lead-table table.stud-table td { border: 1px solid #8d8d8d; padding: 10px 10px !important;}

.dash-wrapp .inner-row1 .student-table.lead-table #call_log_div { width: 100%; float: left; margin: 10px 0 0 0;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .document-row p { color: #272425; line-height: 32px; font-size: 13px; font-weight: bold; vertical-align: middle; font-family: 'Open Sans', sans-serif; text-align: center;}


.dataTables_wrapper .dataTables_info { color: #000000; line-height: 22px; font-size: 14px; text-align: left; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 500; margin: 15px 0 10px; padding: 0;}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers { display: flex; list-style: none; justify-content: right; position: relative; float: right; margin: 10px 0 10px; border-radius: 5px; border: 0; align-items: center; padding: 0;}

.dataTables_wrapper .stud-table.dataTable { margin: 0 0 20px;}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers a.paginate_button { color: #000000 !important; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 500; display: inline-block; margin: 0 2px; position: relative; float: left; padding: 6px 15px; line-height: normal; text-decoration: none; background-color: #ffffff; border: 1px solid #a5ab4d; border-radius: 2px;}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers a.paginate_button.previous { position: relative; color: #000000; float: left; padding: 6px 15px; line-height: normal; text-decoration: none; background-color: transparent; border: 0; border-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers a.paginate_button:hover { color: #0274d6 !important; background: transparent;}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers a.paginate_button.next { position: relative; color: #000000; float: left; padding: 6px 15px; line-height: normal; text-decoration: none; background: transparent !important; border: 0; border-radius: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers span { color: #000000; line-height: 22px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 500; display: inline-block;}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers span a.paginate_button.current { position: relative; color: #ffffff !important; float: left; padding: 6px 15px; line-height: normal; text-decoration: none; background: #a5ab4d !important; border: 1px solid #a5ab4d !important; border-radius: 0;}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers span a.paginate_button:hover {color: #ffffff !important; background: #a5aa4d !important;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.video-file .view-file .view-btn { float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.video-file .view-file { float: left; margin: 0 0 0;}




/*##### Edit Profile #####*/

.dash-wrapp .inner-row1 .add-stud-row.edit-profile .form-group .text-fields .text-field span.form-control { font-size: 12px; line-height: 22px; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .common-table.certificate-table { padding: 0; margin: 0 0 0; border-radius: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .common-table.certificate-table table { min-width: 280px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .common-table.certificate-table th { padding: 10px 10px 10px 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .common-table.certificate-table td { padding: 10px 10px 10px 10px;}




/*##### certificate Template #####*/



legend { display: block; width: auto !important; border-bottom:none !important; font-size: 16px !important; color:#0000A0!important; font-size: 14px; font-size:15px !important;} 

#image_preview { background-color:#FFFFFF; color:#C0C0C0; font-size:30px; font-weight:bold; height:230px; left:1px; line-height:180px; position:relative; text-align:center; width:250px;}
#selectImage { padding: 19px 21px 14px 15px; position: relative; bottom: 0px; width: 550px; background-color: #FFFFFF; border-radius: 10px; height:153px; margin-top:100px;}
#file222 { color: red; padding: 5px; border: 5px solid #8BF1B0; background-color: #8BF1B0; margin-top: 10px; border-radius: 5px; box-shadow: 0 0 15px #626F7E; margin-left: 15%; width: 72%;}
/*#message{position:absolute;top:120px;left:815px;}*/
#success{color:green;}
#invalid{color:red;}
#line{margin-top: 189px;}
#error{color:red;}
#error_message{color:blue;}
#loading{display:none;position:absolute;top:50px;left:850px;font-size:25px;}


.certivicate-warpp .drop-down #bkg_img {width: 100%;max-width: 28%;display: block;margin: 0;float: left;}
.certivicate-warpp .drop-down #bkg_img img {width: 100%;display: block;margin: 5px 2% 5px 0;height: 100%;max-width: 100%;max-height: 80px;object-fit: contain;}
.certivicate-warpp .drop-down .button {width: 100%;height: auto;font-size: 12px;position: relative;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #696b6c;border-radius: 6px;line-height: normal;padding: 5px 10px;border: 1px solid #ffffff;outline: none !important;box-shadow: none;-webkit-appearance: none;background: #ffffff;cursor: pointer;background-size: 10px;display: flex;flex-wrap: wrap;align-items: center;}
.certivicate-warpp .drop-down .button .select-list-link {width: fit-content;display: flex;color: #000000;flex-wrap: wrap;align-items: center;}
.certivicate-warpp .drop-down .button .select-list-link i {opacity: 1;font-size: 18px;font-weight: bold;margin: 3px 0 0 5px;}
.certivicate-warpp .drop-down .button span { /*width: 100%; max-width: 28%;*/ display: block; margin: 5px 2% 5px 0; float: left;}


.certivicate-warpp .drop-down { position: relative; /*display: flex; flex-wrap: wrap;*/ align-items: center; width: 100%; margin-top: 0;} 
.certivicate-warpp .drop-down select { display: none;} 
.certivicate-warpp .drop-down .select-list {position: absolute;top: 75px;left: 0;right: 0;z-index: 1;margin-top: 10px;padding: 0;background-color: #0074dc;} 
.certivicate-warpp ul {list-style: none;}
.certivicate-warpp .drop-down .select-list li {display: none;overflow: hidden;cursor: pointer;} 
.certivicate-warpp .drop-down .select-list li span {display: inline-block;min-height: 40px;min-width: 100%;width: 100%;padding: 3px 15px 4px 20px;background-color: #0074dc;background-position: left 10px center;background-repeat: no-repeat;font-size: 0;text-align: left;color: #ffffff;opacity: 1;box-sizing: border-box;} 
.certivicate-warpp .drop-down .select-list li span:hover,
.certivicate-warpp .drop-down .select-list li span:focus { opacity: 1; } 
.certivicate-warpp .clsAnchor span {margin: 5px 0;}
 
.certivicate-warpp .drop-down1 { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin-top: 0;} 
.certivicate-warpp .drop-down1 select { display: none; } 
.certivicate-warpp .drop-down1 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px; padding: 0; background-color: #EAEAEA; } 
.certivicate-warpp .drop-down1 .select-list1 li { display: none; } 
.certivicate-warpp .drop-down1 .select-list1 li span { display: inline-block; min-height: 40px; min-width: 280px; width: 100%; padding: 5px 15px 5px 35px; background-color: #EAEAEA; background-position: left 10px center; background-repeat: no-repeat; font-size: 16px; text-align: left; color: #FFF; opacity: 0.7; box-sizing: border-box; } 
.certivicate-warpp .drop-down1 .select-list1 li span:hover,
.certivicate-warpp .drop-down1 .select-list1 li span:focus { opacity: 1; }
 
.certivicate-warpp .drop-down2 { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin-top: 0;} 
.certivicate-warpp .drop-down2 select { display: none; } 
.certivicate-warpp .drop-down2 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px; padding: 0; background-color: #EAEAEA; } 
.certivicate-warpp .drop-down2 .select-list1 li { display: none; } 
.certivicate-warpp .drop-down2 .select-list1 li span { display: inline-block; min-height: 40px; min-width: 280px; width: 100%; padding: 5px 15px 5px 35px; background-color: #EAEAEA; background-position: left 10px center; background-repeat: no-repeat; font-size: 16px; text-align: left; color: #FFF; opacity: 0.7; box-sizing: border-box; } 
.certivicate-warpp .drop-down2 .select-list1 li span:hover,
.certivicate-warpp .drop-down2 .select-list1 li span:focus { opacity: 1; }
 
.certivicate-warpp .drop-down3 { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin-top: 0;} 
.certivicate-warpp .drop-down3 select { display: none; } 
.certivicate-warpp .drop-down3 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px; padding: 0; background-color: #EAEAEA; } 
.certivicate-warpp .drop-down3 .select-list1 li { display: none; } 
.certivicate-warpp .drop-down3 .select-list1 li span { display: inline-block; min-height: 40px; min-width: 280px; width: 100%; padding: 5px 15px 5px 35px; background-color: #EAEAEA; background-position: left 10px center; background-repeat: no-repeat; font-size: 16px; text-align: left; color: #FFF; opacity: 0.7; box-sizing: border-box; } 
.certivicate-warpp .drop-down3 .select-list1 li span:hover,
.certivicate-warpp .drop-down3 .select-list1 li span:focus { opacity: 1; }
 
.w100 { width:100%; height:600px; margin-top:100px;}
form .js-vldtr-error { border:1px solid red; }
form .js-vldtr-error:not([data-vldtr-alert="false"]) { margin-bottom:5px; }
form fieldset.js-vldtr-error { padding:10px; margin:0 0 10px;}
.js-vldtr-alert { font-size:12px; margin:0 0 20px; padding:0; color:red; display:inline-block;}
.js-vldtr-alert + .js-vldtr-alert { margin-left:5px; }


.certivicate-warpp .drop-down4 { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin-top: 0;} 
.certivicate-warpp .drop-down4 select { display: none; } 
.certivicate-warpp .drop-down4 .select-list { position: absolute; top: 0; left: 0; z-index: 1; margin-top: 40px; padding: 0; background-color: #EAEAEA; } 
.certivicate-warpp .drop-down4 .select-list3 li {display: none;} 
.certivicate-warpp .drop-down4 .select-list4 li span { display: inline-block; min-height: 40px; min-width: 280px; width: 100%; padding: 5px 15px 5px 35px; background-color: #EAEAEA; background-position: left 10px center; background-repeat: no-repeat; font-size: 16px; text-align: left; color: #FFF; opacity: 0.7; box-sizing: border-box;} 
.certivicate-warpp .drop-down4 .select-list3 li span:hover, 
.certivicate-warpp .drop-down4 .select-list3 li span:focus { opacity: 1;}
 
fieldset.scheduler-border { border: solid 1px #DDD !important; padding: 0 10px 10px 10px; border-bottom: none; width: auto !important;}
legend.scheduler-border { width: auto !important; }



.dash-wrapp .inner-row1 .certivicate-warpp .addon-btn { float: right; padding: 10px 25px; margin: 18px auto 10px auto; text-align: center;}

.dash-wrapp .inner-row1 .certivicate-warpp .addon-btn i { padding-right: 5px;}



.myPicker .datepick-month-header, 
.myPicker .datepick-month-header select { background-color: #0274d6; }

.myPicker .datepick-ctrl{ background-color: #0274d6; }
.myPicker .datepick-nav{ background-color: #a5aa4d; color:#ffffff; }




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .sing-file .col-sm-3 { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .sing-file .add-atten-btn { margin: 0 0 0; padding-left: 10px; padding-right: 10px; text-align: center; width: 100%;}

 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .assign-btn { width: 100%; float: left; display: inline-block; color: #ffffff; border: 1px solid #0274d6; background: #0274d6; border-radius: 5px; padding: 6px 20px 6px 20px; line-height: normal; font-size: 14px; margin: 0 0 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .assign-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}





.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.document-row #loading { display: none; position: relative; top: inherit; left: 0; width: fit-content;}
 
.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.document-row #loading img { width: auto; max-width: 120px; display: block; margin: 0 auto 15px;}

#dda { height: auto; width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .signature-pad { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 10px; border: 1px solid #e8e8e8; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset; border-radius: 4px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .signature-pad--footer { color: #C3C3C3; text-align: center; font-size: 1.2rem; margin-top: 8px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .signature-pad--actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 8px;}

#github img { border: 0;}
 

 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .upload-btn { width: 100px; float: none; display: block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 10px 6px 10px; line-height: normal; font-size: 12px; margin: 0 auto 15px; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .upload-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .signature-pad .clear-btn { width: 100px; float: none; display: block; color: #ffffff; background: #0274d6; border: 1px solid #0274d6; border-radius: 5px; padding: 6px 10px 6px 10px; line-height: normal; font-size: 12px; margin: 10px auto 10px; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .signature-pad .clear-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .signature-pad--footer .col-md-12 { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .signature-pad--footer .description { width: 100%; float: left; display: block; margin: 0 0 0; padding: 0 0 0; font-size: 12px; line-height: 14px; font-weight: bold; color: #959595; position: relative; font-family: 'Open Sans', sans-serif;}




#popup_class_balance { display: none; position: absolute; width: 100%; max-width: 250px; padding: 10px; background: #0274d6; border: 1px solid #0274d6; color: #ffffff; line-height: 18px; border-radius: 5px; font-size: 12px; font-weight: bold; vertical-align: middle; font-family: 'Open Sans', sans-serif; }

#popup_class_balance tr td { font-weight: 500;}

.dash-wrapp .inner-row1 .common-table.add-class-table table tr td .text-field textarea.form-control { min-height: inherit; max-height: 130px;}






/*##### Invite Friend Style #####*/


.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-head { width: 100%; float: left; display: block; margin: 0 auto 15px; text-align: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-head h2 { font-size: 24px; color: #0274d6; margin: 10px 0 20px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .invite-col1 { position: relative; float: left; height: auto; display: block; margin: 0 auto 26px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .invite-col1 .invite-outer { width: 100%; position: relative; float: left; height: 100%; display: block; padding: 20px 10px 20px 10px; background: #f5f6f9; border-radius: 8px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .invite-col1 .invite-outer .invite-icon { width: 100%; display: block; margin: 0 auto 20px; float: left; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .invite-col1 .invite-outer .invite-icon img { width: 100%; display: block; margin: 0 auto; height: auto; position: relative; max-width: 75px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .invite-col1 .invite-outer .invite-box { width: 100%; display: block; margin: 0 auto; float: left; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .invite-col1 .invite-outer .invite-box h3 { font-size: 20px; line-height: 30px; font-weight: bold; color: #0274d6; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 10px; padding: 0; text-align: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .invite-col1 .invite-outer .invite-box p { font-size: 14px; line-height: 24px; display: block; font-weight: 600; color: #000000; font-family: 'Open Sans', sans-serif; position: relative; margin: 0 0 10px; text-align: center;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block { position: relative; float: left; height: auto; display: block; margin: 10px auto 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer { width: 100%; position: relative; float: left; height: 100%; display: block; padding: 20px 10px 70px 10px; background: #0274d6; border-radius: 8px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer .share-icon { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; position: relative; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer .share-icon img { width: 100%; max-height: 45px; object-fit: contain; display: block; margin: 0 0 10px 0; float: left; position: relative; max-width: 45px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer .share-icon h4 { width: 100%; font-size: 16px; line-height: 22px; display: block; font-weight: 600; color: #ffffff; font-family: 'Open Sans', sans-serif; position: relative; margin: 0 0 0; text-align: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer p { font-size: 14px; line-height: 20px; display: block; font-weight: 500; color: #ffffff; font-family: 'Open Sans', sans-serif; position: relative; margin: 0 0 10px; text-align: center;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer .form-control { width: 100%; height: 33px; font-size: 12px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 10px; background: #ffffff; border: 1px solid #ffffff; outline: none !important; box-shadow: none;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer .form-control::placeholder { color: #696b6c;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer .add-btn {width: 90%;float: left;display: block;color: #ffffff;border: 1px solid #a5aa4d;background: #a5aa4d;border-radius: 5px;padding: 6px 15px 6px 15px;line-height: normal;font-size: 13px;margin: 15px auto 0;position: absolute;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 600;bottom: 20px;left: 0;right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer .add-btn:hover {color: #ffffff;border: 1px solid #ffffff;background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer .add-btn i { margin-right: 5px;}






/*##### Cancel Account Style #####*/

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp { margin-left: 0; width: 100%; max-width: 900px;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-stud-row .form-group .text-fields form { padding: 0;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 { width: 100%; margin: 0 auto; background: transparent; padding: 0;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 label { color: #ffffff; min-height: inherit;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .email-radio label { font-size: 18px; min-height: inherit; margin: 0 0 25px; line-height: 22px;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .email-radio .radio-box { display: block; float: left; height: auto;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .email-radio .radio-box label.checkbox { width: 100%; font-size: 14px; margin: 0 0 20px; min-height: inherit; padding-left: 28px; line-height: 18px;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .text-field.email-radio { margin: 0 0 10px;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .email-radio .radio-box .checkbox input:checked ~ .checkmark { background-color: #a5aa4d;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .text-field { margin: 0 0 20px 0;}


.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-btn { width: auto; display: inline-block; color: #ffffff; border: 1px solid #04ab47; border-radius: 5px; padding: 10px 25px; background: #04ab47; line-height: 12px; font-size: 12px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-btn i { padding-right: 2px;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .text-field .add-btn { width: auto; margin: 0 0 0;}

.dash-wrapp.admin-wrapp .inner-row1.cancel-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .text-field .add-btn { color: #ffffff; border: 1px solid #ffffff; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .form-group h1 {font-size: 28px;line-height: 28px;font-weight: bold;color: #ffffff;position: relative;font-family: 'Open Sans', sans-serif;margin: 0 0 30px;padding: 0 10px;text-align: center;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form .edit-row { width: 100%; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form .edit-row .form-group.add-box .add-stud-row.update-row { margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form .edit-row .form-group.add-box .text-fields .text-field .cancel-img { width: 100%; background: #ffffff; display: block; margin: 0 auto 25px; float: left; border-radius: 8px; overflow: hidden; padding: 25px 15px; text-align: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form .edit-row .form-group.add-box .text-fields .text-field .cancel-img img { width: 100%; display: block; margin: 0 auto; max-width: 500px; height: auto;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form .edit-row .form-group.add-box .text-fields .text-field p.free-month-para { width: 100%; float: left; color: #ffffff; line-height: 22px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 0 0 10px; text-align: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form .edit-row .form-group.add-box .text-fields .text-field.tabsfooter { margin: 0 auto; display: flex; justify-content: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form .edit-row .form-group.add-box .text-fields .text-field.tabsfooter .cancel-btn { width: fit-content; background: #ffffff; color: #0274d6; border: 1px solid #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form .edit-row .form-group.add-box .text-fields .text-field.tabsfooter .cancel-btn:hover { color: #ffffff; background: #0274d6; border: 1px solid #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form .edit-row .form-group.add-box .text-fields .text-field.tabsfooter .add-atten-btn:hover { border: 1px solid #ffffff;}





/*##### MOdal Popups Style #####*/

.modal.modalWindow.openpop { max-width: 600px; top: 15%; border: 3px solid #0274d6;}

.modal.modalWindow.openpop .modalWrapper .add-stud-row .form-group .text-fields .text-field h3 { font-size: 16px; line-height: 32px; font-weight: 600; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 16px; padding: 0 0 0; text-align: center;}

.modal.modalWindow.openpop .modal-footer { width: 100%; padding: 0; border: 0; justify-content: space-between; align-items: center;}

 
 
.modal.modalWindow.logo-open {max-width: 280px;top: 90px;left: 10%;border: 3px solid #0274d6;position: absolute;right: inherit;padding: 20px 10px !important;overflow: visible;border-radius: 30px;background: #a4a94d;}

.modal.modalWindow.logo-open .modalWrapper .add-stud-row .form-group .text-fields .text-field h3 {font-size: 15px;line-height: 30px;font-weight: 600;color: #ffffff;position: relative;font-family: 'Open Sans', sans-serif;margin: 0 0 16px;padding: 0 0 0;text-align: center;}

.modal.modalWindow.logo-open .modalWrapper .modal-footer { width: 100%; padding: 0; border: 0; justify-content: center; align-items: center;}

.modal.modalWindow.logo-open .modalWrapper .add-stud-row .form-group .text-fields .text-field {margin: 0 0 0;background: #a4a94d;}

.modal.modalWindow.logo-open .modalWrapper .closeBtn { font-size: 14px; float: none; display: block;}

.modal.modalWindow.logo-open .modalWrapper .closeBtn:hover { color: #0274d6; background: #ffffff; border: 1px solid #0274d6;}



.modal .tip { width: 0px; height: 0px; position: absolute; background: transparent;}

.modal .tip-up {top: -45px;left: 40%;background: #a4a94d;border-bottom-right-radius: 6px;border: 3px solid #0274d6;border-width: 0 3px 3px 0;display: inline-block;padding: 22px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}

.modal .tip-right {top: 18%;right: -34px;background: #a4a94d;border-bottom-right-radius: 6px;border: 3px solid #0274d6;border-width: 0 3px 3px 0;display: inline-block;padding: 21px;transform: rotate(-46deg);-webkit-transform: rotate(-46deg);}

.modal .tip-left {top: 10%;left: -33px;background: #a4a94d;border-bottom-right-radius: 6px;border: 3px solid #0274d6;border-width: 0 3px 3px 0;display: inline-block;padding: 21px;transform: rotate(135deg);-webkit-transform: rotate(135deg);}



.modal.modalWindow.adminbox-open {max-width: 280px;min-width: 350px;border: 3px solid #0274d6;position: absolute;left: inherit;padding: 15px 10px 15px 10px !important;overflow: visible;border-radius: 30px;background: #a4a94d;}

.modal.modalWindow.adminbox-open .modalWrapper .add-stud-row .form-group .text-fields .text-field h3 {font-size: 15px;line-height: 28px;font-weight: 600;color: #ffffff;position: relative;font-family: 'Open Sans', sans-serif;margin: 0 0 16px;padding: 0 0 0;text-align: center;}

.modal.modalWindow.adminbox-open .modalWrapper .modal-footer { width: 100%; padding: 0; border: 0; justify-content: center; align-items: center;}

.modal.modalWindow.adminbox-open .modalWrapper .add-stud-row .form-group .text-fields .text-field {margin: 0 0 0;background: #a4a94d; padding: 0;}

.modal.modalWindow.adminbox-open .modalWrapper .closeBtn { font-size: 14px; float: none; display: block;}

.modal.modalWindow.adminbox-open .modalWrapper .closeBtn:hover { color: #0274d6; background: #ffffff; border: 1px solid #0274d6;}

.modal.modalWindow.adminbox-open.begin-des-pop {top: 70px;right: 100%;}

.modal.modalWindow.adminbox-open.logonamedesign {top: -20px;left: 15vw;right: inherit;}

.modal.modalWindow.adminbox-open.addclass {top: -33px;right: 10rem;}
 
.modal.modalWindow.adminbox-open.classdetail { top: -30px; right: inherit; min-width: 300px; left: 8rem; margin: 0 0 0;}

.modal.modalWindow.adminbox-open.addinfo { top: -30px; right: inherit; min-width: 300px; left: 15rem; margin: 0 0 0;}

.modal.modalWindow.adminbox-open.addons { top: -30px; right: inherit; min-width: 300px; left: 25rem; margin: 0 0 0;}

.modal.modalWindow.adminbox-open.customreg { top: -45px; right: inherit; min-width: 300px; left: 6rem; margin: 0 0 0;}


.modal.modalWindow .modalWrapper .next-popup { width: auto; float: none; display: block; color: #ffffff; border: 1px solid #0274d6; border-radius: 5px; padding: 10px 20px; background: #0274d6; line-height: 12px; font-size: 14px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700; right: 0; top: 0;}

.modal.modalWindow .modalWrapper .next-popup:hover { color: #0274d6; background: #ffffff; border: 1px solid #0274d6;}


.modal.modalWindow.adminbox-open .add-stud-row { background: transparent;}


.modal.modalWindow.adminbox-open.logonamedesign .add-stud-row { background: transparent; border-radius: 0;}

.modal.modalWindow.adminbox-open.logonamedesign .modalWrapper { background: transparent;}


.myHeader.fixed .modal.modalWindow.adminbox-open.logonamedesign {top: -3px;padding: 10px 10px 10px 10px !important;}

.myHeader.fixed .modal.modalWindow.adminbox-open.logonamedesign .tip-left {top: 17%;left: -33px;}


.modal.modalWindow.adminbox-open.addclass .add-stud-row { background: transparent; border-radius: 0;}

.modal.modalWindow.adminbox-open.addclass .modalWrapper { background: transparent;}




.modal.modalWindow.popup-video {/*max-width: 600px; top: 15%;*/border: 3px solid #0274d6;padding: 0 !important;}

.modal.modalWindow.popup-video h1 {width: 100%;float: left;font-size: 28px;line-height: 28px;font-weight: bold;color: #ffffff;margin: 0 0 15px;text-align: center;}

.modal.modalWindow.popup-video .modalWrapper .add-stud-row .form-group .text-fields .text-field .essential-popup-sec-1-text {width: 100%;float: left;font-size: 16px;display: block;line-height: 24px;font-weight: 600;color: #ffffff;position: relative;font-family: 'Open Sans', sans-serif;margin: 0 0 5px;padding: 0 0 0;text-align: center;}

.modal.modalWindow.popup-video .modalWrapper .add-stud-row .form-group .text-fields .text-field p { width: 100%; float: left; display: block; margin: 0 0 25px; font-size: 14px; line-height: 20px; color: #ffffff; text-align: center;}

.modal.modalWindow.popup-video .modal-footer { width: 100%; padding: 0; border: 0; justify-content: space-between; align-items: center;}

.modal.modalWindow.popup-video .videoWrapper {position: relative;padding-bottom: 56.25%;height: 0;margin: 0 0 35px;float: left;width: 100%;border-radius: 8px;overflow: hidden;}

.modal.modalWindow.popup-video .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}


.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field.pop-blue {background: #0274d6;padding: 30px 15px 0;height: auto;overflow: hidden;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field.pop-blue .essential-popup-sec-3 {width: 100%;margin: 0 0 0 0;position: absolute;bottom: 0;left: 0;right: 0;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field.pop-blue .essential-popup-sec-3 img { width: 100%; display: block; margin: 0 auto; height: auto; max-width: 100%; padding: 0;}




.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field.pop-right-box {padding: 30px 20px 15px; height: auto;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field.pop-right-box p {color: #000000;margin: 0 0 0;text-align: left;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field.pop-right-box p.myCheckbox-text { text-align: left; display: block; font-size: 16px; font-weight: 600; color: #0274d6; margin: 0 0 5px;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field.pop-right-box p.myCheckbox-text-1 {font-size: 13px;color: #000000;line-height: 14px;}


 

.span_pseudo, .modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb span:before, 
.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb span:after { content: ""; display: inline-block; background: #127edb; width: 0; height: 0.2rem; position: absolute; transform-origin: 0% 0%;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb {padding: 20px;background: #f2f2f2;position: relative;height: auto;display: flex;align-items: center;margin-bottom: 10px;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb input { display: none;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb input:checked ~ span { background: #fffefe00; border-color: #aab587;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb input:checked ~ span:before {width: 0.8rem;height: 0.15rem;transition: width 0.1s;transition-delay: 0.3s;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb input:checked ~ span:after {width: 0.35rem;height: 0.15rem;transition: width 0.1s;transition-delay: 0.2s;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb input:disabled ~ span { background: #ececec; border-color: #dcdcdc;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb input:disabled ~ label { color: #dcdcdc;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb input:disabled ~ label:hover { cursor: default;}
 
.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb label {padding-left: 35px;position: relative;z-index: 2;cursor: pointer;margin-bottom: 0;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb span {display: inline-block;width: 1rem;height: 1rem;border: 4px solid #aab587;position: absolute;left: 12px;transition: all 0.2s;z-index: 1;box-sizing: content-box;z-index: 1;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb span:before {transform: rotate(-55deg);top: 0.83rem;left: 0.37rem;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .chiller_cb span:after {transform: rotate(35deg);bottom: 0.29rem;left: 0.2rem;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .myCheckbox-text { font-size: 27px;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field .myCheckbox-text-1 { font-size: 15px; text-align: center; color: #00b050; line-height: 17px;}


 
.modalWindow.popup-two .modalWrapper .add-stud-row .form-group .text-fields .text-field h4 { font-size: 16px; line-height: 28px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 16px; padding: 0 0 0;}

.modalWindow.popup-two .modalWrapper .add-stud-row .form-group .text-fields .text-field fieldset { width: 100%; float: left; position: relative;}
 
.modalWindow.popup-two .modalWrapper .add-stud-row .form-group .text-fields .text-field fieldset .prd_time_frame1 { padding: 10px 15px 10px 15px; border: 1px solid #0274d6; width: 100%; float: left; border-radius: 5px; margin: 0 0 10px; display: flex; flex-wrap: wrap; align-items: center;}

.modalWindow.popup-two .modalWrapper .add-stud-row .form-group .text-fields .text-field fieldset .row { width: 100%; margin: 0 auto 20px; padding: 0; position: relative; float: left;}

.modalWindow.popup-two .modalWrapper .add-stud-row .form-group .text-fields .text-field fieldset .prd_time_frame1 input { width: fit-content; float: left; -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); margin-left: 5px; margin-right: 5px; background-color: initial; cursor: pointer; appearance: auto; box-sizing: border-box; margin: 0 0 0 5px; padding: initial; border: initial;}

.modalWindow.popup-two .modalWrapper .add-stud-row .form-group .text-fields .text-field fieldset .btn-steams-blue { width: fit-content; float: left; line-height: 24px; text-align: left; display: block; font-size: 16px; font-weight: 600; color: #0274d6; margin: 0 0 0; padding: 0 0 0 15px;}


.modalWindow.popup-two .modalWrapper .add-stud-row .form-group .text-fields .text-field .popup-rows { width: 100%; display: block; float: left; margin: 0 0 0;}

.modalWindow.popup-two .modalWrapper .add-stud-row .form-group .text-fields .text-field .popup-select select.form-control { margin: 0 0 20px;}

.modalWindow.popup-two .modalWrapper .add-stud-row .form-group .text-fields .text-field .popup-select .popup-other { width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; margin: 0 0 25px; float: left;}

.modalWindow.popup-two .modalWrapper .add-stud-row .form-group .text-fields .text-field .popup-select .popup-other label { width: fit-content; margin: 0 15px 0 0;}

.modalWindow.popup-two .modalWrapper .add-stud-row .form-group .text-fields .text-field .popup-select .popup-other .form-control { width: fit-content;}


.modalWindow.popup-two .modalWrapper .add-stud-row .form-group .text-fields .text-field h2 { font-size: 20px; line-height: 28px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 16px; padding: 0;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .text-remain { font-size: 14px; line-height: 16px; display: block; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative; margin: 5px 0 5px;}

.modalWindow .modal-footer button.closeBtn.not-btn { border: 1px solid #af0028; background: #af0028;}

.modalWindow .modal-footer button.closeBtn.not-btn:hover { border: 1px solid #a5aa4d; background: #a5aa4d;}









 

/*##### Alert Box Style #####*/


.alert { width: 100%; float: left; padding: 15px 25px 15px 15px; color: #ffffff; font-size: 12px; line-height: 20px; font-weight: 500; font-family: 'Open Sans', sans-serif; border-radius: 0; border:0;}

.alert .closebtn { color: #ffffff; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}

.alert .closebtn:hover { color: #000000;}

.alert .alert-btn { margin: 10px 0 10px 10px; width: auto; float: none; display: inline-block; color: #ffffff; background: #0274d6; border: 1px solid #0274d6; border-radius: 5px; padding: 8px 10px; line-height: 12px; font-size: 11px; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}

.alert .alert-btn:hover { color: #0274d6; border: 1px solid #0274d6; background: #ffffff; }


.alert-danger { background: #f4433629; color: #000000; border-left: 5px solid #f44336;}

.alert-danger .closebtn { color: #f44336; }

.alert-warning { background: #fffed4; color: #827f2c; border-left: 5px solid #827f2c;}
 
.alert-warning .closebtn { color: #827f2c; }

.alert-success { background: #04ab4738; border-left: 5px solid #04ab47; color: #04ab47;}

.alert-success .closebtn { color: #04ab47; }

.alert-info { background:#0274d62e; border-left: 5px solid #0274d6; color: #0274d6; }

.alert-info .closebtn { color: #000000; }

.alert-info .closebtn:hover { color: #0274d6; }


.alert .alert-btn.btn-success { background: #32c164; border-color: #32c164;}

.alert .alert-btn.btn-success:hover { color: #32c164; background: #ffffff;}

.alert .alert-btn.btn-danger { background: #f44336; border-color: #f44336;}

.alert .alert-btn.btn-danger:hover { color: #f44336; background: #ffffff;}

.alert .alert-btn.btn-info { background: #a4ac44; border-color: #a4ac44;}

.alert .alert-btn.btn-info:hover { color: #a4ac44; background: #ffffff;}

 
.alert-announce {background: #ffffff;color: #ff4d4f;border-left: 5px solid #ff4d4f;}

.alert-announce p { font-size: 12px; line-height: 28px; display: block; font-weight: 500;}




/*##### Modal Popup Style #####*/
 
.modal { display: none; position: fixed; top: 0; left: 0; z-index: 999999;}

.modalWindow { display: none; position: fixed; top: 6%; right: 0; left: 0; z-index: 999999 !important; max-width: 800px; height: auto; min-height: auto; margin: 0 auto; cursor: default; width: 90%; background: #dadddf; border: 1px solid #dadddf; border-radius: 12px; padding: 25px 20px 25px 20px !important; max-height: 90vh;}

.modal.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; background: #a5aa4de3;}

.modalWindow .modalWrapper { width: 100%; margin: 0 auto; border: 0; padding: 0; height: auto; position: relative; float: left;}

.closeBtn { position: absolute; right: 2%; top: 3%; cursor: pointer; color: #000000; font-size: 18px; font-weight: bold; z-index: 99;}


.modal-backdrop { display: none; position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; background: #a5aa4de3; opacity:1 !important; z-index:99999; }

.modal-backdrop.show { display:block; }

.modalWindow .modal-body { width: 100%; float: left; padding: 0; display: block;}


.modal .modalWrapper .add-stud-row { width: 100%; float: left; background: #d9dcde; border-radius: 12px; padding: 0 0 0; margin: 0 0 0; position: relative;}

.modal .modalWrapper .add-stud-row .form-group { width: 100%; float: left; display: block; margin: 0 auto; position: relative;}

.modal .modalWrapper .add-head { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.modal .modalWrapper .add-head h2 { font-size: 20px; line-height: 28px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 16px; padding: 0 0}


.modal .modalWrapper .add-stud-row .form-group .text-fields {width: 100%;display: flex;flex-wrap: wrap;margin: 0 0 0;position: relative;float: left;height: auto;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field { float: left; margin: 0 0 20px 0; position: relative; display: block;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field label { width: 100%; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; min-height: 18px;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .form-control { width: 100%; height: 33px; font-size: 12px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 10px; background: #ffffff; border: 1px solid #ffffff; outline: none !important; box-shadow: none;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .form-control::placeholder { color: #696b6c;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field textarea.form-control { min-height: 75px; resize: vertical; max-height: 180px;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field select.form-control { -webkit-appearance: none; background: url(../images/select-arrow.svg) no-repeat 95% #ffffff; cursor: pointer; background-size: 10px;}
 
.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; display: block; background: url('../images/date.svg') no-repeat; width: 33px; height: 33px; border-width: thin; cursor: pointer;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .form-control.calender { padding: 0 0 0 10px; border: 0;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field span.hint { width: 100%; float: left; display: block; margin: 6px 0 5px; padding: 0 0 0; font-size: 12px; line-height: 16px; font-weight: 400; color: #000000; position: relative; font-style: italic;}


.modal .modalWrapper .student-table table tr td .text-fields .text-field select.form-control { -webkit-appearance: none; background: url(../images/select-arrow.svg) no-repeat 95% #ffffff; cursor: pointer; background-size: 10px;}
 

.modal .modalWrapper .add-stud-row .form-group h4 { color: #0274d6; line-height: 22px; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: italic; margin: 10px 0 0;}
 


.modal .modalWrapper .common-table { width: 100%; display: block; margin: 0 0 10px; position: relative; float: left; background: #dadddf; border-radius: 12px; padding: 15px 0 15px 0; overflow-x: auto;}
 
.modal .modalWrapper .student-table table { border-collapse: collapse; border-spacing: 0; min-width: 500px; max-width: 100%; font-family: 'Open Sans', sans-serif; }

.modal .modalWrapper .student-table th { padding: 15px 10px; color: #272425; line-height: 18px; font-size: 13px; font-weight: bold; vertical-align: middle; font-family: 'Open Sans', sans-serif;}
 
.modal .modalWrapper .student-table td { padding: 6px 10px; color: #000000; line-height: 18px; font-size: 12px; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: normal;}
 
.modal .modalWrapper .student-table table thead { width: 100%; position: relative;}

.modal .modalWrapper .student-table table tr { width: 100%;}

.modal .modalWrapper .student-table td a { color: #000000; display: block;}


.modal .modalWrapper .student-table table tr th:first-child { padding-left: 15px; padding-right: 10px;}

.modal .modalWrapper .student-table table tr th: { padding-left: 10px; padding-right: 10px;}

.modal .modalWrapper .student-table table tr th:last-child { padding-left: 10px; padding-right: 15px; }


.modal .modalWrapper .student-table table tbody { width: 100%; position: relative;}

.modal .modalWrapper .student-table table tbody tr { background: #dadddf;}

.modal .modalWrapper .student-table table tbody tr:hover { background: #c4cedf;}


.modal .modalWrapper .student-table table tr td:first-child { padding-left: 15px; padding-right: 10px;}

.modal .modalWrapper .student-table table tr td { padding-left: 10px; padding-right: 10px;}

.modal .modalWrapper .student-table table tr td:last-child { padding-left: 10px; padding-right: 15px; }



.modal .modalWrapper .student-table td .update-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 6px 10px; background: #a5aa4d; line-height: 12px; font-size: 11px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700;}

.modal .modalWrapper .student-table td .update-btn span { display: block; font-family: 'Open Sans', sans-serif;}

.modal .modalWrapper .student-table td .update-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


.modal .modalWrapper .student-table td .edit-btn { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden;}

.modal .modalWrapper .student-table td .delete-btn { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden;}
 
.modal .modalWrapper .student-table td .tbl-icon img { width: 100%; display: block; margin: 0 auto; height: auto; object-fit: contain; max-width: 35px; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out;}


.modal .modalWrapper .student-table td .edit-btn .tbl-icon { width: fit-content; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #a5aa4d; padding: 5px;}
 
.modal .modalWrapper .student-table td .edit-btn:hover span.tbl-icon { opacity: 0.7;}

.modal .modalWrapper .student-table td .delete-btn .tbl-icon { width: fit-content; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #af0028; padding: 5px;}
 
.modal .modalWrapper .student-table td .delete-btn:hover span.tbl-icon { opacity: 0.7;}

 
.modalWindow .modalWrapper .pagination_new_style { margin: 10px 0 10px;}

.modalWindow .modalWrapper .pagination_new_style .dataTables_info { margin: 0 0 10px;}


.modalWindow button.closeBtn.btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #0274d6; border-radius: 5px; padding: 10px 20px; background: #0274d6; line-height: 12px; font-size: 12px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700; right: 0; float: right; top: 0;}

.modalWindow button.closeBtn.btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}


.modalWindow .modalWrapper .reg-head { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.modalWindow .modalWrapper .reg-head h2 { font-size: 20px; line-height: 28px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 16px; padding: 0 15px;}


.modalWindow .modal-footer { width: 100%; display: flex; margin: 0 0 0; position: relative; float: left; text-align: right; flex-wrap: wrap; justify-content: flex-end;}

.modalWindow .modal-footer .closeBtn.btn { float: left; margin: 0 5px 0;}

.modalWindow .modal-footer .Savebtn.btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #04ab47; border-radius: 5px; padding: 10px 20px; background: #04ab47; line-height: 12px; font-size: 12px; margin: 0 5px 0 5px; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: 700; }

.modalWindow .modal-footer .Savebtn.btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.modalWindow .modalWrapper .add-stud-row.student-table.common-table { margin: 0; padding: 0;}


.modalWindow .modalWrapper .reg-head { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.modalWindow .modalWrapper .reg-head h2 { font-size: 20px; line-height: 28px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 16px; padding: 0 10px;}

.modal .modalWrapper .student-table table tr td .text-fields { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative; float: left;}

.modal .modalWrapper .student-table table tr td .text-fields .text-field { float: left; margin: 0 0 0 0; position: relative; display: block; padding: 0 0 0;}

.modal .modalWrapper .student-table table tr td .text-fields .text-field .form-control { width: 100%; height: 33px; font-size: 12px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 10px; background: #ffffff; border: 1px solid #ffffff; outline: none !important; box-shadow: none; margin: 0 0 0; float: left;}

 


.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .calender-input { position: relative; display: flex; flex-wrap: wrap; width: 100%; align-items: center; margin: 0 0 0;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .calender-input .form-control.calender { margin: 0; padding-top: 0px;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .calender-input .ui-datepicker-trigger { width: 33px; height: auto; right: 0; position: absolute; display: block; float: right; border-top-right-radius: 6px; border-bottom-right-radius: 6px; cursor: pointer;}



.modalWindow .modalWrapper .student-table .checkbox { width: auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: inline-block; position: relative; margin: 0 2% 0 0; font-size: 12px; line-height: 16px; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative;}

.modalWindow .modalWrapper .student-table .checkbox:last-child { margin-right: 0;}

.modalWindow .modalWrapper .student-table .checkbox input { position: absolute; opacity: 0; cursor: pointer;}

.modalWindow .modalWrapper .student-table .checkbox .checkmark { position: relative; display: block; top: 0; left: 0; height: 16px; width: 16px; border-radius: 2px; background-color: #ffffff;}

.modalWindow .modalWrapper .student-table .checkbox input:checked ~ .checkmark { background-color: #0274d6;}

.modalWindow .modalWrapper .student-table .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.modalWindow .modalWrapper .student-table .checkbox input:checked ~ .checkmark:after { display: block;}

.modalWindow .modalWrapper .student-table .checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}



.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .help-block { font-size: 12px; line-height: 16px; display: block; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative; margin: 5px 0 5px;}


.modalWindow .modalWrapper video { width: 100%; display: block; float: left; position: relative; padding: 0 15px 20px;}



.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .col-sm-3.text-field { width: fit-content; margin: 0 0 0}

.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .col-sm-3.text-field label { line-height: 33px; margin: 0;}


.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .text-field .form-control { margin: 0 0 10px;}

.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .text-field .checkbox { width: fit-content; padding-left: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: inline-block; position: relative; margin: 0 2% 0 0; font-size: 12px; line-height: 18px; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; }

.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .text-field .checkbox:last-child { margin-right: 0;}

.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .text-field .checkbox input { position: absolute; opacity: 0; cursor: pointer;}

.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .text-field .checkbox .checkmark { position: absolute; display: block; top: 0; left: 0; height: 16px; width: 16px; border-radius: 2px; background-color: #ffffff;}

.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .text-field .checkbox input:checked ~ .checkmark { background-color: #0274d6;}

.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .text-field .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .text-field .checkbox input:checked ~ .checkmark:after { display: block;}

.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .text-field .checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}



.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field h4 { color: #000000; line-height: 24px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 500; margin: 0 0 0; width: 100%; float: left; font-style: normal;}


.modal .modalWrapper .add-stud-row .form-group .text-fields .btn-addmore {width: auto;display: inline-block;color: #ffffff;border: 1px solid #a4ac44;border-radius: 5px;padding: 6px 14px;background: #a4ac44; font-size: 13px;margin: 0 0 20px 13px;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 700;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .btn-addmore:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .btn-addmore i { margin: 0 3px 0 0;}


.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field select.form-control.multi-field { height: auto; background-image: none;}

.modal .modalWrapper .add-stud-row .form-group .text-fields#add_more_div { align-items: flex-end;}

.modal .modalWrapper .add-stud-row .form-group .text-fields#add_more_div #add_more { margin: 0;}




.modal .modalWrapper .add-stud-row .form-group .modal-body .radio-box { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 10px; position: relative; float: left; justify-content: flex-start;}

.modal .modalWrapper .add-stud-row .form-group .modal-body .text-fields .text-field .checkbox {width: auto;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float: left;display: inline-block;position: relative;margin: 0 4% 0 0;font-size: 12px;line-height: 18px;font-weight: bold;color: #000000;font-family: 'Open Sans', sans-serif;position: relative;padding: 0 0 0 25px;}

.modal .modalWrapper .add-stud-row .form-group .modal-body .text-fields .text-field .checkbox:last-child { margin-right: 0;}

.modal .modalWrapper .add-stud-row .form-group .modal-body .text-fields .text-field .checkbox input { position: absolute; opacity: 0; cursor: pointer;}

.modal .modalWrapper .add-stud-row .form-group .modal-body .text-fields .text-field .checkbox .checkmark {position: absolute;display: block;top: 0;left: 0;height: 16px;width: 16px;border-radius: 2px;background-color: #ffffff;}

.modal .modalWrapper .add-stud-row .form-group .modal-body .text-fields .text-field .checkbox input:checked ~ .checkmark { background-color: #0274d6;}

.modal .modalWrapper .add-stud-row .form-group .modal-body .text-fields .text-field .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.modal .modalWrapper .add-stud-row .form-group .modal-body .text-fields .text-field .checkbox input:checked ~ .checkmark:after { display: block;}

.modal .modalWrapper .add-stud-row .form-group .modal-body .text-fields .text-field .checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
 







/* === CONVERSATIONS === */
.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp { width: 100%; float: left; border-radius: 12px; margin: 0 0 26px; position: relative; overflow: hidden; border: 1px solid #0274d6; background: transparent; padding: 0; display: flex; flex-wrap: wrap;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions {width: 35%;height: 100%;min-height: 600px; box-shadow: 0px 8px 10px rgba(0,0,0,0.20);overflow: hidden;background-color: #0274d6;display: block;padding: 10px 10px 10px 10px;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions .discussion {width: 100%;height: auto;padding: 15px 10px;background-color: #FAFAFA;display:flex;align-items: center;cursor: pointer;position: relative;border-radius: 12px;margin-bottom: 10px;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions .search {display:flex;align-items: center;justify-content: center;color: #0274d6;background-color: #0274d6;padding: 15px 0;height: auto;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions .search .searchbar {height: 40px;background-color: #FFF;width: 98%;padding: 0 20px;border-radius: 50px;border: 1px solid #EEEEEE;display:flex;align-items: center;cursor: pointer;color: #0274d6;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions .search .searchbar input {font-size: 14px;margin-left: 15px;height: 100%;width:100%;border:none;color: #696b6c;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions .search .searchbar input::placeholder { color: #696b6c;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions .message-active { width: 98.5%; height: 90px; background-color: #FFF; border-bottom: solid 1px #E0E0E0;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions .discussion .photo {margin-left:0;display: block;width: 53px;height: 45px;background: #E6E7ED;-moz-border-radius: 50px;-webkit-border-radius: 50px;background-position: center;background-size: cover;background-repeat: no-repeat;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions .discussion .name {font-size: 13px;line-height: 18px;font-weight: 600;color: #000000;margin: 0 0 0 15px;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions .discussion .message {margin: 4px 0 0 15px;font-size: 12px;line-height: 18px;font-weight: 500;color:#515151;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions .discussion .online {position: relative;top: 30px;left: 35px;width: 13px;height: 13px;background-color: #8BC34A;border-radius: 13px;border: 3px solid #f5f5f5;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions .discussion .desc-contact {height: auto;width:-webkit-fill-available;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .timer { margin-left: 15%; font-family:'Open Sans', sans-serif; font-size: 11px; padding: 3px 8px; color: #BBB; background-color: #FFF; border: 1px solid #E5E5E5; border-radius: 15px;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat {width: 65%;border:0;padding-left: 0px;padding-right: 0px;position: relative;margin: 0 0 0;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .header-chat {background-color: #cfd7e3;height: auto;box-shadow: 0px 3px 2px rgba(0,0,0,0.100);display:flex;align-items: center;flex-wrap: wrap;border-bottom: solid 1px #0073d2;padding: 20px 0;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .header-chat .icon {margin-left: 30px;color: #ffffff;font-size: 24px;background: #0274d6;border-radius: 50px;padding: 2px 6px 4px 6px;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .header-chat .name {text-transform: uppercase;font-size: 18px;line-height: 24px;font-weight: bold;color: #000000;padding-left: 10px;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .header-chat .right { position: absolute; right: 40px;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat { padding: 20px 15px 20px 25px !important; background-color: #ffffff; height: 460px; overflow-y: scroll;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat .message { display:flex; align-items: center; /* margin-bottom: 8px; */}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat .messages .photo { display: block; width: 40px; height: 40px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center; /* padding: 9px; */}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat .text {margin: 0 35px;background-color: #0073d2a1;padding: 10px 15px;border-radius: 12px;font-size: 13px;width: auto;float: left;display: block;clear: both;color: #000000;}
 

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat .text-only { margin-left: 45px;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat .time { font-size: 10px; /* color:lightgrey; */ margin-bottom:10px; margin-left: 85px;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat .times { font-size: 10px; /* color:lightgrey; */ margin-bottom:10px; margin-left: 40px;}


.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat .response-timeleft {margin-right: 40px !important;clear: both;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat .response-time {float: right;margin-right: 40px !important;clear: both;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat .response { float: right; margin-right: 0px !important; margin-left:auto; /* flexbox alignment rule */}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat .response .text { background-color: #dadddf !important;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat .response p.text { float: right; }

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .footer-chat {width: 100%; color: #696b6c; height: auto;display:flex;align-items: center;position:absolute;bottom: 0;background-color: transparent;border-top: 1px solid #0073d2;padding: 10px 0;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .write-message::placeholder { color: #696b6c; }



.chat .footer-chat .icon { margin-left: 30px; color:#C0C0C0; font-size: 14pt;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .footer-chat .send {color:#fff;background-color: #0274d6;/* position: absolute; */right: 5%;padding: 9px 11px 10px 10px;border-radius: 50px;font-size: 13pt;margin-right: 15px;}

.chat .footer-chat .name { margin: 0 0 0 20px; text-transform: uppercase; font-family:'Montserrat', sans-serif; font-size: 13pt; color:#515151;}

.chat .footer-chat .right { position: absolute; right: 40px;}


.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .write-message {width: 85%;margin-left: 10px;font-size: 12px;height: 38px;background-color: #FFF;padding: 0 20px;border-radius: 50px;border: 1px solid #abaeaf;color: #0274d6;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .emojis-btn-empchats{background-color: #d9dcde00;border: 2px solid #a5aa56;padding: 6px 7px;height: auto;margin-left: 10px;border-radius: 6px;}


.clickable { cursor: pointer;}

.button__badge { background-color: #fa3e3e; border-radius: 22px; color: #ffffff; padding: 4px 12px; font-size: 14px; float: right; position: relative; right: 7%;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat .messages-chat .chatbox-img {width: 100%;border-radius: 50%;max-width: 100%;height: 100%;display: block;margin: 0 auto;position: relative;}


.chatbox-img-instructor { border-radius: 50%; width: 45px; height: 45px; float: right;}


.discussions .discussion span.close-btn { position: absolute; right: 3%; font-size: 19px; font-weight: bold; color: #000000; font-family: 'Open Sans', sans-serif; z-index: 1;}
.discussions .discussion span.close-btn:hover { color: #a4ac44;}




/* --- CSS Variables (Theme) --- */

/* --- Dashboard Specific Resets/Containers --- */
.main-content-dashboard {padding: 0; width: 100%;}


/* --- Card Base Style --- */
.card {box-shadow: var(--shadow); width: 100%;height: 100%;overflow: visible;background: #f6f7f7;float: left;position: relative;border: 1px solid #000000;border-radius: 15px;padding: 20px 15px 20px 15px;text-align: center;display: block;transition: all .35s ease; word-wrap: inherit;}

.card-1{width: 30% !important; margin-right: 0 !important; margin-top: 10px !important;}

.card-0{width: 30% !important; margin-right: 0px !important; margin-top: 10px !important;}

.card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;}

.dash-wrapp .inner-row1 .assessment-card .assessment-card-header .card-title {width: fit-content;position: relative;float: left;margin: 0 0 0;}

.card-menu { font-size: 0.9rem; color: var(--text-muted); cursor: pointer;}


/* --- KPI Grid (Top Row) --- */

.main-content-dashboard .kpi-grid { width: 100%; /*gap: 10px;*/ margin: 0 auto 15px; display: flex; flex-wrap: wrap; position: relative;}

.main-content-dashboard .card-box { position: relative; height: auto; padding: 0px 15px 0px 0px; margin-top: 10px;}

.main-content-dashboard .card-box.card-1 { width: 20% !important;}

.main-content-dashboard .card-box.card-2 { width: 25% !important;}

.main-content-dashboard .card-box.card-3 { width: 25% !important;}

.main-content-dashboard .card-box:last-child { padding-right: 0;}



.kpi-card .kpi-title {margin-bottom: 8px;width: 100%;float: left;font-size: 1rem;line-height: 24px;font-weight: 500;color: #000000;padding: 0 0 0 0;text-align: left;}

.kpi-card .kpi-value {font-size: 1.7rem;font-weight: 600;color: #000000;line-height: 36px;display: block;text-align: left;width: 100%; float: left;}

.kpi-card .kpi-subtext { font-size: 0.85rem; color: var(--accent-orange); font-weight: 500;}

.main-content-dashboard .card-box .kpi-title.prime-title { color: #4173d1; text-align: center; font-size: 1.5rem; font-weight: bold;}

.main-content-dashboard .card-box .kpi-value.prime-value { font-size: 1.2rem; text-align: center; font-weight: normal;}



/* --- Main Dashboard Grid (3 Columns) --- */

.main-dashboard-grid {display: flex;grid-template-columns: 1fr 1.5fr 1fr;/* gap: 15px; */flex-wrap: wrap;}

.grid-column {display: flex;flex-direction: column;gap: 15px;float: left;}


/* --- Chart Placeholders (For non-JS charts) --- */

.chart-placeholder { width: 100%; min-height: 200px; display: grid; place-items: center; background-color: #fafdff; border: 1px dashed #d0d9e0; border-radius: 8px; color: var(--text-muted); font-size: 0.9rem;}

.chart-placeholder.small { min-height: 150px;}

.small-chart-grid {display: grid;grid-template-columns: 1.5fr 1.5fr;gap: 10px; height: auto;}



/* --- 1. Capacity Donut Chart (Pure CSS) --- */

.main-dashboard-grid .grid-column .capacity-card { display: flex; flex-wrap: wrap; height: auto; flex-direction: row;}

.main-dashboard-grid .grid-column .capacity-card .capacity-info {width: 65%;float: left;display: flex;flex-wrap: wrap;position: relative;padding-right: 15px;}

.main-dashboard-grid .grid-column .capacity-card .donut-chart-container {width: 35%;float: left;height: auto;position: relative;display: block;}



.capacity-info .value { font-size: 2.5rem; font-weight: 600; color: var(--text-color); display: block; line-height: 1.2;}

.donut-chart-container { position: relative; width: 100px; height: 100px;}
.donut-chart { width: 100%; height: 100%; border-radius: 50%; background: conic-gradient(var(--primary-color) 0% 65%, #e0e0e0 65% 100%);}
.donut-chart-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75px; height: 75px; background: var(--card-bg); border-radius: 50%; display: grid; place-items: center; font-size: 1.5rem; font-weight: 600; color: var(--text-color);}

/* --- 2. Refunds Card --- */
.refunds-card { display: grid; grid-template-columns: 1fr 1fr; align-items: center; text-align: center;}
.refund-item .value { font-size: 2.5rem; font-weight: 600; line-height: 1.2;}
.refund-item .value.orange { color: var(--accent-orange); }
.refund-item .value.blue { color: var(--primary-color); }
.refund-item .label { font-size: 0.9rem; color: var(--text-muted);}


/* --- 3. Data Lists (Top Performing, Financial, Overdue) --- */
.data-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px;}
.data-list li { display: flex; justify-content: space-between; align-items: center; font-size: 0.95rem; padding-bottom: 8px; border-bottom: 1px solid var(--border-color);}
.data-list li:last-child { border-bottom: none; padding-bottom: 0;}
.data-list .item-main { font-weight: 500; color: var(--text-color);}
.data-list .item-sub { font-size: 0.85rem; color: var(--text-muted);}
.data-list .item-value { font-weight: 600;}
.data-list .item-value.red { color: var(--accent-red); }
.data-list .item-value.green { color: var(--accent-green); }


/* --- 4. Digital Document Status (Pure CSS Donut) --- */
.doc-status-chart { display: flex; flex-direction: column; align-items: center; gap: 20px;}
.doc-donut-chart { width: 150px; height: 150px; border-radius: 50%; background: conic-gradient( #5e60ce 0% 61%,#00b8d4 61% 86%,#f5a623 86% 96%,#e74c3c 96% 100%);}
.doc-donut-center { width: 110px; height: 110px; background: var(--card-bg); font-size: 1.7rem;}
.doc-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; font-size: 0.85rem;}
.legend-item { display: flex; align-items: center; gap: 6px;}
.legend-color-box { width: 12px; height: 12px; border-radius: 3px;}


/* --- 5. Notifications & Tasks --- */
.notification-list { list-style: none; display: flex; flex-direction: column; gap: 16px;}
.notification-item { display: flex; align-items: flex-start; gap: 12px;}
.notification-icon { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; color: white; font-size: 0.9rem; font-weight: 600;}
.notification-icon.blue { background-color: #00b8d4; }
.notification-icon.orange { background-color: var(--accent-orange); }
.notification-icon.green { background-color: var(--accent-green); }
.notification-icon.purple { background-color: #5e60ce; }

.notification-content .title { font-weight: 500; font-size: 0.9rem; line-height: 1.4;}
.notification-content .subtitle { font-size: 0.8rem; color: var(--text-muted);}



 
.circle {position: relative;width: 100%;height: 100%;border-radius: 50%;background: conic-gradient(#4173d1 65%, #cfd7e3 0);margin: 0 auto;max-width: 75px;max-height: 75px;}

.circle::before {content: "65%";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #ffffff;border-radius: 50%;width: 80%;height: 80%;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 600; }

 
.dash-wrapp .inner-row1 .add-stud-row .accordionpanel .add-btn-col.list-btn-wrapp { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;}

.dash-wrapp .inner-row1 .add-stud-row .accordionpanel .add-btn-col.list-btn-wrapp .addon-btn { float: left; margin: 20px 10px 10px 0;}

.dash-wrapp .inner-row1 .add-stud-row .accordionpanel .add-btn-col.list-btn-wrapp .addon-btn-delete { margin: 20px 0 10px 0;}
 
.main-dashboard-grid .grid-column .capacity-card .capacity-info .kpi-title { margin-bottom: 10px;}

.main-dashboard-grid .grid-column .refunds-card { display: flex; flex-wrap: wrap; height: auto; flex-direction: row; border: 0; background: transparent; padding: 0; justify-content: space-between;}

.main-dashboard-grid .grid-column .refunds-card .refund-container { width: 48%; height: auto; overflow: visible; display: block; background: #f6f7f7; float: left; position: relative; border: 1px solid #000000; border-radius: 15px; padding: 20px 15px 20px 15px; text-align: center;}

.main-dashboard-grid .grid-column .refunds-card .refund-container .refund-card { text-align: left; width: 100%; display: block; position: relative; float: left; box-shadow: none;}

.main-dashboard-grid .grid-column .refunds-card .refund-container h2 { width: 100%; float: left; font-size: 1rem; line-height: 20px; font-weight: 500; color: #000000; padding: 0 0 0 0; text-align: left; margin: 0 0 10px;}

.main-dashboard-grid .grid-column .refunds-card .refund-container .value { width: 100%; display: block; float: left; font-size: 1.7rem; font-weight: 500; line-height: 36px;}


.refund-card.orange .value { color: #f97316; }

.refund-card.blue .value { color: #0274d6; }

 
 
.main-dashboard-grid .grid-column .waitlist-card { display: flex; flex-wrap: wrap; height: auto; flex-direction: row;}

.main-dashboard-grid .grid-column .waitlist-card .capacity-info { width: 100%; display: block; float: left; position: relative;}
 

.main-dashboard-grid .grid-column .waitlist-card .bar-chart {display: flex;align-items: flex-end;justify-content: space-around;height: 85px;margin-bottom: 10px;flex-wrap: wrap;width: 100%;}

.main-dashboard-grid .grid-column .waitlist-card .bar {width: 25px;border-radius: 6px 6px 0 0;background: #0274d6;transition: all 0.3s ease;}

.main-dashboard-grid .grid-column .waitlist-card .bar:nth-child(1) { height: 70px; }

.main-dashboard-grid .grid-column .waitlist-card .bar:nth-child(2) { height: 90px; }

.main-dashboard-grid .grid-column .waitlist-card .bar:nth-child(3) { height: 60px; }

.main-dashboard-grid .grid-column .waitlist-card .bar:nth-child(4) { height: 40px; background: #f97316;}

.main-dashboard-grid .grid-column .waitlist-card .labels {display: flex;flex-wrap: wrap;margin-top: 5px;width: 100%;float: left;font-size: 0.8rem;line-height: 1;font-weight: normal;color: #000000;text-align: left;justify-content: space-between;}

.main-dashboard-grid .grid-column .waitlist-card .labels span { width: fit-content;padding: 0 6px 0 0; word-wrap: break-word; text-align: left; }


 

.main-dashboard-grid .grid-column .graph-wrapp { display: flex; flex-wrap: wrap; height: auto; flex-direction: row; justify-content: space-between;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-graph { width: auto; float: left; position: relative; display: block; margin: 0 0 0;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-graph .chart-card { width: 99%; height: 100%; display: block; float: left; border-radius: 5px; padding: 15px 10px; position: relative; }

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-graph .chart-card .kpi-card { width: 100%; display: block; float: left; position: relative;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-graph .chart-card .kpi-card .kpi-title {line-height: 20px;}
 

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-graph .chart-card .line-chart { position: relative; width: 100%; height: auto; float: left; margin: 0 0 0;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-graph .chart-card .line-chart svg { width: 100%; height: 100%; padding-left: 10px;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-graph .chart-card .line-chart svg polyline { fill: none; stroke: #3b82f6; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-graph .chart-card .line-chart .labels { display: flex; justify-content: space-between; font-size: 10px; color: #64748b; margin-top: 10px; padding-top: 5px; border-top: 1px solid #e5e7eb; }

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-graph .chart-card .line-chart .y-axis-labels { position: absolute; left: 0; top: 0; bottom: 24px; display: flex; flex-direction: column; justify-content: space-between; font-size: 10px; color: #000000; }



.main-dashboard-grid .grid-column .graph-wrapp .enrollments-chart { width: auto; float: left; position: relative; display: block; margin: 0 0 0;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-chart .chart-card {width: 99%;display: block;float: left;border-radius: 5px;padding: 15px 10px 0px 10px;position: relative;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-chart .chart-card .kpi-card { width: 100%; display: block; float: left; position: relative;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-chart .chart-card .kpi-card .kpi-title {line-height: 20px;}
 
.main-dashboard-grid .grid-column .graph-wrapp .enrollments-chart .chart-card .bar-chart {display: flex;justify-content: space-between;align-items: flex-end;height: 125px;gap: 10px;padding: 0 8px 20px;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-chart .chart-card .bar {width: 15px;background: linear-gradient(to top, #4173d1 60%, #60a5fa);border-radius: 2px;position: relative;height: var(--value);transition: height 0.4s ease;margin-bottom: 5px;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-chart .chart-card .bar span {position: absolute;bottom: -20px;transform: translateX(-50%);font-size: 10px;color: #64748b;margin-top: 0;}


.main-dashboard-grid .grid-column .leads-wrapp .leads-card .card-content .funnel {position: relative;width: 100%;height: auto;margin: 0 auto;overflow: hidden;}

.main-dashboard-grid .grid-column .leads-wrapp .leads-card .card-content .funnel .top {position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 100%;height: 124px;background: #4f7efc;clip-path: polygon(-6% 0%, 105% 0, 52% 51%);border-top-left-radius: 0;border-top-right-radius: 0;}

.main-dashboard-grid .grid-column .leads-wrapp .leads-card .card-content .funnel .divider {position: absolute;top: 18px;left: 0;right: 0;width: 79%;margin: 0 auto;height: 70px;background: #5aa7ff;clip-path: polygon(0 0, 100% 0, 50% 50%);}

.main-dashboard-grid .grid-column .leads-wrapp .leads-card .card-content .funnel .bottom {position: absolute;top: 25px;left: 0;margin: 0 auto;right: 0;width: 67%;height: 85px;background: #2886b9;clip-path: polygon(0 0, 100% 0, 50% 50%);border-bottom-left-radius: 0;border-bottom-right-radius: 0;}


.main-dashboard-grid .grid-column .leads-wrapp .assign-card .card-content .funnel {position: relative;max-width: 100%;height: auto;margin: 0 auto;overflow: hidden; width: 80px; margin: 0 auto;}

.main-dashboard-grid .grid-column .leads-wrapp .assign-card .card-content .funnel .top {position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 100%;height: 124px;background: #4f7efc;clip-path: polygon(0% 0%, 100% 0, 52% 50%);border-top-left-radius: 5px;border-top-right-radius: 5px;}

.main-dashboard-grid .grid-column .leads-wrapp .assign-card .card-content .funnel .bottom {position: absolute;top: 20px;left: 0;margin: 0 auto;right: 0;width: 67%;height: 85px;background: #0274d6;clip-path: polygon(0 0, 100% 0, 50% 50%);border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

 
.main-dashboard-grid .grid-column .leads-wrapp .leads-card .card-content .funnel .js-plotly-plot .user-select-none.svg-container { margin: 0 auto;}


.main-dashboard-grid .grid-column .leads-wrapp .assign-card .card-content .funnel:after {content: "";position: absolute;top: 30px;left: 50%;transform: translateX(-50%);width: 20px;height: 40px;border-radius: 3px;}


.main-dashboard-grid .grid-column .engagement-card { display: flex; flex-wrap: wrap; height: auto; flex-direction: row; align-items: flex-start;}

.main-dashboard-grid .grid-column .engagement-card .kpi-card { width: 100%; display: block; float: left; position: relative;}

.main-dashboard-grid .grid-column .engagement-card.kpi-card .kpi-title {line-height: 20px;}
 

.main-dashboard-grid .grid-column .leads-wrapp .engagement-card .bar-row {width: 100%;display: flex;align-items: center; margin: 10px 0; text-align: left;justify-content: space-between;}

.main-dashboard-grid .grid-column .leads-wrapp .engagement-card .bar-row .label { width: fit-content; font-size: 14px; color: #333;}

.main-dashboard-grid .grid-column .leads-wrapp .engagement-card .bar-row .bar { background: #f0f4fa; border-radius: 6px; flex-grow: 1; height: 14px; margin-left: 15px; overflow: hidden;}

.main-dashboard-grid .grid-column .leads-wrapp .engagement-card .bar-row .bar .bar-fill { height: 100%; background: #2586b8; border-radius: 6px;}

.main-dashboard-grid .grid-column .leads-wrapp .engagement-card .bar-row .label { font-size: 0.9rem; line-height: 1; font-weight: normal; color: #000000; width: 50px;}



.main-dashboard-grid .grid-column .digital-wrapp { display: flex; flex-wrap: wrap; height: auto; flex-direction: row; align-items: flex-start;}

.main-dashboard-grid .grid-column .digital-wrapp .kpi-card { width: 100%; display: block; float: left; position: relative;}

.main-dashboard-grid .grid-column .digital-wrapp .kpi-title {line-height: 20px; display: flex; align-items: center; justify-content: space-between;}
 
.main-dashboard-grid .grid-column .digital-wrapp .kpi-title .card-menu { display: inline-block; float: right;}


.main-dashboard-grid .grid-column .digital-wrapp .kpi-card select.form-control { -webkit-appearance: none; background: url(../images/select-arrow.svg) no-repeat 95% #ffffff; cursor: pointer; background-size: 10px; width: fit-content; display: inline-block; padding: 5px 10px; margin-left: 5px; font-weight: 500; box-shadow: none !important;}



.main-dashboard-grid .grid-column .digital-wrapp .chart-container { position: relative; width: 100%; max-width: 160px; height: auto; display: flex; flex-wrap: wrap; margin: 0 auto; text-align: center; justify-content: center; }

.main-dashboard-grid .grid-column .digital-wrapp .chart-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }

.main-dashboard-grid .grid-column .digital-wrapp .chart-center h2 { margin: 0; font-size: 1.3rem; font-weight: 600; color: #000000; line-height: 22px; display: block; }

.main-dashboard-grid .grid-column .digital-wrapp .chart-center p { margin: 0 auto; width: 100%; font-size: 0.8rem; line-height: 24px; font-weight: 500; color: #000000; }

.main-dashboard-grid .grid-column .digital-wrapp .legend { display: flex; justify-content: space-around; gap: 10px; margin-top: 15px; flex-wrap: wrap; }

.main-dashboard-grid .grid-column .digital-wrapp .legend .legend-item { display: flex; align-items: center; font-size: 0.8rem; line-height: 18px; font-weight: 500; color: #000000; text-align: left; width: fit-content; }

.main-dashboard-grid .grid-column .digital-wrapp .legend .legend-item .legend-color { width: 11px; height: 11px; border-radius: 50px; margin-right: 6px; }



.dashboard-btn { width: 100%; margin: 25px 0; position: relative; display: block;}

.dashboard-btn button { width: auto; float: none; display: block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 10px 25px; background: #a5aa4d; line-height: normal; font-size: 16px; margin: 0 0 0 !important; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dashboard-btn button:hover { color: #ffffff; background: #0274d6; border: 1px solid #0274d6;}






.main-dashboard-grid .grid-column.grid-column-left {width: 50%; padding: 0 7.5px 0 0;}

.main-dashboard-grid .grid-column.grid-column-middle {width: 50%; padding: 0 0 0 7.5px; }

.main-dashboard-grid .grid-column.grid-column-right { width: 28%;}
 
.main-dashboard-grid .grid-column-bottom { width: 70.5%; margin: 15px 0 0;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp h3 { width: 100%; float: left; font-size: 1rem; line-height: 20px; font-weight: 500; color: #000000; padding: 0 0 15px 0; text-align: left; }

.main-dashboard-grid .grid-column-bottom .bottom-wrapp table { width: 100% !important; border-collapse: collapse;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp th { text-align: left; font-size: 0.8rem; line-height: 20px; font-weight: 500; color: #000000; padding: 0 0 15px 0;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp td { padding: 6px 0; border-top: 1px solid #f0f0f0; font-size: 0.8rem; line-height: 24px; font-weight: 500; text-align: left;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp td:nth-child(1) { font-weight: bold;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp td:nth-child(2n) { text-align: right;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp td.subtext { text-align: left;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp th:nth-child(2n) { text-align: right;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row { width: 100%; margin: 0 auto; position: relative;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row .performing-box {width: 55%; margin: 0 0 0px 0; padding: 0 7.5px 0 0; display: block; position: relative;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row .classes-box { width: 99%; padding: 0; margin: 0 2% 15px 0; display: block; position: relative;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row .watchlist-box { width: 45%; padding: 0 0 0 7.5px; margin: 0 0 0 0; display: block; position: relative;}

.main-dashboard-grid .grid-column-last {width: 27.8%;margin: 15px 0 0 1.6%;float: right;height: auto;}


.main-dashboard-grid .grid-column-last .card h3 { width: 100%; float: left; display: block; font-size: 1rem; line-height: 20px; font-weight: 500; color: #000000; padding: 0 0 15px 0; text-align: left;}

.main-dashboard-grid .grid-column-last .task-item { width: 100%; display: flex; align-items: flex-start; gap: 10px; margin-bottom: 6px; float: left;}

.main-dashboard-grid .grid-column-last .task-item:last-child { margin-bottom: 0;}

.main-dashboard-grid .grid-column-last .icon { width: 12px; height: 12px; border-radius: 50%; margin-top: 5px;}

.main-dashboard-grid .grid-column-last .orange { background-color: #f39c12; }

.main-dashboard-grid .grid-column-last .blue { background-color: #344fa1; }

.main-dashboard-grid .grid-column-last .teal { background-color: #20b2aa; }

.main-dashboard-grid .grid-column-last .red { background-color: #e74c3c; }

.main-dashboard-grid .grid-column-last .task-content { flex: 1; text-align: left;}

.main-dashboard-grid .grid-column-last .task-title { display: flex; align-items: center; font-size: 0.8rem; line-height: 24px; font-weight: 500; color: #000000; text-align: left; width: fit-content;}

.main-dashboard-grid .grid-column-last .task-subtitle { font-size: 12px; color: #777; }

.main-dashboard-grid .grid-column-last .task-title .badge { background: #4f7efc; color: #ffffff; font-size: 0.8rem; font-weight: normal; padding: 5px 6px 3px 6px; border-radius: 50px; margin-left: 6px; display: block; float: right; }

.main-dashboard-grid .grid-column-last .card.tasks-wrapp { display: flex; flex-wrap: wrap; height: auto; flex-direction: row;}

#leadsChart .canvasjs-chart-canvas {width: 100px !important;}

#leadsassignChart .canvasjs-chart-canvas {width: 100px !important;}



.main-dashboard-grid .grid-column-bottom.grid-column-top-class { width: 100%;}



.main-dashboard-grid .grid-column-bottom .bottom-wrapp th { padding-right: 20px; position: relative; align-items: center; padding-left: 7px;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp th span.dt-column-order { width: 10px; bottom: inherit; top: 11px; right: 3px;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp table tr td { padding-left: 7px; padding-right: 7px;}

.main-dashboard-grid .grid-column-status .card { width: 32% !important; margin: 0 !important;}

.main-dashboard-grid .grid-column-status .card.card-1 {margin-right: 2% !important;}

.main-dashboard-grid .grid-column-status { margin: 15px 0 0 !important; float: left;}




.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs.view-toggle { justify-content: flex-end; margin-bottom: 15px;}




.dash-wrapp .inner-row1 .add-stud-row .dash-list .search-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 10px 20px; background: #a5aa4d; line-height: normal; font-size: 14px; margin: 0 auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .dash-list .search-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

 




.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-box { width: 100%; position: relative; background: #fff; border: 1px solid #e3eaf3; border-radius: 10px; padding: 20px 15px; margin: 0 0 20px; transition: all 0.2s ease;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-box:last-child {margin-bottom: 0;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-head { width: 100%; display: flex; justify-content: space-between; position: relative; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-head h4 { width: fit-content; float: left; font-size: 20px; line-height: 26px; font-weight: bold; color: #0274d6; margin: 0 0 15px; font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-head .order-meta { width: fit-content; display: block; text-align: left; float: right; padding-left: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section h5 { width: 100%; font-size: 16px; line-height: 26px; font-weight: 600; color: #a4ac44; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section p { color: #000000; line-height: 28px; font-size: 14px; font-weight: 500; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-head p span { display: block; text-align: right;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-head .status { font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-head .status.paid { color: #04ab47; display: inline;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-head .status.hold { color: #c49a00; display: inline;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .view-btn {width: 100%;float: none;display: block;color: #0274d6;border: 1px solid #0274d6;border-radius: 5px;padding: 10px 10px;background: transparent;line-height: normal;font-size: 13px;margin: 15px 0 20px 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 600;text-align: center;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .view-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-body { width: 100%; position: relative; display: block; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-body .booked-item p { margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .booked-item { width: 100%; display: block; margin: 0 0 0; background: #f5f5f5; border: 1px solid #cfd7e3; padding: 10px 12px; border-radius: 8px;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .booked-item .access-btn {width: auto;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 15px;background: #a5aa4d;line-height: normal;font-size: 12px;margin: 10px 0 10px 0;position: relative;outline: none;font-weight: 700;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .booked-item .access-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-box .order-footer { width: 100%; margin: 10px 0 0; display: block; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-box .order-footer .Pay-btn {width: auto;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 20px;background: #a5aa4d;line-height: normal;font-size: 13px;margin: 20px 10px 10px 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-box .order-footer .Pay-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-box .order-footer .cancel-btn {width: auto;display: inline-block;color: #ffffff;border: 1px solid #0274d6;border-radius: 5px;padding: 10px 20px;background: #0274d6;line-height: normal;font-size: 13px;margin: 20px 0 10px 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-box .order-footer .cancel-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .mark-row { width: 100%; display: flex; justify-content: flex-end; position: relative;}

 .dash-wrapp .inner-row1 .add-stud-row .mark-btn {width: fit-content;display: block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 15px;background: #a5aa4d;line-height: normal;font-size: 13px;margin: 0 0 10px 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 600;text-align: center;}

 .dash-wrapp .inner-row1 .add-stud-row .mark-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

 
.dash-wrapp .inner-row1 .add-stud-row.announcements .my-orders-section .badge-row { width: 100%; display: flex; flex-wrap: wrap; align-items: end; justify-content: flex-start; float: left;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .my-orders-section .order-left { width: 100%; display: block; position: relative; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .my-orders-section .order-head { flex-wrap: wrap;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .my-orders-section .order-left h4 { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .my-orders-section .order-left .preview { width: 100%; display: block; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .my-orders-section .badge-row .badge { font-size: 13px; margin: 0 0 15px; padding: 8px 10px;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .my-orders-section .badge-row .badge.category { background: #1890ff; color: #fff; margin-right: 5px;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .my-orders-section .badge-row .badge.pinned { background: #722ed1; color: #fff;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .my-orders-section .badge-row .badge.urgent { background: #ff4d4f; color: #fff;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-box.new-order { border-left: 4px solid #0274d6;}






/* =============================== DOCUMENTS SECTION ================================ */


.dash-wrapp .inner-row1 .documents-section { width: 100%; display: block; position: relative; float: left; margin: 0 auto;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp { position: relative; margin-top: 0;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp h2 { margin-top: 5px; }

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .reg-btn {width: auto;display: inline-block;color: #ffffff;border: 1px solid #04ab47;border-radius: 5px;padding: 10px 15px;background: #04ab47;line-height: 12px;font-size: 12px;margin: -4px 0 0 15px;position: absolute;outline: none;font-family: 'Open Sans', sans-serif;font-weight: 700;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .reg-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .note {width: 100%;float: left;display: block;margin: 6px 0 5px;padding: 0 0 0;font-size: 12px;line-height: 16px;font-weight: 400;color: #000000;position: relative;font-style: italic;font-family: 'Open Sans', sans-serif;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .upload-box { width: 100%; border: 0; float: left; background: #d9dcde; border-radius: 12px; padding: 30px 5px; position: relative;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field label { width: 100%; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; min-height: 18px;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field .form-control { width: 100%; height: 33px; font-size: 12px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 10px; background: #ffffff; border: 1px solid #ffffff; outline: none !important; box-shadow: none;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field .form-control::placeholder { color: #696b6c;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field input[type="file"]::file-selector-button { border: 0; padding: 5px 10px; height: 33px; border-radius: 2px; background-color: #a5aa4d; transition: 1s; color: #ffffff;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field input[type="file"]::file-selector-button:hover { background: #0274d6 !important;}


.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field.doc-col { display: flex; flex-wrap: wrap;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field.doc-col input#fileDocument { width: 78%; margin-right: 2%;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field .delete-btn { width: 20%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 0 0 0 0; border-radius: 5px; overflow: hidden;}
 
.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field .delete-btn .tbl-icon { width: fit-content; /*min-width: 30px;*/ float: none; position: relative; margin: 0 0 0 auto; border-radius: 5px; overflow: hidden; background: #af0028; padding: 5px;}
 
.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field .delete-btn .tbl-icon img { width: 100%; display: block; margin: 0 auto; height: auto; object-fit: contain; max-width: 23px; min-width: 23px; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field .delete-btn:hover .tbl-icon { opacity: 0.7;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field .add-btn { width: auto; float: left; display: inline-block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 25px 6px 25px; line-height: normal; font-size: 14px; margin: 0 15px 0 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field .add-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .add-stud-row .form-group .text-fields .text-field.wfull { margin:0 0 0 0; }

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .student-table .stud-table { min-width: 350px;}

 



.dash-wrapp.contact-wrapp .inner-row1 { width: 100%; max-width: 100%;} 

.dash-wrapp.contact-wrapp .contact-page { width: 100%; float: left; display: block; margin: 0 auto; position: relative;}

.dash-wrapp.contact-wrapp .contact-page .row { width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0; position: relative;}

.dash-wrapp.contact-wrapp .contact-page .contact-col1 { display: block; position: relative; margin: 0 auto; height: auto;}

.dash-wrapp.contact-wrapp .contact-page .contact-col1 .contact-box1 { width: 100%; position: relative; background: #fff; border: 1px solid #e3eaf3; border-radius: 10px; padding: 20px 15px; margin: 0 0 0; transition: all 0.2s ease; height: auto; float: left;}

.dash-wrapp.contact-wrapp .contact-page .contact-col1 .contact-box1 .add-box { width: 100%; display: block; margin: 0 0 25px; position: relative; float: left;}

.dash-wrapp.contact-wrapp .contact-page .contact-col1 .contact-box1 .add-box:last-child { margin-bottom: 0;}

.dash-wrapp.contact-wrapp .contact-page .add-box h2 { font-size: 20px; line-height: 28px; font-weight: bold; position: relative; margin: 0 0 10px; width: 100%; color: #0274d6;}

.dash-wrapp.contact-wrapp .contact-page .add-box p { color: #000000; line-height: 26px; font-size: 14px; margin: 0 0 0;}


.dash-wrapp.contact-wrapp .contact-page .contact-col1 .stud-table { min-width: 400px; margin-bottom: 0;}

.dash-wrapp.contact-wrapp .contact-page .contact-col1 .student-table { margin: 0 0 5px; float: none; padding-top: 10px; padding-bottom: 15px;}

.dash-wrapp.contact-wrapp .contact-page .contact-col1 .stud-table tr th:first-child { padding-left: 20px;}

.dash-wrapp.contact-wrapp .contact-page .contact-col1 .stud-table tr th:last-child { padding-right: 20px;}

.dash-wrapp.contact-wrapp .contact-page .contact-col1 .stud-table tr td:first-child { padding-left: 20px;}

.dash-wrapp.contact-wrapp .contact-page .contact-col1 .stud-table tr td:last-child { padding-right: 20px;}

.dash-wrapp.contact-wrapp .contact-page .contact-col1 .stud-table tr td { font-size: 14px;}

.dash-wrapp.contact-wrapp .contact-page .contact-col1 .stud-table tr th { font-size: 14px; padding-bottom: 10px;}

.dash-wrapp.contact-wrapp .contact-page .contact-col1 .stud-table table tbody tr:nth-child(odd) { background: #e9e9e9;}



.modal.instructor-wrapp { max-width: 500px; max-height: 90vh; overflow-y: auto; -webkit-overflow-scrolling: touch;}

#modalInstructoBio { width: 92%; max-width: 920px;}

.instructor-wrapp .instructor-row { background: #ffffff; position: relative; margin: 0 auto; border-radius: 8px; padding: 20px 15px; align-items: center;}

.instructor-wrapp .instructor-row .instructor-image { width: 100%; display: flex; position: relative; float: left; margin:0 0 20px 0; max-width: 100%; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #dadddf;}

.instructor-wrapp .instructor-row .instructor-image .instructor-pro { width: fit-content; max-width: 125px; position: relative; float: left; display: block; margin: 0 5% 0 0;}

.instructor-wrapp .instructor-row .instructor-image img { width: 100%; height: auto; display: block; margin: 0 0 0; max-width: 200px;}

.instructor-wrapp .instructor-row .instructor-image h6 { width: 100%; display: block; font-size: 20px; line-height: 26px; font-weight: bold; color: #0274d6; margin: 0 0 5px;}

.instructor-wrapp .instructor-row .instructor-image span { color: #000000; line-height: 20px; font-size: 14px; font-weight: bold; margin: 0 0 10px; display: block;}

.instructor-wrapp .instructor-row .instructor-text { width: 100%; display: block; position: relative; float: left; margin: 0 0 20px 0; padding: 0;}

.instructor-wrapp .instructor-row .instructor-text p { color: #000000; line-height: 26px; font-size: 14px; padding-bottom: 15px;}

.instructor-wrapp .instructor-row .instructor-text .profile-list { list-style: none; padding: 0; margin: 0;}

.instructor-wrapp .instructor-row .instructor-text .profile-list li {display: flex;align-items: flex-start;gap: 12px;padding: 12px 0;font-size: 14px;border-top: 1px solid #dadddf; text-align: left; min-width: 0;}
 
.instructor-wrapp .instructor-row .instructor-text .icon { font-size: 16px; color: #a5aa4d; width: 22px; text-align: center; flex-shrink: 0;}

.instructor-wrapp .instructor-row .instructor-text .profile-list em { font-style: italic; color: #666;}

.instructor-wrapp .instructor-row .instructor-text .profile-list a { color:#0274d6; text-decoration: none; font-weight: 500;}

.instructor-wrapp .instructor-row .instructor-text .profile-list a:hover { color: #a5aa4d;}

.instructor-wrapp .instructor-row .instructor-text .link-row { justify-content: flex-start; align-items: flex-start;}

.instructor-wrapp .instructor-row .instructor-text .link-row .left { display: flex; align-items: flex-start; gap: 12px; min-width: 0; flex: 1 1 auto; max-width: 100%;}

.instructor-wrapp .instructor-row .instructor-text .link-row .affiliation-copy,
.instructor-wrapp .instructor-row .instructor-text .profile-line-copy { min-width: 0; flex: 1 1 auto; overflow-wrap: anywhere; word-break: break-word; line-height: 1.45;}






.instructor-wrapp .instructor-row .social-links { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 20px 0 0 0;}

.instructor-wrapp .instructor-row .social-links .social-icon { font-size: 18px; text-decoration: none; display: flex; flex-wrap: wrap; align-items: center; border-radius: 50px; justify-content: center; padding: 7px 5px 5px 5px; color: #ffffff; width: 35px; height: 35px;}

.instructor-wrapp .instructor-row .social-links .social-icon:hover { background: #a5aa4d !important;}

.instructor-wrapp .instructor-row .social-links .social-icon.facebook {background: #1877f2;}

.instructor-wrapp .instructor-row .social-links .social-icon.twitter {background: #1da1f2;}

.instructor-wrapp .instructor-row .social-links .social-icon.linkedin {background: #0a66c2;}

.instructor-wrapp .instructor-row .social-links .social-icon.instagram {background: #e4405f;}

.instructor-wrapp .instructor-row .social-links .social-icon.whatsapp {background: #25d366;}



.requisite-wrapp p.note-text { color: #ff8d00; line-height: 22px; font-size: 14px; background: #ffffff; float: left; padding: 5px 10px; border-radius: 5px; margin: 0 0 20px;}

.modal.requisite-wrapp .student-table { background: #ffffff; padding: 0 0;}

.modal.requisite-wrapp .student-table table tbody tr { background: #ffffff;}

.modal.requisite-wrapp .student-table table tbody tr.or-row { background: #efefef;}

.modal.requisite-wrapp .student-table table tbody tr.or-row td {padding: 10px 0;}


.modal.requisite-wrapp .student-table .book-btn { width: fit-content; float: none; display: block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 15px 6px 15px; line-height: normal; font-size: 13px; margin: 5px auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.modal.requisite-wrapp .student-table .book-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}
 
.modal.requisite-wrapp .student-table .proceed-btn { width: fit-content; float: none; display: block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 15px 6px 15px; line-height: normal; font-size: 13px; margin: 5px auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.modal.requisite-wrapp .student-table .proceed-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


.modal.requisite-wrapp .student-table .free-badge {display: inline-block;color: #ffffff;border: 1px solid #0274d6;border-radius: 5px;padding: 5px 10px;background: #0274d6;text-align: center;}

.modal.requisite-wrapp .student-table span.tag { background: #dadddf; padding: 5px; border-radius: 4px;}



.dash-wrapp .inner-row1 .add-stud-row .dates li .wait-btn { padding: 5px 5px; font-size: 12px; box-shadow: none; margin: 0 0 0; display: block; color: #ffffff; background: #a5aa4d; border-radius: 5px; border-color: #a5aa4d; width: fit-content; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .dates li .wait-btn:hover { background: #0274d6; border-color: #0274d6;}

 


.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col1 .review-avatar { width: 25%; position: relative; float: left; margin: 0 2% 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col1 .review-item { width: 100%; display: flex; flex-wrap: wrap; position: relative; background: #ffffff; border-radius: 5px; padding: 20px 15px; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col1 .review-content { width: 73%; float: left; position: relative; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col1 .review-avatar img { width: 100%; height: auto; display: block; margin: 0 auto; max-width: 200px;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col1 .review-content .review-meta { width: 100%; position: relative; float: left; display: block; margin: 0 0 20px;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col1 .review-content .review-date { width: 100%; float: left; display: block; margin: 0 0 5px; font-size: 16px; line-height: 22px; font-weight: bold; color: #000000; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col1 .review-content .review-stars { width: fit-content; text-align: left; float: left; position: relative; margin: 0 0 0; overflow: hidden; color: #a5aa4d; padding: 0; font-size: 22px; line-height: 1;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col1 .review-content p.review-text { width: 100%; position: relative; float: left; display: block; color: #000000; line-height: 26px; font-size: 14px;}




.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col2 { display: flex; flex-wrap: wrap; position: relative; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col2 .ratings-box { width: 100%; position: relative; text-align: center; background: #ffffff; padding: 20px 15px; border-radius: 5px; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col2 .ratings-box h4 { width: 100%; float: left; display: block; margin: 0 0 5px; font-size: 16px; line-height: 22px; font-weight: bold; color: #000000; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col2 .ratings-box .rating-stars {width: 100%;text-align: center;float: left;position: relative;margin: 0 0 10px;overflow: hidden;color: #a5aa4d;padding: 0;font-size: 22px;line-height: 1;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col2 .ratings-box .review-count { width: 100%; position: relative; float: left; display: block; color: #000000; line-height: 26px; font-size: 14px;}


.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col2 .rating-form-box { width: 100%; position: relative; text-align: center; background: #a7ac54; padding: 20px 15px; border-radius: 5px; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col2 .rating-form-box p { color: #ffffff; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col2 .rating-form-box .rating-select { width: 100%; text-align: center; float: left; position: relative; margin: 0 0 15px; overflow: hidden; color: #ffffff; padding: 0; font-size: 22px; line-height: 1;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col2 .rating-form-box .form-group label { width: 100%; float: left; display: block; margin: 0 0 5px; font-size: 14px; line-height: 22px; font-weight: bold; color: #000000;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col2 .rating-form-box textarea.form-control { width: 100%; height: 80px; font-size: 12px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 10px; background: #ffffff; outline: none !important; box-shadow: none;}




.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col2 .rating-form-box .review-btn .submit-btn { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #0274d6; border-radius: 5px; padding: 10px 20px; background: #0274d6; line-height: normal; font-size: 14px; margin: 20px auto 0; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col2 .rating-form-box .review-btn .submit-btn:hover { color: #0274d6; border: 1px solid #ffffff; background: #ffffff;}

 

.dash-wrapp.contact-wrapp .review-wrapp .reviews-con .review-col2 .reviews-image {width: 100%;display: block;margin: 0 auto 15px !important;position: relative;background: #ffffff;padding: 20px 10px;border-radius: 5px;}

.dash-wrapp.contact-wrapp .review-wrapp .reviews-con .review-col2 .reviews-image img { width: auto; display: block; margin: 0 auto; max-width: 100%; position: relative; height: auto;}

.dash-wrapp.contact-wrapp .review-wrapp .reviews-con .review-col2 .ratings-box { text-align: left;}

.dash-wrapp.contact-wrapp .review-wrapp .reviews-con .review-col2 .ratings-box h4 { color: #4173d1;}

.dash-wrapp.contact-wrapp .review-wrapp .reviews-con .review-col2 .ratings-box p { width: 100%; float: left; color: #000000; line-height: 24px; font-size: 13px; margin: 0 0 20px; font-weight: 600;}

.dash-wrapp.contact-wrapp .review-wrapp .reviews-con .review-col2 .ratings-box p:last-child { margin-bottom: 0;}


.dash-wrapp.contact-wrapp .review-wrapp .reviews-con .review-col1 .review-avatar { width: 15%; min-width: 80px; position: relative; margin-right: 3%;}

.dash-wrapp.contact-wrapp .review-wrapp .reviews-con .review-col1 .review-content .review-name { width: 100%; float: left; display: block; margin: 0 0 10px; position: relative; font-size: 20px; line-height: 26px; font-weight: bold; color: #0274d6;}

.dash-wrapp.contact-wrapp .review-wrapp .reviews-con .review-col1 .review-content .review-date { font-weight: 600; font-size: 14px;}

.dash-wrapp.contact-wrapp .review-wrapp .reviews-con .review-col1 .review-content p.review-text { margin: 0 0 10px;}




.dash-wrapp .inner-row1 .video-section { width: 100%; }

.dash-wrapp .inner-row1 .video-section .video-container { width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;}

.dash-wrapp .inner-row1 .video-section .video-card { background: #ffffff; border-radius: 8px; padding: 20px 15px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.12); transition: all 0.3s ease;}

.dash-wrapp .inner-row1 .video-section .video-card:hover { transform: translateY(-5px);}

.dash-wrapp .inner-row1 .video-section .video-card.no-videos {transform: inherit;}

.dash-wrapp .inner-row1 .video-section .video-card.no-videos p.video-title { margin: 0 0 0;}

.dash-wrapp .inner-row1 .video-section .video-thumb { width: 100%; height: auto; border-radius: 8px; overflow: hidden; margin-bottom: 10px;}

.dash-wrapp .inner-row1 .video-section .video-thumb img { width: 100%; height: 100%; object-fit: cover;}

.dash-wrapp .inner-row1 .video-section .video-title { font-size: 14px; font-weight: 600; margin-bottom: 10px; color: #000000;}

.dash-wrapp .inner-row1 .video-section .video-link { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #0274d6; border-radius: 5px; padding: 10px 20px; background: #0274d6; line-height: normal; font-size: 14px; margin: 0 auto 5px; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.dash-wrapp .inner-row1 .video-section .video-link:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}



 
.player { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background:#a5aa4de3; opacity: 0; transition: opacity 0.3s ease-in-out;}

.player .player__video {position: fixed;top: 50%;transform: translateY(-50%);right: 0;left: 0;z-index: 999999 !important;max-width: 800px;height: auto;min-height: auto;margin: 0 auto;cursor: default;width: 90%;background: #dadddf;border: 0 solid #dadddf;border-radius: 12px;padding: 0 0 0 0!important;max-height: 90vh;overflow: hidden;}

.player.js--show-video { opacity: 1;}

.player .player__video.video-filler {display: block;width: 100%;}

.player .player__video .video-close {padding: 5px 6px 7px 6px;box-shadow: none !important;position: absolute;right: 15px;top: 15px;cursor: pointer;color: #ffffff;font-size: 32px;font-weight: 600;z-index: 99;background: #afb361;outline: none !important;border: 0;line-height: 18px;border-radius: 50px;}

.player .player__video .video-close:hover { background: #0a58ca;}

.player .player__video .video-iframe {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;border: 0;background: #dadddf;}






.dash-wrapp .inner-row1 .common-table.book-table { padding: 20px 20px;}

.dash-wrapp .inner-row1 .common-table.book-table table tr th:first-child, .dash-wrapp .inner-row1 .common-table.book-table table tr td:first-child { padding-left: 25px;}

.dash-wrapp .inner-row1 .common-table.book-table table tr th:last-child, .dash-wrapp .inner-row1 .common-table.book-table table tr td:last-child { padding-right: 25px;}

.dash-wrapp .inner-row1 .common-table.book-table table tr td { vertical-align: top; }

.dash-wrapp .inner-row1 .common-table.book-table table tr td h4 { width: 100%; font-size: 14px; line-height: 22px; font-weight: 600; color: #a4ac44; margin: 0 0 5px;}

.dash-wrapp .inner-row1 .common-table.book-table .stud-table { background: #ffffff; border-radius: 10px; overflow: hidden;}

.dash-wrapp .inner-row1 .common-table.book-table table tr { background: #ffffff; border-bottom: 1px solid #dadddf;}

.dash-wrapp .inner-row1 .common-table.book-table .stud-table tbody tr { background: #ffffff; border-bottom: 1px solid #dadddf;}

.dash-wrapp .inner-row1 .common-table.book-table .stud-table tbody tr:last-child { border-bottom: 0;}

.dash-wrapp .inner-row1 .common-table.book-table .stud-table tbody tr td { padding-top: 10px; padding-bottom: 10px;}


.dash-wrapp .inner-row1 .common-table.book-table table tr td .book-box { background: #f9f9f9; border: 1px solid #abaeaf; width: fit-content; float: left; display: block; padding: 5px 10px; border-radius: 5px;}

.dash-wrapp .inner-row1 .common-table.book-table table tr td h3 { font-size:16px; text-align: right;}

.dash-wrapp .inner-row1 .common-table.book-table table tr td:last-child .delete-btn { justify-content: flex-end;}

.dash-wrapp .inner-row1 .common-table.book-table table tr td:last-child .delete-btn .tbl-icon { margin-right: 0;}

.dash-wrapp .inner-row1 .common-table.book-table table tr td .book-price { font-weight: 600; font-size: 13px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .apply-btn {width: auto;float: none;display: inline-block;color: #ffffff;border: 1px solid #0274d6;border-radius: 5px;padding: 8px 20px;background: #0274d6;line-height: normal;font-size: 14px;margin: 0 auto 0 15px;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .apply-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .coupon-outer { width: 100%; display: flex; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .coupon-outer .form-control { width: fit-content; min-width: 280px; height: auto;}

.dash-wrapp .inner-row1 .add-stud-row .deposit-box h3{ background: #ff9800; padding: 10px 16px; border-radius: 5px; color: #ffffff; font-size: 14px; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.terms-row .my-orders-section .booked-item { float: left; background: #cfd7e3; margin-bottom: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.terms-row .form-group .text-fields .text-field { margin-bottom:0 }


.dash-wrapp .inner-row1 .add-stud-row.update-row.book-btn-footer { margin-bottom: 45px; margin-top: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter { display: flex; align-items: center;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter .btn {width: fit-content; margin-right: 5px; font-size: 13px; padding: 10px 20px 10px 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter .btn i { margin-right: 5px; font-weight: normal;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter.btn-full .btn {width: inherit;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter .color1 { background: #ff8800; border-color: #ff8800;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter .color2 { background: #aa66cc; border-color: #aa66cc;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter .color3 { background: #00c851; border-color: #00c851;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter .color4 { background: #a5aa4d; border-color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter .color5 { background: #616161; border-color: #616161;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter .color6 { background: #af0028; border-color: #af0028;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter .add-btn:hover { color: #ffffff; border-color: #0274d6 !important; background: #0274d6 !important;}



.dash-wrapp .inner-row1 .add-stud- .book-btn-footer .tabsfooter { display: flex;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .add-head p.head-desc { color: #000000; line-height: 22px; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: normal; margin: -10px 0 15px; padding: 0 10px;}




.dash-wrapp .inner-row1 .add-stud-row .installment-plan {width: 100%;display: block;margin: 0 0 20px 0;}

.dash-wrapp .inner-row1 .add-stud-row .installment-plan h2 { padding: 0; font-size: 18px;}

.dash-wrapp .inner-row1 .add-stud-row .installment-plan .registration-fee { width: 100%; background: #55a4ff; padding: 12px 15px; font-weight: 600; margin-bottom: 20px; font-size: 14px;}

.dash-wrapp .inner-row1 .add-stud-row .installment-plan .payment-table { width: 100%; border: 1px solid #dcdcdc; margin-bottom: 0; display: block; background: #ffffff; float: none; padding: 0 0 0;}
 
.dash-wrapp .inner-row1 .add-stud-row .installment-plan .payment-table .stud-table { background: #ffffff;} 

.dash-wrapp .inner-row1 .add-stud-row .installment-plan .payment-table .stud-table tbody tr:nth-child(odd) { background: #f1f1f1;}

.dash-wrapp .inner-row1 .add-stud-row .installment-plan .payment-table .stud-table tr:nth-child(even) { background: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row .installment-plan .payment-table .stud-table tr th:first-child, .dash-wrapp .inner-row1 .add-stud-row .installment-plan .payment-table .stud-table tr td:first-child { padding-left: 25px;}

.dash-wrapp .inner-row1 .add-stud-row .installment-plan .payment-table .stud-table tr th:last-child, .dash-wrapp .inner-row1 .add-stud-row .installment-plan .payment-table .stud-table tr td:last-child { padding-right: 25px;}


.dash-wrapp .inner-row1 .add-stud-row .installment-plan .plan-note { background: #efd7b0; padding: 12px 15px; font-size: 16px;}

.dash-wrapp .inner-row1 .code-applied {width: fit-content;color: #ffffff;background: #00c851;border: 1px solid #00c851;padding: 12px 15px;font-weight: 600;margin-bottom: 20px;font-size: 14px;float: left;border-radius: 5px;}



.dash-wrapp .dash-row1 .inner-row1 .members-note .enroll-instruction-box { width: 100%; float: left; background: #f1f1f1; padding: 20px 25px; border-left: 4px solid #ff0000; margin-bottom: 20px;}

.dash-wrapp .dash-row1 .inner-row1 .members-note .instruction-title { font-size: 16px; font-weight: 600; color: #ff0000; background: #fff200; display: inline-block; padding: 2px 6px; margin-bottom: 15px;}

.dash-wrapp .dash-row1 .inner-row1 .members-note ol.instruction-list {margin-left: 20px;margin-bottom: 15px;list-style-type: decimal;list-style: decimal !important;}

.dash-wrapp .dash-row1 .inner-row1 .members-note .instruction-list li {margin-bottom: 6px;font-size: 14px;color: #333;list-style: auto;}

.dash-wrapp .dash-row1 .inner-row1 .members-note .instruction-note { color: #ff0000; font-size: 14px; margin-top: 10px;}


.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .uplod-col1 { width: 100%; display: flex; margin: 0 0 15px; position: relative; float: left;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .uplod-col1 .uplod-box2 { width: fit-content; float: right; margin-left: 5%; position: relative; display: block;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .uplod-col1 .uplod-box1 { width: -webkit-fill-available; margin: 0 0 0; position: relative; float: left; display: block;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .uplod-col1 .uplod-box2 .reg-btn { margin-top: 0; margin-bottom: 0;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .radio-box { flex-wrap: nowrap; width: 100%; height: auto; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 0; position: relative; float: left; justify-content: flex-start;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox { width: fit-content; padding-left: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: inline-block; position: relative; margin: 5px 20px 5px 0; font-size: 12px; line-height: 18px; font-weight: 500; color: #000000; font-family: 'Open Sans', sans-serif; position: relative;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox:last-child { margin-right: 0;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox input { position: absolute; opacity: 0; cursor: pointer;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox .checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; border-radius: 2px; background-color: #ffffff;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox input:checked ~ .checkmark { background-color: #0274d6;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox input:checked ~ .checkmark:after { display: block;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.group-select .text-field .radio-box .checkbox .checkmark { background-color: #a5ab4d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.group-select .text-field .radio-box { justify-content: space-between;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.group-select .text-field .radio-box .prd_time_frame { width: 49%; position: relative; float: left; display: flex; margin: 15px 0 0 0; border: 2px solid #d9dcde; border-radius: 5px; padding: 10px 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.Business-field .booked-right { width: fit-content; display: flex; position: relative; margin-left: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.Business-field .booked-right .edit-btn { margin-left: 5px;}






.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .cost-table-box { width: 100%; position: relative; background: #fff; border: 1px solid #e3eaf3; border-radius: 10px; padding: 20px 15px 15px 15px; margin: 0 0 20px; transition: all 0.2s ease; box-shadow: 0px 4px 5px 0px rgb(217 220 222); float: left;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .cost-table-box h3 { width: 100%; float: left; font-size: 18px; line-height: 24px; font-weight: bold; color: #0274d6; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .cost-table-box .student-table table { min-width: 320px;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .cost-table-box .student-table { margin: 0 0 0; padding: 15px 0 15px 0;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .cost-table-box .student-table table td { padding-left: 15px; padding-right: 15px; font-size: 13px;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .cost-table-box .student-table table td.value { font-weight: 600;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .cost-table-box .student-table table td a { display: inline;}



.modal .modalWrapper .add-stud-row .modal-body.add-activity { background: #ffffff; padding: 20px 15px; border-radius: 8px;}

.modal .modalWrapper .add-stud-row .modal-body.add-activity p { color: #000000; line-height: 22px; font-size: 13px; font-weight: normal; margin: 0 0 10px;}

.modal .modalWrapper .add-stud-row .modal-body.add-activity ul { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.modal .modalWrapper .add-stud-row .modal-body.add-activity ul li { color: #000000; line-height: 22px; font-size: 13px; font-weight: normal; margin: 0 0 5px;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .cost-table-box .pay-newbox { width: 100%; display: block; margin: 20px 0 0; float: left; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .cost-table-box .pay-newbox h4 { font-size: 16px; line-height: 20px; font-weight: 600; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 5px;}

.dash-wrapp .inner-row1 .add-stud-row .payment-box1 .cost-table-box .pay-newbox h5 { font-size: 14px; line-height: 20px; font-weight: 500; color: #000000; position: relative; font-family: 'Open Sans', sans-serif; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .btn-danger { border-radius: 5px; padding: 10px 14px; line-height: 12px; font-size: 11px; margin: 0 0 0 5px; background: #af0028; border-color: #af0028; float: right;}

.dash-wrapp .inner-row1 .add-stud-row .file-removed { font-size: 14px; font-weight: 600;}

.dash-wrapp .inner-row1 .add-stud-row .file-removed .text-danger { color: #af0028 !important;}



.dash-wrapp .inner-row1 .common-table.book-table table tr td .text-field .form-control { border: 1px solid #dadddf; margin-bottom: 10px;}

.dash-wrapp .inner-row1 .common-table.book-table .stud-table .prd-box {max-width: 140px; float: right; background-color: #f0f3f5;color: #af0028;font-weight: 600;border: 1px solid #af0028;margin: 0 0 5px;padding: 5px;line-height: 16px;border-radius: 5px;}

.dash-wrapp .inner-row1 .common-table.book-table .stud-table tbody tr td label { display: block;}


.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .terms-signature { width: 100%; display: block; margin: 10px 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .terms-signature .signature-body { width: fit-content;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .terms-signature .signature-area .btn {width: 100%;float: none;display: block;color: #ffffff;border: 1px solid #0274d6;border-radius: 5px;padding: 8px 20px;background: #0274d6;line-height: normal;font-size: 14px;margin: 10px 0 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .terms-signature .signature-area .btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.terms-row .terms-col1 { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row.terms-row .terms-col1 a { color: #0274d6; cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row.terms-row .terms-col1 a:hover { color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.terms-row .form-group .text-fields .text-field .form-control { width: fit-content; border: 1px solid #cfd7e3;}

.dash-wrapp .inner-row1 .add-stud-row.terms-row .form-group .text-fields .text-field span.hint { margin-bottom: 20px; color: #008000;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-body .prd_time_frame {width: 100%;line-height: 24px;font-size: 13px;float: left;max-width: 100%;background-color: #f0f3f5;color: #af0028;font-weight: 600;border: 1px solid #af0028;margin: 0 0 10px;padding: 5px;border-radius: 5px;}


.dash-wrapp .inner-row1 .add-stud-row .view-status-row1.action-row h2 { margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1.action-row form { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1.action-row p { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1.action-row .text-fields .text-field .form-control {width: fit-content;min-width: 300px;border-color: #bfbfbf;display: inline-block;height: 35px;margin: 10px 10px 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1.action-row .action-footer {display: flex;flex-wrap: wrap;align-items: center;margin: 25px 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1.action-row .text-fields .text-field .btn-act {width: fit-content;float: none;display: block;color: #ffffff;border: 1px solid #0274d6;border-radius: 5px;padding: 7px 25px;background: #0274d6;line-height: normal;font-size: 14px;margin: 10px 0 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1.action-row .text-fields .text-field .btn-act:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1.action-row .form-group { margin: 0;}

 
.modal .modalWrapper .add-stud-row .form-group .student-table.group-table { background: #ffffff; margin: 0 0 20px;}

.modal .modalWrapper .add-stud-row .form-group .student-table.group-table tr { background: #ffffff;}

.modal .modalWrapper .add-stud-row .form-group .student-table.group-table tr td:first-child { padding-left: 20px;}

.modal .modalWrapper .add-stud-row .form-group .student-table.group-table tr th:first-child { padding-left: 20px;}





.dash-wrapp .inner-row1 .add-stud-row.empty-cart {background: #ffffff;padding: 30px 15px !important;margin: 0 0 0 0 !important;}

.dash-wrapp .inner-row1 .add-stud-row.empty-cart .form-group.add-box { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.empty-cart p { text-align: center; color: #000000; line-height: 28px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 500; margin: 0 0 20px;}

.dash-wrapp .inner-row1 .add-stud-row.empty-cart .tabsfooter.btn-full { margin: 0 auto;}


.dash-wrapp .inner-row1 .common-table.book-table.cart-table .stud-table { min-width: 500px;}


 

.dash-wrapp .inner-row1 .add-stud-row.quiz-list .course-card .stud-table { min-width: 200px; margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-list .course-card .common-table { background: #ffffff; padding: 0; margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-list .course-card .stud-table tr { background: #ffffff;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-list .course-card .stud-table tr td { padding-left: 5px; padding-right: 5px; font-size: 13px;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-list .quiz-btn {width: 100%;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 20px;background: #a5aa4d;line-height: normal;font-size: 13px;margin: 15px auto 0;position: relative;outline: none;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-list .quiz-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


 
.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-box.card { background: #ffffff; border: 0; border-radius: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-box.card .card-body { padding: 0; width: 100%; text-align: center;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-box.card .card-body p { text-align: center; color: #000000; line-height: 28px; font-size: 14px; font-weight: 500; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-box.card .card-body .quiz-btn {width: fit-content;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 20px;background: #a5aa4d;line-height: normal;font-size: 14px;margin: 15px auto 0;position: relative;outline: none;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-box.card .card-body .quiz-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}





.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-tabs { width: fit-content;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-tabs .col-md-12 { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row { background: #ffffff; border: 0; border-radius: 10px; width: 100%; margin: 15px 0 0 0; float: left;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row .tab-content.card { background: transparent; border: 0;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row .tab-pane { width: 100%; position: relative; float: left; margin: 0 auto;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row h3 { width: 100%; display: block; font-size: 21px; line-height: 26px; font-weight: bold; color: #0274d6; margin: 0 0 18px; text-align: left;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row .tab-pane { width: 100%; position: relative; float: left; margin: 0 auto;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row h3.time { width: fit-content; font-size: 16px; font-weight: 500; line-height: 20px; color: #a5aa4d; float: right; margin-bottom: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row h3.time #timer { color: #0274d6;}


.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row .tab-pane .quiz-tabs .pagination {display: flex;flex-wrap: wrap;float: left;margin: 0 0 10px;align-items: center;position: relative;justify-content: flex-start;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row .tab-pane .quiz-tabs .pagination .box-quz { color: #a5aa4d; border: 1px solid #a5aa4d; font-weight: bold; border-radius: 5px; padding: 5px 10px; background: #ffffff; margin-right: 5px; margin-bottom: 5px; margin-top: 5px;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row .tab-pane .quiz-tabs .pagination .box-quz:hover { color: #ffffff; background: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row .tab-pane .quiz-tabs .pagination .box-quz:hover:not(.active) {background-color: #a5aa4d !important;} 
 
.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row .tab-pane .quiz-tabs .pagination .box-quz.active{ color: #ffffff; background: #a5aa4d; }


.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ans { position: relative;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ans .quiz-check { text-align: left; margin-top: 15px;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ans .quiz-check .checkboxes {width: fit-content;padding-left: 24px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float: left;display: inline-block;position: relative;margin: 0 0 0;font-size: 13px;line-height: 16px;font-weight: 600;color: #000000;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ans .quiz-check .checkboxes input{ position: absolute; opacity: 0; cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ans .quiz-check .checkboxes .checkmark {position: absolute;top: 0;left: 0;height: 16px;width: 16px;border-radius: 2px;background-color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ans .quiz-check .checkboxes input:checked ~ .checkmark { background-color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ans .quiz-check .checkboxes .checkmark:after { content: ""; position: absolute; display: none;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ans .quiz-check .checkboxes input:checked ~ .checkmark:after { display: block;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ans .quiz-check .checkboxes .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
 

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ques { display: flex; align-items: center; justify-content: space-between; position: relative; margin: 20px 0 20px; }

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ques .quiz-no { color: #000000; line-height: 28px; font-size: 14px; font-weight: bold;}


.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ques .btn-finish {width: fit-content;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 15px;background: #a5aa4d;line-height: normal;font-size: 12px;margin: 0 0 0;position: relative;outline: none;font-weight: 700;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-ques .btn-finish:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}




.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-pint { width: 100%; position: relative; margin: 0 0 10px; text-align: left;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .classes-row p {color: #000000;line-height: 28px;font-size: 14px;font-weight: 600;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 { width: 100%; position: relative; margin: 0 0 10px; text-align: left;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-box1 {width: 100%;position: relative;margin: 0 0 0;}


.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-box1 .radio {width: 100%;padding-left: 25px; min-height: 24px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float: left;display: inline-block;position: relative;margin: 0 0 10px;font-size: 13px;line-height: 24px;font-weight: 500;color: #000000;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-box1 .radio input { position: absolute; opacity: 0; cursor: pointer;}


.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-box1 .radio .checkround {position: absolute;top: 5px;left: 0;height: 16px;width: 16px;border-radius: 2px;background-color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-box1 .radio input:checked ~ .checkround { background-color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-box1 .radio .checkround:after { content: ""; position: absolute; display: none;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-box1 .radio input:checked ~ .checkround:after { display: block;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-box1 .radio .checkround:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
 



.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-row2 { width: 100%; display: flex; margin: 15px auto 20px auto; float: left;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-row2 .quiz-answer { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-row2 label { width: 100%; float: left; display: block; margin: 0 0 5px; font-size: 14px; line-height: 18px; font-weight: bold; color: #000000;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-row2 textarea.form-control { width: 100%; height: 100px; font-size: 13px; position: relative; font-weight: 600; color: #000000; border-radius: 6px; line-height: normal; padding: 5px 10px; background: #fbfbfb; border: 1px solid #d9dcde; outline: none !important; box-shadow: none;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-col1 .quiz-row2 .quiz-input { padding: 0;}


.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-prev {width: fit-content;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 15px;background: #a5aa4d;line-height: normal;font-size: 12px;margin: 0 10px 0 0;position: relative;outline: none;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-prev:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-next {width: fit-content;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 15px;background: #a5aa4d;line-height: normal;font-size: 12px;margin: 0 0 0;position: relative;outline: none;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .quiz-next:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}


.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .btn-finish { width: fit-content;display: inline-block;color: #ffffff;border: 1px solid #0274d6;border-radius: 5px;padding: 10px 20px;background: #0274d6;line-height: normal;font-size: 12px;margin: 0 0 0;position: relative;outline: none;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.quiz-wrapp .btn-finish:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}








 
.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row { border: 0; background: #ffffff; border-radius: 10px; overflow: hidden; text-align: left;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .box-sub-head h2 { margin: 0px 0 20px 0;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .box-sub-head p {text-align: left;color: #000000;line-height: 28px;font-size: 15px;font-weight: 600;margin: 0 0 20px;font-style: normal;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .quiz-result-col1 { width: 100%; float: left; background: #a5aa4d; border-radius: 8px; padding: 20px 15px; text-align: center; margin: 0 0 25px;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .quiz-result-col1 h2 { width: 100%; font-size: 20px; display: block; line-height: 28px; font-weight: bold; color: #ffffff; margin: 10px 0 20px;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .quiz-result-col1 h3 { font-size: 16px; line-height: 18px; font-weight: 600; color: #ffffff; position: relative; margin: 0 0 20px;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .quiz-result-col1 h3 .pass { color: #00ff67; font-weight: bold;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .quiz-result-col1 h3 .fail { color: #af0028; font-weight: bold;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .quiz-result-col1 .quiz-proceed { width: 100%; display: block; margin: 0 auto;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .quiz-result-col1 .quiz-proceed .btn-proceed { width: fit-content;display: inline-block;color: #ffffff;border: 1px solid #0274d6;border-radius: 5px;padding: 10px 20px;background: #0274d6;line-height: normal;font-size: 14px;margin: 0 0 20px;position: relative;outline: none;font-weight: bold;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .quiz-result-col1 .quiz-proceed .btn-proceed:hover { color: #0274d6; border: 1px solid #a5aa4d; background: #ffffff;}


.dash-wrapp .inner-row1 .quiz-result-wrapp .quiz-result-col1 .quiz-proceed .btn-retake { width: fit-content;display: inline-block;color: #ffffff;border: 1px solid #0274d6;border-radius: 5px;padding: 10px 20px;background: #0274d6;line-height: normal;font-size: 14px;margin: 0 0 10px;position: relative;outline: none;font-weight: bold;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .quiz-result-col1 .quiz-proceed .btn-retake:hover { color: #0274d6; border: 1px solid #a5aa4d; background: #ffffff;}


 
.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 { width: 100%; float: left; position: relative; margin: 0 auto;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .result-head h3 { color: #000000; line-height: 28px; font-size: 14px; font-weight: 600; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .result-head h3 span { color: #198754;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .frb-group { width: 100%; display: block; margin: 0 0 15px; float: left;}


.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .frb-group .frb { position: relative; width: 100%; display: block; float: left; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .frb-group .frb input[type="radio"] ~ label, 
.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .frb-group .frb input[type="checkbox"] ~ label { position: relative; cursor: pointer; background-color: #f2f2f2; display: block; padding: 0 0 0; float: left; border-radius: 8px; width: 100%;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .frb-group .frb .frb-title { font-weight: 600; margin: 5px 5px 5px 45px !important; display: block; color: #000000; font-size: 14px; line-height: 28px;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .frb-group .frb input[type="radio"] ~ label:before { font-family: FontAwesome; content: '\f096'; position: absolute; top: 52%; left: 15px !important; font-size: 20px !important; transform: translateY(-50%);}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .frb-group .frb input[type="radio"] ~ label.checked { background: #198754; color: #fff !important;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .frb-group .frb input[type="radio"] ~ label.checked .frb-title { color: #ffffff;}

/*.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .frb-group .frb input[type="radio"] ~ label.checked:before { content: '\f046';}*/

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .frb-group .frb input[type="radio"] ~ label.danger { background: #af0028; color: #ffffff;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .frb-group .frb input[type="radio"] ~ label.danger .frb-title { color: #ffffff;}


.frb input[type="radio"]:empty, .frb input[type="checkbox"]:empty { display: none !important;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .frb-group .frb input[type="radio"]:checked ~ label:before { content: '\f046' !important;}


.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .noans h3 { text-align: left; color: #af0028; line-height: 24px; font-size: 14px; font-weight: 600; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .noans { width: 100%; display: block;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .long-ans { width: 100%; display: block;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .long-ans h3 { text-align: left; color: #000000; line-height: 24px; font-size: 14px; font-weight: 500; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .total-point h3 { text-align: right; color: #0274d6; line-height: 24px; font-size: 14px; font-weight: 600; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .total-point { width: 100%; display: block;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .hint-test { width: 100%; display: block;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col2 .hint-test h3 { text-align: left; color: #198754; line-height: 24px; font-size: 14px; font-weight: 500; margin: 0 0 10px;}



.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col3 { width: 100%; display: block;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col3 .box-sub-head h2 { font-size: 20px; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .quiz-result-wrapp .result-row .result-col3 .box-sub-head p { font-weight: normal; margin: 0 0 15px; line-height: 22px; font-size: 14px;}




.dash-wrapp .inner-row1 .progress-wrapp .my-orders-section .steams-tab-pane { background: #ffffff; border: 0; border-radius: 10px; overflow: hidden; text-align: left;}




.progress{height: 10px !important;background-color: #eef2f7;} 

.progress-container { margin-bottom: 10px ;}

.progress-bar { background-color: #32af57 ;}

.progress .progress-bar > span { position:relative; height:100% ;}

.progress .progress-bar > span > * { position:absolute; top:2px; transition: opacity .3s ease-out ;}

.progress .grade { opacity:0 ;}

.progress:hover .grade { opacity:1 ;}

.progress:hover .percentage { opacity:0 ;}

#classProgressChart { height: 350px !important; width: auto !important; padding-left: 50px !important ;}



.dash-wrapp .inner-row1 .progress-wrapp .form-group h2 { padding: 0;}
 
.dash-wrapp .inner-row1 .progress-wrapp .progress-col1 { position: relative; margin: 0 0 25px;}

.dash-wrapp .inner-row1 .progress-wrapp .progress-col1 fieldset { float: left; width: 100%;}

.dash-wrapp .inner-row1 .progress-wrapp .progress-col1 fieldset h6 { color: #000000; line-height: 28px; font-size: 14px; font-weight: 600; margin: 0 0 0;}



.dash-wrapp .inner-row1 .progress-wrapp .common-table { padding: 15px 0 15px 0;}

.dash-wrapp .inner-row1 .progress-wrapp .common-table .stud-table { min-width: 350px; margin: 0 0 0;}

.dash-wrapp .inner-row1 .progress-wrapp .progress-footer { width: 100%; float: left; position: relative;}

.dash-wrapp .inner-row1 .progress-wrapp .progress-footer h4 { text-align: left; color: #000000; line-height: 28px; font-size: 15px; font-weight: 600; margin: 0 0 0;}


 
.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .breadcrumbs { width: fit-content; font-size: 15px; line-height: 20px; font-weight: 600; color: #0274d6; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .back-btn {padding: 6px 15px 6px 14px;font-size: 13px;box-shadow: none;margin: 0 0 0;display: block;color: #ffffff;background: #0274d6;border-radius: 5px;border-color: #0274d6;width: fit-content;position: relative;font-weight: 600;}

.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .back-btn:hover { background: #a5ab4d; border-color: #a5ab4d;}

.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .btn-info {padding: 6px 10px;font-size: 12px;box-shadow: none;margin: 0 0 0;display: block;color: #ffffff;background: #a5ab4d;border-radius: 5px;border-color: #a5ab4d;width: fit-content;position: relative;font-weight: 600;}

.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .btn-info:hover { background: #0274d6; border-color: #0274d6;}
 
.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .breadcrumbs-container { padding: 0 10px 10px;}


.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .student-table table tr th:first-child { padding-left: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .student-table table tr th:last-child { padding-right: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .student-table table tr td:first-child { padding-left: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .student-table table tr td:last-child { padding-right: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .student-table table tr td i { font-size: 16px; padding-right: 5px; color: #4173d1; display: inline-block;}

.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp td.file-name { cursor: pointer;}

.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .file-btn {padding: 6px 15px 6px 14px;font-size: 12px;box-shadow: none;margin: 0 0 0;display: block;color: #ffffff;background: #0274d6;border-radius: 5px;border-color: #0274d6;width: fit-content;position: relative;font-weight: 600;}

.dash-wrapp .inner-row1 .add-stud-row.resource-wrapp .file-btn:hover { background: #a5ab4d; border-color: #a5ab4d;}




.modal.resou-table .student-table { background: #ffffff; padding: 0 0; border-radius: 8px; overflow: hidden;}

.modal.resou-table .student-table table tbody tr { background: #ffffff !important;}
 

.modal.resou-table .student-table .book-btn { width: fit-content; float: none; display: block; color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d; border-radius: 5px; padding: 6px 15px 6px 15px; line-height: normal; font-size: 13px; margin: 5px auto; position: relative; outline: none; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.modal.resou-table .student-table .book-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}
 
.modal.resou-table .student-table table tbody tr td .clone-btn { width: 100%; max-width: 40px; display: block; text-align: center; min-width: 30px; height: 100%; float: none; position: relative; margin: 0 auto; border-radius: 5px; overflow: hidden; background: #0274d6; padding: 12px 5px; color: #ffffff;}

.modal.resou-table .student-table table tbody tr td .clone-btn i { color: #ffffff; width: 100%; display: block; margin: 0 auto; height: 100%; object-fit: contain; max-width: 30px; min-width: 30px; border-radius: 5px; overflow: hidden; transition: all 0.4s ease-in-out; font-size: 16px;}

.modal.resou-table .student-table table tbody tr td .clone-btn:hover { background: #a5aa4d;}





.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col1 .video-player { border-radius: 8px;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 h3 { width: 100%; float: left; font-size: 20px; line-height: 26px; font-weight: bold; color: #0274d6; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .accordion { font-size: 15px; line-height: 28px; font-weight: 600; color: #ffffff; background: #a4ac44; border-radius: 5px; border: 1px solid #a4ac44; padding: 10px 15px; margin: 0 0 5px;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .accordion:hover { color: #ffffff; background: #0274d6; border-color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .accordion.active { color: #ffffff; background: #0274d6; border-color: #0274d6;}
 
 
.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets .checkbox {width: auto;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float: left;display: flex;flex-wrap: wrap;position: relative;margin: 4px 0 0 0;}
 
.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets .checkbox input {position: absolute;opacity: 1;cursor: pointer;display: block;width: 100%;height: 15px;float: left;z-index: 9;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets .checkbox .checkmark {position: relative;display: block;top: 0;left: 0;height: 15px;width: 15px;border-radius: 2px;background-color: #ffffff;border: 1px solid #0274d6;z-index: 0;padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets .checkbox input:checked ~ .checkmark { background-color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets .checkbox input:checked ~ .checkmark:after { display: block;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets .checkbox .checkmark:after {left: 3.5px;top: 1px;width: 5px;height: 9px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets li { padding: 5px 0px 5px 0;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets li.reso-box { padding-left: 20px;}


.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets span {font-size: 13px;line-height: 22px;font-weight: 500;color: #000000;padding-left: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets i { font-size: 18px; margin: 2px 5px 0 0; color: #a4ac44; float: left;}


.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets .reso-box .openTooltipBtn { background: #0274d6; border: 0.5px solid #0274d6; border-radius: 3px; padding: 3px 5px 1px 5px; font-size: 12px; line-height: 22px; font-weight: 600; color: #ffffff; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets .reso-box .openTooltipBtn i { color: #ffffff; font-size: 16px;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets .reso-box .openTooltipBtn:hover { background-color: #a4ac44; border-color: #a4ac44;}


.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets .reso-box .tooltips a { font-size: 13px; line-height: 18px; font-weight: 500; color: #0274d6; max-width: 95%; position: relative; word-wrap: break-word;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .panel ul.no-bullets .reso-box .tooltips a:hover { color: #000000;}

 
.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col1 .btn-view {width: fit-content;float: left;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;background: #a5aa4d;border-radius: 5px;padding: 8px 20px 8px 20px;line-height: normal;font-size: 14px;margin: 0 0 0;position: relative;outline: none;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col1 .btn-view:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}



.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .chat-toggle {width: fit-content;float: left;display: block;color: #ffffff;border: 1px solid #a5aa4d;background: #a5aa4d;border-radius: 5px;padding: 8px 10px 8px 10px;line-height: 1;font-size: 13px;margin: 0 0 0;position: relative;outline: none;font-weight: 600;height: auto;}

.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .chat-toggle:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .tabs-col1:last-child { display: flex; align-items: center;} 
 
.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .tabs-box1 .profile-image { width: 100%; display: block; margin: 0 auto; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .tabs-box1 .social-media {width: 100%;display: flex; flex-wrap: wrap; margin: 10px 0 10px;justify-content: center;align-items: center;position: relative;}

.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .tabs-box1 .social-media i { font-size: 16px; color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .tabs-box1 .social-media a:last-child { margin-right: 0 !important;}

.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .tabs-box1 .social-media a:hover i { color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .pro-text p {font-size: 14px;line-height: 30px;display: block;font-weight: 500;color: #000000;margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .pro-text p b { font-weight: bold;}


.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .text-field { width: 100%; } 

.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .text-field textarea.form-control { border-color: #979797; padding-top: 10px;}



.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .text-field .add-btn { width: fit-content; float: none; margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .text-field #emoji-button { font-size: 18px !important; -webkit-border-radius: 5px; color: #ffffff !important; border: 1px solid #0274d6; border-radius: 5px; margin-right: 5px; box-shadow: none !important; padding: 6px 5px !important; background: #0274d6; display: inline-block; float: left; height: auto;}

.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .form-group { margin: 0;}



.dash-wrapp .inner-row1 .add-stud-row.view-tabs h4 { width: 100%; font-size: 20px; line-height: 26px; font-weight: bold; color: #0274d6; margin: 5px 0 15px; display: block;}

.dash-wrapp .inner-row1 .add-stud-row .btn-danger span { color: #ffffff; font-size: 16px; width: 100%; display: block; margin: 0 auto; height: auto; object-fit: contain; max-width: 30px; overflow: hidden; transition: all 0.4s ease-in-out;}


.dash-wrapp .inner-row1 .add-stud-row.announcements .my-orders-section { float: left; width: 100%; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .mark-row.annonce-flex { justify-content: space-between; align-items: flex-start; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .mark-row.annonce-flex .mark-col1 h3 { width: 100%; font-size: 20px; line-height: 34px; font-weight: bold; color: #0274d6; margin: 0 0 5px; display: block;}

.dash-wrapp .inner-row1 .add-stud-row .mark-row.annonce-flex .mark-col1 p { font-size: 14px; line-height: 22px; display: block; font-weight: 500; color: #000000; margin: 0 0 15px;}




.dash-wrapp .inner-row1 .add-stud-row.announcements .assignment { width: 100%; display: block; margin: 0 0 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .assignment ul { list-style: none; padding: 0 0 0 20px; margin: 0 0 0; width: 100%; display: block;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .assignment ul li { padding: 0 0 0 15px; color: #000000; font-size: 13px; line-height: 30px; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .assignment ul li:before { content: ""; position: absolute; left: 0; width: 6px; height: 6px; background: #0274d6; border-radius: 50%; top: 13px;}


.dash-wrapp .inner-row1 .add-stud-row.announcements .assignment ul li a { color: #1890ff;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .assignment ul li a:hover { color: #a5aa4d;}





#pdfContainer { margin-top: 5px; padding: 10px; max-height: 600px; overflow-y: auto; border: 1px solid #ccc; background: #fff; border-radius: 8px;}

#pdfContainer::-webkit-scrollbar { width: 12px;}

#pdfContainer::-webkit-scrollbar-track { background: #f1f1f1;}

#pdfContainer::-webkit-scrollbar-thumb { background: #666; border-radius: 6px;}

#pdfContainer::-webkit-scrollbar-thumb:hover { background: #444;}



.dash-wrapp .inner-row1 .add-stud-row.announcements .assign-submis { align-items: center;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .assign-submis .form-group label { width: 100%; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 14px; line-height: 18px; font-weight: 600; color: #000000; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .assign-submis .btn-write {width: fit-content;float: left;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;background: #a5aa4d;border-radius: 5px;padding: 8px 20px 8px 20px;line-height: normal;font-size: 14px;margin: 0 0 0;position: relative;outline: none;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .assign-submis .btn-write:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}



.dash-wrapp .inner-row1 .add-stud-row.announcements .form-group .text-fields .text-field .form-control { border-color: #9d9d9d;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.external-profile label { margin-top: 0 !important;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .form-group .external-profile { padding: 0;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .save-btn { color: #ffffff; border-color: #04ab47; background: #04ab47;}
 


.dash-wrapp.admin-wrapp .inner-row1.full { width: 100%; max-width: 100%;}








.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp { padding-bottom: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page { width: 100%; position: relative; background: #fff; border: 1px solid #e3eaf3; border-radius: 10px; padding: 20px 15px; margin: 0 0 20px; transition: all 0.2s ease;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page .my-orders-col1 { position: relative; margin: 0 0 0; float: left;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page h2 { width: 100%; float: left; font-size: 18px; line-height: 26px; font-weight: bold; color: #0274d6; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page h3 { width: 100%; display: block; margin: 0 0 10px; font-size: 14px; line-height: 26px; color: #000000; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page p { font-size: 14px; line-height: 26px; color: #000000; position: relative; display: block; margin: 0 0 5px;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page h4 { font-size: 16px; line-height: 26px; font-weight: bold; color: #a5aa4d; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page .my-order-box { width: 100%; border: 2px solid #c1c1c1; border-radius: 5px; display: block; padding: 5px 10px; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page .my-order-box .invoice-text { font-size: 16px; line-height: 26px; color: #000000; position: relative; display: block;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page .my-order-box em { font-style: italic; display: block; font-size: 14px;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page .invoice-boxs { width: 100%; border: 0; border-radius: 5px; display: block; padding: 10px 10px; margin: 0 0 10px; background: #cfd7e3;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page .invoice-boxs:last-child { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page .invoice-boxs .invoice-inner { width: 100%; position: relative; display: block;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page .invoice-boxs .invoice-inner .invoice-head { font-size: 14px; line-height: 26px; color: #000000; position: relative; display: block; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page .invoice-boxs .invoice-inner p { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page .invoice-boxs .invoice-inner p span { color: #0274d6; font-weight: bold; padding-left: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page .my-orders-bts .pay-now {width: auto;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 20px;background: #a5aa4d;line-height: normal;font-size: 13px;margin: 26px 0 0 0;position: relative;outline: none; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .product-dtls-page .my-orders-bts .pay-now:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}



.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .invoice-footer { width: 100%; position: relative; background: #fff; border: 0; border-radius: 10px; padding: 20px 15px; margin: 0 0 0; transition: all 0.2s ease;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .invoice-footer h5 { color: #000000; line-height: 28px; font-size: 14px; font-weight: 500; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .invoice-footer h5 a { color: #0274d6; font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .invoice-footer h5 a:hover { color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .invoice-footer .invoice-img { width: fit-content; position: relative; display: block; margin: 0 0 0; height: auto; overflow: hidden;}

.dash-wrapp .inner-row1 .add-stud-row.my-orders-wrapp .invoice-footer .invoice-img img { width: auto; display: block; margin: 0 0 0; height: auto; position: relative; max-width: 100%;}





.dash-wrapp .inner-row1 .single-inv-wrapp .single-inv-row .inv-status-col1 { width: 100%; display: block; background: #ffffff; border-radius: 8px; padding: 20px 15px; position: relative; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .single-inv-wrapp .single-inv-row { margin: 0 auto; width: 100%;}

.dash-wrapp .inner-row1 .single-inv-wrapp .single-inv-row .inv-status-col1 p { font-size: 16px; line-height: 28px; font-weight: 600; position: relative;}

.dash-wrapp .inner-row1 .single-inv-wrapp .single-inv-row .inv-status-col1 p span.text-success { font-weight: bold;}

.dash-wrapp .inner-row1 .single-inv-wrapp .single-inv-row .inv-btn { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end;}

.dash-wrapp .inner-row1 .single-inv-wrapp .single-inv-row .inv-btn .view-btn {width: auto;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 15px;background: #a5aa4d;line-height: normal;font-size: 13px;margin: 10px 0 0 0;position: relative;outline: none; font-weight: bold;}

.dash-wrapp .inner-row1 .single-inv-wrapp .single-inv-row .inv-btn .view-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}





.dash-wrapp .inner-row1 .add-stud-row.update-row.book-btn-footer .invo-foot { background: #cfd7e3; padding: 10px 15px; border-radius: 5px; display: flex; flex-wrap: wrap; align-items: center;}

.dash-wrapp .inner-row1 .add-stud-row.update-row.book-btn-footer .invo-foot p { margin: 0; color: #000000; line-height: 20px; font-size: 15px; font-weight: 600;}

.dash-wrapp .inner-row1 .add-stud-row.update-row.book-btn-footer .or-row { width: 100%; margin: 20px 0; text-align: center; text-transform: uppercase;}

.dash-wrapp .inner-row1 .add-stud-row.update-row.book-btn-footer .or-row h3 { width: 100%; float: left; font-size: 16px; line-height: 22px; font-weight: bold; color: #000000;}


.dash-wrapp .inner-row1 .add-stud-row.update-row.book-btn-footer .invo-row1 .tabsfooter.invo-btns { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.update-row.book-btn-footer .invo-row1 .tabsfooter.invo-btns i { margin-right: 0; font-weight: bold;}

#pdfPagesContainer { position: relative; border: 1px solid black; margin: 0 0 15px; border-radius: 5px;}
 
.pdf-page { position: relative; margin-bottom: 20px; } 

.annotation { box-sizing: border-box; user-select: none; font-size: 14px; line-height: 1.2; position: absolute; /* border: 1px dashed #000; */ background-color: #fefefe; padding: 5px; cursor: move; font-weight: 600;} 

.pdf-scroll-container { border: 2px solid #ccc; height: 600px; overflow-y: auto; padding: 10px; background-color: #fdfdfd; }

.pdf-page { border: 1px solid #999; margin-bottom: 15px; position: relative; background-color: white; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }





.annotation input[type=checkbox], .annotation input[type=radio] { overflow: visible; background-color: initial; cursor: pointer; appearance: auto; box-sizing: border-box; padding: initial; margin: 0 0 0; padding-top: 0;}

.annotation label { display: inline-block; font-size: 13px; line-height: 18px; font-weight: 600; color: #000000; position: relative;}

.annotation input[type="text"], .annotation input[type="date"] { width: 100%; height: 33px; font-size: 13px !important; position: relative; font-weight: 500; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 10px; background: #ffffff !important; border: 1px solid #d9dcde !important; outline: none !important; box-shadow: none;}
 

#initialsModal { background: #a5aa4de3 !important;}

#initialsModal button { width: auto; float: none; display: inline-block; color: #ffffff; border: 1px solid #0274d6; border-radius: 5px; padding: 10px 20px; background: #0274d6; line-height: 12px; font-size: 12px; margin: 0 auto 5px; position: relative; outline: none; font-weight: 700;}

#initialsModal > div { background: #dadddf; border: 1px solid #dadddf; border-radius: 12px; padding: 25px 20px 25px 20px !important;}

#initialsModal h3 { font-size: 20px; line-height: 28px; font-weight: bold; color: #000000; position: relative; margin: 0 0 10px; padding: 0 0;}

#initialsModal button:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}
 
#initialsModal > div #initialsCanvasWrapper canvas { margin: 0 0 15px;}

#initialsModal > div input[type="text"] { width: 100%; height: 35px; font-size: 14px !important; position: relative; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 10px; background: #ffffff; border: 1px solid #ababab; margin: 0 0 10px;}










.dash-wrapp .inner-row1 .add-stud-row .busi-wrapp .card { width: 100%; position: relative; background: #fff; border: 1px solid #e3eaf3; border-radius: 10px; padding: 20px 10px 15px 10px; margin: 0 0 20px; transition: all 0.2s ease; height: auto;}

.dash-wrapp .inner-row1 .add-stud-row .busi-wrapp .card .card-header { width: 100%; display: block; margin: 0 0 10px; background: #f5f6f9; padding: 15px 10px; border: 0; border-bottom: 1px solid #0274d6; border-top-right-radius: 6px; border-top-left-radius: 6px;}

.dash-wrapp .inner-row1 .add-stud-row .busi-wrapp .card .card-header h4 { width: 100%; font-size: 18px; line-height: 24px; font-weight: bold; color: #0274d6; display: block; text-align: left;}

.dash-wrapp .inner-row1 .add-stud-row .busi-wrapp .card .card-body { width: 100%; position: relative; height: auto; padding: 10px 10px 0px;}

.dash-wrapp .inner-row1 .add-stud-row .busi-wrapp .card .card-body p { font-size: 14px; line-height: 24px; font-weight: 500; color: #000000; text-align: left; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .busi-wrapp .card .card-body video { width: 100%; display: block; position: relative; height: auto; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .busi-wrapp .bus-view { width: 100%; float: left; position: relative; background: #fff; border: 1px solid #e3eaf3; border-radius: 10px; padding: 20px 15px 15px 15px; margin: 0 0 20px; transition: all 0.2s ease; height: auto;}

.dash-wrapp .inner-row1 .add-stud-row .busi-wrapp .bus-view a { width: fit-content; display: block; color: #ffffff; border: 1px solid #a5aa4d; border-radius: 5px; padding: 10px 20px; background: #a5aa4d; line-height: normal; font-size: 13px; margin: 0 0 0; position: relative; outline: none; font-weight: bold; cursor: pointer;}
 
.dash-wrapp .inner-row1 .add-stud-row .busi-wrapp .bus-view a:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}



.dash-wrapp .inner-row1 .box-sub-head.ai-boxsub { margin: 0 0 0;}

.dash-wrapp .inner-row1 .box-sub-head.ai-boxsub ul.inner-tabs.tab { margin:15px 0 15px; padding: 0 0;}

.dash-wrapp .inner-row1 .box-sub-head.ai-boxsub ul.inner-tabs li .tablinks { padding: 4px 10px; display: block; color: #ffffff; background: #a4ac44; border-radius: 5px; border: 0; font-size: 14px; line-height: 28px; font-weight: bold; }

.dash-wrapp .inner-row1 .box-sub-head.ai-boxsub ul.inner-tabs li .tablinks:hover { color: #ffffff; background: #0274d6;}

.dash-wrapp .inner-row1 .box-sub-head.ai-boxsub ul.inner-tabs li .tablinks.active{ color: #ffffff; background: #0274d6;}

.dash-wrapp .inner-row1 .box-sub-head.ai-boxsub ul.inner-tabs li { margin-bottom: 10px;}


.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .tabcontent { display: none;}
 
.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .ai-tabcontent { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .form-group .text-fields .text-field .form-control.chat-box{ min-height:200px; overflow:auto; padding: 15px 10px;}

.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .form-group .text-fields .text-field .send-btn { padding-left:15px; padding-right:15px; margin:0 0 0; }



.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .chat-box .msg.user {width: 100%;display: block;margin: 0 0 10px;position: relative;text-align: right;float: right;}

.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .chat-box .msg.user span { width: fit-content; float: right;font-size: 12px;padding: 8px 15px;color: #ffffff;line-height: 20px;font-weight: 500;background: #0274d6;border-radius: 6px;border-top-right-radius: 0;margin-right: 10px;position: relative;max-width: 375px;display: block;}

.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .chat-box .msg.user span:after { content: ''; position:absolute; right: -8px; top: 0px; width:0; height:0; border-top: 8px solid #0274d6; border-right: 10px solid transparent;}


.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .chat-box .msg.ai {width: 100%;display: block;margin: 0 0 10px;position: relative;text-align: left;float: left;}

.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .chat-box .msg.ai span { width: fit-content; font-size: 12px;padding: 8px 15px;color: #1e1e1e;line-height: 20px;font-weight: 500;background: #cfd7e3;border-radius: 6px;border-top-left-radius: 0;margin-left: 10px;position: relative;max-width: 375px;display: block;}

.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .chat-box .msg.ai span:after {content: '';position:absolute;left: -8px;top: 0px;width:0;height:0;border-top: 8px solid #cfd7e3;border-left: 10px solid transparent;}


 
.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .quiz-ai .quiz-box { width: 100%; position: relative; margin: 0 0 10px; float: left;}

.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .quiz-ai .quiz-box h3 { color: #000000; line-height: 28px; font-size: 14px; font-weight: 600; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .quiz-ai .quiz-box p { text-align: left; color: #000000; line-height: 28px; font-size: 14px; font-weight: 500; margin: 0 0 10px; display: block; width: 100%;} 

.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .quiz-ai .quiz-box .checkbox { width: 100%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: block; position: relative; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .quiz-ai .quiz-box .checkbox label { width: 100%; padding-left: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: inline-block; position: relative; margin: 0 0 0; font-size: 13px; line-height: 24px; font-weight: 500; color: #000000; min-height: inherit;}

.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .quiz-ai .quiz-box .checkbox input[type="radio"] {font-size: 44px;color: #000000;appearance: auto;box-sizing: border-box;padding: initial;border: initial;margin: 4px 0 0;cursor: pointer;position: absolute;left: 0;height: 16px;width: 16px;border-radius: 2px;background-color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .quiz-ai .quiz-box:last-child { margin: 0 0 0;}

 




.modal.aidigital-wrapp { max-width: 1000px; background: #ffffff;}

.modal.aidigital-wrapp .dash-wrapp.admin-wrapp { width: 100%; min-height: inherit; margin: 0 0 0; padding: 0 0 0;}

.modal.aidigital-wrapp .dash-wrapp.admin-wrapp .inner-row1 { width: 100%; float: left;}

.modal.aidigital-wrapp .dash-wrapp.admin-wrapp .inner-row1 .tabcontent { padding: 30px 10px; float: left; background: transparent; width: 100%;}

.modal.aidigital-wrapp .dash-wrapp.admin-wrapp .inner-row1 .tabcontent .quiz-ai { padding: 20px 15px 0 15px;}

.modal.aidigital-wrapp .dash-wrapp.admin-wrapp .inner-row1 .tabcontent .quiz-ai p { float: none;}

.modal.aidigital-wrapp .modal-footer { margin-top: 20px;}


.modal.aidigital-wrapp .dash-wrapp.admin-wrapp .inner-row1 .upload-box.add-stud-row { width: 100%; float: left; background: #d9dcde; border-radius: 12px; padding: 30px 10px 10px 10px; margin: 0 0 20px; position: relative;}




 




.course-topbar{display:flex;justify-content:space-between;align-items: self-start;margin-bottom:20px;flex-wrap:wrap;}

.course-title h2{ font-size:32px; font-weight:700; margin-bottom:15px;}

.course-tabs {overflow: hidden;border: 0;background-color: transparent;width: 100%;display: flex;flex-wrap: wrap;position: relative;margin: 0 0 10px;float: none;}

.course-tabs button{float: left;border: none;outline: none;cursor: pointer;transition: 0.3s;padding: 4px 10px;color: #ffffff;background: #a4ac44;border-radius: 5px;display: inline-block;margin: 0 6px 6px 0;font-size: 14px;line-height: 28px;font-weight: bold;position: relative;}


.course-tabs button.active,
.course-tabs button:hover{ background-color: #0274d6; color:#ffffff;}




.learning-layout{ display:flex; gap:0; position:relative; transition:.4s ease; margin-bottom: 25px;}

.main-learning-content{ flex:1; min-width:0; transition:.4s ease;}

.learning-layout.ai-open .main-learning-content{width:60%;}
 
 




.ai-tutor-panel{ width:0; opacity:0; overflow:hidden; transition:all .45s ease; min-width:0;}

.learning-layout.ai-open .ai-tutor-panel{width: 45%;opacity:1;padding:0 20px;z-index: 0;}

.ai-header{display:flex;align-items:flex-start;justify-content:space-between;padding: 10px 10px 10px;border-bottom: 1px solid #cfd7e3;}

.ai-header h3{width: 100%;float: left;font-size: 16px;line-height: 22px;font-weight: bold;color: #0274d6;margin: 0 0 5px;}

.ai-header p {width: 100%;float: left;margin: 0 0 0;font-size: 13px;line-height: 22px;font-weight: 500;color: #000000;}

.ai-header-left{ display:flex; gap:14px;}

.ai-dots{font-size: 22px;color:#d30000;cursor:pointer;}

.ai-icon{width: 58px;height: 44px;background:#eef2ff;border-radius: 50px;display:flex;align-items:center;justify-content:center;color:#2563eb;font-siz;font-size: 20px;line-height: 1;}

.ai-inner{background:#ffffff;border:1px solid #cfd7e3;border-radius:8px;height: auto;display:flex;flex-direction:column;overflow:hidden;max-height: 600px;}

.ai-tools{ padding:18px 18px 10px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}

.ai-tools button{ padding:14px; border-radius:12px; border:1px solid var(--border); background:#fff; font-weight:600; cursor:pointer; transition:.3s;}

.ai-tools button:hover{ background:#f0fdf4; color:var(--primary);}




.ai-tools{padding: 15px 10px 15px;display:grid;grid-template-columns: repeat(3,1fr);gap: 8px;}

.ai-tool{border: 1px solid #cfd7e3;border-radius: 8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap: 8px;transition:.3s;cursor:pointer;padding: 8px 5px;}

.ai-tool:hover{background: #0274d6;transform:translateY(-2px);}

.ai-tool-icon{width: 38px;height:36px;border-radius: 5px;display:flex;align-items:center;justify-content:center;font-size: 18px;font-weight:700;border: 1px solid #cfd7e3;}

.ai-tool:nth-child(1) .ai-tool-icon{background: #f5f6f9;}

.ai-tool:nth-child(2) .ai-tool-icon{background:#f3e8ff;}

.ai-tool:nth-child(3) .ai-tool-icon{background: #f5f6f9;}

.ai-tool:nth-child(4) .ai-tool-icon{background: #f3e8ff;}

.ai-tool:nth-child(5) .ai-tool-icon{background: #f5f6f9;}

.ai-tool:nth-child(6) .ai-tool-icon{background: #f3e8ff;}

.ai-tool span{font-size: 12px;font-weight:600;color: #000000;text-align:center;}

.ai-chat-area{ flex:1; overflow-y:auto; padding:10px 10px; background:#ffffff;}

.ai-day{ text-align:center; font-size:12px; color:#9ca3af; margin-bottom:18px; position: relative;}

.ai-day:before { content: ""; position: absolute; left: 0; width: 40%; height: 1px; background: #cfd7e3; top: 50%; transform: translateY(-50%);}

.ai-day:after { content: ""; position: absolute; right: 0; width: 40%; height: 1px; background: #cfd7e3; top: 50%; transform: translateY(-50%);}


.ai-tool:hover span { color: #ffffff;}



.ai-message{ display:flex; gap:12px; margin-bottom:20px;}

.ai-avatar{ width:40px; height:40px; border-radius:50%; background:#dcfce7; display:flex; align-items:center; justify-content:center; font-weight:700; color:#16a34a; flex-shrink:0;}

.ai-avatar.user{ background:#dbeafe; color:#2563eb;}

.ai-msg-box{background:#f7f7f7;border:1px solid #e5e7eb;border-radius: 5px;padd;padding: 10px 10px;width: 90%;box-shadow:0 1px 2px rgba(0,0,0,0.03);}

.ai-msg-name{font-size:14px;font-weight:700;margin-bottom: 5px;color: #0274d6;}

.ai-msg-text{font-size: 13px;line-height: 18px;color: #252525;}

.ai-msg-text .ai-md-content{line-height: 1.55;}
.ai-msg-text .ai-md-content h3{font-size: 16px;font-weight: 700;margin: 8px 0 6px;}
.ai-msg-text .ai-md-content h4,
.ai-msg-text .ai-md-content h5,
.ai-msg-text .ai-md-content h6{font-size: 14px;font-weight: 700;margin: 8px 0 4px;}
.ai-msg-text .ai-md-content ul,
.ai-msg-text .ai-md-content ol{margin: 6px 0 10px 1.25em;padding: 0;}
.ai-msg-text .ai-md-content li{margin: 4px 0;}
.ai-msg-text .ai-md-content hr{border: 0;border-top: 1px solid #d7e0ea;margin: 10px 0;}
.ai-msg-text .ai-md-content strong{font-weight: 700;}
.ai-msg-text .ai-md-content .ai-md-table-wrap{overflow-x:auto;max-width:100%;margin:8px 0 12px;}
.ai-msg-text .ai-md-content table.ai-md-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:13px;line-height:1.4;background:#fff;color:#252525;}
.ai-msg-text .ai-md-content table.ai-md-table th,
.ai-msg-text .ai-md-content table.ai-md-table td{border:1px solid #c5d4e4;padding:6px 8px;vertical-align:top;white-space:normal;overflow-wrap:break-word;word-break:normal;}
.ai-msg-text .ai-md-content table.ai-md-table th{background:#e7f0fa;font-weight:700;color:#1f3b57;}
.ai-msg-text .ai-md-content table.ai-md-table tbody tr:nth-child(even) td{background:#f7fafc;}

.ai-msg-time{font-size:12px;color: #9ca3af;margin-top: 5px;}

.ai-msg-box.ai-reply { background: #f1fdf6;}



.ai-footer{padding: 13px 10px 13px 10px;border-top:1px solid #f1f5f9;background:#fff;}

.ai-input-box{display:flex;align-items:center;gap: 7px;border: 1px solid #63a4dc;border-radius: 5px;padding: 5px 5px 5px 10px;}

.ai-input-box input{flex:1;border:none;outline:none;height: auto;font-size: 12px;color: #222222;}

.ai-input-box input::placeholder { color: #222222;}

.ai-send{width: auto;height: auto;border:none;border-radius: 5px;background: #0274d6;color:#fff;font-size: 16px;transition:.3s;padding: 5px 8px;}

.ai-send:hover{background: #a4ac44;}

.ai-warning{margin-top:10px;font-size:11px;color: #000000;}

.chat-area{ border:1px solid var(--border); border-radius:16px; padding:15px; height:400px; overflow-y:auto; background:#fafafa;}

.chat-msg{ margin-bottom:16px;}

.chat-msg.user{ text-align:right;}

.chat-bubble{ display:inline-block; padding:12px 15px; border-radius:14px; max-width:85%;}

.user .chat-bubble{ background:#dcfce7;}

.bot .chat-bubble{ background:#fff; border:1px solid #ddd;}

.ai-input{ display:flex; gap:10px; margin-top:15px;}

.ai-input input{ flex:1; height:52px; border-radius:12px; border:1px solid #ddd; padding:0 15px;}

.ai-input button{ width:60px; border:none; background:var(--primary); color:#fff; border-radius:12px;}
 


.course-tab-content{display: none;background:#fff;margin-top:20px;border-radius:16px;padding:25px;border:1px solid var(--border);}

.course-tab-content.active{display: block;}

.left-learning-wrap.course-tab-content.active .tabcontent {display: block;}

.left-learning-wrap.course-tab-content .view-tabs .tabcontent { border-radius: 8px;}

.ai-toggle-btn{float: right;border: none;outline: none;cursor: pointer;transition: 0.3s;padding: 4px 15px;color: #ffffff;background: #a4ac44;border-radius: 5px;display: inline-block;margin: 0 0 0;font-size: 14px;line-height: 26px;font-weight: bold;position: relative;}

.ai-toggle-btn:hover { background-color: #0274d6; color:#ffffff;}
 


.left-learning-wrap{ display:flex; gap:20px; align-items:stretch; padding: 0;}

.left-learning-wrap.course-tab-content { display: none;}

.left-learning-wrap.course-tab-content.active { display: flex;}




.lesson-sidebar{ width:40%; min-width:200px; background:#fff; border-radius:8px; padding:18px; border:1px solid #cfd7e3; height:fit-content; visibility: visible; overflow-y: overlay; display:flex; flex-direction:column; justify-content:space-between; max-height: 600px;}

.lesson-sidebar-top h4{width: 100%;float: left;font-size: 16px;line-height: 26px;font-weight: bold;color: #0274d6;margin: 0 0 20px;}

.lesson-sidebar ul{ list-style:none; margin:0; padding:0;}

.lesson-sidebar li{display:flex; flex-wrap: wrap; align-items:flex-start;gap: 10px;padding: 10px 10px;border-radius: 5px;cursor:pointer;transition:.3s;margin-bottom:8px;font-size: 14px;line-height: 22px;font-weight: 500;}

.lesson-sidebar li i{width:20px;text-align:center;font-size: 18px;}

.lesson-sidebar li.active{background:#e8f7ee;color: #0274d6;}

.lesson-sidebar li:hover{background: #e8f7ee;}

.lesson-sidebar li .ai-min { width: 100%; font-size: 13px; line-height: 22px; font-weight: 500; color: #0274d6; padding-left: 0; display: block;}



.lesson-sidebar ul.no-bullets .checkbox {width: auto;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float: left;display: flex;flex-wrap: wrap;position: relative;margin: 0 0 0;}
 
.lesson-sidebar ul.no-bullets .checkbox input {position: absolute;opacity: 1;cursor: pointer;display: block;width: 100%;height: 18px;float: left;z-index: 9;}

.lesson-sidebar ul.no-bullets .checkbox .checkmark {position: relative;display: block;top: 0;left: 0;height: 18px;width: 18px;border-radius: 2px;background-color: #ffffff;border: 2px solid #a4ac44;z-index: 0;padding: 0;}

.lesson-sidebar ul.no-bullets .checkbox input:checked ~ .checkmark {background-color: #a4ac44;}

.lesson-sidebar ul.no-bullets .checkbox .checkmark:after { content: ""; position: absolute; display: none;}

.lesson-sidebar ul.no-bullets .checkbox input:checked ~ .checkmark:after { display: block;}

.lesson-sidebar ul.no-bullets .checkbox .checkmark:after {left: 3.5px;top: 0px;width: 7px;height: 11px;border: solid #ffffff;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}



.progress-box{margin-top:20px;padding: 10px 10px;border-radius: 8px;background: #f5f6f9;border:1px solid #e5e7eb;}

.progress-box h5{width: 100%;display: block;font-size: 14px;line-height: 24px;font-weight: 600;color: #0274d6;margin: 0 0 10px;}

.progress{height:8px;border-radius:20px;background: #cfd7e3;overflow:hidden;}

.progress-bar{ width:60%; height:100%; background:#16a34a;}

.progress-text{margin-top:10px;font-size: 12px;line-height: 18px;font-weight: 600;color: #000000;}

 

.viewer-section{ flex:1; background:#ffffff; border-radius:8px; border:1px solid #cfd7e3; overflow:hidden; display:flex; flex-direction:column; min-width:300px; min-height:525px;}

.viewer-top{ background:#111827; color:#fff; min-height:58px; display:flex; align-items:center; justify-content:space-between; padding:0 20px;}

.viewer-left{ display:flex; align-items:center; gap:14px;}

.viewer-file{ font-size:14px; font-weight:600;}

.viewer-page{ background:#1f2937; padding:6px 12px; border-radius:8px; font-size:13px;}

.viewer-controls{ display:flex; align-items:center; gap:18px;}

.viewer-controls i{ cursor:pointer; font-size:15px; opacity:.9; transition:.3s;}

.viewer-controls i:hover{ opacity:1; transform:scale(1.08);}


.viewer-body{ flex:1; background:#eef2f7; padding:15px; overflow:auto; display:flex; justify-content:center;}

.pdf-paper{ width:100%; max-width:720px; min-height:100%; background:#fff; border-radius:6px; box-shadow:0 2px 10px rgba(0,0,0,0.08); overflow:hidden; position:relative;}

.pdf-paper iframe{ width:100%; height:900px; border:none; background:#fff;}


.pdf-bottom-nav{ position:absolute; bottom:18px; left:50%; transform:translateX(-50%); background:#2d3748; color:#fff; border-radius:12px; display:flex; align-items:center; gap:18px; padding:10px 18px; font-size:14px; box-shadow:0 5px 15px rgba(0,0,0,0.15);}

.pdf-bottom-nav i{ cursor:pointer;}


.viewer-body::-webkit-scrollbar{ width:8px;}

.viewer-body::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:10px;}




.lesson-sidebar-top h4.accordion {border: 0;background: transparent;padding: 0 25px 0 0;position: relative;}

.lesson-sidebar-top h4.accordion:after {content: "";background: url(../images/admin-icons/arrow-down-blue.svg) no-repeat !important;right: 0;display: block;position: absolute;width: 20px;height: 12px;top: 50%;transform: translateY(-50%);transition: all 0.5s ease;}

.lesson-sidebar-top h4.accordion.active:after {transform: translateY(-50%) rotate(180deg);}

.lesson-sidebar-top .panel { width: 100%; padding: 0; border: 0;}

.lesson-sidebar-top .panel .openTooltipBtn { border: 0; margin: 0; background: transparent;}

.lesson-sidebar li .tooltips a { width: 100%; word-wrap: break-word; max-width: 90%;}

.viewclss-wrapp .course-topbar.ai-top { justify-content: flex-end;}



.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head h2 { width: fit-content;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head .inner-toprow { width: fit-content; float: right; margin: 0 0 15px 15px;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head .inner-toprow .inner-rightbox { width: 100%; flex-wrap: wrap; align-items: center; justify-content: flex-end; margin: 0 0 0;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head .inner-toprow .inner-rightbox .ai-toggle-btn { float: right;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head .inner-toprow .inner-rightbox .update.btn-bal { float: left; padding: 4px 15px; line-height: 24px; margin-right: 5px;}





.dash-wrapp .inner-row1 .upload-box.add-stud-row { padding: 0; border: 0; margin: 15px 0 25px;}

.dash-wrapp .inner-row1 .upload-box.add-stud-row .ai-wrapper{ margin-top:30px;}

.dash-wrapp .inner-row1 .upload-box.add-stud-row .ai-card{ background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:15px; margin-bottom:20px;}

.dash-wrapp .inner-row1 .upload-box.add-stud-row .upload-card{ display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap: wrap; margin: 0; background: #f5faff; border: 1px solid #cfd7e3;}

.dash-wrapp .inner-row1.student-airow .box-sub-head h2 { font-size: 16px; margin: 0 0 15px; line-height: 24px;}


.dash-wrapp .inner-row1 .upload-box .uplod-col1 {width: -webkit-fill-available;display: flex;flex-wrap: wrap;position: relative;float: left;max-width: 300px;}

.dash-wrapp .inner-row1 .upload-box .uplod-col1 .uplod-box1 {width: 100%;margin: 0 0 0;position: relative;float: left;display: block;}

.dash-wrapp .inner-row1 .upload-box .uplod-col1 .uplod-box1 .form-control { width: 100%; height: 33px; font-size: 12px; position: relative; font-weight: 600; color: #696b6c; border-radius: 6px; line-height: normal; padding: 5px 10px; background: #ffffff; border: 1px solid #0274d6; outline: none !important; box-shadow: none;}

.dash-wrapp .inner-row1 .upload-box .uplod-col1 .uplod-box1 input[type="file"]::file-selector-button { border: 8; padding: 5px 10px; height: 33px; border-radius: 2px; background-color: #0274d6; transition: 1s; color: #ffffff;}

.dash-wrapp .inner-row1 .upload-box .uplod-col1 .uplod-box1 input[type="file"]::file-selector-button:hover { background: #ffffff !important; color: #0274d6;}


.dash-wrapp .inner-row1 .upload-box.add-stud-row .upload-left{ display:flex; align-items:center; gap:15px;}

.dash-wrapp .inner-row1 .upload-box.add-stud-row .upload-icon{width: 60px;height: 50px;border: 1px solid #0274d6;border-radius: 6px;display:flex;align-items:center;justify-content:center;font-size:34px;color:#2563eb;background: #ffffff;padding: 5px 5px;}

.dash-wrapp .inner-row1 .upload-box.add-stud-row .upload-title{ width: 100%; float: left; display: block; margin: 0 0 5px; padding: 0 0 0; font-size: 16px; line-height: 22px; font-weight: bold; color: #000000; position: relative;}

.dash-wrapp .inner-row1 .upload-box.add-stud-row .upload-desc{ color: #4b4b4b; font-size: 12px; line-height: 22px; display: block; float: left;}




.dash-wrapp .inner-row1 .file-row { width: 100%; float: left; display: flex; justify-content: space-between; align-items:center; background: #f5faff; border-radius: 8px; padding: 15px 15px; margin: 0 0 26px; position: relative; border: 1px solid #cfd7e3;}

.dash-wrapp .inner-row1 .file-row .delete-btn {margin: 0 0 0 10px;padding: 5px 10px;}

.dash-wrapp .inner-row1 .file-row .file-info{ display:flex; align-items:flex-start; gap: 15px; position: relative;}

.dash-wrapp .inner-row1 .file-row .file-icon{ font-size: 28px; color:#ef4444; display: block; margin: 0 0 0; float: left;}

.dash-wrapp .inner-row1 .file-row .file-name{ width: 100%; float: left; display: block; margin: 0 0 5px; font-size: 14px; line-height: 19px; font-weight: bold; color: #000000; position: relative;}

.dash-wrapp .inner-row1 .file-row .file-meta{ width: 100%; color: #4b4b4b; font-size: 12px; line-height: 22px; display: block; float: left;}


.dash-wrapp .inner-row1 .file-row .file-actions{display:flex;align-items:center;gap: 9px;}

.dash-wrapp .inner-row1 .file-row .file-ready{color:#16a34a;border:1px solid #16a34a;padding: 5px 10px;border-radius:30px;font-size:12px;display: flex;width: 70px;}

.dash-wrapp .inner-row1 .file-row .delete-btn{cursor:pointer;}



.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs { padding: 0; margin: 10px 0 0; background: transparent;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout { width: 100%; display: flex; gap: 15px; position: relative; align-items: flex-start;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-left{width: 75%;float: left;position: relative;margin: 0 0 25px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right{width:22%;float: right;position: relative;margin: 0 0 25px;display: flex;flex-wrap: wrap;/* height: auto; */}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .feature-grid {display:grid;grid-template-columns:repeat(4,1fr);gap: 10px;position: relative;width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .feature-grid .feature-card{border: 1px solid #c3ccd9;border-radius: 8px;padding: 15px 10px;cursor:pointer;transition:.3s;background:#fff;display: flex;width: fit-content;align-items: flex-start;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .feature-grid .feature-card.active{border: 1px solid #0274d6;background: #f4f7fb;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .feature-grid .feature-card .feature-inner h5{margin-bottom: 5px;width: 100%;display: block;font-size: 14px;line-height: 21px;font-weight: 600;color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .feature-grid .feature-card .feature-inner p{font-size: 12px;line-height: 14px;display: block;color: #000000;}


.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .feature-grid .feature-card .feature-inner { padding-left: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .feature-grid .feature-card i { font-size: 22px; display: block; position: relative; float: left; height: auto; color: #ffffff; background: #4173d1; padding: 5px 5px; border-radius: 5px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .feature-grid .feature-card:hover { border: 1px solid #0274d6; background: #f4f7fb;}


.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .tab-panel{margin-top:20px;border: 0;overflow:hidden;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .tab-panel .ai-tab-content { background: #fff; border: 1px solid #cfd7e3; border-radius: 8px; overflow: hidden;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .ai-chat-card{ width: 100%; position: relative; overflow:hidden;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-header{ display:flex; justify-content:space-between; align-items:center; padding: 10px 15px; border-bottom: 1px solid #cfd7e3; background: #f5f6f9;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-header h3{ font-size: 18px; line-height: 28px; font-weight: 700; color: #0274d6; margin: 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-header p{ color: #4b4b4b; font-size: 12px; line-height: 22px; display: block; float: left; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .clear-chat-btn{cursor:pointer;width: fit-content;float: left;display: block;color: #ffffff;border: 1px solid #af0028;background: #af0028;border-radius: 5px;padding: 9px 10px 9px 10px;line-height: 1;font-size: 13px;margin: 0 0 0;position: relative;outline: none;font-weight: 600;height: auto;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .clear-chat-btn i { margin-right: 3px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .clear-chat-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}
 

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .tab-panel .ai-tab-content .add-stud-row h2 { float: left; width: 100%; color: #4173d1; line-height: 28px; font-size: 20px; font-weight: bold; margin: 15px 0 10px; padding: 0;}



.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .side-info{width: 100%;box-shadow:0 1px 2px rgba(0,0,0,0.03);border: 1px solid #c3ccd9;border-radius: 8px;background: #e9fff8;padding: 15px 10px;margin-bottom:15px;float: left;position: relative;height: auto;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .side-info h4{width: 100%;float: left;font-weight: bold;color: #0274d6;font-size: 15px;margin: 0 0 0;line-height: 24px;}
 
.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .tab-panel .ai-tab-content .text-fields .text-field select.form-control { border: 1px solid #cfd7e3; background-color: #f5f6f9;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .tab-panel .ai-tab-content .text-field textarea.form-control { border: 1px solid #cfd7e3; background-color: #f5f6f9;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .side-info p { font-size: 13px; line-height: 20px; font-weight: 500; color: #000000; }



.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .tips-card{width: 100%;box-shadow:0 1px 2px rgba(0,0,0,0.03);border: 1px solid #c3ccd9;border-radius: 8px;background: #e9fff8;padding: 15px 10px;margin-bottom:15px;float: left;position: relative;height: auto;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .tips-header{display:flex;align-items:center;gap: 10px;margin-bottom: 15px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .tips-header i{ font-size:24px; color:#f4c430;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .tips-header h4{width: 100%;float: left;font-weight: bold;color: #0274d6;font-size: 15px;margin: 0 0 0;line-height: 24px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .tips-list{width: 100%;list-style:none;padding:0;margin:0;display: block;float: left;position: relative;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .tips-list li{width: 100%;display:flex;align-items:flex-start;gap: 5px;margin-bottom: 15px;float: left;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .tips-list li:last-child{margin-bottom:0;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .tips-list li i{color:#16a34a;font-size: 18px;margin-top: 4px;flex-shrink:0;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .tips-list li span{font-size: 13px;line-height: 20px;font-weight: 500;color: #000000;}




.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .notice-card{ background:#fcfaf3; border:1px solid #ece4c8; border-radius:8px; padding:15px 10px; box-shadow:0 1px 2px rgba(0,0,0,0.03);}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .notice-header{ display:flex; align-items:center; gap:10px; margin-bottom:16px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .notice-header i{ color:#d4a017; font-size:18px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .notice-header h4{width: 100%;float: left;font-weight: bold;color: #0274d6;font-size: 15px;margin: 0 0 0;line-height: 24px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right .notice-card p {font-size: 13px;line-height: 22px;font-weight: 500;color: #000000;}




.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .tab-panel .ai-tab-content .quiz-ai .quiz-box .checkbox { width: 100%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: block; position: relative; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .tab-panel .ai-tab-content .quiz-ai .quiz-box .checkbox label { width: 100%; padding-left: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; display: inline-block; position: relative; margin: 0 0 0; font-size: 13px; line-height: 24px; font-weight: 500; color: #000000; min-height: inherit;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .tab-panel .ai-tab-content .quiz-ai .quiz-box .checkbox input[type="radio"] {font-size: 44px;color: #000000;appearance: auto;box-sizing: border-box;padding: initial;border: initial;margin: 4px 0 0;cursor: pointer;position: absolute;left: 0;height: 16px;width: 16px;border-radius: 2px;background-color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .tab-panel .ai-tab-content .quiz-ai .quiz-box:last-child { margin: 0 0 0;}


.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .tab-panel .ai-tab-content .add-stud-row { background: 0;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .tab-panel .ai-tab-content .add-stud-row h3 { color: #000000; line-height: 26px; font-size: 14px; font-weight: 600; margin: 10px 0 10px;}




.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-message-row{display:flex;padding: 15px 15px;border-bottom:1px solid #edf1f5;gap: 12px;margin-bottom: 14px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-avatar{font-size:20px;width: 40px;height: 40px;border-radius: 50%;background: #dcfce7;display: flex;align-items: center;justify-content: center;font-weight: 700;color: #16a34a;flex-shrink: 0;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .user-avatar{background: #dbeafe;color: #2563eb;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .ai-avatar{ background:#b7f0df; color:#059669;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-content{width:100%;min-width:0;max-width:100%;}
.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-text .ai-md-table-wrap{overflow-x:auto;max-width:100%;margin:8px 0 12px;}
.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-text table.ai-md-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:13px;line-height:1.4;background:#fff;color:#252525;}
.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-text table.ai-md-table th,
.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-text table.ai-md-table td{border:1px solid #c5d4e4;padding:6px 8px;vertical-align:top;white-space:normal;overflow-wrap:break-word;word-break:normal;}
.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-text table.ai-md-table th{background:#e7f0fa;font-weight:700;color:#1f3b57;}
.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-text table.ai-md-table tbody tr:nth-child(even) td{background:#f7fafc;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-top{display:flex;justify-content:space-between;margin-bottom: 0;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-name{ font-size: 14px;font-weight: 700;margin-bottom: 5px;color: #0274d6;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .user-name{ color:#2563eb;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .ai-name{ color:#059669;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-time{color:#6b7280;font-size: 13px;font-weight: 500;margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-text{font-size: 14px;line-height: 22px;color: #252525;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-source{margin-top:12px;font-style:italic;color:#6b7280;font-size: 14px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-input-area{display:flex;gap: 10px;background:#fff;padding: 5px 10px 20px 10px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .chat-input-area input{flex:1;height: 41px;outline:none;display: flex;align-items: center;gap: 7px;border: 1px solid #63a4dc;border-radius: 5px;padding: 5px 5px 5px 10px;font-size: 12px;color: #222222;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .send-btn{width: fit-content;float: left;display: block;color: #ffffff;border: 1px solid #0274d6;background: #0274d6;border-radius: 5px;padding: 9px 15px 9px 15px;line-height: 1;font-size: 13px;margin: 0 0 0;position: relative;outline: none;font-weight: 600;}
 
.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .send-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .send-btn i{ margin-right:8px;}





.dash-wrapp .inner-row1 .add-stud-row.announcements .tabcontent { background: transparent; border: 0; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .tabcontent .assign-submis .text-field { float: left; margin: 0 0 20px 0; position: relative; display: block; width: fit-content;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .form-group.add-box { margin: 0 auto 20px;}

.dash-wrapp .inner-row1 .add-stud-row.announcements .tabcontent .form-group.add-box .text-field.external-profile { margin: 0 0 0; width: 100%;}










.course-tab{ border:none; background:#a3ad35; color:#fff; padding:10px 18px; border-radius:6px; cursor:pointer;}

.course-tab.active{ background:#1d4ed8;}

.left-learning-wrap.course-tab-content .main-tab-content{ display:none;}

.left-learning-wrap.course-tab-content .main-tab-content.active{ display:block;}
 

.left-learning-wrap.course-tab-content .discussion-topbar{width: 100%;display:flex;flex-wrap: wrap;justify-content:space-between;align-items:center;margin-bottom: 15px;position: relative;border-bottom: 1px solid #cfd7e3;padding-bottom: 15px;}
 

.left-learning-wrap.course-tab-content .discussion-filters{width: 100%;display:flex;gap: 0;position: relative;float: right;flex-wrap: wrap;align-items: center;justify-content: flex-end;max-width: 40%;}

.search-box{ position:relative;}

.search-box input{ padding:10px 40px 10px 12px; border:1px solid #ddd; border-radius:6px;}

.search-box i{ position:absolute; right:12px; top:12px;}

.left-learning-wrap.course-tab-content .discussion-content{ display:none;}

.left-learning-wrap.course-tab-content .discussion-content.active{ display:block;}

.discussion-item{ display:flex; justify-content:space-between; align-items:flex-start; padding:20px; border-bottom:1px solid #eee;}

.discussion-left{/* display:flex; *//* gap:15px; */}

.discussion-icon{ width:42px; height:42px; background:#a3ad35; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center;}

.badge-pinned{ color:#7c3aed; font-size:12px; margin-left:10px;}

.discussion-meta{ color:#777; font-size:13px; margin:5px 0;}

.discussion-stats{ display:flex; gap:40px; color:#666;}

.btn-primary{ background:#a3ad35; color:#fff; border:none; padding:10px 18px; border-radius:6px;}

.btn-outline{ background:#fff; border:1px solid #ddd; padding:10px 18px; border-radius:6px;}

.left-learning-wrap.course-tab-content .discussion-sidebar h3{width: 100%;font-size: 16px;margin: 0 0 18px;line-height: 20px;font-weight: bold;color: #0274d6;}
 
.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card{background:#fff;border: 1px solid #dadddf;border-radius: 8px;padding: 15px 10px;margin-bottom: 15px;float: left;width: 100%;height: auto;}

.left-learning-wrap.course-tab-content .discussion-sidebar .progress-row { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; position: relative;}

/*.progress-circle{ width:140px; height:140px; margin:auto; background: conic-gradient(#22c55e 85%, #e5e7eb 0); border-radius:50%; display:flex; justify-content:center; align-items:center;}*/

.left-learning-wrap.course-tab-content .discussion-sidebar .progress-row .progress-wrapper{display:flex;justify-content: flex-start;align-items:center;width: fit-content;float: left;width: 40%;}

.left-learning-wrap.course-tab-content .discussion-sidebar .progress-row .progress-circle{width: fit-content;height: 100%;border-radius:50%;background: conic-gradient(#0aad43 0deg, #0aad43 0deg, #cfd7e3 0deg);display:flex;justify-content:center;align-items:center;transition:0.8s ease;padding: 5px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .progress-row .progress-value{width: fit-content;height: 100%;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;}

.left-learning-wrap.course-tab-content .discussion-sidebar .progress-row .progress-cont { width: 60%; padding: 0 0 0 7px; display: block; margin: 0 0 0; position: relative;}

.left-learning-wrap.course-tab-content .discussion-sidebar .progress-row .progress-cont h4 { font-size: 14px; font-weight: 600; margin: 0 0 10px 0; color: #000000; line-height: 15px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .progress-row .progress-cont p { line-height: 16px; color: #3f3f3f; font-size: 12px; margin: 0 0 15px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .progress-row .progress-value span{color:#0aad43;font-size: 1.23em;font-weight:700;font-family:Arial,sans-serif;display: block;float: left;position: relative;padding: 18px 10px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-btn{width: 100%;font-size: 13px;padding: 8px 10px 8px 10px;display: block;color: #a5aa4d;border: 1px solid #a5aa4d;background: #ffffff;border-radius: 5px;font-weight: bold;margin: 0 auto;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-btn:hover { background-color: #0274d6; color: #ffffff; border-color: #0274d6;}


.circle-inner{ width:110px; height:110px; background:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center;}

.circle-inner span{ font-size:32px; font-weight:700; color:#22c55e;}


.left-learning-wrap.course-tab-content .card-heading{width: 100%;display:flex;justify-content:space-between;margin-bottom: 15px;position: relative;}

.left-learning-wrap.course-tab-content .card-heading a{color: #0274d6;font-weight: bold;font-size: 14px;}

.left-learning-wrap.course-tab-content .card-heading a:hover { color: #a3ad35;}font-weight: bold;font-size: 14px;}
 
.left-learning-wrap.course-tab-content .recent-activity-card h3 { font-size: 16px; font-weight: bold; margin: 0 0 0; color: #000000; line-height: 20px; display: block;}

 


/* SETTINGS */

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom: 20px;width: 100%;position: relative;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .setting-row .setting-col1 h5{width: fit-content;font-weight: bold;font-size: 13px;line-height: 16px;color: #000000;display: inline-block;float: left;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .setting-row span{font-size: 10px;color: #0274d6;}


/* SWITCH */

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .setting-row .switch{position:relative;width: 40px;height: 15px;float: right;min-width: 40px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .setting-row .switch input{ display:none;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .setting-row .slider{position:absolute;cursor:pointer;top: 0px;left:0;right:0;bottom:0;background: #bfbfbb;border-radius:50px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .setting-row .slider:before{position:absolute;content:"";width: 15px;height: 15px;left: -1px;top: 0px;background:white;border-radius:50%;transition:.3s;border: 1px solid #63a4dc;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .setting-row .switch input:checked + .slider{ background:#0074d5;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .setting-row .switch input:checked + .slider:before{ transform:translateX(26px);}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .setting-row .setting-col1 { width: auto; float: left; padding-right: 10px;}


.left-learning-wrap.course-tab-content .initial-post-card{background: #e1f1ff;border:1px solid #cfe2ff;border-radius: 8px;padding: 15px 15px;display:flex;justify-content:space-between;align-items:center;margin-top: 20px;}

.left-learning-wrap.course-tab-content .post-left{display:flex;gap: 15px;align-items:center;width: fit-content;position: relative;padding-right: 20px;}

.left-learning-wrap.course-tab-content .post-left .post-icon{width: 44px;height: 44px;background: #a3ad35;border-radius: 50%;color: #fff;display: flex;justify-content: center;align-items: center;padding: 0 15px;font-size: 20px;}

.left-learning-wrap.course-tab-content .post-left p { line-height: 18px; color: #3f3f3f; font-size: 13px;}

.left-learning-wrap.course-tab-content .initial-post-card .disc-create { float: right; display: block; position: relative; margin: 0 0 0;}

.left-learning-wrap.course-tab-content .initial-post-card .disc-create .create-post-btn{width: max-content;font-size: 13px;padding: 7px 15px 7px 15px;display: inline-block;color: #ffffff;border: 1px solid #0274d6;background: #0274d6;border-radius: 5px;font-weight: 600;}

.left-learning-wrap.course-tab-content .initial-post-card .disc-create .create-post-btn:hover {color: #ffffff; background: #a5aa4d; border: 1px solid #a5aa4d;}

.left-learning-wrap.course-tab-content .recent-activity-card{width: 100%;background: #fff;border: 1px solid #dadddf;overflow: hidden;border-radius: 8px;padding: 20px 15px;align-items: center;margin-top: 20px;}

.left-learning-wrap.course-tab-content .recent-activity-card .activity-item{display:flex;align-items:center;gap: 15px;padding: 0 0 10px;margin: 0 0 10px;border-bottom:1px solid #f3f4f6;}

.left-learning-wrap.course-tab-content .recent-activity-card .activity-avatar{font-size: 14px;width: 40px;height: 40px;border-radius: 50%;color: #fff;display: flex;justify-content: center;align-items: center;padding: 0 15px;}

.left-learning-wrap.course-tab-content .recent-activity-card .activity-item:last-child { margin-bottom: 0;}


.activity-avatar.green{ background:#22c55e;}

.activity-avatar.blue{ background:#3b82f6;}

.activity-avatar.orange{ background:#f97316;}

.left-learning-wrap.course-tab-content .recent-activity-card .activity-item .activity-content{flex:1;width: fit-content;position: relative;float: left;display: inline-block;display: flex;flex-wrap: wrap;}

.left-learning-wrap.course-tab-content .recent-activity-card .activity-item .activity-content h5{font-weight: bold;font-size: 14px;line-height: 22px;color: #000000;display: inline;float: left;padding-right: 5px;}

.left-learning-wrap.course-tab-content .recent-activity-card .activity-item .activity-content p{color: #252525;float: left;display: inline;font-size: 13px;font-weight: normal;line-height: 20px;}

.left-learning-wrap.course-tab-content .recent-activity-card .activity-item .activity-time{color: #959fb3;font-size: 12px;line-height: 22px;float: right;}

.course-header{ margin-bottom:30px;}

.back-link{ color:#6b7280; margin-bottom:20px; cursor:pointer;}

.course-header h1{ font-size:36px; font-weight:700; margin-bottom:25px;}

.course-tab{ background:#fff; border:none; padding:14px 22px; border-radius:10px; font-weight:600; color:#555; cursor:pointer; transition:.3s;}

.course-tab.active{ background:#a3ad35; color:white;}


.left-learning-wrap.course-tab-content .discussion-layout{display:flex;gap: 15px;}

.left-learning-wrap.course-tab-content .discussion-main{width: 75%;float: left;position: relative;margin: 0 0 25px;}

.left-learning-wrap.course-tab-content .discussion-sidebar{width: 25%;float: right;position: relative;margin: 0 0 25px;display: flex;flex-wrap: wrap;height: 100%;}

.left-learning-wrap.course-tab-content .discussion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom: 20px;}

.left-learning-wrap.course-tab-content .discussion-header h2{width: 100%;font-size: 16px;margin: 0 0 5px;line-height: 22px;font-weight: bold;color: #0274d6;display: flex;align-items: center;}

.left-learning-wrap.course-tab-content .discussion-header p{width: 100%;float: left;font-size: 13px;line-height: 16px;display: block;font-weight: 400;color: #4b4b4b;position: relative;margin: 0 0 15px;}

.left-learning-wrap.course-tab-content .discussion-header-btns{display:flex;position: relative;float: right;margin: 0 0 0 10px;flex-wrap: wrap;}

.left-learning-wrap.course-tab-content .discussion-header-btns .btn-primary{width: fit-content;margin-right: 0;font-size: 13px;padding: 8px 10px 8px 10px;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;background: #a5aa4d;border-radius: 5px;font-weight: bold;height: auto;}

.left-learning-wrap.course-tab-content .discussion-header-btns .btn-outline{width: fit-content;margin-right: 5px;font-size: 13px;padding: 8px 10px 8px 10px;display: inline-block;color: #a5aa4d;border: 1px solid #a5aa4d;background: #ffffff;border-radius: 5px;font-weight: bold;height: auto;}

.left-learning-wrap.course-tab-content .discussion-header-btns i { margin-right: 5px;}

.left-learning-wrap.course-tab-content .discussion-header-btns .btn-primary:hover { background-color: #0274d6; color: #ffffff; border-color: #0274d6;}

.left-learning-wrap.course-tab-content .discussion-header-btns .btn-outline:hover { background-color: #0274d6; color: #ffffff; border-color: #0274d6;}

.left-learning-wrap.course-tab-content .discussion-tabs{display:flex;gap: 0;margin-right: 2%;position: relative;flex-wrap: wrap;float: left;justify-content: flex-start;max-width: 59%;}

.left-learning-wrap.course-tab-content .discussion-tabs .discussion-tab{background:none;border:none;color: #000000;padding: 10px 5px 10px 5px;cursor:pointer;font-size: 12px;line-height: 20px;font-weight: 600;border-bottom: 2px solid #ffffff;}

.left-learning-wrap.course-tab-content .discussion-tabs .discussion-tab.active{color: #0274d6;border-bottom: 2px solid #0274d6;}


/*.left-learning-wrap.course-tab-content .view-tabs { background: #fff; padding: 0; overflow: hidden;}

.left-learning-wrap.course-tab-content .view-tabs .tabcontent { padding: 0;}*/

.left-learning-wrap.course-tab-content .view-tabs { padding-top: 20px; padding-bottom: 20px;}

.left-learning-wrap.course-tab-content .discussion-header h2 i { font-size: 24px; margin-right: 5px;}




 

.left-learning-wrap.course-tab-content .discussion-filters .search-box{position:relative;width: 60%;display: inline-block;margin: 0 0 0 0;}

.left-learning-wrap.course-tab-content .discussion-filters .search-box input{width: 100%;height: auto;font-size: 11px;position: relative;font-weight: 600;color: #222222;border-radius: 5px;line-height: normal;padding: 10px 22px 10px 7px;background: #ffffff;border: 1px solid #63a4dc;outline: none !important;box-shadow: none;}

.left-learning-wrap.course-tab-content .discussion-filters .search-box input::placeholder { color: #222222; }

.left-learning-wrap.course-tab-content .discussion-filters .search-box i{position:absolute;right: 8px;top: 50%;color: #0274d6;transform: translateY(-50%);cursor: pointer;font-size: 13px;}

.left-learning-wrap.course-tab-content .discussion-filters select.form-control {width: 100%;font-size: 11px;position: relative;font-weight: 600;color: #222222;border-radius: 5px;line-height: normal;padding: 10px 15px 10px 5px;border: 1px solid #63a4dc;outline: none;box-shadow: none;-webkit-appearance: none;background: url(../images/select-arrow.svg) no-repeat 96% #ffffff;cursor: pointer;background-size: 8px;max-width: 38%;margin-right: 2%;}


.left-learning-wrap.course-tab-content .discussion-item { padding: 0;display:flex;justify-content:space-between;align-items:flex-start;background: #fff;border: 1px solid #dadddf;border-radius: 8px;overflow: hidden;}

.left-learning-wrap.course-tab-content .discussion-item .discussion-left {width: 100%;display: flex;align-items: flex-start;padding: 15px 15px;border-bottom: 0;position: relative;gap: 15px;}

.left-learning-wrap.course-tab-content .discussion-item .discussion-left .discussion-icon{font-size:20px;width: 44px;height: 44px;background: #a3ad35;border-radius: 50%;color: #fff;display: flex;justify-content: center;align-items: center;padding: 0 15px;}

.left-learning-wrap.course-tab-content .discussion-item .discussion-left .discussion-meta{margin:8px 0;margin-bottom: 5px;margin-top: 5px;color: #959fb3;line-height: 20px;font-size: 13px;display: flex;flex-wrap: wrap;justify-content: flex-start;}

.left-learning-wrap.course-tab-content .discussion-item .discussion-left .discussion-boxs p{color:#555;line-height: 20px;color: #3f3f3f;font-size: 13px;}
 
.left-learning-wrap.course-tab-content .discussion-item .discussion-left .discussion-icon i { display: block; font-size: 20px;}

.left-learning-wrap.course-tab-content .discussion-item .discussion-left .discussion-boxs { width: fit-content; float: left;}

.left-learning-wrap.course-tab-content .discussion-item .discussion-left h4 { font-size: 15px; font-weight: 600; margin: 0 0 10px 0; color: #2563eb; line-height: 20px; display: flex; flex-wrap: nowrap; align-items: center;}

.left-learning-wrap.course-tab-content .discussion-item .discussion-left .disc-courses { width: fit-content; float: left;}

.green{ background:#22c55e;}

.blue{ background:#3b82f6;}

.red{ background:#ef4444;}

.yellow{ background:#f59e0b;}

.purple{ background:#8b5cf6;}
 


.discussion-right{ display:flex; gap:35px; color:#777;}

.badge-pin{ background:#ede9fe; color:#7c3aed; padding:4px 10px; border-radius:30px; font-size:12px;}


 

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .participants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom: 20px;position: relative;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .participants-header h3 { width: fit-content; margin: 0 0 0;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .participants-header a{text-decoration:none;color: #0274d6;font-weight: bold;font-size: 13px;text-align: center;line-height: 20px;margin-left: 5px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .participant-row{display:flex;justify-content:space-between;align-items: center;gap: 10px;margin: 0 0 15px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .participant-row:last-child { margin-bottom:0; }

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .participant-row .participant-left{display:flex;align-items:center;gap: 10px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .participant-row .rank-no{width: 10px;font-size: 13px;font-weight: 600;color: #000000;}

.participant-left img{ width:38px; height:38px; border-radius:50%; object-fit:cover;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .participant-row .participant-left span{width: fit-content;font-weight: bold;font-size: 13px;line-height: 16px;color: #000000;display: inline-block;float: left;padding-right: 5px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .participant-row .post-count{color: #959fb3;font-size: 12px;line-height: 22px;float: right;width: fit-content;text-align: right;}

.announcement-card{/* background:#fff; *//* border:1px solid #e5e7eb; *//* border-radius:10px; *//* padding:22px; *//* margin-bottom:20px; */} 

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .announcement-content{display:flex;width: 100%;position: relative;gap: 5px;float: left;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .announcement-content .announcement-icon{color:#8b5cf6;font-size:22px;margin: 0;display: block;height: 100%;position: relative;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .announcement-content .announcement-body h5{color:#7c3aed;margin-bottom:10px;font-size: 14px;font-weight: bold;line-height: 16px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .announcement-content .announcement-meta{margin-bottom: 10px;color: #959fb3;line-height: 20px;font-size: 13px;display: flex;flex-wrap: wrap;justify-content: flex-start;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .announcement-content .announcement-meta span{margin: 0 5px;font-weight: bold;padding-top: 1px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .announcement-content .announcement-body p{line-height: 20px;color: #3f3f3f;font-size: 13px;margin: 0 0 15px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .view-all-link {text-align:right;width: 100%;float: left;margin-top: 5px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .view-all-link a{color: #0274d6;font-weight: bold;font-size: 13px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .view-all-link a:hover {color: #a3ad35;}




.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card .participant-row .rank-img { font-size: 13px; width: 30px; height: 30px; border-radius: 50%; color: #fff; display: flex; justify-content: center; align-items: center; padding: 0 10px; background: #a3ad35;}


.left-learning-wrap.course-tab-content .discussion-content .discussion-table{ background:#fff; border: 1px solid #dadddf; border-radius: 8px; overflow:hidden;}

.left-learning-wrap.course-tab-content .discussion-table-header{ width: 100%; display:flex; padding: 15px 15px; border-bottom: 1px solid #dadddf; font-size:14px; font-weight:700; color:#777;}

.left-learning-wrap.course-tab-content .col-topic{ width: 55%; float: left; position: relative; margin: 0 0 0; padding-right: 5px; font-weight: 600; font-size: 14px; line-height: 18px; color: #252525;}

.left-learning-wrap.course-tab-content .col-replies{ width: 12%; text-align: center; font-weight: 600; float: left; position: relative; padding: 0 5px; font-size: 14px; line-height: 18px; color: #252525;}

.left-learning-wrap.course-tab-content .col-views{ width: 12%; text-align:center; font-weight:600; float: left; position: relative; padding: 0 5px; font-size: 14px; line-height: 18px; color: #252525;}

.left-learning-wrap.course-tab-content .col-dots { float: left; width: 3%; text-align: right;}

.left-learning-wrap.course-tab-content .col-activity{ width: 18%; float: right; text-align: center; font-weight: 600; font-size: 14px; line-height: 18px; color: #252525;}

.left-learning-wrap.course-tab-content .more-menu{width: 3%;text-align:right;color: #959fb3;cursor:pointer;}


.left-learning-wrap.course-tab-content .discussion-row{ width: 100%; display:flex; align-items:flex-start; padding: 15px 15px; border-bottom: 1px solid #dadddf; position: relative;}

.left-learning-wrap.course-tab-content .discussion-row:last-child{ border-bottom:none;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left{ display:flex; gap: 15px; width: 100%; position: relative; float: left; align-items: flex-start; flex-wrap: nowrap;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left .topic-icon{ width:44px; height:44px; background:#a3ad35; border-radius:50%; color:#fff; display:flex; justify-content:center; align-items:center; padding: 0 15px;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left .topic-icons .pin-icon{ font-size: 20px; width: auto; color: #a3ad35; display: flex; margin-right: 15px;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left h4{ font-size: 15px; font-weight: 600; margin: 0 0 10px 0; color: #2563eb; line-height: 20px; display: flex; flex-wrap: nowrap; align-items: center;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left .topic-meta{ margin-bottom: 5px; margin-top: 5px; color: #959fb3; line-height: 20px; font-size: 13px; display: flex; flex-wrap: wrap; justify-content: flex-start;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left .topic-meta span{ margin: 0 10px; font-weight: bold; padding-top: 1px;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left p{ line-height: 20px; color: #3f3f3f; font-size: 13px;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left .badge-pinned{ background:#f3e8ff; color:#7c3aed; padding: 3px 8px; border-radius:20px; font-size: 11px; margin-left: 5px;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left .topic-meta .require-post{ color: #af0028; font-weight:600; margin: 0; float: right; line-height: 18px;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left .topic-icons { width: fit-content; position: relative; float: left; display: flex; align-items: center;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left .topic-icon i { display: block; font-size: 20px;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left .topic-cont { width: fit-content; float: left;}


.left-learning-wrap.course-tab-content .discussion-row .col-activity span{ display:block; font-size: 13px; line-height: 16px; color: #000000;}

.left-learning-wrap.course-tab-content .discussion-row .col-activity span.top-by { margin-top: 5px; font-size: 12px; color: #5c5c5c;}

.left-learning-wrap.course-tab-content .discussion-row .col-replies { font-size: 12px;}

.left-learning-wrap.course-tab-content .discussion-row .col-views { font-size: 12px;}




.left-learning-wrap.course-tab-content .reply-row{display:none;/* border-bottom: 1px solid #dadddf; */}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies{background: #ffffff;padding: 15px 15px 5px 25px;border-bottom: 1px solid #dadddf;} 

.left-learning-wrap.course-tab-content .reply-row .discussion-replies h4 {width: 100%;font-size: 14px;font-weight: 600;margin: 0 0 20px 0;color: #2563eb;line-height: 16px;display: flex;flex-wrap: nowrap;align-items: center;font-family: 'Open Sans', sans-serif;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box p {line-height: 20px;color: #3f3f3f;font-size: 13px;margin: 0 0 10px;font-weight: normal;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item{display:flex;gap: 10px;margin-bottom: 25px;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .avatar{font-size: 14px;width: 40px;height: 40px;border-radius: 50%;color: #fff;display: flex;justify-content: center;align-items: center;padding: 0 15px;background: #2563eb;font-family: 'Open Sans', sans-serif;font-weight: 600;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .green{ background:#22c55e;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box{flex: 1;width: 100%;background: #fff;border: 1px solid #dadddf;overflow: hidden;border-radius: 8px;padding: 15px 15px;align-items: center;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box .comment-header{display:flex;gap:15px;margin-bottom:10px;color: #252525;font-size: 13px;font-weight: normal;line-height: 20px;align-items: center;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box .student-badge{ background:#dbeafe; color:#2563eb; padding:3px 10px; border-radius:20px; font-size:12px;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box .comment-actions{display:flex;gap:20px;margin-top:15px;line-height: 20px;font-size: 12px;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box .child-comment{display:flex;gap: 10px;margin-top:25px;padding-left: 20px;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box a { font-size: 12px;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .post-reply { width: 100%; display: flex; flex-wrap: wrap; position: relative;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .post-reply textarea{width:100%;height: 110px;border: 1px solid #dadddf;min-height: 60px;resize: vertical;max-height: 180px;font-size: 12px;position: relative;font-family: 'Open Sans', sans-serif;font-weight: 600;color: #696b6c;border-radius: 6px;line-height: normal;padding: 10px 10px;background: #ffffff;outline: none !important;box-shadow: none;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .post-reply .reply-buttons{text-align:right;width: 100%;margin: 15px 0 0;position: relative;display: flex;flex-wrap: wrap;gap: 10px;justify-content: flex-end;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .post-reply .reply-buttons .cancel-btn{width: auto;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;border-radius: 5px;padding: 10px 20px;background: #a5aa4d;line-height: normal;font-size: 13px;margin: 0 0 10px 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: bold;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .post-reply .reply-buttons .cancel-btn:hover { color: #ffffff; border: 1px solid #0274d6; background: #0274d6;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .post-reply .reply-buttons .post-btn{width: auto;display: inline-block;color: #ffffff;border: 1px solid #0274d6;border-radius: 5px;padding: 10px 20px;background: #0274d6;line-height: normal;font-size: 13px;margin: 0 0 10px 0;position: relative;outline: none;font-family: 'Open Sans', sans-serif;font-weight: bold;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .post-reply .reply-buttons .post-btn:hover { color: #ffffff; border: 1px solid #a5aa4d; background: #a5aa4d;}


.left-learning-wrap.course-tab-content .discussion-row.click { cursor: pointer;}

.left-learning-wrap.course-tab-content .discussion-row.click:hover { background: #0274d60d;}





.dash-wrapp .inner-row1 .add-stud-row.discussion-probar { background: #ffffff; padding: 0; margin-top: 25px;}
 
.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid.grid{display:grid;grid-template-columns:2fr 1fr;gap: 15px;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .card{background: #ffffff;border: 1px solid #cfd7e3;border-radius: 15px;padding: 20px 15px;box-shadow:0 2px 6px rgba(0,0,0,.05);height: auto;float: left;margin: 0 0 15px;text-align: left;} 

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .progress-wrap{display:flex;align-items:center;gap:20px;float: left;width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .circle{width: 110px;height: 110px;border-radius:50%;background: conic-gradient(#0274d6 0 38%, #e8edf5 38%);display:flex;align-items:center;justify-content:center;margin: 0 0 0;max-width: inherit;max-height: inherit;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .circle span {width: 80%;height: 80%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size: 20px;font-weight: 600;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .stats {display:grid;grid-template-columns:repeat(4,1fr);gap: 10px;margin-top:20px;width: 100%;float: left;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .stat {text-align:center;border: 1px solid #c3ccd9;border-radius: 8px;padding: 15px 10px;cursor: pointer;transition: .3s;background: #ffffff;align-items: flex-start;font-size: 14px;line-height: 20px;display: block;color: #000000;font-weight: 500;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .stat b{width: 100%;display: block;font-size: 22px;line-height: 30px;font-weight: 600;color: #0274d6;margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .card h2 { width: 100%; font-size: 20px; line-height: 28px; font-weight: bold; color: #0274d6; margin: 0 0 15px; text-align: left;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .card .procard-table { width: 100%; display: block; margin: 10px 0 0; position: relative; float: left; overflow-x: auto; border: 0;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .card .procard-table table {width:100%;background: #ffffff;border-radius: 0;overflow: hidden;border-collapse: collapse;max-width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .card table th {padding: 10px 10px;border-bottom:1px solid #eee;text-align:left;background: #cfd7e35c;color: #272425;line-height: 22px;font-size: 15px;font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .card table td {padding:10px;border-bottom:1px solid #eee;text-align:left;color: #000000;line-height: 26px;font-size: 14px;vertical-align: middle;font-weight: normal;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .card ol.rank { width: 100%; display: block; position: relative; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .timeline {border-left:3px solid #1b5dbf;padding-left:20px;width: 100%;display: block;float: left;position: relative;margin-left: 10px;margin-top: 10px;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .item{width: 100%;margin-bottom: 15px;position:relative;display: block;float: left;color: #000000;line-height: 24px;font-size: 14px;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .item span { display: block;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .item:before{content:'';width: 14px;height: 14px;background:#1b5dbf;border-radius:50%;position:absolute;left: -28px;top: 6px;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .item b { font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .badges{display:flex;flex-wrap:wrap;gap:10px;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .badge{padding:10px 15px;border-radius:20px;background:#eef5ff;color:#1b5dbf;font-weight:bold;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .pending-box{padding:12px;background: #d8dd794a;border-left: 4px solid #a5aa4d;margin-top: 10px;color: #000000;line-height: 22px;font-size: 14px;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .pending-box span { display: block;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .rank li{display:flex;justify-content:space-between;padding:10px 0;border-bottom: 1px solid #eee;color: #000000;line-height: 26px;font-size: 14px;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .feedback{background:#eef9f1;border-left:4px solid #28a745;padding:15px;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .circle:before { display: none;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid h3 { font-size: 16px; margin: 0 0 5px; line-height: 26px; font-weight: bold; color: #0274d6; display: block;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .progress-wrap p { width: fit-content; font-size: 14px; margin: 0 0 10px; display: block; color: #252525; line-height: 26px;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .progress-wrap p b { font-weight: bold;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .progress-wrap .progress-box1 { width: fit-content; position: relative; float: left; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .progress-wrap .progress-box1 progress {appearance: auto;box-sizing: border-box;display: inline-block;block-size: 1em;inline-size: 10em;max-width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .feedback h4 { margin: 0 0 10px; font-weight: 600;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .feedback ul {list-style: disc;width: 100%;display: block;position: relative;padding-left: 5px;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .feedback ul li {padding: 0 0 0 15px;position: relative;color: #000000;line-height: 26px;font-size: 14px;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .feedback ul li:before { content: ""; position: absolute; left: 0; width: 5px; height: 5px; background: #000000; border-radius: 50%; top: 10px;}





.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head .assess-head { width: fit-content; float: left;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head .assess-head p { display: block; float: left; width: 100%;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head .assess-head h2 { width: 100%; margin-bottom: 5px;}

 

.dash-wrapp .inner-row1 .inner-col1.ass-newhead .assessment-search {width: fit-content;position: relative;float: right;display: inline-block;margin: 0 0 0;}

.dash-wrapp .inner-row1 .inner-col1.ass-newhead .assessment-search .search-boxs {position:relative;width: 100%;display: block;margin: 0 0 0;float: left;}

.dash-wrapp .inner-row1 .inner-col1.ass-newhead .assessment-search .search-boxs i{position:absolute;left: 7px;transform: translateY(-50%);top: 50%;color: #696b6c;z-index: 1;font-size: 12px;}

.dash-wrapp .inner-row1 .inner-col1.ass-newhead .assessment-search .search-boxs input{width: 100%;height: 35px;font-size: 12px;position: relative;font-weight: 600;color: #696b6c;border-radius: 6px;line-height: normal;padding: 5px 15px 5px 25px;background: #ffffff;border: 1px solid #696b6c;outline: none !important;box-shadow: none;min-width: 225px;}


.dash-wrapp .inner-row1 .inner-col1.view-newhead.ass-newhead .inner-head.view-head .inner-toprow { margin-left: auto;}

.dash-wrapp .inner-row1 .assessment-card{width: 100%;background: #fff;border: 1px solid #cfd7e3;border-radius: 8px;overflow: hidden;float: left;position: relative; margin: 0 0 25px;} 

.dash-wrapp .inner-row1 .assessment-card .assessment-card-header{width: 100%;display:flex;justify-content:space-between;align-items:center;padding: 20px 15px 0;position: relative;margin: 0 0 0;}

.dash-wrapp .inner-row1 .assessment-card .assessment-card-header .card-title h3{font-size: 18px;line-height: 28px;font-weight: 700;color: #0274d6;margin: 0 0 10px;}

.dash-wrapp .inner-row1 .assessment-card .assessment-card-header .calendar-link { width: fit-content; position: relative; float: right;}

.dash-wrapp .inner-row1 .assessment-card .assessment-card-header .calendar-link a{font-weight:600;text-decoration:none;color: #0274d6;border: 1px solid #0274d6;background: transparent;padding: 6px 13px;border-radius: 30px;font-size: 12px;display: flex;align-items: center;}

.dash-wrapp .inner-row1 .assessment-card .assessment-card-header .calendar-link a:hover { background-color: #0274d6; color: #ffffff;}

.dash-wrapp .inner-row1 .assessment-card .assessment-card-header .calendar-link i { margin-left: 5px; font-size: 14px;}

.dash-wrapp .inner-row1 .assessment-card .assessment-tabs{width: 100%;display:flex;gap: 10px;padding: 5px 15px 10px;position: relative;}

.dash-wrapp .inner-row1 .assessment-card .assessment-tabs .assessment-tab { float: left;border: none;outline: none;transition: 0.3s;padding: 4px 10px;color: #ffffff;background: #a4ac44;border-radius: 5px;display: flex;align-items: center;margin: 0 0 5px 0;font-size: 14px;line-height: 28px;font-weight: bold;position: relative;}

.dash-wrapp .inner-row1 .assessment-card .assessment-tabs .assessment-tab.active{ background:#0d6efd; color:#fff; border-color:#0d6efd;}

.dash-wrapp .inner-row1 .assessment-card .assessment-tabs .assessment-tab:hover { background: #0d6efd; color: #fff; border-color: #0d6efd;}

.dash-wrapp .inner-row1 .assessment-card .assessment-tabs .assessment-tab i{ margin-right: 7px;float: left;display: block;}



.dash-wrapp .inner-row1 .assessment-card .assessment-box{display:none;width: 100%;position: relative;padding: 10px 0 10px 0;background: transparent;float: left;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box.active{display:block;}
 
.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size { padding: 0 0 0; background: transparent; margin: 0 0 0; border-top: 1px solid #cfd7e3; border-radius: 0;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table { min-width: 900px; width:100%; border-collapse:collapse;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table th:first-child, 
.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table td:first-child { padding-left: 20px;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table th:last-child, 
.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table td:last-child { padding-right: 20px;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table tr { background: #f5f6f9;}


.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table th{background:#f8fafc;padding: 15px 10px;border-bottom: 1px solid #cfd7e3;font-size: 14px;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table td{padding: 6px 10px;border-bottom:1px solid #edf2f7;vertical-align:middle;font-size: 13px;line-height: 20px;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table td .assessment-name{display:flex;align-items:center;gap: 10px;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table td .assessment-icon{width: fit-content;height: auto;border-radius: 5px;background: #ffffff;border: 1px solid #cfd7e3;display:flex;align-items:center;justify-content:center;color:#0d6efd;font-size: 20px;padding: 10px;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table td .assessment-icon.exam{ background:#fff1f2; color:#dc2626;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table td span.ass-time { display: inline-block; float: left; width: 100%;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table tr .badge.quiz{background: #e7f1ff !important;color:#0d6efd;padding: 7px 12px;border-radius:20px;font-weight:600;line-height: 1;font-size: 13px;border: 1px solid #0274d6;margin: 0 0 0;display: block;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table tr .status.available{background: #16a34a;color: #ffffff; justify-content: center; border: 1px solid #16a34a;padding: 7px 12px;border-radius: 30px;display: flex;line-height: 1;font-size: 13px;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table tr .start-btn{background:#0d6efd;border:none;color:#fff;padding: 12px 10px;font-weight:600;cursor:pointer;display: block;font-size: 13px;line-height: 1;border-radius: 5px;min-width: 90px;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table td .badge.exam{background: #fdecec !important;color: #dc2626;padding: 7px 12px;border-radius: 20px;font-weight: 600;line-height: 1;font-size: 13px;border: 1px solid #dc2626;margin: 0 0 0;display: block;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-table td .status.upcoming{background: #fff4cc;color: #b8860b;border: 1px solid #b8860b;padding: 7px 12px;border-radius: 30px;display: flex;line-height: 1;font-size: 13px;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-note{padding: 10px 15px;width: 96%;margin: 15px auto 10px;border-radius: 8px;background: #f5faff;border: 1px solid #cfd7e3;color: #000000;font-size: 13px;line-height: 18px;display: flex;align-items: flex-start;}

.dash-wrapp .inner-row1 .assessment-card .assessment-box .over-size .assessment-note i{margin-right: 5px;color: #0d6efd;display: block;float: left;margin-top: 3px;}






.dash-wrapp .inner-row1 .assessment-card .assessment-card-header .calendar-link.results-filter select {font-weight:600;text-decoration:none;color: #0274d6;border: 1px solid #0274d6;padding: 8px 20px 8px 10px;border-radius: 6px;font-size: 12px;display: flex;align-items: center; background: url(../images/select-arrow.svg) no-repeat 94% #ffffff; background-size: 8px;cursor: pointer;}

.dash-wrapp .inner-row1 .assessment-card .assessment-tabs .result-tab { float: left;border: none;outline: none;transition: 0.3s;padding: 4px 10px;color: #ffffff;background: #a4ac44;border-radius: 5px;display: flex;align-items: center;margin: 0 0 5px 0;font-size: 14px;line-height: 28px;font-weight: bold;position: relative;}

.dash-wrapp .inner-row1 .assessment-card .assessment-tabs .result-tab.active{ background:#0d6efd; color:#fff; border-color:#0d6efd;}

.dash-wrapp .inner-row1 .assessment-card .assessment-tabs .result-tab:hover { background: #0d6efd; color: #fff; border-color: #0d6efd;}
 



.result-tabs{
    display:flex;
    gap:25px;
    padding:0 25px 20px;
    border-bottom:1px solid #edf2f7;
}

.result-tab{
    background:none;
    border:none;
    font-weight:600;
    color:#666;
    padding-bottom:12px;
    cursor:pointer;
}

.result-tab.active{
    color:#0d6efd;
    border-bottom:3px solid #0d6efd;
}

.result-content{
    display:none;
    padding:20px 25px;
}

.result-content.active{
    display:block;
}

.result-table{
    width:100%;
    border-collapse:collapse;
}

.result-table th{
    background:#f8fafc;
    padding:15px;
    font-size:14px;
    text-align:left;
}

.result-table td{
    padding:18px 15px;
    border-top:1px solid #edf2f7;
}

.assessment-info{
    display:flex;
    align-items:center;
    gap:15px;
}

.assessment-small-icon{
    width:42px;
    height:42px;
    background:#eef5ff;
    color:#0d6efd;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:10px;
}

.assessment-small-icon.exam{
    background:#fff1f2;
    color:#dc2626;
}

.status-pass{
    background:#dcfce7;
    color:#15803d;
    padding:5px 12px;
    border-radius:20px;
    font-size:13px;
}

.status-fail{
    background:#fee2e2;
    color:#dc2626;
    padding:5px 12px;
    border-radius:20px;
    font-size:13px;
}

.review-btn{
    background:#fff;
    border:1px solid #d1d5db;
    padding:8px 15px;
    border-radius:8px;
    cursor:pointer;
}

.review-btn:hover{
    background:#0d6efd;
    color:#fff;
}


.dash-wrapp .inner-row1.disc-board-row .left-learning-wrap.course-tab-content { width: 100%; float: left; display: block;}

.dash-wrapp .inner-row1.disc-board-row .left-learning-wrap.course-tab-content .tabcontent { display: block;}

.dash-wrapp .inner-row1.disc-board-row .left-learning-wrap.course-tab-content .main-tab-content { display: block;}





.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper{display:flex;gap: 15px;width: 100%;float: left;background: #d9dcde;border-radius: 12px;padding: 20px 15px;margin: 0 0 26px;position: relative;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left{width:50%;float: left;position: relative;margin: 0 0 25px;background: #ffffff;border-radius: 8px;padding: 15px 15px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right{ width:50%; float: left;position: relative;margin: 0 0 25px;background: #ffffff;border-radius: 8px;padding: 15px 15px;}



.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-header{width: 100%;position: relative;display: block;margin: 0 0 10px;float: left;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-header h2{width: 100%;float: left;font-size: 28px;line-height: 32px;font-weight: bold;color: #000000;margin: 0 0 10px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-header h2 span{font-weight: lighter;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-header p{width: 100%;float: left;font-size: 13px;line-height: 20px;display: block;font-weight: 500;color: #4b4b4b;position: relative;margin: 0 0 15px;}




.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-search-area{width: 100%;float: left;display:flex;gap: 10px;margin-bottom:15px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-search-area select{width: 100%;font-size: 12px;line-height: 16px;position: relative;font-weight: 600;color: #222222;border-radius: 5px;padding: 10px 15px 10px 8px;border: 1px solid #63a4dc;outline: none;box-shadow: none;-webkit-appearance: none;background: url(../images/select-arrow.svg) no-repeat 96% #ffffff;cursor: pointer;background-size: 8px;max-width: 35%;float: left;height: auto;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-search-area .disc-board-search{position:relative;flex:1;width: fit-content;float: right;display: flex;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-search-area .disc-board-search input{width:100%;height: auto;font-size: 12px;position: relative;font-weight: 600;color: #222222;border-radius: 5px;line-height: 16px;padding: 10px 22px 10px 8px;background: #ffffff;border: 1px solid #63a4dc;outline: none !important;box-shadow: none;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-search-area .disc-board-search i { position: absolute; right: 8px; top: 50%; color: #0274d6; transform: translateY(-50%); cursor: pointer; font-size: 13px;}


 
/* TABS */

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-top-tabs {width: 100%; border-bottom:1px solid #edf2f7;margin-bottom:20px;display: flex;gap: 0; position: relative;flex-wrap: wrap;float: left;justify-content: flex-start;max-width: 100%;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-top-tabs .disc-board-tab{background: none;border: none;color: #000000;padding: 10px 10px 10px 10px;cursor: pointer;font-size: 12px;line-height: 20px;font-weight: 600;border-bottom: 2px solid #ffffff;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-top-tabs .disc-board-tab.active{color: #0274d6;border-bottom: 2px solid #0274d6;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-top-tabs .disc-board-tab i { padding-right: 5px;}




/* FILTER */

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-filter{width: 100%;float: left;display: flex;gap: 10px;margin-bottom: 15px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-filter select{width: fit-content;font-size: 12px;line-height: 16px;position: relative;font-weight: 600;color: #222222;border-radius: 5px;padding: 10px 15px 10px 8px;border: 1px solid #63a4dc;outline: none;box-shadow: none;-webkit-appearance: none;background: url(../images/select-arrow.svg) no-repeat 96% #ffffff;cursor: pointer;background-size: 8px;float: left;height: auto;min-width: 100px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-content{display:none;width: 100%;float: left;/* border: 1px solid #dadddf; */}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-content.active{display:block;}
 

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .active-discussion{border: 1px solid #0d6efd;background: #0274d60d;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-icon{width: 44px;height: 44px;background: #a3ad35;border-radius: 50%;color: #fff;display: flex;justify-content: center;align-items: center;padding: 0 15px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-icon.blue{background: #0274d6;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-icon.green{background:#22c55e;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-icon.purple{background:#8b5cf6;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card {gap: 15px;border-radius:12px;margin-bottom: 10px;cursor:pointer;transition:.25s;display: flex;align-items: flex-start;padding: 15px 15px;border: 1px solid #dadddf;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card:hover{ border-color:#0d6efd; box-shadow:0 6px 18px rgba(13,110,253,.08);}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card .disc-board-details{flex:1;width: fit-content;float: right;text-align: left;color: #252525;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card .disctopic-left .badge-pinned{ background: #f3e8ff;color: #7c3aed;padding: 3px 8px;border-radius: 20px;font-size: 11px;margin-left: 5px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card .disctopic-left { display: flex; gap: 15px; width: 100%; position: relative; float: left; align-items: flex-start; flex-wrap: nowrap;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card .disctopic-left .disctopic-icons { width: fit-content; position: relative; float: left; display: flex; align-items: center;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card .disctopic-left .disctopic-icons .disc-pin-icon { font-size: 20px; width: auto; color: #a3ad35; display: flex; margin-right: 10px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-icon i { display: block; font-size: 20px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card .disctopic-left .topic-cont { width: fit-content; float: left; position: relative;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card .disctopic-left h4 {font-size: 15px;font-weight: 600;margin: 0 0 10px 0;color: #0274d6;line-height: 18px;display: flex;flex-wrap: nowrap;align-items: center;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card .disctopic-left .topic-cont .disc-course { color: #3f3f3f; line-height: 20px; font-size: 13px; margin: 0 0 0; font-weight: 500;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card .disctopic-left .topic-cont p { line-height: 20px; color: #3f3f3f; font-size: 13px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card .disc-board-details .disc-views { display: block; font-size: 13px; line-height: 16px; color: #000000; font-weight: 600;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card .disc-board-details .disc-partic { margin-top: 5px; font-size: 12px; color: #5c5c5c; display: block; white-space: nowrap;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-card .disc-board-details .disc-time {display: block;font-size: 13px;line-height: 26px;color: #0274d6;font-weight: 600;}


.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-footer{display:flex;justify-content:space-between;align-items:center;margin-top: 20px;width: 100%;position: relative;float: left;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-footer .disc-board-count{color: #000000;line-height: 22px;font-size: 13px;vertical-align: middle;font-weight: 500;margin-right: 10px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-footer .disc-board-pagination{width: fit-content;position: relative;float: right;margin: 0 0 0;border-radius: 5px;border: 0;align-items: center;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-footer .disc-board-pagination button{cursor:pointer;transition:.3s;position: relative;color: #000000;float: left;padding: 5px 11px;line-height: normal;text-decoration: none;background-color: #ffffff;border: 1px solid #a5ab4d;border-radius: 2px;margin: 0 2px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-footer .disc-board-pagination button:hover { background-color: #a5ab4d; border: 1px solid #a5ab4d; color: #ffffff;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-left .disc-board-footer .disc-board-pagination button.active{background-color: #a5ab4d;border: 1px solid #a5ab4d;color: #ffffff;}






.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .discussion-thread-header{border: 1px solid #dadddf;position: relative;margin: 0 0 25px;background: #ffffff;border-radius: 8px;padding: 15px 15px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .discussion-thread-header .thread-top{display:flex;justify-content:space-between;align-items:center;margin-bottom: 20px;width: 100%;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .discussion-thread-header .back-discussion{

text-decoration:none;

color:#2563eb;

font-size:14px;

font-weight:600;

display:flex;

align-items:center;

gap:8px;

}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .discussion-thread-header .thread-actions{

display:flex;

gap:10px;

}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .discussion-thread-header .icon-btn{width: 30px;height: 30px;border:none;background:transparent;cursor:pointer;color:#64748b;border-radius:8px;}

.icon-btn:hover{

background:#f3f4f6;

}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .thread-title-row{width: 100%;display:flex;align-items:center;gap:12px;margin-bottom: 10px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .thread-title-row h2{font-size: 20px;line-height: 26px;font-weight: bold;color: #000000;margin: 0 0 0;width: fit-content;display: block;}

.pinned-badge{

background:#dcfce7;

color:#15803d;

padding:4px 12px;

border-radius:20px;

font-size:12px;

font-weight:600;

}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .thread-meta{font-size: 14px;margin: 0 0 5px;color: #000000;font-weight: bold;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .thread-meta a{color: #0274d6;text-decoration:none;font-weight:600;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .thread-date{margin: 0 0 10px;color: #6b7280;font-size: 14px;line-height: 24px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .thread-description{font-size: 14px;line-height: 22px;color: #252525;margin: 0 0 15px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .thread-bottom{display:flex;justify-content:space-between;align-items:center;padding-top: 15px;border-top:1px solid #edf2f7;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .thread-bottom .reply-count{color: #111827;font-size: 14px;font-weight: 700;margin: 0 0 0;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .thread-bottom .mark-read-btn{cursor:pointer;transition:.3s;display: block;color: #0274d6;border: 1px solid #0274d6;border-radius: 5px;padding: 8px 10px;background: transparent;line-height: normal;font-size: 13px;margin: 0 0 0;position: relative;outline: none;width: fit-content;font-weight: 600;text-align: center;display: block;float: right;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .thread-bottom .mark-read-btn:hover{background: #a3ad35;color: #ffffff;border-color: #a3ad35;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .thread-bottom .mark-read-btn i{margin-right: 5px;}






.discussion-post{

display:flex;

gap:18px;

padding:22px;

border:1px solid #e5e7eb;

border-radius:12px;

margin-bottom:18px;

background:#fff;

}

.instructor-post{

background:#f5f9ff;

border:1px solid #b9d6ff;

}

.post-avatar{

flex-shrink:0;

}

.post-avatar img{

width:52px;

height:52px;

border-radius:50%;

object-fit:cover;

display:block;

}

.post-body{

flex:1;

}

.post-header{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:6px;

}

.post-user{

display:flex;

align-items:center;

gap:10px;

}

.post-name{

font-size:18px;

font-weight:700;

color:#111827;

}

.instructor-badge{

background:#dbeafe;

color:#2563eb;

padding:4px 10px;

border-radius:20px;

font-size:12px;

font-weight:600;

}

.post-date{

font-size:13px;

color:#64748b;

margin-bottom:12px;

}

.post-content{

font-size:15px;

line-height:1.8;

color:#374151;

max-width:95%;

}

.avatar-icon{width:52px;height:52px;background:#ffffff;border-radius:50%;display:flex;justify-content:center;align-items:center;color: #0274d6;font-size:38px;border:1px solid #dbeafe;}



.student-post{

display:flex;

gap:18px;

padding:22px;

background:#fff;

border:1px solid #e5e7eb;

border-radius:12px;

margin-bottom:18px;

transition:.3s;

}

.student-post:hover{

box-shadow:0 6px 18px rgba(0,0,0,.05);

}

.student-avatar img{

width:48px;

height:48px;

border-radius:50%;

object-fit:cover;

}

.student-body{

flex:1;

}

.student-header{

display:flex;

justify-content:space-between;

align-items:flex-start;

margin-bottom:10px;

}

.student-header h4{

margin:0;

font-size:17px;

font-weight:700;

}

.student-header span{

font-size:13px;

color:#64748b;

}

.post-menu{

width:34px;

height:34px;

background:none;

border:none;

cursor:pointer;

border-radius:6px;

}

.post-menu:hover{

background:#f3f4f6;

}

.student-body p{

font-size:15px;

line-height:1.8;

color:#475569;

margin-bottom:15px;

}

.post-actions{

display:flex;

gap:25px;

}

.post-actions a{

color:#2563eb;

font-size:14px;

font-weight:600;

text-decoration:none;

}

.post-actions a:hover{

text-decoration:underline;

}

.post-actions i{

margin-right:6px;

}

.more-replies{

margin:10px 0 30px;

}

.more-replies a{

color:#2563eb;

font-weight:600;

text-decoration:none;

}

.more-replies i{

margin-left:8px;

}





.reply-editor-card{

background:#fff;

border:1px solid #e5e7eb;

border-radius:12px;

margin-top:20px;

overflow:hidden;

}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .reply-title{padding: 13px 15px 10px;font-size: 15px;font-weight: 600;margin: 0 0 0;color: #000000;line-height: 24px;display: flex;flex-wrap: nowrap;align-items: center;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right  .reply-toolbar{display:flex;align-items:center;gap: 5px;padding: 5px 10px;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;background:#fafafa;}

.reply-toolbar button{

width:34px;

height:34px;

border:none;

background:#fff;

border-radius:6px;

cursor:pointer;

font-size:14px;

color:#475569;

transition:.2s;

}

.reply-toolbar button:hover{

background:#eff6ff;

color:#2563eb;

}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .reply-editor{min-height: 120px;padding:18px;font-size:15px;line-height:1.7;outline:none;}

.reply-editor:empty:before{

content:attr(data-placeholder);

color:#9ca3af;

}

.reply-footer{

display:flex;

justify-content:space-between;

align-items:center;

padding:15px 18px;

border-top:1px solid #f1f5f9;

}

.attach-btn{

width:38px;

height:38px;

border:1px solid #dbe3ec;

background:#fff;

border-radius:8px;

cursor:pointer;

}

.attach-btn:hover{

background:#f8fafc;

}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .reply-right{display:flex;align-items:center;gap: 15px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right #characterCount{color: #4b4b4b;font-size: 13px;line-height: 22px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .post-reply-btn{transition:.25s;float: left;display: inline-block;color: #ffffff;border: 1px solid #a5aa4d;background: #a5aa4d;border-radius: 5px;line-height: normal;position: relative;outline: none;font-weight: bold;width: fit-content;font-size: 13px;padding: 10px 20px 10px 20px;}

.dash-wrapp .inner-row1.disc-board-row .disc-board-wrapper .disc-board-right .post-reply-btn:hover{color: #ffffff;border-color: #0274d6;background: #0274d6;}








@media(max-width:991px){

.learning-layout{ flex-direction:column; }

.lesson-sidebar{ width:100%; }

.learning-layout.ai-open .main-learning-content, .learning-layout.ai-open .ai-tutor-panel{ width:100%; }

.left-learning-wrap{ flex-direction:column; }

.lesson-sidebar{ width:100%; min-width:100%; height:auto; }

.ai-tutor-panel { left: 100%; position: absolute;}

.learning-layout.ai-open .ai-tutor-panel { width: 100%; left: 0; padding: 0;}
 
.discussion-layout{ flex-direction:column;}

.discussion-main{ width:100%;}

.discussion-sidebar{ width:100%;}

.discussion-item{ flex-direction:column; gap:20px;}

.discussion-right{ gap:20px;}



.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid.grid {grid-template-columns:1fr;width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .stats {grid-template-columns:1fr;}

}





@media (max-width: 1400px) { 

.kpi-card .kpi-value {font-size: 1.4rem; line-height: 30px;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-graph .chart-card {width: 99%;}

.main-dashboard-grid .grid-column .graph-wrapp .enrollments-chart .chart-card {margin-top: 10px; width: 99%;}
 
}


@media (max-width: 1200px) { 
.main-dashboard-grid .grid-column.grid-column-middle { padding: 0 0px 0 15px; width: 50%;}

/*.main-dashboard-grid .grid-column.grid-column-left {width: 45% !important;}*/
.kpi-card .kpi-value {font-size: 1rem; line-height: 24px;}

.main-dashboard-grid { grid-template-columns: 1fr 1fr; }

.grid-column-right {grid-column: 1 / -1;}

.card { padding: 20px 10px 20px 10px;}

.kpi-card .kpi-title { font-size: 0.7rem; line-height: 16px;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp th { font-size: 0.7rem;}
.main-dashboard-grid .grid-column-bottom .bottom-wrapp table tr td { font-size: 0.7rem;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp table {min-width: 450px;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row .performing-box .card .dt-container, 
.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row .watchlist-box .card .dt-container { width: 100%; overflow-x: auto;}
 
.left-learning-wrap.course-tab-content .discussion-main { width: 100%; float: left;}

.left-learning-wrap.course-tab-content .discussion-layout { flex-wrap: wrap; gap: 0;}

.left-learning-wrap.course-tab-content .discussion-sidebar { width: 100%; margin: 0 0 0;}

.left-learning-wrap.course-tab-content .discussion-sidebar .progress-row { margin: 0 0 20px; align-items: center;}

.left-learning-wrap.course-tab-content .discussion-sidebar .progress-row .progress-wrapper { width: fit-content; margin-right: 15px;}

.left-learning-wrap.course-tab-content .discussion-sidebar .sidebar-card { padding: 20px 15px;}

}



@media (max-width: 992px) { 
.kpi-grid {grid-template-columns: 1fr 1fr !important; } 
.main-dashboard-grid .grid-column.grid-column-left {width: 100% !important; padding-right: 0;}
.main-dashboard-grid .grid-column.grid-column-middle { padding: 15px 0px 0 0px; width: 100%;}
.main-content-dashboard .card-box.card-1 { width: 32% !important;} 
.main-content-dashboard .card-box {padding: 0px 0px 0px 0px;}
.main-content-dashboard .kpi-grid .card-box.card-1 { width: 49% !important; margin-top: 15px !important; margin-right: 2% !important;}
.main-content-dashboard .kpi-grid .card-box.card-1:nth-child(2n) { margin-right: 0 !important;}
.main-content-dashboard .card-box.card-2 { width: 47% !important; margin-top: 10px !important;}
.main-content-dashboard .card-box.card-3 { width: 47% !important; margin-top: 10px !important;}
.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row .performing-box { width: 100%; margin: 0 0 0 0; padding: 0;}
.card-1 {width: 31% !important; }
.card-0 {width: 31% !important; margin-right: 0px !important;}
.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row .watchlist-box { width: 100%; margin: 15px 0 0px 0; padding: 0;}
.main-dashboard-grid .grid-column-last { width: 100%; margin: 10px 0 0 0%;} 

.kpi-card .kpi-title { font-size: 1rem; line-height: 22px; }

.main-dashboard-grid .grid-column .refunds-card .refund-container { width: 49%;}


.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row .performing-box .card .dt-container, 
.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row .watchlist-box .card .dt-container { width: 100%; overflow-x: visible;}
 

}

@media (max-width: 768px) { 
.kpi-grid { grid-template-columns: 1fr; }
.main-dashboard-grid { grid-template-columns: 1fr; }
.main-content-dashboard .card-box.card-1 { width: 48% !important; margin-top: 10px !important;}
.main-content-dashboard .card-box.card-2 { width: 50% !important; margin-top: 10px !important;}
.main-content-dashboard .card-box.card-3 { width: 50% !important; margin-top: 10px !important;}


/*.dash-wrapp .inner-row1 .add-stud-row .course-grid { grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}*/

}

@media (max-width: 991px) { 

.dash-wrapp .inner-row1 .add-stud-row .course-grid .course-card { width: 100%; }


.dash-wrapp.contact-wrapp .review-wrapp .reviews-con .review-col2 .ratings-box { margin: 0 0 40px;}



}

@media (max-width:1199px) {
.main-dashboard-grid .grid-column-last {width: 100%; margin: 15px 0 0 0;}
 
.navigation-wrap .head-main .head-logo { width: auto; max-width: 55%;}

.myHeader .navbar-nav .nav-link {padding: 5px 6px 5px;font-size: 13px !important;} 


.dash-wrapp .main-wrapp .inner-head .head-main .dash-tittle h2 { font-size: 22px;}
.dash-wrapp .main-wrapp .inner-head .head-main .head-center ul.navbar-nav.dask-dropdown li.profile-drop .nav-link.dropdown-toggle.profile-btn { font-size: 13px;}
.dash-wrapp .main-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name span.user-main { font-size: 14px;}

.dashboard-wrapp .dashboard-head .user-box .user-id .user-name { font-size: 18px;}

.main-dashboard-grid .grid-column-bottom {width: 100%;}
 

}




@media (max-width:1024px) {

.discussions { width: 45%;}

.chat { width: 55%;}

.footer-chat{ width: 55%; }
 
.main-content-dashboard .card-box.card-2 {width: 30%;float: left; margin-bottom: 10px;}
.main-content-dashboard .card-box.card-3 {width: 30%;float: left; margin-bottom: 10px;}
 
.main-dashboard-grid .grid-column .refunds-card .refund-container .value {font-size: 1.2rem;}

}




@media (max-width:991px) {

header { padding: 15px 0 15px; }
header .navbar-brand { margin-left: 0; width: auto; border: none;}
header .navigation-wrap .container { max-width: 94%;}
header .navbar-expand-md .navbar-nav { height: 100%;}
header button.navbar-toggler { position: fixed; right: 2%; top: 20px; z-index: 99999 !important;}

header #navbarNavDropdown {min-height: auto;padding: 0 15px;overflow: visible;position: fixed;background-color: #f5f6f9;z-index: 999;box-shadow: 0px 6px 12px 0px #0074dc40;visibility: hidden;opacity: 0;transition: all ease 0.5s;top: 0;width: 100%;right: 0;display: none !important;left: 0;/* height: 0; */}

header #navbarNavDropdown.show {visibility: visible;opacity: 1;right: 0;height: auto;padding-top: 20px;padding-bottom: 15px;top: 0;}
header .navbar-expand-md .navbar-nav { padding-top: 50px !important; padding-left: 0; padding-right: 0; height: 100vh; text-align: center; background: none !important; display: inline-block; width: 100%;}
 
body.overlay #navbarNavDropdown {visibility: visible;opacity: 1;right: 0;height: auto;padding-top: 10px;padding-bottom: 10px;top: 0;display: inline-block !important;transition: all ease 0.5s;z-index: 99999;}

header #navbarNavDropdown ul.navbar-nav.ml-auto.mr-auto.mt-2.mt-lg-0 {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;padding-right: 80px;margin-top: 0 !important;}

 
header .navigation-wrap .navbar .head-main .head-right .navbar-nav.top-menu { margin: 15px 0 15px; }


.myHeader.fixed {position: fixed;top: 0;margin: 0;z-index: 99999;}

.stud-logo h1 { margin: 0 auto 10px;}


footer .copy-right ul li { font-size: 14px; margin: 10px 10px 10px 0;}

footer .copy-right ul li.border-right { padding-right: 10px;}


ul.user-nav.mobile { display: block; background: #ffff; padding: 20px 30px; height: 100%;}
ul.user-nav.mobile li a.nav-link { display: flex;}
a.nav-link.sign-out { color: #d5242f !important;}
ul.contact-nav { display: none !important;}

button.navbar-toggler .navbar-toggler-icon:before,
button.navbar-toggler .navbar-toggler-icon:after {width: 28px;position: absolute;height: 3px;background-color: #0274d6;top: 0;left: 0;content: "";z-index: 2;transition: all 300ms linear;border-radius: 20px;}
button.navbar-toggler .navbar-toggler-icon:after {top: 8px;}
button.navbar-toggler .navbar-toggler-icon {width: 28px;height: 20px;background-image: none;position: relative;border-bottom: 3px solid #0274d6;transition: all 300ms linear; }

.navbar-expand-lg .navbar-collapse .mobile-logo {width: 300px;position: fixed;left: 3%;top: 23px; display: none;}
.navbar-expand-lg .navbar-collapse .mobile-logo .navbar-brand {width: 100%;display: block;}
.navbar-expand-lg .navbar-collapse .mobile-logo .navbar-brand img {width: 100%;}

header .navigation-wrap .navbar .head-main .head-right .head-nav button.mobile-toggle.navbar-toggler {left: auto;top: 27px;position: absolute;right: 3%;border: 2px solid #0074dc;border-radius: 50%;padding: 2px 6px;}
button.mobile-toggle.navbar-toggler .navbar-toggler-icon:before, button.mobile-toggle.navbar-toggler .navbar-toggler-icon:after{width: 16px;background: #0074dc;}
button.mobile-toggle.navbar-toggler .navbar-toggler-icon{ width: 15px; height: 20px;}

.mobile-toggle.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent;}
.mobile-toggle.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { transform: translateY(8px) rotate(-45deg);}
.mobile-toggle.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { transform: rotate(45deg);}

body.overlay::after {content: "";position: fixed;left: 0;top: 0;width: 100%;height: 100vh;/* background: rgb(0 116 220 / 33%); */z-index: 999;min-height: 100%;display: none;}
.navigation-wrap .head-nav ul li.nav-item.login-btn:after {display: none;}

 


li.nav-item.login-btn:before { display: none;}
li.nav-item.active a.nav-link::after { display: none;}
 
header .navigation-wrap .navbar .head-main .head-right a {padding:0;text-align: left;margin: 0;color: #000;font-weight: 600;font-size: 14px !important;}
header .navigation-wrap .navbar .head-main .head-right a img {width: 100%;max-width: 225px;}
.navbar-expand-lg .navbar-nav li.nav-item.login-name { text-align: left;}

.navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: none;}
.navigation-wrap .head-nav ul li.nav-item { display: block;}

button.navbar-toggler { cursor: pointer; position: fixed; top: 35px; z-index: 99 !important;}
header.fixed button.navbar-toggler { transition: all .25s ease-in-out .25s; top: 20px;}
header .navigation-wrap .navbar .head-main .head-right a { background: none; }
ul.responsive{ display: none;}
.head-right li.nav-item.dropdown.profile-drop { display: block;}
li.nav-item.profile-drop:before{ display: none;}
li.nav-item.profile-drop a.nav-link.profile-btn { width: fit-content;}
 
 
.navbar-expand-lg .navbar-nav li.nav-item.dropdown .dropdown-menu.show {opacity: 1; overflow: visible; visibility: visible; top: 50px;;height: auto;display: inline-block;transition: transform .7s ease-in-out;}

.navbar-expand-lg li.nav-item.login-btn a.nav-link.btn { padding: 0 0 0 !important;}

.dash-wrapp .main-wrapp .inner-head .head-main .head-right .head-nav ul.navbar-nav li.nav-item.login-name { float: left; width: 100%; }



.navigation-wrap .head-main .head-logo {width: auto; max-width: 68%;}

.navbar-expand-lg .navbar-nav li.nav-item.user-name {font-size: 16px;margin: 0 10px 0 15px;line-height: 20px;font-weight: 400;padding-right: 10px;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons img {max-width: 50px !important;}

.navigation-wrap .head-main .head-logo .navbar-brand h2 { font-size: 18px;}


.navbar-expand-lg .navbar-nav.top-menu .goog-te-gadget-simple span a img { width: auto;}

.navigation-wrap .head-main .head-right .head-nav { width: 100%;}

.navbar-expand-lg .navbar-collapse { width: 100%;}

.navbar-expand-lg .navbar-collapse ul.navbar-nav.top-menu-right {margin: 0 0 0 0 !important;width: fit-content;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;flex-direction: row;float: left;}



.dash-wrapp {padding: 60px 0 40px; margin-top: 95px;}

.dash-wrapp .container { max-width: 94%;}

.dash-wrapp.admin-wrapp .sidebar.head-rgt {max-width:280px;width: 29%;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu { font-size: 12px; line-height: 22px; padding: 4px 4% 4px 4%;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu span { padding-left: 3px;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu span.icon-comn { width: 22px; margin: 0 5px 0 0;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li { padding: 8px 2% 8px 5%;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li a { font-size: 11px;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li a span.r-arrow { width: 5px; margin: 4px 13px 0px 7px;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.menu-sub.active-menu:after { right: 3%; width: 10px; height: 6px;}



.dash-wrapp.admin-wrapp .admin-row1 { width: 68%;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 { width: 31%; margin: 0 3.5% 25px 0 !important; padding: 25px 2% 30px;} 

.dash-wrapp .admin-row1 .admin-outer .admin-col1:nth-child(3n) { margin-right: 0 !important;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1:last-child { margin-right: 0 !important;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 h2 { font-size: 16px;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 .admin-boximg img { max-width: 100px; max-height: 75px;}



.dash-wrapp .inner-row1 {width: 78%;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field .form-control { font-size: 11px;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field { width: 49%; margin: 0 0 2% 0;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field:nth-child(2n) { float: right;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .form-control { font-size: 11px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field { width: 50%; margin: 0 0 20px 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.box2 { width: 50%; margin-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.box3 { width: 50%; float: right; margin-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.mr-1 { margin-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field label { font-size: 12px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .col-sm-12.text-field { width: 100%; overflow-y: scroll;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field label { font-size: 12px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .upload-rows.attach .text-field { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row #fixed_date_div.fixed-tabs .form-group .text-fields .text-field { padding-left: 0; width: 50%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .upload-rows .student-table.uplod-tbl { width: 100%; padding: 0; padding-bottom: 10px;}
 
.dash-wrapp .inner-row1 .add-stud-row #fixed_date_div.fixed-tabs .form-group .text-fields { padding-right: 43px;}



.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .col-sm-3.text-field { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .col-sm-9.text-field { width: 100%; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .text-field { width: 44%; padding: 0; margin: 0 3% 20px 0;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .col-1.del-row.text-field { width: 6%; margin-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .col-md-3.text-field { width: 25%;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .col-md-1.text-field { width: 3%;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .col-md-4.text-field { width: 25%;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .col-md-1.add-row.text-field { margin-right: 0; width: 10%;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field #recursive_period_details_div .row .text-field.week-col { width: 100%; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .col-md-3.text-field.new-sec { width: 25%; margin: 0 0 5px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.extra-cols .text-field { margin: 0 0 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.extra-cols { margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check1 .text-field label { margin: 10px 0 10px;}



.dash-wrapp.admin-wrapp .inner-row1 .contacts-row.plan-wrapp .plan-row { width: 100%;}


.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .listus-row { width: 100%;}


.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .col-sm-8.text-field { width: 80%;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-add .col-sm-8.text-field { width: 50%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-add .col-sm-3.text-field { width: 40%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-add .col-sm-1.text-field { width: 10%;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-row1 .col-sm-8.text-field { width: 100%;}


#github img { width: 90px; height: 90px; }


.dash-wrapp.login-wrapp { margin-top: 0;}



.dash-wrapp .inner-row1 .documents-section .doc-wrapp { margin: 0 auto;}

.dash-wrapp .inner-row1 .documents-section .doc-wrapp .listus-row { padding: 0;}


.dash-wrapp .inner-row1 .documents-section .doc-wrapp .upload-box{ padding-left: 0; padding-right: 0;}


.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-col1.view-status-col1 { min-width: 90%;}


.dash-wrapp .left-learning-wrap.course-tab-content .add-stud-row .form-group .text-fields .text-field { width: 100%;}


.ai-inner { max-height: inherit;}


.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-left { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .help-right { width: 100%; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout { flex-wrap: wrap; gap: 0;}


}






@media (max-width:767px) {

header { position: relative;}
header button.navbar-toggler {transition: all .25s ease-in-out .25s;top: 20px;}
header.fixed button.navbar-toggler {top: 18px;transition: all .25s ease-in-out .25s;}
header .navigation-wrap .navbar .head-main .head-right .head-nav button.mobile-toggle.navbar-toggler{ top: 21px; right: 4%;}

body.overlay #navbarNavDropdown ul.top-menu-right li.nav-item { width: 100%; display: block; text-align: left;}
body.overlay #navbarNavDropdown ul.top-menu-right li.nav-item .nav-link { margin: 0; padding: 5px 6px 5px;}
.navbar-expand-lg .navbar-nav li.nav-item .nav-link:after { display: none;}

.navigation-wrap .head-main .head-logo {width: auto; max-width: 72%;}
.navigation-wrap .head-main .head-logo .navbar-brand h2 { font-size: 16px;}
.navigation-wrap .head-main .head-right { width: 50%;}


.navbar-expand-lg .navbar-collapse ul.navbar-nav.top-menu-right { width: 100%;}

header #navbarNavDropdown ul.navbar-nav.ml-auto.mr-auto.mt-2.mt-lg-0 { padding-right: 15px;}

.navbar-expand-lg .navbar-nav li.nav-item.dropdown:hover .dropdown-menu { opacity: 1; height: auto; display: inline-block; transition: transform .7s ease-in-out;}

header .navigation-wrap .navbar .head-main .head-right .navbar-nav.top-menu { mrgin-bottom: 0;}



.dash-wrapp.admin-wrapp .head-rgt .button_container { display: block;}
/* .dash-wrapp.admin-wrapp .sidebar.head-rgt .sibebar-menu .sidebar-wrapp {position: absolute;z-index: 99;margin: 0 0 0;left: -100%;-webkit-transition: all 0.8s;transition: all 0.8s;min-width: 280px;width: 96%;right: 4%;top: 60px;} */
.dash-wrapp.admin-wrapp .sidebar.head-rgt .sibebar-menu .sidebar-wrapp {position: fixed;z-index: 99;margin: 0 0 0;left: -100%;-webkit-transition: all 0.8s;transition: all 0.8s;min-width: 280px;width: 90%;right: 4%;top: 130px;}

.dash-wrapp.admin-wrapp .sibebar-menu { -webkit-transition: all 0.8s; transition: all 0.8s; }
.dash-wrapp.admin-wrapp .sidebar.head-rgt .sibebar-menu.open .sidebar-wrapp { left: 2%; width: 96%; max-height: 75vh; overflow-y: scroll; height: auto; max-width: inherit; padding-top: 0; }
 
.dash-wrapp.admin-wrapp .sidebar.head-rgt .sibebar-menu { width: 96%; margin: 0 auto; float: none;}

.dash-wrapp.admin-wrapp .admin-row1 { width: 100%;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 { width: 48%; margin: 0 0 25px 0 !important; padding: 25px 2% 30px;} 

.dash-wrapp .admin-row1 .admin-outer .admin-col1:nth-child(2n) { margin-left: 4% !important;}


footer .copy-right { padding: 0 15px;}
footer .copy-right p { font-size: 14px;}


.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu {font-size: 14px;line-height: 24px;padding: 5px 5% 5px 5%;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu span.icon-comn {width: 25px;margin: 0 10px 0 0;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li { padding: 8px 3% 8px 5%;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li a {font-size: 14px;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li a span.r-arrow { width: 7px; margin: 3px 17px 0px 10px;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.menu-sub.active-menu:after { right: 4%; width: 12px; height: 7px;}

.dash-wrapp.admin-wrapp .sidebar.head-rgt {max-width: 100%;width: 100%;margin: 0 auto;position: fixed;top: 103px;left: 0;z-index: 999;max-height: inherit;overflow: visible;}

.dash-wrapp.admin-wrapp.fixed .sidebar.head-rgt { top: 100px;}


.dash-wrapp {padding: 15px 0 40px;margin-top: 0;margin-bottom: 10px;}

.dash-wrapp .inner-row1 { width: 100%;}

.dash-wrapp .inner-row1 .student-table td .update-btn { line-height: 12px; font-size: 11px;}

.dash-wrapp .inner-row1 .student-table td .tbl-icon img { max-width:30px; }

.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li { font-size: 14px; margin: 3px 4px 3px 0; padding: 0 7px 0 0;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-toprow ul.inner-links { width: 100%;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-toprow h2 { width: 100%;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-toprow .inner-rightbox { width: 100%; margin: 0 0 20px;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-toprow .inner-rightbox .btn-bal { width: fit-content; padding: 6px 25px;}
 
.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-undobox .inner-rightbox { width: 100%; margin: 0 0 20px;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-undobox .inner-rightbox .btn-bal { width: fit-content; padding: 6px 25px;}


.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head .inner-toprow .inner-rightbox { margin-left: 2%;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head .inner-toprow .inner-rightbox .btn-bal { font-size: 12px; padding: 6px 15px}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head .inner-toprow .inner-rightbox .ai-toggle-btn {font-size: 12px;padding: 4px 15px;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.bill-row { flex-wrap: wrap; width: 50%;}



.add-wrapp.sub-add .btn-print { font-size: 12px; padding: 6px 10px;}

.add-wrapp.sub-add .btn-stud { font-size: 12px; padding: 6px 10px;}

.modalWindow { padding: 25px 15px 25px 15px !important; top: 5%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .delete-btn img { max-width:30px; }


.box-sub-head { margin: 0 0 18px;} 

.box-sub-head.tabs-wrapper ul li.nav-item .nav-link {width: 100%;font-size: 12px;margin: 0 0 0;text-align: center;float: left;line-height: 16px;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}

[data-tooltip]:before { left: 0; right: 0; margin: 0 auto 5px; width: fit-content; min-width: 100px; transform: translateX(-40%); font-size: 12px;}


.box-sub-head.edit-wrapper ul li.nav-item .nav-link {width: 100%;font-size: 12px;margin: 0 0 0;text-align: center;float: left;line-height: 26px;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}


.box-sub-head.edit-wrapper.bulk-list li.nav-item .nav-link { font-size: 11.5px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp ul.payment-tab li.nav-item { width: 49%; display: inline-block; margin: 0 auto 1%}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp ul.payment-tab li.nav-item .nav-link {width: 100%;font-size: 12px;margin: 0 0 0;text-align: center;float: left;line-height: 26px;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edits-rows.reminder-row1 .text-field.new-sec .col-sm-4 { width: 50%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edits-rows.reminder-row1 .text-field.new-sec .col-sm-4 .checkbox { margin: 0 0 20px; font-size: 11px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edits-rows.reminder-row1 .text-field.new-sec .reminder-col1 { padding: 0 0 0 !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edits-rows.reminder-row1 .text-field.new-sec .reminder-col1 .col-sm-6 { width: 100%; margin: 0 0 15px;}





.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.extra-cols.leads-row .text-field.new-sec .row .col-sm-4:first-child { width: 50%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.extra-cols.leads-row .text-field.new-sec .row .col-sm-4 { width: 25%;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .col-sm-6.text-field.new-sec { width: 65%; margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .col-sm-6.text-field.connt-imgrow { width: 30%; margin-left: 5%;}




.dash-wrapp.admin-wrapp .inner-row1 .contacts-row.leads-wrapp .col-sm-6.leads-row1 { width: 100%;}

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row.leads-wrapp .col-sm-6.leads-row2 { width: 100%;}


.dash-wrapp .inner-row1 .contacts-row.listus-wrapp .listus-row .box-sub-head { margin:10px 0 0;}




.dash-wrapp .dash-row1 .box-sub-head.keycode-col h2 { width: 100%; margin-right: 0;}

.dash-wrapp .dash-row1 .box-sub-head.keycode-col .keycode-btn { max-width: 100%; margin-top: 0;}


.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .box-sub-head.keycode-col h2 { width: 100%; font-size: 18px}

.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .box-sub-head.keycode-col .keycode-btn { max-width: 100%; margin-top: 0;}



.modal .modalWrapper .add-stud-row .form-group .text-fields.newclass-row .text-field .checkbox { margin: 0 5% 10px 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.quickbooks-radio .radio-box .checkbox { font-size: 11px; padding-left: 22px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .coupon_limit span { max-width: 50%; margin-bottom: 5px; margin-top: 5px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .student_limit span { max-width: 50%; margin-bottom: 5px; margin-top: 5px;}


.dash-wrapp .inner-row1 .entry-row .form-group.search-box.billing-pay .text-fields .col-sm-9 .col-sm-6.text-field { width: 50%;}

.dash-wrapp .inner-row1 .entry-row .form-group.search-box.billing-pay .col-sm-3.text-field { width: 25%; padding-left: 0;}

.dash-wrapp .inner-row1 .entry-row .form-group.search-box.billing-pay .text-fields .col-sm-12.text-field.new-sec { width: 100%;}



.dash-wrapp .inner-row1 .contract-tem .contract-col1 { width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .email-col1 .email-box1 { width: 60%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .email-col1 .email-box2 { width: 38%; margin-left: 2%;}


.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field.up-tem-table { width: 100%;}




.clien-event-row [data-tooltip]:before { max-width: fit-content; text-align: left; left: 0; right: 0; margin: 0 auto 5px; width: 160px; min-width: 155px; transform: translateX(-50%); font-size: 9px;}

 
.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .col-sm-5.text-field { width: 41.66666667%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .col-sm-2.text-field { width: 16.66666667%;}
 

.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .col-sm-10.text-field.bill-row { width: 80%;}

.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .col-sm-2.text-field.bill-row { width: 20%;}

.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .text-field.bill-row .search-btn.full { width: 100%; }



.dash-wrapp .inner-row1 .entry-row .form-group.search-box .text-fields .col-sm-3.text-field.mt-4 { margin-top: 10px !important;}

.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field { width:fit-content; }

.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field.view-icon-col2 { min-width: 50%; width: 50%; margin: 0 0 0;}

.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field.view-icon-col1 { margin: 0 0 10px;}




.box-sub-head.calendar-tabs .nav.classic-tabs { width: 100%; display: flex; flex-wrap: wrap; align-items: center;}

.box-sub-head.calendar-tabs .nav.classic-tabs li.nav-item { width: fit-content; margin: 0 6px 4px 0; float: left;}

.box-sub-head.calendar-tabs .nav.classic-tabs li.nav-item .nav-link { float: left; display: block; margin: 0 0 0; padding: 4px 10px 4px 10px; font-size: 12px; line-height: 26px;}

 

.box-sub-head.calendar-tabs.viewall-row .view-assign-col .assign-row .btn-assgn-btn { font-size: 12px; line-height: 26px;}

.box-sub-head.calendar-tabs.viewall-row .view-assign-col .assign-row .form-control { font-size: 12px; line-height: 26px;}


.dash-wrapp .inner-row1.view-icons .inner-head .inner-toprow ul.inner-tabs li { margin: 3px 6px 3px 0; padding: 0 0 0 0;}


.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li.view-add .btn { padding: 10px 10px; line-height: 20px;}

.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field .view-calender .permission-btn { padding: 10px 10px; line-height: 20px; margin: 3px 0 3px 0;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .document-row .row.pt-4 { padding: 0 !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .document-row .text-field { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .document-row .col-sm-6.text-field { width: 50%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .document-row .text-field label { min-height: inherit;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer { padding: 20px 10px 70px 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer .add-btn { width: fit-content;}




 .modal.modalWindow.adminbox-open.logonamedesign {min-width: 25vw;max-width: 300px;top: 4rem;padding: 15px 5px 15px 5px !important;left: 10vw;}

.modal .tip-left {top: -40px;left: 18%;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);padding: 22px;}

.modal.modalWindow.adminbox-open .modalWrapper .add-stud-row .form-group .text-fields .text-field h3 { font-size: 13px; margin: 0 0 10px; line-height: 24px;}

.modal.modalWindow .modalWrapper .next-popup { font-size: 12px;}


.modal.modalWindow.adminbox-open.begin-des-pop { width: 100%; min-width: 41vw; max-width: 300px ;top: 12rem;padding: 15px 5px 15px 5px !important; right: inherit;}

.modal .tip-right { top: -41px; left: 18%; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}

.modal.modalWindow.adminbox-open.begin-des-pop .add-stud-row .form-group .text-fields .text-field { padding: 0 5px;}


.modal.modalWindow.adminbox-open.addclass {width: 100%;min-width: 35vw;max-width: 260px;top: 4rem;padding: 15px 5px 15px 5px !important;left: inherit;right: 0;}

.modal.modalWindow.adminbox-open.addclass .tip-right {top: -40px;right: 18%;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);left: inherit;}



.myHeader.fixed .modal.modalWindow.adminbox-open.logonamedesign {top: 60px;left: 10vw;}

.myHeader.fixed .modal.modalWindow.adminbox-open.logonamedesign .tip-left { top: -35px; left: 18%;}


.modal.modalWindow.adminbox-open.classdetail { width: 100%; min-width: 35vw; max-width: 260px; top: 3.5rem; padding: 15px 5px 15px 5px !important; left: inherit; right: inherit;}

.modal.modalWindow.adminbox-open.addinfo { width: 100%; min-width: 35vw; max-width: 260px; top: 3.5rem; padding: 15px 5px 15px 5px !important; left: inherit; right: inherit;}

.modal.modalWindow.adminbox-open.addons { width: 100%; min-width: 35vw; max-width: 260px; top: 3.5rem; padding: 15px 5px 15px 5px !important; left: inherit; right: inherit;}

.modal.modalWindow.adminbox-open.addons .tip-right { left: 14%; top: -39px;}

.modal.modalWindow.adminbox-open.customreg { width: 100%; min-width: 35vw; max-width: 260px; top: 3.5rem; padding: 15px 5px 15px 5px !important; left: 18rem; right: inherit;}

.modal.modalWindow.adminbox-open.customreg .tip-right { left: 6rem; top: -39px;}

.modal.modalWindow.adminbox-open.addons .tip-left { left: 13%; }



.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field.pop-blue { width: 100%;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field.pop-blue .essential-popup-sec-3 { position: relative; width: 110%; margin-left: -6%; margin-right: -4%;}

.modal.modalWindow.popup-video .add-stud-row .form-group .text-fields .text-field.pop-right-box { width: 100%; padding-bottom: 15px;}


.modalWindow .modal-footer button.Savebtn.btn { margin: 5px;}

.modalWindow .modal-footer button.closeBtn.btn { margin: 5px;}



.dash-wrapp .inner-row1 .add-stud-row { padding: 30px 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.uplod-tbl table tr th:first-child, .dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.uplod-tbl table tr td:first-child {padding-left: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.uplod-tbl table tr th:last-child, .dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.uplod-tbl table tr td:last-child {padding-right: 15px;}



.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry { gap: 20px;}

.dash-wrapp .inner-row1 .add-stud-row .masonry-item.masonry-tall .course-card { width: 100%; margin: 0 0 20px;}

.dash-wrapp .inner-row1 .add-stud-row .masonry-item.masonry-tall .course-card:last-child { margin: 0 0 0;}


.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-head {flex-direction: column;align-items: flex-start; }

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-head .order-meta { width: 100%; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-head .order-left { width: 100%; position: relative; display: block; margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-head h4 { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-head p span { display: inline-block;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .view-btn { width: fit-content;}


.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-box .order-footer { margin: 20px 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-box .order-footer .Pay-btn { margin: 0 5px 10px 0;}

.dash-wrapp .inner-row1 .add-stud-row .my-orders-section .order-box .order-footer .cancel-btn { margin: 0 0 10px 0;}



.dash-wrapp.login-wrapp .login-signup-section { min-height: auto !important;}

.dash-wrapp.login-wrapp .login-signup-section .row.full-height { min-height: auto;}

.dash-wrapp.login-wrapp .login-signup-section .row.full-height .full-height.login-left-side { min-height: inherit; padding-top: 60px; padding-bottom: 60px;}

.dash-wrapp.login-wrapp .login-signup-section .row.full-height .login-right-side.full-height { min-height: auto; padding-top: 60px; padding-bottom: 60px;}

.dash-wrapp.login-wrapp .login-left-side .company-logo img { max-width: 200px;}


.dash-wrapp.login-wrapp .login-signup-section .login-form { flex: 0 0 100%;}


.dash-wrapp.login-wrapp .full-height { min-height: auto;}

.dash-wrapp.login-wrapp.no-sidebar .login-left-side .company-logo { position: relative; left: 0; top: inherit; transform: inherit;}

.dash-wrapp.login-wrapp.no-sidebar .login-right-side .login-form { position: relative; left: 0; top: inherit; transform: inherit;}
 
.dash-wrapp.login-wrapp.no-sidebar .login-right-side .full-height { margin: 0 auto;}


.instructor-wrapp .instructor-row .instructor-image { width: 100%; max-width: 100%; margin: 0 auto 25px;}

.instructor-wrapp .instructor-row .instructor-image img { margin: 0 auto;}

.instructor-wrapp .instructor-row .instructor-text { width: 100%; text-align: center; padding: 0;}

.instructor-wrapp .instructor-row .instructor-text .profile-list { width: 100%; text-align: left; }

.instructor-wrapp .instructor-row .social-links { justify-content: center;}



.dash-wrapp .inner-row1 .add-stud-row .course-card .course-image { height: 43.5vw; max-height: 45vw;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .masonry-boxs .course-image { height: 41.5vw; max-height: 45vw;}


.dash-wrapp .inner-row1 .add-stud-row .busi-wrapp { padding: 0;}



.modal.aidigital-wrapp .dash-wrapp.admin-wrapp .inner-row1 .tabcontent { padding: 20px 0;}

.modal.aidigital-wrapp .dash-wrapp.admin-wrapp .inner-row1 .tabcontent .quiz-ai { padding: 0 5px;}

.modal.aidigital-wrapp .inner-row1 .add-stud-row.ai-tabs { padding: 0;}



.dash-wrapp .inner-row1 .add-stud-row.ai-tabs .form-group .text-fields .text-field .send-btn { font-size: 12px;}





.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .feature-grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .feature-grid .feature-card { width: 49%; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .tab-panel .ai-tab-content .add-stud-row { padding: 25px 15px 0;}

.dash-wrapp .inner-row1 .add-stud-row.aitutor-tabs .help-layout .clear-chat-btn { font-size: 12px;}







.left-learning-wrap.course-tab-content .discussion-header .discussion-header-btns { margin: 0 0 0 5px; width: fit-content; float: right; justify-content: flex-end;}

.left-learning-wrap.course-tab-content .discussion-header-btns .btn-outline { font-size: 12px; margin: 0 0 5px; width: 100%;}

.left-learning-wrap.course-tab-content .discussion-header-btns .btn-primary { font-size: 12px; width: 100%;}

.left-learning-wrap.course-tab-content .discussion-header > div { width: -webkit-fill-available;}

.left-learning-wrap.course-tab-content .discussion-tabs { width: 100%; max-width: 100%; margin: 0 0 15px;}

.left-learning-wrap.course-tab-content .discussion-filters { justify-content: flex-end; max-width: 100%; margin: 0 0 0 auto;}

.left-learning-wrap.course-tab-content .discussion-tabs .discussion-tab { margin: 0 2% 0 0; padding: 0 5px 10px 5px;}


.dash-wrapp .inner-row1 .add-stud-row.discussion-probar .progress-grid .progress-wrap { flex-wrap: wrap;}


}






@media (max-width:575px) {


header .navigation-wrap .navbar .head-main .head-right .navbar-nav.top-menu { margin-bottom: 15px;}
 
.main-content-dashboard .kpi-grid {width: 100%; display: flex; flex-wrap: wrap; position: relative; justify-content: space-between;}
 
 
.main-content-dashboard .card-box.card-1 {width: 47% !important; margin-top: 10px !important;}
 

.card-1 {width: 31% !important; margin-right: 10px !important;}
.card-0 {width: 31% !important; margin-right: 0px !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox { font-size: 10px; padding-left: 21px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg .col-sm-6.text-field .col-sm-6 { margin: 0 0 20px;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field .row .col-sm-6 .calender-input { margin: 0 0 20px;}

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .student-table.contacts-list .stud-table tr td .text-field { margin: 0 0 15px;}

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row .add-stud-row.update-row .form-group .text-fields .text-field .add-btn { padding: 6px 30px 6px 30px; margin: 0 5px 0 0;} 


.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field label { min-height: inherit;}

.dash-wrapp .inner-row1 .client-add .btn-client { font-size: 14px;}

.dash-wrapp .inner-row1 .client-add.grade-row .btn-client { margin-left: 15px;}

.dash-wrapp .inner-row1 .client-add.grade-row .btn-client i { padding: 9px 12px 8px 12px; line-height: 13px; font-size: 10px; margin: 0 10px 0 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .cost-row .col-sm-6.pl-0 { padding-left: 0; padding-right: 0; margin: 0 0 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .cost-row .col-sm-6.pr-0 { padding-left: 0; padding-right: 0;}

 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .col-sm-6.text-field.new-sec { width: 100%; margin: 0 0 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .col-sm-6.text-field.connt-imgrow { width: fit-content; margin-left: 0; float: left;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .connect-email .form-control {max-width: 60%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .connect-email .add-btn { width: 150px;}


 
.modal .modalWrapper .add-stud-row .form-group .text-fields .col-sm-10.text-field { width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .video-popup { float: left; margin: 13px 0 5px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .form-tip.connect-col1 h6 .disconnect-box { justify-content: flex-start;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .form-tip.connect-col1 h6 .disconnect-box .badge { margin-bottom: 5px; margin-top: 13px;}



.dash-wrapp .inner-row1 .entry-row .form-group.search-box.billing-pay .col-sm-3.text-field { width: 100%; padding-left: 15px;}

.dash-wrapp .inner-row1 .entry-row .form-group.search-box.billing-pay .text-fields .search-btn { width: fit-content;}

.dash-wrapp .inner-row1 .entry-row .form-group.search-box.billing-pay .text-fields .col-sm-12.text-field.new-sec { width: 100%;}



.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .col-sm-6.invo-box1 { width: 50%;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .col-sm-6.invo-box2 { width: 50%;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-box1 p { font-size: 12px; line-height: 22px;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-box2 p { font-size: 12px; line-height: 22px;}

.dash-wrapp .inner-row1 .add-stud-row .view-invo-row2 .invo-contents p { font-size: 13px; line-height: 24px;}



.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs.email-tabs li { font-size: 13px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .email-col1 .email-box1 { width:100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .email-col1 .email-box2 { width: 100%; margin-left: 0%;}
 

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .common-table .stud-table { min-width: 360px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .remove-btn { margin: 0 0 10px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .col-sm-5.text-field { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .col-sm-2.text-field { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .col-sm-12.text-field.event-message label.checkbox { font-size: 12px; }

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .col-sm-2.text-field label { text-align: center !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.sms-radio .checkbox { margin: 5px 5% 10px 0; }




.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .col-sm-10.text-field.bill-row { width: 100%;}

.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .col-sm-2.text-field.bill-row { width: 100%;}

.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .text-field.bill-row .search-btn.full { width: fit-content; padding: 6px 25px;}

.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .text-field.bill-row label { width: 100%; display: block; max-width: 100%; font-size: 13px;}

.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .text-field.bill-row .form-control { width: 49%; margin: 5px 2% 5px 0;}

.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .text-field.bill-row select.form-control { margin-right: 0;}



.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field .view-calender label { font-size: 12px;}



.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field .view-calender .permission-btn { padding: 10px 5px;}

.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field .view-calender { margin-left: 0; width: 100%; }



.dash-wrapp .dash-row1 .box-sub-head.keycode-col.quiz-head h2 { width: 100%;}

.dash-wrapp .dash-row1 .box-sub-head.keycode-col.quiz-head .quiz-head-btn { width: 100%;}


.dash-wrapp .dash-row1 .box-sub-head.keycode-col.visitior-box1 .visitior-quiz { width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row.vistor-col1 .view-invo-row2 .invoice-head h2 { font-size: 16px; line-height: 24px;}



.modal .modalWrapper .add-stud-row .form-group .text-fields .text-field#reason_list {max-width: 80%;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .add-wrapp.sub-add {max-width: 20%;width: 100%;}

.modal .modalWrapper .add-stud-row .form-group .text-fields .add-wrapp.sub-add .add-btn { padding-left: 5px; padding-right: 5px; width: 100%;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .sing-file .col-sm-3 { padding: 0 12px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .sing-file .add-atten-btn { width: fit-content; font-size: 14px; padding: 6px 25px 6px 25px; margin: 20px auto 10px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form .edit-row .form-group.add-box .text-fields .text-field.tabsfooter .cancel-btn { width: fit-content; display: block; margin: 0 auto; float: none; padding: 6px 25px 6px 25px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form .edit-row .form-group.add-box .text-fields .text-field.tabsfooter .add-atten-btn { width: fit-content; margin: 0 auto 15px; float: none; display: block; padding: 6px 25px 6px 25px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.cancel-account form .edit-row .form-group.add-box .text-fields .text-field.tabsfooter { display: block;}



.modal.modalWindow.adminbox-open.logonamedesign {max-width: 260px;}


.modal.modalWindow.adminbox-open.begin-des-pop { min-width:80vw; max-width: 260px ; left: 2%;}
 
 
.modal.modalWindow.adminbox-open.addons { right: inherit; left: 12rem;}

.modal.modalWindow.adminbox-open.addons .tip-left { left: 10vw;}
 

.modal.modalWindow.adminbox-open.customreg { right: inherit; left: 12rem;}

.modal.modalWindow.adminbox-open.customreg .tip-right { left: 18vw;}


 
.main-content-dashboard .card-box.card-1 {width: 50%;float: left; margin-bottom: 10px;}
.main-content-dashboard .card-box.card-2 {width: 50%;float: left; margin-bottom: 10px;}
.main-content-dashboard .card-box.card-3 {width: 50%;float: left; margin-bottom: 10px;} 

 
 
.main-dashboard-grid .grid-column.grid-column-left { width: 100%;}

.main-dashboard-grid .grid-column.grid-column-middle {width: 100%;padding-top: 15px;}

.main-content-dashboard .kpi-grid .card-box.card-1 { width: 100% !important; margin: 15px 0 0 0 !important;}
 
.main-dashboard-grid .grid-column .refunds-card .refund-container { width: 49%;}

.main-content-dashboard .kpi-grid .card-box.card-1 { width: 100% !important; margin: 15px 0 0 0 !important;}

.main-content-dashboard .leads-wrapp { display: flex;}

.main-content-dashboard .leads-wrapp .leads-card { width: 100%;}

.main-dashboard-grid .grid-column-status { margin-bottom: 0 !important; margin-top: 0 !important;}

.main-dashboard-grid .grid-column-status .card { width: 100% !important; margin-right: 0 !important; margin-top: 15px !important; height:auto; }

.main-dashboard-grid .grid-column-status .card.card-1 { margin-right: 0 !important; height: auto;}

.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row .performing-box { margin: 0 0 0 0;}


.main-dashboard-grid .grid-column-bottom .bottom-wrapp table {min-width: 550px;}
 

.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row .performing-box .card .dt-container, 
.main-dashboard-grid .grid-column-bottom .bottom-wrapp.row .watchlist-box .card .dt-container { width: 100%; overflow-x: auto;}
 
.main-dashboard-grid .grid-column-bottom .bottom-wrapp .classes-box .dt-container { width: 100%; overflow-x: auto;}



 .dash-wrapp .inner-row1 .add-stud-row .course-list-view .course-card .course-image { width: 100%; margin: 0 0 0; max-width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .course-list-view .course-card .course-col1 { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .course-list-view .course-card .course-col1 .course-body { padding:15px 0; }


.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .shortcuts-grid { grid-template-columns: repeat(2, 1fr);}
.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .shortcut-item { padding: 15px 5px;}



.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col1 .review-avatar { width: 100%; margin: 0 auto 15px;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col1 .review-content { width: 100%; text-align: center;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col1 .review-content .review-stars { text-align: center; float: none;}

.dash-wrapp .inner-row1 .add-stud-row.review-wrapp .review-col1 .review-avatar img { max-width: 150px;}

.instructor-wrapp .instructor-row .instructor-image .instructor-pro { max-width: 80px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.full-width { flex-wrap: wrap;}


.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-col1.view-status-col1 { min-width: 98%;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-col1 .view-status-box { font-size: 16px;}

.dash-wrapp .inner-row1 .add-stud-row .view-status-row1 .view-status-col1 .view-status-box1 { font-size: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .masonry-boxs .course-image { height: 38.5vw; max-height: 45vw; }


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .coupon-outer .form-control { width: 100%; float: left; height: 33px; min-width: inherit;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .apply-btn { width: fit-content; float: left; margin: 15px 0 0; font-size: 13px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .coupon-outer { flex-wrap: wrap;}


.dash-wrapp .inner-row1 .add-stud-row .view-status-row1.action-row .text-fields .text-field .form-control { width: 100%; min-width: inherit;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter .btn { font-size: 11px; padding: 10px 15px 10px 15px;}



.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions{ width: 45%;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat { width: 55%;}


.dash-wrapp .inner-row1 .inner-col1 h2 { font-size: 22px;}


.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head .inner-toprow .inner-rightbox { width: 100%;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head .inner-toprow .inner-rightbox .btn-bal { font-size: 11px; padding: 8px 15px;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head .inner-toprow .inner-rightbox .ai-toggle-btn {font-size: 11px;padding: 4px 15px;}




.modal.aidigital-wrapp .dash-wrapp.admin-wrapp .box-sub-head.ai-boxsub { margin: 0 0 0;}

.modal.aidigital-wrapp .dash-wrapp.admin-wrapp .box-sub-head.ai-boxsub .tablinks { margin: 0 0 0; font-size: 12px; width: 100%; padding: 10px 5px; line-height: 16px; height: auto;}

.modal.aidigital-wrapp .dash-wrapp.admin-wrapp .box-sub-head.ai-boxsub li { width: 49%; margin: 0 auto 10px;}

.modal.aidigital-wrapp .dash-wrapp.admin-wrapp .inner-row1 .tabcontent { padding: 20px 0;}

.modal.aidigital-wrapp .dash-wrapp.admin-wrapp .inner-row1 .tabcontent .quiz-ai { padding: 0 5px;}

.dash-wrapp .inner-row1 .box-sub-head.ai-boxsub ul.inner-tabs li .tablinks { font-size: 12px; padding: 10px 15px; line-height: 16px; height: auto;}



 


.left-learning-wrap.course-tab-content .discussion-header > div { width: 100%;}

.left-learning-wrap.course-tab-content .discussion-header { flex-wrap: wrap;}

.left-learning-wrap.course-tab-content .discussion-header .discussion-header-btns { width: 100%; margin: 5px 0 0;}

.left-learning-wrap.course-tab-content .discussion-header-btns .btn-outline { width: 49%; margin: 0 1% 10px 0;}

.left-learning-wrap.course-tab-content .discussion-header-btns .btn-primary { width: 49%; margin: 0 0 10px 1%;}

.left-learning-wrap.course-tab-content .discussion-tabs .discussion-tab { width: fit-content; margin: 0 0 5px; padding: 0 5px 0px 5px;}

.left-learning-wrap.course-tab-content .discussion-tabs { gap: 5px;}

.left-learning-wrap.course-tab-content .discussion-table-header { display: none;}
 

.left-learning-wrap.course-tab-content .col-topic { width: 100%; padding: 0 0 10px;}

.left-learning-wrap.course-tab-content .discussion-row { flex-wrap: wrap; gap: 9px; justify-content: space-between;}

.left-learning-wrap.course-tab-content .discussion-row .topic-left .topic-cont { width: 100%;}
 
.left-learning-wrap.course-tab-content .discussion-row .col-replies { width: fit-content;}

.left-learning-wrap.course-tab-content .discussion-row .col-views { width: fit-content;}

.left-learning-wrap.course-tab-content .col-activity { width: fit-content;}

.left-learning-wrap.course-tab-content .more-menu { width: fit-content;}

.left-learning-wrap.course-tab-content .discussion-row .col-replies:before { content: "Replies"; display: block; font-weight: 600; position: relative; font-size: 12px; line-height: 18px; color: #252525; margin: 0 0 5px;}

.left-learning-wrap.course-tab-content .discussion-row .col-views:before { content: "Views"; display: block; font-weight: 600; position: relative; font-size: 12px; line-height: 18px; color: #252525; margin: 0 0 5px;}

.left-learning-wrap.course-tab-content .discussion-row .col-activity:before { content: "Activity"; display: block; font-weight: 600; position: relative; font-size: 12px; line-height: 18px; color: #252525; margin: 0 0 5px;}

.left-learning-wrap.course-tab-content .discussion-row .col-activity span { font-size: 11px; line-height: 14px;}

.left-learning-wrap.course-tab-content .discussion-row .col-activity span.top-by { font-size: 11px; margin-top: 2px;}

.left-learning-wrap.course-tab-content .initial-post-card { width: 100%; flex-wrap: wrap;}

.left-learning-wrap.course-tab-content .initial-post-card .disc-create { width: 100%; margin: 20px 0 0; text-align: center;}


 
.left-learning-wrap.course-tab-content .reply-row .discussion-replies { padding: 15px 10px 15px 10px;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box { padding: 10px 10px 10px 10px; width: 100%; flex: auto;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box .comment-header { gap: 10px; font-size: 12px;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item { gap: 5px; flex-wrap: wrap;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box .student-badge { font-size: 11px; padding: 3px 8px;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box .child-comment { gap: 5px; margin-top: 20px; padding-left: 10px;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box a { font-size: 12px;}

.left-learning-wrap.course-tab-content .reply-row .discussion-replies .comment-item .comment-box .comment-box { padding: 10px 5px 10px 10px;}



}




 

@media (max-width:480px) {

header #navbarNavDropdown {width: 100%;padding: 0 3%;}
.navbar-expand-lg .navbar-collapse .mobile-logo {width: 225px;left: 3%;}
header .navigation-wrap .navbar .head-main .head-right .head-nav button.mobile-toggle.navbar-toggler {right: 17px;top: 20px;} 
.navigation-wrap .head-main .head-logo { width: auto; max-width: 78%;}
.navigation-wrap .head-main .head-right {width: 20%;}

.navbar-expand-lg .navbar-nav li.nav-item.user-name { font-size: 16px; margin: 0 6px 0 0; padding-right: 6px;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons img {width: 100%;max-width: 36px !important;}

.navbar-expand-lg .navbar-nav li.nav-item.user-name span { padding-left: 3px;}

.navigation-wrap .head-main .head-logo .navbar-brand img { max-height: 45px; max-width: 110px;}

.navigation-wrap .head-main .head-logo .navbar-brand h2 { font-size: 15px;}


.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field { width: 100%; margin: 0 0 10px 0;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field:nth-child(2n) { margin-left: 0; float: right;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field .search-btn { margin: 5px 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field { width: 100%; margin: 0 0 20px 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field:nth-child(2n) { margin-left: 0; float: right;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.box2 { width: 100%; margin-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.box3 { width: 100%; float: right; margin-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .add-btn { width: fit-content; padding: 6px 10px 6px 10px; margin-right: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .cancel-btn { width: 110px; padding: 6px 10px 6px 10px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .add-atten-btn { padding: 6px 10px 6px 11px; margin-right: 10px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.wfull { margin: 10px 0 5px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox { font-size: 12px; }

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field label { min-height:inherit; }


.add-wrapp.sub-add { position: relative; top: -10px; left: 0; right: 0; float: right; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.bill-row { width: 100%;}


.box-sub-head.tabs-wrapper ul li.nav-item { width: 50%; display: inline-block;}

.box-sub-head.edit-wrapper ul li.nav-item { width: 50%; display: inline-block;}


.dash-wrapp .inner-row1 .box-sub-head ul.inner-tabs li { font-size: 13px;}




.dash-wrapp .inner-row1 .add-stud-row #fixed_date_div.fixed-tabs .form-group .text-fields .text-field { width: 100%; padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row #fixed_date_div.fixed-tabs .form-group .text-fields { padding-right: 0; justify-content: flex-end;}

.dash-wrapp .inner-row1 .add-stud-row .fixed-tabs .form-group .text-fields .add-wrapp.sub-add { float: right; margin: 0 0 15px;}



.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .text-field { width: 100%; padding: 0; margin: 0 0 20px 0;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .col-1.del-row.text-field {width: fit-content;margin-right: 0;float: right;right: 0;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .col-md-3.text-field {width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .col-md-1.text-field {width: 100%;margin: -13px 0 5px 0;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .col-md-4.text-field {width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .col-md-1.add-row.text-field {margin-right: 0;width: fit-content;margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field #recursive_period_details_div .row .text-field.week-col { width: 100%; margin: 0 0 10px;}

.dash-wrapp .inner-row1 .add-stud-row #recursive_date_div .form-group.add-box .text-fields .text-field .row .col-md-3.text-field.new-sec {width: 50%;margin: 0 0 5px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg .upload-rows1 .add-btn-col .addon-btn { font-size: 12px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .send-btn { margin:0 0 0; }
 


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check .col-sm-4.text-field { width: 70%; padding-right: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check .col-sm-8.text-field { width: 25%; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check .text-field .checkbox { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check .text-field .checkbox .checkmark { position: relative;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.extra-cols .col-sm-4.text-field { width: 70%; padding-right: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.extra-cols .col-sm-1.text-field { width: 25%; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.extra-cols .col-sm-1.text-field .checkmark { position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.extra-cols .col-sm-1.text-field .checkbox { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.extra-cols .col-sm-4.text-field.pr-1 { width: 100%; padding-right: 0; margin: 0 0 10px;}





.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .add-stud-row.buslogo-row .form-group .text-fields .text-field .add-btn { width: 110px; padding: 6px 15px 6px 15px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check1 .col-sm-4.text-field { width: 70%; padding-right: 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check1 .col-sm-2.text-field { width: 25%; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check1 .text-field .checkbox { padding: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check1 .text-field .checkbox .checkmark { position: relative;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows .col-sm-4.text-field { padding-right: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows .text-field label { margin: 0 0 5px;}

 .dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edit-check .text-field label { margin: 0 0 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .Keycode-rows .text-field label { margin: 0 0 5px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.leads-row .row { width: auto; padding: 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.extra-cols.leads-row .text-field.new-sec .row .col-sm-4 { width: 50%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.extra-cols.leads-row .text-field.new-sec .row .col-sm-4:first-child { width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .connect-booknow .form-control { width: 100%; max-width: 100%; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .col-sm-4.text-field.new-sec { width: 250px; max-width: 580px; float: left; margin: 0 15px 20px 0}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .col-sm-6.text-field.new-sec { width: 100%; margin: 0 0 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .col-sm-6.text-field.connt-imgrow { width: fit-content; margin-left: 0; float: left;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .connect-email .form-control { width: 100%; max-width: 100%; margin: 0 0 15px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .connect-email .add-btn { width: fit-content;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.payment_setting .text-field .radio-box .checkbox { width: 48%;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quick-fields .col-sm-6 { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.quick-fields .col-sm-6:nth-child(2n) { margin-left: 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.quickbooks-radio .radio-box .checkbox { font-size: 12px; width: 100%; margin: 7px 0 7px; padding-left: 25px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .blue-wrapp .add-stud-row.update-row .click-btn p { font-size: 12px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box label.checkbox { max-width: 48%; margin-right: 4%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .discount-col1 { max-width: 45%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .coupon_limit { max-width: 48%; margin-right: 4%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .coupon_limit span { width: 100%; max-width: 100%; margin-right: 0; margin-top: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .coupon_limit input { max-width: 100%; width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .student_limit { max-width: 48%; margin-right: 4%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .student_limit span { width: 100%; max-width: 100%; margin-right: 0; margin-top: 10px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .student_limit input { max-width: 100%; width: 100%;}
 
.dash-wrapp .inner-row1 .entry-row .form-group.search-box.billing-pay .text-fields .col-sm-9 .col-sm-6.text-field { width:100%; }




.box-sub-head.edit-wrapper.bulk-list { margin: 0 0 5px;}

.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .add-stud-row .form-group .text-fields .text-field .add-atten-btn { margin: 5px 5px 5px 0;}

.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .add-stud-row .form-group .text-fields .text-field .cancel-btn { margin: 5px 0 5px 0;}



.dash-wrapp .inner-row1 .cls-reg.tab-pane.bulk-wrapp .add-stud-row .form-group .text-fields .inform-col.business-row1 .col-sm-8.text-field { width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.external-profile { margin: 0 0 20px 0;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.external-row .view-file { float: left; margin-top: 20px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box.external-row .view-file .view-btn { float: left;}



.dash-wrapp .inner-row1.view-icons .inner-col1 ul.inner-tabs li a i { font-size: 28px; display: block; width: 26px; height: 28px; margin: 0 auto;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-add .col-sm-8.text-field { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-add .col-sm-3.text-field { width: 80%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-add .col-sm-1.text-field { width: 20%;}




.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-row1 .col-sm-8.text-field { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-row1 .col-sm-8.text-field .goal-box { width: 100%; padding: 15px !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-row1 .col-sm-8.text-field .goal-box:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.goal-row1 .col-sm-8.text-field .goal-box:nth-child(2) { border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .document-row .col-sm-6.text-field { width: 100%;}
 
.dash-wrapp .inner-row1 .certivicate-warpp .addon-btn { margin-top: 0;}



.modal.modalWindow.adminbox-open.addinfo { right: 0;}

.modal.modalWindow.adminbox-open.addinfo .tip-left { left: 8rem;}


.modal.modalWindow.adminbox-open.addons { left: inherit; top: 108%; }


.modal.modalWindow.adminbox-open.customreg {right: 1rem;left: inherit;top: 6rem;}

.modal.modalWindow.adminbox-open.customreg .tip-right {left: inherit;right: 4rem;}
 

.discussions { width: 100%; height: auto;}

.desc-contact { width: 80%;}

.chat { width: 100%;}

.footer-chat { width: 100%;}

/*.discussions #visitorchat_div {height: 300px;}*/

.chat .messages-chat{ padding-bottom: 70px; }
 
 
.card-1 {height: auto; width: 100% !important; margin-right: 0px !important;}
.card-0 {height: auto; width: 100% !important; margin-right: 0px !important;} 


.dash-wrapp .inner-row1 .add-stud-row .course-card .masonry-boxs .course-image { height: 37.5vw; max-height: 45vw;}


.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .discussions{ width: 100%; min-height: inherit;}

.dash-wrapp .inner-row1.exter-chat-row .chat-wrapp .chat { width: 100%;}


.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head h2 { width: 100%;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head .inner-toprow { width: 100%; margin: 0 0 15px;}




.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head .assess-head { width: 100%;}

}


 



@media (max-width:375px) {

.box-sub-head.edit-wrapper.bulk-list li.nav-item .nav-link {font-size: 10.5px;line-height: 26px;padding: 4px 5px;}


.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field.view-icon-col2 { width: fit-content;}

.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field .view-calender .permission-btn { padding: 10px 10px;}

.dash-wrapp .inner-row1.view-icons .inner-col1 .inner-head .inner-toprow .text-fields .text-field .view-calender { margin-left: 0; width: 100%; justify-content: flex-start;}

.main-content-dashboard .card-box.card-1 { width: 100% !important; margin-top: 10px !important;}
.main-content-dashboard .card-box.card-2 { width: 100% !important; margin-top: 10px !important;}
.main-content-dashboard .card-box.card-3 { width: 100% !important; margin-top: 10px !important;} 

}


@media (min-width:992px) {
.navigation-wrap .head-main .head-right .head-nav .mobile-logo { display: none;}

.navbar-expand-lg .navbar-nav li.nav-item.dropdown:hover .dropdown-menu {opacity: 1;height: auto;display: inline-block;transition: transform .7s ease-in-out;}
 
.navbar-expand-lg .navbar-nav li.nav-item.dropdown:hover ul.dropdown-menu { opacity: 1; overflow: visible; visibility: visible; top: 45px;}




}


@media (min-width:768px) {
/*.dash-wrapp.admin-wrapp.myHeader1.fixed .sidebar.head-rgt { position: fixed; z-index: 9; top: 115px; transition: all 1.8s; animation: slide-down 1.8s; max-width: 300px;}*/

.dash-wrapp.admin-wrapp .admin-row1 {float: right;/* margin-left: 25vw; */position: relative;bottom: 0;margin-bottom: 70px;}
.dash-wrapp.admin-wrapp .inner-row1 {float: right;/* margin-left: 25vw; */position: relative;bottom: 0;margin-bottom: 0;}

/*.dash-wrapp.admin-wrapp.myHeader1.fixed .sidebar.head-rgt { max-height: 70vh; overflow: hidden; overflow-y: scroll; padding-bottom: 0px;}*/
.dash-wrapp.admin-wrapp.myHeader1.fixed .sidebar.head-rgt {/* bottom:150px; *//* top:inherit; */}

 

}


@media (min-width:1601px) {
.dash-wrapp.admin-wrapp .admin-row1 {/* margin-left: 21.4vw; */}
.dash-wrapp.admin-wrapp .inner-row1 {/* margin-left: 21.4vw; */}
}



@media only screen and (min-height:700px) and (max-height:900px) {
 .dash-wrapp.admin-wrapp { min-height: 80vh;}

}

@media only screen and (min-height:901px) and (max-height:1200px) {
 .dash-wrapp.admin-wrapp { min-height: 88vh;}


}

@media only screen and (min-height:400px) and (max-height:600px) {

footer { position:relative; }

}


@media only screen and (min-height:0px) and (max-height:800px) {

footer.scroll { position: relative;}
 

}

@media only screen and (max-width:767px) and (max-height:700px) {

footer { position:relative; }

}


@media only screen and (min-width:901px) and (max-width:991px) {
.box-sub-head.tabs-wrapper ul li.nav-item .nav-link { padding: 10px 14px;}
 
 

}
 


@media only screen and (min-width: 768px) and (max-width: 900px) { 
 

.modal.modalWindow.adminbox-open.customreg {width: 100%;min-width: 35vw;max-width: 260px;top: 20px;padding: 15px 5px 15px 5px !important;left: 10rem;right: inherit;}

.modal.modalWindow.adminbox-open.customreg .tip-right {transform: rotate(135deg);-webkit-transform: rotate(135deg);right: inherit;left: -30px;top: 15%;}
}



@media only screen and (min-width:768px) and (max-width:991px) {

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .radio-box .checkbox { font-size: 10px; padding-left: 21px;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li { font-size: 14px; margin: 0 4px 5px 0; padding: 0 7px 0 0;}

.dash-wrapp .inner-row1 .inner-col1 ul.inner-tabs li:after { width: 2px;}


.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-toprow .inner-rightbox .btn-bal { font-size: 12px;}

.dash-wrapp .inner-row1 .inner-col1 .inner-head .inner-undobox .inner-rightbox .btn-bal { font-size: 12px;}


.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head .inner-toprow .inner-rightbox .btn-bal { font-size: 11px;}

.dash-wrapp .inner-row1 .inner-col1.view-newhead .inner-head.view-head .inner-toprow .inner-rightbox .ai-toggle-btn { font-size: 11px;}


.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.bill-row { flex-wrap: wrap; width: 50%;}



.add-wrapp.sub-add .btn-print { font-size: 12px; padding: 6px 10px;}

.add-wrapp.sub-add .btn-stud { font-size: 12px; padding: 6px 10px;}


.dash-wrapp.admin-wrapp .sidebar.head-rgt {max-width:260px;width: 20%;}

.dash-wrapp .sidebar-wrapp { max-width: 23%;}

.dash-wrapp .inner-row1 {width: 76%;}
 
.dash-wrapp.admin-wrapp.myHeader1.fixed .sidebar.head-rgt{max-width:260px;width: 19%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter .add-btn {width: fit-content;min-width: 130px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field.tabsfooter .cancel-btn { width: fit-content; min-width: 130px;}


[data-tooltip]:before { left: 0; right: 0; margin: 0 auto 5px; width: fit-content; min-width: 100px; transform: translateX(-40%); font-size: 12px;}




.dash-wrapp .inner-row1 #recursive_date_div.fixed-tabs .form-group.add-box .text-field .radio-box .checkbox { width: 25%;} 


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields.cls-reg.tab-pane .text-field.option-wrapp .radio-box .checkbox { font-size: 11px; margin-right: 5%;}

 

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edits-rows.reminder-row1 .text-field.new-sec .col-sm-4 { width: 50%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edits-rows.reminder-row1 .text-field.new-sec .col-sm-4 .checkbox { margin: 0 0 20px; font-size: 11px;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edits-rows.reminder-row1 .text-field.new-sec .reminder-col1 { padding: 0 0 0 !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .edits-rows.edits-rows.reminder-row1 .text-field.new-sec .reminder-col1 .col-sm-6 { width: 100%; margin: 0 0 15px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .col-sm-6.text-field.new-sec { width: 65%; margin: 0;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .connect-rows .col-sm-6.text-field.connt-imgrow { width: 30%; margin-left: 5%;}



.dash-wrapp.admin-wrapp .inner-row1 .contacts-row.leads-wrapp .student-table .stud-table { min-width: 400px;} 

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row.leads-wrapp .col-sm-6.leads-row1 { width: 100%;}

.dash-wrapp.admin-wrapp .inner-row1 .contacts-row.leads-wrapp .col-sm-6.leads-row2 { width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .coupon_limit span { max-width: 50%; margin-bottom: 5px; margin-top: 5px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .discount-row2 .text-field .radio-box .student_limit span { max-width: 50%; margin-bottom: 5px; margin-top: 5px;}


 .dash-wrapp .inner-row1 .entry-row .form-group.search-box.billing-pay .text-fields .col-sm-9 .col-sm-6.text-field { width: 50%;}

.dash-wrapp .inner-row1 .entry-row .form-group.search-box.billing-pay .col-sm-3.text-field { width: 25%; }

.dash-wrapp .inner-row1 .entry-row .form-group.search-box.billing-pay .text-fields .col-sm-12.text-field.new-sec { width: 100%;}



.dash-wrapp .inner-row1 .contract-tem .contract-col1 { width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .email-col1 .email-box1 { width: 60%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .text-field .email-col1 .email-box2 { width: 38%; margin-left: 2%;}

.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field.up-tem-table { width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .text-fields .col-sm-12.text-field.event-message label.checkbox { font-size: 12px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .col-sm-5.text-field { width: 41.66666667%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .col-sm-2.text-field { width: 16.66666667%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group.setting-col1 .sett-client-row1 .radio-box .checkbox { font-size: 12px;}



.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .text-field.bill-row { width: 100%;}

.dash-wrapp .inner-row1 .entry-row.event-setting .form-group .text-fields .text-field.bill-row .search-btn.full { width: fit-content; padding: 6px 25px;}
 


.box-sub-head.calendar-tabs .nav.classic-tabs li.nav-item .nav-link { font-size: 12px;}

.box-sub-head.calendar-tabs .nav.classic-tabs li.nav-item { margin: 0 4px 0 0;}

.box-sub-head.calendar-tabs.viewall-row .view-assign-col .assign-row .btn-assgn-btn { font-size: 12px;}

.box-sub-head.calendar-tabs.viewall-row .view-assign-col .assign-row .form-control { font-size: 12px;}



.dash-wrapp .inner-row1 .add-stud-row .form-group .document-row .row.pt-4 { padding: 0 !important;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .document-row .text-field { width: 100%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .document-row .col-sm-6.text-field { width: 50%;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .document-row .text-field label { min-height: inherit;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer { padding: 20px 10px 70px 10px;}


.modal.modalWindow.adminbox-open.addinfo { min-width: 280px; left: 13rem;}
 

.modal.modalWindow.adminbox-open.addons {width: 100%;min-width: 35vw;max-width: 260px;top: 3.5rem;padding: 15px 5px 15px 5px !important;left: 14rem;right: inherit;}

.modal.modalWindow.adminbox-open.addons .tip-left {left: 11vw;top: -39px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
 

/*.dash-wrapp .inner-row1 .add-stud-row .course-grid { grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}*/
 
.navbar-expand-lg .navbar-nav li.nav-item.dropdown:hover .dropdown-menu { opacity: 1; height: auto; display: inline-block; transition: transform .7s ease-in-out; }


.dash-wrapp .inner-row1 .add-stud-row .course-card.masonry-item:last-child { margin-bottom: 25px;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-image { height: 32.9vw; max-height: 35vw;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .masonry-boxs .course-image { height: 32.9vw; max-height: 35vw;}


.dash-wrapp .inner-row1 .add-stud-row .class-wrapp .class-col2 .accordion { font-size: 14px; line-height: 24px; padding: 8px 15px;}



.left-learning-wrap.course-tab-content .discussion-header .discussion-header-btns { margin: 0 0 0 5px; width: fit-content; float: right; justify-content: flex-end;}

.left-learning-wrap.course-tab-content .discussion-header-btns .btn-outline { font-size: 12px; margin: 0 0 5px; width: 100%;}

.left-learning-wrap.course-tab-content .discussion-header-btns .btn-primary { font-size: 12px; width: 100%;}

.left-learning-wrap.course-tab-content .discussion-header > div { width: -webkit-fill-available;}

.left-learning-wrap.course-tab-content .discussion-tabs { width: 100%; max-width: 100%; margin: 0 0 15px;}

.left-learning-wrap.course-tab-content .discussion-filters { justify-content: flex-end; max-width: 100%; margin: 0 0 0 auto;}

.left-learning-wrap.course-tab-content .discussion-tabs .discussion-tab { margin: 0 2% 0 0; padding: 0 5px 10px 5px;}



}



@media only screen and (min-width:992px) and (max-width:1199px) {

 

.navigation-wrap .head-main .head-logo {width: auto; max-width: 52%; margin: 0 12px 0 0;}

.navbar-expand-lg .navbar-nav li.nav-item.user-name { font-size: 16px; margin: 0 10px 0 0; padding-right: 10px;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons img { max-width: 50px;}

.navigation-wrap .head-main .head-logo .navbar-brand h2 { font-size: 18px;}

.navbar-expand-lg .navbar-nav li.nav-item .nav-link a { font-size: 13px;}

header .navigation-wrap .navbar .head-main .head-right .navbar-nav.top-menu .goog-te-gadget-simple span a span { font-size: 13px;}



.dash-wrapp { padding: 50px 0 40px;}

.dash-wrapp .container { max-width: 90%;}

.dash-wrapp.admin-wrapp .sidebar.head-rgt {max-width:280px;width: 19%;}

.dash-wrapp.admin-wrapp .admin-row1 {float: right;/* margin-left: 27vw; */}

.dash-wrapp.admin-wrapp .inner-row1 {float: right;/* margin-left: 27vw; */}

.dash-wrapp.admin-wrapp.myHeader1.fixed .sidebar.head-rgt{max-width:280px;width: 20%;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu { font-size: 13px; line-height: 22px; padding: 4px 5% 4px 5%; }

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu span.icon-comn { width: 25px;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li { padding: 8px 3% 8px 5%;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li a { font-size: 12px;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li a span.r-arrow { width: 7px; margin: 3px 17px 0px 10px;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li.menu-sub.active-menu:after { right: 4%; width: 12px; height: 7px;}


.dash-wrapp.admin-wrapp .admin-row1 { width: 70%;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 { padding: 25px 2% 30px;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 h2 { font-size: 16px;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 .admin-boximg img { max-width: 100px; max-height: 75px;}



.dash-wrapp .inner-row1 {width: 79%;}

.dash-wrapp .inner-row1 .entry-row .form-group .text-fields .text-field.bill-row { flex-wrap: wrap;}


.dash-wrapp .inner-row1 .add-stud-row.email-row .form-group .text-fields .inform-col.business-row1 .text-field.up-tem-table { width: 100%;}


.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer { padding: 20px 10px 70px 10px;}


.modal.modalWindow.adminbox-open.addons { min-width: 280px; left: 24rem;}

.dash-wrapp.admin-wrapp .inner-row1 .dashboard-masonry .masonry-item .shortcuts-grid { grid-template-columns: repeat(2, 1fr);}


.dash-wrapp .inner-row1 .add-stud-row .course-card .masonry-boxs .course-image { height: 19.3vw; max-height: 25vw;}


 .dash-wrapp.contact-wrapp .review-wrapp .reviews-con .review-col2 .ratings-box p.pb-1 { word-wrap: break-word;}
}


@media only screen and (min-width:1200px) and (max-width:1380px) {
.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer .add-btn { font-size: 14px;}

.dash-wrapp .inner-row1 .add-stud-row .form-group .invite-row1 .share-block .invite-outer { padding: 20px 10px 90px 10px;}


.navigation-wrap .head-main .head-logo {width: auto; max-width: 52%; margin: 0 12px 0 0;}

.navbar-expand-lg .navbar-nav li.nav-item.user-name { font-size: 16px; margin: 0 10px 0 0; padding-right: 10px;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons img { max-width: 50px;}

.navigation-wrap .head-main .head-logo .navbar-brand h2 { font-size: 20px;}

.navbar-expand-lg .navbar-nav li.nav-item .nav-link a { font-size: 14px;}

header .navigation-wrap .navbar .head-main .head-right .navbar-nav.top-menu .goog-te-gadget-simple span a span { font-size: 14px;}



}


@media only screen and (min-width:481px) and (max-width:575px) {

.box-sub-head.tabs-wrapper ul li.nav-item .nav-link { padding: 10px 7px;}

.modal.modalWindow.adminbox-open.customreg .tip-right { left: 26vw;}


}


 
@media only screen and (min-width:1200px) and (max-width:1600px) {

.navigation-wrap .head-main .head-logo { width: auto; max-width: 50%;}

.navbar-expand-lg .navbar-nav li.nav-item.user-name { font-size: 18px;}

.navbar-expand-lg .navbar-nav li.nav-item.head-icons img { max-width: 50px;}



.dash-wrapp { padding: 60px 0 50px;}

.dash-wrapp .container { max-width: 90%;}

.dash-wrapp.admin-wrapp .sidebar.head-rgt {max-width: 260px;width: 20%;}

.dash-wrapp.admin-wrapp.myHeader1.fixed .sidebar.head-rgt { max-width:271px; }

.dash-wrapp.admin-wrapp .admin-row1 { width: 72%;}

.dash-wrapp.admin-wrapp .inner-row1 {width:79%;}

.dash-wrapp.admin-wrapp .admin-row1 {margin-left: 0;}

.dash-wrapp .sidebar-wrapp { max-width: 20%;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li .dask-menu span.icon-comn { width: 25px;}

.dash-wrapp .sidebar-wrapp .sibebar-row1 ul.sidebar-menu li ul.sub-menu li a span.r-arrow { width: 7px; margin: 3px 17px 0px 6px;}


.dash-wrapp .admin-row1 .admin-outer .admin-col1 { padding: 35px 2.5% 40px;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 h2 { font-size: 18px;}

.dash-wrapp .admin-row1 .admin-outer .admin-col1 .admin-box1 .admin-boximg img { max-width: 125px; max-height: 95px;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .course-image { height: 15.8vw; max-height: 17vw;}

.dash-wrapp .inner-row1 .add-stud-row .course-card .masonry-boxs .course-image { height: 19vw; max-height: 25vw;}


}




 
.dash-wrapp .inner-row1 .add-stud-row .question-wrapper { width:100%; max-width: 100%; margin: 0 auto; padding: 0 10px 0; position: relative; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper h2 { padding: 0; width: 100%; float: left;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-form { width: 100%; float: left; display: block; margin: 0 0 20px; position: relative;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-form .text-field textarea.form-control { margin: 0 0 20px;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-form .form-bottom { width: 100%; display:flex; align-items:center; justify-content: flex-start;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-form .form-bottom .emoji-btn { width: auto; height: auto; border:2px solid #b1b33e; background:#e4e4e4; border-radius: 5px; font-size:18px; cursor:pointer; padding: 3px 5px; margin-right:8px;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-form .form-bottom .send-btn { margin-top: 0; padding: 8px 30px 8px 30px; transition: 0.3s;}

 

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-list{width:100%;float: left;position: relative;margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-list .question-item{background: #ffffff;border-bottom: 1px solid #cfd7e3;padding: 15px 15px;display:flex;align-items:flex-start;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-list .user-img{width: 40px;height: 40px;border-radius:50%;background:#efefef;margin-right:15px;flex-shrink:0;overflow:hidden;}

.user-img img { width:100%;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-list .question-content{width:100%;float: left;position: relative;margin: 0 0 0;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-list .user-row{display:flex;flex-wrap:wrap;align-items:center;margin: 10px 0 10px 0;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-list .user-name{margin-right: 5px;font-size: 18px;line-height: 26px;font-weight: 600;color: #a5aa4d;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-list .question-date{font-style:italic;color: #000000;line-height: 22px;font-size: 13px;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-list .question-text{color: #000000;line-height: 20px;font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 500;margin: 0 0 5px;padding-left: 20px;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-list .reply-link{width: fit-content;color:#4285f4;text-decoration:none;font-size: 16px; padding-left: 20px;font-family: 'Open Sans', sans-serif;font-weight: 600;margin-top: 15px;display: block;}

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-list .reply-link:hover { text-decoration: underline;}


.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-list .question-item.replay-item { padding-left: 10%;}




@media(max-width:767px){
 

.dash-wrapp .inner-row1 .add-stud-row .question-wrapper .question-list .question-item.replay-item { padding-left: 15%;}

}
/* ===== LMS Instructor tab redesign ===== */
.instructor-tab-wrap .instructor-tabcontent { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.instructor-profile-card { display: flex; gap: 0; background: #fff; border: 1px solid #e5e8ee; border-radius: 12px; box-shadow: 0 2px 10px rgba(16, 40, 72, 0.06); overflow: hidden; margin: 0 0 18px; }
.instructor-profile-main { flex: 1 1 66%; padding: 24px 28px; }
.instructor-contact-panel { flex: 0 0 34%; max-width: 340px; padding: 24px 22px; border-left: 1px solid #e8ecf2; background: #fbfcfe; }
.instructor-profile-top { display: flex; gap: 18px; align-items: flex-start; }
.instructor-photo img { width: 110px; height: 110px; object-fit: cover; border-radius: 10px; display: block; background: #f0f2f5; }
.instructor-name { margin: 0 0 4px; font-size: 24px; line-height: 1.25; font-weight: 700; color: #0b4f8a; }
.instructor-role { font-size: 14px; color: #4a78a3; margin-bottom: 8px; }
.instructor-office-phone { color: #0274d6; font-size: 14px; font-weight: 600; }
.instructor-office-phone i { margin-right: 6px; }
.instructor-about { margin-top: 18px; padding-top: 16px; border-top: 1px solid #eef1f5; }
.instructor-about-label { font-size: 13px; font-weight: 700; color: #333; margin-bottom: 6px; }
.instructor-about p { margin: 0; font-size: 14px; line-height: 1.55; color: #333; }
.instructor-about a { color: #0274d6; font-weight: 600; margin-left: 4px; }
.instructor-social { margin-top: 16px; display: flex; gap: 12px; flex-wrap: wrap; }
.instructor-social a { color: #0274d6; font-size: 18px; }
.instructor-social a:hover { color: #a5aa4d; }
.instructor-office-hours-title { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; color: #1f2a37; margin-bottom: 10px; }
.instructor-office-hours-title i { color: #2e8b57; }
.instructor-office-hours-days { font-size: 15px; font-weight: 600; color: #222; }
.instructor-office-hours-time { font-size: 14px; color: #444; margin-bottom: 0; }
.instructor-office-hours-list { margin-bottom: 10px; }
.instructor-office-hours-entry { margin-bottom: 10px; }
.instructor-office-hours-entry:last-child { margin-bottom: 0; }
.instructor-office-hours-note { font-size: 12px; color: #6b7280; margin: 0 0 16px; line-height: 1.4; }
.instructor-office-hours-note i { margin-right: 4px; }
.instructor-office-hours-empty { font-size: 13px; color: #6b7280; margin: 0 0 16px; }
.instructor-actions { position: relative; display: flex; flex-direction: column; gap: 10px; }
.instructor-btn-primary { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #0274d6; border: 1px solid #0274d6; color: #fff !important; border-radius: 8px; padding: 11px 14px; font-size: 14px; font-weight: 700; cursor: pointer; }
.instructor-btn-primary:hover, .instructor-btn-primary:focus { background: #015ca9; border-color: #015ca9; color: #fff !important; outline: 2px solid #9dcbef; outline-offset: 2px; }
.instructor-btn-secondary { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #fff; border: 1px solid #0274d6; color: #0274d6 !important; border-radius: 8px; padding: 10px 14px; font-size: 14px; font-weight: 700; cursor: pointer; margin: 0; }
.instructor-btn-secondary:hover, .instructor-btn-secondary:focus { background: #f3f8fd; outline: 2px solid #9dcbef; outline-offset: 2px; }
.instructor-async-note { font-size: 12px; color: #6b7280; margin: 0; line-height: 1.4; }
.instructor-actions .button__badge { position: absolute; top: -8px; right: -6px; }
.instructor-message-wrap { position: relative; width: 100%; }
.instructor-upcoming { margin-top: 18px; padding-top: 14px; border-top: 1px solid #e5e8ee; }
.instructor-upcoming-title { font-size: 14px; font-weight: 700; color: #1f2a37; margin-bottom: 10px; }
.instructor-upcoming-item { background: #f8fafc; border: 1px solid #e8ecf2; border-radius: 10px; padding: 12px 14px; margin-bottom: 10px; }
.instructor-upcoming-item:last-child { margin-bottom: 0; }
.instructor-upcoming-row { font-size: 13px; color: #333; margin-bottom: 4px; }
.instructor-upcoming-row.appt-instructor-tz-note { color: #6b7280; font-size: 12px; }
.instructor-upcoming-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.instructor-appt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  text-decoration: none !important;
  border: 1px solid transparent;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.instructor-appt-btn-view {
  background: #0274d6;
  border-color: #0274d6;
  color: #ffffff !important;
}
.instructor-appt-btn-view:hover,
.instructor-appt-btn-view:focus {
  background: #015ca9;
  border-color: #015ca9;
  color: #ffffff !important;
  outline: 2px solid #9dcbef;
  outline-offset: 2px;
}
.instructor-appt-btn-join {
  background: #04ab47;
  border-color: #04ab47;
  color: #ffffff !important;
}
.instructor-appt-btn-join:hover,
.instructor-appt-btn-join:focus {
  background: #038a39;
  border-color: #038a39;
  color: #ffffff !important;
  outline: 2px solid #9ad9b5;
  outline-offset: 2px;
}
.instructor-appt-btn-reschedule {
  background: #e67e22;
  border-color: #e67e22;
  color: #ffffff !important;
}
.instructor-appt-btn-reschedule:hover,
.instructor-appt-btn-reschedule:focus {
  background: #cf6d17;
  border-color: #cf6d17;
  color: #ffffff !important;
  outline: 2px solid #f5c89a;
  outline-offset: 2px;
}
.instructor-appt-btn-cancel {
  background: #be1e2d;
  border-color: #be1e2d;
  color: #ffffff !important;
}
.instructor-appt-btn-cancel:hover,
.instructor-appt-btn-cancel:focus {
  background: #9e1824;
  border-color: #9e1824;
  color: #ffffff !important;
  outline: 2px solid #e8a0a7;
  outline-offset: 2px;
}
.instructor-link-btn { background: none; border: 0; padding: 0; color: #0274d6; font-size: 13px; font-weight: 600; cursor: pointer; text-decoration: none; }
.instructor-link-btn:hover, .instructor-link-btn:focus { text-decoration: underline; outline: none; }
.instructor-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; }
.instructor-modal-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.45); }
.instructor-modal-dialog { position: relative; z-index: 1; width: 100%; max-width: 520px; margin: 16px; background: #fff; border-radius: 12px; padding: 22px 22px 18px; box-shadow: 0 12px 40px rgba(0,0,0,0.18); max-height: 90vh; overflow: auto; }
.instructor-modal-dialog h3 { margin: 0 0 4px; color: #0b4f8a; font-size: 22px; font-weight: 700; }
.instructor-modal-sub { margin: 0 0 8px; font-weight: 600; color: #333; }
.instructor-modal-hint { font-size: 12px; color: #6b7280; margin-bottom: 14px; }
.instructor-modal-close { position: absolute; top: 10px; right: 14px; border: 0; background: transparent; font-size: 28px; line-height: 1; cursor: pointer; color: #555; }
.instructor-modal-field { margin-bottom: 14px; }
.instructor-modal-field label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.instructor-modal-field select.form-control,
.instructor-modal-field select.instructor-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  color: #1f2a37;
  border: 1px solid #c7d2e0;
  border-radius: 8px;
  padding: 8px 36px 8px 12px;
  background: #ffffff url(../images/select-arrow.svg) no-repeat right 12px center;
  background-size: 12px;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.instructor-modal-field select.form-control::-ms-expand,
.instructor-modal-field select.instructor-select::-ms-expand {
  display: none;
}
.instructor-modal-field select.form-control:focus,
.instructor-modal-field select.instructor-select:focus {
  border-color: #0274d6;
  outline: 2px solid #9dcbef;
  outline-offset: 2px;
}
.instructor-inperson-location {
  margin-top: 10px;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #e8ecf2;
  border-radius: 8px;
  font-size: 13px;
  color: #333;
  line-height: 1.4;
}
.instructor-inperson-location-label {
  font-size: 12px;
  font-weight: 700;
  color: #1f2a37;
  margin-bottom: 4px;
}
.instructor-modal-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.instructor-modal-actions .instructor-btn-primary, .instructor-modal-actions .instructor-btn-secondary { width: auto; min-width: 160px; }
.instructor-modal-msg { margin-top: 10px; color: #b42318; font-size: 13px; }
.instructor-appt-loader {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(15, 23, 42, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
}
.instructor-appt-loader-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 28px 36px;
  text-align: center;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
  max-width: 320px;
}
.instructor-appt-spinner {
  display: inline-block;
  width: 36px;
  height: 36px;
  border: 3px solid #d7e6f5;
  border-top-color: #0274d6;
  border-radius: 50%;
  animation: instructor-appt-spin 0.8s linear infinite;
}
.instructor-appt-loader-card p {
  margin: 14px 0 0;
  font-size: 14px;
  font-weight: 600;
  color: #1f2a37;
  font-family: 'Open Sans', sans-serif;
}
@keyframes instructor-appt-spin {
  to { transform: rotate(360deg); }
}
.instructor-slot-list { display: flex; flex-wrap: wrap; gap: 8px; min-height: 40px; }
.instructor-slot-btn { border: 1px solid #c7d2e0; background: #fff; color: #1f2a37; border-radius: 8px; padding: 8px 10px; font-size: 13px; cursor: pointer; }
.instructor-slot-btn.active, .instructor-slot-btn:hover:not(.is-booked):not(:disabled) { border-color: #0274d6; background: #eef6fc; color: #0274d6; }
.instructor-slot-btn.is-booked,
.instructor-slot-btn:disabled {
  background: #f3f4f6;
  border-color: #d1d5db;
  color: #9ca3af;
  cursor: not-allowed;
  text-decoration: line-through;
  opacity: 1;
}
@media (max-width: 991px) {
  .instructor-profile-card { flex-direction: column; }
  .instructor-contact-panel { flex: 1 1 auto; max-width: none; border-left: 0; border-top: 1px solid #e8ecf2; }
}
@media (max-width: 575px) {
  .instructor-profile-top { flex-direction: column; }
  .instructor-photo img { width: 96px; height: 96px; }
  .instructor-name { font-size: 20px; }
}

.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .chat-toggle.instructor-btn-primary,
.instructor-profile-card .chat-toggle.instructor-btn-primary {
  width: 100%;
  float: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #ffffff !important;
  border: 1px solid #0274d6 !important;
  background: #0274d6 !important;
  border-radius: 8px;
  padding: 11px 14px;
  line-height: 1.2;
  font-size: 14px;
  margin: 0;
  font-weight: 700;
  height: auto;
}
.dash-wrapp .inner-row1 .add-stud-row.view-tabs .tabcontent .chat-toggle.instructor-btn-primary:hover,
.instructor-profile-card .chat-toggle.instructor-btn-primary:hover {
  background: #015ca9 !important;
  border-color: #015ca9 !important;
  color: #ffffff !important;
}
.dash-wrapp .inner-row1 .add-stud-row.view-tabs.instructor-tab-wrap .tabcontent {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.dash-wrapp .inner-row1 .add-stud-row.view-tabs.instructor-tab-wrap {
  background: #d9dcde;
}
.instructor-fallback-card {
  background: #fff;
  border: 1px solid #e5e8ee;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(16, 40, 72, 0.06);
  padding: 28px 32px;
  margin: 0 0 18px;
}
.instructor-fallback-title {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  color: #0b4f8a;
}
.instructor-fallback-text {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.55;
  color: #333;
  max-width: 640px;
}
.instructor-fallback-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.instructor-fallback-contact-item {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 240px;
  padding: 12px 16px;
  border: 1px solid #e5e8ee;
  border-radius: 10px;
  background: #fbfcfe;
  color: #0274d6 !important;
  text-decoration: none !important;
}
.instructor-fallback-contact-item:hover,
.instructor-fallback-contact-item:focus {
  border-color: #0274d6;
  background: #f3f8fd;
  outline: 2px solid #9dcbef;
  outline-offset: 2px;
}
.instructor-fallback-contact-item i {
  margin-top: 3px;
  font-size: 16px;
}
.instructor-fallback-contact-label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #6b7280;
  letter-spacing: 0.02em;
}
.instructor-fallback-contact-value {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #0274d6;
  word-break: break-word;
}
@media (max-width: 575px) {
  .instructor-fallback-card { padding: 20px 16px; }
  .instructor-fallback-title { font-size: 20px; }
  .instructor-fallback-contact-item { min-width: 100%; }
}

/* Instructor appointment success modal */
.instructor-success-dialog { text-align: center; max-width: 420px; }
.instructor-success-icon { font-size: 48px; color: #2e8b57; margin: 8px 0 12px; line-height: 1; }
.instructor-success-dialog h3 { margin-bottom: 10px; }
.instructor-success-text { font-size: 15px; color: #333; margin: 0 0 18px; line-height: 1.45; }
.instructor-modal.is-error .instructor-success-icon { color: #b42318; }

/* Phone: percentage header heights were filling the first screen, and
   entrance motion made the bar and page jump while loading. */
@media (max-width: 767px) {
  header.myHeader,
  header.myHeader .navigation-wrap,
  header.myHeader .navigation-wrap .container,
  header.myHeader .navigation-wrap .row,
  header.myHeader .navbar,
  header.myHeader .head-main {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  header.myHeader,
  header.myHeader.fixed {
    position: relative !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
    top: auto !important;
    margin-top: 0 !important;
    float: none;
  }
  header.myHeader .navigation-wrap .head-main {
    align-items: center;
    flex-wrap: nowrap;
  }
  header.myHeader .navigation-wrap .head-main .head-right,
  header.myHeader .navigation-wrap .head-main .head-right .head-nav {
    width: auto !important;
    flex: 0 0 auto;
  }
  header.myHeader .head-nav > button.navbar-toggler {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
  }
  .wow,
  .animated {
    visibility: visible !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
  html {
    overflow-anchor: none;
  }
}