@import url('default-theme.css');

html {
    font-size: .9rem; 
    line-height: 1.4; 
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-size: .9rem;
    font-weight: 400;
    outline: none !important;
    margin: 0;
    padding: 0;
    background-color: #fbfbfd;
    /* background-color: #f8f9fa; */
    color: #212529;
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh !important;
}

.tab-heading:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
    margin-left: 10px;
}
.tab-heading.active:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

*:focus {
    outline: none !important;
}

.btn:focus {
    box-shadow: none;
}
*::before, *::after {
    box-sizing: inherit;
}

a, input, textarea, select, button {
    transition: all 0.15s ease-in-out;
}

::selection {
    background: #00a2ff;
    color: #fff;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

p {
    margin-bottom: 0.75rem; 
}
ul, ol {
    margin-bottom: 0.75rem;
    padding-left: 1.25rem;
    line-height: 1.4;
}
blockquote {
    border-left: 3px solid #4a8eff;
    padding-left: 0.75rem;
    font-style: italic;
    margin-bottom: 0.75rem;
    color: #212529;
}
.container, .container-fluid {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
[class*="col-"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
/* -------------------------------------------------------------
   NAVBAR & NAVIGATION
   ------------------------------------------------------------- */
.navbar {
    background-color: #ffffff;
    border-bottom: 1px solid #ddd;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-brand, .navbar-nav .nav-link {
    font-size: 0.9rem;
    padding: 0.5rem;
    color: #333;
}

/* -------------------------------------------------------------
   FORMS (Compact & Efficient)
   ------------------------------------------------------------- */
.form-label {
    font-weight: 500;
    margin-bottom: 0.3rem;
    display: inline-block;
    color: #212529;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea,.select2-search--dropdown .select2-search__field
 {
    background: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 0.4rem 0.6rem !important; 
    /*font-size: 0.9rem;*/
    color: #495057;
    line-height: 1.2;
}

input:focus, textarea:focus, select:focus {
    border-color: #80bdff;
    outline: none;
    box-shadow: 0 0 0 0.15rem rgba(0,123,255,.25);
}
/* -------------------------------------------------------------
   TABLES (Dense, Legible)
   ------------------------------------------------------------- */
 input[type='checkbox'],
 input[type='radio'] {
width: 16px !important;
height: 16px !important;
}
table input[type='radio'],
  form input[type='radio']{
    box-shadow: none;
  }


.table th, .table td {
    border: 1px solid #dee2e6;
    padding: 0.5rem 0.75rem; 
    vertical-align: middle;
    font-size: .9rem;
}

.table thead th {
    font-weight: 600;
}
/* -------------------------------------------------------------
   ALERTS (Compact)
   ------------------------------------------------------------- */
.alert {
    border-radius: 4px;
    padding: 0.5rem 1rem;
    margin-bottom: .5rem;
    font-size: 0.9rem;
    border: 1px solid transparent;
}

/* -------------------------------------------------------------
   LIST GROUP
   ------------------------------------------------------------- */
.list-group-item {
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 0.5rem 0.75rem;
}

/* -------------------------------------------------------------
   JUMBOTRON (If used, also condensed)
   ------------------------------------------------------------- */
.jumbotron {
    padding: 1rem;
    border-radius: 4px;
}

/* -------------------------------------------------------------
   UTILITIES & MISC.
   ------------------------------------------------------------- */

*:focus {
    outline: none;
}

/*/ Slight scale on hover for images if desired, still subtle /*/
img:hover {
    transform: scale(1.01);
}


/*/ Checkboxes & Radios: Smaller /*/
.form-check-input {
    width: 1rem;
    height: 1rem;
    margin-top: 0.2rem;
    border-radius: 2px;
    border: 1px solid #ced4da;
}

.form-check-label {
    margin-left: 0.5rem;
}

.card-title {
    font-size: 1.35rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.card-text {
    margin-bottom: 0.75rem;
}
.price-table-01 {
    box-shadow: 0 8px 50px -6px rgba(84, 84, 120, .26);
    transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    padding: 10%;
    position: relative;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 38px 0px rgba(68, 68, 68, 0.15);
    border-radius: 5px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .3s linear;
    transform: translateY(0);
    height: 620px;
}

.price-table-01:hover {
    margin-top: -10px;
}

.price-table-01 .pt-head {
    padding: 0 0 25px;
    border-bottom: 1px solid #eee;
}

.price-table-01 .pt-head h4 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 600;
}

.price-table-01 .pt-head h4 span {
    font-size: 15px;
    display: inline-block;
    vertical-align: baseline;
    line-height: 15px;
}

.price-table-01 .pt-head p {
    margin: 0;
    font-size: .9rem;
}

.price-table-01 .pt-action {
    padding: 25px 0 0;
}

.price-table-01 .pt-body {
    padding: 25px 0 0;
}

.price-table-01 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.price-table-01 .pt-body li {
    position: relative;
    padding: 10px 0 10px 25px;
}

.price-table-01 .pt-body li b {
    font-weight: 600;
}

.price-table-01 .pt-body li.pt-no {
    text-decoration: line-through;
    opacity: 0.7;
}

.price-table-01 .pt-body li:after,
.price-table-01 .pt-body li:before {
    content: "";
    position: absolute;
    float: left;
    border-radius: 50%;
}

.price-table-01 .pt-body li:after {
    width: 8px;
    height: 8px;
    left: 5px;
    top: 19px;
}

.price-table-01 .pt-body li:before {
    width: 18px;
    height: 18px;
    left: 0;
    top: 14px;
    opacity: 0.3;
}

.form-group.required label::after {
    content: "*";
    color: #f00;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../img/frontend/search-loader.gif") center no-repeat rgba(255, 255, 255, 0.7);
    background-size: 100px;
}


.btn-red {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.price-table-01:hover {
    margin-top: -10px;
}

.price-table-01 .pt-head {
    padding: 0 0 25px;
    border-bottom: 1px solid #eee;
}

.price-table-01 .pt-head h4 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 600;
}

.price-table-01 .pt-head h4 span {
    font-size: 15px;
    display: inline-block;
    vertical-align: baseline;
    line-height: 15px;
}

.price-table-01 .pt-head p {
    margin: 0;
    font-size: .9rem;
}

.price-table-01 .pt-action {
    padding: 25px 0 0;
}

.price-table-01 .pt-body {
    padding: 25px 0 0;
}

.price-table-01 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.price-table-01 .pt-body li {
    position: relative;
    padding: 10px 0 10px 25px;
}

.price-table-01 .pt-body li b {
    font-weight: 600;
}

.price-table-01 .pt-body li.pt-no {
    text-decoration: line-through;
    opacity: 0.7;
}

.price-table-01 .pt-body li:after,
.price-table-01 .pt-body li:before {
    content: "";
    position: absolute;
    float: left;
    border-radius: 50%;
}

.price-table-01 .pt-body li:after {
    width: 8px;
    height: 8px;
    left: 5px;
    top: 19px;
}

.price-table-01 .pt-body li:before {
    width: 18px;
    height: 18px;
    left: 0;
    top: 14px;
    opacity: 0.3;
}

.price-table-01 .pt-body li:before {
    width: 18px;
    height: 18px;
    left: 0;
    top: 14px;
    opacity: 0.3;
}

.price-table-01 .pt-body li:after,
.price-table-01 .pt-body li:before {
    content: "";
    position: absolute;
    float: left;
    border-radius: 50%;
}

.theme-2nd-after::after,
.theme-2nd-before::before,
.theme-2nd,
.btn-theme-2nd {
    background: -webkit-linear-gradient(45deg, #f05523, #bc394d 80%);
}

.theme-before::before,
.theme-after::after,
html body .btn-theme,
.theme-bg {
    background-image: -moz-linear-gradient(0deg, #1721cc 0%, #128df5 100%);
    background: transparent;
    background-image: -ms-linear-gradient(0deg, #1721cc 0%, #128df5 100%);
    border: 2px solid #f25a59 !important;
    color: #f25a59;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 14px 28px;
    border-radius: 30px;
    border: none;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.main-wrap {
    display: flex;
    /* flex-direction: column; */
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
}


.grid-view table tr th,
.grid-view table tr td {
    vertical-align: top;
}
.grid-view table tfoot tr td{
    font-size: .9rem;
}
.help-block {
    color: #f00;
    font-size: .9rem;
    margin-bottom: 0;
}



/******summary*********/

.summary {
    text-align: left;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.m-top {
    margin-top: 0;
}

.loader-main {
    display: flex;
    height: 500px;
    align-items: center;
}

.loader-inner {
    width: 3em;
    height: 3em;
    border: 0.5em solid #e8e8e8;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
}

.loader-inner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    border: 0.5em solid transparent;
    border-left-color: #ef4753;
    margin: -0.5em;
    -webkit-animation: rotation 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    animation: rotation 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

@-webkit-keyframes rotation {

    to {
        -webkit-transform: rotate(3turn);
        transform: rotate(3turn);
    }

}

@keyframes rotation {

    to {
        -webkit-transform: rotate(3turn);
        transform: rotate(3turn);
    }

}

.page-head .pull-right {
    text-align: right;
}

.page-head .pull-right a {
    vertical-align: middle;
}

#buttonsToggle {
    cursor: pointer;
    width: 20px;
    display: block;
    text-align: center;
    float: right;
}

.page-head .pull-right .label {
    margin-bottom: 5px;
    display: inline-block;
    font-size: 13px;
}

.page-head {
    position: relative;
}

.page-head h1 {
    font-size: 20px !important;
    text-transform: capitalize;
}


/*******color-themes header**********/

.m-b-t {
    margin-bottom: 0;
    margin-top: 5px;
}

.theme-info .header-section,
.theme-info .theme-logo-bg {
    background: #00abe7;
}

.theme-success .theme-logo-bg {
    background: #fff;
}

.theme-danger .header-section,
.theme-danger .theme-logo-bg {
    background: #e9422e;
}

.theme-warning .header-section,
.theme-warning .theme-logo-bg {
    background: #fac552;
}

.theme-sea-green .header-section,
.theme-sea-green .theme-logo-bg {
    background: #01a4a4;
}

.theme-purple .header-section,
.theme-purple .theme-logo-bg {
    background: #9c78cd;
}

.theme-primary .header-section,
.theme-primary .theme-logo-bg {
    background: #00abe7;
}


/*******colo -themes header-end**********/


/*************panel-border-color*************/

.btn:focus,
.btn.focus {
    text-decoration: none;
}

.theme-purple .main_wrapper .panel header.card-header {
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 3px;
}

.right-notification .dropdown-menu li a {
    height: auto !important;
    padding: 7px 0px !important;
    display: block;
    font-size: 13px;
}

.right-notification .dropdown-item a,
.right-notification .dropdown-item {
    line-height: 15px;
}

.theme-danger .main_wrapper .panel header.card-header {
    border-top: 2px solid #e9422e;
}

.theme-sea-green .main_wrapper .panel header.card-header {
    border-top: 2px solid #01a4a4;
}


/*************panel-border-color-end*************/

.m-t-10 {
    margin-top: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-b-0 {
    margin-bottom: 30px;
}

.margin-top-40 {
    margin-top: 80px !important;
}

.panel.widget.light-widget.padd-15 {
    padding: 15px;
}

.padd-10 {
    padding: 10px;
}

.padding-tp-0 {
    padding-top: 0;
}

.padding-bt-0 {
    padding-bottom: 0 !important;
}

img {
    max-width: 100%;
}

#excel-form td {
    padding: 0;
}

.exceldata td {
    padding: 0 15px !important;
}


/*---------------
    logo
---------------*/

.logo {
    height: 60px;
    left: 0;
    line-height: 52px;
    padding-left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 240px;
    z-index: 100;
}

.logo a {
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
    margin: 0;
    text-decoration: none;
    height: 100%;
    display: block;
}

.logo a i {
    font-size: 24px;
    color: #7cd8a9;
    padding-right: 5px;
}

body {
    padding-bottom: 0 !important;
}

.logo a .brand-name {
    float: right;
}

.logo a i,
.logo a img {
    display: inline-block;
    vertical-align: middle;
    padding: 0 4px;
}


/*college*/

.college .image img {
    max-height: 107px;
    object-fit: contain;
    display: block;
    float: left;
    width: 100%;
    background: #ffffff;
}


.custom-batch {
    line-height: 20px;
    height: 20px;
    margin-bottom: 0;
    align-content: center;
    align-items: center;
}

.college-detail .icon {
    display: none;
}


.college .college-name {
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1;
    padding-top: 16px;
}


/*end*/


.college .image {
    margin: auto;
}

.position-relative {
    position: relative;
    flex: 1 0 auto;
}

.position-relative {
    position: relative;
    flex: 1 0 auto;
}


.sidebar-left-info {
    padding: 0px;
    width: 220px;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 120px !important;
}

.noti-arrow {
    margin-right: 15px;
    margin-top: 2px;
    font-weight: normal;
}

/*::-webkit-scrollbar {
    display: none;
}
*/
.navigation-title {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 10px 20px;
    text-transform: none;
    letter-spacing: 2px;
}

.user-nav {
    margin-bottom: 0;
}

.user-nav > li > a {
    padding: 10px 20px;
}


h5.left-nav-title {
    color: #7cd8a9;
    margin-left: 20px;
    text-transform: none;
}


/*---------------------
    header section
-----------------------*/
.header-section {
    background: #fff;
    border-bottom: 1px solid #E8E8E8;
}

.header-section::after {
    clear: both;
    display: block;
    content: '';
}

.icon-left {
    padding: 16.5px 10px;
    font-size: 26px !important;
    color: #c7c7c7;
}

.icon-left.effects {
    color: #c7c7c7;
}

.icon-bars {
    padding: 19px;
    font-size: 20px;
}

.effects {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-animation: mymove 2s;
    animation: mymove 2s;
}


/* Safari 4.0 - 8.0 */

@-webkit-keyframes mymove {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

@-webkit-keyframes mymove {
    from {
        transform: scale(0.7);
    }
    to {
        transform: scale(1);
    }
}
.sticky-toggle {
    display: none !important;
}

.notification-menu .dropdown-toggle:hover,
.notification-menu .dropdown-toggle:focus,
.notification-menu .dropdown-toggle:active,
.notification-menu .dropdown-toggle.active,
.notification-menu .open .dropdown-toggle.dropdown-toggle {
    background: #f7f7f7;
    color: #8b8b8b !important;
}

.search-content input {
    box-shadow: none;
    float: right;
    font-size: 16px;
    height: 30px;
    margin: 15px 10px 0 10px;
    width: 210px;
    border-radius: 30px;
    background: #f3f3f3;
    border: none;
}

.search-content input,
.search-content input:focus {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.search-content input:focus {
    box-shadow: none;
    border-color: #eff0f4;
    width: 210px;
}

/*---------------------
sticky header
-----------------------*/
.sticky-header .logo {
    background: #fff;
    left: 0;
    position: fixed;
    top: 0;
    width: 240px;
    z-index: 100;
    border-bottom: 1px solid #f04c55;
}

.sticky-header .header-section {
    position: fixed;
    top: 0;
    left: 240px;
    width: 100%;
    z-index: 1000;
}

.sticky-header .body-content {
    padding-top: 60px;
}

.sticky-header .right-notification {
    margin-right: 250px !important;
}

.notification-index {
    border-top: 2px solid #ef4753 !important;
    border-radius: 4px;
}

.title {
    border-bottom: 1px solid #efefef;
    display: inline-block;
    width: 100%;
}

.dropdown-title .title {
    color: #797979;
    padding: 20px 15px;
    font-size: 16px;
    margin-top: -1px;
    margin-bottom: 0;
}

.dropdown-title .title.purple:after,
.dropdown-title .title.green:after,
.dropdown-title .title.yellow:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 20px;
    position: absolute;
    top: -6px;
}

.dropdown-title .title.purple:after {
    border-bottom: 6px solid #9c78cd;
}

.dropdown-title .title.green:after {
    border-bottom: 6px solid #52d192;
}

.dropdown-title .title.yellow:after {
    border-bottom: 6px solid #ffd200;
}

.dropdown-title .title.purple {
    border-top: 1px solid #9c78cd;
}

.dropdown-title .title.green {
    border-top: 1px solid #65cea7;
}

.dropdown-title .title.yellow {
    border-top: 1px solid #ffd200;
}

.info-number .badge {
    font-size: 13px;
    font-weight: normal;
    line-height: 13px;
    padding: 2px 6px;
    position: absolute;
    right: 5px;
    top: 10px;
}


/*----------------------*/
.symbol .bg-info,
.info-number .bg-info {
    color: #fff;
    background-color: royalblue;
}

.symbol .bg-success,
.info-number .bg-success {
    color: #fff;
    background-color: #53d192;
}

.symbol .bg-success,
.info-number .bg-warning {
    color: #fff;
    background-color: orangered;
}

.symbol .bg-primary,
.info-number .bg-primary {
    color: #fff;
    background-color: #9c78cd;
}

.symbol .bg-danger,
.info-number .bg-danger {
    background: #ef4753;
    color: #fff;
}

/*-------------------------
notification list
--------------------------*/
.notification-list {
    padding: 0 15px;
    display: inline-block;
}

.notification-list a {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #f3f3f3;
    color: #2b2b2c;
    text-decoration: none;
    font-size: 16px;
}

.noti-information .notification-list {
    padding: 0;
}

.noti-information .notification-list a {
    padding: 20px;
}

.noti-information .notification-list a:hover {
    background: #fafafa;
}

.notification-list a:first-child {
    border-top: none;
}

.notification-list-scroll {
    height: auto;
    overflow-y: scroll;
}

.notification-list a small {
    color: #bdbdbd;
    padding-left: 5px;
}

.notification-list a span.icon {
    margin-right: 15px;
    font-size: 16px;
    float: left;
}

.title-row {
    position: relative;
}

a.btn-view-all {
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 3px 10px !important;
    border-radius: 30px;
    text-decoration: none;
    white-space: nowrap;
    height: auto !important;
    color: white !important;
}

.notification-list p,
.notification-list p small {
    margin: 0;
    padding: 0;
}

.notification-list p small {
    color: #a9a9a9;
}

.task-list .progress {
    margin: 10px 0 0 0px;
    height: 10px;
}

.task-info {
    float: left;
    width: 87%;
}

.noti-information .mail-list .un-read,
.noti-information .mail-list .read {
    right: 20px;
}

/*-----------------------
right notification
------------------------*/
.right-notification {
    float: right;
    margin-right: 210px !important;
    height: 60px;
}

.right-notification .notification-menu > li > a {
    /*padding-top: 15px;*/
    /*padding-bottom: 16px;*/
}

.right-notification .notification-menu li a {
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
}

.right-notification .notification-menu li li a {
    /*  height: auto; */
    line-height: normal;
    padding: 17px;
    color: #f15357;
    font-size: 15px;
    border-bottom: 1px solid #fff;
}


.right-notification .notification-menu > li > a > img {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    margin-right: 10px;
}

.right-notification .notification-menu li a i {
    font-size: 16px;
    right: 15px;
}

.right-notification .input-group {
    margin-top: 7px;
}

.right-notification .rounded {
    border-radius: 100px;
    background: #f3f3f3;
    border: none;
    box-shadow: none;
}

.right-notification .search .btn-sm,
.right-notification .search .btn-group-sm > .btn {
    font-size: 13px;
    line-height: 1.6;
    outline: none;
}

.right-notification .search input.form-control {
    width: 122px;
}

.right-notification .search .twitter-typeahead {
    float: left;
}

.search .input-group-btn > .btn {
    border: none;
    background: none;
}

.search .input-group {
    background: #f3f3f3;
    border-radius: 100px;
}

.right-notification .notification-menu > li > a > span.fa-angle-down {
    margin-left: 5px;
}


/*---------*/


.right-notification .search input.form-control,
.right-notification .search input.form-control:focus {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.right-notification .notification-menu .dropdown-menu li a:hover {
    color: #000;
    background: transparent;
}

.right-notification .notification-menu .dropdown-menu li a:hover {
    /*color: #fff;*/
}

.dropdown-usermenu.purple {
    border-top: 1px solid #f15357;
}

.dropdown-usermenu {
    min-width: 280px;
}

.notification-menu .dropdown-menu {
    padding: 0;
}

.college {
    background: #ffffff;
    color: #3F51B5;
    margin-top: 0px;
}


/*---------------------
    body content
-----------------------*/


.wrapper {
    padding: 1rem;
}

.wrapper.no-pad {
    display: table-cell;
}

.page-head h3 {
    float: left;
    font-weight: 300;
    margin-top: 0;
}

.page-head .sub-title {
    color: #a3a3a3;
    display: inline-block;
    font-size: 23px;
    padding: 14px 0px 14px 0px;
}

.state-information .state-graph {
    float: right;
    margin-left: 60px;
    text-align: center;
}

.state-information .state-graph .info {
    font-size: 15px;
    color: #212529;
}

.state-graph .chart {
    margin-bottom: 5px;
}

.state-overview .green {
    background: #ef4753 none repeat scroll 0 0;
    color: #fff;
}

.state-overview .purple {
    background: #00c0ef none repeat scroll 0 0;
    color: #fff;
}

.state-overview .purple2 {
    background: #DD4B39;
    color: #fff;
}

.state-overview .red {
    background: #ff6c60;
    color: #fff;
}

.state-overview .yellow {
    background: #f8d347;
    color: #fff;
}

.state-overview .blue {
    background: #57c8f2;
    color: #fff;
}

.panel.purple .symbol i {
    color: #fff;
}


/*-------------------------------
    text color
--------------------------------*/

.green-color
    /*  .text-success */

{
    color: #fff;
}

.text-success {
    color: #f25e5b;
}

.purple-color,
.text-primary {
    color: #a979d1;
}

.blue-color,
.text-info {
    color: #6bd3f3;
}

.yellow-color,
.text-warning {
    color: #ffd200;
}

.red-color,
.text-danger {
    color: #e55957;
}


/*---------------------
    boxed view
-----------------------*/

.boxed-view {
    background: #5ac29c;
}

.boxed-view .container {
    position: relative;
    background: #32323a;
    padding: 0;
}

.boxed-view .container .header-section .logo {
    display: none;
}


/*---------------------
    footer content
-----------------------*/

footer {
    padding: 15px 20px;
    width: 100%;
    z-index: 11;
    margin-top: auto;
    text-align: center;
}

footer.sticky-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}


/*---------------------------
    right side bar
----------------------------*/

.sb-toggle-right {
    width: 55px;
    height: 60px;
    line-height: 30px;
    font-size: 16px;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    color: #384246;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.sb-toggle-right:hover {
    background: #f7f7f7;
}

.sb-slidebar {
    background-color: #fff !important;
    /*margin-top: 60px;*/
    border-left: 1px solid #e9e9e9;
    color: #2b2b2c;
}

.sb-slidebar .side-title {
    padding: 10px 0px;
    text-transform: none;
    color: #FF6C60;
}

.right-bar .tab-content {
    padding: 20px;
}

.sb-slidebar .tab-content > .active {
    display: none;
    visibility: hidden;
}

.sb-slidebar.sb-active .tab-content > .active {
    display: block;
    visibility: visible;
}

.right-bar .nav-tabs li a,
.right-bar .nav-tabs li a:hover,
.right-bar .nav-tabs li.active a {
    padding: 20px 15px;
    border-radius: 0;
    border: none;
}

.right-bar .nav-tabs li a {
    color: #fff;
    margin-right: 0px;
}

.right-bar .nav-tabs li a:hover,
.right-bar .nav-tabs li.active a {
    color: #2b2b2c;
    background: #fff;
}

.right-bar .nav-tabs {
    background: #2b2b2c;
    color: #fff;
}


/*---------------
    chat
----------------*/

.chat-list {
    position: relative;
    margin-bottom: 20px;
}

.chat-list h3 {
    font-size: 16px;
    text-transform: none;
    color: #000;
    margin: 0 0 5px;
}

.chat-list h5 {
    font-size: 12px;
    color: #a5a5a5;
    margin: 0;
}

.chat-list a {
    color: #323232;
}

.chat-list .add-people {
    position: absolute;
    right: 0;
    top: 5px;
}

.side-title {
    display: table;
    margin: 0 0 20px;
    overflow: hidden;
}

.side-title h2 {
    float: left;
    padding: 0 10px 0 0;
    margin: 0;
    font-size: 16px;
    text-transform: none;
    color: #2b2b2c;
    font-weight: bold;
}

.side-title .title-border-row {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 1px;
    width: 100%;
}

.side-title .title-border {
    height: 1px;
    border-top: 1px solid #e8e8e8;
    position: relative;
    display: block;
    width: 100%;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
}

.team-list.chat-list-side li:hover {
    background: #f3f3f3;
}

.team-list.chat-list-side li .thumb-small {
    width: 30px;
    height: 30px;
}

.team-list.chat-list-side li .thumb-small {
    margin-top: 5px;
}

.team-list.chat-list-side li .thumb-small .dot {
    right: -3px;
    top: 0px;
}

.team-list.chat-list-side li .name {
    margin-top: 0;
    font-size: 16px;
    color: #2b2b2c;
}

.inline small {
    display: block;
}

.team-list.chat-list-side {
    margin: 0 -20px 20px -20px;
}


/* .team-list.chat-list-side li a {
    display: table;
    padding: 10px 20px;
    border: none;
    position: relative;
}
 */

.team-list.chat-list-side li .thumb-small,
.team-list.chat-list-side li .inline {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.team-list.chat-list-side li .inline {
    padding-left: 20px;
    text-align: left;
}

.team-list.chat-list-side li .settings {
    position: absolute;
    right: 10px;
    top: 16px;
}

.right-bar .tab-pane .team-list.chat-list-side:last-child,
.right-bar .tab-pane .aside-widget:last-child {
    padding-bottom: 100px;
}

.right-bar .tab-pane .aside-widget .team-list.chat-list-side:last-child {
    padding-bottom: 0px;
}

.right-bar .tab-pane .aside-widget {
    margin: 0px -20px;
    padding: 0px 20px;
}


/*---------------------
        info
---------------------*/

.chat-list.info h3 {
    margin-top: 5px;
}

.chat-list.info .add-people {
    top: -3px;
}

.side-title-alt {
    background: #f3f3f3;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 20px;
    position: relative;
    margin: 0 -20px 0 -20px;
}

.side-title-alt h2 {
    font-size: 16px;
    margin: 0;
    color: #2b2b2c;
}

.side-title-alt a.close {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 16px;
}

.team-list.chat-list-side.info {
    margin-bottom: 0;
}

.team-list.chat-list-side.info li .inline {
    padding-left: 0px;
}

.team-list.chat-list-side.info li {
    border-bottom: 1px solid #e9e9e9;
    padding: 0px 20px;
    position: relative;
    min-height: 70px;
}

.team-list.chat-list-side.info ul li {
    padding: 0;
}

.team-list.chat-list-side.info li:last-child {
    border-bottom: none;
}

.team-list.chat-list-side.info li:hover {
    background: transparent;
}

.team-list.chat-list-side.info li span.value {
    display: block;
}

.team-list.chat-list-side.info.statistics li .inline {
    width: 85%;
}

.border-less-list li {
    border-bottom: none !important;
}

.info.sale-monitor .states {
    width: 100%;
}

.info.sale-monitor .progress {
    margin-bottom: 5px;
}

.form-signin {
    max-width: 330px;
    margin: 50px auto 0;
}

h2.form-heading {
    margin: 0;
    padding: 30px 15px;
    text-align: center;
    background: #222224;
    color: #fff;
    font-size: 18px;
    text-transform: none;
    display: inline-block;
    width: 100%;
}

.form-signin .checkbox {
    margin-bottom: 14px;
}

.radios {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

.radios .col-sm-6,
.radios .col-lg-6 {
    padding-left: 0;
}

.modal-body p {
    color: #333;
}

.form-signin a,
.registration,
.login-body label {
    color: #565658;
}

.registration a {
    color: #fff;
}

.form-signin a:hover {
    color: #b6b6b6;
}

.login-social-link {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 15px;
    width: 100%;
}

.login-social-link a {
    color: #fff;
    padding: 10px 38px;
    border-radius: 2px;
    width: 46.5%;
    text-align: center;
}

.login-social-link a:hover {
    color: #fff;
}

.login-social-link a i {
    font-size: 20px;
    padding-right: 10px;
}

.login-social-link a.facebook {
    background: #3b5999;
    margin-right: 22px;
    float: left;
}

.login-social-link a.facebook:hover {
    background: #344f87;
}

.login-social-link a.twitter {
    background: #63c6ff;
    float: left;
}

.login-social-link a.twitter:hover {
    background: #4c98c4;
}

.checkbox-custom.inline,
.radio-custom.inline {
    padding-left: 0px;
    display: inline-block;
    margin: 10px 0 10px 0;
}

.checkbox-custom label,
.radio-custom label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px !important;
    margin-right: 15px;
}

.checkbox-custom label:before,
.radio-custom label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: absolute;
    left: 0px;
    border: 1px solid #dbdbdb;
    margin-top: 4px;
}

.checkbox-custom input[type=radio][disabled] + label:after {
    background-color: #e6e6e6;
}

.checkbox-custom label {
    white-space: nowrap;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.checkbox-custom label:before {
    top: -1px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.checkbox-custom label::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2.5px;
    top: 1px;
    font-size: 12px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.checkbox-custom input[type=checkbox] {
    display: none;
}

.checkbox-custom input[type=checkbox]:checked + label:before {
    border-width: 8px;
}

.checkbox-custom input[type=checkbox]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\F00C";
    color: #fff;
}

.checkbox-custom input[type=checkbox][disabled] + label {
    opacity: 0.5;
}

.checkbox-custom input[type=checkbox][disabled] + label:before {
    background-color: #e2e5e9;
}

.radio-custom label {
    margin-bottom: 6px;
}

.radio-custom label:before {
    border-radius: 50%;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.radio-custom input[type=radio]:checked + label:before {
    border-width: 6px;
}

.radio-custom input[type=radio] {
    display: none;
}

.radio-custom input[type=radio][disabled] + label {
    opacity: 0.5;
}

.radio-custom.radio-success input[type=radio]:checked + label:before,
.checkbox-custom.check-success input[type=checkbox]:checked + label:before {
    border-color: #53D192;
}

.radio-custom.radio-primary input[type=radio]:checked + label:before,
.checkbox-custom.check-primary input[type=checkbox]:checked + label:before {
    border-color: #8f67b1;
}

.radio-custom.radio-info input[type=radio]:checked + label:before,
.checkbox-custom.check-info input[type=checkbox]:checked + label:before {
    border-color: #119dc9;
}

.radio-custom.radio-warning input[type=radio]:checked + label:before,
.checkbox-custom.check-warning input[type=checkbox]:checked + label:before {
    border-color: #ecc200;
}

.radio-custom.radio-danger input[type=radio]:checked + label:before,
.checkbox-custom.check-danger input[type=checkbox]:checked + label:before {
    border-color: #e55957;
}

.radio-custom.radio-dark input[type=radio]:checked + label:before,
.checkbox-custom.check-dark input[type=checkbox]:checked + label:before {
    border-color: #333;
}


/*---------------
    form layout
--------------*/

#record-grid-view .form-control {
    border-width: 2px !important;
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered{
    padding-left: 0 !important;
    padding-right: 15px !important;

}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__rendered{
    position: relative;
    padding-left: 0;
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear{
    cursor: pointer;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear{
    top: 0 !important;
    position: relative;
    display: block;
    text-align: right;
    padding-right: 10px;
    right: 0 !important;
    float: right;
}

.select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field{
    width: auto !important;
    white-space: nowrap;
    overflow: visible !important;
    margin: 0 !important;
   box-shadow: none;
}
.select2-container--krajee-bs3 .select2-selection--multiple ul li.select2-search--inline{
   /* margin: 5px 0 0 6px;*/
}

.form-control {
    margin-bottom: 0.5rem;
}

.select2-container--krajee-bs3 .select2-selection{
    box-shadow: none !important;
}

/*.select2-container{
    width: 100% !important;
}*/
textarea.form-control {
    height: auto;
    resize: vertical;
    overflow: auto;
}

.select2-container--krajee-bs4.select2-container--disabled .select2-selection, .select2-container--krajee-bs4.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #fff !important;
}

.form-control:focus {
    border-color: #9fc0f5;
    box-shadow: 0 0 0 .25rem rgba(63, 128, 234, .25);
}

.bv-form .help-block {
    margin-bottom: 0;
}

.bv-form .tooltip-inner {
    text-align: left;
}

.tooltip {
    z-index: 999;
}

.nav-tabs li.bv-tab-success > a {
    color: #3c763d;
}

.nav-tabs li.bv-tab-error > a {
    color: #a94442;
}

div.tagsinput,
.colpick,
.colpick_field,
.colpick_hex_field,
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
    border-radius: 0;
    box-shadow: none;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.select2-search input {
    border-radius: 0;
    border-top-right-radius: 0;
}

.select2-search input {
    background: none;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: -2px;
    border-radius: 0;
    border-bottom-right-radius: 0px;
}

.bootstrap-touchspin .input-group-btn .bootstrap-touchspin-down {
    margin-top: 0 !important;
}

.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
    box-shadow: none;
}

.select2-container .select2-choice .select2-arrow {
    width: 25px;
}

.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
    background-position: 3px 3px;
}

.select2-container .select2-choice abbr {
    right: 30px;
}

.spinner .input-group-btn:first-child > .btn,
.spinner .input-group-btn:first-child > .btn-group {
    margin-right: -2px;
}

.ui-widget-content li a {
    color: #323232;
    line-height: 60px;
    display: block;
}

.icheck-row label {
    text-align: left;
    padding: 0 10px;
}


/*--------------------------
      picker
---------------------------*/

.add-on {
    float: right;
    margin-top: -37px;
    padding: 3px;
    text-align: center;
}

.add-on .btn {
    padding: 9px;
}

.colorpicker.dropdown-menu {
    min-width: 130px;
    padding: 5px;
}

.datepicker.dropdown-menu {
    z-index: 9999 !important;
    padding: 5px;
    width: auto;
}

.form-group .datepicker.dropdown-menu {
    top: 45px !important;
    left: auto !important;
}

.custom-date-range .input-group-addon {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
}

.input-group-btn.add-on:last-child > .btn {
    margin-left: -31px;
}


/*-------------
    Table
--------------*/

.custom-table tr th,
.custom-table tr td {
    vertical-align: middle !important;
}

.custom-table tr td .progress {
    margin-bottom: 0px;
}

.table-hover > tbody > tr:hover {
    background-color: #f9f9f9;
}


/*-------------
    general
--------------*/

.btn-gap .btn {
    float: left;
    margin-right: 5px;
}

.pulse {
   /* margin: 100px auto 40px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    color: #000;
    text-align: center;
    text-shadow: none;*/
}

.pulse {
   /* margin: 20px;
    float: left;*/
}

.end {
    text-align: right;
    font-style: italic;
}


/* collapsible*/

.panel-group .card-header .panel-title > a {
    display: block;
    font-size: 16px;
    font-weight: normal;
}

.panel-group .card-header .panel-title > a.collapsed:after {
    content: "\f067";
    color: #8b8b8b;
}

.panel-group .card-header .panel-title > a:hover:after {
    color: #333 !important;
}

.panel-group .card-header .panel-title > a:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
    color: #333;
}


/*----------------------------
        slider
----------------------------*/

table.sliders tr td {
    padding: 30px 0;
    border: none;
}

.slider {
    margin-top: 3px;
}

.slider.ui-widget-content,
.ui-slider.ui-widget-content {
    list-style: none;
    padding: 0;
    width: auto;
}

.slider-info {
    padding-top: 10px;
}

.sliders .ui-widget-header {
    background: #9c78cd !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0 !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0 !important;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0 !important;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0 !important;
}

#eq span {
    height: 120px;
    float: left;
    margin: 15px
}

.ui-widget-content {
    /*background: #fff !important;
    border: none !important;
    border-radius: 10px !important;*/
}

.ui-slider-horizontal {
    height: 5px !important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.50em !important;
}

.ui-widget-content .ui-slider-handle:after {
    content: "\f111";
    font-family: fontawesome;
    position: absolute;
    left: 5.5px;
    top: 4px;
    font-size: 10px;
    color: #b1b3b7;
}

.ui-slider-vertical {
    width: 5px !important;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.5em !important;
}

.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.3em;
    position: absolute;
    width: 1.3em;
    z-index: 2;
}

.bound-s {
    width: 90px;
    margin-bottom: 15px;
}


/*
-----------------
*/

.ion-list div {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.m-b-less {
    margin-top: 3px;
    margin-bottom: 0;
}

.breadcrumb.bg-less {
    padding: 0;
}

.bg-less {
    background: none;
}


/**/

.sales-chart {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 215px;
}


/* star rating */

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
}

.rating span.star,
.rating span.star {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    font-size: 22px;
}

.rating span.star:hover,
.rating span.star:hover {
    cursor: pointer;
}

.rating span.star:before,
.rating span.star:before {
    content: "\f006";
    padding-right: 5px;
    color: #BEC3C7;
}

.rating span.star:hover:before,
.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before,
.rating span.star:hover ~ span.star:before {
    content: "\f005";
    color: #986cbc;
}

.blog-post.single-post .rating span.star:before,
.rating span.star:before {
    content: "";
    cursor: not-allowed;
}

.blog-post.single-post .rating span.star:hover:before,
.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before,
.rating span.star:hover ~ span.star:before {
    content: "";
    cursor: not-allowed;
}




/*addon btn*/

.addon-btn {
}

.addon-btn.btn-sm i {
    width: 30px;
    height: 30px;
    margin: -6px -10px;
    margin-right: 10px;
    line-height: 30px;
}

.addon-btn.btn-sm i.pull-right {
    margin-right: -11px;
    margin-left: 10px;
}

.addon-btn i.pull-right {
    margin-right: -13px;
    margin-left: 12px;
}

.addon-btn.btn-lg i.pull-right {
    margin-right: -17px;
    margin-left: 15px;
}

.addon-btn.btn-lg i {
    width: 50px;
    height: 45px;
    margin: -10px -16px;
    margin-right: 15px;
    line-height: 45px;
}

.addon-btn i {
    float: left;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: -6px 10px -6px -12px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px 0 0 2px;
}

.addon-btn i.pull-right {
    border-radius: 0 2px 2px 0;
}

.addon-btn.btn-default i {
    background-color: transparent;
    border-right: 1px solid #c6cbcf;
}

.addon-btn.btn-default i.pull-right {
    background-color: transparent;
    border-left: 1px solid #c6cbcf;
}


/*---------------
    profile
--------------*/

.profile-hero {
    position: relative;
    background: url("../img/frontend/profile-banner.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 359px;
}

.profile-intro {
    text-align: center;
    padding: 40px 0;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.profile-intro img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.profile-intro h1 {
    font-size: 34px;
    font-weight: normal;
    margin: 20px 0 5px 0;
}

.profile-intro span {
    font-size: 16px;
}

.profile-intro .s-n {
    margin-top: 15px;
}

.profile-intro .s-n a {
    display: inline-block;
    margin: 0 10px;
    color: #fff;
    font-size: 16px;
}

.profile-intro .s-n a:hover,
.p-list li a:hover {
    color: #3bc781;
}

.profile-follow,
.profile-value-info {
    position: absolute;
    bottom: 20px;
    color: #fff;
}

.profile-follow {
    left: 20px;
}

.profile-value-info {
    right: 20px;
}

.profile-value-info .info {
    color: #fff;
    display: inline-block;
    margin-left: 40px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.profile-value-info .info span {
    display: block;
    font-size: 24px;
}

.profile-desk {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    /*min-height: 600px;*/
}

.profile-desk .p-short-info {
    width: 30%;
    background: #fff;
}

.profile-desk aside {
    display: table-cell;
    float: none;
    /*height: 100%;*/
    padding: 20px;
    vertical-align: top;
}

.profile-desk .p-aside {
    width: 70%;
    background: #f3f3f3;
}

.profile-info {
    border: 1px solid #e9e9e9
}

.profile-info textarea,
.profile-info textarea:focus {
    border: none;
    font-size: .9rem;
    box-shadow: none;
}

.profile-info .panel-footer {
    background-color: #f9f9f9;
    border-top: none;
}

.profile-info .panel-footer ul li a {
    color: #adadad;
}

.profile-info .panel-footer .btn {
    margin-top: 4px;
}

.profile-timeline ul {
    list-style: none;
    padding: 0;
}

.profile-timeline ul li {
    padding: 15px 0;
    border-top: 1px solid #e6e5e5;
    display: inline-block;
    width: 100%;
}

.profile-timeline ul li .avatar {
    width: 30px;
    float: left;
    margin-right: 10px;
}

.profile-timeline ul li .avatar img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
}

.profile-timeline ul li .avatar-desk span {
    display: block;
    color: #c3c3c3;
    margin-bottom: 15px;
}

.profile-timeline ul li .avatar-desk .gallery a {
    display: inline-block;
    margin-right: 10px;
}

.title {
    margin-bottom: 20px;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.title h1 {
    font-size: 20px;
    margin: 0;
    font-weight: 300;
    color: #474748;
}

.team-m img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.team-m a {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 16px 16px 0;
    display: inline-block;
}

.team-m a .dot.online {
    background: #5cc691;
}

.team-m a .dot.offline {
    background: #e6e6e6;
}

.team-m a .dot.busy {
    background: #ff6a6a;
}

.team-m a .dot.away {
    background: #ffd200;
}

.team-m a .dot {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: absolute;
    background: #e6e6e6;
    border-radius: 50%;
    top: 0;
    right: 3px;
    left: auto;
    border: 2px solid #fff;
}

.widget {
    margin-bottom: 30px;
}

.widget p,
.widget a.v-all {
    color: #9e9e9e;
}

.bio-row {
    width: 100%;
    float: left;
}

.bio-row p span {
    width: 100px;
    display: inline-block;
    color: #333;
}

.p-list {
    list-style: none;
    padding: 0;
}

.p-list li a {
    color: #999999;
    margin-bottom: 20px;
    display: block;
}

.p-list li a i {
    padding-right: 5px;
}

.work-progress .states {
    width: 100%;
}

.twt-feed {
    background: #f3f3f3;
    padding: 20px;
    text-align: center;
    position: relative;
}

.twt-feed:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-right: 5px solid #fff;
    border-bottom: 45px solid #fff;
    border-left: 45px solid #27baff;
    border-top: 6px solid #27baff;
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.twt-feed:before {
    content: "\f099";
    font-family: fontawesome;
    left: 25px;
    position: absolute;
    top: 25px;
    z-index: 100;
    font-size: 18px;
    color: #fff;
}

.twt-feed img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 5px solid #fff;
}

.twt-feed h2,
.twt-feed h2 a {
    font-size: 22px;
    text-transform: none;
    color: #333;
}

.twt-feed a {
    color: #27baff;
}


/*------------------------------
        widget
-------------------------------*/

.state-alt.state-overview .value {
    border: none;
    margin: 0 0 6px 12px;
}

.state-alt .symbol span {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    margin-top: 5px;
}

.state-alt .symbol span i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
}

.state-alt .symbol {
    padding: 10px 50px 8px 50px;
}

.state-alt .value {
    margin-top: 5px;
}

.state-alt .value h1 {
    font-size: 18px;
    color: #3ac47d;
    font-weight: 400;
    margin-bottom: 0;
}

.state-alt .value p {
    font-size: .9rem;
    margin-bottom: 0;
}

.y-border,
.b-border,
.g-border,
.p-border {
    border-left: 2px solid #f05257;
    border-right: 2px solid #f05257;
    border-radius: 15px;
}


/* widget profile */

.user-head img {
    width: 100%;
    height: auto;
}

.user-desk {
    text-align: center;
}

.user-desk {
    position: relative;
}

.user-desk .avatar {
    position: absolute;
    top: -80px;
    left: 50%;
    margin-left: -57px;
}

.user-desk .avatar img {
    width: 115px;
    height: 115px;
    border-radius: 50%;
}

.user-desk h4 {
    margin-top: 60px;
    margin-bottom: 3px;
    font-weight: bold;
    letter-spacing: 2px;
}

.user-desk span {
    font-size: 13px;
    color: #b7b7b7;
}

.user-desk .s-n {
    margin-top: 10px;
}

.user-desk .s-n a {
    color: #c9c9c9;
    margin: 0 5px;
    font-size: 16px;
}

.user-desk .s-n a:hover {
    color: #53d293;
}

.user-p-list {
    padding: 0;
    margin: 20px 0;
    list-style: none;
}

.user-p-list li a {
    background: #f3f3f3;
    padding: 10px;
    display: block;
    width: 80%;
    margin: 0 auto 5px;
    color: #2e2e2f;
    border-radius: 3px;
}

.user-p-list li a:hover,
.user-p-list li.active a {
    background: #53d293;
    color: #fff;
}


/*w-tabs*/

.w-tabs .panel-body,
.w-tabs .nav-tabs.nav-justified > li > a,
.w-tabs .nav-tabs.nav-justified > .active > a,
.w-tabs .nav-tabs.nav-justified > .active > a:hover,
.w-tabs .nav-tabs.nav-justified > .active > a:focus {
    border: none;
}

.w-tabs .nav-tabs.nav-justified > li > a {
    padding: 15px;
    background: #454545;
    color: #fff;
}

.w-tabs .nav-tabs.nav-justified > .active > a,
.w-tabs .nav-tabs.nav-justified > .active > a:hover,
.w-tabs .nav-tabs.nav-justified > .active > a:focus {
    background: #53d293;
}

.w-foot:hover {
    background: #dd5e45;
}

.w-tabs .nav-tabs.nav-justified > li > a i {
    font-size: 20px;
}

.p-s-info .panel-body {
    padding: 30px 20px;
}

.s-l {
    margin-top: 10px;
}

.p-s-info .media-body a {
    color: #989898;
    text-decoration: underline;
    display: inline-block;
}

.p-s-info .media-body .s-l i {
    padding-right: 5px;
    float: left;
    margin-top: 4px;
    color: #bbbbbb;
}

.p-s-info .media-body .space-i i {
    padding-right: 5px;
    color: #bbbbbb;
}

.p-s-info .media-body .space-i span {
    margin-right: 15px;
}

.light-bg {
    background: #fff !important;
}

.twt-feed.light-bg:after {
    border-right: 5px solid #f3f3f3;
    border-bottom: 45px solid #f3f3f3;
}

.page-view-value.wht-color,
.w-foot a {
    color: #fff !important;
}

.w-setting .team-list.chat-list-side {
    margin: 0 -15px 0px -15px !important;
}

.w-setting .team-list li .inline {
    width: 88% !important;
}

.w-login {
    color: #a1b1c2;
    text-decoration: underline;
}

.w-foot {
    color: #fff;
    background: #454545;
    border-radius: 0;
    border: none;
    text-align: center;
    padding: 20px;
}

.w-foot:hover {
    cursor: pointer;
}

.social-btn {
    margin-top: 50px;
}

.social-btn a {
    width: 65px;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    margin: 0 5px;
}

.social-btn a.fb {
    background: #4b6cb6;
}

.social-btn a.twt {
    background: #59c2e6;
}

.social-btn a.drb {
    background: #ec4989;
}

.fav-list .media-left img {
    width: 40px;
    height: 40px;
}

.media.fav-list {
    margin-bottom: 20px;
}

.media.fav-list:last-child {
    margin-bottom: 0;
}

.fav-list .media-heading {
    font-size: 16px;
    text-transform: none;
}

.w-m-list {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.w-m-list li i {
    color: #bbbbbb;
    padding-right: 10px;
}

.w-m-list li i:after {
    content: '|';
    padding-left: 10px;
}

.w-m-list li {
    margin-bottom: 10px;
    padding: 5px;
}

.w-m-list li:hover {
    background: #8f67b1;
    color: #fff;
}

.w-m-list li:hover i,
.w-m-list li:hover .text-muted {
    color: #fff;
}

.black-bg {
    background: #32323a;
}


/*---------------
    form
----------------*/

.input-group-btn > .btn {
    position: relative;
    background: #eee;
    border-radius: 0;
    border: 1px solid #dfdfdf;
}

.radio-box,
.check-box {
    margin-bottom: 10px;
}

.radio-box input,
.check-box input,
.checkbox-inline input {
    margin-right: 5px;
}

.radio-inline,
.checkbox-inline {
    padding-left: 0;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.input-group-addon {
    border: 1px solid #dfdfdf;
    border-radius: 0px;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    border-radius: 0px;
}

.sm-input {
    width: 175px;
}

.form-horizontal.tasi-form .form-group,
.s-row {
    border-bottom: 1px solid #eff2f7;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.form-horizontal.tasi-form .form-group:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.form-horizontal.tasi-form .form-group .help-block {
    margin-bottom: 0;
}

.round-input {
    border-radius: 500px;
    -webkit-border-radius: 500px;
}

.form-horizontal.tasi-form .checkbox-inline > input {
    margin-top: 1px;
    border: none;
}

.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
    box-shadow: none;
}


/*--------------------
        calendar
---------------------*/

.has-toolbar.fc {
    margin-top: 50px;
}

.fc-header-title {
    display: inline-block;
    margin-top: -50px;
    vertical-align: top;
}

.fc-view {
    overflow: hidden;
    width: 100%;
}

.fc-header-left .fc-button-today .fc-button-inner {
    background: #f2f2f2 !important;
    border-color: #f2f2f2;
    border-style: none solid;
    color: #8B8B8B;
}

.fc-header-left .fc-button-today {
    border-radius: 2px !important;
}

/*.fc-state-default,
.fc-state-default .fc-button-inner {
    background: #f2f2f2 !important;
    border-color: #f2f2f2;
    border-style: none solid;
    color: #c2c2c2;
}*/

.fc-header-right .fc-state-default .fc-button-inner,
.fc-header-left .fc-state-default:hover .fc-button-inner {
    background: #53D192 !important;
    border-color: #53D192;
    border-style: none solid;
    color: #fff;
}

.fc-header-right .fc-state-default .fc-button-inner:hover,
.fc-header-right .fc-state-active .fc-button-inner {
    background: #2f9f67 !important;
    border-color: #2f9f67;
    border-style: none solid;
    color: #fff;
}

.fc-header .fc-button {
    margin-right: 1px;
}

.fc-event-skin {
    background-color: #5fc6e6 !important;
    border-color: #5fc6e6 !important;
    color: #FFFFFF !important;
}

.fc-grid th {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f6f6f6 !important;
}

.fc-header-title h2 {
    font-size: 20px !important;
    color: #404047;
    font-weight: normal;
    margin-top: 8px;
}

.fc-widget-header,
.fc-widget-content {
    border-color: #e9e9ef !important;
    color: #212529;
}

.external-event {
    cursor: move;
    display: inline-block !important;
    margin-bottom: 6px !important;
    margin-right: 6px !important;
    padding: 8px 15px;
    border-radius: 0;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
}

#external-events p input[type="checkbox"] {
    margin: 0;
}

.drg-event-title {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 20px;
}

.fc-content .fc-event {
    border-radius: 0px;
    padding: 4px 6px;
}

.fc-corner-left {
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
}

.fc-corner-right {
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
}

.drp-rmv {
    padding-top: 10px;
    margin-top: 10px;
}

div.required label.control-label:after {
    content: " *";
    color: red;
}

.tactive-field-label{
    display: flex;
    justify-content: space-between;
}
.tactive-field-label .hint-block .fa{
    color: #8e8e8e;
}
.fixed {
    position: fixed;
}


.body-content {
    margin-left: 240px;
    position: relative;
    min-height: 100vh;
    height: auto;
    z-index: 0;
    width: calc(100% - 240px);
}

#ascrail2000 > div {
    background: #B7DA4C !important;
    border-color: #B7DA4C !important;
}

#ascrail2001 > div {
    background: #B7DA4C;
    border-color: #B7DA4C;
}

.fee-table {
    padding-left: 0px;
    padding-right: 30px;
}

.padd-right-0 {
    padding-right: 0px;
}

.fee-table .form-group label {
    margin-bottom: 10px;
}

.quick-reports li a i {
    color: white;
    font-size: 16px !important;
}

.fee-table.added-table .month-section .form-group input {
    background: #cbf0c8;
    border-color: #cbf0c6;
    color: #444;
    cursor: pointer;
    text-align: center;
}

.fee-table.added-table .month-section .form-group input::-moz-placeholder {
    color: #444;
}

.notification-menu > li {
    line-height: 60px;
}

.right-notification .notification-menu li a.btn.btn-default.dropdown-toggle {
    position: relative;
    line-height: 50px;
    background: transparent;
    outline: none;
    font-size: .9rem;
    border: 0;
}

.right-notification .notification-menu li a.btn.btn-default.dropdown-toggle:hover,
.right-notification .notification-menu li a.btn.btn-default.dropdown-toggle:focus {
    color: #444;
}

.main_wrapper .panel header.card-header {
    color: #fff;
    font-weight: 600;
    padding: 10px 15px 20px;
    font-size: 17px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid #f2f2f2;
}

.main_wrapper .panel header.card-header-inner {
    background: #ff6e00 none repeat scroll 0 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding: 10px;
}

.school-index .wrapper .panel .panel-body {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.wrapper table.table td:last-child a span.btn {
    padding: 0;
}

.wrapper table.table td:last-child a span.glyphicon {
    top: 0;
}

.form-grid-panel.student form .form-group input,
.form-grid-panel.student form .form-group textarea ,
.form-grid-panel.student form .form-group select {
    border: 1px solid #cbcbcb;
}

/* .panel-body.form-grid-panel.student .form-group label {
  text-align: left;
} */

.padd-left-0 {
    padding-left: 0px;
}

.state-overview .panel.green-last {
    background: #F39C12;
    color: #fff;
}

.student-update-form .form-group label {
    text-align: left;
}


/**************student form layout**************/


#ascrail2002 > div {
    background: #b7da4c !important;
    border-color: #b7da4c !important;
}

.student-registration-outer .form-group input {
    background: #fff ;
    box-shadow: none;
    width: 100%;
    line-height: 40px;
    padding: 0 15px;
}

.buttondiv.text-right.btn-back-asmnt {
    right: 93px;
}

.prev.disabled span {
    cursor: not-allowed;
}

.student-registration-outer .panel-body form .form-group select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cdcdcd;
    box-shadow: none;
    min-height: 34px;
}

.registration-form-wrapper {
    margin-top: 15px;
    /*   width: 88%; */
}

.card-header.form-spacing {
    margin-bottom: 20px;
}

.enquiry-module-section {
    padding: 0px 20px;
}

.enquiry-module-section .form-group label {
    font-weight: 600;
}

.enquiry-module-section .form-group input {
    border: 1px solid #cdcdcd;
    min-height: 38px;
}

.enquiry-module-section .form-group input[type="file"] {
    min-height: 100%;
}

.enquiry-module-section .form-group textarea {
    border: 1px solid #cdcdcd;
}

.enquiry-module-section .form-group select {
    border: 1px solid #cdcdcd;
    min-height: 38px;
}

.enquiry-module-section .form-group .checkbox label input {
    min-height: 10px;
}

.school-view.panel-body .content .box.box-primary .box-profile img {
    max-width: 100%;
}

.notification-list.mail-list.not-list a.single-mail span i {
    /* color: #ffb30f; */
    font-size: 16px;
    left: 0;
    position: relative;
    top: 0px;
}

.notification-list.mail-list.not-list a.single-mail span.bg-success {
    background: transparent none repeat scroll 0 0;
    padding: 0;
    width: auto;
    height: 10px;
}


/**************student form layout***************/


/************dashboard heading *************/

.main_wrapper .panel header.dashboard-heading {
    border-bottom: 1px solid #f3f3f3;
    color: #232425;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 15px;
    /* text-transform: none; */
}

.panel .events-side ul.team-list.chat-list-side.info.statistics .list-view {
    max-height: 425px;
    min-height: 352px;
    /*  min-height: 425px; */
    overflow-y: auto;
}

.panel .events-side ul.team-list.chat-list-side.info.statistics .list-view .summary {
    text-align: right;
    margin-right: 25px;
}

/*.wrapper table.table.table-bordered th:last-child {
    text-align: center;
    width: 95px;
}*/


/************dashboard heading **************/

.state-information a.btn.back-btn {
    background: #323232;
    border-color: #323232;
}

.state-information a.btn.back-btn:hover {
    background: #13303e;
    border-color: #13303e;
}

.left-notification ul.notification-menu li .notification-list.mail-list a {
    padding: 10px 0px;
}

.left-notification ul.notification-menu li .notification-list.mail-list {
    padding: 10px 15px;
}

.page-head h3.m-b-less span.label.label-default {
    background: #8eb123 none repeat scroll 0 0;
    padding: 1px 10px;
}

.dropdown.notiftcation-drop-down {
    float: right;
    margin-right: 13px;
    margin-top: 17px;
}

.dropdown.notiftcation-drop-down p i {
    font-size: 20px;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
}

.dropdown.notiftcation-drop-down p i:hover {
    font-size: 20px;
    border: 1px solid #f1f1f1;
    width: 30px;
    height: 30px;
    color: #f1f1f1;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
}

.dropdown.notiftcation-drop-down p.dropdown-toggle span.badge {
    color: #fff;
    background: #FFB30F;
    position: relative;
    top: -15px;
    right: 4px;
}

.announcement-section {
    background: #c3e8c0 none repeat scroll 0 0;
    margin-bottom: 3px;
    margin-top: 2px;
    width: 100%;
}

.announcement-section > p {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    color: #446700;
}

.announcement-section i.annoucement-icon {
    background: #a4c739 none repeat scroll 0 0;
    color: #fff;
    float: right;
    margin-right: 10px;
    margin-top: -32px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #93b628 none repeat scroll 0 0;
}

.announcement-outer {
    margin: 2px 0px;
}

.dropdown.notiftcation-drop-down ul.dropdown-menu {
    border: 1px solid #cecece;
    left: -203px;
    position: absolute;
    width: 227px;
}

.dropdown.notiftcation-drop-down ul.dropdown-menu li a span {
    background: transparent;
    margin-right: 8px;
    color: #FFB30F;
}

.dropdown.notiftcation-drop-down ul.dropdown-menu li a {
    padding: 8px 17px;
}

header.card-header.update-heading {
    background: #FFB30F;
    color: #fff;
}

.login-form-inner form .bbp-remember-me a {
    color: #7C9F11;
}

footer p {
    margin-bottom: 0;
}

.page-head h3.m-b-less span.label {
    padding: 0px 7px;
    font-size: 15px;
    font-weight: 600;
}

.grid-view table tr td:last-child:has(.btn) {
    white-space: nowrap;
}
.grid-view table tr td .dropdown.btn-group {
    display: block;
    text-align: center;
    position: static;
}

.grid-view table tr td .dropdown.btn-group .btn.dropdown-toggle:hover{
    box-shadow: none;
}
.grid-view table tr td .kv-editable .kv-editable-link .label{
    margin: 0;
}
.grid-view table tr th {
    white-space: nowrap;
}

.nav-tabs-custom.student-tabs ul.nav.nav-tabs li a {
    border-radius: 0;
    margin: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 13px;
    padding: 15px 10px !important;
    color:#495057;
}

#myTab li {
    min-width: 13% !important;
}

.nav-tabs-custom.student-tabs {
    background: #e9e9e9 none repeat scroll 0 0;
    border: 1px solid #ddd;
    padding: 0;
    border-radius: 5px;
}

.student-view.panel-body .nav-tabs-custom.student-tabs .tab-content.tabs-inner-background {
    background: #fff none repeat scroll 0 0;
    min-height: 300px;
    /*
        padding: 15px;*/
}

.right-fix-header-top {
    margin-right: 240px;
}

.tab-content.tabs-inner-background.user-background {
    background: #fff;
    padding: 15px;
}
.green-tabs-outer .green-tabs-header ul li a {
    background: #ef4753;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: none;
}

.green-tabs-outer .green-tabs-header ul li a:hover {
    background: #37c276;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: none;
}

#notification-container a::after {
    display: none !important;
}

.btn-group.pull-right .btn {
    height: 35px;
    line-height: 35px;
    border: 0;
}

.notification-menu li .dropdown-menu li a {
    line-height: 15px;
}

.notification-menu li a {
    line-height: 60px;
    height: 60px;
    padding: 0 10px;
    margin-right: 10px;
}

.form-group.field-user-profile_file input {
    display: block;
    width: 100%;
    height: 40px;
}

.green-tabs-outer .green-tabs-header ul li.active a {
    background: #fff;
    border-color: #537600 #537600 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #537600;
    padding: 10px;
}

.panel-body.student-registration-outer.green-tabs-outer {
    background: #e9e9e9 none repeat scroll 0 0;
    border: 1px solid #ddd;
    margin: 15px;
    padding: 15px;
}

.panel-body {
    font-size: 16px;
}

.panel-body.student-registration-outer.green-tabs-outer .vd_content-section.panel.registration-form-wrapper {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    padding-top: 10px;
}

.green-tabs-outer .tabs.related_data .green-tabs-header {
    border: 0px;
}

.green-tabs-outer .tabs.related_data .green-tabs-header ul.nav.nav-tabs {
    border: 0px;
}

.tab-content.tabs-inner-background.schools-background,
.course-card .ui-tabs-panel {
    border: 1px solid #ddd !important;
    background: #fff;
    padding: 15px !important;
}

.btn-attendance .btn {
    margin-right: 0;
}

select.field {
    -moz-appearance: none;
    -moz-user-select: none;
    -webkit-appearance: none;
    -webkit-user-select: none;
    appearance: none;
    user-select: none;
    background: #fff url("../img/frontend/arr_select.png") no-repeat scroll 99% 50%;
    cursor: pointer;
    padding: 4px 15px 4px 5px;
    padding-inline-end: 15px;
}

.gap-10 {
    display: table;
    width: 100%;
    clear: both;
    height: 10px;
}

.fine-tb-list {
    line-height: 30px;
}

.fine-tb-list label {
    font-weight: bold;
}

.light-widget .panel-body .view-reg table tr th {
    max-width: 280px;
    white-space: normal;
}

.form-group.line-height {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}

.form-group.line-height > input {
    border-color: #999;
    border-radius: 0;
    border-width: 0 0 1px;
    box-shadow: none !important;
    height: 22px;
    line-height: 22px;
    margin-bottom: 25px;
    width: 64px;
}

.form-group.line-height > select {
    -moz-appearance: none !important;
    background-image: none !important;
    border-width: 0 0 1px;
}

.green-lable {
    color: #828282;
    display: inline-block;
    line-height: 17px;
    padding: 8px;
}

.panel-success > .card-header-inner {
    color: #eee;
    border-radius: 4px;
}

.card-header-inner {
    font-size: 15px !important;
    letter-spacing: 1px;
    padding: 10px;
}

.panel-title {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
}

.wrapper .vd_content-section .panel {
    margin: 0px;
}

.announcement-box {
    position: relative;
    top: 0px;
    z-index: 999;
}

.main_wrapper .panel header.card-header {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px 18px;
    text-transform: none;
    position: relative;
}

.margin-top-20 {
    margin-top: 40px;
}

.enquiry-module-section .form-group .no-border {
    border: 0;
    margin: 5px 0 0 0;
}

form .form-group .no-border {
    border: 0;
    margin: 5px 0 0 0;
}


.single-mail span.icon:first-child {
    line-height: 24px;
    width: 25px;
    display: inline-block;
    text-align: center;
}


.gap-20 {
    display: table;
    width: 100%;
    height: 20px;
    clear: both;
}

.panel .label {
    font-weight: 400;
}

.student-other-info {
    border: 1px solid #ddd;
    padding: 8px;
    position: relative;
    max-width: 100%;
}

.student-close,
.student-close:hover,
.student-close:focus {
    background-color: green !important;
    border: 1px solid green !important;
    border-radius: 50%;
    color: white;
    opacity: 0.7;
    position: absolute;
    right: -10px;
    top: -15px;
    width: 25px;
    font-size: 16px;
    line-height: 22px;
    z-index: 99;
}

.list-view-inner {
    border-bottom: 1px solid #eee;
    padding: 15px;
}

.notify {
    background: #fffff3 none repeat scroll 0 0;
    border-left: 3px solid #cad8a9;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    display: table-cell;
    height: 400px;
    vertical-align: middle;
    width: 1200px;
}

.alert-outer {
    display: table;
    margin: 56px auto;
}

.notify .alerticon {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}

.text-msg {
    color: #777 !important;
    display: block;
    font-size: 20px;
    line-height: 33px;
    margin-bottom: 0;
}

.notify h2 {
    margin: 0 0 10px;
    font-size: 36px;
    color: #5c9327;
}

.panel-body-height {
    min-height: 510px;
}

.no-border {
    border: 0px !important;
}

.enquiry-module-section .form-group {
    min-height: 40px;
}

.quick-reports {
    max-height: 310px;
    overflow-x: hidden;
}

.state-information {
    position: relative;
    display: inline;
    /*
        right: 15px;
        top: 22px;*/
}

.stu-detail p {
    font-weight: 500;
    margin-bottom: 0;
    font-size: 16px;
}

.department-panel .ui-widget-content {
    background: #fff !important;
}

.pb-t {
    padding-top: 21px;
}

p.document-title-other {
    font-size: 40px;
    font-weight: 500;
}

.bg-bottom {
    box-shadow: 10px 14px 15px 9px #171313;
    padding: 22px !important;
    position: fixed;
    bottom: 0px;
    right: 0;
    width: 30%;
    background: #fff;
}

.line_h {
    color: #000;
}

.sb-site-container {
    z-index: 0 !important;
}

#result h2 {
    font-size: 18px;
    margin-top: 20px;
}

.right-notification .notification-menu li a.btn.btn-default.dropdown-toggle,
.right-notification .notification-menu li a.btn.btn-default.dropdown-toggle:hover {
    background: transparent !important;
    border: 0 !important;
}

.relative-box .table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
}

.topmarginbtn.buttondiv.text-right {
    margin-top: -10px;
}

.btnpadd {
    padding: 6px 12px !important;
}

.help-btn {
    background-color: #ef4753;
}

#user-grid .btn-default {
    float: right;
    margin-bottom: 22px;
}

#form-add-admin .panel-body h3 {
    margin-top: 10px;
    margin-bottom: 25px;
}

.card-header h1,
.card-header h4 {
    font-size: 1.25rem;
    margin-top: 0px !important;
    margin-bottom: 0;
    display: inline-block;
    letter-spacing: .02rem;
}

.table-responsive .panel-body {
    position: relative;
}

.table-responsive .panel-body .multiple-delete {
    position: absolute;
    right: 15px;
    top: 15px;
}


#import-message {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    border-radius: 20px !important;
    overflow: hidden;
}

#import-message .progress {
    background: #ddd8c9 !important;
    height: 30px;
    line-height: 30px;
    font-size: .9rem;
    font-weight: 600;
}


.form-group input[type="file"] {
    line-height: inherit !important;
    padding-top: 6px !important;
    height: auto;
}

.form-group input[type="file"].file {
    line-height: inherit !important;
    padding-top: 6px !important;
    height: 40px;
}

.iti.iti--allow-dropdown {
    display: block;
    width: 100%;
}

.iti.iti--allow-dropdown input {
    padding-left: 50px !important;
}


/*school*/

.my-school-text {
    position: absolute;
    left: 73px;
    top: 14px;
    font-size: 20px;
    font-weight: 600;
}

.my-school-text p span {
    background: #fff;
    color: #f15658;
    font-size: 11px;
    padding: 2px 7px;
    border: 1px solid #f15658;
    box-shadow: 0 5px 5px 0 rgba(99, 53, 152, .15), 0 5px 10px 0 rgba(99, 53, 152, .15);
    vertical-align: middle;
    margin-left: 9px;
}

.school-view .right {
    background: #e9e9e9;
    box-shadow: 0 5px 5px 0 rgba(99, 53, 152, .15), 0 5px 10px 0 rgba(99, 53, 152, .15);
}

.school-view .right .box-profile,
.school-view .right hr {
    border-bottom: 1px solid #fff;
}


.table-bordered tbody td:last-child a:last-child {
    margin-right: 0px;
}

.panel-info > .card-header {
    color: #000;
    background-color: #cccccc;
    border-color: #cccccc;
}

.panel-info {
    border-color: #cccccc;
}

.table td .help-block {
    bottom: 8% !important;
    top: auto;
    font-size: 11px;
}

.gpa-scale-index .state-information,
.designation-index .state-information {
    top: -5px;
}

.attendancedata a.btn {
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    vertical-align: top;
    margin: 0 0 4px;
}


/*end*/


/*common*/

.mb-0 {
    margin-bottom: 0;
}

.mt-0 {
    margin-top: 0;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label,
.has-error .control-label {
    color: #000 !important;
}

.has-error .help-block {
    color: #f00;
    top: 100%;
    font-size: 13px;
    line-height: 14px;
}

.kv-form-bs4 .has-error .help-block {
    color: white;
}

.kv-editable-form .has-error .help-block {
    color: #f00;
}

.btn.btn-success.btn-file {
    margin-top: 0;
}
.notification-wrap.clearfix {
    width: -webkit-fill-available;
}

.modal-title {
    font-size: 16px;
    color:#fff;
}

span.input-group-addon.kv-field-seperator {
    padding: 10px;
    height: 40px;
}

.input-group .input-group-append .btn {
    margin: 0;
}

.kv-container-from {
    padding: 0;
}

.form-control.kv-field-from,
.form-control.kv-field-to {
    border: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    font-size: .9rem;
    text-align: left !important;
    height: 40px;
}

.input-group-btn > .btn.btn-file {
    color: white !important;
    background: linear-gradient(to right, #ef4753, #feab75) !important;
    border: 1px solid #ef4753;;
    padding: 0.375rem 0.75rem !important;
}

.btn-back-asmnt {
    position: absolute;
    right: 267px;
    top: 22px;
}

.select2-container--krajee .select2-selection--single {
    height: 40px;
    line-height: 1.428571429;
    padding: 6px 24px 6px 12px;
    background: #fff !important;
    border-color: #b4b9bf;
}

.btn-back-tasmnt {
    position: absolute;
    right: 187px;
    top: 22px;
}

.file-caption .input-group-btn > .btn {
    background: -webkit-linear-gradient(45deg, #f05523, #bc394d 80%);
    border: 1px solid #bc394d;
    margin-left: 1px !important;
    color: #fff !important;
    margin: 0 !Important;
}

.btn-back-marks {
    position: absolute;
    right: 187px;
    top: 22px;
}

.input-group .input-group-append .btn {
    margin-top: 0;
}

.common-form .control-label,
.common-form .chosen-select,
.common-form textarea {
    width: 100%;
}

.common-form select,
.common-form textarea {
    padding: 10px;
    height: 110px;
}

.common-form label {
    font-weight: 600;
    padding-bottom: 6px;
}

.pt-0 {
    padding-top: 0;
}

.margin {
    margin: -15px;
    margin-bottom: 15px;
}

.stepper-horizontal {
    display: table;
    width: 100%;
    margin: 0 auto;
}

.stepper-horizontal .step {
    display: table-cell;
    position: relative;
    padding: 1.5rem;
    z-index: 2;
    width: 25%;
}

.stepper-horizontal .step:last-child .step-bar-left, .stepper-horizontal .step:last-child .step-bar-right {
    display: none;
}

.stepper-horizontal .step .step-circle {
    width: 3rem;
    height: 3rem;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    line-height: 3rem;
    font-size: 1rem;
    font-weight: 600;
    z-index: 2;
    background-color: rgb(204, 204, 204);
    color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px 0px, rgb(0 0 0 / 10%) 0px 0px 1px 0px;
}

.stepper-horizontal .step.done .step-circle {
    background: linear-gradient(
            45deg, #0386d4, #cb47ff) !important;
    color: #fff;
}

.stepper-horizontal .step.done .step-circle:before {
    font-family: 'FontAwesome';
    font-weight: 100;
    content: "\f00c";
}

.stepper-horizontal .step.done .step-circle * {
    display: none;
}

.stepper-horizontal .step.done .step-title {
    color: #323232;
}

.stepper-horizontal .step.editing .step-circle {
    background: linear-gradient(
            45deg, #0386d4, #cb47ff) !important;
    box-shadow: rgb(0 0 0 / 25%) 0px 4px 10px 0px;
    color: #fff;

}

.stepper-horizontal .step.editing .step-title {
    color: #3888de;
    text-decoration: underline;
}

.stepper-horizontal .step .step-title {
    margin-top: .5rem;
    font-size: .8rem;
    font-weight: 600;
}

.stepper-horizontal .step .step-title, .stepper-horizontal .step .step-optional {
    text-align: center;
    color: #829ab1;
}

.stepper-horizontal .step .step-optional {
    font-size: 0.75rem;
    font-style: italic;
    color: #9fb3c8;
}

.stepper-horizontal .step .step-bar-left, .stepper-horizontal .step .step-bar-right {
    position: absolute;
    top: calc(2.5rem + 5px);
    height: 5px;
    background-color: rgb(234, 234, 240);
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
}

.stepper-horizontal .step .step-bar-left {
    width: calc(100% - 3rem);
    left: 50%;
    margin-left: 1.5rem;
    z-index: -1;
}

.stepper-horizontal .step .step-bar-right {
    width: 0;
    left: 50%;
    margin-left: 1rem;
    z-index: -1;
    transition: width 500ms ease-in-out;
}

.stepper-horizontal .step.done .step-bar-right {
    background: linear-gradient(
            45deg, #cb47ff, #0386d4) !important;
    z-index: 3;
    width: calc(100% - 2rem);
    margin-left: 1.5rem;
}

@media (max-width: 426px) {
    .stepper-horizontal .step .step-circle {
        width: 2rem;
        height: 2rem;
        margin: 0 auto;
        border-radius: 50%;
        text-align: center;
        line-height: 2rem;
        font-size: 1rem;
        font-weight: 600;
        z-index: 2;
        background-color: rgb(204, 204, 204);
        color: rgb(255, 255, 255);
        box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px 0px, rgb(0 0 0 / 10%) 0px 0px 1px 0px;
    }

    .stepper-horizontal .step .step-bar-left {
        width: calc(100% - 1rem);
        left: 50%;
        margin-left: 1rem;
        z-index: -1;
    }

    .stepper-horizontal .step .step-bar-left, .stepper-horizontal .step .step-bar-right {
        position: absolute;
        top: calc(2rem + 5px);
        height: 3px;
        background-color: rgb(234, 234, 240);
        box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
    }

    .stepper-horizontal .step.done .step-bar-right {
        background: linear-gradient(
                45deg, #cb47ff, #0386d4) !important;
        z-index: 3;
        width: calc(100% - 2rem);
        margin-left: 1rem;
    }

    .stepper-horizontal .step .step-bar-right {
        width: 0;
        left: 50%;
        margin-left: 1rem;
        z-index: -1;
        transition: width 500ms ease-in-out;
    }

    .stepper-horizontal .step .step-title {
        margin-top: .5rem;
        font-size: .7rem;
        font-weight: 600;
    }
    .fancybox-skin {
        padding: 10px !important;
    }
    .fancybox-wrap{
        width: revert !important;
        height: auto;
        position: absolute;
        top: 20px;
        left: 20px !important;
        right: 20px;
    }
    .fancybox-inner{
        width: inherit !important;
    }


}

.btn-common {
    padding: 0.25rem 0.5rem;
}

.language-picker.small li {
    padding: 5px 10px !important;
    margin: 0 !important;
}

.multiple-delete {
    /*  position: absolute;
    right: 15px;
    top: 15px; */
}

.content-section {
    position: relative;
}


/*end*/


/*course-view*/

.list-courses table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.list-courses td,
.list-courses th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.list-courses tr:nth-child(even) {
    background-color: #dddddd;
}


/*end*/


/*fee-structure-table*/


.fee-structure-table .id {
    width: 10%;
}

.fee-structure-table .common-width {
    width: 30%;
}


/*end*/


/*program-course*/

.chosen-select {
    height: 400px !important;
    width: 100%;
    padding: 10px !important;
    border: 1px solid #ddd !important;
    overflow: auto !important;
    display: block !important;
    margin-bottom: 20px;
}

div#text-area {
    width: 100%;
    padding: 10px !important;
    height: 377px !important;
    border: 1px solid #ddd !important;
    overflow: auto !important;
    display: block !important;
    margin-bottom: 20px;
}

.form-group.field-programcourserelation-course_id p.help-block.help-block-error {
    margin: 0;
}

/* .file-detail object{
    min-height: 60vh;
    max-height: 60vh;
} */
/*.file-detail iframe{
    max-height: 70vh;
    min-height: 70vh;
}*/
#help {
    width: 30px;
    display: block;
    float: right;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px;
    color: #f15758;
}


/*plan-view*/

.plan-view .heading {
    width: 100%;
    display: block;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 15px;
    color: #fff;
}

.plan-view .nested-desc {
    padding: 30px;
}


.plan-view .mo-desc {
    color: #3f6ad8;
    font-size: 33px;
    font-weight: 600;
}

.plan-view .mo-desc span {
    font-size: 16px;
    font-weight: 500;
}

.plan-view .check-desc {
    margin-bottom: 20px;
}

.plan-view .items-desc li {
    line-height: 2;
}

.plan-view .items-desc .green {
    color: green;
}

.plan-view .items-desc .red {
    color: red;
}

.plan-view .items-desc li i {
    margin-right: 7px;
}


/*end*/

/*.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-color: #218838 !important;
}
*/
.school-text {
    font-size: 30px;
}

.line-height55 {
    line-height: 55px;
}

.visible-sm-show {
    display: none;
}

.image-icon {
    width: 150px;
    margin: auto;
}

.topborder {
    border-top: 5px solid #ef4753;
}

.topborder p {
    color: #000;
}

.topborder p i {
    color: #ef4753;
}

.profile-username.text-center {
    color: #ef4753;
    font-weight: 600;
    font-size: 20px;
}

.topbar-image {
    background: #ef4753;
    padding: 30px 0 0;
    margin-bottom: 20px;
}

.topbar-image svg {
    margin-bottom: -7px;
}

.image-icon {
    width: 150px;
    margin: auto;
    height: 150px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    display: flex;
    align-content: center;
    align-items: center;
}

.image-icon img {
    width: 85%;
    margin: auto;
}

.chosen-select option,
#text-area p {
    background: #e0efe0;
    padding: 7px 10px;
    margin-bottom: 5px;
    border-radius: 4px;
    white-space: normal;
    line-height: 18px !important;
}

.nav-tabs-custom.student-tabs ul.nav.nav-tabs {
    font-size: 0;
}

.nav-tabs-custom.student-tabs ul.nav.nav-tabs li,
#myTab li,
.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header li {
    float: none;
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 0;
    margin-right: 0;
}

.responsive-show {
    display: none;
}

.nav-tabs-custom.student-tabs ul.nav.nav-tabs,
#myTab {
    display: table;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 0;
}

.nav-tabs-custom.student-tabs ul.nav.nav-tabs li a,
.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header li a,
.nav-tabs-custom.student-tabs ul.nav.nav-tabs li a,
.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header li a {
    border-radius: 0;
    margin: 0;
    border-radius: 0;
    font-size: 13px;
    text-align: center;
    display: block;
    height: 60px;
    line-height: 60px;
    font-weight: 500;
    padding: 0 15px !important;
}

.row.state-overview .card {
    display: block;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    border: 1px solid;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: transparent;
}

.label-danger {
    background-color: #d9534f;
}
.label-secondary{
    background-color: #6c757d;
}
.label {
    display: inline-block;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
    margin: 0 3px 3px 0;
    border:0;
}

.label-success {
    background-color: #5cb85c;
}

.label-warning {
    background-color: #78cdd4;
}

.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.notification-menu .dropdown-menu.mailbox {
    width: 400px;
}

ul.notification-menu {
    margin-bottom: 0;
}

.dropdown-toggle::after {
    display: inline;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    right: -25px !important;
    position: absolute;
    top: 48%;
}

.bootstrap-timepicker .input-group-append {
    margin-left: -1px;
    width: 15%;
    padding: 0;
}

.bootstrap-timepicker .input-group-append span {
    width: 100%;
    padding: 0;
    justify-content: center;
}

.dropdown-menu.dropdown-usermenu.purple.float-right li {
    display: block;
    float: none !important;
}

.scrollbar {
    height: 75vh;
    width: 25vw;
    min-width: 150px;
    background: #fff;
    overflow-y: scroll
}

.overflow {
    min-height: 100vh
}

.right-notification {
    float: right;
}

.notification-menu li {
    float: left;
    position: relative;
}

.bootstrap-timepicker.input-group input.form-control {
    width: 85%;
}

.btn-group.pull-right .btn {
    margin-top: 0;
}

.gallery-child {
    text-align: center;
    position: relative;
    width: 160px;
    margin: 0 auto;
}

.box-body.box-profile {
    text-align: center;
}

.label-default {
    background: gray;
}

.label-primary {
    background-color: #337ab7;
    color: white;
}

.label-info {
    background-color: #5bc0de;
}

a.label-primary:hover {
    color: #fff;
}


.file-detail-auto-height {
    width: 100%;
    height: auto;
    background: #f0f0f0;
    box-shadow: 0px 0px 5px #bbb;
    border-radius: 10px;
    position: relative;
    display: flex;
    justify-content: center;
}
.file-detail img{
    max-width: 50%;
}
.file-detail .file-upload-icons {
    position: absolute;
    right: 20px;
    top: 0px;
    z-index: 10;
}

.file-action-icons .btn-download {
    margin-right: 5px;
}

.file-detail .btn-download {
    padding: 0;
    height: 30px;
    line-height: 30px;
    width: 30px;
    margin-left: 5px;
}

.mp4-video {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.mp4-video .video-js {
    height: 100%;
}

.buttondiv.text-right.btn-back-tasmnt {
    right: 111px;
    margin-top: -4px;
}

.file-detail iframe {
    width: 100%;
    height: 475px;
}

.btnfeedback {
    margin-right: 182px;
    margin-top: 6px;
}

.nav-tabs-custom.student-tabs ul.nav.nav-tabs li a {
    text-decoration: none;
    position: relative;
}

.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header li {
    border: 0;
    font-weight: normal;
    border-radius: 0;
    padding: 0px 25px !important;
    margin-right: 1px !important;
    height: 60px;
    line-height: 60px;
    margin: 0;
    margin-bottom: 1px;
}

.form-group.btn-attendance.text-right .btn {
    margin-left: 10px !important;
}

ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    padding-bottom: 5px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0 !important;
    font-size: .9rem;
    display: block;
    width: auto;
    text-align: center;
}

.ui-widget.ui-widget-content:not(#pageTabs) {
    /*padding: 0;*/
}

ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    padding: 0px !important;
    border: 0;
    padding: 0;
    border-radius: 4px;
    background: none !important;
}

.popover-footer .btn {
    font-size: 13px !important;
    margin: 3px 0 3px 5px !important;
}

.select2-container--krajee-bs4 .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px) !important;
    line-height: 1.5 !important;
    padding: .35em 1.5rem 0 .5em  !important;
    border-color: #b4b9bf;
}

.select2-container--krajee-bs4 .select2-selection--single .select2-selection__clear {
    font-size: 21px !important;
}

.select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__choice {
    border: none !important;
    color: #fff !important;
    padding: 3px 5px !important;
    background-color: #42A5F5 !important;
    letter-spacing: 0.9px !important;
    font-size: 10px !important;
    line-height: 17px !important;
}

.select2-container--krajee-bs4 .select2-selection {
    box-shadow: none !important;
}

.select2-container--krajee-bs4 .select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 0.375rem 0.75rem !important;
    margin:0 !important;
}

.select2-container--krajee-bs4.select2-container--open:not(.select2-container--disabled) .select2-selection, .select2-container--krajee-bs4:not(.select2-container--disabled) .select2-selection:focus {
    box-shadow: none;
    border-color: #3f51b5;
}

.select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__choice__remove {
    float: left !important;
    font-size: 14px !important;
    line-height: 14px !important;
    padding-left: 0 !important;
    margin-right: 2px !important;
    color: #fff !important;
    font-weight: 500 !important;
    opacity: inherit !important;
    cursor: pointer !important;
}

ul.items-desc {
    max-height: 150px;
    min-height: 150px;
    overflow: auto;
}

.notification-menu .dropdown-menu .dropdown-item {
    padding: 0.25rem 5px !important;
}

.popover-lg {
    min-width: 300px;
}

.atendencetop .wrapper {
    padding: 0;
}

.search-container {
    position: relative;
}

.search-container i {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 17px;
}

.search-container input {
    padding-right: 35px;
}

.height84 {
    height: 84px;
}


/*toast*/

.jq-icon-success {
    background-image: none;
    color: #3c763d;
    background-color: #fff;
    border-color: #3c763d;
    border-top: 5px #3c763d solid;
}

.jq-icon-info {
    background-image: none;
    color: #31708f;
    background-color: #fff;
    border-color: #31708f;
    border-top: 5px #31708f solid;
}

.jq-icon-warning {
    background-image: none;
    color: #8a6d3b;
    background-color: #fff;
    border-color: #8a6d3b;
    border-top: 5px #8a6d3b solid;
}

.jq-icon-error {
    background-image: none;
    color: #a94442;
    background-color: #fff;
    border-color: #a94442;
    border-top: 5px #a94442 solid;
}

.jq-toast-single h2 {
    font-size: 22px !important;
    font-weight: 600;
    text-align: left;
}

.jq-toast-single {
    font-size: 18px;
    line-height: 25px;
}

.jq-toast-single.jq-has-icon.jq-icon-success h2::before {
    content: url('../img/frontend/check.png');
    margin: 0;
    position: absolute;
    left: 10px;
    top: 7px;
}

.jq-toast-single.jq-has-icon.jq-icon-info h2::before {
    content: url('../img/frontend/info.png');
    margin: 0;
    position: absolute;
    left: 10px;
}

.jq-toast-single.jq-has-icon.jq-icon-warning h2::before {
    content: url('../img/frontend/error2.png');
    margin: 0;
    position: absolute;
    left: 10px;
}

.jq-toast-single.jq-has-icon.jq-icon-error h2::before {
    content: url('../img/frontend/error1.png');
    margin: 0;
    position: absolute;
    left: 10px;
}

.jq-has-icon {
    padding: 10px;
    background-repeat: no-repeat;
    background-position: 10px;
    text-align: left !important;
    padding-left: 80px !important;
}

.jq-toast-single h2 {
    margin-left: -80px;

}

.jq-toast-wrap {
    box-shadow: none;
}

.jq-toast-wrap .jq-toast-single {
    line-height: 25px !important;
    text-align: left !important;
    word-break: break-all;
}

.close-jq-toast-single {
    font-size: 24px;
}

.dropdown-toggle::after {
    border-top: 0.3em solid #fff;
}

li.titlebox {
    padding: 0 5px;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
}

.mega-link {
    width: 45px;
    height: 45px !important;
    display: block;
    background: rgba(63, 106, 216, 0.1);
    line-height: 45px !important;
    border-radius: 50%;
    margin-top: 8px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    margin-left: 10px;
    margin-right: 3px !important;
}


.user-icon img {
    width: 100%;
}

.mr0 {
    margin: 0;
}

.form-group.field-importfile-file label {
    display: block;
}

.form-group.field-importfile-file input {
    border: 1px solid #ddd;
    width: 100%;
    height: 40px;
    padding: 6px 15px;
}

.krajee-default.file-preview-frame {
    margin: 4px;
}

.btn.btn-primary.btn-file {
    margin-top: 0;
    width: auto;
}

/*
.uploadfilebox .file-detail iframe {
    width: 100%;
    height: 100%;
}*/

.prev.disabled,
.next.disabled {
    cursor: not-allowed;
}

.pd-0 {
    padding: 0;
}

.plan-view .items-desc li {
    padding: 0px 15px !important;
}

.watermark {
    position: absolute;
    z-index: -1;
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center;
    justify-content: center;
    align-content: center;
    align-items: center;
}

#bg-text {
    background-image: url(../img/watermark.png);
    background-size: 350px auto;
    background-repeat: space;
    width: 100%;
    height: 100%;
    /*transform:rotate(330deg) !important;
    -webkit-transform:rotate(330deg) !important;*/
}

#bg-text1 {
    background-image: url(../img/watermark1.png);
    background-size: 230px auto;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
}

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

.boldfont {
    font-weight: 800;
    font-size: 16px;
    padding-top: 5px;
    display: block;
}
#field {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 500px;
}
#field table thead{
    inset-block-start: -2px;
    position: sticky;
}
#field table{
    margin: 0;
}
#field table tfoot{
    position: sticky;
    inset-block-end: -2px;
}
button.btn-small {
    height: 25px !important;
    line-height: 25px !important;
    padding: 0 5px !important;
    min-height: inherit !important;
    margin-left: 15px;
}

/*input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    width: auto;
}
*/
label.capitalize-text {
    text-transform: capitalize !important;
}


card-header .pull-right a.btn {
    vertical-align: top;
}


.classtracklogo.marksheet_classtrack_logo img {
    width: 200px;
}

.modal-backdrop.show {
    display: none !important;
}

.btn-group > .btn-group {
    margin: 0px;
}

.linehgt45 {
    line-height: 45px;
    height: 45px;
}


.setting-index #accordion .card-header {
    padding: 0;
    border-bottom: 0;
}

.setting-index #accordion .card-header a i.fa.fa-angle-down,
a#main-collapsable-clicker i.fa.fa-angle-down,
a#main-collapsable-clicker i.fa.fa-angle-up

{
    font-weight: 700;
    font-size: 16px;
}

.setting-index #accordion .card-header a[aria-expanded=true] .fa.fa-angle-down ,
#accordion-student-detail a#main-collapsable-clicker[aria-expanded=true] .fa.fa-angle-down {
    display: none;
}

.setting-index #accordion .card-header a[aria-expanded=false] .fa-times,
#accordion-student-detail a#main-collapsable-clicker[aria-expanded=false] .fa-angle-up {
    display: none;
}



#accordion-student-detail a#main-collapsable-clicker[aria-expanded=true],
#accordion-student-detail a#main-collapsable-clicker:hover
{
    background: #17a2b8;
    color: #fff;
}
.setting-index #accordion .card-header a[aria-expanded=true],
.setting-index #accordion .card-header a:hover{
    background-color: #ebf0ff;
}
.setting-index #accordion .card-header a:hover,
#accordion-student-detail a#main-collapsable-clicker:hover{
    border-left: 6px solid #212529;
}

.setting-index #accordion .card-header a,
#accordion-student-detail a#main-collapsable-clicker {
    display: block;
    padding: 0.35rem .6rem;
    min-height: 28px;
    border-left: 4px solid #212529 !important;
    transition: .5s ease;
    background-color: #eaf0f9!important;
    color: #212529;
    font-weight: 500;
     border: 1px solid #dee6ed; 
    border-radius: 4px;
}

.setting-index #accordion .card-header a{
    border-left: 0 !important;
}
.setting-index #accordion .card .card-collapse,
#accordion-student-detail .collapse.show {
    -moz-transition: height .35s ease;
    -ms-transition: height .35s ease;
    -o-transition: height .35s ease;
    -webkit-transition: height .35s ease;
    transition: height .35s ease;
    overflow: hidden;
}

.setting-index #accordion .card .card-collapse h6 {
    font-size: 13px;
    font-weight: 500;
}

.setting-index #accordion .card .card-collapse p {
    font-size: 13px;
}

.filter_month {
    background: transparent;
    border: 1px solid #ccc;
    height: 30px;
    min-width: 100px;
}

.btn.btn-edit {
    padding: 0;
    height: 29px;
    background: #8e8764;
    border-radius: 0;
    width: auto;
    margin-top: 0.7rem !important;
    margin-bottom: 0.5rem !important;
    margin-right: 10px;
    color: #fff;
    line-height: 26px;
    min-height: 29px;
    padding: 0 5px;
}

.rotate-table th {
    width: 30px !important;
    max-width: 30px;
    min-width: 30px;
    vertical-align: bottom !important;
}

.rotate-table th div {
    -webkit-transform: translate(0px, 0px) rotate(-90deg);
    transform: translate(0px, 0px) rotate(-90deg);
    padding-bottom: 10px;
}

.samebg.border.lastlist::after {
    background: #c5bd97;
    position: absolute;
    right: -1px;
    width: 1px;
    height: 100%;
    content: "";
    top: 0;
}

#splitCell.no-rotate {
    padding: 0 !important;
}

#splitCell.no-rotate div {
    transform: translate(0px, 0px) rotate(0deg);
    width: 100px !important;
    padding: 3px;
    padding-bottom: 10px;
    line-height: inherit !important;
    padding-top: 15%;
    height: 71px;
}

#scrollbar.whitebg span,
#scrollbar.whitebg span a {
    margin-top: 0 !important;
    background: #fff;
}

#scrollbar.whitebg #left_scroll,
#scrollbar.whitebg #left_scroll_eval {
    border-color: transparent #8e8764 transparent transparent !important;
}

#scrollbar.whitebg #right_scroll,
#scrollbar.whitebg #right_scroll_eval {
    border-color: transparent transparent transparent #8e8764 !important;
}

.sidebutton-relative .state-information {
    position: relative;
    right: 0;
    top: 0;
}

.mainbox {
    text-align: center;
    padding: 1rem !important;
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    min-height: 170px;
    background-color: #fff;
}


.icon-inner {
    background: #8e8554;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: -60px auto 20px;
}

.mainbox h3 {
    font-size: 18px;
    line-height: 25px;
    color: #000;
}

.block {
    display: block;
}

.mainouter-box h3 {
    font-size: 21px;
    text-align: left;
    margin-bottom: 20px;
}

.multiple-field-js {
    position: relative;
    margin-bottom: 20px;
}

.multiple-field-file input[type="file"],
.multiple-field-js input[type="file"] {
    line-height: inherit !important;
    padding-top: 6px !important;
}

.plan-view .heading {
    background: linear-gradient(to right, #141e30, #243b55) !important;
}

.plan-view .pricing-new {
    padding: 0;
}

.multiple-field-js .remove_field {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.multiple-field-js.card.mainouter-box {
    position: relative;
}

.multiple-field-js.card.mainouter-box .remove_field,
#remove-record {
    position: absolute;
    top: 10px;
    background: -webkit-linear-gradient(45deg, #f05523, #bc394d 80%);
    bottom: auto;
    width: 25px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    color: #fff;
    border-radius: 3px;
    right: 15px;
    z-index: 1;
}

.icon-inner img {
    width: 50px;
    margin: auto;
    padding-top: 25px;
}

.bootstrap-timepicker input {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
    font-weight: 700;
    color: #000;
}

.mainouter-box {
    padding: 15px;
    background: #fff0f1;
    border-radius: 0;
}


.attendancedata .btn-warning,
.attendancedata .btn-warning:focus,
.attendancedata .btn-warning:hover {
    background: #ffc107;
    border: #ffc107;
    color: #000;
}

.attendancedata .btn-danger:hover {
    background: #dc3545;
    border: #dc3545;
    color: #fff !important;
}

.attendancedata .btn-info,
.attendancedata .btn-info:hover,
.attendancedata .btn-info:focus {
    background: #17a2b8;
    border: #17a2b8;
    color: #fff;
}

.attendancedata a {
    margin: 5px 2px;
}

.page-head.customheader {
    position: relative;
}

.customheader .state-information {
    position: absolute;
    right: 15px;
    top: -10px;
}

.ui-dialog .ui-dialog-content .modal-body {
    padding: 0;
}

.modal-backdrop.in {
    display: none;
}

button.ui-dialog-titlebar-close,
.button.ui-dialog-titlebar-close:hover,
button.ui-dialog-titlebar-close:focus {
    border: 0;
    color: #333 !important;
    background: url("http://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png") !important;
    background-position: -96px -128px !important;
}

.modal {
    background: rgba(0, 0, 0, 0.4);
    text-align: left;
    z-index: 1500 !important;
}

button.ui-dialog-titlebar-close span {
    display: none;
}

/*
.datepicker.dropdown-menu div {
    display: block;
}*/

.modal .datepicker {
    top: 99% !important;
    left: 0 !important;
    bottom: auto !important;
}

.scrollerdiv {
    max-height: 80vh;
    overflow: auto;
}

.links a {
    margin: 5px 1px 5px 0;
    font-size: 13px;
    padding: 0px 3px;
    height: 30px !important;
    line-height: 30px !important;
}

#student-batch-pjax-ajax-grid .table-responsive {
    overflow: visible;
}

.mediumbg {
    background: #ddd8c9 !important;
    color: #262626 !important;
}

.samebg {
    background: #dbd5b8 !important;
}

.otherbg {
    background: #c5bd97 !important;
}


/*toast*/

header.card-header .btn {
    vertical-align: middle;
}

.fromgrouphide p.help-block {
    margin: 0;
}

.input-group.date input {
    margin-top: 0;
}

#assesmentViewModal .close {
    cursor: pointer;
}

#assesmentViewModal .modal-body {
    min-height: 500px !important;
}

footer a img {
    width: 100px;
}

.checkbox-inline {
    margin-right: 10px;
}

.customCheckbox {
    float: left;
    position: relative;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    margin-right: 5px;
    overflow: hidden;
    pointer-events: visible;
}

.customCheckbox.customCheckboxChecked {
    background: #4d4e52;
    border: 1px solid #1a4699;
    border-radius: 5px;
}

.customCheckbox input {
    opacity: 0;
    cursor: pointer;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.customCheckbox span {
    display: none;
    text-align: center;
    line-height: 20px;
    color: #fff;
}

.customCheckbox.customCheckboxChecked span {
    display: block;
}

table td .date .datepicker {
    top: 100% !important;
    left: 0 !important;
    bottom: auto !important;
}

.ui-widget-header .ui-datepicker-next .ui-icon {
   /* background-image: url(../../../themes/base/img/frontend/arr_select.png) !important;
    background-size: 15px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    transform: rotate(-90deg) !important;*/
}

.ui-widget-header .ui-datepicker-prev .ui-icon {
    /*background-image: url(../../../themes/base/img/frontend/arr_select.png) !important;
    background-size: 15px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    transform: rotate(90deg) !important;*/
}

.arrow-down img {
    width: 8px !important;
    vertical-align: top !important;
}

.arrow-down {
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
}

span.arrow-down img {
    width: 12px !important;
    vertical-align: top;
}


/*

.checkbox-out{
  display: inline-block;
  margin-bottom: 15px;
}

.checkbox-out input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checkbox-out label {
  position: relative;
  cursor: pointer;
}

.checkbox-out label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.checkbox-out input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #6cc0e5;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}
.checkbox-inline::after{
  display: none  !important;
}
 */

@media screen and (max-width: 1440px) {
    .table td .help-block {
        font-size: 10px !important;
        line-height: 10px;
    }
}

@media screen and (max-width: 1368px) {
    .table td input {
        min-width: 20px;
        font-size: 12px;
    }

    .table td select {
        min-width: 20px;
        padding: 0px 5px;
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .mega-link.nav-link.dropdown-toggle.text-muted.waves-effect.waves-dark.color-bell {
        margin-top: 18px;
    }

    .responsive-hide {
        display: none !important;
    }

    .right-notification .notification-menu li a.btn.btn-default.dropdown-toggle {
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .btn.toggle-btn.default-toggle {
        width: 45px !important;
        margin-top: 2px !important;
        margin-right: 10px !important;
    }

    .my-school-text {
        padding-top: 0 !important;
    }
}

.bottom-admin-button.btn-space-bottom button,
.bottom-admin-button.btn-space-bottom a {
    margin-top: 0px;
}

.blackboard {
    position: relative;
    margin: auto;
    min-width: 40em;
    padding: 5px;
    box-sizing: border-box;
    /* background-image: radial-gradient(circle at left 30%, rgba(34, 34, 34, 0.2), rgba(34, 34, 34, 0.2) 80px, rgba(34, 34, 34, 0.3) 100px, rgba(51, 51, 51, 0.3) 160px, rgba(51, 51, 51, 0.3)), linear-gradient(215deg, transparent, transparent 100px, rgba(34, 34, 34, 0.4) 260px, rgba(34, 34, 34, 0.4) 320px, transparent), radial-gradient(circle at right, rgba(17, 17, 17, 0.4), rgba(51, 51, 51, 0.5)), linear-gradient(0deg, rgba(80, 80, 80, .5), rgba(80, 80, 80, .2) 70%); */
    background-color: white;
}

/* ----- CHALK ----- */


/* ----- TIMER COUNT DOWN ----- */

.timer-area {
    top: 0px;
    position: fixed;
    right: 0%;
    width: auto;
    font-size: x-large;
}

#test_timer-text {
    font-size: large;
    top: 1px;
    position: fixed;
    right: 50%;
    width: auto;
}


.table-bordered tbody td:last-child .student-status-btn.btn {
    width: 112px;
    height: 28px;
    line-height: 24px;
    text-align: center;
    min-height: 28px !important;
    color: black;
}

.document-uploader-btn {
    margin-right: 6px !important;
    margin-top: -3px !important;
}

.hours-delivered-submit-btn {
    font-size: 18px !important;
    padding-right: 2px;
}

.on-screen-button {
    display: inline-block;
    background-color: black;
    color: white !important;
    width: 74px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    margin: 30px;
    position: fixed;
    top: 30px;
    left: 70px;
    transition: background-color .3s;
    z-index: 1000;
}

.on-screen-button:hover {
    cursor: pointer;
    background-color: #333;
}

.on-screen-button:active {
    background-color: #212529;
}

.highlight-keywords {
    font-weight: bold;
    color: blue;
}

.keywords-info {
    font-size: x-large;
    font-weight: bold;
}


.answer-sheet-quiz {
    padding: 0 30px 20px 30px;
    max-width: 960px;
    margin: 0 auto;
}

.answer-sheet-quiz ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.answer-sheet-quiz .quiz-question {
    font-weight: bold;
    display: block;
    padding: 30px 0 10px 0;
    margin: 0;
}

.answer-sheet-quiz .quiz-answer {
    margin: 0;
    padding: 10px;
    background: #f7f7f7;
    margin-bottom: 5px;
}

.answer-sheet-quiz .quiz-result {
    max-width: 960px;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 20px;
}
.answer-sheet-teacher {
    background-color: white;
}

.answer-form-upload-btn {
    margin-top: 48px;
}

.answer-sheet-teacher .form-control + .input-group-addon:not(:first-child) {
    border-left: 0;
    padding: 9px 3px 0px 16px !important;
}

.batch-merge-view-btn {
    font-size: initial;
    color: white !important;
    margin-top: 24px;
    margin-right: 3px;
}

.student-course-progress {
    font-size: .9rem;
}



.fixed-top-timer {
    top: 5px;
    right: 50px;
}

#testAnswerErrorDiv {
    color: red;
    border: dimgrey;
}

.user-result-answers .answer-title {
    margin-top: 8px;
    margin-left: 8px !important;
}

.user-result-answers .badge-primary {
    color: #fff !important;
    background-color: #5C6BC0;
}

.user-result-answers .marks-obt {
    font-size: medium;
    margin-right: 6px;
}

.user-result-answers .badge-success {
    color: #fff !important;
    background-color: #28a745;
}

.student-final-result .card-header {
    padding: 0.75rem 1.25rem !important;
    margin-bottom: 0 !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.answer-sheet-quiz .border-div {
    border: 1px solid black;
}

/*.answer-sheet-quiz{
    height: 700px;
    overflow-y: scroll;
}*/

.teacher-comment .comment-div {
    word-break: initial;
    white-space: normal;
    flex-wrap: wrap;
}

.cursor-pointer {
    cursor: pointer;
}

.blackboard-scroller {
    overflow: auto;
    height: 780px;
}

.disabledContent {
    pointer-events: none;
    opacity: 0.4;
}

.sub-course-view .course-card .btn-group {
    display: block;
}
.sub-course-view .course-card .btn-group .btn{
    margin-left: 0 !important;
    margin-right: -2px !important;
    padding: 0.25rem 0.25rem !important;
}
.un-read-leave-grid-row .row-class {
    background-color: greenyellow;
    font-weight: bolder;
}

ul.enrollment-legends {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


.enrollment-legends li {
    float: left;
    margin: 0 2px 0 0;
}

.enrollment-legends li span {
    display: block;
    text-align: center;
    padding: .4rem .66666667rem;
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: .25rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 10rem;
    margin-left: 2px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#student-schedule a.badge-primary {
    margin-right: 2px;
}

#student-batch-ajax-grid-view .state_id_toggle {
    font-size: 26px !important;
}

#student-batch-ajax-grid-view .remove_from_marksheet_toggle {
    font-size: 26px !important;
}

.student-course-enrollment-badge {
    color: white !important;
    font-size: medium;
}
.student-course-enrollment-badge.badge-success {
    color: rgb(39, 184, 131) !important;
    background-color: rgba(52, 195, 143, 0.23) !important;
    border-left: 2px solid !important;
}
.ui-tooltip {
    background-color: #fffffff2 !important;
    color: #1ca9d4 !important;
    padding: 0px 10px !important;
    box-shadow: none !important;
    transition: none !important;
}

.notiCount-notification-container {
    position: absolute;
    margin: 0px !important;
}

.multiple-student-enrollment {
    color: white !important;
    padding: 4px !important;
    font-size: 15px !important;
    margin-top: 2px;
}

.highlight-batch-date {
    background: cyan;
}

.batch-card-label {
    font-weight: bold;
}

.student-card-title-body {
    margin-bottom: -45px;
}

.custom-border-grey {
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
}

/* LOGO */

.showActionModalButton {
    cursor: pointer;
}

#batch-form .bottom-admin-button.btn-space-bottom a {
    margin-top: 28px;
}


.section.home-banner-03 {
    height: 100% !important;
}


.home-banner-03 {
    background: url(../../../themes/base/img/classtrack-home-bg-think-green-2.jpg) no-repeat center center fixed;
    height: 100vh;
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position: 50% !important;
    background-color: #edf4fa !important;
}

.home-banner-03 h1 {
    font-size: 40px !important;
    font-weight: 700;
    color: #000;
    margin: 0 0 25px !important;
    font-family: "Montserrat", sans-serif;
    background: #000000 !important;
    background-clip: border-box !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.home-banner-03 p {
    font-size: 15px;
    color: #000 !important;
}

.header-nav-style-2 .navbar-nav .nav-link {
    font-size: 12px !important;
}

.btn.toggle-btn.default-toggle {
    margin-right: 10px;
}


.fee-label {
    padding-left: 3px;
    padding-right: 3px;
    font-weight: 700;
    color: #f56a6a;
    background: none;
}

.fee-label-paid {
    font-weight: 700;
    color: green;
    background: none !important;
}

.logged-in {
    color: #49e422;
    font-size: 10px;
}

.logged-out {
    color: #ea203c;
    font-size: 10px;
}

.red.lighten-4 {
    background-color: #ffcdd2 !important;
}

/*** ### Attendas Css ### ***/
._top_header {
    background-color: #0c8fc2;
}

.card .card-footer{
    padding: 0.75rem 1rem;
}
.box.box-info {
    border: none;
    box-shadow: none;
    margin: 0px auto !important;

}

#dashboard-calender .box-tools {
    float: right;
}

.box-header {
    padding: 10px !important;
}

.box-header.with-border .box-title {
    font-weight: 500;
    padding-bottom: 5px;
    font-size: 16px;
}

.grid-view .ui-widget.ui-widget-content {
    border: none !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    display: inline-block;
}

.grid-view .table-bordered td {
    text-align: left;
    vertical-align: top !important;
    color: #495057;
}

.grid-view .table-bordered td p{
    margin-bottom: 0;
    white-space: normal;
}

.grid-view .table thead tr {
    /*background-color: #eff2f6 ;*/
}
.grid-view .table tbody tr td label{
    margin-bottom: 0;
}


.grid-view .table-bordered tbody td .dropdown-menu a.btn span,
.grid-view .table-bordered tbody td .dropdown-menu a.label span {
    margin-right: 5px;
}
.grid-view .table-bordered th.action-column{
    text-align: center;
}
.grid-view .table-bordered tr.filters td .form-control{
    padding: 0.175rem 0.5rem;
    min-width: 110px;
    border-color: #c5c5c5;
    font-size: 12px;
    margin-bottom: 0;
}
.grid-view .table-bordered tr.filters td .select2-container--krajee-bs4 .select2-selection--single {
    height: 25px !important;
    line-height: 25px !important;
    padding: 0 20px 0 5px !important;
}
.grid-view .table-bordered tbody td .dropdown-menu a.btn:last-child,
.grid-view .table-bordered tbody td .dropdown-menu a.label:last-child {
    margin-bottom: 0;
}


.grid-view .table thead th {
    padding: 8px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.grid-view .table-bordered .select2-container--krajee-bs4 .select2-selection--single{
    height: 25px;
    line-height: 25px;
}

/*** Details View ***/
.detail-view-table,
iframe html body .detail-view-table {
    position: relative;
}

iframe html body .detail-view-table.table-bordered tr {
    border: 0;
}

.detail-view-table th,
iframe html body div .detail-view-table th {
    max-width: 30%;
    font-weight: 500;
}

.detail-view-table th,
.detail-view-table td,
iframe html body div .detail-view-table th,
iframe html body div .detail-view-table td {
    margin: 0px;
    padding: 5px !important;
    vertical-align: middle;
}
#batch-editable-Student-detail-view.detail-view-table .kv-editable .kv-editable-submit{
    display: none;
}
@media (min-width: 320px) and (max-width: 480px) {

    .detail-view-table.table-bordered th,
    .detail-view-table.table-bordered td {
        word-break: normal;
        width: 25%;
        max-width: 25%;
        font-size: 12px;
        letter-spacing: .3px;
    }

    .grid-view .table thead th {
        padding: 5px 8px;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .6px;
    }
}

.pagination ul li.active a {
    background-color: #0c8fc2;
}

/*** ## Batch Form ### ***/

#batch-form label {
    margin-bottom: 0px !important;
    cursor: pointer;
    user-select: none;
}
#batch-form label input[type="checkbox"]{
    margin-top: 5px;
}
#batch-form label.checkbox-inline{
    display: inline-flex !important;
    user-select: none;
}
#batch-form label.checkbox-inline input{
    margin-top: 2px;
}
#batch-form .form-group {
    margin-bottom: 5px;
}

#batch-form .form-group.field-batch-show_end_date {
    margin-top: 20px;
}

#batch-form .bottom-admin-button.btn-space-bottom button {
    margin-top: 28px;
}

/*** ### Attendance Header ### ***/
.card-header{
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: #202C4B;
}


.attendance-header h1 {
    margin: 0px;
    display: inline;
}

.attendance-header .label {
    padding: 2px 5px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: 3px 5px;
}


/*** ### attendence-sheet-data ### ***/
#attendence-sheet-data .table.table-bordered hr {
    height: auto !important;
}

/*** ### Dashboard ### ***/


.fc-time-grid-event .fc-time {
    font-size: 14px !important;
}

.notification-box {
    background: #000000;
}

/*** ### REgistration Pages For All(Student Teachers Admins) ### ***/
.student-tabs #registration .card {
    margin-bottom: 0px;
}

.student-tabs #registration .card-header h1 {
    margin: 0px;
    padding: 5px 0px 10px 0px;
    color: #24505c;
}

.student-tabs #registration .card-body {
    padding: 15px 0px 0px 0px;
}

.student-tabs #registration .box-body.box-profile {
    border: 1px solid rgba(26, 54, 126, 0.125);
    position: relative;
    padding: 10%;
}

.student-tabs #registration .box-body.box-profile h5,
.student-tabs #registration .box-body.box-profile p {
    margin-bottom: 0px !important;
}
.student-tabs #registration .box-body.box-profile h5{
    font-size: 15px;
    margin-top: 5px;
}
.student-tabs #batch .form-group {
    margin-bottom: 0px;
}

/*** ### Course Cards ### ***/
.course-cards .course-boxes {
    position: relative;
}

.course-cards .course-boxes .card {
    border: 1px solid #743cab;
    border-radius: 11px !important;
}

.course-cards .course-boxes .card .main-image {
    position: relative;
    max-height: 175px;
    overflow: hidden;
    border-bottom: 1px solid #743cab;
}

.course-cards .course-boxes .card .main-image img {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
}

.course-cards .course-boxes .card .card-body {
    position: relative;
    padding: 0px;
}

.course-cards .course-boxes .card .progress-bar {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 5px;
    background-color: #743cab;
}

.course-cards .course-boxes .card .card-title {
    color: #743cab;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    min-height: 40px;
    max-height: 40px;
    padding: 0px 10px;
    margin: 15px 0px 0px 0px;
}

.course-cards .course-boxes .card .card-text {
    color: #743cab;
    font-size: 16px;
    font-weight: 300 !important;
    margin: 10px 0px 5px 0px;
    padding: 0px 10px;
}

.course-cards .course-boxes .card a.btn-success {
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    margin: 0px;
}

.course-cards .course-boxes .card a.btn-primary {
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    margin: 0px;
}

/*** ### Student Cart Page ### ***/
#course-pay-form input[type='checkbox'] {
    float: right;
    margin: 0px 0px 0px 10px;
}

/**** ### Programe Popup ### ***/
.program-detail-view .main-image {
    overflow: hidden;
    height: 200px;
}

.program-detail-view .program-title {
    font-size: 16px;
    height: 50px;
    overflow: hidden;
}

/*** ### Batch Card ### ***/
#_batch_card .student-card {
    position: relative;
}

#_batch_card .student-card .card {
    border: 2px solid #e7e7e7 !important;
}

#_batch_card .student-card .card-header {
    padding: 15px 15px  15px !important;
}

#_batch_card .student-card h2 {
    margin: 0 0 5px 0;
    padding: 0px;
    font-size: .9rem;
    font-weight: 600;
    color: #333333;
    overflow: hidden;
}

#_batch_card .student-card h2 span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 5px 0px;
}

#_batch_card .student-card h2 button {
    border: none;
}

#_batch_card .student-card p {
    margin: 0px;
    padding: 0px;
    font-size: .9rem;
    font-weight: 600;
    color: #333333;
    overflow: hidden;
}

#_batch_card .student-card p label {
    margin-bottom: 0px;
}

#_batch_card .student-card .card-body label,
#_batch_card .student-card .card-body button {
    text-transform: capitalize;
}

/* TOP Header*/
.top-left-icon .logo-small-header {
    position: relative;
    display: inline-block;
    vertical-align: middle;

}

.top-left-icon .logo-small-header img {
    max-height: 50px;
}

/*** ### Modal ### ***/
#course-chapter-lesson-tab-form .fr-box {
    z-index: 10 !important;
}

/*** ### Answer Comments Div ### ***/
.result-comment-div p em {
    background: none !important;
}

.result-comment-div p span {
    font-size: 12px !important;
}

/* Report Group Module*/
.group-program-cell .group-data-cell {
    font-size: .9rem;
    line-height: 16px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.group-program-cell p {
    margin: 0px;
    padding: 0px;
}

.group-program-cell .group-data-cell span {
    white-space: nowrap;
}

.group-program-cell .group-data-cell span label {
    margin: 0px;
}

.group-program .grid-view .table-bordered td {
    font-size: 14px !important;
    font-weight: 500;
    padding: 5px !important;
    color: #333333;
    vertical-align: middle;
}

.group-program .attending {
    color: #bf8f00;
}

.group-program .passed {
    color: #70ad47;
}

.group-program .failed {
    color: #c00000;
}

.group-program .pending {
    color: #7f7f7f;
}

.group-program .student_name {
    line-height: 16px;
}

@media (max-width: 1440px) {
    .group-program-cell .group-data-cell {
        font-size: 12px;
        line-height: 14px;
    }
}

/* Report Student in Batches */


/*** ### Answer Sheet ### ***/
.fr-box {
    clear: both;
}

@media (max-width: 991px) {
    .blackboard {
        min-width: 100%;
    }

    .answer-sheet-teacher h3 {
        font-size: 22px;
    }
    .page-head .page-header-buttons .btn{
        margin-top: 3px;
    }

}

@media (max-width: 576px) {
    .blackboard {
        min-width: 100%;
    }

    .answer-sheet-teacher h3 {
        font-size: 18px;
    }

}

.student-virtual-classroom-link-badge {
    position: absolute;
    right: 0;
    bottom: 1px;
}

.student-virtual-classroom-link-badge img {
    width: 15px;
    margin: 0;
    display: initial;
}

.repeat_header_toggle .glyphicon-ok-circle {
    font-size: 22px !important;
}

.modal .datepicker-dropdown {
    z-index: 9999 !important;
}

.comment-list .user-icon {
    width: 3%
}

.enrollment-student-count {
    display: grid;
    font-size: 16px;
    font-weight: bolder;
}

.enrollment-student-course-code {
    font-size: 14px !important;
}

/* Froala designs*/
.fr-box.fr-inline {
    border: solid 1px #eee;
    padding: 10px 5px 16px 10px;
    z-index: 1 !important;
}

.fr-element ul {
    padding-left: 15px !important;
}

.fr-element ul li {
    list-style-type: initial !important;
}

.swal-overlay--show-modal .swal-modal {
    -webkit-animation: showSweetAlert .0s;
}

.lms-grid-title label {
    font-weight: 600;
}

.lms-grid-title p {
    margin: 0px;
}

.grid-view .toggle-column a span {
    font-size: large;
}
.grid-view .toggle-column a span.glyphicon-remove-circle{
    color: #b3b3b3;
}
.assigned-vehicle-count {
    font-size: .9rem;
    margin: auto;
    padding: inherit;
    display: table-caption;
}

/* button */

.btn.dashboard-calender {
    color: #414042;
}


.btn-floating.btn-large {
    width: 4rem;
    height: 4rem;
    padding: 0;
}
.grid-view .badge{
    white-space: nowrap;
}
.badge {
    font-weight: 500;
    text-align: center;
    border-radius: .35rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-right: 3px;
    margin-bottom: 3px;
    outline: none;
    font-size: 90%;
}
.course-code.badge{
    line-height: 1.3 !important;
}

.badge-light {
    color: #212529 !important;
    background-color: #f3f3f3;
}


.blue {
    background-color: #2196f3 !important;
    color: #fff;
}

.cyan {
    background-color: #00bcd4 !important;
}

.card .card-title {
    font-weight: 500 !important;
    display: block;
}

#loa-form-1117 {
    padding: 10px;
}

#loa-form-1117 h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    display: block;
    margin-bottom: 8px;
}

.radio-field .form-control {
    margin-top: 28px;

}

.box-header .box-tools .btn-box-tool {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    padding: 5px 10px;
    /* margin: 0;*/
    flex-shrink: 0;
}


.kv-upload-progress .progress {
    margin-top: 5px;
    padding: 0 !important;
}

.file-input .file-caption-main .input-group-append {
    display: inherit;
}

.file-input .file-caption-main .input-group-append a.btn {
    margin: 0 !important;
    padding: 10px !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.file-input .file-caption-main .input-group-append a.btn span {
    color: #fff !important;
}


#dashboard-calender .box-header .box-tools {
    position: relative !important;
    top: 0;
}

.circle {
    border-radius: 50%;
}

.z-depth-2 {
    box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 30%);
}

#student-program-grid .student-course-progress .badge {
    border-radius: 2px;
    font-size: 9px;
    padding: 4px;
    margin-right: 3px;
    margin-bottom: 3px;
}

.kanban-plan-index .tab-content .kanban-board .kanban-board-image {
    margin-bottom: 0;
}

/* new dashboard cards design */
.dashboard-box {
    position: relative;
    width: 100%;
}

.statistics .dashboard-box {
    padding: .65rem !important;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #e5e8ef;
    border-radius: .5rem;
    transition: all 0.25s ease-in-out !important;
    /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);*/
}


.statistics .dashboard-box .media-left {
    float: left;
    height: 25px;
    width: 25px;
    text-align: center;
    font-size: 11px;
    line-height: 25px;
    background: rgba(0, 0, 0, .2);
    border-radius: 100%;
    margin-right: 5px;
    color: #fff;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.statistics .dashboard-box .info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.statistics .dashboard-box .info h4 {
    margin: 7px 0 7px;
    font-size: 13px;
    margin-top: 0;
    letter-spacing: .5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.statistics .dashboard-box .info h5{
    margin: 7px 0 7px;
    font-size: 13px;
    margin: 0;
    letter-spacing: .5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*color: #fff;*/
}

.statistics .dashboard-box .info p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    /*margin-top: 2px;*/
    margin-bottom: 1px;
}
.inner-card-button.card {
    display: flex;
    align-items: center;
    text-align: center;
    gap: 0.5rem; /* space between icon and text */
    padding: 0.5rem .5rem;
    border-radius: 0.5rem;
    background-color: #e0edf7;
    box-shadow: none !important;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 0;

}
/* Set colors for each card using nth-child */
._dashboard_task_btn .col-lg-4:nth-child(1) .inner-card-button {
  background: #e0edf7 !important; /* Light blue (Total Hours) */
}
._dashboard_task_btn .col-lg-4:nth-child(2) .inner-card-button{
  background: #faedde; /* Light orange (Tests) */
}
._dashboard_task_btn .col-lg-4:nth-child(3) .inner-card-button {
  background: #e7e4df; /* Light brown (Attendance) */
}
._dashboard_task_btn .col-lg-4:nth-child(4) .inner-card-button {
  background: #e6ebec; /* Light grey (Settings) */
}
._dashboard_task_btn .col-lg-4:nth-child(5) .inner-card-button{
  background: #e7f0fb; /* Light teal (Letters) */
}
._dashboard_task_btn .col-lg-4:nth-child(6) .inner-card-button{
  background: #f5eaf4; /* Light pink (Forms) */
}
._dashboard_task_btn .col-lg-4:nth-child(7) .inner-card-button{
  background: #fde8e5; /* Light coral (Emails) */
}
._dashboard_task_btn .col-lg-4:nth-child(8) .inner-card-button{
  background: #eaf7f2; /* Light mint (Taskboard) */
}
.inner-card-button:hover {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

.inner-card-button img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.inner-card-button .card-body {
    flex: 1;
    white-space: nowrap;       /* keep text in one line */
    overflow: hidden;          /* prevent overflow */
    text-overflow: ellipsis;   /* show ... if too long */
}

.inner-card-button p {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
    color: #333;
}


/* taskboard */

.kanban-taskboard .kanban-board-image {
    min-width: auto;
}

.btn.form-btn.btn-primary {
    color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
    letter-spacing: 1px;
}

.btn.form-btn.btn-primary:focus {
    color: #fff;
    background-color: #9232ae;
    border-color: #9232ae;
    box-shadow: 0px 0px 5px 0px #9232ae !important;
}

.btn.form-btn.btn-primary:active {
    color: #fff;
    background-color: #9232ae;
    border-color: #9232ae;
}

.kanban-plan-create .col-centered,
.kanban-plan-update .col-centered,
.kanban-plan-view .col-centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.no-gutter.row,
.no-gutter .row{
    margin-right: -0.375rem;
    margin-left: -0.375rem; 
}
.no-gutter  [class*='col-'],
.no-gutter  .col {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

@media (min-width: 1024px) and (max-width: 1440px) {
    /* styles for browsers larger than 1440px; */
    .statistics .dashboard-box{
        min-height: 80px;
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) and (max-width: 2560px) {
  

    ._dashboard_new ._dashboard_main_btn .media .media-body h4 {
        margin-top: 0;
    }

    ._dashboard_new ._dashboard_main_btn .media .media-body p {
       /* font-size: 12px;*/
    }
    .statistics .dashboard-box{
        min-height: 80px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    ._dashboard_new ._dashboard_main_btn .media .media-body h4 {
        margin-right: 2px;
        font-weight: 500;
        letter-spacing: .3px;
    }
    ._dashboard_new ._dashboard_main_btn .media .media-body p{
        font-size: 12px;
        letter-spacing: .3px;
    }

    ._dashboard_new ._dashboard_main_btn ul.sortable.grid li{
        
        width: 99%;
        margin: 0;
    }
    ._dashboard_new ._dashboard_main_btn ul.sortable.grid li .media .media-left{
        padding: 5px;
    }
}

form input[type='checkbox'].form-control:checked:after{
    left: 5px;
}
#list-wrapper .pagination {
    justify-content: center;
    margin-bottom: 50px;
}

.file-upload-modal .file-input .file-caption-main .input-group-btn .btn-file.btn-block {
    display: inline;
    width: auto;
}


#online-notifications .box-header .box-tools {
    top: 1px;
}

#students-docs-form .card-header {
    font-size: x-small;
    font-weight: 800;
}

.floating-news {
    height: 260px;
    overflow: auto;
}

.information-tab-detail .added-by-super-admin {
    font-size: 18px;
    font-weight: 500;
    color: #343a40;
}

.information-tab-detail #accordion .card-header {
    cursor: pointer;
}

@media (min-width: 320px) and (max-width: 480px) {
    .information-tab-detail #accordion iframe {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 2560px) {


    .information-tab-detail .tab-heading-description p {
        width: 33.33%;
        display: inline-block;
        padding: 10px;
        margin-bottom: 0;
    }

    .information-tab-detail .tab-heading-description p br,
    .information-tab-detail .tab-heading-description hr {
        display: none;
    }
}

.preview_form.background-show .radio label {
    color: #333333;
    font-weight: 500 !important;
    text-transform: capitalize;
}

.preview_form.background-show .radio {
    background: transparent;
}

.preview_form.background-show .radio label input[type='radio']:checked:before {
    background-color: #00c7f4;
}

.preview_form.background-show .radio label input[type='radio']:checked:after {
    border: 2px solid #fff;
}

.preview_form.background-show .radio label {
    padding: 0;
    margin-right: 20px;
}

.preview_form.background-show .radio {
    padding: 0;
}

.preview_form.background-show .checkbox {
    background-color: transparent;
}

.preview_form.background-show .checkbox label {
    color: #fff;
    text-transform: capitalize;
}

.preview_form.background-show input[type='checkbox'] {
    border: 2px solid #00c7f4;
}

.preview_form.background-show input[type='checkbox']:checked {
    background-color: #fff;
    border-color: #fff;
}

.preview_form.background-show .file-preview {
    background: #fff;
}

.preview_form.background-show .form-control:focus {
    border-color: #fff;
}

.preview_form.background-show .form-group label {
    font-weight: 500;
    margin-bottom: 2px;
}
.btn .glyphicon {
    line-height: inherit !important;
}
/* Form template with bg image  end*/
.glyphicon {
    margin: 0;
    
}

/* cohort select day start */
.field-cohort-days .btn-group {
    margin: 0;
}

.field-cohort-days .btn-group .btn {
    padding: 9px;
}

.field-cohort-days .btn-group label {
    font-size: 11px !important;
    text-transform: capitalize;
}

@media (min-width: 320px) and (max-width: 1024px) {

    .field-cohort-days .btn-group .btn {
        padding: 5px 3px;
    }
}

/* modal scroll bar */
.modal .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
    display: block;
}

.form-control.form-group.user_editable {
    border: 1px solid #4CAF50 !Important;
    background-color: rgba(76, 175, 80, 0.15) !Important;
}

.matched-cohort-list {
    background: #96f0ac;
    padding: 5px;
    border-radius: 2px;
    margin-bottom: 5px;
}

.matched-cohort-list h4 {
    margin-bottom: 0;
    font-size: 18px;
}

.matched-cohort-list ul {
    margin-bottom: 0;
}

/* theme customizer css start */
.theme-customizer {
    width: 360px;
    right: -360px;
    padding: 0;
    background-color: #fff;
    z-index: 1052;
    position: fixed;
    top: 0;
    bottom: 0;
    transition: right .6s cubic-bezier(.05, .74, .2, .99);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-left: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 4px 7px 0 rgb(0 0 0 / 20%);
}

@media (min-width: 320px) and (max-width: 480px) {
    .theme-customizer {
        width: 280px;
        right: -280px;
    }
}

.theme-customizer .customizer-toggle-icon {
    position: absolute;
    top: 35%;
    width: 2rem;
    left: -2rem;
    text-align: center;
    transition: .3s;
    text-align: -webkit-right;
}
.theme-customizer .customizer-toggle-icon:has(.notify-batch){
    width: auto;
}
.theme-customizer .customizer-toggle-icon .theme-changer,
.theme-customizer .customizer-toggle-icon .notify-batch
{
    padding: 5px 6px !important;
    cursor: pointer;
    border-top-left-radius: .35rem;
    border-bottom-left-radius: .35rem;
    box-shadow: -3px 0 8px rgb(0 0 0 / 10%);
    background: linear-gradient(to bottom,#555,#2c2c2c);
    color: #fff;
    font-size: .9rem;
}
.theme-customizer .customizer-toggle-icon .theme-changer:hover,
.theme-customizer .customizer-toggle-icon-help:hover {
    transition: .3s;
    /*width: 2.4rem;
    left: -2.4rem;*/
    color: #fff;
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
}

.theme-customizer .customizer-toggle-icon-help {
    position: absolute;
    top: 37%;
    width: 2rem;
    left: -2rem;
    text-align: center;
    padding: 5px 8px;
    cursor: pointer;
    border-top-left-radius: .35rem;
    border-bottom-left-radius: .35rem;
    box-shadow: -3px 0 8px rgb(0 0 0 / 10%);
    background: linear-gradient(
            45deg, #0386d4, #cb47ff) !important;
    color: #fff;
    font-size: 18px;
    transition: .3s;
}


.theme-customizer.open{
    right: 0;
}


#customizer-close {
    position: relative;
    right: 10px;
    top: 5px;
    z-index: 10;
    cursor: pointer;
}

#customizer-close i {
    font-size: 16px;
}

.customize-devider {
    border: 1px solid #e4e4e4;
}

.theme-customizer .customizer-content {
    position: relative;
    height: 100vh;
    overflow: auto !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
    padding: 1rem !important;
}

.theme-customizer .customizer-content .cutomizer-colors span,
.theme-customizer .customizer-content .cutomizer-solid-colors span {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 3px solid aliceblue;
    border-radius: 5px;
}

.theme-customizer .customizer-content .cutomizer-colors span.selected,
.theme-customizer .customizer-content .cutomizer-solid-colors span.selected {
    box-shadow: 0 0 10px 3px #03a9f4;
}
.theme-customizer .customizer-content .cutomizer-solid-colors span.dark-mode{
    background-color: black;
}

.switch label {
    cursor: pointer;
}

.switch label input[type=checkbox] {
    width: 0;
    height: 0;
    opacity: 0;
}

.switch label .lever {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 14px;
    margin: 0 16px;
    margin-right: 10px;
    content: '';
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    vertical-align: middle;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, .38);
}

.switch label .lever:before, .switch label .lever:after {
    position: absolute;
    top: -3px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    -webkit-transition: left .3s ease, background .3s ease, box-shadow .1s ease, -webkit-transform .1s ease;
    transition: left .3s ease, background .3s ease, box-shadow .1s ease, -webkit-transform .1s ease;
    transition: left .3s ease, background .3s ease, box-shadow .1s ease, transform .1s ease;
    transition: left .3s ease, background .3s ease, box-shadow .1s ease, transform .1s ease, -webkit-transform .1s ease;
    border-radius: 50%;
}

.switch label .lever:before {
    background-color: rgba(255, 145, 0, .15);
}

.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #ff9100;
}

.switch label .lever:after {
    background-color: #f1f1f1;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: #efc68f;
}

.switch label .lever:before {
    background-color: rgba(255, 145, 0, .15);
}

.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
    left: 18px;
}

.theme-customizer .tabs {
    display: inline-block;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    border: 0;
}

.theme-customizer .tabs .tab {
    display: inline-block;
}

.theme-customizer .tabs .tab a {
    text-align: center;
    text-transform: capitalize;
    padding: 5px 10px;
    background: #ececec;
    margin-right: 5px;
    border-radius: 5px 5px 0 0;
    font-size: .9rem;
}



.theme-customizer .tabs .tab a:hover,
.theme-customizer .tabs .tab a.active {
    color: #2196f3;
    background-color: rgba(106, 184, 247, .2);
}
.student-card  .kv-editable-form-inline .form-control {
        width: auto !important;
        vertical-align: top;
    }

.student-card {
    position: relative;
    overflow: hidden;

}
.student-card .media{
    border-radius: .5rem;
}
.student-card .kv-editable{
    font-size: 12px;
}
.student-card .kv-editable-value,
.student-card .kv-editable-popover {
    word-break: break-all;
}

.student-card .card-title {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 5px;
}
.student-action-buttons .btn{
    margin-top: 2px !important;
}

.registration-index [class*="col-md-3"].d-flex{
    padding: 7px;
}
.registration-index [class*="col-md-3"] .card{
    margin-bottom: 0;
    box-shadow: none;
    border: 1px solid #e8e8e8;
    background-position: right top;
    background-repeat: repeat-y;
    background-size: 13% auto;
    background-color: #ffffff;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cpath fill='%23c0b9cd' fill-opacity='0.4' d='M0 85.02l4.62-4.27a49.09 49.09 0 0 0 7.33 3.74l-1.2 10.24 2.66.87 5.05-9c2.62.65 5.34 1.08 8.12 1.28L28.6 98h2.8l2.02-10.12c2.74-.2 5.46-.62 8.12-1.28l5.05 8.99 2.66-.86-1.2-10.24c2.55-1.03 5-2.29 7.33-3.74l7.58 7 2.26-1.65-4.3-9.38a48.3 48.3 0 0 0 5.8-5.8l9.38 4.3 1.65-2.26-7-7.58a49.09 49.09 0 0 0 3.74-7.33l10.24 1.2.87-2.66-9-5.05a48.07 48.07 0 0 0 1.28-8.12L88 41.4v-2.8l-10.12-2.02c-.2-2.74-.62-5.46-1.28-8.12l8.99-5.05-.86-2.66-10.24 1.2c-1.03-2.55-2.29-5-3.74-7.33l7-7.58-1.65-2.26-9.38 4.3a48.3 48.3 0 0 0-5.8-5.8L62.42 0h2.16l-1.25 2.72a50.31 50.31 0 0 1 3.95 3.95l9.5-4.36 3.52 4.85-7.08 7.68c.94 1.6 1.79 3.27 2.54 4.98l10.38-1.21 1.85 5.7-9.11 5.12c.39 1.8.68 3.65.87 5.52L90 37v6l-10.25 2.05a49.9 49.9 0 0 1-.87 5.52l9.11 5.12-1.85 5.7-10.38-1.21c-.75 1.7-1.6 3.37-2.54 4.98l7.08 7.68-3.52 4.85-9.5-4.36a50.31 50.31 0 0 1-3.95 3.95l4.36 9.5-4.85 3.52-7.68-7.08c-1.6.94-3.27 1.79-4.98 2.54l1.21 10.38-5.7 1.85-5.12-9.11c-1.8.39-3.65.68-5.52.87L33 100h-6l-2.05-10.25a49.9 49.9 0 0 1-5.52-.87l-5.12 9.11-5.7-1.85 1.21-10.38c-1.7-.75-3.37-1.6-4.98-2.54L0 87.68v-2.66zM0 52.7V27.3l8.38 4.84a22.96 22.96 0 0 0 0 15.72L0 52.7zm0-39.16A39.91 39.91 0 0 1 26 .2v17.15a22.98 22.98 0 0 0-13.62 7.86L0 18.06v-4.52zm0 52.92v-4.52l12.38-7.15A22.98 22.98 0 0 0 26 62.65V79.8A39.91 39.91 0 0 1 0 66.46zM34 79.8V62.65a22.98 22.98 0 0 0 13.62-7.86l14.85 8.58A39.97 39.97 0 0 1 34 79.8zm32.48-23.36l-14.86-8.58a22.96 22.96 0 0 0 0-15.72l14.86-8.58A39.86 39.86 0 0 1 70 40a39.9 39.9 0 0 1-3.52 16.44zm-4.01-39.8L47.62 25.2A22.98 22.98 0 0 0 34 17.35V.2a39.97 39.97 0 0 1 28.47 16.43v.01zM0 50.38l5.98-3.45a25.01 25.01 0 0 1 0-13.88L0 29.6v20.78zm.5-34.35l11.48 6.63c3.27-3.4 7.44-5.8 12.02-6.94V2.47A37.96 37.96 0 0 0 .5 16.04v-.01zm0 47.92A37.96 37.96 0 0 0 24 77.53V64.28a24.97 24.97 0 0 1-12.02-6.95L.5 63.96v-.01zM36 77.53a37.96 37.96 0 0 0 23.5-13.57l-11.48-6.63A24.97 24.97 0 0 1 36 64.28v13.25zm29.5-23.96a37.91 37.91 0 0 0 0-27.14l-11.48 6.63a25.01 25.01 0 0 1 0 13.88l11.49 6.63h-.01zm-6-37.53A37.96 37.96 0 0 0 36 2.47v13.25c4.66 1.15 8.8 3.6 12.02 6.95l11.48-6.63zM30 54a14 14 0 1 1 0-28 14 14 0 0 1 0 28zm0-2a12 12 0 1 0 0-24 12 12 0 0 0 0 24zm0-2a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm77.47 45.17l-1.62-5.97 5.67-2.06 2.61 5.64c1.09-.25 2.2-.44 3.33-.58l.52-6.2h6.04l.52 6.2c1.13.14 2.24.33 3.33.58l2.6-5.64 5.68 2.06-1.62 5.97c1.02.51 2 1.07 2.95 1.69l4.35-4.38 4.62 3.88-3.53 5c.8.84 1.53 1.71 2.23 2.62l5.52-2.6 3.02 5.23-4.98 3.46c.46 1.06.86 2.14 1.2 3.25l6.02-.54 1.05 5.94-5.84 1.54c.07 1.16.07 2.32 0 3.48l5.84 1.54-1.05 5.94-6.02-.54c-.34 1.1-.74 2.2-1.2 3.25l4.98 3.46-3.02 5.22-5.52-2.6c-.7.92-1.44 1.8-2.23 2.62l3.53 5-4.62 3.89-4.35-4.38a30.2 30.2 0 0 1-2.95 1.69l1.62 5.97-5.67 2.06-2.61-5.64c-1.09.25-2.2.44-3.33.58l-.52 6.2h-6.04l-.52-6.2a30.27 30.27 0 0 1-3.33-.58l-2.6 5.64-5.68-2.06 1.62-5.97c-1.01-.5-2-1.07-2.95-1.69l-4.35 4.38-4.62-3.88 3.53-5a32.5 32.5 0 0 1-2.23-2.62l-5.52 2.6-3.02-5.23 4.98-3.46a29.66 29.66 0 0 1-1.2-3.25l-6.02.54-1.05-5.94 5.84-1.54a30.28 30.28 0 0 1 0-3.48l-5.84-1.54 1.05-5.94 6.02.54c.34-1.1.74-2.2 1.2-3.25l-4.98-3.46 3.02-5.22 5.52 2.6c.7-.92 1.44-1.8 2.23-2.62l-3.53-5 4.62-3.89 4.35 4.38a30.2 30.2 0 0 1 2.95-1.69zm15.2-1.12l-.5-6.05h-2.34l-.5 6.05c-2.18.13-4.3.5-6.32 1.1l-2.54-5.5-2.2.8 1.6 5.85a27.97 27.97 0 0 0-5.56 3.21l-4.27-4.3-1.79 1.5 3.5 4.95a28.14 28.14 0 0 0-4.12 4.92l-5.5-2.59-1.16 2.02 4.98 3.46a27.8 27.8 0 0 0-2.2 6.03l-6.03-.55-.4 2.3 5.86 1.54a28.3 28.3 0 0 0 0 6.42l-5.87 1.55.4 2.3 6.05-.56a27.8 27.8 0 0 0 2.2 6.03l-5 3.47 1.17 2.02 5.49-2.59a28.14 28.14 0 0 0 4.12 4.92l-3.5 4.96 1.79 1.5 4.27-4.31a27.97 27.97 0 0 0 5.56 3.21l-1.6 5.85 2.2.8 2.54-5.5c2.02.6 4.14.97 6.32 1.1l.5 6.05h2.34l.5-6.05c2.18-.13 4.3-.5 6.32-1.1l2.54 5.5 2.2-.8-1.6-5.85a27.97 27.97 0 0 0 5.56-3.21l4.27 4.3 1.79-1.5-3.5-4.95a28.14 28.14 0 0 0 4.12-4.92l5.5 2.59 1.16-2.02-4.98-3.46a27.8 27.8 0 0 0 2.2-6.03l6.03.55.4-2.3-5.86-1.54a28.3 28.3 0 0 0 0-6.42l5.87-1.55-.4-2.3-6.05.56a27.8 27.8 0 0 0-2.2-6.03l4.99-3.46-1.17-2.02-5.49 2.59a28.14 28.14 0 0 0-4.12-4.92l3.5-4.96-1.79-1.5-4.27 4.31a27.97 27.97 0 0 0-5.56-3.21l1.6-5.85-2.2-.8-2.54 5.5c-2.02-.6-4.14-.97-6.32-1.1l.01-.01zM121 128a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0-2a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm0-18a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm8.49 3.51a5 5 0 1 1 6.95-7.2 5 5 0 0 1-6.95 7.2zM133 120a5 5 0 1 1 10 0 5 5 0 0 1-10 0zm-3.51 8.49a5 5 0 1 1 7.2 6.95 5 5 0 0 1-7.2-6.95zM121 132a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm-8.49-3.51a5 5 0 1 1-6.95 7.2 5 5 0 0 1 6.95-7.2zM109 120a5 5 0 1 1-10 0 5 5 0 0 1 10 0zm3.51-8.49a5 5 0 1 1-7.2-6.95 5 5 0 0 1 7.2 6.95zM121 106a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm9.9 4.1a3 3 0 1 0 4.39-4.09 3 3 0 0 0-4.39 4.09zm4.1 9.9a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm-4.1 9.9a3 3 0 1 0 4.09 4.39 3 3 0 0 0-4.09-4.39zM121 134a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm-9.9-4.1a3 3 0 1 0-4.39 4.09 3 3 0 0 0 4.39-4.09zM107 120a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm4.1-9.9a3 3 0 1 0-4.09-4.39 3 3 0 0 0 4.09 4.39zm129.42-6.95v.01c.87.07 1.74.17 2.6.3l1.5-3.91 1.94-3.64 3.89.97v4.13l-.5 4.13c.83.28 1.64.59 2.44.93l2.42-3.43 2.76-3.07 3.54 1.88-1 4-1.49 3.89c.73.47 1.45.97 2.15 1.49l3.19-2.76 3.42-2.3 2.97 2.67-1.93 3.65-2.38 3.4c.6.64 1.2 1.3 1.76 1.99l3.68-1.94 3.85-1.48 2.29 3.28-2.7 3.11-3.12 2.82c.43.76.84 1.53 1.22 2.32l4.04-1 4.1-.5 1.43 3.73-3.37 2.37-3.7 1.98c.23.84.44 1.68.62 2.54l4.17.01 4.1.5.48 3.97-3.85 1.48-4.06 1.02c.03.87.03 1.75 0 2.62l4.06 1.02 3.85 1.48-.48 3.97-4.1.51h-4.17c-.18.86-.39 1.71-.63 2.54l3.7 1.98 3.38 2.37-1.43 3.73-4.1-.5-4.04-1c-.38.79-.79 1.56-1.22 2.32l3.13 2.82 2.7 3.11-2.3 3.28-3.85-1.48-3.68-1.95a37 37 0 0 1-1.76 2l2.38 3.41 1.93 3.64-2.97 2.67-3.42-2.3-3.19-2.76a40.1 40.1 0 0 1-2.15 1.48l1.48 3.9 1 4-3.53 1.88-2.76-3.07-2.42-3.43c-.8.33-1.61.65-2.45.93l.5 4.13v4.13l-3.88.97-1.94-3.65-1.5-3.9c-.86.13-1.73.23-2.6.31L240 187l-1 4h-4l-1-4-.52-4.16a37.6 37.6 0 0 1-2.6-.3l-1.5 3.91-1.94 3.64-3.89-.97v-4.13l.5-4.13c-.83-.28-1.64-.59-2.44-.93l-2.42 3.43-2.76 3.07-3.54-1.88 1-4 1.49-3.89c-.74-.47-1.45-.97-2.15-1.49l-3.19 2.76-3.42 2.3-2.97-2.67 1.93-3.65 2.38-3.4c-.61-.65-1.2-1.31-1.76-1.99l-3.68 1.94-3.85 1.48-2.29-3.28 2.7-3.11 3.12-2.82c-.43-.76-.84-1.53-1.22-2.32l-4.04 1-4.1.5-1.43-3.73 3.37-2.37 3.7-1.98c-.23-.84-.44-1.68-.62-2.54l-4.17-.01-4.1-.5-.48-3.97 3.85-1.48 4.06-1.02c-.03-.87-.03-1.75 0-2.62l-4.06-1.02-3.85-1.48.48-3.97 4.1-.51h4.17c.18-.86.39-1.71.63-2.54l-3.7-1.98-3.38-2.37 1.43-3.73 4.1.5 4.04 1c.38-.79.79-1.56 1.22-2.32l-3.13-2.82-2.7-3.11 2.3-3.28 3.85 1.48 3.68 1.95a37 37 0 0 1 1.76-2l-2.38-3.41-1.93-3.64 2.97-2.67 3.42 2.3 3.19 2.76c.7-.52 1.41-1.02 2.15-1.48l-1.48-3.9-1-4 3.53-1.88 2.76 3.07 2.42 3.43c.8-.33 1.61-.65 2.45-.93l-.5-4.13v-4.13l3.88-.97 1.94 3.65 1.5 3.9c.86-.13 1.73-.23 2.6-.31L234 99l1-4h4l1 4 .52 4.15zm-14.3 3.4c-1.83.54-3.6 1.21-5.3 2l-3.5-4.97-1.38-1.53-.88.47.5 2 2.16 5.67a38.09 38.09 0 0 0-4.66 3.22l-4.61-4-1.71-1.15-.75.67.97 1.82 3.47 4.98a38.22 38.22 0 0 0-3.79 4.28l-5.37-2.84-1.92-.74-.57.82 1.35 1.56 4.52 4.09a37.9 37.9 0 0 0-2.64 5l-5.89-1.45-2.04-.25-.36.94 1.69 1.18 5.36 2.87a37.74 37.74 0 0 0-1.35 5.5l-6.08.01-2.04.25-.12 1 1.92.73 5.9 1.5a38.54 38.54 0 0 0 0 5.65l-5.9 1.49-1.92.74.12.99 2.04.25 6.08.01c.31 1.86.77 3.7 1.35 5.5l-5.36 2.87-1.7 1.18.37.94 2.04-.25 5.9-1.46a37.9 37.9 0 0 0 2.63 5.01l-4.52 4.1-1.35 1.55.57.82 1.92-.74 5.37-2.84a38.22 38.22 0 0 0 3.8 4.28l-3.48 4.98-.97 1.82.75.67 1.7-1.15 4.62-4a38.09 38.09 0 0 0 4.66 3.22l-2.17 5.67-.5 2 .89.47 1.38-1.53 3.5-4.98c1.7.8 3.47 1.47 5.3 2l-.73 6.04v2.06l.97.24.97-1.82 2.2-5.68c1.83.36 3.7.6 5.62.68L236 187l.5 2h1l.5-2 .75-6.04a38.2 38.2 0 0 0 5.62-.68l2.2 5.68.97 1.82.97-.24v-2.06l-.73-6.03c1.83-.54 3.6-1.21 5.3-2l3.5 4.97 1.38 1.53.88-.47-.5-2-2.16-5.67a38.09 38.09 0 0 0 4.66-3.22l4.61 4 1.71 1.15.75-.67-.97-1.82-3.47-4.98a38.22 38.22 0 0 0 3.79-4.28l5.37 2.84 1.92.74.57-.82-1.35-1.56-4.52-4.09c1-1.6 1.88-3.27 2.64-5l5.89 1.45 2.04.25.36-.94-1.69-1.18-5.36-2.87a37.4 37.4 0 0 0 1.35-5.5l6.08-.01 2.04-.25.12-1-1.92-.73-5.9-1.5c.14-1.88.14-3.77 0-5.65l5.9-1.49 1.92-.74-.12-.99-2.04-.25-6.08-.01a37.4 37.4 0 0 0-1.35-5.5l5.36-2.87 1.7-1.18-.37-.94-2.04.25-5.9 1.46a37.9 37.9 0 0 0-2.63-5.01l4.52-4.1 1.35-1.55-.57-.82-1.92.74-5.37 2.84a38.22 38.22 0 0 0-3.8-4.28l3.48-4.98.97-1.82-.75-.67-1.7 1.15-4.62 4a38.09 38.09 0 0 0-4.66-3.22l2.17-5.67.5-2-.89-.47-1.38 1.53-3.5 4.98c-1.7-.8-3.47-1.47-5.3-2l.73-6.04v-2.06l-.97-.24-.97 1.82-2.2 5.68c-1.83-.36-3.7-.6-5.62-.68L238 99l-.5-2h-1l-.5 2-.75 6.04c-1.92.09-3.8.32-5.62.68l-2.2-5.68-.97-1.82-.97.24v2.06l.73 6.03zm-5.85 5.65A34.82 34.82 0 0 1 236 108v6a28.8 28.8 0 0 0-12.63 3.39l-3-5.2v.01zm2.8.83l1 1.74a30.8 30.8 0 0 1 9.83-2.63v-2.01a32.8 32.8 0 0 0-10.83 2.9zm-4.53.17l3 5.2a29.12 29.12 0 0 0-9.24 9.24l-5.2-3a35.18 35.18 0 0 1 11.44-11.44zm-.67 2.84a33.19 33.19 0 0 0-7.93 7.93l1.74 1a31.18 31.18 0 0 1 7.2-7.2l-1.01-1.73zm-11.77 10.33h-.01l5.2 3A28.8 28.8 0 0 0 208 142h-6a34.82 34.82 0 0 1 4.2-15.63zm.83 2.8a32.8 32.8 0 0 0-2.9 10.83h2.01a30.8 30.8 0 0 1 2.63-9.83l-1.74-1zM202.01 144h6.01c.15 4.41 1.3 8.73 3.38 12.63l-5.2 3a34.82 34.82 0 0 1-4.19-15.63zm2.12 2a32.8 32.8 0 0 0 2.9 10.84l1.74-1a30.8 30.8 0 0 1-2.63-9.84h-2.01zm3.07 15.36l5.2-3c2.34 3.74 5.5 6.9 9.24 9.24l-3 5.2a35.18 35.18 0 0 1-11.44-11.44zm2.84.67a33.19 33.19 0 0 0 7.93 7.93l1-1.74a31.18 31.18 0 0 1-7.2-7.2l-1.73 1.01zm10.33 11.77v.01l3-5.2A28.85 28.85 0 0 0 236 172v6a34.82 34.82 0 0 1-15.63-4.2zm2.8-.83a32.8 32.8 0 0 0 10.83 2.9v-2.01a30.8 30.8 0 0 1-9.83-2.63l-1 1.74zm14.83 5.02v-6.01c4.41-.15 8.73-1.3 12.63-3.38l3 5.2a34.82 34.82 0 0 1-15.63 4.19zm2-2.12a32.8 32.8 0 0 0 10.84-2.9l-1-1.74a30.8 30.8 0 0 1-9.84 2.63v2.01zm15.36-3.07l-3-5.2c3.74-2.34 6.9-5.5 9.24-9.24l5.2 3a35.18 35.18 0 0 1-11.44 11.44zm.67-2.84a33.19 33.19 0 0 0 7.93-7.93l-1.74-1a31.18 31.18 0 0 1-7.2 7.2l1.01 1.73zm11.77-10.33h.01l-5.2-3A28.85 28.85 0 0 0 266 144h6a34.82 34.82 0 0 1-4.2 15.63zm-.83-2.8a32.8 32.8 0 0 0 2.9-10.83h-2.01a30.8 30.8 0 0 1-2.63 9.83l1.74 1zm5.02-14.83h-6.01a28.85 28.85 0 0 0-3.38-12.63l5.2-3a34.82 34.82 0 0 1 4.19 15.63zm-2.12-2a32.8 32.8 0 0 0-2.9-10.84l-1.74 1a30.8 30.8 0 0 1 2.63 9.84h2.01zm-3.07-15.36l-5.2 3a29.12 29.12 0 0 0-9.24-9.24l3-5.2a35.18 35.18 0 0 1 11.44 11.44zm-2.84-.67a33.19 33.19 0 0 0-7.93-7.93l-1 1.74a31.18 31.18 0 0 1 7.2 7.2l1.73-1.01zM238 108a34.82 34.82 0 0 1 15.63 4.19l-3 5.2a28.85 28.85 0 0 0-12.63-3.38V108zm12.84 5.02a32.8 32.8 0 0 0-10.84-2.9v2.01a30.8 30.8 0 0 1 9.83 2.63l1-1.74h.01zM237 156a13 13 0 1 1 0-26 13 13 0 0 1 0 26zm0-2a11 11 0 1 0 0-22 11 11 0 0 0 0 22zM137.54 0h56.92l-.74 1.03c.57.7 1.12 1.4 1.64 2.14l7.75-2.9 2 3.46-6.38 5.25c.37.82.72 1.65 1.03 2.5l8.22-.8 1.04 3.86-7.52 3.43c.15.88.26 1.77.35 2.67L210 22v4l-8.15 1.36c-.09.9-.2 1.8-.35 2.67l7.52 3.43-1.04 3.86-8.22-.8c-.31.85-.66 1.68-1.03 2.5l6.38 5.25-2 3.46-7.75-2.9c-.52.74-1.07 1.45-1.64 2.14l4.8 6.73-2.82 2.83-6.73-4.8c-.7.56-1.4 1.11-2.14 1.63l2.9 7.75-3.46 2-5.25-6.38c-.82.37-1.65.72-2.5 1.03l.8 8.22-3.86 1.04-3.43-7.52c-.88.15-1.77.26-2.67.35L168 68h-4l-1.36-8.15c-.9-.09-1.8-.2-2.67-.35l-3.43 7.52-3.86-1.04.8-8.22c-.85-.31-1.68-.66-2.5-1.03l-5.25 6.38-3.46-2 2.9-7.75a36.15 36.15 0 0 1-2.14-1.64l-6.73 4.8-2.83-2.82 4.8-6.73c-.56-.7-1.11-1.4-1.63-2.14l-7.75 2.9-2-3.46 6.38-5.25c-.37-.82-.72-1.65-1.03-2.5l-8.22.8-1.04-3.86 7.52-3.43c-.15-.88-.26-1.77-.35-2.67L122 26v-4l8.15-1.36c.09-.9.2-1.8.35-2.67l-7.52-3.43 1.04-3.86 8.22.8c.31-.85.66-1.68 1.03-2.5l-6.38-5.25 2-3.46 7.75 2.9c.52-.74 1.07-1.45 1.64-2.14L137.54 0zm2.43 0l.83 1.17a34.14 34.14 0 0 0-3.38 4.4l-7.63-2.86-.33.58 6.29 5.18a33.79 33.79 0 0 0-2.13 5.12l-8.1-.78-.18.64 7.42 3.37a34.02 34.02 0 0 0-.72 5.5L124 23.68v.66l8.04 1.34c.1 1.88.33 3.72.72 5.5l-7.42 3.38.18.64 8.1-.78a33.88 33.88 0 0 0 2.13 5.12l-6.29 5.18.33.58 7.63-2.86c1 1.56 2.14 3.03 3.38 4.4l-4.73 6.63.47.47 6.63-4.73a34.14 34.14 0 0 0 4.4 3.38l-2.86 7.63.58.33 5.18-6.29c1.63.84 3.35 1.56 5.12 2.13l-.78 8.1.64.18 3.37-7.42c1.79.39 3.63.63 5.5.72l1.35 8.04h.66l1.34-8.04c1.88-.1 3.72-.33 5.5-.72l3.38 7.42.64-.18-.78-8.1a33.88 33.88 0 0 0 5.12-2.13l5.18 6.29.58-.33-2.86-7.63c1.56-1 3.03-2.14 4.4-3.38l6.63 4.73.47-.47-4.73-6.63a34.14 34.14 0 0 0 3.38-4.4l7.63 2.86.33-.58-6.29-5.18a33.79 33.79 0 0 0 2.13-5.12l8.1.78.18-.64-7.42-3.37c.39-1.79.63-3.63.72-5.5l8.04-1.35v-.66l-8.04-1.34c-.1-1.88-.33-3.72-.72-5.5l7.42-3.38-.18-.64-8.1.78a33.79 33.79 0 0 0-2.13-5.12l6.29-5.18-.33-.58-7.63 2.86c-1-1.56-2.14-3.03-3.38-4.4l.83-1.17h-52.06V0zm-2.82 27h14.15A15.02 15.02 0 0 0 163 38.7v14.15A29.01 29.01 0 0 1 137.15 27zm12.57-27H163v9.3A15.02 15.02 0 0 0 151.3 21h-14.15a28.99 28.99 0 0 1 12.57-21zM169 52.85V38.7A15.02 15.02 0 0 0 180.7 27h14.15A29.01 29.01 0 0 1 169 52.85zM182.28 0a28.99 28.99 0 0 1 12.57 21H180.7A15.02 15.02 0 0 0 169 9.3V0h13.28zm-42.82 29A27.03 27.03 0 0 0 161 50.54V40.25A17.04 17.04 0 0 1 149.75 29h-10.29zm14.16-29a27.04 27.04 0 0 0-14.16 19h10.29A17.04 17.04 0 0 1 161 7.75V0h-7.38zM171 50.54A27.03 27.03 0 0 0 192.54 29h-10.29A17.04 17.04 0 0 1 171 40.25v10.29zM178.38 0H171v7.75A17.04 17.04 0 0 1 182.25 19h10.29a27.04 27.04 0 0 0-14.16-19zM166 34a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-39.51 176.15l-10.67-7.95 6-10.4 12.23 5.27a23.97 23.97 0 0 1 8.4-4.86L144 177h12l1.55 13.21a23.97 23.97 0 0 1 8.4 4.86l12.23-5.27 6 10.4-10.67 7.95a24 24 0 0 1 0 9.7l10.67 7.95-6 10.4-12.23-5.27a23.97 23.97 0 0 1-8.4 4.86L156 249h-12l-1.55-13.21a23.97 23.97 0 0 1-8.4-4.86l-12.23 5.27-6-10.4 10.67-7.95a24.1 24.1 0 0 1 0-9.7zm29.25-16.4l-1.5-12.75h-8.48l-1.5 12.76c-3.75 1-7.1 2.99-9.79 5.65l-11.8-5.08-4.23 7.34 10.3 7.68c-.98 3.7-.98 7.6 0 11.3l-10.3 7.68 4.23 7.34 11.8-5.08a22.1 22.1 0 0 0 9.8 5.65l1.5 12.76h8.47l1.5-12.76c3.75-1 7.1-2.99 9.79-5.65l11.8 5.08 4.23-7.34-10.3-7.68c.98-3.7.98-7.6 0-11.3l10.3-7.68-4.23-7.34-11.8 5.08a21.98 21.98 0 0 0-9.8-5.65l.01-.01zM150 225a12 12 0 1 1 0-24 12 12 0 0 1 0 24zm0-2a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm3.53 67.72l4.26.07.51 1.93-3.65 2.19c.11.63.2 1.27.25 1.92L159 298v2l-4.1 1.17c-.05.65-.14 1.29-.25 1.92l3.65 2.2-.51 1.92-4.26.07c-.22.61-.47 1.21-.74 1.8l2.96 3.05-1 1.74-4.13-1.04a24.1 24.1 0 0 1-1.18 1.54l2.07 3.72-1.42 1.42-3.72-2.07c-.5.41-1.01.8-1.54 1.18l1.04 4.13-1.74 1-3.05-2.96c-.59.27-1.19.52-1.8.74l-.07 4.26-1.93.51-2.19-3.65c-.63.11-1.27.2-1.92.25L132 327h-2l-1.17-4.1c-.65-.05-1.29-.14-1.92-.25l-2.2 3.65-1.92-.51-.07-4.26c-.61-.22-1.21-.47-1.8-.74l-3.05 2.96-1.74-1 1.04-4.13a24.1 24.1 0 0 1-1.54-1.18l-3.72 2.07-1.42-1.42 2.07-3.72c-.41-.5-.8-1.01-1.18-1.54l-4.13 1.04-1-1.74 2.96-3.05c-.27-.59-.52-1.19-.74-1.8l-4.26-.07-.51-1.93 3.65-2.19c-.11-.63-.2-1.27-.25-1.92L103 300v-2l4.1-1.17c.05-.65.14-1.29.25-1.92l-3.65-2.2.51-1.92 4.26-.07c.22-.61.47-1.21.74-1.8l-2.96-3.05 1-1.74 4.13 1.04c.38-.53.77-1.04 1.18-1.54l-2.07-3.72 1.42-1.42 3.72 2.07c.5-.41 1.01-.8 1.54-1.18l-1.04-4.13 1.74-1 3.05 2.96c.59-.27 1.19-.52 1.8-.74l.07-4.26 1.93-.51 2.19 3.65c.63-.11 1.27-.2 1.92-.25L130 271h2l1.17 4.1c.65.05 1.29.14 1.92.25l2.2-3.65 1.92.51.07 4.26c.61.22 1.21.47 1.8.74l3.05-2.96 1.74 1-1.04 4.13c.53.38 1.04.77 1.54 1.18l3.72-2.07 1.42 1.42-2.07 3.72c.41.5.8 1.01 1.18 1.54l4.13-1.04 1 1.74-2.96 3.05c.27.59.52 1.19.74 1.8zM109 299a22 22 0 1 0 44 0 22 22 0 0 0-44 0zm27.11-10.86l-3 5.22a6 6 0 0 0-4.21 0l-3.01-5.22a11.95 11.95 0 0 1 10.22 0zm1.74 1a12 12 0 0 1 5.1 8.86h-6.01a6.01 6.01 0 0 0-2.1-3.64l3-5.22h.01zm-13.7 0l3.02 5.22a6.01 6.01 0 0 0-2.1 3.64h-6.03a12 12 0 0 1 5.11-8.86zm-5.1 10.86h6.01a6.01 6.01 0 0 0 2.1 3.64l-3 5.22a12 12 0 0 1-5.12-8.86h.01zm6.84 9.86l3-5.22a6 6 0 0 0 4.21 0l3.01 5.22a11.95 11.95 0 0 1-10.22 0zm11.96-1l-3.02-5.22a6.01 6.01 0 0 0 2.1-3.64h6.03a12 12 0 0 1-5.11 8.86zm-4.68-19.62a10.04 10.04 0 0 0-4.34 0l1.05 1.82c.74-.1 1.5-.1 2.24 0l1.05-1.82zm5.2 3l-1.05 1.82c.46.59.84 1.24 1.12 1.94h2.1a9.99 9.99 0 0 0-2.17-3.76zm-14.74 0a9.99 9.99 0 0 0-2.17 3.76h2.1c.28-.7.66-1.35 1.12-1.94l-1.05-1.82zm-2.17 9.76a9.99 9.99 0 0 0 2.17 3.76l1.05-1.82a8.01 8.01 0 0 1-1.12-1.94h-2.1zm7.37 6.76c1.43.32 2.91.32 4.34 0l-1.05-1.82c-.74.1-1.5.1-2.24 0l-1.05 1.82zm9.54-3a9.99 9.99 0 0 0 2.17-3.76h-2.1c-.28.7-.66 1.35-1.12 1.94l1.05 1.82zM127 299a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm2 0a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm15 0a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm-6.5 11.26a4 4 0 1 1 4 6.93 4 4 0 0 1-4-6.93zm-13 0a4 4 0 1 1-4 6.93 4 4 0 0 1 4-6.93zM118 299a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm6.5-11.26a4 4 0 1 1-4-6.93 4 4 0 0 1 4 6.93zm13 0a4 4 0 1 1 4-6.93 4 4 0 0 1-4 6.93zM146 299a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm-7.5 12.99a2 2 0 1 0 1.66 3.64 2 2 0 0 0-1.66-3.64zm-15 0a2 2 0 1 0-2.15 3.38 2 2 0 0 0 2.15-3.38zM116 299a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm7.5-12.99a2 2 0 1 0-1.66-3.64 2 2 0 0 0 1.66 3.64zm15 0a2 2 0 1 0 2.15-3.38 2 2 0 0 0-2.15 3.38zm103.8-61.7l-.8-8.22 5.8-1.55 3.42 7.52c2.26-.43 4.57-.74 6.92-.9L259 213h6l1.36 8.16c2.35.16 4.66.47 6.92.9l3.42-7.52 5.8 1.55-.8 8.22c2.21.77 4.37 1.66 6.45 2.68l5.25-6.38 5.2 3-2.9 7.74a60.25 60.25 0 0 1 5.53 4.25l6.73-4.8 4.24 4.24-4.8 6.73a60.25 60.25 0 0 1 4.25 5.53l7.74-2.9 3 5.2-6.38 5.25a59.62 59.62 0 0 1 2.68 6.45l8.22-.8 1.55 5.8-7.52 3.42c.43 2.26.74 4.57.9 6.92L330 278v6l-8.16 1.36a60.03 60.03 0 0 1-.9 6.92l7.52 3.42-1.55 5.8-8.22-.8a59.62 59.62 0 0 1-2.68 6.45l6.38 5.25-3 5.2-7.74-2.9a60.25 60.25 0 0 1-4.25 5.53l4.8 6.73-4.24 4.24-6.73-4.8a60.25 60.25 0 0 1-5.53 4.25l2.9 7.74-5.2 3-5.25-6.38a59.62 59.62 0 0 1-6.45 2.68l.8 8.22-5.8 1.55-3.42-7.52c-2.26.43-4.57.74-6.92.9L265 349h-6l-1.36-8.16a60.03 60.03 0 0 1-6.92-.9l-3.42 7.52-5.8-1.55.8-8.22a59.62 59.62 0 0 1-6.45-2.68l-5.25 6.38-5.2-3 2.9-7.74a60.25 60.25 0 0 1-5.53-4.25l-6.73 4.8-4.24-4.24 4.8-6.73a60.25 60.25 0 0 1-4.25-5.53l-7.74 2.9-3-5.2 6.38-5.25a59.62 59.62 0 0 1-2.68-6.45l-8.22.8-1.55-5.8 7.52-3.42c-.43-2.29-.73-4.6-.9-6.92L194 284v-6l8.16-1.36c.16-2.35.47-4.66.9-6.92l-7.52-3.42 1.55-5.8 8.22.8c.77-2.2 1.66-4.35 2.68-6.45l-6.38-5.25 3-5.2 7.74 2.9a60.25 60.25 0 0 1 4.25-5.53l-4.8-6.73 4.24-4.24 6.73 4.8a60.25 60.25 0 0 1 5.53-4.25l-2.9-7.74 5.2-3 5.25 6.38a59.62 59.62 0 0 1 6.45-2.68zm2.12 1.4c-3.15 1-6.19 2.27-9.08 3.77l-5.19-6.3-2.3 1.33 2.86 7.65a58.24 58.24 0 0 0-7.79 5.98l-6.65-4.75-1.88 1.88 4.75 6.65a58.24 58.24 0 0 0-5.98 7.79l-7.65-2.86-1.33 2.3 6.3 5.2a57.64 57.64 0 0 0-3.77 9.07l-8.12-.79-.69 2.58 7.43 3.38a58 58 0 0 0-1.27 9.73l-8.06 1.35v2.66l8.06 1.35c.15 3.32.58 6.58 1.27 9.73l-7.43 3.38.7 2.58 8.11-.79c1 3.15 2.27 6.19 3.77 9.08l-6.3 5.19 1.33 2.3 7.65-2.86a58.24 58.24 0 0 0 5.98 7.79l-4.75 6.65 1.88 1.88 6.65-4.75a60.3 60.3 0 0 0 7.79 5.98l-2.86 7.65 2.3 1.33 5.2-6.3a56.99 56.99 0 0 0 9.07 3.77l-.79 8.12 2.58.69 3.38-7.43c3.15.69 6.4 1.12 9.73 1.27l1.35 8.06h2.66l1.35-8.06c3.32-.15 6.58-.58 9.73-1.27l3.38 7.43 2.58-.7-.79-8.11c3.15-1 6.19-2.27 9.08-3.77l5.19 6.3 2.3-1.33-2.86-7.65a58.24 58.24 0 0 0 7.79-5.98l6.65 4.75 1.88-1.88-4.75-6.65a60.3 60.3 0 0 0 5.98-7.79l7.65 2.86 1.33-2.3-6.3-5.2a56.99 56.99 0 0 0 3.77-9.07l8.12.79.69-2.58-7.43-3.38a58 58 0 0 0 1.27-9.73l8.06-1.35v-2.66l-8.06-1.35a58.04 58.04 0 0 0-1.27-9.73l7.43-3.38-.7-2.58-8.11.79c-1-3.15-2.27-6.19-3.77-9.08l6.3-5.19-1.33-2.3-7.65 2.86a58.24 58.24 0 0 0-5.98-7.79l4.75-6.65-1.88-1.88-6.65 4.75a58.24 58.24 0 0 0-7.79-5.98l2.86-7.65-2.3-1.33-5.2 6.3a57.64 57.64 0 0 0-9.07-3.77l.79-8.12-2.58-.69-3.38 7.43a58 58 0 0 0-9.73-1.27l-1.35-8.06h-2.66l-1.35 8.06c-3.32.15-6.58.58-9.73 1.27l-3.38-7.43-2.58.7.79 8.11zm4.58 50.1a13.96 13.96 0 0 0 0 10.39l-33.88 19.55A52.77 52.77 0 0 1 209 281c0-8.94 2.21-17.37 6.12-24.75L249 275.8v.01zm2-3.47l-33.87-19.56A52.97 52.97 0 0 1 260 228.04v39.1a13.99 13.99 0 0 0-9 5.2zm0 17.32a13.99 13.99 0 0 0 9 5.2v39.1a52.97 52.97 0 0 1-42.87-24.74L251 289.66zm13 5.2a13.99 13.99 0 0 0 9-5.2l33.87 19.56A52.97 52.97 0 0 1 264 333.96v-39.1zm11-8.66a13.96 13.96 0 0 0 0-10.4l33.88-19.55A52.77 52.77 0 0 1 315 281c0 8.94-2.21 17.37-6.12 24.75L275 286.2zm-2-13.86a13.99 13.99 0 0 0-9-5.2v-39.1a52.97 52.97 0 0 1 42.87 24.74L273 272.34zm-57.04-13.3A50.8 50.8 0 0 0 211 281a50.8 50.8 0 0 0 4.96 21.96l30.62-17.68c-.78-2.8-.78-5.76 0-8.56l-30.62-17.68zm4-6.93l30.62 17.68a16.08 16.08 0 0 1 7.42-4.29v-35.35a50.96 50.96 0 0 0-38.04 21.96zm0 57.78A50.96 50.96 0 0 0 258 331.85V296.5a15.98 15.98 0 0 1-7.42-4.29l-30.62 17.68zM266 331.85a50.96 50.96 0 0 0 38.04-21.96l-30.62-17.68a16.08 16.08 0 0 1-7.42 4.29v35.35zm42.04-28.89A50.8 50.8 0 0 0 313 281a50.8 50.8 0 0 0-4.96-21.96l-30.62 17.68c.78 2.8.78 5.76 0 8.56l30.62 17.68zm-4-50.85A50.96 50.96 0 0 0 266 230.15v35.35c2.86.74 5.41 2.25 7.42 4.29l30.62-17.68zM262 290a9 9 0 1 1 0-18 9 9 0 0 1 0 18zm0-2a7 7 0 1 0 0-14 7 7 0 0 0 0 14zM0 242.64l2.76.4 4.75 2.27a38.2 38.2 0 0 1 2.85-3.4l-3.06-4.28-1.69-5.11 3.07-2.58 4.74 2.55 3.69 3.76a37.96 37.96 0 0 1 3.84-2.22l-1.42-5.07.17-5.38 3.76-1.37 3.6 4.02 2.17 4.79c1.42-.34 2.88-.6 4.37-.77L34 225l2-5h4l2 5 .4 5.25c1.49.17 2.95.43 4.37.77l2.18-4.8 3.59-4 3.76 1.36.17 5.38-1.42 5.07c1.33.67 2.6 1.41 3.84 2.22l3.69-3.76 4.74-2.55 3.07 2.58-1.69 5.11-3.06 4.29a38.2 38.2 0 0 1 2.85 3.4l4.75-2.28 5.33-.77 2 3.46-3.33 4.23-4.34 2.98c.59 1.36 1.1 2.75 1.52 4.17l5.23-.52 5.27 1.1.7 3.94-4.58 2.84-5.1 1.31a38.6 38.6 0 0 1 0 4.44l5.1 1.3 4.58 2.85-.7 3.93-5.27 1.1-5.23-.5a36.3 36.3 0 0 1-1.52 4.16l4.34 2.98 3.33 4.23-2 3.46-5.33-.77-4.75-2.27a38.2 38.2 0 0 1-2.85 3.4l3.06 4.28 1.69 5.11-3.07 2.58-4.74-2.55-3.69-3.76a37.96 37.96 0 0 1-3.84 2.22l1.42 5.07-.17 5.38-3.76 1.37-3.6-4.02-2.17-4.79c-1.42.34-2.88.6-4.37.77L42 311l-2 5h-4l-2-5-.4-5.25a37.87 37.87 0 0 1-4.37-.77l-2.18 4.8-3.59 4-3.76-1.36-.17-5.38 1.42-5.07c-1.32-.66-2.6-1.4-3.84-2.22l-3.69 3.76-4.74 2.55-3.07-2.58 1.69-5.11 3.06-4.29a38.2 38.2 0 0 1-2.85-3.4l-4.75 2.28-2.76.4v-8.17l3.1-2.13a37.72 37.72 0 0 1-1.52-4.17l-1.58.16v-8.82l.06-.01a38.6 38.6 0 0 1 0-4.44l-.06-.01v-8.82l1.58.16c.43-1.43.94-2.82 1.52-4.17L0 250.8v-8.17.01zm0 1.87v3.89l5.62 3.84a35.74 35.74 0 0 0-2.55 7.02l-3.07-.3v4.75l2.2.56a36.42 36.42 0 0 0 0 7.46l-2.2.56v4.75l3.07-.3a35.2 35.2 0 0 0 2.55 7.02L0 287.6v3.89l1.76-.26 6.41-3.07c1.4 2.06 3 3.98 4.8 5.71l-4.14 5.78-1.01 3.07 1.22 1.03 2.85-1.52 4.98-5.08c2 1.45 4.16 2.7 6.45 3.73l-1.9 6.84.1 3.23 1.5.55 2.15-2.4 2.94-6.48a35.9 35.9 0 0 0 7.34 1.3L36 311l1.2 3h1.6l1.2-3 .55-7.09a35.9 35.9 0 0 0 7.34-1.29l2.94 6.47 2.15 2.4 1.5-.54.1-3.23-1.9-6.84a35.96 35.96 0 0 0 6.45-3.73l4.98 5.08 2.85 1.52 1.22-1.03-1-3.07-4.15-5.78a35.8 35.8 0 0 0 4.8-5.7l6.4 3.06 3.2.46.8-1.38-2-2.54-5.85-4.01c1.1-2.24 1.95-4.6 2.55-7.02l7.07.7 3.16-.66.28-1.58-2.75-1.7-6.88-1.77c.26-2.48.26-4.98 0-7.46l6.88-1.77 2.75-1.7-.28-1.58-3.16-.66-7.07.7a35.74 35.74 0 0 0-2.55-7.02l5.86-4 2-2.55-.8-1.38-3.2.46-6.41 3.07c-1.4-2.06-3-3.98-4.8-5.71l4.14-5.78 1.01-3.07-1.22-1.03-2.85 1.52-4.98 5.08c-2-1.45-4.16-2.7-6.45-3.73l1.9-6.84-.1-3.23-1.5-.55-2.15 2.4-2.94 6.48a35.9 35.9 0 0 0-7.34-1.3L40 225l-1.2-3h-1.6l-1.2 3-.55 7.09c-2.48.17-4.94.6-7.34 1.29l-2.94-6.47-2.15-2.4-1.5.54-.1 3.23 1.9 6.84a35.96 35.96 0 0 0-6.45 3.73l-4.98-5.08-2.85-1.52-1.22 1.03 1 3.07 4.15 5.78a36.18 36.18 0 0 0-4.8 5.7l-6.4-3.06L0 244.5v.01zM38 272a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-26a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 24a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm-24 24a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm-24-24a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm24-26a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm26 26a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm-26 26a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-26-26a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm3.37 22.63a12 12 0 1 1 16.17-17.74 12 12 0 0 1-16.17 17.74zm0-45.26a12 12 0 1 1 17.74 16.17 12 12 0 0 1-17.74-16.17zm45.26 0a12 12 0 1 1-16.17 17.74 12 12 0 0 1 16.17-17.74zm0 45.26a12 12 0 1 1-17.74-16.17 12 12 0 0 1 17.74 16.17zm-15.56-29.7a10 10 0 1 0 14.39-13.9 10 10 0 0 0-14.39 13.9zm0 14.14a10 10 0 1 0 13.9 14.39 10 10 0 0 0-13.9-14.39zm-14.14 0a10 10 0 1 0-14.39 13.9 10 10 0 0 0 14.39-13.9zm0-14.14a10 10 0 1 0-13.9-14.39 10 10 0 0 0 13.9 14.39zm230.9-245.4l-.08-4.18 1.93-.52 2.04 3.67c1.07-.2 2.16-.35 3.26-.43L270 10h2l1.02 4.07c1.1.08 2.2.22 3.26.43l2.04-3.67 1.93.52-.07 4.19a27 27 0 0 1 3.04 1.26l2.91-3.01 1.74 1-1.16 4.03c.91.62 1.78 1.29 2.61 2l3.6-2.15 1.41 1.41-2.16 3.6c.72.83 1.4 1.7 2 2.6l4.04-1.15 1 1.74-3.01 2.91c.48.98.9 2 1.26 3.04l4.2-.07.5 1.93-3.66 2.04c.2 1.07.35 2.16.43 3.26L303 41v2l-4.07 1.02a26.9 26.9 0 0 1-.43 3.26l3.67 2.04-.52 1.93-4.19-.07a27.82 27.82 0 0 1-1.26 3.04l3.01 2.91-1 1.74-4.03-1.16c-.62.91-1.29 1.78-2 2.61l2.15 3.6-1.41 1.41-3.6-2.16c-.83.72-1.7 1.4-2.6 2l1.15 4.04-1.74 1-2.91-3.01a27 27 0 0 1-3.04 1.26l.07 4.2-1.93.5-2.04-3.66c-1.07.2-2.16.35-3.26.43L272 74h-2l-1.02-4.07a26.9 26.9 0 0 1-3.26-.43l-2.04 3.67-1.93-.52.07-4.19a27.82 27.82 0 0 1-3.04-1.26l-2.91 3.01-1.74-1 1.16-4.03c-.9-.62-1.78-1.29-2.61-2l-3.6 2.15-1.41-1.41 2.16-3.6c-.72-.83-1.4-1.7-2-2.6l-4.04 1.15-1-1.74 3.01-2.91a27 27 0 0 1-1.26-3.04l-4.2.07-.5-1.93 3.66-2.04c-.2-1.07-.35-2.16-.43-3.26L239 43v-2l4.07-1.02c.08-1.1.22-2.2.43-3.26l-3.67-2.04.52-1.93 4.19.07a27 27 0 0 1 1.26-3.04l-3.01-2.91 1-1.74 4.03 1.16c.62-.91 1.29-1.78 2-2.61l-2.15-3.6 1.41-1.41 3.6 2.16c.83-.72 1.7-1.4 2.6-2l-1.15-4.04 1.74-1 2.91 3.01a27 27 0 0 1 3.04-1.26l.01-.01zM271 68a26 26 0 1 0 0-52 26 26 0 0 0 0 52zm0-9a17 17 0 1 1 0-34 17 17 0 0 1 0 34zm0-2a15 15 0 1 0 0-30 15 15 0 0 0 0 30zm0-8a7 7 0 1 1 0-14 7 7 0 0 1 0 14zm0-2a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-14a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm9 9a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm-9 9a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-9-9a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm47.93 53.79l-1.8-3.91 1.63-1.18 3.15 2.92c.4-.17.82-.3 1.25-.4L315 89h2l.84 4.21c.43.1.85.24 1.25.4l3.15-2.9 1.62 1.17-1.8 3.9c.3.33.55.69.78 1.06l4.26-.5.62 1.9-3.75 2.1c.04.44.04.87 0 1.31l3.75 2.1-.62 1.9-4.26-.5c-.23.38-.49.74-.77 1.06l1.8 3.91-1.63 1.18-3.15-2.92c-.4.17-.82.3-1.25.4L317 113h-2l-.84-4.21c-.43-.1-.85-.24-1.25-.4l-3.15 2.9-1.62-1.17 1.8-3.9a8.03 8.03 0 0 1-.78-1.06l-4.26.5-.62-1.9 3.75-2.1a8.1 8.1 0 0 1 0-1.31l-3.75-2.1.62-1.9 4.26.5c.23-.38.49-.74.77-1.06zM316 106a5 5 0 1 0 0-10 5 5 0 0 0 0 10zM75.73 179.2l-.6-2.1 1.74-1 1.51 1.57a9.93 9.93 0 0 1 2.1-.55L81 175h2l.53 2.12c.72.1 1.42.3 2.09.55l1.51-1.56 1.74 1-.6 2.1c.56.45 1.07.96 1.52 1.52l2.1-.6 1 1.74-1.56 1.51c.25.67.44 1.37.55 2.1L94 186v2l-2.12.53a9.9 9.9 0 0 1-.55 2.09l1.56 1.51-1 1.74-2.1-.6a9.93 9.93 0 0 1-1.52 1.52l.6 2.1-1.74 1-1.51-1.56c-.67.25-1.37.44-2.1.55L83 199h-2l-.53-2.12c-.71-.1-1.42-.3-2.09-.55l-1.51 1.56-1.74-1 .6-2.1a9.93 9.93 0 0 1-1.52-1.52l-2.1.6-1-1.74 1.56-1.51a9.93 9.93 0 0 1-.55-2.1L70 188v-2l2.12-.53c.1-.72.3-1.42.55-2.09l-1.56-1.51 1-1.74 2.1.6c.45-.56.96-1.07 1.52-1.52v-.01zm2.15.94a8.04 8.04 0 0 0-2.74 2.74l-.14.25a7.96 7.96 0 0 0 0 7.74l.14.25a8.04 8.04 0 0 0 2.74 2.74l.25.14a7.96 7.96 0 0 0 7.74 0l.25-.14a8.04 8.04 0 0 0 2.74-2.74l.14-.25a7.96 7.96 0 0 0 0-7.74l-.14-.25a8.04 8.04 0 0 0-2.74-2.74l-.25-.14a7.96 7.96 0 0 0-7.74 0l-.25.14zM82 193a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm278 3.18l-3.8 5.6-7.18-3.51 2.6-8.07a32.15 32.15 0 0 1-3.07-2.46l-7.27 4.35-5.04-6.22 5.82-6.26c-.64-1.13-1.2-2.3-1.7-3.52l-8.45.73-1.8-7.8 7.95-3.07a32.5 32.5 0 0 1 0-3.9l-7.95-3.07 1.8-7.8 8.45.73a31.7 31.7 0 0 1 1.7-3.52l-5.82-6.26 5.04-6.22 7.27 4.35c.97-.88 2-1.7 3.07-2.46l-2.6-8.07 7.19-3.5 3.79 5.59v64.36zm0-3.53v-57.3l-4.46-6.58-4.1 2 2.53 7.87a30.14 30.14 0 0 0-5.13 4.1l-7.08-4.24-2.88 3.55 5.65 6.09a29.87 29.87 0 0 0-2.82 5.86l-8.24-.7-1.03 4.46 7.73 2.99a30.34 30.34 0 0 0 0 6.5l-7.73 3 1.03 4.45 8.24-.7a29.87 29.87 0 0 0 2.82 5.86l-5.65 6.1 2.88 3.54 7.08-4.23a30.14 30.14 0 0 0 5.13 4.09l-2.54 7.86 4.11 2 4.46-6.57zm0-51.57v5.71l-3.56-3.8a24.94 24.94 0 0 1 3.56-1.91zm0 22.68l-14.17 6.64c-2.5-9.5.77-19.57 8.38-25.78l5.79 10.5v8.64zm0 23.16a25.08 25.08 0 0 1-13.32-13.9l13.32-2.55v16.45zm0-43.64l-.39.2.39.4v-.6zm0 18.29v-2.35l-6.3-11.44a22.93 22.93 0 0 0-6.43 19.76l12.73-5.97zm0 23.15v-12.23l-10.47 2.01A23.1 23.1 0 0 0 360 182.72zM0 129.82l1 1.46a31.8 31.8 0 0 1 3.8-.86L6 122h8l1.2 8.42c1.3.21 2.57.5 3.8.86l4.8-7.06 7.18 3.51-2.6 8.07c1.07.76 2.1 1.58 3.07 2.46l7.27-4.35 5.04 6.22-5.82 6.26c.64 1.13 1.2 2.3 1.7 3.52l8.45-.73 1.8 7.8-7.95 3.07c.08 1.3.08 2.6 0 3.9l7.95 3.07-1.8 7.8-8.45-.73a33.5 33.5 0 0 1-1.7 3.52l5.82 6.26-5.04 6.22-7.27-4.35c-.97.88-2 1.7-3.07 2.46l2.6 8.07-7.19 3.5-4.78-7.05c-1.24.36-2.51.65-3.8.86L14 202H6l-1.2-8.42a31.8 31.8 0 0 1-3.8-.86l-1 1.46v-64.36zm0 3.53v57.3l.2-.29c2.02.7 4.15 1.2 6.34 1.44l1.17 8.2h4.58l1.17-8.2c2.2-.25 4.32-.74 6.35-1.44l4.65 6.87 4.1-2-2.53-7.87a30.14 30.14 0 0 0 5.13-4.1l7.08 4.24 2.88-3.55-5.65-6.09c1.14-1.83 2.1-3.8 2.82-5.86l8.24.7 1.03-4.46-7.73-2.99a30.7 30.7 0 0 0 0-6.5l7.73-3-1.03-4.45-8.24.7a29.87 29.87 0 0 0-2.82-5.86l5.65-6.1-2.88-3.54-7.08 4.23a30.14 30.14 0 0 0-5.13-4.09l2.54-7.86-4.11-2-4.65 6.86a29.82 29.82 0 0 0-6.35-1.44l-1.17-8.2H7.7l-1.17 8.2c-2.2.25-4.32.74-6.35 1.44l-.19-.29H0zm34.17 35.05l-16.26-7.62a7.94 7.94 0 0 0-.8-2.44l8.68-15.72a24.95 24.95 0 0 1 8.38 25.78zm-.85 2.63a25.01 25.01 0 0 1-21.94 15.93l2.23-17.82a8.3 8.3 0 0 0 2.07-1.5l17.64 3.39zM0 139.08A24.92 24.92 0 0 1 10 137c5 0 9.65 1.47 13.56 4l-12.28 13.1a8.06 8.06 0 0 0-2.56 0L0 144.8v-5.72zm0 22.68v-8.65l2.88 5.23c-.4.77-.66 1.59-.79 2.44l-2.09.98zm0 23.16v-16.45l4.32-.83c.6.6 1.3 1.11 2.07 1.5l2.23 17.82c-2.97-.16-5.9-.85-8.62-2.04zM10 156a6 6 0 1 1 0 12 6 6 0 0 1 0-12zm0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM0 141.28v.6l9.48 10.13c.35-.02.7-.02 1.04 0l9.87-10.54A22.9 22.9 0 0 0 10 139c-3.58 0-6.98.82-10 2.28zm0 18.29l.34-.16c.09-.34.2-.67.32-.99l-.66-1.2v2.35zm0 23.15c1.97.95 4.1 1.63 6.34 1.99l-1.8-14.33a11.6 11.6 0 0 1-.83-.6l-3.71.7v12.24zm13.66 1.99a23.03 23.03 0 0 0 16.8-12.21l-14.17-2.72c-.27.21-.55.42-.84.6l-1.79 14.33zm19.07-19.17a22.93 22.93 0 0 0-6.42-19.75l-6.97 12.63c.12.32.23.65.32.99l13.07 6.13zM137.54 360l-4.07-5.7 2.83-2.83 6.73 4.8c.7-.56 1.4-1.11 2.14-1.63l-2.9-7.75 3.46-2 5.25 6.38c.82-.37 1.65-.72 2.5-1.03l-.8-8.22 3.86-1.04 3.43 7.52c.88-.15 1.77-.26 2.67-.35L164 340h4l1.36 8.15c.9.09 1.8.2 2.67.35l3.43-7.52 3.86 1.04-.8 8.22c.85.31 1.68.66 2.5 1.03l5.25-6.38 3.46 2-2.9 7.75c.74.52 1.45 1.07 2.14 1.64l6.73-4.8 2.83 2.82-4.07 5.7h-56.92zm2.43 0h52.06l3.9-5.46-.47-.47-6.63 4.73a34.14 34.14 0 0 0-4.4-3.38l2.86-7.63-.58-.33-5.18 6.29a33.79 33.79 0 0 0-5.12-2.13l.78-8.1-.64-.18-3.37 7.42a34.02 34.02 0 0 0-5.5-.72l-1.35-8.04h-.66l-1.34 8.04c-1.88.1-3.72.33-5.5.72l-3.38-7.42-.64.18.78 8.1a33.88 33.88 0 0 0-5.12 2.13l-5.18-6.29-.58.33 2.86 7.63c-1.56 1-3.03 2.14-4.4 3.38l-6.63-4.73-.47.47 3.9 5.46zm9.75 0a28.83 28.83 0 0 1 13.28-4.85V360h-13.28zm32.56 0H169v-4.85c4.9.5 9.42 2.22 13.28 4.85zm-28.66 0H161v-2.54a26.8 26.8 0 0 0-7.38 2.54zm24.76 0a26.8 26.8 0 0 0-7.38-2.54V360h7.38zM358.79 0h-1.21l1.5 3.28a48.3 48.3 0 0 0-5.8 5.8l-9.38-4.3-1.65 2.26 7 7.58a47.84 47.84 0 0 0-3.74 7.33l-10.24-1.2-.86 2.66 8.99 5.05a47.91 47.91 0 0 0-1.28 8.12L332 38.6v2.8l10.12 2.02c.2 2.78.63 5.5 1.28 8.12l-9 5.05.87 2.66 10.24-1.2c1.04 2.54 2.29 5 3.74 7.33l-7 7.58 1.65 2.26 9.38-4.3a48.3 48.3 0 0 0 5.8 5.8l-4.3 9.38 2.26 1.65 2.96-2.73v2.66l-2.84 2.62-4.85-3.52 4.36-9.5a50.31 50.31 0 0 1-3.95-3.95l-9.5 4.36-3.52-4.85 7.08-7.68a49.83 49.83 0 0 1-2.54-4.98l-10.38 1.21-1.85-5.7 9.11-5.12a49.9 49.9 0 0 1-.87-5.52L330 43v-6l10.25-2.05c.19-1.87.48-3.72.87-5.52l-9.11-5.12 1.85-5.7 10.38 1.21c.75-1.71 1.6-3.37 2.54-4.98l-7.08-7.68 3.52-4.85 9.5 4.36a50.31 50.31 0 0 1 3.95-3.95L355.42 0h3.37zM360 52.7l-6.48 3.74A39.86 39.86 0 0 1 350 40a39.9 39.9 0 0 1 3.52-16.44L360 27.3v25.4zm0-39.16v4.52l-2.47-1.43c.77-1.07 1.6-2.1 2.47-3.09zm0 52.92c-.87-.99-1.7-2.02-2.47-3.1l2.47-1.42v4.52zm0-16.07V29.61l-5.5-3.18a37.91 37.91 0 0 0 0 27.14l5.5-3.18zM62.42 360h2.16l3.11-6.78-4.85-3.52-7.68 7.08a49.83 49.83 0 0 0-4.98-2.54l1.21-10.38-5.7-1.85-5.12 9.11a49.9 49.9 0 0 0-5.52-.87L33 340h-6l-2.05 10.25c-1.85.19-3.7.48-5.52.87l-5.12-9.11-5.7 1.85 1.21 10.38c-1.71.75-3.37 1.6-4.98 2.54L0 352.32v5.17-2.5l4.62 4.26a47.84 47.84 0 0 1 7.33-3.74l-1.2-10.24 2.66-.86 5.05 8.99a47.91 47.91 0 0 1 8.12-1.28L28.6 342h2.8l2.02 10.12c2.78.2 5.5.63 8.12 1.28l5.05-9 2.66.87-1.2 10.24c2.54 1.04 5 2.29 7.33 3.74l7.58-7 2.26 1.65-2.8 6.1zM360 244.51l-1.44-.2-.8 1.38 2 2.54.24.17v-3.89zm0 14.45l-4-.4-3.16.66-.28 1.58 2.75 1.7 4.69 1.2v-4.74zm0 13.33l-4.7 1.2-2.74 1.71.28 1.58 3.16.66 4-.4v-4.75zm0 15.31l-.24.17-2 2.54.8 1.38 1.44-.2v-3.89zm0 5.76l-2.57.37-2-3.46 3.33-4.23 1.24-.85v8.17zm0-14.31l-3.65.36-5.27-1.1-.7-3.94 4.58-2.84 5.04-1.3v8.82zm0-13.28l-5.04-1.3-4.58-2.84.7-3.93 5.27-1.1 3.65.35v8.82zm0-14.96l-1.24-.85-3.33-4.23 2-3.46 2.57.37v8.17zm0 101.5V360h-4.58l-3.11-6.78 4.85-3.52 2.84 2.62v-.01zm0 2.67l-2.96-2.73-2.26 1.65 2.8 6.1H360v-5.02z'%3E%3C/path%3E%3C/svg%3E"); */
}
.student-card .card .kv-editable button {
    word-break: break-all;
    font-size: 12px;
    text-align: left !important;
}


.student-card .student-detail p b {
    font-weight: 600;
    letter-spacing: .2px;
    margin-right: 5px;
}

/* new tabs css begin */
.tab-align-center .nav-tabs{
    justify-content: flex-start;
}
ul.nav.nav-tabs a.nav-link {
    color: #272727;
    /*border-block-start: 3px solid rgba(61, 94, 225, 0.1)  !important;*/
    background-color:rgb(231 235 239) !important;
    position: relative;
    display: inline-block;
    margin: 2px 2px 0 0;
    padding: 5px 8px;
    border: 0;
    border-radius: 5px 5px 0 0;
    letter-spacing: .1px;
    cursor: pointer;
    box-shadow: inset 0 0 2px #779ba847;
}
.tabs-x .nav-tabs {
    display: flex;
    align-items: baseline;
}
ul.nav.nav-tabs .nav-link:hover,
ul.nav.nav-tabs .nav-link.active {
    background-color: #4a8eff !important;
    color: #fff;
}

.student-profile .box-header.with-border {
    margin-bottom: 0;
    display: flow-root;
    padding: 0 !important;
}
.student-profile .box-body{
    padding: 0 !important;
}
.student-profile .box-header.with-border .box-tools{
    position: relative;
    top:auto;
    float: right;
    text-align: right;
}


.reply-inner-collapse .card-body {
    background-color: #e2e2e2;
}

@media (max-width: 768px) {
    ul.nav.nav-tabs li {
        margin-bottom: 0;
    }

    ul.nav.nav-tabs a.nav-link {
        font-size: 12px;
    }
}

/*radio btn ripple effect */
@keyframes ripple {
    0% {
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.0);
    }
    50% {
        box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
    }
    100% {
        box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
    }
}

.preview_form .myBook .fb-radio-group .radio-group .radio {
    display: inline-block;
}

.preview_form .myBook .radio {
    margin: 16px 0;
}

.preview_form .myBook .fb-radio-group .radio input[type="radio"] {
    display: none;
}

.preview_form .myBook .fb-radio-group .radio input[type="radio"]:checked + span.radio-label-text:before {
    border-color: rgb(103, 58, 183);
    animation: ripple 0.2s linear forwards;
}

.preview_form .myBook .fb-radio-group .radio input[type="radio"]:checked + span.radio-label-text:after {
    transform: scale(1);
}

.preview_form .myBook .fb-radio-group .radio span.radio-label-text {
    display: inline-block;
    min-height: 20px;
    position: relative;
    padding: 0 25px;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: bottom;
    text-transform: initial;
    font-size: 15px;
    letter-spacing: .2px;
}

.preview_form .myBook .fb-radio-group .radio span.radio-label-text:before, .radio span.radio-label-text:after {
    position: absolute;
    content: '';
    border-radius: 50%;
    transition: all 0.3s ease;
    transition-property: transform, border-color;
}

.preview_form .myBook .fb-radio-group .radio span.radio-label-text:before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 0, 0, 0.54);
}

.preview_form .myBook .fb-radio-group .radio span.radio-label-text:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    transform: scale(0);
    background: rgb(103, 58, 183);
}

.preview_form .myBook .fb-radio-group .radio-group {
    padding: 20px !important;
}

.preview_form .myBook .fb-radio-group .radio-group .radio {
    margin: 5px 0;
}

/* radio btn css end */
.task-count {
    text-align: right;
    position: absolute;
    right: 5px;
}

.task-count span {
    font-size: .8rem;
    font-weight: 300;
    padding: 2px 4px;
    color: #fff;
    border-radius: 2px;
    background-clip: padding-box;
    background-color: #00bcd4 !important;
    max-width: 45px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    min-width: 20px;
}


#batch-grid-view table thead td #batch-course_id,
#batch-grid-view table thead td #batch-sub_course_id,
#batch-grid-view table thead td #batch-teacher_id {
    width: auto;
}

@media screen and (max-width: 480px) {
    .kv-table-wrap th, .kv-table-wrap td {
        display: revert !important;
        width: 100% !important;
        text-align: center;
        all: revert;
    }
}

@media screen and (max-width: 480px) {
    .kv-table-wrap tr > td:first-child {
        border-top: 0;
        margin-top: 0;
    }
}

/*survey css in sidebar */
.badge.survey-badge {
    padding: 4px 8px !important;
    border-radius: 5px;
    font-size: 12px;
}

.time_table_c2 table thead .program-name-heading {
    background-color: #f3f3f3;
}

.time_table_c2 table thead .instructor-heading {
    background-color: #f6ec02;
}

.time_table_c2 table thead .feedback-heading {
    background-color: #f3f3f3;
}

.time_table_c2 table thead .instructor-name-heading {
    background-color: #b8d6f2;
}

.time_table_c2 table thead .feedback-response {
    background-color: #7cbe5b;
}

.gradient-ibiza-sunset {
    background-image: linear-gradient(
            135deg
            ,#b02940,#fcc173) !important;
}
.theme-customizer .customizer-content .cutomizer-colors span.gradient-mint {
    background: linear-gradient(45deg, #405189, #0ab39c);
}

.gradient-light-blue-cyan {
    background-color: #697d7d;
}

.gradient-king-yna {
    background-color: #5C6BC0;
}

.gradient-purple-love {
    background-color: #9A5BB8;
}

.gradient-flickr {
    background-image: linear-gradient(10deg, #f77e17, #2f8be6);
    background-repeat: repeat-x;
}

.gradient-green-teal {
    background: #43a047;
    background: linear-gradient(135deg, #40c057, #1D976C);
}

.gradient-red-pink {
    background: #ff5252;
    background: -webkit-linear-gradient(
            45deg, #ff5252, #f48fb1) !important;
    background: linear-gradient(
            45deg, #ff5252, #f48fb1) !important;
}

.gradient-starfall {
    background-color: #B6D88C;
}

.gradient-purple-bliss {
    background-color: #01C1C4;
}

.gradient-blackberry {
    background-color: #3499DC;
}

.gradient-man-of-steel {
    background-image: linear-gradient(
            45deg, #2f3ea0, #ae342d);
    background-repeat: repeat-x;
}

.widget-timeline {
    padding-left: 40px !important;
    list-style-type: none;
}

.widget-timeline li {
    position: relative;
    padding: 1.1rem 0;
    list-style: none;
}

.widget-timeline li.timeline-items.timeline-icon-green:before {
    background: #4caf50 !important;
}

.widget-timeline li.timeline-items.timeline-icon-cyan:before {
    background: #00bcd4 !important;
}

.widget-timeline li.timeline-items.timeline-icon-red:before {
    background: #f44336 !important;
}

.widget-timeline li.timeline-items.timeline-icon-orange:before {
    background: #ff9800 !important;
}

.widget-timeline li.timeline-items:before {
    position: absolute;
    z-index: 2;
    top: 22px;
    left: -37px;
    width: 13px;
    height: 13px;
    content: '';
    border: 3px solid #fff;
    border-radius: 50%;
    background: #3f51b5;
    box-shadow: 1px 2px 6px 0 rgb(25 42 70 / 30%);
}

.widget-timeline li .timeline-time {
    font-size: .75rem;
    float: right;
}

.widget-timeline li .timeline-title {
    margin-top: 0;
    margin-bottom: .25rem;
    color: #6b6f82;
    font-size: 13px;
    font-weight: 500;
}

.widget-timeline li .timeline-text {
    font-size: .75rem;
    margin-bottom: .5rem;
    color: #9e9e9e;
}

.widget-timeline li.timeline-items .timeline-content {
    font-size: 13px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem 1rem;
    color: #9e9e9e;
    border-radius: .267rem;
    background-color: #fafafa;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.widget-timeline li.timeline-items.active:not(:last-child):after {
    position: absolute;
    z-index: 1;
    top: 22px;
    left: -31px;
    width: 1px;
    height: 100%;
    content: '';
    background: #e0e0e0;
}

#settings ul.collection {
    max-height: 100% !important;
    padding-left: 0;
    list-style-type: none;
}

.collection {
    position: relative;
    overflow: hidden;
    margin: .5rem 0 1rem 0;
    border-radius: 2px;
    padding-left: 0;
    list-style-type: none;
}

.collection .collection-item {
    margin: 0;
    padding: 10px;
    background-color: #fff;
}

.collection .collection-item .switch {
    float: right;
}

#add-driver-form table td input,
#add-driver-form table td select {
    margin: 0;
}

.taskboard-chart .taskbaord-inner-content {
    border-right: 1px solid #e8e8e8;
    padding: 30px 10px 30px 10px;
}

.taskbaord-small-chart {
    position: relative;
    font-size: 50px;
    margin-right: 10px;
}

.taskboard-chart .taskboard-body {
    width: 100%;
}

.taskboard-chart .taskboard-body h4 {
    line-height: 1;
    font-weight: 500;
}

.taskboard-chart .taskboard-body h6,
.taskboard-chart .taskboard-body p {
    font-size: .9rem;
    font-weight: 500;
    color: #8c8c8c;
    text-transform: uppercase;
}


.sp-krajee.sp-replacer {
    padding: 0 !important;
}

@media screen and (max-width: 768px) {
    .student-dashbaord-right .student-card-detail .flex-shrink-0 {
        float: none !important;
    }

    .student-attendance {
        border-right: 0 !important;
    }
    .student-dashbaord-right .student-card-detail .progress-info-detail .marks-info {
        text-align: center;
        text-align: left;
        display: inline-block;
    }


}
@media screen and (max-width: 426px){
    .business-bg img{
        width: 100%;
    }
    .business-bg{
        width: 100%;
    }
}
@media (min-width: 426px) and (max-width: 768px) {
    .student-detail .student-detail-inner {
        /* display: block !important; */
    }
}

.pagination.flex-wrap .page-item a {
    padding: .25rem .5rem;
    font-size: .71094rem;
}


.btn-group > .btn-group .btn {
    margin-left: 0;
}
.btn-group > .btn-group .btn:first-child{
    margin-right: 0;
}

.anno-placeholder .checkbox label input[type='checkbox'] {
    margin: 0 5px 0 5px;
}

.anno-placeholder .checkbox label {
    margin-top: 3px;
}

.simple-pagination ul li {
    display: inline-block !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.simple-pagination.light-theme ul li span {
    border-radius: 0;
    /*background: #eff2f6;
    border-color: #dee2e6;*/
    margin-right: 0px;
    box-shadow: none;
    user-select: none;
}

.simple-pagination.light-theme ul li:first-child span {
    border-top-left-radius: .3em;
    border-bottom-left-radius: .3em;
}

.simple-pagination.light-theme ul li:last-child span {
    border-top-right-radius: .3em;
    border-bottom-right-radius: .3em;
}

.simple-pagination {
    margin-top: 5px;
}

.simple-pagination ul li {
    border-bottom: 0 !important;
}

.bg-teal {
    background-color: #009688 !important;
}

.search_box .dropdown-all.active {
    background-color: #1d203c !important;
}

.top-bar .top-left-icon .top-search-box .select2-container--material .select2-dropdown .select2-search__field {
    margin-bottom: 0 !important;

}

.top-bar .top-left-icon .select2-container--material {
    border-bottom: 0;
}

.top-bar .top-left-icon .top-search-box .select2-container--material.select2-container--focus {
    box-shadow: none;
}

.top-bar .top-left-icon .dropdown-all.active.scale-up .fa-close {
    color: #fbfbfb !important;
    position: relative;
    top: 2px;
    right: 5px;
    display: block;
    text-align: right;
}

.top-search-box .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear {
    color: seashell;
    font-size: 18px;
    font-weight: bolder;
}

h3.assessment-test-user-answer-form .kv-editable-value {
    font-size: 18px;
}

h3.assessment-test-user-answer-form button.badge-dark {
    border-radius: 3px;
    border: 0;
    font-weight: 400;
    font-size: 12px;
}

.main-information-head h5 b {
    font-weight: 500;
    margin-right: 5px;
}

.main-information-head h5 {
    font-size: 15px;
    font-weight: 400;
}

.survey iframe {
    border-width: 1px;
    border-radius: 3px;
    /*height: 1500px !important;*/
    width: 100%;
}

/* Editor css start */
.fr-toolbar .fr-btn-grp {
    margin: 2px !important;
}

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
    margin: 0 !important;
}

.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
    margin: 4px !important;
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
    height: 18px !important;
}

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
    height: 25px !important;
}

button[data-cmd="insertFiles"] {
    padding-left: 0 !important;
    padding-top: 0 !important;
}

/* Editor css End */

.add-qus-collapse a span.collapse-btn,
.question-collapse a span.collapse-btn,
.assessment-test-user-answer-form a span.collapse-btn {
    font-size: .9rem;
    background: #fff;
    padding: 4px 8px;
    border-radius: 5px;
    margin-right: 2px;
    color: #616161;
    box-shadow: 0px 2px 6px 0 rgb(25 42 70 / 11%);
}

.add-qus-collapse a span.collapse-btn svg,
.question-collapse a span.collapse-btn svg,
.assessment-test-user-answer-form a span.collapse-btn svg {
    color: #616161 !important;
}

.add-qus-collapse a[aria-expanded="true"] svg,
.question-collapse a[aria-expanded="true"] svg,
.assessment-test-user-answer-form a[aria-expanded="true"] svg,
.add-qus-collapse a[aria-expanded="true"] i,
.question-collapse a[aria-expanded="true"] i,
.assessment-test-user-answer-form a[aria-expanded="true"] i {
    transform: rotate(90deg);
}

.assessment-test-user-answer-form .btn.showActionModalButton {
    padding: 2px 5px !important;
    font-size: 10px !important;
    margin-top: 0;
}

.question-collapse, .answers-collapse {
    border: 1px solid #ececec;
    padding: 8px;
    margin-bottom: 10px;
    background-color: #f4f4f4;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 2%), 0 3px 1px -2px rgb(0 0 0 / 5%), 0 1px 5px 0 rgb(0 0 0 / 5%);
}

.question-collapse .collapse.show, .answers-collapse .collapse.show {
    background-color: #fff;
    margin-top: 10px;
    padding: 10px;
}

@media (min-width: 320px) and (max-width: 425px) {
    .fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
        height: 20px;
    }

    .fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
        margin: 1px;
    }
}

.assessment-test-user-answer-form .word-count-span,
.assessment-test-user-answer-form .max-marks-span {
    font-size: 12px;
    font-weight: 600;
}
.assessment-test-user-answer-form .row .text-right .btn{
    margin-top: 0 !important;
}
.assessment-test-user-answer-form .row .text-right .btn:hover{
    color: #fff;
}
header.card-header {
    margin-bottom: 10px;
    border-radius: 4px !important;
    box-shadow: none;
}

.send-email-button {
    display: inline-block !important;
}

/*Interaction Tab css begin */
h5.options-title {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 11px;
    padding-left: 5px;
    border-left: 4px solid #212529;
}

.interaction-option-btn .badge {
    /*display: inline-block;*/
   /* margin-bottom: 3px;*/
   color: #fff;
}
.interaction-option-btn .dropleft{
    margin-bottom: 3px;
    margin-right: 3px !important;
    display: inline-block;
}
.interaction-option-btn .dropleft .btn{
    margin-bottom: 0 !important;
    margin-right: 0 !important
}
.interaction-option-btn .badge .fa.mr-1{
    margin-right: 0 !important;
}
.interaction-option-btn .badge .fa{
    font-size: .9rem;
}
/*.interaction-option-btn .dropleft .badge.btn,
.interaction-option-btn .btn.btn-primary{
    padding: 0.25em 0.4em !important;
    font-size: .75em !important;
    border-radius: 0.25rem  !important;
    margin-bottom: 3px;
    margin-right: 2px;
    line-height: 1 !important;
}*/
.interaction-option-btn .btn.btn-primary i{
    font-size: inherit !important;
}
.interaction-option-btn .dropdown-item{
    padding: 0.25rem 1rem !important;
    font-size: .9rem;
}
.interaction-option-btn .dropdown-item:active,
.interaction-option-btn .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc !important;
}
.interaction-option-btn .badge:hover{
    background-color:#0062cc !important;
    color: #fff !important;
}
.interaction-option-btn {
    margin-bottom: 10px;
    display: table;
}


#notes-form .btn-refresh {
    padding: .15rem .35rem;
    font-size: 12px;
    line-height: 15px;
    margin: 3px 1px;
}

.communication-pagination-wrapper .date i {
    margin-right: 5px;
}


.form-group.field-notes-notes_type_id.required label::after {
    color: transparent;
}

@keyframes ripple {
    0% {
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.0);
    }
    50% {
        box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
    }
    100% {
        box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
    }
}

.call-radio {
    margin: 2px 0;
}

.call-radio.call-radio-inline {
    display: inline-block;
}

.call-radio input[type="radio"] {
    display: none;
}

.call-radio input[type="radio"]:checked + label:before {
    border-color: #337ab7;
    animation: ripple 0.3s linear forwards;
}

.call-radio input[type="radio"]:checked + label:after {
    transform: scale(1);
}

.call-radio label {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 20px;
    margin-bottom: 0;
    cursor: pointer;
    vertical-align: bottom;
    line-height: 16px;
}

.call-radio label:before, .call-radio label:after {
    position: absolute;
    content: '';
    border-radius: 50%;
    transition: all 0.3s ease;
    transition-property: transform, border-color;
}

.call-radio label:before {
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #b8b8b8;
}

.call-radio label:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    transform: scale(0);
    background: #337ab7;
}

.student-profile .tabs-x .tab-content {
    min-height: 100px;
    width: 100%;
}

.score-section .tab-align-center .nav-tabs {
    width: 110px;
}
.datepicker.dropdown-menu table,
.datetimepicker.dropdown-menu table{
    min-width: auto;
    width: 100%;
}
.datetimepicker.dropdown-menu .datetimepicker-hours fieldset legend,
.datetimepicker.dropdown-menu .datetimepicker-minutes fieldset legend,
.datepicker.dropdown-menu .datetimepicker-hours fieldset legend,
.datepicker.dropdown-menu .datetimepicker-minutes fieldset legend{
    font-size: 1rem;
    background: #eee;
}

.datetimepicker.dropdown-menu table tr td,
.datetimepicker.dropdown-menu table tr th,
.datepicker.dropdown-menu table tr td,
.datepicker.dropdown-menu table tr th{
    text-align: center;
   /* width: 25px ;
    height: 25px;
    line-height: 25px;*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: .8rem;
    padding: 1px 4px;

}
.datetimepicker.dropdown-menu table tbody tr td,
.datepicker.dropdown-menu table tbody tr td{
    border: 1px solid #e5e5e5;
    transition: background .2s ease-in-out;
}
.datetimepicker.dropdown-menu .datetimepicker-hours span,
.datepicker.dropdown-menu .datetimepicker-hours span{
    height: 25px;
    line-height: 25px;
}
.datetimepicker.dropdown-menu th.switch,
.datepicker.dropdown-menu th.switch {
    width: 145px;
}
.datetimepicker.dropdown-menu,
.datepicker.dropdown-menu{
    padding: 4px;
    min-width: 10rem !important;
}
.datetimepicker.dropdown-menu .datetimepicker-minutes span,
.datetimepicker.dropdown-menu table tr td span.month,
.datepicker.dropdown-menu .datetimepicker-minutes span,
.datepicker.dropdown-menu table tr td span.month  {
    height: 26px;
    line-height: 26px;
}
.datetimepicker.dropdown-menu table tr td.active:active,
.datetimepicker.dropdown-menu table tr td.active.highlighted:active,
.datetimepicker.dropdown-menu table tr td.active.active,
.datetimepicker.dropdown-menu table tr td.active.highlighted.active,
.datetimepicker.dropdown-menu table tr td span.active.active,
.datepicker.dropdown-menu table tr td.active:active,
.datepicker.dropdown-menu table tr td.active.highlighted:active,
.datepicker.dropdown-menu table tr td.active.active,
.datepicker.dropdown-menu table tr td.active.highlighted.active,
.datepicker.dropdown-menu table tr td span.active.active{
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top,#08c,#04c);
    background-image: -ms-linear-gradient(top,#08c,#04c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image: -webkit-linear-gradient(top,#08c,#04c);
    background-image: -o-linear-gradient(top,#08c,#04c);
    background-image: linear-gradient(to bottom,#08c,#04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}
body {
    -webkit-print-color-adjust: exact !important;
}

.kanban-task-comment .media-body p {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
}

.kanban-task-comment .media-body span {
    font-size: .9rem;
    letter-spacing: .5px;
}

.grid-view .table-bordered td.assement-title-heading span.exam-title {
    font-size: .9rem;
    font-weight: 500;
    line-height: 15px;
}

.send-email-button .badge {
    margin-bottom: 5px;
}

.migrate-student-batches .content-section h6 {
    letter-spacing: .3px;
    font-size: 15px;
    line-height: 20px;
}

@media (max-width: 425px) {
    .migrate-student-batches .content-section h6 {
        letter-spacing: .3px;
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
    }
}

#hours-display-guide a:hover {
    color: #fff;
}

.background-layout-fixed {
    width: 100%;
    height: 100%;
    position: fixed;
    /*top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;*/
    opacity: .19;
    object-fit: contain;

}

.background-layout-fixed:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0.9;
    background-color: #fff;
}

.main-wrapper {
    /*opacity: 0.9;*/
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

@media (max-width: 768px) {

    footer p {
        font-size: 12px;
    }
}

#send-mail-container.tabs-above.tab-bordered .tab-content {
    border: 0;
    padding: 10px 0;
}

#comments .content-list ul {
    padding-left: 0;
    list-style: none;
    max-height: 350px;
    overflow-y: auto;
}

.comment-list .item li .media img {
    width: 45px;
    margin-right: 10px;
}

.comment-list .item li .media .media-body .menu-text p {
    font-size: 13px;
    letter-spacing: .5px;
    color: #212529;
    font-weight: 500;
    margin-bottom: 3px;
    line-height: 18px;
}

.comment-list .item li {
    padding: 5px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    margin-bottom: 5px;
}

.comment-list .item li .media .media-body .menu-text .menu-info {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 14px;
}

.comment-list .item li .media .menu-text a.label-danger:hover {
    color: #fff;
}

.student-profile .tabs-x .tab-content .wrapper {
    padding: 0;
    margin: 0;
}

#file-grid .badge {
    border: none;
}

.tt-login-form .tt-item {
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 16%), 0 0 1px 0 rgb(0 0 0 / 16%);
    padding: 30px;
    border-radius: 2px;
}

.tt-login-form .tt-item h4,
.tt-login-form .tt-item p {
    color: #575757;
}
.tt-login-form .tt-item p.help-block-error{
    text-align: left;
    margin-top: 2px;
    color:#f00 !important;
}
.tt-login-form .tt-item #login-form input ,
.tt-login-form .tt-item #request-password-reset-form input{
    padding-left: 35px;
    color: #575757;
}

.tt-login-form .tt-item #login-form .form-group,
.tt-login-form .tt-item #request-password-reset-form .form-group{
    position: relative;
    color: #575757;
}

.tt-login-form .tt-item #login-form .form-group label {
    margin-bottom: 0;
    padding-bottom: 2px;
}

.tt-login-form .tt-item #login-form .form-group .glyphicon{
    position: absolute;
    top: 33px;
    font-size: 16px;
    margin-left: 10px;
    color: #575757;
}
.tt-login-form .tt-item #request-password-reset-form .form-group .glyphicon {
    position: absolute;
    top: 9px;
    font-size: 16px;
    margin-left: 10px;
    color: #575757;
}

.tt-login-form .tt-item #login-form .forgot-password a {
    float: right;
    margin-top: 10px;
    letter-spacing: .5px;
    font-weight: 500;
}

.tt-login-form .tt-item #login-form .forgot-password a:hover {
    text-decoration: underline;
}

.tt-login-form .tt-item #login-form button.director-login {
    padding: 12px;
    border: 0;
    background: #ddd;
    color: #FFFFFF;
    background: linear-gradient(
            45deg, #0288d1, #26c6da) !important;
    border-radius: 4px;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: .5px;
    font-weight: 500;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.tt-login-form .tt-item #login-form button.director-login:hover {
    background: linear-gradient(
            45deg, #26c6da, #0288d1) !important;
}

@media (max-width: 425px) {
    .tt-login-form .tt-item h4 {
        font-size: 18px;
    }

    .tt-login-form .tt-item p {
        font-size: 12px;
        letter-spacing: .5px;
        font-weight: 400;
    }
}

.student-document-uploader .card-header .badge {
    margin: 0 3px 0 0;
}

.student-document-uploader .card-header h6 {
    margin-bottom: 2px;
}

.dashboard-task ul {
    width: 100%;
    list-style: none;
}

ul.pagination li.disabled.prev:has(:not.page-item){
    padding: 0.15rem 0rem !important;
    line-height: initial !important;
    text-align: center;
}


ul.pagination li:first-child .page-link,
ul.pagination li:first-child.disabled.prev{
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
ul.pagination li:last-child .page-link,
ul.pagination li:last-child a{
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}


.pagination li.active .page-link {
    color: #fff !important;
    z-index: initial !important;
}


.was-validated .form-control:valid,
.form-control.is-valid {
    background-position: right calc(0.375em + 0.6rem) center;
}

#outline-hours-form table.multiple-input-list.table-renderer tbody tr > td {
    padding-bottom: 0px;
    padding-top: 5px;
    padding-right: 5px;
}

.frmb .field-actions .btn {
    padding: 0 6px !important;
    line-height: 30px !important;
    height: 30px !important;
    font-size: 16px !important;
    border-width: 1px !important;
}

.frmb .field-actions .btn:first-child {
    border-bottom-left-radius: 0 !important;
}

.frmb .field-actions .del-button {
    font-size: 20px !important;
    line-height: 30px !important;
    padding: 0 8px !important;
}

.frmb .field-actions {
    right: 10px !important;
}

.frmb li:first-child .field-actions .btn:last-child {
    border-radius: 0 !important;
}

@media (max-width: 481px) {
    .frmb .form-field .form-group h1,
    .frmb .form-field .form-group h2,
    .frmb .form-field .form-group h3,
    .frmb .form-field .form-group h4,
    .frmb .form-field .form-group h5,
    .frmb .form-field .form-group h6 {
        width: 60% !important;
    }

    .frmb .field-label, .frmb .legend {
        line-height: 15px !important;
        font-size: 13px !important;
        font-weight: 400;
        width: 42% !important;
    }

    .frmb .field-actions .btn {
        padding: 0 5px !important;
        line-height: 21px !important;
        height: 22px !important;
        font-size: 12px !important;
    }

    .frmb .field-actions .del-button {
        font-size: 20px !important;
        line-height: 20px !important;
        padding: 0 6px !important;
    }

}

.kv-code-container {
    height: 100% !important;
}

.kv-code-container .btn-toolbar .btn {
    margin-top: 2px !important;
}

.dashboard-task .empty {
    padding: 0 15px;
}

.template-letter-panel .ui-widget-content a {
    margin-bottom: 5px;
}


.fr-qi-helper a.fr-btn.fr-floating-btn {
    padding: 10px;
}

.fr-box a.fr-floating-btn {
    line-height: inherit;
}

@media (min-width: 576px) {
    #left-modal .modal-dialog-scrollable {
        max-height: 100%;
    }

    #left-modal .modal-dialog-scrollable .modal-content {
        max-height: 100%;
    }
}

.action-btn.text-right .file-upload-modal {
    text-align: left;
}

.action-btn.text-right .file-upload-modal p {
    margin-bottom: 2px;
}

@media (max-width: 576px) {
    .assessment-test-view .card .btn-group {
        display: inline-table;
    }

    .assessment-test-view .card .btn-group .btn:last-child {
        margin-left: 5px;
    }
}

#category-form .field-category-multiinputs {
    overflow: auto;
}

#category-form .field-category-multiinputs .multiple-input-list {
    margin-bottom: 5px;
}

.dashboard-task .kanban-task p {
    margin: 0;
}

#taskboard-tasks .box-header .box-tools {
    top: 1px !important;
}

.task-search-form .form-group {
    margin-bottom: 0.5rem;
}

a.badge:hover,
a.label:hover {
  /*  color: #fff;*/
}

@media (max-width: 425px) {
    ul.pagination {
        width: auto;
        display: block;
    }
    ul.pagination li{
        display: inline-flex;
        margin-bottom: 5px;
    }
    ul.pagination li a{
        display: inline-block !important;
    }
}

.form-grid-title {
    font-size: 13px;
    font-weight: 500;
}

.field-calendarevent-eventassignee .select2-container {
    display: block;
}

#newEventModal .modal-header {
    display: inherit;
}

#calendar-calendar-event-form label.control-label {
    padding-bottom: 0;
}

#calendar-calendar-event-form .form-group.field-calendarevent-eventuser,
#calendar-calendar-event-form .form-group.field-calendarevent-eventuser p,
#calendar-calendar-event-form .form-group.field-event-type,
#calendar-calendar-event-form .form-group.field-event-type p {
    margin: 0;
}

.grid-view .table thead th input[type='checkbox']:checked {
    border-color: #fff;
}

#course-club-form .btn-group .multiselect.dropdown-toggle {
    white-space: normal;
    margin-bottom: 5px;
}

.top-right-icon .header-dashboard-btn {
    display: block;
    position: relative;
    color: #FFFFFF !important;
    font-weight: 500;
    text-align: center;
    padding: 0px 20px;
    line-height: 40px;
    border-radius: 5px;
    background: #00a2ff !important;
    border: 1px solid #00a2ff;
    letter-spacing: .5px;
}

.grid-view .table-bordered td .kv-editable-form-inline .input-group.date {
    display: flex !important;
    vertical-align: top;
    width: max-content !important;
}
.grid-view .table-bordered td .form-group .datepicker.dropdown-menu{
    width: min-content !important;
}
.kv-editable-form-inline .kv-editable-close {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px 5px;
    font-size: 22px;
    line-height: 25px;
    margin: 0;
}

.panel .kv-editable-form-inline {
    padding: 18px 10px 5px !important;
}

@media (min-width: 768px) {
    .kv-editable-form-inline .form-group {
        display: block !important;
    }
}

table td .kv-editable-form-inline input, table td .kv-editable-form-inline select {
    margin: 0 !important;
}

.kv-editable-content .kv-editable-parent {
    margin: 10px 0;
}

.kv-editable-form-inline .input-group.date > .form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1% !important;
    margin-bottom: 0;
}

.kv-editable-form-inline .form-group .kv-editable-submit:hover {
    box-shadow: 0 2px 7px rgb(0 0 0 / 28%);
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
.kv-editable-form-inline .form-group .kv-editable-reset{
    /*padding: .15rem .45rem !important;
    font-size: 0.9rem !important;
    line-height: 1rem !important;
    color: #1d1d1d;
    background-color: #cecece;
    border-radius: 0.29rem;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    margin-right: 0.2rem;
    margin-top: 0 !important;
    box-shadow: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
}
.kv-editable-form-inline .form-group .kv-editable-reset:hover{
    background-color: #b2b2b2;
}
.taskboard-task-student-button {
    font-weight: 500;
    line-height: 14px !important;
}

#course-form .card-header {
    padding: 0;
}

#course-form .card-header a {
    display: block;
    font-size: 16px;
    padding: 0.75rem 1.25rem;
    flex: 1;
}

#course-form .card-header a[aria-expanded=false] .fa-times {
    display: none;
}

#course-form .card-header:has(a[aria-expanded=true]) {
    background: #e4e4e4;
}

#course-form .card-header a[aria-expanded=true] .fa-arrow-down {
    display: none;
}

.sidebar-collapse .form-control-sidebar,
.sidebar-collapse .form-control-sidebar ~ .input-group-append,
.sidebar-collapse .sidebar-search-results {
    display: none;
}

[data-widget="sidebar-search"] input[type="search"]::-ms-clear, [data-widget="sidebar-search"] input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

[data-widget="sidebar-search"] input[type="search"]::-webkit-search-cancel-button, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-decoration, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-results-button, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.sidebar-search-results {
    position: relative;
    display: none;
    width: 100%;
}

.sidebar-search-open .sidebar-search-results {
    display: inline-block;
}

.sidebar-search-results .search-title {
    margin-bottom: -.1rem;
}

.sidebar-search-results .list-group {
    position: absolute;
    width: 100%;
    z-index: 1039;
    max-height: 400px;
    overflow: auto;
}

.sidebar-search-results .list-group > .list-group-item {
    padding: 0.375rem 0.75rem;
}

.sidebar-search-results .list-group > .list-group-item:-moz-focusring {
    margin-top: 0;
    border-left: 1px solid transparent;
    border-top: 0;
    border-bottom: 1px solid transparent;
}

.sidebar-search-results .list-group > .list-group-item:first-child {
    margin-top: 0;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sidebar-search-results .search-path {
    font-size: 80%;
}

.sidebar-search-open .btn,
.sidebar-search-open .form-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-export-batch {
    padding: .20rem .5rem !important;
    font-size: .9rem !important;
    line-height: 1.3 !important;
    margin-top: 5px;
    margin-left: 5px;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    border-radius: 0.25rem;
    vertical-align: top;
    border: 1px solid transparent;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media(max-width: 768px){
    .before-content{
        overflow: auto;
    }
}


/*mega menu */

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}
.yamm .container {
    position: relative;
}
.yamm .dropdown-menu {
    max-width: 980px;
}
.yamm .yamm-content {
    padding: 15px 30px;
}
.top-bar .has-submenu.dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: auto;
    overflow:hidden;
    padding: 0 !important;
}
.yamm-fw ol {
    padding:0;
    list-style: none;
}
.yamm-fw ol li a:after{
    display: none;

}
.mega-menu-items {
    padding:2rem;
    text-align: left !important;
}
.menu-image {
    position: relative;
}
.menu-details {
    position: absolute;
    z-index: 10;
    left: 40px;
    bottom:80px;
}
.yamm-fw .dropdown-menu {
    padding:0 !important;
}

.yamm-fw li a {
    font-weight: 400 !important;
    text-transform: capitalize !important ;
    color:#989898 !important;
    position: relative;
    overflow:hidden !important;
    font-size: 14px !important;
}

.yamm-fw li a:hover {
    color:#131313;
    padding-left: 10px;
}

.top-bar a.dropdown-toggle::after {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin-left: 0.5em !important;
    margin-top: -0.3rem !important;
    vertical-align: middle !important;
    content: "\f107" !important;
    border: 0 !important;
    font-family: 'FontAwesome' !important;
    background: transparent;
    position: relative;
    opacity: 1;
    transform: none;
}


.top-bar .dropdown-menu {
    box-shadow: none;
    border:0 !important;
    min-width: 290px;
    border-radius: 10px !important;
    border-color: #eff2f6;
    -webkit-box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.35);
    box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.35);
}

.top-bar .dropdown-item {
    font-weight: 400 !important;
    text-transform: capitalize;
    padding: 2px 12px;
    font-size: 13px;
    color:#989898;
    border-radius: 5px;
}
.top-bar .dropdown-item:hover,
.top-bar .dropdown-item:focus {
    color:#333333;
}
.top-bar .dropdown-item:hover {
    background-color: #ecf0f8;
}
.top-bar .dropdown ul li:last-child {
    border-bottom: 0;
}

.top-bar .dropdown-item span {
    position: absolute;
    right: 20px;
    top: 2px;
}

@media (max-width: 992px) {

    .top-bar .dropdown-menu:not(.navbar-dropdown-widget .dropdown-menu) {
        min-width: auto;
    }
    .navbar-toggler-right {
        top:17px;
        cursor: pointer;
    }

}


.classtrack-megamenu ul {
    margin: 0;
    padding: 0;
    display: block !important;
}
.classtrack-megamenu ul li{
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 13px;
    line-height: 15px !important;
    font-weight: 500;
    color: #363636;
   
    border-radius: 5px;
    transition: all .25s ease-out;
}
.classtrack-megamenu ul li:hover{
    background: #efede1;
}
.classtrack-megamenu ul li a{
    color: #363636 !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    position: relative;
    display: flex;
     padding: 3px 3px 3px 5px !important;
    margin-bottom: 2px;

}
.dropdown-menu.show .classtrack-megamenu ul li a{
    border: 0 !important;
}
.classtrack-megamenu ul li.title {
    color: #363636;
    display: block;
    font-size: .9rem;
    line-height: 16px !important;
    font-weight: 500;
    padding: 5px 10px;
    border-bottom: 0 !important;
}
.dropdown-menu.show .classtrack-megamenu ul li.title:hover{
    background: transparent;

}
/*.classtrack-megamenu ul li.title:after{
    background-color: #dddcdc;
    border-radius: 1px;
    content: "";
    display: block;
    height: 2px;
    width: 70px;
}*/
.classtrack-megamenu ul li a .fa,
.classtrack-megamenu ul li a .fas{
    font-size: 13px;
    margin-right: 5px;
    font-weight: 600;
    color: #4b4b4b;
    line-height: 18px;
}
.classtrack-megamenu .row{
    margin: 0;
}
.megamenu__col{
    border-right: 1px solid #dadce0;
}

.classtrack-megamenu .megamenu__col:last-child{
    border-right: 0;
    padding: 0 10px;
}
@media(max-width: 768px){
    .classtrack-megamenu{
        max-height: 250px;
        overflow: auto;
    }
}
.popover-x{
    min-width: 200px;

}
.info-widget-popover{
    max-width: 600px !important;
}
.popover-x.right .arrow{
    border-right-color: transparent;
}

/* ==============================================
Todo List Assesment list
================================================== */


.assessments-checklist-div .todo:before, .todo:after {
    content: '';
    position: absolute;
    z-index: -1;
    height: 4px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.assessments-checklist-div .todo:after {
    left: 0;
    right: 0;
    bottom: -3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.assessments-checklist-div .todo:before {
    left: 2px;
    right: 2px;
    bottom: -5px;
    border-color: #c4c4c4;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.assessments-checklist-div .lt-ie9 .todo:before, .lt-ie9 .todo:after {
    height: 1px;
    border-top: 0;
}

.assessments-checklist-div .todo-list {
    border-top: 1px solid #e6ebed;
    padding-left: 0;
}

.assessments-checklist-div .todo-list li {
    position: relative;
    line-height: 21px;
    font-size: 12px;
    color: #323232;
    list-style: none;
    text-align: left;
}



.assessments-checklist-div input[type=checkbox]:checked + .toggle:after {
    opacity: 1;
}

.assessments-checklist-div .todo-list .toggle {
    display: block;
    height: 35px;
    width: 35px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    text-indent: 100%;
    overflow: hidden;
    cursor: pointer;
}

.assessments-checklist-div .todo-list .toggle:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 5px;
    background: transparent;
    top: 16px;
    left: 15px;
    border: 2px solid #2196f3;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
}

.assessments-checklist-div .todo-list .toggle:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #faf9f9;
    border: 2px solid #bbbdc7;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 9px;
    -webkit-box-shadow: 0 1px 1px #dfecf4;
    -moz-box-shadow: 0 1px 1px #dfecf4;
    box-shadow: 0 1px 1px #dfecf4;
}

.assessments-checklist-div .todo-list .toggle:hover:before {
    -webkit-box-shadow: 0 0 3px #6bb3ca;
    -moz-box-shadow: 0 0 3px #6bb3ca;
    box-shadow: 0 0 3px #6bb3ca;
}

.assessments-checklist-div .todo-list .done .toggle:before, .todo-list .toggle:active:before {
    border-color: #c0c0c0 #ccc #d8d8d8;
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 5px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 5px 5px rgba(0, 0, 0, 0.05);
}

.assessments-checklist-div .todo-controls {
    margin: 0 15px 12px 50px;
    height: 12px;
}

.assessments-checklist-div .todo-controls li {
    float: left
}

.assessments-checklist-div .todo-controls li + li {
    margin-left: 10px
}

.assessments-checklist-div .todo-controls .right {
    float: right
}

.assessments-checklist-div .todo-controls a {
    display: block;
    margin: 0;
    opacity: .6;
}

.assessments-checklist-div .todo-controls a:hover {
    opacity: 1
}

.assessments-checklist-div .todo-pagination {
    margin: 12px 12px 0 50px;
    height: 22px;
}

.assessments-checklist-div .todo-pagination li {
    float: left
}

.assessments-checklist-div .todo-pagination .next {
    float: right
}

.assessments-checklist-div .todo-pagination .next i {
    margin: 0 0 0 2px
}

.assessments-checklist-div .todo-pagination a, .todo-pagination span {
    display: block;
    line-height: 22px;
    font-size: 11px;
    color: #676f7f;
}

.assessments-checklist-div .todo-pagination a {
    padding: 0 8px;
    text-shadow: 0 1px #fff;
    background: #f1f0f0;
    border-radius: 3px;
}

.assessments-checklist-div .todo-pagination a:hover {
    background: #e9e9e9;
    text-decoration: none;
}

.assessments-checklist-div .todo-pagination span {
    padding: 0 4px;
    opacity: .3;
}

.assessments-checklist-div .about {
    margin: 80px auto 50px;
    padding: 15px 20px;
    width: 300px;
    text-align: center;
    color: #777;
    text-shadow: 0 1px rgba(255, 255, 255, 0.7);
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
}

.assessments-checklist-div .about a {
    padding: 1px 3px;
    margin: 0 -1px;
    color: #1c74c8;
    text-decoration: none;
    border-radius: 2px;
}

.assessments-checklist-div .about a:hover {
    color: #fff;
    text-shadow: 0 1px #0063A6;
    background: #0090D2;
}

.assessments-checklist-div .links {
    zoom: 1
}

.assessments-checklist-div .links:before, .links:after {
    content: "";
    display: table;
}

.assessments-checklist-div .links:after {
    clear: both
}

.assessments-checklist-div .links a {
    padding: 6px 0;
    float: left;
    width: 50%;
    font-size: .9rem;
}

.assessments-checklist-div .author {
    margin-top: 15px;
    font-size: 11px;
}
.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{
    width: 100% !important;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow{
    top: 0;
    height: 40px;
}

.blank-page{
    margin: 5% 0;
}
@media (min-width: 320px) and (max-width: 768px) {
    .blank-page img{
        width: 200px;
    }
    .blank-page h1{
        font-size: 30px;
    }
}

.agent-total-commission table tbody tr th,
.agent-total-commission table tbody tr td {
    padding: .20rem .40rem;
    font-weight: 400;
    letter-spacing: .5px;
    font-size: .7rem !important;
}

.grid-view .agent-total-commission table tbody th {
    background: #f5f5df !important;
    border: 1px solid #d5d5d5 !important;
    font-weight: 500;
}

.grid-view .agent-total-commission table tbody td {
    border: 1px solid #d5d5d5 !important;
    background: #fff;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
#invoice-form .slider.slider-horizontal{
    width: 100%;
}
#invoice-form .slider.slider-horizontal:hover .tooltip.in {
    filter: alpha(opacity=80);
    opacity: .8;
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip-inner{
    padding: 2px 8px;
}

.add-comet-users {
    position: fixed;
    bottom: 75px;
    left: 72px;
    z-index: 10000;
    width: 16px;
    height: 16px;
    padding: 3px 0px;
    border-radius: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 11px;
    background-color: #03a9f4;
    color: #ffffff;
    box-shadow: 0px 0px 0px 1px #b8e1ff, 0px 0px 0px 4px #03a9f4;
    cursor: pointer;
    background-color: #03a9f4;
}
.comet-info{
    position: fixed;
    bottom: 87px;
    left: 45px;
    z-index: 10000;
    width: 16px;
    height: 16px;
    padding: 3px 0px;
    border-radius: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 11px;
    background-color: #03a9f4;
    color: #ffffff;
    box-shadow: 0px 0px 0px 1px #b8e1ff, 0px 0px 0px 4px #03a9f4;
    cursor: pointer;
    background-color: #03a9f4;
}
.add-comet-users i,
.comet-info i{
    transition: all 250ms ease-in-out;
}
.add-comet-users:hover,
.comet-info:hover {
    box-shadow: 0px 0px 0px 1px #b8e1ff, 0px 0px 0px 6px #03a9f4;
    cursor: pointer;
}
.add-comet-users:hover i,
.comet-info:hover i {
    transform:scale(1.2);
}

/*Comet chat css*/
@media screen and (max-width: 480px) {
    .css-eoicq8{
        height: auto;
    }
    .css-f4gx9l{
        width: auto;
    }
}

.select2-container--krajee-bs4 .select2-selection--multiple .select2-search--inline{
    display: inherit;
    float: none;
}
.transition {
    transition: all 0.2s ease-in-out;
}

.distribustion-db .table-bordered th{
    white-space: inherit !important;
}
table.multiple-input-list.table-renderer thead tr{
    color: #24505c!important;
    font-weight: 500 !important;
    background-color: #f3f6f9;
}
table.multiple-input-list.table-renderer thead tr th{
    font-weight: 500;
}

table.multiple-input-list.table-renderer tbody tr > td .input-group.date{
    margin: 0;
}
table.multiple-input-list.table-renderer tbody tr > td .input-group{
    flex-wrap: nowrap;
}
table.multiple-input-list.table-renderer tr > td:first-child{
    /*width:35%;*/
}
/*.list-cell__title input.is-valid{
    padding-right: .5rem !important;
}*/
.multiple-input-list.table-renderer .list-cell__button{
    width: 40px !important;
}

.fancybox-skin{
    padding: 1rem !important;
}
.myBook form .form-page .card label{
    color: #212529 !important;
    font-size: 13px !important;
}

.myBook form .form-page input{
    font-size: 13px !important;
}
.preview_form .myBook form .form-page .card input[ type = 'text']{
    font-size: 13px !important;
    border: 1px solid #ced4da !important;
}

#student-accessed-status-form table .thead-dark tr th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .5px;
    border-top:none;
    border: 1px solid #343a40;
}

#student-accessed-status-form table tr td:first-child{
    border-left: 1px solid #ababab;
    /*padding: 0;*/
}
#student-accessed-status-form table tr td{
    padding: 5px;
    font-size: 12px;
    border-right: 1px solid #ababab;
    border-top: 1px solid #ababab;
    border-bottom: 1px solid #ababab;
    vertical-align: middle;
}
#student-accessed-status-form table tr td .badge{
    font-size: 12px;
    border-radius: 0;
    display: block;
    text-align: left;
}
#student-accessed-status-form table tr td a:hover{
    text-decoration: underline;
}
.success {
    color: #0e8459;
}
.primary {
    color: #2270ff;
}
#rolling-batch-form .assessments-checklist-div .todo .form-group {
    margin-bottom: 0;
}
.import-assessment-list ul{
    margin-bottom: 0;
}
.import-assessment-list ul li{
    display: flex;
    gap: 0.2rem;
    padding: 0.35rem 1rem;
    border-bottom: 1px solid #eee;
}
.import-assessment-list ul li.active{
    background-color: ghostwhite;
}
.import-assessment-list ul li input[type="checkbox"]:checked + label {
    background-color: blue;
}
.import-assessment-list ul li:last-child{
    border-bottom: 0
}
.import-assessment-list ul li .batch-assessment-name{
    font-size: .9rem;
    font-weight: 500;
}
.import-assessment-list ul li label a{
    text-decoration: underline;
}
.import-assessment-list ul li label a .fa{
    margin-right: 5px;
}
.import-assessment-list ul li label{
    font-weight: 400;
}
.import-assessment-list ul li  div{
    font-size: 13px;
}
.import-assessment-list ul li strong,
.import-assessment-list ul li b{
    font-weight: 500;
    color: #e66e6e;
}
.task-search-form .form-control {
    font-size: .9rem;
    line-height: 16px;
    height: 35px;
}
.task-search-form .form-control::placeholder{
    color: #b3b3b3;
}
.task-search-form .col-padding{
    padding: 0 7px;
}
.task-search-form label{
    display: inline-block;
}
.task-search-form .select2-container .select2-selection--multiple{
    height: 100%;
    min-height: 32px;
}
.task-search-form .select2-container .select2-selection--multiple .select2-selection__rendered{
    float: unset;
}

#master_batches , #cohort-batch_id {
    font-family: 'Source Sans Pro';
    font-size: 15px;
}
#master_batches option{
    border-bottom: 1px solid #ccc;
    margin: 5px;
}
#cohort-batch_id option{
    border-bottom: 1px solid #ccc;
    margin: 5px;
}

.right-pager .pagination{
    float: right;
}
.page-wrapper{
    min-height: auto !important;
}
.document-tracking-grid .badge-primary{
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebutton-relative.card-header{
    padding: 0;
    padding-bottom: 10px;
}
.sidebutton-relative.card-header .card-header{
    margin-bottom: 0;
    border:0;
}

#bucket-task-grid.grid-view .table-bordered{
    margin-bottom: 15px;
}
#bucket-task-grid.grid-view .table-bordered td{
    white-space: nowrap;
}
input[type=number] {
    padding-right: 0;
}
.input-image-upload img{
    display: block;
}
.select2-container--krajee .select2-selection{
    box-shadow: none !important;
}

.card header.card-header{
    margin-bottom: 0;
}

.col-padding {
    padding: 0 7px;
}
#template-letter-dynamic-attribute-form .mr-2{
    margin-right: 0 !important;
}
.select2-container--krajee .select2-selection--single .select2-selection__arrow{
    border-left: 1px solid #b4b9bf;
}
#related-data .box-header > .box-tools .btn{
    margin-top: 0;
}
#related-data .box-header.with-border{
    float: right;
    z-index: 1;
}
.text-message-table h3{
    font-size: 16px;
    margin-top: 0px !important;
    margin-bottom: 5px;
    font-weight: 600;
    color: #212529;
}
.text-message-table table{
    margin-bottom: 0;
}
.text-message-table thead th{
    background-color: #74788d !important;
    color: #fff !important;
}
.text-message-table thead th,
.text-message-table tfoot th
{
    background-color: #0000000d;
    border-color: #ededed;
    color: #24505c;
    font-weight: 600;
    font-size: 13px;
    padding: 0.35rem 0.5rem;
}
.text-message-table td{
    padding: 0.35rem 0.5rem;
}
.text-message-table{
    padding: 5px;
    border: 1px solid lightgrey;
    border-radius: 5px;
    margin-bottom: 10px;
}
.field-mapping-form-container .mr-2{
    margin-right: 0 !important;
}
.add-new-year{
    border: 1px solid #ececec;
    border-radius: 0.325rem;
    padding: 15px 10px;
    margin-top: .5rem;
    background: #f9f8f9;
}
.year-total-part {
    padding: 5px 15px;
}
.year-total-part p{
    margin-bottom: 0;
    font-weight: 600;
}
.add-new-year select option{
    padding: 5px;
    margin-bottom: 1px;
}
/* === Modern Course Structure Styling === */
.lms-course-module {
    padding: 20px 0;
    font-family: 'Inter', 'Lato', sans-serif;
    background: #f9fafb;
}

/* Chapter Header */
.lms-course-module h3 {
    font-size: 18px;
    font-weight: 700;
    color: #374151;
    margin-bottom: 0.5rem;
    letter-spacing: .2px;
    background: linear-gradient(90deg,#f3f4f6, #ffffff );
    border-left: 4px solid #3b82f6;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.lms-course-module h3 i {
    margin-right: 8px;
    font-size: 16px;
    color: #ef4444;
}

.lms-course-module h3:hover {
    background: #e0f2fe;
    border-left-color: #2563eb;
    color: #1e3a8a;
}

/* Lesson & Topics Container */
.lms-detail-lec {
    padding: 0.5rem 1.5rem .75rem;
    background: #fff;
    margin: 0.75rem 0;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.lms-detail-lec:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Lesson / Topic List */
#ex-with-icons,
#ex-with-icons ul {
    list-style: none;
    margin: 0;
    padding-left: 1.25rem;
    position: relative;
}

#ex-with-icons li {
    margin: 0.4rem 0;
    position: relative;
}

/* Lesson / Topic Links */
#ex-with-icons li a {
    color: #374151;
    font-size: 15px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    margin-left: .5rem;
    
    transition: all 0.25s ease;
    text-decoration: none;
    background: transparent;
}

#ex-with-icons li a strong {
    color: #1f2937;
    font-size: 15px;
    font-weight: 600;
}

/* Active & Locked States */
#ex-with-icons li a.disabled {
    color: #9ca3af !important;
    cursor: not-allowed;
}

#ex-with-icons li a i.fa-lock {
    color: #ef4444;
    margin-right: 6px;
}


/* Responsive Fixes */
@media (max-width: 768px) {
    .lms-course-module h3 {
        font-size: 16px;
        padding: 0.6rem 0.75rem;
    }
    #ex-with-icons li a strong {
        font-size: .9rem;
    }
}
/* Lesson (Parent) */
#ex-with-icons > li.outer-presentation {
    margin-bottom: 0.6rem;
    position: relative;
    display: inline-block;
    font-weight: 600;
    color: #1f2937;
    font-size: 15px;
    padding: 6px 10px;
    border-radius: 6px;
}



/* Inner Topics (Child) */
#ex-with-icons ul.inner-tablist {
    margin-top: 0.4rem;
    border-left: 2px solid #e5e7eb;
    padding-left: 0.5rem;
    margin-left: 1rem;
}

/* Topic styling */
#ex-with-icons ul.inner-tablist li.inner-presentation {
    margin: 0.4rem 0;
    position: relative;
}

#ex-with-icons ul.inner-tablist .inner-presentation {
    font-size: .9rem;
    font-weight: 500;
    color: #374151;
    /*display: flex;
    align-items: center;*/
    transition: 0.25s ease;
    padding: 6px 10px;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
}
#ex-with-icons ul.inner-tablist .inner-presentation a{
    padding: 0;
    margin-left: .5rem;
}
#ex-with-icons > li.outer-presentation:hover,
#ex-with-icons ul.inner-tablist .inner-presentation:hover {
    color: #2563eb;
    background: #f3f4f6;
}

/* Icons */
#ex-with-icons li a i.fa-lock {
    font-size: .9rem;
    margin-right: 6px;
    color: #ef4444;
}

.program-term-view{
    box-shadow: 0 1px 4px rgb(0 0 0 / 16%) !important
}
.program-term-view .program-final-credit{
    background-color: #faebd7;
    padding: .5rem 1rem;
    font-size: .9rem;
    font-weight: 500;
}
.program-term-view .program-final-credit p{
    margin-bottom: 0;
}
.program-term-view .program-final-credit p span{
    margin-left: .5rem;
    font-size: .99rem;
}
.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span:not(.material-icons) {
    width: auto;
    height: 1.5rem;
    margin: 2px 3px;
    line-height: 1.3rem ;
}

.img-wrapper {
    position: relative;
    margin-top: 15px;
}
.img-wrapper img {
    width: 100%;
}
.img-overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
.img-overlay i {
    color: #fff;
    font-size: 3em;
}
#overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#overlay img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 5%;
}
@media screen and (min-width: 768px) {
    #overlay img {
        width: 60%;
    }
}
@media screen and (min-width: 1200px) {
    #overlay img {
        width: 50%;
    }
}
#nextButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
}
#nextButton:hover {
    opacity: 0.7;
}
@media screen and (min-width: 768px) {
    #nextButton {
        font-size: 3em;
    }
}
#prevButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
}
#prevButton:hover {
    opacity: 0.7;
}
@media screen and (min-width: 768px) {
    #prevButton {
        font-size: 3em;
    }
}
#exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 15px;
    right: 15px;
}
#exitButton:hover {
    opacity: 0.7;
}
@media screen and (min-width: 768px) {
    #exitButton {
        font-size: 3em;
    }
}
/* test user css end */
.grid-view .table-bordered td .attendance-button.p {
    background: #77d179;
}

.grid-view .table-bordered td .attendance-button.a {
    background: #ffa8db;
}

.grid-view .table-bordered td .attendance-button.l {
    background: #bfa2ff;
}

.grid-view .table-bordered td .attendance-button.e {
    background: #2dd2ff;
}

.grid-view .table-bordered td .attendance-button.le {
    background: linear-gradient(#bfa2ff, #2dd2ff);
}

.grid-view .table-bordered td .attendance-button.jl {
    background: #ff7bad;
}

.grid-view .table-bordered td .attendance-button.al {
    background: #d9e021;
}

.grid-view .table-bordered td .attendance-button.ul {
    background: #fe1d25;
}

.grid-view .table-bordered td .attendance-button.do {
    background: #666666;
}

.grid-view .table-bordered td .attendance-button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 2px 4px;
    line-height: 15px;
    border-radius: 2px;
    text-align: center;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    margin-left: 2px;
    margin-top: 2px;
}
#import-columns-form .card{
    background-color: rgb(242 240 255);
    border: 1px solid rgb(221, 217, 255) !important;
    box-shadow: none !important;
}
#import-columns-form .card-header{
    background-color: rgb(242 240 255) !important;
    border-bottom: 1px solid rgb(221, 217, 255) !important;
}
.student-excel-list{
    background-color: rgb(242 240 255);
    padding: 10px;
    border: 1px solid rgb(221, 217, 255) !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
}
.student-excel-list select{
    border:0;
    background-color: transparent;
    /*overflow: overlay;*/
    width: 100%;
}
.student-excel-list select option{
    white-space: break-spaces;
    background: #fff;
    margin-bottom: 3px;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 5%);
    color: #6D737C;
    font-weight: 500;
}
#btn-add,
#btn-remove,
.btn-import-excel{
    font-weight: 600;
    border-radius: 28px;
    padding: 2px 12px 5px;
    background: linear-gradient(rgb(123, 22, 255), rgb(113, 20, 234)) rgb(123, 22, 255);
    cursor: pointer;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(113, 20, 234);
    transition: box-shadow 0.2s ease-in-out 0s;
}
#btn-add:hover,
#btn-remove:hover,
.btn-import-excel:hover{
    border: 1px solid rgb(103, 18, 214);
    background: rgb(113, 20, 234);
    color: rgb(255, 255, 255);
}
.weekly-report-pdf table{
    border-collapse: collapse;
}
#weekly-report-student .table-bordered th{
    white-space: break-spaces;
    font-weight: 600;
    font-size: 13px !important;
}
#weekly-report-student .weekly-report-pdf .table-bordered th {
    white-space: normal !important;
}
#weekly-report-student  tbody>tr:nth-of-type(odd){
    background-color: #fff;
}
#weekly-report-student table th,
#weekly-report-student table td,
.weekly-report-pdf table td{
    font-weight: 500;
    padding: .5rem;
    border: 1px solid;
}
.tr-result td{
    background-color: #ffffb8;
    font-weight: 600 !important;
    border-bottom: 2px solid !important;
    border-top: 2px solid !important;
}
.typing-video-screen{
    position: fixed;
    z-index: 1000;
    right: 10px;
    bottom: 0;
    background: #FFF;
    width: 150px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 3px 6px 0 rgb(0 0 0 / 20%);
}
.typing-video-screen p{
    background: #fff;
    padding: 5px;
    font-size: 12px;;
}
.jsPanel-depth-3{
    z-index: 999 !important;
}
.section-first .alert{
    margin: 5px;
    padding: 5px 10px;
}
.section-first .alert hr{
    margin-top: 5px;
    margin-bottom: 5px;
    display: none;
}
.section-first .alert-dismissible .close {
    padding: 0.25rem 0.75rem;
}

.dashboard-task .btn-group .print-badge{
    border-top-right-radius: .35rem !important;
    border-bottom-right-radius: .35rem !important;
}

.dashboard-task .btn-group > .btn.dropdown-toggle{
    position: inherit;
    
}

.dashboard-task {
    padding: .75em;
}
#dashboard-taskboard-tasks .dashboard-task,
#dashboard-taskboard-tasks .wrapper {
    padding: 0 ;
}

table input[type='checkbox']{
    position: relative;
}

.master-cohort-batch-detail table th{
    background: ghostwhite;

}
.master-cohort-batch-detail table th,
.master-cohort-batch-detail table td{
    padding: .3rem;
    font-size: 13px;
    border: 1px solid #c9c9c9;
}
.master-cohort-batch-detail table td{
    font-weight: 500;
    width:16%;
}
.master-cohort-batch-detail table td:first-child{
    width:20%;
}

.grid-view table tr td:last-child{
    position: relative;
}
#page-header-buttons .dropdown-menu.show,
.grid-view table tr td:last-child .dropdown-menu.show{
    left:auto !important;
    right:0;
}
#page-header-buttons .dropdown-menu.show,
.media-action-btn .dropdown-menu.show {
    display: block;
    padding: 5px;
    background-color: #fff;
    border: 0;
    -webkit-box-shadow: 0px 13px 40px 1px rgb(115 109 122 / 15%);
    box-shadow: 0px 13px 40px 1px rgb(115 109 122 / 15%);
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    overflow:hidden;
}


.grid-view table tr td .dropdown-menu.show {
    display: contents;
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    overflow:hidden;
}

.dropleft.btn-group.show .dropdown-menu.show {
    display: block;
}

.grid-view table tr td .dropdown-menu.show .kv-editable {
    display: block;
}

.grid-view table tr td .dropdown-menu.show .dropdown-item,
.grid-view table tr td .dropdown-menu.show a,
.grid-view table tr td .dropdown-menu.show button,
.grid-view table tr td .dropdown-menu.show .badge,
#page-header-buttons .dropdown-menu.show a,
#page-header-buttons .dropdown-menu.show .btn{
   text-align: left !important;
    box-shadow: none !important;
    /* clear: both; */
    padding: 0.35rem !important;
    font-weight: 500 !important;
    width: 100%;
    border: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    margin-top: 1px;
    background: transparent !important;
    color: #212529 !important;
    transition: all 0.5s ease;
    background-image: none !important;
    display: block;
    align-items: baseline;
    white-space: nowrap;
    justify-content: flex-start;
    flex: auto;
    float: none !important;
    margin: 0 !important;
    font-size: .9rem !important;
}
#page-header-buttons .dropdown-menu.show .btn:hover,
#page-header-buttons .dropdown-menu.show a:hover,
.grid-view table tr td .dropdown-menu.show .btn:hover,
.grid-view table tr td .dropdown-menu.show a:hover,
.grid-view table tr td .dropdown-menu.show .badge:hover,
.grid-view table tr td .dropdown-menu.show .badge:hover,
.grid-view table tr td .dropdown-menu.show .kv-editable .badge:hover,
.media-action-btn .dropdown-menu.show .btn:hover{
    background-color:#eceef1!important;
}

#page-header-buttons .dropdown-menu.show .btn:first-child,
#page-header-buttons .dropdown-menu.show a:first-child,
.grid-view table tr td .dropdown-menu.show .btn:first-child,
.grid-view table tr td .dropdown-menu.show a:first-child,
.grid-view table tr td .dropdown-menu.show .kv-editable .badge:first-child,
.grid-view table tr td .dropdown-menu.show .badge:first-child,
.media-action-btn .dropdown-menu.show .btn:first-child{
    border-top:0 !important;
}
#page-header-buttons .dropdown-menu.show br,
.grid-view table tr td .dropdown-menu.show br{
    display: none;
}

#page-header-buttons .dropdown-menu.show .btn span,
#page-header-buttons .dropdown-menu.show a span,
.grid-view table tr td .dropdown-menu.show .btn span,
.grid-view table tr td .dropdown-menu.show a span,
#page-header-buttons .dropdown-menu.show .btn i,
#page-header-buttons .dropdown-menu.show a i,
.grid-view table tr td .dropdown-menu.show .btn i,
.grid-view table tr td .dropdown-menu.show a i{
    margin-right: 6px;
}
.profile-editor{
    position: relative;
    max-width: 150px;
    margin: 0 auto;
}
.profile-editor .profile-image-container{
    position: relative;
}
.profile-editor .gallery-child{
    text-align: center;
    max-width: 150px;
    margin: 0 auto;
}

#user-form-profile{
    position: absolute;
    background: rgba(33, 33, 33, 0.5);
    border-radius: 0;
    padding: 3px 10px;
    border: none;
    color: #fff;
    right: 2px;
    top:2px;
    cursor: pointer;
    z-index: 1;
}
.course-breaks-dates{
    font-size: 12px;
    background-color: #f8f8ff;
    margin-top: 5px;
    padding: 0 5px;
    display: inline-block;
    border-radius: 0.25rem;
    margin-left: 3px;
}

.rolling-fields .card{
    box-shadow: none !important;
    border:1px solid #b4b9bf !important;
}
.rolling-fields .card .card-body{
    background-color: transparent !important;
}
.monitor_student_capture {
    position: relative;
    border-radius: 5px;
    transition: all 0.4s ease;
    border: 1px solid #e4e4e4 !important;
    box-shadow: none !important;
}
.monitor_student_capture .captured-content{
    background: #D3E3FC;
    text-align: center;
    padding: 5px;
    border-radius: 0 0 5px 5px;
}
.monitor_student_capture .captured-content h3{
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 0;
}
.monitor_student_capture .captured-content p{
    font-size: 12px;
    margin-top: 3px;
    font-weight: 500;
    margin-bottom: 0;
}
.monitor_student_capture  img{
    border-radius: 5px 5px 0 0;
}
.yii-detail-view{
    max-height: 80vh;
    overflow-y: auto;
}

.yii-detail-view table th{
    width: 20%;
}

#student-checklist .box-body .wrapper,
#student-checklist .box-body .card-body{
    padding: 0;
}
#global-checklist-type-user-form  .select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field{
    width: 100% !important;
}
.mainbox #field .table td,
.mainbox #field .table th{
    white-space: nowrap;
    padding: 3px 8px;
    font-size: 12px;
}
.alert-message-modal-body {
    padding: 0 !important;
}
.alert-message-modal-body .alert-dismissible{
    padding: 0.75rem 1.25rem !important;
    margin: 0;
}
.alert-message-modal-body .alert-dismissible .card{
    box-shadow: none;
    background-color: transparent;
}
.alert-message-modal-body .alert-dismissible .card-body{
    padding:0;
}
.alert-message-modal-body .alert-dismissible .card-body p,
.alert-message-modal-body .alert-dismissible p{
    margin: 0
}
.alert-message-modal-body .alert-dismissible .card-header{
    padding: 0;
    border: 0;
}
.alert-message-modal-body .alert-dismissible .card-title{
    margin: 0;
}
.jexcel_content table tr:nth-child(even) td {
    background-color: #f3f3f3;
}
.jexcel > tbody > tr > td.readonly {
    color: #212529;
    font-weight: 500 !important;
    text-overflow: ellipsis;
    font-size: 13px;
}

.alert .kv-alert-separator{
    display: none;
}
.alert-dismissible .close{
    padding: 0.2rem 1.25rem;
}
#configValueContainer .alert{
    margin-top: 8px;
}

.grid-view .table-bordered td .btn.dropdown-toggle{
    padding: 0 !important;
}
.grid-view .table-bordered td .btn.dropdown-toggle:hover{
    box-shadow: none;
}
#page-header-buttons .dropdown-menu.show{
    z-index: 99 !important;
}
.page-head #page-header-buttons .dropdown-menu.show .btn,
.page-head #page-header-buttons .dropdown-menu.show .btn,
.page-head #page-header-buttons .dropdown-menu.show a,
.grid-view table tr td .dropdown-menu.show .btn,
.grid-view table tr td .dropdown-menu.show a,
.grid-view table tr td .dropdown-menu.show .badge,
.grid-view table tr td .dropdown-menu.show .kv-editable .badge,
.media-action-btn .dropdown-menu.show .btn{
    position: relative;
}
.page-head #page-header-buttons .dropdown-menu.show .btn:before,
.page-head #page-header-buttons .dropdown-menu.show a:before,
.grid-view table tr td .dropdown-menu.show .btn:before,
.grid-view table tr td .dropdown-menu.show a:before,
.grid-view table tr td .dropdown-menu.show .badge:before,
.grid-view table tr td .dropdown-menu.show .kv-editable .badge:before,
.media-action-btn .dropdown-menu.show .btn:before{
    position: absolute;
    content: "";
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    width: 3px;
    height: 0;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    margin: 0;
    background: #212529;

}
.page-head #page-header-buttons .dropdown-menu.show .btn:hover:before,
.page-head #page-header-buttons .dropdown-menu.show a:hover:before,
.grid-view table tr td .dropdown-menu.show .btn:hover:before,
.grid-view table tr td .dropdown-menu.show a:hover:before,
.grid-view table tr td .dropdown-menu.show .badge:hover:before,
.grid-view table tr td .dropdown-menu.show .kv-editable .badge:hover:before,
.media-action-btn .dropdown-menu.show .btn:hover:before{
   /* height: 12px;
    opacity: 1;
    background: #212529;
    transition: all 0.4s ease;
    visibility: visible;*/

}

.template-content .fr-box.fr-document{
    z-index: 3 !important;
}

#changepassword-form table input[type='checkbox']{
    top: 0;
}
.site-changepassword header.card-header{
    border-bottom: 1px solid #e6e7ed;
}
.kv-strength-container td{
    vertical-align: top;
}
.documents.update .dropdown-toggle{
    margin-top: 0 !important;
    margin-right: 5px !important;
    margin-left: 0;
}
#course-batch-grid.grid-view .table thead th:first-child{
    text-align: center;
}

.zoom-form-control{
    width: 120px;
    transform: scale(1.5);
    transition: transform .2s;
    margin: 0 auto;
}
.bg-info.color-option{
    background-color: #1ea8e7 !important;
}
.bg-brown.color-option{
    background-color: #cb2d3e;
}
.bg-primary.color-option{
    background-color: #435b9d !important;
}
.gradient-light-blue-cyan.color-option{
    background-image: linear-gradient( 135deg ,#0288d1 , #26c6da) !important;
}
.gradient-king-yna.color-option{
    background-image: linear-gradient( 135deg ,#8e24aa, #ff6e40) !important;
}

.ripple,
.btn,
.pagination.flex-wrap .page-item a ,
ul.nav.nav-tabs li,
.statistics .dashboard-box,
._dashboard_task_btn .card.initial-skeleton:has(.inner-card-button),
ul.pagination li a,
._dashboard_new ._classtrack_boxes ._boxes h4,
.classtrack-megamenu ul li a{
    position: relative;
    overflow: hidden;
}
.ripple:after,.btn:after,
.pagination.flex-wrap .page-item a:after,
._dashboard_task_btn .card.initial-skeleton:has(.inner-card-button):after,
._dashboard_new ._classtrack_boxes ._boxes h4:after,
.classtrack-megamenu ul li a:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform .5s, opacity 1s;
}
.ripple:active:after,
.btn:active:after,
.pagination.flex-wrap .page-item a:active:after,
ul.nav.nav-tabs a.nav-link:active:after ,
.statistics .dashboard-box:active:after,
._dashboard_task_btn .card:active:after,
ul.pagination li a:active:after,
._dashboard_new ._classtrack_boxes ._boxes h4:active:after,
.classtrack-megamenu ul li a:active:after{
    transform: scale(0, 0);
    opacity: .2;
    transition: 0s;
}

.kv-alert-separator{
    margin: 0;
}
#batch-multi-teacher-form .table th,
#batch-multi-teacher-form .table td
{
    padding: 0.35rem;
}
#batch-multi-teacher-form .table td .form-control
{
    height: calc(1em + 0.75rem + 2px);
}
.subcription-plans-create .hours-body.bg-danger{
    display: inline-block;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 0.3rem 0.55rem !important;
    font-size: .8125rem !important;
    border-radius: 0.2rem;
    margin-top: 3px;
}
.retest-fields{
    background: #eff2f6;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    margin-bottom: 10px;
    animation: fadeIn 1s;
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
/*.kv-editable-form-inline .form-control{
    height: calc(1em + 0.75rem + 2px);
}*/
.course_simple_structure{
    position: relative;
    margin: 5px 0 6px 10px;
    position: relative;
    list-style: none;
}
li.course_simple_structure span a i,
li.course_simple_structure span a,
li.course_simple_structure span a.showIframe,
li.course_simple_structure a{
    color: #fff !important;
}
li.course_simple_structure:before {
    content: "";
    position: absolute;
    top: -6px;
    left: -25px;
    border-left: 1px dashed #CAD6F2 !important;
    border-bottom: 1px dashed #CAD6F2 !important;
    width: 25px;
    height: 15px;
}
li.course_simple_structure span{
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    color: #666666;
    text-decoration: none;
    background-color: #498af5;
    font-size: 12px;
    border-radius: 5px;
    font-weight: 500;
}
li.course_simple_structure span a,
li.course_simple_structure span i{
    color: #fff;
}
li.course_simple_structure span.outer-lesson-title i{
    color:#fff;
}
li.course_simple_structure span i{
    margin-right: 5px;
    font-size: .9rem;
    transition: all .1s ease-in-out;

}
li.course_simple_structure span i:hover{
    transform: scale(1.2);
    cursor: pointer;
}
.course_ul_list li.course_simple_structure span{
    margin-bottom: 3px;
}
.course_ul_list li.course_simple_structure span:hover{
    background: #498af5;
}
.course_ul_list li.course_simple_structure span:hover a{
    color: #fff;
}
.course_ul_list li.course_simple_structure span a,
.course_ul_list li.course_simple_structure span a i{
    color:#323233;
}
.course_ul_list
{
    margin-left: 30px;
    padding-left: 5px;
    list-style: none;
}
ul li.course_simple_structure:first-child:before{
    border-left: 0 !important;
}
.structure-icon {
    background-color: #498af5;
    display: block;
    position: absolute;
    top: 0.2rem;
    left: -29px;
    width: 0.7em;
    height: 0.7em;
    z-index: 1;
    border-radius: 50%;
}

li.course_simple_structure:after {
    position: absolute;
    content: "";
    top: 0.6rem;
    left: -25px;
    border-left: 1px dashed #CAD6F2 !important;
    width: 25px;
    height: 100%;
}

ul.course_outer_list {
    padding-left: 10px;
}

.group-mail-checkboc input[type='checkbox'] {
    top: 0;
    margin-right: 5px;
}

.send-email-section label{
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem
}
.send-email-section label.control-label{
    display: inline-block;
    padding: 0;
}
.master-batches-field select{
    font-family: sans-serif;
    font-size: 12px;
    font-style: normal;
}
#mandatory-information-panel .card-body p{
    margin-bottom: 0;
    font-weight: 500;
    font-size: 13px;
}
#mandatory-information-panel .card-body{
    font-weight: 400;
}
#mandatory-information-panel .card-body .action-buttons {
    text-align: right;
}

#mandatory-information-panel .card-body ul{
    padding: 0;
    margin-top: .5rem;
    margin-bottom: 0;
}
#mandatory-information-panel .card-body ul li{
    list-style: none;
    display: flex;
}
#mandatory-information-panel .card-body h3{
    font-size: 15px;
    font-weight: 600;
}
#mandatory-information-panel .card-body .action-buttons a{
    margin-right: 3px !important
}


.alert .badge{
    text-align: left;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    display: block;
    width: 100%;
    padding: 0.35rem;
}
.cohort-courses .master-courses-selection .checked-course {
    flex: 0 0 20px;
}
.grid-view .table-bordered tr.filters td .kv-drp-container .form-control {
    width: 125px;
    padding: 0.175rem 1.6rem 0.175rem 1.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grid-view .table-bordered tr.filters td .kv-drp-dropdown .left-ind{
    left: 5px;
}
.grid-view .table-bordered tr.filters td .kv-drp-dropdown .right-ind {
    right: 5px;
}
.grid-view .table-bordered tr.filters td .kv-drp-dropdown .kv-clear {
    right: 0.7rem;
    line-height: 1rem;
}
.grid-view .table-bordered tr.filters td .kv-drp-dropdown .left-ind,
.grid-view .table-bordered tr.filters td .kv-drp-dropdown .right-ind {
    position: absolute;
    top: 0.3rem;
}
.grid-view .table-bordered tr.filters td .select2-container--krajee-bs4 .select2-selection--single .select2-selection__clear{
    margin-top: 5px !important;
    font-size: 16px !important;
}
@media (max-width: 1025px){
    /*.top-bar .top-right-icon ul{
         display: block !important;
     }*/
    .top-bar {
        line-height: 30px !important;
    }
}
.kv-form-bs4 label{
    font-weight: 500;
}
.notify-batch{
    position: relative;
    font-size: 18px;
    right: 1px;
}
.notify-batch i{
    -webkit-animation: swing 0.5s ease-in-out infinite;
    animation: swing 0.5s ease-in-out infinite;
}
.notify-batch:hover i{
    -webkit-animation: swing 0.6s linear infinite;
    animation: swing 0.6s linear infinite;
}


@keyframes swing {
    0% {
        transform: rotateZ(0);
    }
    25% {
        transform: rotateZ(25deg);
    }
    50% {
        transform: rotateZ(-15deg);
    }
    75% {
        transform: rotateZ(10deg);
    }
    100% {
        transform: rotateZ(0);
    }
}
.notify-batch .badge-count{
    position: absolute;
    font-size: 10px;
    font-weight: 500;
    left: 1px;
    box-shadow: 0px 0px 10px 3px rgb(67 220 128 / 10%);
    top: -2px;
    border-radius: 50%;
    min-height: 16px;
    min-width: 16px;
    line-height: 16px;
    text-align: center;
    padding: 0px;
    background: #ff5722;
}
.student-in-batches .info-label p{
    margin-bottom: 0;
}
.student-in-batches .info-label p strong{
    font-weight: 500;
}
@media(min-width: 768px){
    .student-in-batches .batches-cohort{
        margin-top: 20px;
    }
}
li.lms-assignment-lists span.assignment-list {
    display: inline-flex;
    align-items: center;
}
li.lms-assignment-lists span.assignment-list i{
    margin-right: 5px;
}
li.lms-assignment-lists span.assignment-list .assignment-expire-count-down{
    margin-left: 5px;
    background: #fb8a60;
    color: #fff;
    padding: 0px 5px;
    border-radius: 2px;
    border: 0;
    font-size: 11px;
    letter-spacing: .5px;
    -webkit-mask:linear-gradient(-60deg,#000 20%,#0005,#000 70%) right/300% 100%;
    background-repeat: no-repeat;
    animation: blinking 2.5s infinite;
}
@keyframes blinking {
    100% {-webkit-mask-position:left}
}
#bucket-task-grid.grid-view .table-bordered td .fa.fa-pencil-square-o{
    cursor: pointer;
}
.course_simple_structure .btn-download{
    font-size: .9rem;
}
.checkbox-label{
    display: flex;
    align-items: center;
}
.checkbox-label input[type='checkbox'] {
    top: 0 !important;
    width: auto;
    margin-right: 5px;
}

#registration-form .required label{
    color: #eb5764;
}


.select2-container--krajee-bs4 .select2-selection--multiple .select2-search--inline .select2-search__field{
    width: 100% !important;
}
.select2-container--krajee-bs4 .select2-selection--multiple{
    min-height: 32px !important;
}
.task-bucket-form-templates .card{
    box-shadow: none;
    border: 1px solid #dedede;
}
.task-bucket-form-templates .card-header{
    padding: .5em;
    background-color: #e3ebf7 !important;
}
.task-bucket-form-templates .card-header h5{
    margin-bottom: 0;
    font-size: 16px;
}
.task-bucket-form-templates .card-body{
    border-radius: 0;
    background: transparent;
}

.landing-side-modal{
    text-align: center;
    box-shadow: -1px 2px 3px rgb(97 97 97 / 54%);
    border-radius: 5px 0 0 5px;
    background: #fff;
    padding: 0.3rem 0.15rem;
    border: 1px solid #e3d9df;
    width: 25px;
    height: 25px;
    margin-top: 5px;
}
.landing-side-modal:hover{
    width: 95px;
    transition: .2s ease-out;
    right: 0;
    position: absolute;

}
.landing-side-modal.guest-help360{
    position: fixed;
    top: 50%;
    transform: translateY(-65%);
    text-align: center;
    z-index: 10;
    right: 0;
    left: auto;
    box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
    border-radius: 5px 0 0 5px;
    background: #fff;
    padding: 0.5rem;
    width: 60px;
    height: 55px;
    transition: .5s ease;
}
.landing-side-modal a{
    height: 100%;
    width: 100%;
    display: block;
}
.landing-side-modal img{
    top: 50%;
    transform: translateY(-56%);
    width: 30px;
    position: relative;
}
.landing-side-modal img.help360-img{
    position: absolute;
    right: 2px;
    left: 2px;
    bottom: 0;
    opacity: 0;
    /* transition: opacity .5s ease; */
    width: 100%;
    top: 50%;
}
.landing-side-modal:hover img.help360-icon{
    opacity: 0;
}
.landing-side-modal:hover img.help360-img{
    opacity: 1;
}
.assesment-empty-part {
    width: 600% !important;
    padding: 0.5rem;
}
#student-document-tabs-container.tab-align-center .nav-tabs {
    justify-content: left;
}
.student-full-profile-views{
    background: #fff;

    border-radius: 5px;
    margin-bottom: 8px;
}

#main-collapsable-clicker h5{
    padding: .5rem;
    margin-bottom: 0;
    font-size: 16px;
}
#main-collapsable-clicker h5{
    background-color: #f4f4f4;
}
.student-full-profile-views .collapse {
    padding: .5rem;
    border: 1px solid #dcdcdc;
}
.interaction-tab-content{
    padding: .5rem;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}
@media(max-width: 768px){
    .interaction-tab-content{
        position: relative;
        top: auto;
    }
}
.letter-selected {
    background: #f3f6f9;
    -webkit-box-shadow: inset 3px 0 0 #6691e7;
    box-shadow: inset 3px 0 0 #607d8b;
}
.html-templates th,
.html-templates td,
.word-templates th,
.word-templates td{
    padding: .15rem .25rem;
}
.template-name input[type ="checkbox"]{
    width: 14px;
    height: 14px;
    top: 3px;
}
.template-name input[type ="checkbox"]:checked:after{
    left: 4px;
    width: 5px;
    height: 10px;
}
.template-name label{
    font-size: 12px;
    margin:0;
    line-height: 14px;
}
#generate-bulk-letter-form input[type ="radio"]{
    width: 16px;
    height: 16px;
    margin-right: 3px
}
#_admissions-progress body{
    background : transparent;
}
#student-checklist-tabs-container{
    background: #fff;
}
#generate-bulk-letter-form input[type ="checkbox"]{
    top:0;
    margin-right: 3px;
}
.top-heading h2{
    font-size: 25px;
}
.card.student-form-outer{
    box-shadow: none;
    border:1px solid rgba(0, 0, 0, 0.125);
}
.card.student-form-outer .card-header{
    background-color: rgba(0, 0, 0, 0.03) !important;
}
.btn-help{
    background: #fff;
    border: 1px solid #f370bd;
    color: #ec068d;
}
.btn-help:hover{
    background: #ec068d;
    border: 1px solid #ec068d;
    color: #fff;
}

.custom-default-btn{
    border: 1px solid #e9ecef;
    background-color: #e9ecef;
}
.dashboard-boxes .dropdown-menu.show{
    padding: 0;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.dashboard-boxes .dropdown-menu.show .dropdown-item{
    padding: 3px 5px 3px 10px !important;
    clear: both;
    font-weight: 500 !important;
    font-size: 13px !important;
}
.dashboard-boxes .dropdown-menu.show .dropdown-item:active{
    color: #5C6BC0;
}
#collapseSmsReport .table{
    margin-bottom: 0;
}
#collapseSmsReport{
    padding: .5rem;
}
#collapseSmsReport th{
    font-weight: 500;
    background: #f3f6f9; 

}
#collapseSmsReport th,
#collapseSmsReport td{
    padding:.25rem;
    border-color: #dee6ed;
}
#collapseSmsReport td,
#collapseSmsReport tfoot th{
    text-align: center;
}
.qualified-box{
    position: relative;
    overflow: hidden;
    border-radius: 0.2rem;
    width: 100%;
    box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 10%);
    border: 1px solid #c4c8cb !important;
}
.qualified-box a:before {
    content: "";
    width: 0;
    height: 100%;
    background: rgba(0,0,0,.06);
    position: absolute;
    top: 0;
    left: -80px;
    bottom: 0;
    transform: skewX(-50deg);
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
}
.qualified-box:hover a:before {
    width: 250%;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
}
.qualified-box a{
    display: block;
    padding: 0.2rem;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    font-family: sans-serif;
    color: #212529;
}
.qualified-time-range{
    font-size: 9px;
    white-space: nowrap;
    line-height: 12px;
    font-weight: 600;
    margin-bottom:0;
    text-align: center;
}
.no_assessments{
    display: flex;
    align-items: center;
    background: #f1f5f9;
    z-index: 3;
}
.no_assessments .no_assessments-empty-btn{
    width: 100%;
}
.no_assessments .no_assessments-empty-btn .btn{
    padding: 6px 12px;
    border:0;
    background-color: #2c3e50;
    color: #fff;
    -webkit-transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;
    transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;
    /* box-shadow: 2px 2px 0px 1px #552684; */
}
.no_assessments .no_assessments-empty-btn .btn span{
    margin-right: 3px;
}
.no_assessments .no_assessments-empty-btn .btn:active,
.no_assessments .no_assessments-empty-btn .btn:active:focus{
    background-color: #743cab;
    box-shadow: 2px 2px 0px 1px #552684;
}
.qualified-card .card .row [class*="col-"]{
    padding: 0 5px;

}
.qualified-card .card .card-header{
    text-align: center;
    font-size: 16px;
}
.qualified-card h6{
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
#image-gallery ul.pagination li.disabled {
    padding: 0.25rem 0.55rem;
    align-self: flex-start;
}
.qualified-card table{
    margin-bottom: 0;
}

.qualified-card table th,
.qualified-card table td{
    padding: .4rem .1rem;
    font-size: 12px;
    border-top:3px solid #fff;
    border-bottom:3px solid #fff;
    border-left :0;
    border-right: 0;
}
.qualified-card table tbody tr th:first-child,
.qualified-card table tbody tr th:first-child{
    text-align: left;
    vertical-align: middle;
    font-family: sans-serif;
    font-weight: bold;
}
.qualified-card table tbody tr th:first-child a,
.qualified-card table tbody tr th:first-child a{
    color: #2e2e2e;
    font-size: 11px;
}
.qualified-card table tr{
    background-color: #F8FAFC;
}
.qualified-card table tr td:first-child,
.qualified-card table tr th:first-child{
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    padding-left: .2rem;
    padding-right: .2rem;
    padding-top: 0.8rem;
}
.qualified-card table tr td:last-child,
.qualified-card table tr th:last-child{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    padding-right: 0.4rem;

}
.qualified-card table tr td:nth-child(2) .qualified-box {
    background-color: #b8edd2 !important;
}
.qualified-card table tr td:nth-child(3) .qualified-box {
    background-color: #f9ecac  !important;
}
.qualified-card table tr td:nth-child(4) .qualified-box {
    background-color: #fcc8c8  !important;
}
.qualified-card table tr td:nth-child(5) .qualified-box {
    background-color: #8ac8dd !important;
}
@media(min-width:768px){
    .qualified-row{
        margin:0;
    }
    .qualified-row .qualified-card{
        padding-right:8px;
        padding-left:8px;
    }
}
.qualified-setting-card table td .lead-date{
    font-size: 10px;
    font-family: sans-serif;
    line-height: 12px;
    font-weight: bold;
}
.qualified-setting-card table td,
.qualified-setting-card table th{
    padding: 0.2rem .4rem;
    font-size: 12px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
.qualified-setting-card table tr td:first-child,
.qualified-setting-card tbody tr td:first-child{
    text-align: right;
    vertical-align: middle;
    color: #2e2e2e;
    font-size: 11px;
    font-family: sans-serif;
    line-height: 12px;
    font-weight: bold;
    width: 10%;
}
.qualified-setting-card table td input{
    height: calc(0.9em + 0.75rem + 2px);
    border: 0;
    text-align: center;
    background: #ffff;
    border-radius: 0;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 12px;
    font-weight: bold;
    min-width: 60px;
}
.qualified-setting-card table td:nth-child(2),
.qualified-setting-card table td:nth-child(3){
    background-color: #9cd798;
}
.qualified-setting-card table td:nth-child(4),
.qualified-setting-card table td:nth-child(5){
    background-color: #f1dc79;
}

.qualified-setting-card table td:nth-child(6),
.qualified-setting-card table td:nth-child(7){
    background-color: #f1adab;
}

.qualified-setting-card table td:nth-child(8),
.qualified-setting-card table td:nth-child(9){
    background-color:#93c6dd;
}

.qualified-setting-card table td:nth-child(10),
.qualified-setting-card table td:nth-child(11){
    background-color: #dccadf;
}

.qualified-setting-card table td:nth-child(12),
.qualified-setting-card table td:nth-child(13){
    background-color: #e5e4e2;
}
.qualified-setting-card table td:nth-child(14){
    background-color: #f0f0f0;
}
.qualified-setting-card table td .select2-container--krajee-bs3 .select2-selection--single{
    padding: 6px 24px 4px 7px;
    box-shadow: none;
    height: calc(0.9em + 0.75rem + 2px);
    background: #ffff;
    border-radius: 0;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 12px;
}
.qualified-setting-card table td .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow{
    height: calc(0.9em + 0.75rem + 2px);
}
.qualified-setting-card table td:nth-child(2),
.qualified-setting-card table td:nth-child(4),
.qualified-setting-card table td:nth-child(6),
.qualified-setting-card table td:nth-child(8),
.qualified-setting-card table td:nth-child(10),
.qualified-setting-card table td:nth-child(12){
    padding-right: 0.1rem;
    border-left: 2px solid #fff;
}
.qualified-setting-card table td:nth-child(1),
.qualified-setting-card table td:nth-child(3),
.qualified-setting-card table td:nth-child(5),
.qualified-setting-card table td:nth-child(7),
.qualified-setting-card table td:nth-child(9),
.qualified-setting-card table td:nth-child(11){
    padding-left: 0.1rem;
    border-right: 2px solid #fff;
}
#student-single-page-view .card-header
{
    padding:0.35rem 1.25rem;
}
#student-single-page-view .card-header h4{
    margin-bottom: 0;
}
#tution-fee-section  .table{
    table-layout: fixed;
    position: relative;
}
#tution-fee-section .table th,
#tution-fee-section  .table td {
    padding: 0.25rem;
    font-size: 12px;
    border: 1px solid #dee2e6 !important;
    font-weight: 500;
}
#tution-fee-section table tbody tr:last-child td,
#tution-fee-section table tbody tr:nth-last-child(2) td
{
    background-color:rgb(232, 235, 255);
    border-color: #d1d6df !important;
}
#tution-fee-section table tbody tr:nth-of-type(odd) {
    background-color: rgb(246, 249, 251) !important;
}
#tution-fee-section .table #tution-fee-deposit-pay [for ="link_scholarship"]{
    position: absolute;
    left: -19px;
    top: auto;
    bottom: 52px;
    width: 15px;
    height: 15px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    background: #0075ff;
    margin: auto;
    padding: 0px 0;
    font-size: 10px;
    cursor:pointer;
    border-radius: 3px;
}

#tution-fee-section .table #tution-fee-deposit-pay [for ="link_scholarship"]::before {
    position: absolute;
    content: "";
    border: 2px solid #0075ff;
    width: 11px;
    height: 33px;
    border-right: 0;
    top: -8px;
    left: 8px;
}
#tution-fee-section .table #tution-fee-deposit-pay [for ="link_scholarship"] i{
    position: absolute;
    top: 3px;
    left: 3px;
}
.notes-radio-inline{
    display: inline-flex;
    gap: 0.2rem;
    align-items: center;
    margin-right: 3px;
}

/* Circle progress css start from here */
.round-progress{
    text-align: center;
}
.webui-popover .round-progress{
    color: #2270ff;
    background-color: rgb(221 232 253);
    margin-top: 3px;
    border-radius: 5px;
    padding: 5px 0 0;
    font-size: 12px;
}
.round-progress .circle-wrap {
    width: 60px;
    height: 60px;
    background: #fefcff;
    border-radius: 50%;
    border: 1px solid #cdcbd0;
    margin:0 auto;
}

.round-progress .circle-wrap .inside-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #d2eaf1;
    line-height: 50px;
    text-align: center;
    margin-top: 4px;
    margin-left: 4px;
    color: #1e51dc;
    position: absolute;
    z-index: 100;
    font-weight: 700;
    font-size: 1em;
}

.round-progress .circle-wrap .circle .mask, .circle-wrap .circle .fill {
    width: 31px;
    height: 58px;
    position: absolute;
    border-radius: 50%;
}

.round-progress .mask .fill {
    clip: rect(0px, 75px, 150px, 0px);
    background-color: #227ded;
}

.round-progress .circle-wrap .circle .mask {
    clip: rect(0px, 150px, 150px, 75px);
}

.round-progress .mask.full,
.circle .fill {
    animation: fill ease-in-out 3s;
}

/* Circle progress css ends here */
@media(max-width:769px){
    .taskboard-report,
    .taskboard-report table{
        table-layout: auto !important;
    }
}
.taskboard-report,
.taskboard-report table{
    margin: 0;
    border-collapse: separate;
    table-layout: fixed;
}
.taskboard-report table{
    border-spacing: 0;
}
.taskboard-report table tr:first-child td {
    border-spacing: 0px 0px !important;
}
table.dataTable.no-footer.taskboard-report{
    border-bottom: 0;

}

.taskboard-report th,
.taskboard-report td{
    padding: 0.3rem!important;
    vertical-align: middle !important;
    border-top: 1px solid #dee2e6 !important;
}
.taskboard-report thead tr:first-child{
    background-color: #eff0f2;
}
.taskboard-report tbody  tr.lead-row{
    background-color: #d0eae4;
}

.taskboard-report thead tr:first-child th{
    background-color: #d0eae4;
    text-align: center;
}
.taskboard-report tr th:nth-child(2),
.taskboard-report tr td:nth-child(2){
    background-color: #bcd6f1 !important;
    width: 10%;
}
.taskboard-report th{
    font-size: 12px;
    border-bottom: 0  !important;
}

.percentage-count{
    text-align: center;
}
.percentage-count .count{
    font-size: 10px;
    line-height: 12px;
}
.percentage-count .percentage{
    font-size: 12px;
    font-weight: 700;
}
.taskboard-report td{
    font-size: 12px;
    font-weight: 500;
}
.taskboard-report thead tr:nth-child(2){
    background-color: #bcd6f1 !important;
}

.taskboard-report thead tr:nth-child(2) td{

    border-bottom: 0 !important;
}

.taskboard-report table tr{
    background-color:ghostwhite !important;
}
.taskboard-report tr th:first-child,
.taskboard-report tr table th:first-child
{
    width: 10%;
    font-size: 10px;
    padding: 0.3rem 0 0 0.3rem !important;
    text-align: left  !important;
}

table.dataTable tbody td table th:first-child{
    width: 9.5%;
}
/*table.dataTable tbody td {
    border: 0;
}*/
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #dee2e6 !important;
}
table.dataTable.no-footer{
    border: 0 !important;
}
table.dataTable.no-footer.taskboard-report{
    position: relative;
}
.taskboard-report-container{
    max-height: 4770px;
    overflow: auto;
}
table.dataTable.no-footer.taskboard-report thead{
    position: sticky;
    top:0;
}
table.dataTable.no-footer.taskboard-report thead tr{
    z-index: 1;
}
.my-data-table {
    border: none !important;
    margin: 0px;
}
.my-data-table thead tr th:first-child,
.dynamic-attribute-table tr th:first-child {
    border-radius: 3px 0px 0px 0;
}
.my-data-table thead tr th:last-child,
.dynamic-attribute-table thead tr th:last-child  {
    border-radius: 0 3px 0 0px;
}
.my-data-table thead th,
.dynamic-attribute-table thead th {
    border: none !important;
    background: #424242;
    color: #FFFFFF;
}
.my-data-table tr th,
.my-data-table tr td ,
.dynamic-attribute-table tr th,
.dynamic-attribute-table tr td
{
    font-size: 12px !important;
    padding: 5px !important;
    vertical-align: middle !important;
}
.dynamic-attribute-table tr th a{
    color: #fff !important;
}
.my-data-table tbody tr:nth-child(odd) ,
.dynamic-attribute-table tbody tr:nth-child(odd){
    background-color: rgba(0, 0, 0, 0.05) !important;
}
.my-data-table tbody td,
.dynamic-attribute-table tr td{
    border-top: 1px solid #dee2e6 !important;
    font-weight: 500;
}
.my-data-table th,
.my-data-table td,
.dynamic-attribute-table tr td {
    border: 1px solid #dee2e6 !important;
}
.followup-report-table .my-data-table thead th{
    padding: 5px 20px 5px 10px !important;
}
.followup-report-table .my-data-table td a {
    display: inline-block;
    padding: 4px 5px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    /* font-family: sans-serif; */
    position: relative;
    overflow: hidden;
    border-radius: 0.2rem;
    border: 1px solid #f1f1f1;
    background: #f7f7fe;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 13%), 0 1px 2px 0 rgb(0 0 0 / 5%);
}
.followup-report-table .my-data-table td a:before{
    content: "";
    width: 0;
    height: 100%;
    background: rgba(0,0,0,.06);
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    transform: skewX(-50deg);
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
}
.followup-report-table .my-data-table td a:hover:before{
    width: 250%;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
}
.webui-popover-content .card .card-title h5{
    font-size: .9rem;
}
.prints-downloaded-part {
    border: 1px solid #ddd;
    padding: 0.3rem;
    border-radius: 0.25rem;
    background: #ECE9E6;
    background: -webkit-linear-gradient(to bottom, #FFFFFF, #ECE9E6);
    background: linear-gradient(to bottom, #FFFFFF, #ECE9E6);
    margin-bottom: 10px;

}
.dynamic-attribute-table table tr td .input-group{
    flex-wrap: unset;
}
.dynamic-attribute-table table tr td input{
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto !important;
}
.dynamic-attribute-table table tr td .btn {
    line-height: 1.2 !important;
    padding: 0.05rem 0.35rem !important;
    font-size: .8125rem !important;
}
.dynamic-attribute-table tr th:nth-child(2),
.dynamic-attribute-table tr td:nth-child(2){
    width: 10%;
}
input#duration_hour,
#duration_min {
    max-width: 50%;
    display: inline-block;
}

div#duration {
    display: flex;
}

td.highlight {
    border: none !important;
    padding: 1px 0 1px 1px !important;
    background: none !important;
    overflow: hidden;
}

.ui-datepicker {
    top: 200px;
}
/* custom modal css */
.iziModal-overlay{
    background-color: rgba(0, 0, 0, 0.4);
}
.modal-content{
     -webkit-box-shadow:  0 0 8px rgb(0 0 0 / 30%);
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
    border:0;
    transition: margin-top 0.3s ease, height 0.3s ease;
    transform: translateZ(0);
}
.fancybox-opened .fancybox-skin,

.jsPanel-depth-3
{
    -webkit-box-shadow:  0 0 8px rgb(0 0 0 / 30%);
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
    background: #FFF;
    border:0;
    transition: margin-top 0.3s ease, height 0.3s ease;
    transform: translateZ(0);
}
.iziModal{
    -webkit-box-shadow:  0 0 8px rgb(0 0 0 / 30%);
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
    border:0;
    transition: margin-top 0.3s ease, height 0.3s ease;
    transform: translateZ(0);
}
.ui-dialog .ui-dialog-content{
    -webkit-box-shadow:  0 0 8px rgb(0 0 0 / 30%);
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
    border-radius: 0 0 10px 10px !important;
}
.iziModal .iziModal-header.iziModal-noSubtitle{
    padding: 10px 15px 10px 15px;
}

.iziModal.isFullscreen{
    max-height: 100% !important;
}
.jsPanel .jsPanel-hdr{
    font-family :inherit;
    padding: 6px 10px 6px 15px;
    border-top-left-radius: 10px  !important;
    border-top-right-radius: 10px  !important;
    box-shadow: inset 0 -10px 15px -12px rgb(0 0 0 / 30%), 0 0 0px #212529;
}
.modal-header{
    font-family :inherit;
    padding: 0.5rem 1rem;
    color: #fff;
    border-top-left-radius: 10px  !important;
    border-top-right-radius: 10px  !important;
    box-shadow: inset 0 -10px 15px -12px rgb(0 0 0 / 30%), 0 0 0px #212529;
    position: sticky;
    top: 0;
    z-index: 999;
    padding-right: 30px !important;
    border-bottom:0;
    background: #0c0c0c;
}
.ui-widget-header .ui-dialog-title,
.ui-dialog .ui-dialog-titlebar-close{
    color: #fff !important;
    font-weight: 500;
}
.ui-widget-header{
    border: 0;
    background: #bdc3c7;
    background: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7);
    background: linear-gradient(to right, #2c3e50, #bdc3c7);

}
.modal-header .close{
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    font-size: 1.5rem !important;

}
.modal-header .close span{
    font-size: 1.5rem !important;
    line-height: .8rem !important;
}
.modal-header h4.modal-title,
.modal-header.modal-title{
    margin: auto 0 !important;
    font-size: 16px !important;
}
.jsPanel-titlebar{
    font-size: 15px;
}
.jsPanel-titlebar .jsPanel-title{
    font-variant:inherit;
}
.jsPanel-depth-3,
.modal-content{
    border-radius: 10px !important;
}
.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md svg:not(.svg-inline--fa){
    width: 1rem !important;
    height: 1rem !important;
    margin: 2px 3px !important;
    line-height: 1rem !important;
}
.jsPanel-controlbar{
    margin:0;
}

.iziModal.isAttached{
    border-radius:5px !important;
    margin: 1.75rem auto;
}

.iziModal{
    border-bottom: 0 !important;
    border-radius: 10px !important;
}
.iziModal .iziModal-header-title{
    font-family: inherit;
}
.iziModal::after{
    background:none;
}
.iziModal .iziModal-button{
    opacity: 1;
}
.swal2-styled.swal2-confirm,
.swal2-styled.swal2-confirm:focus,
.swal2-styled{
    box-shadow: none !important;
}
.modal-header.bootstrap-dialog-header{
    color:#fff;
    padding-right: 1rem !important;
}
.modal-header.bootstrap-dialog-header .bootstrap-dialog-close-button{
    display: block !important;
    float: right;
}
.modal-header.bootstrap-dialog-header .bootstrap-dialog-close-button .btn{
    color:#fff !important;
    padding: 0 !important;
}
.field-smtp-host label span{
    margin-left: 1rem;
}
.scrollbar-table{
    margin: 0 0 1em 0;
    height: 2px;
    background: #ccc;
    line-height: 0;
}

.scrollbar-table .handle {
    width: 100px;
    height: 100%;
    background: #292a33;
    cursor: pointer;
}

.scrollbar-table .handle .mousearea {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 20px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
    white-space: break-spaces !important;
    word-break: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
    display: block;

}

#form-builder-pages .form-control {
    min-height:34px;
    height:auto !important;
}
.preview_form.background-show #doc-template-form .form-control:focus {
    border-color:#80bdff;
}
.fancybox-margin {
    margin-right: 0 !important;
}
.course-progress-btn{
    border: 0;
}
.cohort-table.table.dataTable tbody td:first-child  {
    vertical-align: middle;
    text-align: center;
    padding: 0.45rem !important;
}
/* === COMMUNICATION HISTORY TIMELINE === */

.communication-history-box {
  margin-top: 1.5rem;
}

/* General card styling */
.note-detail.card {
  border: none;
  border-radius: 12px;
  margin-bottom: 1.25rem;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.25s ease, transform 0.2s ease;
}
.note-detail.card:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* Header styling with semantic background colors */
.com-his-head {
  padding: 0.75rem 1rem;
  border-radius: 12px 12px 0 0;
  display: flex;
  align-items: center;
}
.com-his-head .date {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.92rem;
  color: #2c3e50;
  font-weight: 500;
  line-height: 1.5;
  flex: 1;
}

/* Semantic note types */
.note-type-his {
  font-weight: 600;
  padding: 0.2em 0.5em;
  border-radius: 4px;
  background: #f8f9fa;
  color: #495057;
}

/* Color coding by event type */
.com-his-head[style*="background: #fcedeb"] .note-type-his {
  background-color: #fef2f2;
  color: #dc2626;
}
.com-his-head[style*="background: #d1686b"] .note-type-his {
  background-color: #fff1f2;
  color: #b91c1c;
}

/* Person, calendar, schedule icons */
.material-symbols-outlined {
  font-size: 16px;
  vertical-align: middle;
  opacity: 0.85;
  margin-right: 0.25rem;
}
.material-symbols-outlined:first-child {
  margin-left: 0.5rem;
}

/* Remove inline background styles if possible (recommended),
   but if not, override with more specific rule */
.com-his-head[style*="background: #fcedeb"] {
  background-color: #fef2f2 !important;
}
.com-his-head[style*="background: #d1686b"] {
  background-color: #fee2e2 !important;
}

/* Card body */
.note-detail .card-body {
  padding: 1rem;
  font-size: 0.95rem;
  color: #374151;
}
.note-detail .card-body a.showModal {
  color: #3b82f6;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s;
}
.note-detail .card-body a.showModal:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

/* Pin icon (thumbtack) */
.com-his-head .float-right {
  margin-left: auto;
  color: #94a3b8;
  cursor: pointer;
  transition: color 0.2s;
}
.com-his-head .float-right:hover {
  color: #334155;
}
.com-his-head .fa-thumb-tack {
  font-size: 14px;
}
/* Optional: Style pinned items differently later */
.pinned .fa-thumb-tack {
  color: #f59e0b !important;
}



/* Responsive adjustments */
@media (max-width: 768px) {
  .com-his-head .date {
    font-size: 0.85rem;
    gap: 0.3rem;
  }
  .material-symbols-outlined {
    font-size: 14px;
  }
  .note-detail.card {
    margin-bottom: 1rem;
  }

}
.communication-history .print-link {
    font-weight: 500;
    cursor: pointer;
}

.communication-history .print-link:hover {
    text-decoration: underline;
}

.note-part {
    margin-bottom: 15px;
}



.note-detail a{
    color: #212529;
}
.note-detail a:hover{
    color: #212529;
}
.note-detail .date {
    text-align: left;
    padding: .15rem .35rem;
}
.note-detail .card-body{
    padding: .25rem .35rem;
    text-align: left;
}
.note-detail .card-body h6{
    margin-bottom: 0;
}
.note-detail .com-his-head{
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.note-detail .date .note-type-his{
    font-weight: 600;
}
.history-title .date .material-symbols-outlined,
.note-detail .card-body .material-symbols-outlined{
    margin-right: 2px;
    font-size: .9rem;
    position: relative;
    top: 3px;
}
.label-with-selected-values label{
    display: inline-block;
}
#calendar-event-form .checkbox label{
    display: flex;
    align-items: center;
}
#calendar-event-form .checkbox input{
    margin: 0 5px;
}
table td .btn,
#send-receive-message-grid td:nth-child(2){
    white-space: nowrap;
}
table td .btn.batch-camera-icon {
    width: max-content;
    display: flex;
}
table td .btn.batch-camera-icon img,
.batch-camera-icon img {
    width: 15px;
    height: 15px;
    margin-right: 4px;
}
.field-programcourserelation-course_weighting{
    margin-bottom: 0;
}
.fancybox-inner .btn-success.float-right,
.fancybox-inner .btn-success.pull-right,
.fancybox-inner .btn-primary.float-right{
    top: 5px;
}

.question-back-modal.modal.show{
    height: 80vh;
}

.question-back-modal.modal.show .modal-dialog {
    height: 80vh;
}

.question-back-modal.modal.show .modal-dialog .modal-content{
    height: 80vh;
}


.batch-timing-heading{
    background: darkcyan;
    padding: 5px;
    border: 1px solid #ddd;
    margin-bottom: 2px;
    color: #fff;
}
#ptTimeSelectCntr{
    width: 220px !important;

}
.ui-widget.ui-widget-content:not(#pageTabs) {
    /*border-radius: 4px;*/
}
#ptTimeSelectCntr .ui-widget-header{
    background: #fff;
    border-radius: 4px;
    border:none;
    border-bottom: 1px solid #ddd;
}
#ptTimeSelectCntr #ptTimeSelectUserTime{
    font-size: inherit;
}
#ptTimeSelectCntr #ptTimeSelectCloseCntr a {
    display: block;
    padding: 0;
    background: none;
    border: 0;
}
#ptTimeSelectCntr .ptTimeSelectHrCntr a, #ptTimeSelectCntr .ptTimeSelectMinCntr a,
#ptTimeSelectCntr .ptTimeSelectHrAmPmCntr a,
#ptTimeSelectCntr #ptTimeSelectSetButton a{
    padding: 0.1em;
    background-color: #eee;
    border-color: transparent;
    border-radius: 4px;
    font-family: 'Montserrat';
    width: auto;
    min-width: 1.5em;
}
#ptTimeSelectCntr .ptTimeSelectTimeLabelsCntr {
    font-size: .7em;
    font-family: 'Montserrat';
}
#ptTimeSelectCntr #ptTimeSelectSetButton a {
    display: inline-block;
    padding: 0.2em;
    margin-right: 10px;
    border-radius: 4px;
    width: 30%;
}
#ptTimeSelectCntr .ptTimeSelectHrCntr a:hover,
#ptTimeSelectCntr .ptTimeSelectMinCntr a:hover,
#ptTimeSelectCntr .ptTimeSelectHrAmPmCntr a:hover,
#ptTimeSelectCntr #ptTimeSelectSetButton a:hover{
    background: #5C6BC0;
    color: #fff;
}
.dashboard-cards-layout .card{
    box-shadow:0px 2px 10px rgb(0 0 0 / 25%);
    overflow: hidden;
    transition: all 0.6s cubic-bezier(.165,.84,.44,1);
    margin-bottom: 25px;
    width:100%;
}
.dashboard-cards-layout .card:hover{
    transform: translate3d(0,-6px,0);
}
.dashboard-cards-layout .card .book-link{
    cursor: pointer;
    display: inline-block;
    padding: 5px 20px !important;
    /* transition: background .3s ease; */
    margin-bottom: 5px;

}
.dashboard-cards-layout .card p{
    line-height: 20px;
    font-weight: 400;
}
.dashboard-cards-layout .card .card-title{
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    color: #5C6BC0;
    margin-bottom: 5px;
}
.dashboard-cards-layout div.empty{
    padding: 0 15px;
}
.fancybox-wrap .fancybox-iframe body {
    background: #fff !important;
}
.getting-points{
    width: 30%;
    position: relative;
    padding: 5px;
    border: 1px solid #7d7c7c;
    border-radius: 3px;
    margin: 0 8px 0px auto;
}
.getting-points .assign-points-field{
    margin-bottom: 0;
    width: 95% !important;
}
.getting-points::after{
    position: absolute;
    content: '';
    right: 8px;
    bottom: -7px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #7d7c7c;
}
@media(min-width: 992px){
    .getting-points{
        width: 40%;
    }
}
#scrollUp{
    padding: 6px 12px !important;
    bottom: 12% !important;
    border-radius: 4px !important;
}
.open-close .open-all{
    display: none;
}
.open-close.active .open-all{
    display: block !important;
}
.open-close.active .close-all{
    display: none;
}

.all-reports .kv-sidenav-bs4.nav-pills .nav-item .nav-link:after{
    font-family: "fontawesome";
    content: "\f105";
    position: absolute;
    right: 15px;
}
.all-reports .nav-pills .nav-link.active,
.all-reports .nav-pills .nav-link:hover{
    color: #1a1a1a !important;
    background-color: #fff;
    font-weight: 500 !important;
}
.all-reports .control-label {
    display: inline-block;
}
.sidebar-nav .nav-pills .nav-link{
    border-radius: 0.5rem !important;
    margin-bottom: .15rem;
}
#calendar.venue-calendar{
    background: #fff;
    padding: 10px;
}
#calendar.venue-calendar.fc-unthemed .fc-content{
    border: 1px solid #5C6BC0;
    border-radius: 3px;
}
#events .event-pagination-wrapper h3{
    font-size: .9rem;
}
#events .event-pagination-wrapper .card-body{
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #ededed;
}
#events .event-pagination-wrapper .card-body p{
    margin-bottom: 0;
    gap: 0.5rem;
    line-height: 1rem;
}
#events .event-pagination-wrapper .card-body p input{
    flex: none;
}
#events .simple-pagination{
    padding: 0.5rem 1rem !important;
}
#events .simple-pagination a{
    margin: 0 !important;
    border-radius: 0;
}
#calendar.venue-calendar .fc-center h2{
    font-weight: 500;
    line-height: initial;
    font-size: 16px;
    margin-top: 5px;
}
#calendar.venue-calendar .fc-toolbar button {
    text-shadow: none;
    color: #fff;
    background-color: #00a2ff !important;
    border-color: transparent;
    box-shadow: none !important;
    background-image: none !important;
}
.simple-pagination.light-theme ul li span{
    /*color: #fff;
    background-color: #00a2ff !important;
    border-color: #00a2ff;*/
}
.simple-pagination.light-theme ul li span.ellipse{
    border: 1px solid #BBB;
}
#student-all-batches-list ._new_attendence_table .top-header{
    position:  relative !important;
    top:0 !important;
}
.month-view-div input{
    width: 80px;
    height: auto;
}
.notification-table tr:hover,
.notification-table tr td:hover{
    background-color: #327f9940 !important;
}
.notification-table tr th{
    border:0 !important;
}
.batch-student-result .card{
    box-shadow: none;
}
.batch-student-result .card-header{
    padding: 0.5rem 1rem;
    background-color:#eff2f6 !important;
    display: flex;
    justify-content: space-between;
}
.batch-student-result .card-header span{
    text-align: right;
}
.batch-student-result table tr th{
    background: #efede1;
}

.batch-student-result table tr th,
.batch-student-result table tr td{
    padding: 0.25rem 0.5rem;
    border: 1px solid #d4d4d4;
}
.batch-student-result table tr td{
    font-size: 12px;
    font-weight: 500;
}
.batch-student-result table tr:nth-child(odd){
    background-color: #f8f8f8;
}
.batch-student-result table.evaluation-table tr:nth-child(2){
    /*background-color: #eff2f6 !important;*/
}
.batch-student-result table{
    margin-bottom: 10px;
}
.batch-student-result table.assesment-table tr td.assesment-heading-cell{
    background-color: #fff;
}
.batch-student-result .card-body h1{
    background: #ececc2;
    padding: 0.25rem 0.5rem;
    font-size: 18px;
    border-radius: 3px;
    font-weight: 600;
}

.extensions-message mark{
    background-color: #f2e7ae;
    font-size: 13px;
    font-weight: 500 !important;
}
.modal-body,
.os-viewport{
    overflow: auto;
}
.documents-box .file-action-icons .btn-download{
    margin-right: 3px;
    background-color: lightgray;
}
.documents-box .row.my-1 .col-md-3{
    padding-right: 0;
}
/*.modal-dialog .select2-container--krajee-bs3 .selection .select2-selection--single{
    height: 34px;
    line-height: normal;
    padding: 6px 24px 6px 12px;
}*/
.file-uploaded-instructions{
    background: beige;
    padding: 0.3rem;
    border-left: 3px solid #535353;
    border-radius: 0.3rem;
    margin-bottom: 0.3rem;
}
.file-uploaded-instructions p{
    margin-bottom: 0.3rem !important;
    font-weight: 500;
    line-height: 1rem;
}
.file-uploaded-instructions p i{
    font-size: 12px;
}
@media(max-width: 768px){
    .lead-manager-pager{
        display: block !important;
    }
    .file-inner-part{
        display: block !important;
    }
}

.file-div-main{
    /*padding: 5px 8px;
    background: #e2ebef;
    border-radius: 0.5rem;
    border: 1px solid #efefef;
    margin-bottom: 0.8rem;
     max-height: 550px;
    overflow: hidden;
    width: 100%;*/
}
.topic-files .file-div-main{
    padding: 5px 8px;
    background: #e2ebef;
    border-radius: 0.5rem;
    border: 1px solid #efefef;
    margin-bottom: 0.8rem;
    /*max-height: 550px;*/
    overflow: hidden;
    width: 100%;
}
.file-inner-part{
    display: ruby;
    justify-content: space-between;
    padding-right: 5px;
}
.file-div-main h6{
    margin-bottom: 0;
}
.audio-player{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.audio-player .btn-primary{
    height: 2.8rem;
    width: 2.8rem;
    border-radius: 50%;
    line-height: 2.8rem !important;
    padding: 0px 17px !important;
    background: #1794ad;
}
.audio-player .btn-primary i{
    font-size: 16px;
}
.typing-url input{
    width: auto !important;
}
.typing-url{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}
.typing-bg-image{
    opacity: .7;
}
@media (max-width: 768px){
    .typing-primary-content{
        padding: 25% 10px !important;
        top: auto !important;
        height: 100vh;
    }
    .typing-bg-image{
        background-size: contain;
    }
    .typing-header h3 {
        font-size: 15px;
        padding: 0 10px;
        text-shadow: none;
    }
}
.fc .fc-toolbar>*>* {
    margin-left: 0.35em;
}
.followup-report-table .my-data-table tbody tr:nth-child(odd), .dynamic-attribute-table tbody tr:nth-child(odd) {
    background-color: #fff !important;
}
.webui-popover-content{
    width: 100%;
    border-top: 1px solid #f2f2f2;
    padding: 9px 14px !important;
}
.webui-popover-content .wrapper{
    padding: 0 !important;
}
.webui-popover-title{
    display: inline-block;
    border: 0;
}
.student-ticket{
    background: url(../../../themes/base/img/background-spot.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.raise-ticket-container{
    padding: 100px 20px;

}
.raise-ticket-container h3{
    font-weight: 600;
    letter-spacing: .1rem;
    font-size: 1.5rem;
}
.raise-ticket-container .card{
    border-radius: 0.8rem;
}
.raise-ticket-container .card-body{
    padding: 2rem 2rem;
    border-radius: 0.8rem;
}
.raise-ticket-container .card-body .btn{
    padding: 0.45rem 0.85rem !important;
}
.top-bar .top-left-icon span.global-menu-html,
.top-bar .top-left-icon span.global-search-html{
    padding: 0 !important;
}
/*widgets*/
.col-icon{
    margin-left: 0.5rem !important;
    padding-left: 1.8rem !important;
}
.col-icon .ps-2{
    padding-left: 0.5rem !important;
}
.recent-activity-body{
    position: relative;
}
.recent-activity-body .timeline-past::after,
.recent-activity-body .timeline-past::before {
    content: "";
    position: absolute;
}
.recent-activity-body .timeline::before {
    border-left: 1px dashed;
    height: calc(100% - .5rem);
    left: calc(1.25rem + 0.28rem);
    top: 0.6rem;
    opacity: .48;
}
.recent-activity-body .icon-item.icon-item-sm {
    height: 1.875rem;
    width: 1.875rem;
}
.recent-activity-body .icon-item {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5e6e82;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 2.5rem;
    width: 2.5rem;
    border: 0;
    font-size: .875rem;
    background-color: rgb(237, 242, 249);
}
.recent-activity-body .svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
.recent-activity-body h6{
    font-size: 0.8333333333rem;
}
.recent-activity-body p{
    font-size: 0.8rem;
    color: rgb(113 122 135);
}
.recent-activity-body .col-auto{
    padding: 0;
}
.recent-activity-body .timeline-past::after,
.recent-activity-body .timeline-current::after {
    background-color: #2c7be5 !important;
    border-color: #2c7be5;
}
.recent-activity-body .timeline::after {
    height: 0.625rem;
    width: 0.625rem;
    left: 1.25rem;
    top: 0.3rem;
    border-radius: 50%;
    border: 1px solid #2c7be5 ;
    background-color: #fff;
}
.recent-activity-body .timeline::after,
.recent-activity-body .timeline::before {
    content: "";
    position: absolute;
}
.recent-activity-body .timeline {
    position: relative;
}

.recent-activity-body .timeline-primary.timeline-current::after {
    height: 0.5rem;
    width: 0.5rem;
    -webkit-box-shadow: 0 0 0 3px rgb(44 123 229 / 30%);
    box-shadow: 0 0 0 3px rgb(44 123 229 / 30%);
}
.recent-activity-body .timeline-primary.timeline-current::after {
    background-color: #2c7be5;
    border-color: #2c7be5;
}
.recent-activity-body .timeline-current::after {
    left: 21px;
}
.edit-page-container img{
    margin: 8% auto;
}
.edit-page-container h5{
    font-weight: 600;
    margin-bottom: 0.2rem;
}
.edit-page-container p{
    font-size: 0.8rem;
    color: rgb(113 122 135);
}
.active-user-widget .avatar,
.shared-files-widget img {
    position: relative;
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
}
.active-user-widget .avatar[class*=status-]:before {
    content: "";
    position: absolute;
    border-radius: 100%;
    z-index: 1;
}
.active-user-widget .avatar[class*=status-]:before {
    border: 2px solid #eff2f6;
    height: 14px;
    width: 14px;
    right: -3px;
    bottom: -3px;
}
.active-user-widget .avatar.status-online:before {
    background-color: #00d27a;
}
.active-user-widget .avatar.status-offline:before {
    background-color: #748194;
}
.avatar.status-away:before {
    background-color: #f5803e;
}
.active-user-widget .avatar img ,
.shared-files-widget img{
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.active-user-widget .avatar img,
.active-user-widget .avatar .avatar-name {
    width: 100%;
    height: 100%;
}
.active-user-widget .card-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.active-user-widget .card-body,
.card-body.recent-activity-body,
.shared-files-widget{
    max-height: 370px;
    overflow-y: auto;
    overflow-x: hidden;
}
.active-user-widget .card-footer{
    text-align: center;
    font-weight: 500;
}
.active-user-widget .card-footer i{
    font-weight: 600;
}
.active-user-widget h6,
.shared-files-widget h6{
    font-size: 13px;
    font-weight: 500 !important;
    margin-bottom: 0;
}
.active-user-widget p,
.shared-files-widget p {
    font-size: 0.8rem;
    color: rgb(113 122 135);
}
.shared-files-widget .fs--1 span{
    font-size: 13px;
    color: rgb(118 118 118);
    font-weight: 400;
}
.shared-files-widget .card-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.shared-files-widget img{
    border-radius: 5px;
    width: 30px;
    height: auto;
}
.shared-files-widget .share-file:last-child .border-bottom,
.recent-activity-body .timeline:last-child .border-bottom{
    border-bottom: 0 !important;
}
.shared-files-widget .share-file .btn{
    padding: 0.1rem 0.25rem !important;
    font-size: 0.8rem !important;
    height: fit-content;
}
.top-pages-today .table>thead{
    background-color: #edf2f9;
}
.top-pages-today .table>thead th{
    border:0;
}
.top-pages-today .table tr td.path{
    font-weight: 600;
}

.navbar-dropdown-widget .btn:active,
.show > .btn-secondary.dropdown-toggle {
    margin-left: 0 !important;
    /*background: #dde2e3;*/
    border: 0;
    margin:0;
    border-radius: 0.25rem;
}
.navbar-dropdown-widget svg circle{
    fill: #212529;
}
.navbar-dropdown-widget .dropdown-menu:after {

}
.navbar-dropdown-widget .dropdown-menu{
    top: 8px !important;
}
.navbar-dropdown-widget .dropdown-menu:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: .8rem;
    height: .8rem;
    background: #fff;
    background: inherit;
    top: -0.375rem;
    right: 0.95rem;
    left: auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0.125rem;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.25);
}
.navbar-dropdown-widget a {
    padding: 8px 5px !important;
    background: transparent;
    border-radius: 10px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    margin-bottom: 0.75rem;
    position: relative;
    overflow: hidden;
    height: auto;
    min-height: 80px;
}

.navbar-dropdown-widget .dropdown-icons .navbar-dropdown-widget a {
    display: inline-block;
    width: 85px;
    height: 85px;
    text-align: center;
    line-height: normal;
    margin: 6px;
    border-radius: 20px;
    color: #1f2937;
    font-weight: 600;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* Modern gradient backgrounds with hover effects */
.navbar-dropdown-widget .col-4:nth-child(5n+1) a {
    background: linear-gradient(135deg, #E8F9E8 0%, #d4f1d4 100%) !important;
    color: #1f2937 !important;
}

.navbar-dropdown-widget .col-4:nth-child(5n+1) a:hover {
    background: linear-gradient(135deg, #d4f1d4 0%, #c0ebc0 100%) !important;
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(26, 190, 23, 0.15);
}

.navbar-dropdown-widget .col-4:nth-child(5n+2) a {
    background: linear-gradient(135deg, #F2F5FF 0%, #e3e9ff 100%) !important;
    color: #1f2937 !important;
}

.navbar-dropdown-widget .col-4:nth-child(5n+2) a:hover {
    background: linear-gradient(135deg, #e3e9ff 0%, #d4ddff 100%) !important;
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(61, 94, 225, 0.15);
}

.navbar-dropdown-widget .col-4:nth-child(5n+3) a {
    background: linear-gradient(135deg, #FEF8EA 0%, #fdf0d5 100%) !important;
    color: #1f2937 !important;
}

.navbar-dropdown-widget .col-4:nth-child(5n+3) a:hover {
    background: linear-gradient(135deg, #fdf0d5 0%, #fce8bf 100%) !important;
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(234, 179, 0, 0.15);
}

.navbar-dropdown-widget .col-4:nth-child(5n+4) a {
    background: linear-gradient(135deg, #E6F9FF 0%, #d1f3ff 100%) !important;
    color: #1f2937 !important;
}

.navbar-dropdown-widget .col-4:nth-child(5n+4) a:hover {
    background: linear-gradient(135deg, #d1f3ff 0%, #bceeff 100%) !important;
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(5, 195, 251, 0.15);
}

.navbar-dropdown-widget .col-4:nth-child(5n+5) a {
    background: linear-gradient(135deg, #FDE9ED 0%, #fcd8e0 100%) !important;
    color: #1f2937 !important;
}

.navbar-dropdown-widget .col-4:nth-child(5n+5) a:hover {
    background: linear-gradient(135deg, #fcd8e0 0%, #fbc7d3 100%) !important;
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(232, 38, 70, 0.15);
}

/* Modern icon animations */
.navbar-dropdown-widget .col-4 a:hover .avatar-2xl {
    animation: iconBounce 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: scale(1.1);
}

@keyframes iconBounce {
    0%, 100% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.15) rotate(-5deg);
    }
    50% {
        transform: scale(1.1) rotate(5deg);
    }
    75% {
        transform: scale(1.15) rotate(-3deg);
    }
}

/* Modern icon containers with glassmorphism */
.navbar-dropdown-widget .col-4:nth-child(5n+1) a .avatar-2xl {
    background: linear-gradient(135deg, #1ABE17 0%, #15a013 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(26, 190, 23, 0.3);
}

.navbar-dropdown-widget .col-4:nth-child(5n+2) a .avatar-2xl {
    background: linear-gradient(135deg, #3D5EE1 0%, #2a4bc7 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(61, 94, 225, 0.3);
}

.navbar-dropdown-widget .col-4:nth-child(5n+3) a .avatar-2xl {
    background: linear-gradient(135deg, #EAB300 0%, #d19f00 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(234, 179, 0, 0.3);
}

.navbar-dropdown-widget .col-4:nth-child(5n+4) a .avatar-2xl {
    background: linear-gradient(135deg, #05C3FB 0%, #04a9dc 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(5, 195, 251, 0.3);
}

.navbar-dropdown-widget .col-4:nth-child(5n+5) a .avatar-2xl {
    background: linear-gradient(135deg, #E82646 0%, #cf1f3b 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(232, 38, 70, 0.3);
}

/* Modern scrollbar */
.navbar-dropdown-widget .dropdown-icons {
    max-height: 24rem;
    padding: 1rem 0.75rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.navbar-dropdown-widget .dropdown-icons::-webkit-scrollbar {
    width: 6px;
}

.navbar-dropdown-widget .dropdown-icons::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 10px;
}

.navbar-dropdown-widget .dropdown-icons::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #94a3b8, #64748b);
    border-radius: 10px;
    transition: background 0.3s ease;
}

.navbar-dropdown-widget .dropdown-icons::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #64748b, #475569);
}

.navbar-dropdown-widget .dropdown-icons .gx-0 .col-4 {
    padding: 0 !important;
}

/* Modern avatar styling */


.navbar-dropdown-widget .avatar-2xl::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    padding: 3px;
    background: linear-gradient(135deg, rgba(255,255,255,0.4), rgba(255,255,255,0.1));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.navbar-dropdown-widget .col-4 a:hover .avatar-2xl::before {
    opacity: 1;
}

.navbar-dropdown-widget .avatar-2xl i {
    font-size: 16px;
    color: #fff;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

/* Modern typography */
.navbar-dropdown-widget p {
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0;
    letter-spacing: 0.01em;
    color: #374151;
    transition: color 0.3s ease;
}

.navbar-dropdown-widget .col-4 a:hover p {
    color: #111827;
}

/* Dashboard header styling */
.navbar-dropdown-widget h5 {
    font-weight: 700;
    font-size: 1.1rem;
    color: #111827;
    margin-bottom: 1.25rem;
    letter-spacing: -0.01em;
}

/* Modern divider */
.navbar-dropdown-widget hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
    margin: 1rem 0;
}
.navbar-dropdown-widget .dropdown-icons .gx-0 .col-4{
    padding: 0 !important;
}
.navbar-dropdown-widget .avatar-2xl {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
    margin: 0 auto .4rem;
    display: inline-flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
}
.navbar-dropdown-widget .avatar-2xl i{
    font-size: 15px;
    color:#fff;
}
.navbar-dropdown-widget p{
    font-size: 0.85rem;
    font-weight: 500;
    line-height: initial;
    margin-bottom: 0;
}
.btn-falcon-default {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
    border: 1px solid #c2c2c2;
    color: #484848;
    padding: 0.3rem 0.5rem !important;
}
.btn-falcon-default svg{
    width: 13px;
    display: inherit;
}
.message-detail-box .avatar img{
    position: relative;
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
}
.message-detail-box .flex-1  .text-800{
    font-size: .8333333333rem !important;
}
.message-detail-box .flex-1  .text-800 span.fw-semi-bold{
    font-weight: 600;
}
.message-detail-box .flex-1  .text-800 span.text-500{
    color: #717a87;
    margin-left: 3px;
}
.detailed-mail-content h5{
    font-weight: 600;
}
.detailed-mail-content p{
    color: #717a87;
    font-size: .9rem !important;
    font-weight: 400;
    margin-bottom: 0.6rem;
}
.detailed-mail-content .btn-success{
    padding: 0.5rem 0.8rem !important;
    font-size: 1rem !important;
    letter-spacing: .3px;
}
.email-detail-widget .social-icon-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.email-detail-widget .social-icon-group .icon-item {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    color: #212529;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 2.5rem;
    width: 2.5rem;
    border: 0;
    font-size: .875rem;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    background-color: #fff;
}
.email-detail-widget .social-icon-group .icon-item:not(:last-child) {
    margin-right: 0.5rem;
}
.email-detail-widget .social-icon-group .icon-item.text-facebook{
    color: rgb(60, 90, 153);
}
.email-detail-widget .social-icon-group .icon-item.text-twitter{
    color: rgb(29, 161, 242);
}
.email-detail-widget .social-icon-group .icon-item.text-google-plus{
    color: rgb(221, 75, 57);
}
.email-detail-widget .social-icon-group .icon-item.text-linkedin{
    color: rgb(0, 119, 181);
}
.inner-card-button{
    display: flex;
    align-items: center;
}
.inner-card-button a{
    display: block;
}
#dashboard-shared-files .d-flex.pb-1{
    justify-content: space-between;
}
.incoming-lesson .card-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.incoming-lesson .box{
    margin-bottom: .5rem;
}
.incoming-lesson .box p{
    margin-bottom: .1rem;
    font-weight: 600;
}
.incoming-lesson .box .table-responsive{
    border-radius: 0.25rem !important;
    background-color: #f3f6f9;
}
.incoming-lesson .box .table-responsive td{
    padding: 0.5rem;
    border-top: 0;
    font-weight: 400;
    vertical-align: middle;
    white-space: nowrap;
}
.incoming-lesson .box .table-responsive td .lesson-icon{
    height: 45px;
    width: 45px;
    line-height: 45px;
    border-radius: 0.25rem;
    font-size: 18px;
    background-color: #b9d5f4;
    color: #272727;
}
.incoming-lesson .box .table-responsive td .text-dark{
    font-weight: 600;
    white-space: nowrap;
}
.filter-ticket-name{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.table-view-tickets .avatar {
    position: relative;
    display: inline-block;
}
.table-view-tickets .avatar .avatar-name {
    background-color: #344050;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 10px ;
    margin-right: 5px;
    font-family: sans-serif;
    letter-spacing: .5px;
}
.table-view-tickets td{
    font-weight: 400;
    letter-spacing: .5px;
}
.table-view-tickets td.client .stretched-link{
    font-weight: 600;
    white-space: nowrap;
}
.table-view-tickets td.priority h6{
    font-weight: 600;
    font-size: 12px;
}
.todo-list-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
}
.todo-list-widget ul li {
    line-height: 24px;
}
.todo-list-widget ul li {
    border-radius: 2px;
    padding: 1rem;
    margin-bottom: 2px;
    color: #172b4c;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    justify-content: space-between;
}
.todo-list-widget ul li  .todo-text{
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
.todo-list-widget ul li  .todo-text .text-line{
    font-weight: 500;
}
.todo-list-widget ul li .handle {
    display: inline-block;
    cursor: move;
    margin: 0 5px;
}
.todo-list-widget ul li.done .text-line {
    text-decoration: line-through;
    font-weight: 500;
}
.todo-list-widget ul .done .text-line {
    text-decoration: line-through;
    font-weight: 500;
}
.todo-list-widget ul > li .tools {
    display: none;
    float: right;
    color: #ff562f;
}
.todo-list-widget ul li:hover .tools {
    display: inline-block;
}
.todo-list-widget ul li:hover .tools i{
    margin: 0 5px;
    font-size: 15px;
    cursor: pointer;
}
.todo-list-widget ul li input[type='checkbox'], form input[type='checkbox'] {
    background: white;
    border-radius: 2px;
    border: 1px solid #7b7b7b;
    cursor: pointer;
}
.order-track {
    padding: .5rem 1rem 1rem 0;
    overflow-y: auto;
    max-height: 310px !important;
}

.order-track-step:last-child {
    overflow: hidden;
    height: auto;
}
.order-track-status-dot{
    margin-top: 0 !important;
}

.order-track-status-line {
    height: 100% !Important;
}
.order-track-text-stat {
    margin-bottom: 0 !important;
    line-height: normal !important ;
}
#attendance-weighatage tr th,
#attendance-weighatage tr td{
    border:0;
}
.assessments-checklist .grid-view table tr td:last-child{
    white-space: normal !important
}
.assessments-checklist .grid-view table tr td[align ="center"]{
    text-align: center !important;
}
.sin-modal.card,
.sin-modal .card-header,
.sin-modal .card-body{
    border:0;
    padding: 0;
}
.sin-modal .card-body hr{
    border-width: 2px;
}
.sin-modal .card-header{
    font-weight: 600;
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 0;
    color: #007ab9 !important;
}
.sin-modal .sin-detail{
    border-left: 5px solid  #007ab9;
    padding-left: 8px;
}
#sin_number-form .field-user-sin_number{
    display: flex;
    align-items: center;
    gap: .5rem
}
#sin_number-form .field-user-sin_number input{
    flex: 1;
}

#student-profile-tabs.st.st-vertical>.tab-content{
    background: #fff;
    margin-left: 5px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 22%);
    border-radius: 4px;
    transition: 0.3s;
}
#teachers-dashboard-tabsx-container .student-in-batches .grid-view table tr th {
    white-space: nowrap !important;
}

form .checkbox label, form .radio label {
    display: inline-flex;
    align-items: start;
    gap: 0.4rem;
}

form input[type="checkbox"],
form input[type="radio"] {
    flex-shrink: 0; /* Prevent the checkbox/radio from shrinking */
}
.batch-submit-timmer{
    flex-direction: column;
}

.assigned-number-tickets{
    display: inline-block;
}
.state-section {
    padding: 5px 10px;
    display: inline-flex;
    gap: .2rem;
    align-items: center;
    justify-content: center;
    margin: 0 5px 5px 0;
    position: relative;
     border-radius: 5px; 
    box-shadow: 0px 0px 0px 2px rgb(231 231 231);

}

.state-section a{
    color: inherit ;
}
p.state-count {
    font-size: 12px;
    font-weight: 800;
}

.state-section.text-center p {
    margin-bottom: 0;
}
.students-assignment .box-header.with-border{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    /*justify-content: space-between;*/
}
.students-assignment .box-header.with-border .box-title{
    flex: 1;
    text-align: left;
}
.students-assignment .box-header > .box-tools{
    margin-top: 2px;
}
.assesment-test-header{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.batches-list .btn-social :first-child{
    line-height: 28px !important;
}
/*.fr-second-toolbar:empty,
.fr-element{
    z-index: inherit !important;
}*/
.swal2-container.swal2-center>.swal2-popup{
    grid-row: unset !important;
    top: 10%;
    height: fit-content;
    align-self: flex-start !important;
}
.swal-overlay--show-modal .swal-modal{
    position: absolute;
    left: 35%;
}
.btn.student-settings,
.btn.student-transcript,
.btn.student-course-transcript{
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
}
td .select2-container{
    width: auto !important;
    display: block;
}
.select2-container--krajee-bs4:not(.select2-container--disabled) .select2-dropdown{
    width: max-content !important;
}
#student-profile-tabs.st.st-vertical>.tab-content{
    min-height: 100px !important;
    padding:0;
}
#file-system-form .table{
    margin-bottom: 0;
}
#file-system-form .table-responsive{
    height: 250px;
    overflow-y: auto;
}
#file-system-form .grid-view{
    margin-top: 0;
}
#file-system-form .grid-view table td,
#file-system-form .grid-view table th{
    padding: 0.15rem 0.3rem !important;
}
@media(max-width: 480px){
    #file-system-form .table-responsive{
        height: auto;
        overflow-y: scroll;
    }
}
@media(max-width: 768px){

    .students-assignment .box-header.with-border{
        display: block;
    }
}
#student-marks-grid-view table tbody tr:has(td[rowspan])
{
    border:2px solid #3f74e1 !important;
    border-bottom: 0 !important;
}
#student-marks-grid-view table tbody tr:has(td[data-col-seq='1']){
    border-top:2px solid #3f74e1;
}
#student-marks-grid-view table tbody tr[data-last-row='1']{
    border-bottom:2px solid #3f74e1;
}
#student-marks-grid-view table tbody tr:not(td[data-col-seq='1']){
    border-left:2px solid #3f74e1;
    border-right: 2px solid #3f74e1;
}
.student-list-left .summary{
    padding: 6px;
    border-bottom: 1px solid #ccc;
    display: block;
    background-color: #e7eff2;
}
.student-list-left a p{
    font-weight: 500;
    font-size: 13px;

}
.student-list-left .pagination{
    padding: 0 6px;
}
/*.filter-student-list{
    position: sticky;
    top: 70px;
}*/
/*.student-list table{
    table-layout: fixed;
}*/
.student-list td.name,
.student-list.grid-view table tr td:last-child{
    white-space: normal !important;
}
@media(max-width: 768px){
    .student-list table{
        table-layout: auto;
    }
    .filter-student-list {
        position: relative;
        top: 0px;
    }
}
#collapseShadowList{
    max-height: 300px;
    overflow: auto;
}
.midnight-purple{
    background-color: #794c8a;
}
.change-pass-window{
    background: #C9D6FF;  /* fallback for old browsers */
    background: linear-gradient(to right, #E2E2E2, #C9D6FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /*background-image: url(../../../themes/base/landing/images/password-bg.png);*/
    height: 95vh;
    position: relative;
    bottom: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: bottom;
}
.change-pass-window .card{
    box-shadow: 0 2px 15px rgb(134 152 167 / 31%);
}
.error-container-div{
    text-align: center;
    padding-top: 10%;

}
.error-page{
    background-color: antiquewhite;
    height: 100%;
    width: 100%;
    position: absolute;
}
.error-container-div img{
    width: 300px;
}
.error-container-div h3{
    font-weight: 700;
}
.error-container-div .btn{
    margin-top: 1rem;
    padding: 0.8rem 1.5rem !important;
    font-size: 15px !important;
}
#checklist-report-filter-form .select2-selection-counter{
    margin-left: 5px;
}
.left-sidebar .sidebar-search .form-control{
    width: auto;
}
.left-sidebar .sidebar-search{
    display: block;
}
#module-boxes .card-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.8rem;
    border-color: #f0f0f0;
}

#module-boxes .card .card-title{
    margin-bottom: 0.4rem;
    font-weight: 500 !important;
    font-size: 16px;
}
.card .card-header h1,
.card .card-header h2,
.card .card-header h3,
.card .card-header h4,
.card .card-header h5,
.card .card-header h6 {
    margin-bottom : 0;
}
#usersettings-transcript_columns {
    display: none;
}
#user-settings-form h3{
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: .6rem;
}
#user-settings-form .btn.showIframe{
    padding: 0.275rem 0.325rem !important;
    color: #494949 !important;
    background: #f9f9f9 !important;
    border-color: #7e7e7e !important;
    box-shadow: none !important;
    border-radius: .25rem !important;
    font-size: 0.75rem !important;
    line-height: normal;
}
.program-sortable,
.field-usersettings-transcript_columns ul ,
.course-sortable,
#usersettings-course_transcript_columns-sortable{
    border: 1px solid #ededed;
    padding: 10px;
    min-height: 250px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgb(169 169 169 / 14%), 0 1px 9px -1px rgba(0, 0, 0, 0.05) !important;
}

.program-item ,
.field-usersettings-transcript_columns ul li,
.course-sortable .course-item,
#usersettings-course_transcript_columns-sortable li{
    padding: 7px 10px;
    margin: 5px 0px;
    background-color: #5bc0de;
    outline: 1px dashed #fff;
    outline-offset: -5px;
    color: #fff;
    transition: .3s ease all;
    cursor: move;
}
.program-item:hover,
.field-usersettings-transcript_columns ul li:hover,
.course-sortable .course-item:hover,
#usersettings-course_transcript_columns-sortable li:hover{
    background-color: #49b0ce;
}
.program-sortable .program-item:first-child,
.field-usersettings-transcript_columns ul li:first-child,
.course-sortable .course-item:first-child,
#usersettings-course_transcript_columns-sortable li:first-child{
    margin-top: 0;
}

.permission_lock_button{
    padding: 3px 6px !important;
    border-radius: 3px !important;
    display: inline-block;
    line-height: 5px !important;
    font-size: 9px;
    margin: 0 2px 0 2px;
    border: 0;
    cursor: pointer;
    transition: .3s ease all;

}
#page-header-buttons .dropdown-menu.show a.permission_lock_button{
    border-radius: 4px !important;
    border: 0;
    background-color: #fc6180;
    line-height: 1.3 !important;
    padding: 0.15rem 0.35rem !important;
    font-size: .6rem ;
    margin: 0 2px 0 2px;

}
#page-header-buttons .dropdown-menu.show a.permission_lock_button:hover{
    background-color: #fc6180 !important;
    color: #fff !important;
}
.page-head #page-header-buttons .dropdown-menu.show a.permission_lock_button:before{
    content: none;
}
#page-header-buttons .dropdown-menu.show a.permission_lock_button i{
    margin-right: 0;
}
.permission_lock_button,
.btn span.permission_lock_button{
    /*background-color: #fb5576 !important;*/
}
.btn span.permission_lock_button{
    margin-right: 0 !important;
    margin-left: 4px;
}

.last-modification p{
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 10px;
    font-weight: 500;
}
#module-boxes ul{
    margin-bottom: 0.5rem;
    list-style: decimal;
}
#module-boxes ul li .st-actionContainer {
    z-index: 9999;
     position: relative !important;
     display: inline-block;
     left: auto !important;
     right: auto !important;
     bottom: auto !important;
     float: none !important;
}
#module-boxes ul li .st-actionContainer .st-btn-container {
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    border-radius: 5px !important;
}
.st-actionContainer .st-btn-container .st-button-main {
    /* line-height: 36px; */
    font-size: 14px !important;
}
#module-boxes ul li a{
    transition: .3s all;
    display: inline-block;
}
#module-boxes ul li:hover a{
    font-weight: 500;
    color: #2b3ef3;
    cursor: pointer;

}
#module-boxes ul li .fa.fa-long-arrow-right{
    margin-right: 1rem;
    position: relative;
    right: 15px;
    transition: .3s all;
    opacity: 0;
}

#module-boxes ul li:hover .fa.fa-long-arrow-right{
    opacity: 1;
    right: -10px;
    color: #2b3ef3;
}
#checklist-update-tabs.st>.tab-content{
    padding: 1rem;
    border: 1px solid #ddd;
}
.btn-group.mb-1 .btn{
    margin-bottom: 0 ;
}


.permission_lock_button i{
    margin-right: 0 !important;
    font-size: 10px !important;
}
.btn .permission_lock_button{
    padding: 3px 6px !important;
    border-radius: 3px !important;
    display: inline-block;
    line-height: 5px !important;
    position: inherit;
    top: 0px;
    font-size: 9px;
    cursor: pointer;
    border: 0;
    transition: .3s ease all;
}
a .permission_lock_button{
    transition: .3s ease all;
}
.btn .permission_lock_button i{
    font-size: 10px;
}
.permission_lock_button:hover,
.btn .permission_lock_button:hover,
a .permission_lock_button:hover{
    transform: scale(1.2);
}
ol.alert{
    padding: 0.8rem 2rem !important;
}
ol.alert{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    gap: 1.5rem;
}
@media screen and (max-width: 991px) {
    ol.alert{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

#student-profile-tabs.st.st-vertical>.tab-content .smart-tab-label{
    text-align: left;
    font-size: 15px;
    margin: 0;
    font-weight: 500;
    line-height: normal;
    padding: 0.5rem;
    border-bottom: 1px solid #ddd;
    background-color: #eff2f6;
}
#full-profile-tabs .tab-content .smart-tab-label,
#emails-communication-tabs .tab-content .smart-tab-label,
#result-transcript-tabs .tab-content .smart-tab-label{
    display: none !important;
}
#result-transcript-tabs .smart-tab-ajax-content{
    padding: .5rem 0 ;
}
.smart-tab-ajax-content{
    padding: 0.8rem;
}
.smart-tab-ajax-content .wrapper{
    padding: 0 !important;
}
.box-profile{
    position: relative;
}
.box-profile .profile-username{
    margin-top: 10px;
    text-transform: capitalize;
}
.box-profile .btn {
    position: absolute;
    top: 8px;
    border-radius: 100%;
}
.box-profile img{
    border-radius: 50%;
    border: 1px solid #d5d5d5;
    padding: 2px;
    width: 150px;
}
#sidebar-bootstrap{
    max-height: 570px;
    overflow: auto;

}
.card.student-profile{
    border: 0;
}
.student-profile .card-body{
    padding:.5rem !important;
}
.st-theme-forge> .student-profile .nav{
    border-right: 0
}
@media (max-width: 768px) {
    .theme-customizer .customizer-toggle-icon-help {
        top: 35%;
    }

}
@media (min-width: 320px) and (max-width: 768px){
    .float-right.m-1:has(.pagination),
    .float-right.m-1:has(.btn.btn-outline-secondary){
        float: none !important;
        margin:0 0 10px 0 !important;
    }
    .float-right.m-1 .btn.btn-outline-secondary{
        padding: 0.25rem 0.35rem !important;
        font-size: .7125rem !important;
        margin:0 0 10px 0 !important;
    }
}
@media (min-width: 425px) and (max-width: 768px){
    .float-right.m-1:has(.btn.btn-outline-secondary){
        float: right !important;
        margin:0 0 10px 0 !important;
    }
    .float-right.m-1 .btn.btn-outline-secondary{
        padding: 0.25rem 0.35rem !important;
        font-size: .7125rem !important;
        margin:0 0 10px 0 !important;
    }
}
.user-checklist-header .col-4{
    background-color: #212529;
    color: #fff;
    padding: 0.25rem 0.5rem;
}
#checklist-report-pagination-wrapper .row .col-4{
    padding: 0.25rem 0.5rem;
    border: 0.5px solid #999;
    vertical-align: middle;
    display: flex;
    align-items: center;
    border-left: 0;
    border-right: 0;
}
#checklist-report-pagination{
    margin-top: .5rem;

}
.user-checklist-header .col-4:first-child{
    border-top-left-radius: 5px;
}
.user-checklist-header .col-4:last-child{
    border-top-right-radius: 5px;
}
.form-page .textarea{
    border: 1px solid #01e6ae !important;
    border-radius: 0.15rem;
    color: #333333;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    font-size: 13px !important;
}
.grid-view .table-bordered td:has(.btn.dropdown-toggle){
    text-align: center;
}
.doc-features-list.card {
    -webkit-box-shadow: 0px 8px 32px 1px rgba(221,231,238,1);
    -moz-box-shadow: 0px 8px 32px 1px rgba(221,231,238,1);
    box-shadow: 0px 8px 32px 1px rgba(221,231,238,1);
    border-radius: 10px;
    margin-bottom: 2rem;
}
.doc-features-list.card-header{
    background-color: transparent;
    padding: 1rem;
    text-align: center;
    font-size: 20px;
}
.sp-preview{
    width: 20px !important;
    height: 15px !important;
}
.sp-dd {
    height: 15px !important;
}
#createBucketForm .custom-control,
#taskboard-bucket-update .custom-control{
   /* padding-left: 0.5rem !important;*/
}
.custom-control{
    z-index: inherit;
}
.course-card .btn-group{
    display: inline-block !important;
}
.course-card .btn-group > .btn{
    white-space: nowrap !important;
    margin-right: 2px !important;
}
#student-document-tabs {
    /*padding: .8rem;*/
}
.grid-action-buttons ul{
    list-style: none;
    padding: 0;
}
.grid-action-buttons ul li a.btn,
.grid-action-buttons ul li a.badge,
.grid-action-buttons ul li a.label
{
    display: block;
    text-align: left;
    background-color: transparent !important;
    border: 0;
    color: #212529 !important;
    font-size: .9rem !important;
    font-weight: 400;
    margin: 0 !important;
    margin-bottom: 0.25rem !important;
    font-family: inherit;
    border-radius: .25rem;
}
.grid-action-buttons ul li a.btn:hover,
.grid-action-buttons ul li a.badge:hover
{
box-shadow: none !important;
background-color: #f3f9f6 !important;
}

#student-list-guide ul.match_height{
    padding: 0 !important;
    list-style: none;
    margin-bottom: 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -moz-flex;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -o-flex-flow: row;
    -webkit-flex-flow: row;
    flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
}
#student-list-guide ul.match_height li{
    padding: 5px 10px;
}
#student-list-guide .attendance-hours-not-satisfied ul.match_height li{
    border-right:0 !important;
}
#student-list-guide ul.match_height li:first-child{
    border-right: 2px solid #fff;
}
#student-list-guide ul.match_height li .profile-pic{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.export-batch-students .btn{
    padding: 0.275rem 0.35rem !important;
    font-size: .75rem !important;
}
.comment-sec-table .table-fixed th,
.comment-sec-table .table-fixed td{
    vertical-align: top;
}
.comment-sec-table .table-fixed th:nth-child(1),
.comment-sec-table .table-fixed td:nth-child(1) {
    min-width: 100px;
}

.comment-sec-table .table-fixed th:nth-child(2),
.comment-sec-table .table-fixed td:nth-child(2) {
    min-width: 80px;
}
.comment-sec-table .table-fixed th:nth-child(3),
.comment-sec-table .table-fixed td:nth-child(3) {
    min-width:150px;
}

.kv-score{
    z-index: 1;
}
.kv-scorebar-border {
    margin-bottom: 3px;
}
#multi-input-form .multiple-input{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

header.card-header{
    background-color: #fff;
}
.cutomizer-bg-image a .select-bg-img {
    box-shadow: 0px 1px 3px rgb(0 0 0 / 10%);
    border: 1px solid rgba(0, 0, 0, 0.125);

}
.cutomizer-bg-image a .select-bg-img.active{
    border: 2px solid #2fa4e7;
}
.cutomizer-bg-image a .select-bg-img:hover{
    transform: scale(1.1);
}
.cutomizer-bg-image{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    transition: transform .5s ease;
}
.scroll-table.btn-group .btn{
    margin-right: 0 !important;
}

.communication-filter-his .badge{
    /*display: block;*/
    border:0 !important;
    margin-bottom: 2px;
    width: fit-content;
}
#dashboard-calender .box-header{
    padding: 0 !important;
    border: 0;
}
#dashboard-calender .box-body{
    padding: 0 !important;
}
#dashboard-calender .fc-toolbar.fc-header-toolbar{
    margin-bottom: 0 !important;
}
.expand-input-field.clicked{
    width: 100% !important;
}
.file-input-field-button-section{
    display: flex;
    width: 100% !important;
}
.file-input-field-button-section .file-input{
    width: 100% !important;
}
.file-input-field-button-section a.btn-success{
    line-height: 30px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.render-calendar tr th{
    white-space: nowrap;
}
.HRM-dashboard .tab-content {
    background-color: #fff;
}
.defaulter-payment-list h5{
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 0;
}
#payment-calendar .box-header,
#payment-calendar .box-body,
#aging-report .box-header,
#aging-report .box-body,
#scholarship-report .box-header,
#scholarship-report .box-body,
#enrollment-status-revenue-report .box-header,
#enrollment-status-revenue-report .box-body{
    padding:5px 0 !important;
}
#payment-calendar .box-header h3,
#aging-report .box-header h3,
#scholarship-report .box-header h3,
#enrollment-status-revenue-report .box-header h3{
    font-size :14px !important;
}
.all-module-mapping{
    padding: 3rem 0;
}
.all-module-mapping .fact-section h2{
    position:relative;
    vertical-align:top;
    color:#212529;
    font-size: 27px;
    font-weight: 700 !important;
    padding:0px;
}
.all-module-mapping #root_tree input{
    background-color: #f0f5fb !important;
    height: calc(1.75em + 0.75rem + 2px) !important;
    font-size: .9rem !important;
}
.all-module-mapping #sidebar-bootstrap {
    max-height: 100% !important;

}
.all-module-mapping #sidebar-bootstrap [class*="col-"],
.default-modules .inner-default-module-box [class*="col-"]  {
    padding: 0 8px;
}
.all-module-mapping #sidebar-bootstrap .card{
    min-height: 115px;
    background-color: transparent;
    border: 2px solid #b9b9b9;
    box-shadow: none;
    cursor: pointer;
    padding: 10px 5px;
    margin-bottom: 16px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem;
}
.all-module-mapping #sidebar-bootstrap .card:hover{
    border-color: #2FA4E7;
    background-color: #2FA4E7;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
}
.all-module-mapping #sidebar-bootstrap .card:hover p,
.all-module-mapping #sidebar-bootstrap .card:hover span.material-symbols-outlined{
    color: #fff;
}
.all-module-mapping #sidebar-bootstrap .card p{
 -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  color: #858585;
    font-size: 1rem;
    font-weight: 500;
}
.all-module-mapping #sidebar-bootstrap .card p span.filteringHighlight{
    color: black;
}
.all-module-mapping #sidebar-bootstrap .card span.material-symbols-outlined{
    font-size: 2.5rem;
    color: #b9b9b9;
}
.default-modules .card{
    min-height: 80px;
    background-color: transparent;
    border: 2px solid #b9b9b9;
    box-shadow: none;
    cursor: pointer;
    padding: 10px 5px;
    margin-bottom: 16px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem;
    color: #858585;
    font-size: 1rem;
    font-weight: 500;
}
.default-modules .card .card-body .default-module-add{
    display: flex;
    align-items: center;
    justify-content: center;
}
.default-modules .card .default-icon{
    font-size: 2.5rem;
    color: #b9b9b9;
}
.default-modules .card .default-module-add span{
    margin-right: 8px;
}
.default-modules .card:hover{
    border-color: #2FA4E7;
    background-color: #2FA4E7;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
}
.default-modules .card:hover p,
.default-modules .card:hover,
.default-modules .card:hover .default-icon{
    color: #fff;
}
.next-modules-btn{
    padding: 0.35rem 2rem !important;
    font-size: 1rem !important;
}
.default-modules{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-autocomplete.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover{
    background-color: #337ab7;
    color: #fff;
}
.ui-autocomplete.ui-menu{
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
}
.dash-box-icon{
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 5px;
    top: 5px;
}
.dash-box-icon span.material-symbols-outlined{
    color: rgba(0, 0, 0, 0.1) !important;
    font-size: 25px;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

.analytics_box ._boxes h4 a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
}
.analytics_box ._boxes h4 a:hover{
    text-decoration: none;
}
._dashboard_new .row.flex-row-reverse .col-md-3,
._dashboard_new .row.flex-row-reverse .col-md-9{
    /*padding-right: 8px;
    padding-left: 8px;*/

}
#collapseShadowList{
    overflow: auto !important;
}

.main-btns-collapse span{
    font-size: 15px;
}
#developmentListView .accordion .card-header{
    padding: 0 !important;
}
#developmentListView .accordion .card-header .btn{
    padding: .5rem .75rem !important;
    margin: 0 !important;
    font-size: 1rem !important;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #24505c;
    text-decoration: none;
    background-color: #e2ebef;
    border-radius: 0;
}
#developmentListView .accordion .card,
#developmentListView .accordion .card-header .btn{
    border-top-left-radius: 0.35rem !important;
    border-top-right-radius: 0.35rem !important;
}
#developmentListView .accordion .card-body{
    border-bottom-left-radius: 0.35rem !important;
    border-bottom-right-radius: 0.35rem !important;
}
#developmentListView .accordion .card-body p{
    margin-bottom: 0 !important;
}
#developmentListView .accordion .card-header .btn .material-symbols-outlined{
    font-size: 18px;
    transition: transform .6s ease;
}
#developmentListView .accordion .card-header .btn[aria-expanded="true"] .material-symbols-outlined{
    transform: rotate(90deg);
}

.lead-manager-pager .pagination{
    margin-top: 0;
}
.lead-manager-pager .scroll-table{
    margin-right: 6px;
}
 #module-boxes{
        height: 100vh;
}
#module-boxes .documents-list {
    top: 0;
    position: sticky;
    padding: 1rem;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.12) !important;
    border: none;
}
#sidebar-bootstrap::-webkit-scrollbar{
    width:5px !important;
}
/* Track */
#sidebar-bootstrap::-webkit-scrollbar-track {
  background: #f1f1f1;
}

#sidebar-bootstrap::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
#sidebar-bootstrap::-webkit-scrollbar-thumb:hover {
  background: #212529;
}
#module-boxes .documents-list::-webkit-scrollbar-track{
    border-radius: 20px !important;
    background-color: #f0f0f0 !important;
}
#module-boxes .documents-list .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px 6px 10px;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    transition: all .3s ease;
    border-radius: 0.35rem;
}
 #module-boxes .documents-list .nav-link:hover{
    background-color: #ededee;
    border-color: #d9d9d9;
 }
#module-boxes .documents-list .nav-link .document-link{
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}

#module-boxes .documents-list .active {
    background-color: #ededee;
}

#module-boxes .documents-list .nav-link .badge {
    color: #fff;
    background-color: #17a2b8 !important;
    margin: 0;
}

#module-boxes .documents-list .nav-link .badge i {
    color: #fff;
}

#module-boxes .documents-content {
    position: relative;
}
/*#module-boxes .documents-content .card{
    height: 100vh;

}*/
#module-boxes .documents-content.active {
    position: relative;
    margin-top: 0;
}

.documents-content h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

.filteringHighlight {
    background-color: yellow;
}
.survey-question-name-wrap .kv-editable-value {
    margin-left: 5px;
}
.btn.btn-secondary.grid-table-left-scroll .material-symbols-outlined{
    font-size: 12px;
    line-height: 1rem;
}
.material-symbols-outlined {
    font-size: 16px;
    line-height: normal;
}

#toggle-day-wise{
    cursor:pointer;
}
#toggle-day-wise .badge-primary{
    color: #fff;
    line-height: normal;
}
#cohort-view-tabs {
    margin-top: 1rem;
}

.grid-view .table-bordered td.show{
    background-color: #eff2f6;
}
.st>.tab-content {
    height: auto !important;
}
/*.grid-view .table-bordered td select.form-control[size],
.grid-view .table-bordered td select.form-control[multiple] {
     max-height: 80px !important;
     overflow: auto;
}*/

.survey-container-update .survey-block .fr-box{
    z-index: 0 !important;
    position: relative;
}
.schedule-payments-table table tr td,
.schedule-payments-table table tr th{
    font-size: 12px;
}
tr.subpayment-parent-section
{
  background-color: #e5ecf3 !important;
}
.active-payment.subpayment-section,
.active-payment{
    background-color: #c3e9d0 !important;
}
/* Style the child rows */
tr.subpayment-section {
  background-color: #f1f5f9 !important;
}
.agent-dashboard-cards .card img{
    margin:0 auto;
}
.select2-container--open,
.select2-container--krajee-bs4 > .select2-dropdown{
    z-index: 999999;
}
.grid-stack>.grid-stack-item>.grid-stack-item-content [class*="col-"]
 {
    width: 100% !important;
    max-width: 100% !important;
}
h5.alert-danger {
    color: #6b0100 !important;
    background-color: #f5cccc;
    border-color: #f1b8b8;
}
/*.widget-name {
    z-index: initial;
    position: relative;
}*/
#user-grid table tr th:last-child{
    width: 30% !important;
}
.word-templates table tbody td {
    padding: 4px 10px;
    vertical-align: middle;
}
.word-templates table tbody td .template-name .form-control{
    margin: 0 !important;
}
.word-templates table tbody td input[type ="checkbox"]{
    top: 3px !important;
}
@media (max-width: 768px) {
    .doc-features-list ul{
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
    }
    .doc-features-list ul .nav-link {
        line-height: normal;
        padding: 0.35rem 0.5rem;
    }
    .doc-features-list ul li{
        overflow: visible !important;
    }
    .doc-features-list ul .nav-link.active,
    .doc-features-list ul .nav-link:hover,
    .doc-features-list ul .nav-item.show .nav-link {
        color: #ffffff;
        background-color: #00a2ff;
        border-color: #dee2e6 #dee2e6 #fff;
    }
}
#checklistReport_wrapper table tr td .btn.btn-primary {
    color: #2780E3 !important;
    padding: 0 !important;
    background-color: #fff;
    border-color: #fff;
    background: none;
}
#text-message-report table tr td,
#checklistReport tr td,
.all-reports table tr td{
    padding: 3px 10px !important;
    line-height: initial !important;
}
.student-profile .smart-tab-ajax-content {
   padding: .35rem;
}
@media (max-width:767px){
    table.multiple-input-list.table-renderer tr > td:first-child{
        width: auto !important;
    }
    .iziModal.isAttached{
        max-width: 95%;
    }
    .template-letter-doc-view{
        display: block;
    }
}

.st-actionContainer.left-bottom{
    bottom: 0.5em;
    left: 4.3em;
    float: left !important;
}
.st-actionContainer .st-btn-container {
    width: 40px;
    height: 40px;
}
.st-actionContainer .st-btn-container .st-button-main{
    line-height: 40px;
    font-size: 18px;
}
.st-actionContainer .st-panel-contents{
    padding: 1px;
}
.st-actionContainer .st-btn-container:hover{
    transform: scale(1.3);
    transition: all .2s;
    z-index: 1;

    }
#permission-user-form .table tr td .form-control{
    margin-bottom: 0;
}
#batch-form .card-header{
    background: #f7f7f7;
}
._dashboard_new ._dashboard_main_btn ul.sortable.grid{
    display: block;
}
.multiple-input {
    display: block;
    width: 100%;
    /*overflow-x: auto;*/
    -webkit-overflow-scrolling: touch;
}
#permission-user-grid-container thead tr th:first-child,
#permission-user-grid-container th:nth-child(2){
    background-color: #eff2f6;
    position: sticky;
    z-index: 1;

}
#permission-user-grid-container thead tr th:first-child{
    left:0;
    width: 43px;
}
#permission-user-grid-container thead tr td,
#permission-user-grid-container thead tr th{
    background-color: #eff2f6 !important;
}
#permission-user-grid-container tbody tr:nth-child(odd) td {
    background-color: #fcfcfc !important;
}
#permission-user-grid-container td:first-child {
  position: sticky;
  z-index: 1;
  left:0;
  min-width: 43px;
  background-color: #fff;
  z-index: auto;
  overflow: visible;
}
#permission-user-grid-container td.show{
    z-index: 2;
}
#permission-user-grid-container td.show .dropdown-menu.show {
    display: block;
}
/* Style for the second column (make it wider and position it fixed) */
#permission-user-grid-container th:nth-child(2),
#permission-user-grid-container td:nth-child(2){
    position: sticky;
    z-index: 1;
    left:42px;
    background-color: #fff;
}

#program-transcript-course-form table.multiple-input-list.table-renderer thead tr th:not(#program-transcript-course-form .datepicker table.multiple-input-list.table-renderer thead tr th) {
    min-width: 90px;
}
table.multiple-input-list.table-renderer tbody tr > td .form-control{
    padding: 0.375rem 0.35rem;
    min-width: 120px;
}
#multi-input-form table.multiple-input-list.table-renderer tr > td:first-child {
     width: auto;
}

.slot-book-event .card{
    border: 1px solid #6c757d !important;
}
 .slot-book-event .card-header{
/*box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 2px -1px rgba(0, 0, 0, 0.06);*/
    background-color: rgba(0, 0, 0, 0.03);
    /*background: linear-gradient(to bottom, #c3e6ec, #a7d1d9);
    border-radius: 10px;*/
  }
  .slot-book-event .card p .material-symbols-outlined {
    font-size: 16px;
    line-height: 1.4rem !important;
    margin-right: 5px;
    color: #4a8eff;
}
.slot-book-event form .form-group{
    margin-right:  0 !important;
}
#full-profile-tabs .grid-view .table th{
    background-color: #eff2f6;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.5px;
}
#migrate-history .box-body,
#migrate-history .box-header{
    border: 0;
    padding: 0;
}
.tabs-above.tab-bordered .tab-content{
    background-color: #fff;
}
._dashboard_main_btn.user-customized-dashboard .grid-stack .grid-stack-item[gs-w="2"] .col-lg-3.col-md-3,
._dashboard_main_btn.user-customized-dashboard .grid-stack .grid-stack-item[gs-w="2"] .col-sm-3.col-md-3{
    max-width: 100%;
    padding: 0 !important;
}
._dashboard_main_btn.user-customized-dashboard .grid-stack .grid-stack-item .info.media-body:first-child{
    padding: 0 .35rem .35rem;
}
._dashboard_main_btn.user-customized-dashboard .grid-stack .grid-stack-item [class*="col-"]{
    max-width: 100%;
}
._dashboard_main_btn.user-customized-dashboard .grid-stack .grid-stack-item [class*="col-"],
._dashboard_main_btn.user-customized-dashboard .grid-stack .grid-stack-item .p-3{
    padding: 0 !important;
}
/*.gs-12>.grid-stack-item{
    overflow: auto;
}*/
._dashboard_main_btn.user-customized-dashboard .grid-stack .grid-stack-item .widget-name{
    padding: .35rem;
}
.gs-id-0 > .grid-stack-item > .grid-stack-item-content {
    inset: 5px;
}


.default-customized-dashboard .grid-stack>.grid-stack-item>.grid-stack-item-content .wrapper,
.default-customized-dashboard .grid-stack>.grid-stack-item>.grid-stack-item-content iframe html body .wrapper{
    padding: 0;
}
.default-customized-dashboard .grid-stack>.grid-stack-item>.grid-stack-item-content{
    inset:5px;
}
.default-customized-dashboard .grid-stack>.grid-stack-item>.grid-stack-item-content:has(.dashboard-box){
    inset : 10px 5px;
}
.default-customized-dashboard .gs-id-0 > .grid-stack-item[gs-h="3"] {
    max-height: 700px;
    overflow: auto;
}
.default-customized-dashboard .gs-id-0 > .grid-stack-item > .grid-stack-item-content .widget-name {
    display:none;
}
body:has(#calendar-defalut-div){
    background-color: #fff;
}

.task-status-date a,
.task-status-date{
  white-space: nowrap;
}
#dashboard-form .select2-container .select2-search--inline{
    float: none;
}


#smartsupp-widget-container [data-testid="widgetButtonFrame"]{
    height: 40px;
    width: 40px;
}
#smartsupp-widget-button svg{
    width: 18px;
    height: 18px;
}

.transfer-update-button{
    text-align: center;
    box-shadow: -1px 2px 3px rgb(97 97 97 / 54%);
    border-radius: 5px 0 0 5px;
    background: #fff;
    /* border: 1px solid #e3d9df; */
    margin-top: 5px;
    position: absolute;
    top: 53px;
    right: 0;
    width: 25px;
    animation: grow 3s ease-in-out forwards, shrink 3s ease-in-out forwards 3s;
}
@keyframes grow {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(1.3);
        }
    }

    @keyframes shrink {
        0% {
            transform: scale(1.3);
        }
        100% {
            transform: scale(1);
        }
    }
.transfer-update-button a{
    width: 25px;
    height: 25px;
    color: #fff;
    display: block;
    line-height: 30px;
    border-radius: 5px 0 0 5px;
    transform: scale(1.25);
}
.transfer-update-button a.btn-success{
    background-color: green !important;
}
.transfer-update-button a.btn-danger{
    background-color: red !important;
}
.transfer-update-button:hover{
    transition: .2s ease-out;


}

#dynagrid-registration-grid-container .table-bordered td.dynagrid-registration-grid .btn-success{
    color: #fff !important;
}
.btn.btn-default{
 background-color: #e6e6e6 !important;
    color: #0f0f0f !important;
}
.box-header > .box-tools{
    /*display: inline-flex;*/
}
.label-items-list .form-group .checkbox span{
    min-width: 20px;
    border-radius: 2px;
    font-size: 12px !important;
    padding: 0px 3px !important;
}
ul.pagination li a.page-link,
ul.pagination li a{
    border:1px solid #dee2e6;
}
.stu-bts-align {
    /*display: inline-flex;*/
    align-items: normal;
}
.stu-bts-align a{
    vertical-align: top;
}
#live-communication-history{
    text-align: left;
}
._dashboard_new ._dashboard_task_btn .communication-history-box{
    max-height: 100% !important;
}
#tution-fee-section .fee-structure-table tr:nth-child(odd) td {
    background-color: #83caeb !important;
}
#tution-fee-section .fee-structure-table tr:nth-child(even) td{
    background-color: #c1e4f5 !important;
}
.task_action .kanban-plan-assignees .dropdown img {
    width: 30px;
    transition: .2s ease-out;
}
.task_action .kanban-plan-assignees .dropdown img:hover{
    transform: scale(2.3);
}
.task_action .kanban-plan-assignees .dropdown .dropdown-toggle::after{
    border-top: 0 !important;
}
.kanban-plan-assignees .dropdown .dropdown-toggle{
    align-items: center;
    gap: .2rem;
}
#user-to-do .task_action{
    margin: 0!important;
}
#user-to-do .kanban-plan-assignees .dropdown .dropdown-toggle{
    display: contents !important;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content .wrapper,
.grid-stack > .grid-stack-item .wrapper{
    padding: 0 !important;
}

.grid-stack-instance-5077 .grid-stack-item{
    min-height: 80px !important;
}
.grid-stack > .grid-stack-item[data-gs-height="1"]{
    height: 80px !important;
}
@media (min-width: 320px) and (max-width: 480px){
    .grid-stack>.grid-stack-item {
        position: relative !important;
        padding: 0;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: 82px !important;
    }
    .slot-book-event table th,
    .slot-book-event table td{
        display: block !important;
    }
}
@media (min-width: 481px) and (max-width: 768px){
    .slot-book-event table th,
    .slot-book-event table td{
        display: block !important;
    }

}

.global-to-do-list table{
    border-collapse: separate;
    border-spacing: 0 4px;
}
.global-to-do-list table tr td:last-child {
  border-radius:  0 6px 6px 0;
}
.global-to-do-list table tr td:first-child {
  border-radius: 6px 0 0 6px;
}
.global-to-do-list table tr td{
    vertical-align: middle;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    color: #fff;
    text-align: left;
}
.global-to-do-list table tr td a{
    color: #fff;

}
.global-to-do-list table tr td p{
    margin-bottom: 0;
 }
 .global-to-do-list table tr td span.handle{
    cursor: move;
}
.global-to-do-list table tr td span.handle,
.global-to-do-list table tr td .tools a i{
    font-size: 16px;
    margin-right: 5px;
 }
.global-to-do-list  table input[type='checkbox'] {
    min-width: 17px !important;
    height: 17px !important;
    background: white;
    border-radius: 0px !important;
    border: 2px solid #898989 !important;
    margin-left: 5px;
    top: 3px;
    accent-color: #fff;
}
.global-to-do-list .table thead th {
    border-bottom: 0 !important;
}
#stylish_tab_student-profile-tabs_19 .smart-tab-ajax-content,
#stylish_tab_student-profile-tabs_19 .wrapper,
#stylish_tab_student-profile-tabs_1 .smart-tab-ajax-content,
#stylish_tab_student-profile-tabs_1 .wrapper,
#stylish_tab_student-profile-tabs_2 .smart-tab-ajax-content,
#stylish_tab_student-profile-tabs_2 .wrapper{
    background-color: #fff !important;
    padding: 0 !important;
}
#stylish_tab_student-profile-tabs_19 .card,
#stylish_tab_student-profile-tabs_1 .card{
    box-shadow: none;
    margin: 0 !important;
}
#stylish_tab_student-profile-tabs_19 .card-body {
    padding: 0 !important;
}
.grid-stack-item .grid-stack-item-content{
    background-color: #fff;
}
.grid-stack-item .grid-stack-item-content iframe html body .wrapper{
    padding: 0;
}
.grid-stack-item .grid-stack-item-content .global-to-do-list table tr td{
    white-space: nowrap;
}
.default-customized-dashboard .grid-stack>.grid-stack-item>.grid-stack-item-content .widget-name{
    padding: 5px;
}
/* scroll locked */
  .locked {
    position: relative;
  }

  .locked.bottom .locked-scroll-shadow:last-child:before,
  .locked.top .locked-scroll-shadow:first-child:before {
    content: "";
    position: absolute;
    opacity: 0;
    left: 10px;
    right: 10px;
    height: 50px;
    box-shadow: 0 0 20px 0 rgb(175 175 175);
    border-radius: 500px/10px;
    -moz-animation-name: highlight;
    -o-animation-name: highlight;
    -webkit-animation-name: highlight;
    animation-name: highlight;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-iteration-count: 100;
    -o-animation-iteration-count: 100;
    -webkit-animation-iteration-count: 100;
    animation-iteration-count: 100;
  }

  .locked .locked-scroll-shadow:first-child,
  .locked .locked-scroll-shadow:last-child {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
  }

  .locked .locked-scroll-shadow:first-child {
    margin-bottom: 0;
  }

  .locked .locked-scroll-shadow:last-child {
    margin-top: 0;
  }

  .locked.top .locked-scroll-shadow:first-child:before {
    bottom: 5px;
    height: 5px;
    z-index: 99;
  }

  .locked.bottom .locked-scroll-shadow:last-child:before {
    top: 5px;
    height: 5px;
  }

  @keyframes highlight {
    0% {
      opacity: 0;
    }
    25% {
      opacity: .5;
    }
    50% {
      opacity: 1;
    }
    75% {
      opacity: .5;
    }
    100% {
      opacity: 0;
    }
  }

  .locked.elastic-top .scrollable {
    -moz-animation-name: elastic-top;
    -o-animation-name: elastic-top;
    -webkit-animation-name: elastic-top;
    animation-name: elastic-top;
    min-height: 0;
  }

  .locked.elastic-bottom .scrollable {
    -moz-animation-name: elastic-bottom;
    -o-animation-name: elastic-bottom;
    -webkit-animation-name: elastic-bottom;
    animation-name: elastic-bottom;
  }

  .locked.elastic-top .scrollable,
  .locked.elastic-bottom .scrollable {
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }

  @keyframes elastic-top {
    0% {
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    50% {
      -moz-transform: translate3d(0, 50px, 0);
      -ms-transform: translate3d(0, 50px, 0);
      -o-transform: translate3d(0, 50px, 0);
      -webkit-transform: translate3d(0, 50px, 0);
      transform: translate3d(0, 50px, 0);
    }
    100% {
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @keyframes elastic-bottom {
    0% {
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    50% {
      -moz-transform: translate3d(0, -50px, 0);
      -ms-transform: translate3d(0, -50px, 0);
      -o-transform: translate3d(0, -50px, 0);
      -webkit-transform: translate3d(0, -50px, 0);
      transform: translate3d(0, -50px, 0);
    }
    100% {
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  .scrollbar-locked-div{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
 .student-all-detail{
    /*position: sticky;
    top: 0;*/
  }
.student-full-detail{
    max-height: 100vh;
    position: sticky;
    top: 0;
    overflow: auto;
    overflow-x: hidden;
}
.student-full-detail::-webkit-scrollbar{
    width: 0;
}

@media (max-width: 768px) {
   .student-full-detail{
    max-height: 100% !important;
    overflow-x: hidden;
    overflow-y: auto;
    }
}
.student-full-profile-views .box-header{
    padding: 10px 0 !important;
}
.student-full-profile-views .box-body{
    padding: 0 !important;
}
.student-full-profile-views .wrapper{
    padding: 0 !important;
}
.student-full-profile-views .st.st-vertical {
    /*display: block !important;*/
}
.student-full-profile-views .st.st-vertical>.nav {
    flex-direction: row !important;
}
.student-full-profile-views.st-theme-forge>.nav {
    border-right: 0 !important;
}
.student-full-profile-views .card{
    box-shadow: none !important;
}
.student-full-profile-views .tab-content,
.student-full-profile-views #student-document-tabs,
.student-full-profile-views .smart-tab-ajax-content {
    padding: 0 !important;
}
.student-full-profile-views .card-body{
    padding: .5rem !important;
}
.student-all-detail:has(.modal.show) .student-full-detail{
    position: relative;
}
#full-profile-tabs .gallery-child .imagewrap {
    display: inline-block;
     position: unset;
    border-radius: 50%;
    border: 1px solid #d5d5d5;
    /* padding: 2px; */
    width: 150px;
    height: 150px;
    overflow: hidden;
}
#full-profile-tabs .box-profile img {
    width: 100%;
    height: 100%;
}
.fr-sticky-on{
    position: relative;
    top: auto;
}
#dynamic-default-attribute-grid.grid-view table tr th {
     white-space: normal;
}
.smart-tab-label{
    display: none;
}
.form-group.mr-2{
    margin-right: 0 !important;
}
.form-group.field-email-send_to_all_students{
    margin-bottom: 0 !important;
}
.dep-drop-selected-item-display{
    display: inline;
}
.global-checklist-type-user-create .card-header{
    padding-left: 0;
    padding-right: 0;
}

.st>.tab-content,
#tution-fee-section .card-body,
.modal-body .wrappe,
#activity_log .box-header.with-border,
#activity_log .box-body,
.user-view  .tab-content{
    /*padding: 0 !important;*/
}
/*#activity_log .box-body{
 padding: 0 10px !important;
}*/

.tab-pane .box .box-header{
    padding: 10px  !important;
}
.tab-pane .box .box-body,
.tab-pane .box .box-body .wrapper{
    padding: 0 !important;
}
.tab-pane .box .box-body .wrapper .card{
    box-shadow: none;
    border: 0;
}
.tab-pane .box .box-body .wrapper .card-body{
    padding: 1rem 0;
}
.kv-editable-parent select.form-control[size]{
    min-height: 60px !important;
    height: auto !important;
    overflow: auto;
}
button.kv-editable-submit:empty{
    display: none;
}
#template-grid-all tr td.template-grid-all img,
#template-grid tr td.template-grid img,
#template-grid-agent tr td.template-grid-agent img,
#template-grid-staff tr td.template-grid-staff img ,
#survey-template-grid-all tr td.survey-template-grid-all img ,
#survey-template-deleted-grid-all tr td.survey-template-deleted-grid-all img  {
    width: 50px;
}
.label.roll-label{
    white-space: normal !important;
    text-align: left;
}
.modal #modalContent .wrapper,
.fancybox-skin .wrapper{
    padding: 0;
}
.table.table-responsive:has(.table-responsive){
    overflow: hidden;
}
#teacher-profile-view-tabs{
    margin-top: 1rem;
}
@media screen and (max-width: 768px) {
    .st.st-vertical{
        display: block !important;
    }
    .st.st-vertical>.nav {
    flex-direction: row !important;
}
}
#log-teacher-manual-history-form table.multiple-input-list.table-renderer tr > td:first-child {
     width: auto;
}
#log-teacher-manual-history-form table td .input-group.date{
    width: 100% !important;
}

table.multiple-input-list.table-renderer tbody tr > td{
    vertical-align: top;
}
.fr-box,
.fr-toolbar.fr-top{
    z-index: inherit !important;
}
.alert {
    position: relative;
}

.alert .kv-alert-title{
   font-size: 16px;
}

.alert p{
    margin-bottom: 0;
}
#important-sheet-notes .alert p{
    font-weight: 600;
    font-size: 16px;
    color: #24505c;
}
table tbody tr > td .select2-selection-counter{
    display: block;
}
@media (min-width: 992px) {
#log-teacher-manual-history-form table.multiple-input-list{
    table-layout: fixed;
}
}
.copy-paste-excel-importer .container.mt-5{
    margin: 0 !important;
    padding: 0;
}
.cb-wrap.pull-right{
    top: 100px !important;
    position: sticky !important;
}
.os-scrollbar, .os-scrollbar-corner{
    z-index: auto !important;
}

#clear-selected-items {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.15rem;
    border-radius: .5rem;
    line-height: 1.5rem;

}
#selected-items-count {
    display: none;
    vertical-align: middle;
    font-size: 0.8em;
    padding: 0.3em 0.6em;
}
#updates-container a{
    margin-right: 10px;
    display: inline-block;
    border: 3px solid #d8dadc;
}
#updates-container a:hover img{
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
#updates-container img{
border: 0;
transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}
ul#voip-settings-tabs a.nav-link img{
    width: 10px;
    transform: scale(1.6);
    margin-left: 5px;
}

.info-widget-popover .popover-header {
    color: #fff;
}
.info-widget-popover .popover-header .close{
    color: #fff;
    opacity: 1 !important;
}
.info-button-widget{
    border: 0;
    line-height: normal;
    background-color:transparent;
    color: #2780e3;
    margin-left: 3px;
    padding: 0;
}
._attendence_boxes ._action_area .kv-editable{
    z-index: 1;
    position: relative;
}
.grid-view .table thead.kv-table-header th{
    width: auto !important;
}
.grid-view .table thead.kv-table-header th a{
    color: #212529;
}
td div[id^="phone_cell-Registration-"] {
  display: block;
}
.cohort-advance-filter .select2-container
{
    display: block;
}
li.course_simple_structure span.assignment-list,
li.course_simple_structure span.assignment-list strong {
    color: #fff !important;
}



.btn-group .btn.btn-outline-secondary.dropdown-toggle{
    gap: 0 !important;
}
.blackboard-nav .nav-link.active.btn{
   /* background-color: #b1b1b1 !important;
    color: #fff !important;*/
}
.dropdown-menu.show .badge,
.dropdown-menu.show .label{
    justify-content: flex-start;

}

._dashboard_new ._dashboard_main_btn .no-gutter.row{
    margin-right: -4px;
    margin-left: -4px;
}
._dashboard_new ._dashboard_main_btn .no-gutter [class*='col-'] {
    padding-right: 4px;
    padding-left: 4px;
}

.btn.grid-table-left-scroll{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.statistics .dashboard-box.top-dash-box h4{
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
}
.dropdown-menu.show .btn:hover {
   /* filter: brightness(.92) !important;*/
    transform: none !important;
}
.right-pager.mr-1 .m-1.btn{
    margin: 0 5px 0 !important;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e2e8ee;
    opacity: 1;
}
.select2-container .select2-selection--single{
    height: 34px !important;
} 
.popover-x{
    display: none;
}

.page-head.attendance-header .btn:last-child{
    margin-right: 0 !important;
}
.tab-content .smart-tab-ajax-content,
.tab-content .wrapper,
.tab-pane .box .box-header {
    /*padding: 0 !important;*/
}

.communication-header .card-header{
    padding: 0;
}
/*/ Hover Effects /*/

.btn:not(.btn-link):not(.form-builder-group-header .btn):hover{
    /*filter: brightness(.92) !important;*/
    transform: translateY(-3px) scale(1.00);
    transition: all .25s ease;
}

.statistics .dashboard-box.top-dash-box:hover{
    transform: translateY(-3px);
    transition: all .25s ease;
}
/*/ Active State /*/
.btn:active, .badge:active, .label:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/*/ Focus Outline /*/
.btn:focus, .badge:focus, .label:focus {
    outline: none !important;
}
.bottom-admin-button .btn,
.bottom-admin-button .badge{
   /* margin-bottom: 5px !important;
    padding: 0.35rem 1rem !important;
    font-size: 0.95rem !important;*/
}

/* Buttons */
.btn:not(.sidebar-nav .btn):not(.input-group-btn .btn-file) {
 cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;

}
.btn i {
  font-size: 1rem;
}
.btn.btn-rounded {
  border-radius: 50px;
}
.btn.btn-sm {
  font-size: 0.9rem;
}

.btn.btn-xs {
  padding: 0.25rem 0.5rem;
  font-size: 0.625rem;
}
/* Buttons with only icons */
.btn.btn-icons {
  width: 40px;
  height: 40px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
.btn.btn-icons.todo-list-add-btn {
  border-radius: 100%;
}
.btn.btn-icons.todo-list-add-btn i {
  line-height: 1;
}
.btn.btn-icons i {
  margin: auto;
  line-height: initial;
}
/* Buttons with icon and text */
.btn.btn-icon-text .btn-icon-prepend {
  margin-right: 0.5rem;
}
.btn.btn-icon-text .btn-icon-append {
  margin-left: 0.5rem;
}
.btn.btn-social-icon {
  width: 50px;
  height: 50px;
  padding: 0;
}


/* Button Groups */
.btn-group .btn + .btn {
  border-left: 0;
}

/* Button Toolbar */
.btn-toolbar .btn-group + .btn-group {
  margin-left: 0.5rem;
}

/* Theme Color Buttons */

b.alert.alert-danger{
    display: block;
}

/* ... similar for other outline colors ... */

/* Social Buttons */
.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
}
.btn-facebook:hover {
  color: #fff;
  background-color: #2d4373;
  border-color: #293e6a;
}
/* ... similar for other social colors ... */

/* Outline Social Buttons */
.btn-outline-facebook {
  color: #3b5998;
  border-color: #3b5998;
}
.btn-outline-facebook:hover {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
}
/* ... similar for other outline social colors ... */

/* Inverse Buttons */
.btn-inverse-primary {
  color: #0d6efd;
  background-color: rgba(13, 110, 253, 0.1);
  border-color: transparent;
}
.btn-inverse-primary:hover {
  color: #fff;
  background-color: #0d6efd;
}
/* ... similar for other inverse colors ... */

.btn-outline-light {
  color: #6c7383;
  border-color: #e3e3e3;
}
.offcanvas-top {
    position: relative !important;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eceeef;
    display: none; /* Hidden by default */
    z-index: 1 !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.offcanvas-top.show {
    opacity: 1;
    visibility: visible;
    display: block;
}
.field-email-send_to_all_leads{
    margin-bottom: 0;

}

#report-export-grid table tr th,
#report-export-grid table tr td,
#rating-grid table tr th,
#rating-grid table tr td,
#end_of-year-grid table tr th,
#end_of-year-grid table tr td,
#cohort-current-student-grid-container table tr th,
#cohort-current-student-grid-container table tr td,
#permission-user-grid table tr th,
#permission-user-grid table tr td,
#checklistReport_wrapper table tr th,
#checklistReport_wrapper table tr td,
#teacher-batch-submission-grid table tr th,
#teacher-batch-submission-grid table tr td,
#student-grid-view-container table tr th,
#student-grid-view-container table tr td,
#registration-grid-view-container table tr th,
#registration-grid-view-container table tr td,
#document-tracking-grid table tr th,
#document-tracking-grid table tr td,
#dynagrid-missing-data-registration-grid table tr th,
#dynagrid-missing-data-registration-grid table tr td,
#report-student-search-grid table tr th,
#report-student-search-grid table tr td,
#dynagrid-registration-grid table tr td
{
    white-space: nowrap !important;
}
#dynagrid-registration-grid table tr th{
    white-space: normal !important;
}
#dynagrid-registration-grid table tr td a{
    white-space: normal;
}
.select2-container{
    display: block !important;
}
.chat-item{
    font-size: 12px;
}
.terms-year-container .select2-selection {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    color: #495057;
    outline: 0;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.select2-container--bootstrap.select2-container--open .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}
.webui-popover-inner .close{
    opacity: .8 !important;
}
.flatpickr-current-month{
    padding: 0 !important;
    font-size: 16px !important;
}
.course-row .select2-container .select2-selection--single .select2-selection__rendered{
    line-height: initial;
    font-size: 13px !important;
    padding-top: 6px;
}
.kv-drp-dropdown .range-value{
    padding-left: 2rem !important;
}
#batch-search-form .select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline{
    float: none;
}
#dashboard-notifications .box-header.with-border{
    padding: 0 !important;
}

/* arc css added  */
.select2-container .select2-search--inline{
    float: none !important;
}
#leave-dates th,
#leave-dates .date-class-section{
    white-space: nowrap;
}
#leave-dates td{
    vertical-align: top;
}
.select2-container--krajee-bs3 .select2-selection--multiple {
    min-height: 2.4rem;
}
.new-features .hero.section{
    background: #C9D6FF; 
background: -webkit-linear-gradient(to right, #E2E2E2, #C9D6FF);  
background: linear-gradient(to right, #E2E2E2, #C9D6FF);

}
.feature-card,
.new-features .list-group-item{
    border: 0;
}
.update-images{
    text-align: center;
}
.box-body .empty{
    padding: 1rem;
}
.formcomponents .formcomponent.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.9375rem;
    border-radius: var(--bs-border-radius-sm); /* Replace with actual value if needed */
}

.formcomponents .formcomponent.btn-primary {
    color: #446e9b;
    border-color: #446e9b;
    background-color: transparent;
}

.formcomponents .formcomponent.btn-primary:hover {
    color: #fff;
    background-color: #446e9b;
    border-color: #446e9b;
}

.formcomponents .formcomponent.btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(68, 110, 155, 0.5); /* Focus shadow */
}

.formcomponents .formcomponent.btn-primary:active {
    color: #fff;
    background-color: #446e9b;
    border-color: #446e9b;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.formcomponents .formcomponent.btn-primary:disabled {
    color: #446e9b;
    background-color: transparent;
    border-color: #446e9b;
}
.form-builder-group-header .btn{
    padding: 0 !important;
    text-align: left !important;
}
.formio-dialog-theme-default .form-check-label span{
    padding-left: 1rem !important;
}
.formio-dialog-theme-default .form-check-label{
    margin: 0 !important
}
.ace_editor{
    font-size: 14px !important;
}
.ace_placeholder{
    font-size: 14px !important;
    transform: none;
}

.formio-dialog.formio-dialog-theme-default .formio-dialog-content{
    font-size: 14px !important;
}
.editgrid-listgroup{
    margin-bottom: .5rem;
}
.choices__item.choices__item--selectable{
    white-space: normal !important;
    text-overflow: initial;
}
.choices__input{
    min-width: 50px !important;
}

.card-header.bg-info h4,
.card-header.bg-primary h4,
.card-header.bg-dark h4{
    color: #fff;

}

/*  Badges */

/*.file-action-icons .btn {
  color: #0d6efd !important;
    background-color: #c4dcff !important;
    border-color: transparent;
}*/
.file-action-icons{
    text-align: right;
}


.form-check {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}



.form-check .form-check-label input {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
  margin-top: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}



/* Checkbox Styles */
.form-check .form-check-label input[type="checkbox"] + .input-helper:before,
.form-check .form-check-label input[type="checkbox"] + .input-helper:after {
  position: absolute;
  top: 0;
  left: 0;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: none;
  border-width: 2px;
  transition: all 250ms;
  -webkit-transition: all 250ms;
  background: #f8f9fa;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:after {
  transition: all 250ms;
  -webkit-transition: all 250ms;
  font-family: themify;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(0);
  content: '\e64c';
  font-size: 0.9375rem;
  font-weight: bold;
  color: #fff;
}
/* Main Vertical Tabs Styling */
.st-theme-forge.st-vertical>.nav{
  list-style: none;
  min-width: 0;
}

/* Tab Link */
.st-theme-forge.st-vertical .nav-link {
  color: #212529 !important;
  
}

/* Selected/Active Tab */
.st-theme-forge.st-vertical .nav-link.active,
.st-theme-forge.st-vertical .nav-link:focus,
.st-theme-forge.st-vertical .nav-link:hover {
  background: #f1f1f4;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .st-theme-forge.st-vertical .nav {
    width: 100%;
    padding: 8px 0;
    border-radius: 12px;
    margin: 0;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    background: #e6f2fc;
    /* Optional: fixed position at top */
  }
  .st-theme-forge.st-vertical .nav li {
    display: inline-block;
    margin: 0;
  }
  .st-theme-forge.st-vertical .nav-link {
    font-size: 15px;
    padding: 10px 14px;
    text-align: center;
    white-space: nowrap;
  }
}

/* Extra-small Devices */
@media (max-width: 480px) {
  .st-theme-forge.st-vertical .nav {
    flex-direction: column;
    width: 100%;
  }
  .st-theme-forge.st-vertical .nav-link {
    font-size: .9rem;
    padding: 9px 8px;
  }
}

/* Checked Checkbox */
.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before {
  background: #0d6efd;
  border-width: 0;
}

.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:after {
  width: 18px;
  opacity: 1;
  line-height: 18px;
  filter: alpha(opacity=100);
  transform: scale(1);
}

/* Disabled Checkbox */
.form-check .form-check-label input[type="checkbox"]:disabled + .input-helper:before {
  border-color: #dee2e6;
}

.form-check .form-check-label input[type="checkbox"]:disabled:checked + .input-helper:after {
  background: #dee2e6;
  color: #fff;
}

/* Radio Styles */
.form-check .form-check-label input[type="radio"] + .input-helper:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  border: solid #0d6efd;
  border-width: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: all 250ms;
  -webkit-transition: all 250ms;
}
.form-check .form-check-label input[type="radio"] + .input-helper:before {
  left: auto;
  right: 0;
}

.form-check .form-check-label input[type="radio"] + .input-helper:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  top: 6px;
  left: 6px;
  transition: all 250ms;
  -webkit-transition: all 250ms;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(0);
  position: absolute;
}


/* Checked Radio */
.form-check .form-check-label input[type="radio"]:checked + .input-helper:before {
  background: #0d6efd;
  border-width: 0;
}

.form-check .form-check-label input[type="radio"]:checked + .input-helper:after {
  opacity: 1;
  line-height: 1.5;
  filter: alpha(opacity=100);
  transform: scale(1);
}

.card {
 margin-bottom: .85rem;
    
   }
.card-body{
padding: 1rem;
}
.right_side_test .teacher-comment{
    background-color: #f4f4f4;
    margin-bottom: 1rem;
}

.batch-student-result table.gpa-scale-table tr th.greybg,
.batch-student-result table.gpa-scale-table tr th.fix-style{
    background-color: #f8f8f8 !important;
    border: 1px solid;
}
.uploadfilebox{
    overflow: hidden;
}
.uploadfilebox .card-header .btn{
    margin-left: 1rem;
}
.file-action-icons .btn{
    margin-right: .5rem;
}
.student-form-outer .d-flex.alert .btn{
    flex-shrink: 0;
}
.form-label, .form-group label.control-label {
    padding-bottom: 0 !important;
}
.list-view-card .card-header .serial-number{
    background: #e9ecef !important;
    padding: 2px 8px;
     border-radius: 0 !important; 
    font-size: 0.9em;
    min-width: 28px;
    color: #222 !important;
    text-align: center;
}
.list-view-card .card-header{
    padding: 0.5rem 1rem !important;
}

#check-in-out-form .row{
    align-items: center;
}
#async-master-student-grid table tr td{
    max-width: max-content !important;
}

#assessment-header-guide .badge{
    font-size: 11px !important;
    padding: 0.15em 0.35em !important;
}
tfoot .bg-primary td{
    color: #fff;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice{
    background-color: #6c757d !important;
    border: 1px solid #6c757d !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    margin-left: 5px !important;
    margin-top: 5px !important;
    position: relative !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: bottom !important;
    white-space: nowrap!important;
    padding-left: 22px !important;
    color: #ffff !important;
    padding-top:  1px !important ;
    padding-bottom:  1px !important;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice__remove{
    background-color: transparent !important;
    border: none !important;
    border-right: 1px solid #9c9c9c !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    padding: 0 4px !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    line-height: inherit !important;
    opacity: .9 !important;
}
.grid-view .table-bordered thead,
.notification-table tbody tr th{
    color: #0f0f0f !important;
    background: #F2F4F8;
}
.notification-table tbody tr th{
    white-space: normal;
}
.grid-view .table tbody tr.bg-success td,
.grid-view .table tbody tr.bg-success td a{
    color: #fff;
}


.badge-success~.dropdown-menu .dropdown-item.active {
    color: #fff!important;
    background-color: #40c057!important;
}

.badge-primary:active,
.grid-view .table-bordered td .btn-primary:active {
    background: #2a88e5;
    border-color: #2a88e5;
}

.label-danger {
    background: #fee8dc!important;
    color: #f55252!important;
    border-color: #fee8dc;
}

.label-danger:hover{
    background: #f55252!important;
    color: #fff!important;
    border-color: #f55252;
}

.badge-danger:active,
.grid-view .table-bordered td .btn-danger:active {
    background: #f54d4d;
    border-color: #f54d4d;
}


.badge-danger~.dropdown-menu .dropdown-item.active {
    color: #fff!important;
    background-color: #f55252!important
}

button[id^="grid_action_column_"]:hover {
   /* background: #616d89!important;
    color: #fff!important;
    border-color: #616d89;*/
}
.pagination {
    margin-top: .5rem;
}

ul.pagination li a,
ul.pagination li.prev span,
ul.pagination li.next span {
    position: relative;
    display: inline;
    padding: .5rem .75rem;
    line-height: 1.25;
    color:#475168;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
}

ul.pagination li a:hover,
ul.pagination li.prev span:hover,
ul.pagination li.next span:hover{
    z-index: 2;
    color: #616d89;
    text-decoration: none;
    background-color: #eee;
    border-color: #e0e0e0;
}

ul.pagination li a:focus,
ul.pagination li.prev span:focus,
ul.pagination li.next span:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0;
}

ul.pagination li:first-child a {
    margin-left: 0;
    border-top-left-radius: .35rem;
    border-bottom-left-radius: .35rem;
}

ul.pagination li:last-child a {
    border-top-right-radius: .35rem;
    border-bottom-right-radius: .35rem
}

ul.pagination li.active a {
    z-index: 3;
    color: #fff;
    background-color: #1d2142;
    border-color:#1d2142;
}

ul.pagination li.disabled span,
ul.pagination li.disabled .page-link
 {
    color: #757575;
    pointer-events: none;
    cursor: auto;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}
.lead-manager-pager{
    text-align: right !important;
    display: inline-block !important;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.7em + .75rem + 3px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #75787d;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #e0e0e0;
    border-radius: .35rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none;
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #75787d;
}


.form-control::-moz-placeholder {
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #bdbdbd;
    opacity: 1;
}

.form-control::placeholder {
    color: #bdbdbd;
    opacity: 1;
}

.form-control:disabled,.form-control[readonly] {
    background-color: #f7f7f8;
    opacity: 1;
}

select.form-control:focus::-ms-value {
    color: #75787d;
    background-color: transparent;
}

.form-control-file,.form-control-range {
    display: block;
    width: 100%;
}


select.form-control[multiple],select.form-control[size],textarea.form-control {
    height: auto !important;
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: .25rem;
}

.dropdown .dropdown-menu,.dropleft .dropdown-menu,.dropright .dropdown-menu,.dropup .dropdown-menu {
    box-shadow: 0 4px 14px rgba(0,0,0,.15);
}

.dropdown .dropdown-menu .dropdown-header,.dropleft .dropdown-menu .dropdown-header,.dropright .dropdown-menu .dropdown-header,.dropup .dropdown-menu .dropdown-header {
    margin-top: .4rem;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: 600;
}

.dropdown .dropdown-menu .dropdown-item,.dropleft .dropdown-menu .dropdown-item,.dropright .dropdown-menu .dropdown-item,.dropup .dropdown-menu .dropdown-item {
    width: auto;
}

.dropdown .dropdown-menu .dropdown-submenu,.dropleft .dropdown-menu .dropdown-submenu,.dropright .dropdown-menu .dropdown-submenu,.dropup .dropdown-menu .dropdown-submenu {
    position: relative;
}

.dropdown .dropdown-menu .dropdown-submenu:hover .dropdown-menu,.dropleft .dropdown-menu .dropdown-submenu:hover .dropdown-menu,.dropright .dropdown-menu .dropdown-submenu:hover .dropdown-menu,.dropup .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    display: block;
}

.dropdown .dropdown-menu .dropdown-submenu>a.dropdown-item,.dropleft .dropdown-menu .dropdown-submenu>a.dropdown-item,.dropright .dropdown-menu .dropdown-submenu>a.dropdown-item,.dropup .dropdown-menu .dropdown-submenu>a.dropdown-item {
    border-top-left-radius: .35rem;
    border-top-right-radius: .35rem;
}

.bg-primary {
  background-color: #0d6efd !important;
  color: #ffffff !important;
}

.bg-secondary {
  background-color: #6c757d !important;
  color: #ffffff !important;
}

.bg-success {
  background-color:#5cb85c !important;
  color: #ffffff !important;
}

.bg-danger {
  background-color: #dc3545 !important;
  color: #ffffff !important;
}

.bg-warning {
  background-color: #ffc107 !important;
  color: #ffffff !important;
}

.bg-info {
  background-color: #0dcaf0 !important;
  color: #ffffff !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-dark {
  background-color: #212529 !important;
  color: #ffffff !important;
}
.bg-light-primary {
  background-color: rgba(48, 142, 135, 0.1) !important;
  color: #308e87 !important;
  background-image: none !important;
}

.bg-light-secondary {
  background-color: rgba(243, 145, 89, 0.1) !important;
  color: #f39159 !important;
  background-image: none !important;
}

.bg-light-success {
  background-color: rgba(62, 185, 95, 0.1) !important;
  color: #3eb95f !important;
  background-image: none !important;
}

.bg-light-danger {
  background-color: rgba(231, 75, 43, 0.1) !important;
  color: #e74b2b !important;
  background-image: none !important;
}

.bg-light-warning {
  background-color: rgba(234, 146, 0, 0.1) !important;
  color: #ea9200 !important;
  background-image: none !important;
}

.bg-light-info {
  background-color: rgba(2, 162, 185, 0.1) !important;
  color: #009eb4 !important;
  background-image: none !important;
}

.bg-light-light {
  background-color: rgba(245, 245, 245, 0.1) !important;
  color: #f5f5f5 !important;
  background-image: none !important;
}

.bg-light-dark {
  background-color: rgba(41, 41, 41, 0.1) !important;
  color: #292929 !important;
  background-image: none !important;
}
.disabled-input{
    pointer-events: none;
     opacity: 1; 
    background-color: #ffe4eb !important;
    padding: 10px;
    cursor: none;
}
.file-caption .input-group{
    align-items: stretch !important;
}
.file-caption .input-group .btn-file{
    display: flex;
    align-items: center;
    gap: .35rem;
}
#dashboard-shared-files .box-header{
    padding: 0 !important;
}
#students-pjax-ajax-grid .pagination li a .sr-only{
    display: none;
}
.quick-links .avatar.avatar-md {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #FFF;
    font-weight: 500;
}
.quick-links h6{
    margin-bottom: 0;
    font-weight: 600;
}
.quick-links .card{
    border-top:0;
    border-left:0;
    border-right: 0;
    cursor: pointer;
}
.quick-links .animate-card:hover {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
 .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{
    white-space: nowrap;
    padding: 4px !important;
    line-height: normal !important;
}
.alphabet-legend {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        background: #f8f9fa;
        border-radius: 8px;
        margin-bottom: 20px;
        align-items: center;
        justify-content: center;
        z-index: 1 !important;
        top: 50px;
        position: sticky;
    }

    .legend-letter {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        cursor: pointer;
        transition: transform 0.2s;
        text-decoration: none !important;
    }

    .legend-letter:hover {
        transform: scale(1.1);
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    }

    .card-header a.setting-section {
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    @media screen and (max-width: 768px) {
        .alphabet-legend {
        position: relative !important;
        top: 0 !important;
        z-index: auto !important;
    }
}
.os-padding:has(#assessment-test-answer-user-form) {
    z-index: unset !important;
}
.dashboard-task .grid-view table tr td .btn-group{
    display: block;
}
.setting-index .card.panel-default{
    box-shadow: none;
    overflow: hidden;
}
.custom-control-input {
    transform: scale(1.5);
    margin-top: 4px;
}

.batch-mega_menu .dropdown-menu{
    min-width: auto !important;
}
/* Parent Dropdown */
.classtrack-megamenu {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12) !important;
    padding: 20px !important;
    display: flex !important;
    gap: 36px !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    z-index: 1000 !important;
}


/* Column styles */
.classtrack-megamenu .megamenu_col {
    flex: 1 !important;
    min-width: 220px !important;
}

.classtrack-megamenu .megamenu_col ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.classtrack-megamenu .megamenu_col li {
    margin-bottom: 14px !important;
    font-size: 15px !important;
    letter-spacing: 0.015em !important;
}

/* Section Headings */
.classtrack-megamenu .megamenu_col li.title {
    font-weight: 600 !important;
    color: #3b82f6 !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.07em !important;
}

/* Menu Links */
.classtrack-megamenu .megamenu_col a {
    color: #1f2937 !important;
    text-decoration: none !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    display: block !important;
    transition: all 0.22s ease !important;
    cursor: pointer !important;
    font-weight: 500 !important;
}

.dropdown-menu.show .classtrack-megamenu .megamenu_col li a:hover {
    background: rgba(59, 130, 246, 0.08) !important;
    color: #2563eb !important;
    text-decoration: none !important;
    transform: translateX(4px) !important;
}

/* Optional: Divider */
.classtrack-megamenu .megamenu_col:not(:last-child) {
    border-right: 1px solid rgba(229, 231, 235, 0.8) !important;
    margin-right: 28px !important;
    padding-right: 28px !important;
}

/* Responsive: Stack columns on small screens */
@media (max-width: 768px) {
    .classtrack-megamenu {
        flex-direction: column !important;
        min-width: 92vw !important;
        padding: 18px !important;
        gap: 20px !important;
    }
    .classtrack-megamenu .megamenu_col {
        min-width: unset !important;
        border-right: none !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    .classtrack-megamenu .megamenu_col a {
        padding: 10px 14px !important;
    }
}

.kv-editable-form-inline .form-control{
    width: auto !important;
}
.controls-container .btn,
.page-head .btn{
    font-size: .9rem;
}
.modal-backdrop,
.modal {
  position: fixed;
  z-index: 9999 !important; /* something huge */
}

.st.st-vertical > .nav {
  flex: 0 0 200px; /* fixed width (sidebar style) */
  max-width: 200px;
}

.st.st-vertical > .tab-content {
  flex: 1; /* takes remaining space */
  min-width: 0; /* prevents overflow */
}
.btn{
    font-size: .9rem;
}

#students-pjax-ajax-grid .pagination li a.page-link span {
    padding: 0 !important;
}

.card .card-header,
.card .card-footer {
  background-color: #fff ;
}

.card {
  border-radius: 0.5rem;
  border: 1px solid #e5e8ef;
  box-shadow: 0 0.125rem 0 rgba(10, 10, 10, .04);
  position: relative;
  width: 100%;
}

.card .card-header .card-title {
  position: relative;
  margin-block-end: 0;
  font-size: 1.25rem;
  font-weight: 500;
  text-transform: capitalize;
}
.card .card .card-header .card-title{
    font-size: 1rem;
}
.card .card-header .card-title .subtitle {
  margin-block-end: 0;
  text-transform: initial;
}
.card .card-footer {
  background-color: transparent !important;
  border-block-start: 1px solid #f3f3f3;
  padding: 1rem 1.25rem;
  font-size: 0.813rem;
}
.list-view-card .dropdown-menu{
    min-width: auto !important;
}
.column-manager-dropdown .dropdown-menu .dropdown-item{
    padding: 0.25rem .5rem !important;
}
.custom-control-label,
.radio label{
    font-weight: 400 !important;

}
.control-label{
    display: inline-block !important;
    color: #2c3e50;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
    letter-spacing: 0.3px;
}
.accordion .card-header .btn{
    font-size: 1.1rem !important;
    margin: 0 !important;
    padding: 0 !important;
}
.fc-content-skeleton tr td.fc-event-container {
  border-width: 1px !important;
  border-style: solid !important;
  font-size: 13px !important;
  padding: 2px 4px !important;
}
.fc-view-container .fc-day-grid-event span{
    font-size: 13px !important;
}
/* Nth-child color variations (repeat or add more as required) */
.fc-content-skeleton tr td.fc-event-container:nth-child(1) .fc-day-grid-event {
  background-color: #e3f2fd !important;    /* Light Blue */
  border: 0 !important;
  color: #0d47a1 !important;
}

.fc-content-skeleton tr td.fc-event-container:nth-child(1) .fc-day-grid-event .fc-title a{
    color: #0d47a1 !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(2) .fc-day-grid-event{
  background-color: #f1f8e9 !important;    /* Light Green */
  border: 0 !important;
  color: #33691e !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(2) .fc-day-grid-event .fc-title a{
     color: #33691e !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(3) .fc-day-grid-event {
  background-color: #fff3e0 !important;    /* Light Orange */
  border: 0 !important;
  color: #e65100 !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(3) .fc-day-grid-event .fc-title a{
    color: #e65100 !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(4) .fc-day-grid-event{
  background-color: #fce4ec !important;    /* Light Pink */
  border: 0 !important;
  color: #880e4f !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(4) .fc-day-grid-event .fc-title a{
    color: #880e4f !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(5) .fc-day-grid-event{
  background-color: #ede7f6 !important;    /* Lavender */
  border: 0 !important;
  color: #4527a0 !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(5) .fc-day-grid-event .fc-title a{
    color: #4527a0 !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(6) .fc-day-grid-event{
  background-color: #e0f7fa !important;    /* Cyan Light */
  border: 0 !important;
  color: #006064 !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(6) .fc-day-grid-event .fc-title a{
    color: #006064 !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(7) .fc-day-grid-event{
  background-color: #fffde7 !important;    /* Light Yellow */
  border: 0 !important;
  color: #f57f17 !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(7) .fc-day-grid-event .fc-title a{
    color: #f57f17 !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(8) .fc-day-grid-event{
  background-color: #f9fbe7 !important;    /* Lime Light */
  border: 0 !important;
  color: #827717 !important;
}
.fc-content-skeleton tr td.fc-event-container:nth-child(8) .fc-day-grid-event .fc-title a{
    color: #827717 !important;
}
.select2-selection-counter {
    display: inline-block;
    margin-left: .5rem;
}
#dashboard-taskboard-tasks .box-body .dashboard-task .card-header{
    padding: 5px 0 !important;
    border: 0  !important;
}
#dashboard-taskboard-tasks .box-body .dashboard-task .card-body{
    padding:  0 !important;
}
#dashboard-taskboard-tasks .box-header.with-border{
    border-bottom: 0 !important;
    padding: 0px !important;
}
.dashboard-box {
  position: relative;
  padding: 1.5rem;
  border-radius: 1rem;
  color: #fff;
  background: linear-gradient(#f8fcff, #f0f8ff 60%, #e8f4f8);
  overflow: hidden;
}

.dashboard-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'><path fill='rgba(255,255,255,0.2)' d='M0,192L40,176C80,160,160,128,240,122.7C320,117,400,139,480,170.7C560,203,640,245,720,245.3C800,245,880,203,960,202.7C1040,203,1120,245,1200,245.3C1280,245,1360,203,1400,181.3L1440,160L1440,320L0,320Z'></path></svg>");
  background-size: cover;
  background-repeat: no-repeat;
}

.statistics .dashboard-box.top-dash-box{
    min-height: 80px;
}
@media screen and (max-width: 640px) {
.st.st-theme-forge>.nav {
    flex-direction: row !important;
    margin-bottom: .5rem;
    max-width: unset !important;
}
.field-cohort-days .btn-group{
    display: block;
}
}
.gray-background {
    background: #f1f1f1 !important;
}
 .stats-container {
    background-color: #fbfcff;
    border-radius: 8px;
    padding: .5rem;
    display: inline-block;
    width: max-content;
    border: 1px solid #ebe6e6;
}

.stats-flex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: .9rem;
    color: #6b7280;
    font-weight: 500;
}

.stat-item i {
    font-size: .9rem;
    width: 18px;
    text-align: center;
}
.stat-item:first-child(2) i {
    color: #fff;
}
.stat-item:nth-child(2) i {
    color: #3b82f6;
}

.stat-item:last-child i {
    color: #6b7280;
}

.stat-number {
    color: #374151;
    font-weight: 600;
}
/* === Program Card Styles === */


/* === Individual Card Styling === */

#inspection-program-pjax-ajax-grid .card.flex-fill {
    border: 1px solid #e9ecef;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    background: #fff;
    transition: all 0.3s ease;
    overflow: hidden;
    margin-bottom: 1.25rem;
}

#inspection-program-pjax-ajax-grid .card.flex-fill:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

/* Student Card Inner */
#inspection-program-pjax-ajax-grid .student-card {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Top Section: Title + Actions */
#inspection-program-pjax-ajax-grid .media {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

/* Title Badge (Code like "ABC") */
#inspection-program-pjax-ajax-grid .card-title {
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0.05em;
    color: #5a6268;
    display: inline-block;
    margin-bottom: 1rem;
}

/* Title (Ellipsis) */
#inspection-program-pjax-ajax-grid .kv-editable {
    font-size: 1.1rem;
    font-weight: 600;
    color: #212529;
    margin: 0.5rem 0;
    line-height: 1.4;
}

#inspection-program-pjax-ajax-grid .kv-editable-value {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    cursor: pointer;
    background: none;
    padding: 0;
    font: inherit;
    color: inherit;
}

/* Action Buttons Group — Tiny Icons Top Right */
#inspection-program-pjax-ajax-grid .student-action-buttons {
    display: flex;
    gap: 4px;
    margin-left: auto;
    flex-shrink: 0;
}

#inspection-program-pjax-ajax-grid .student-action-buttons .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    border: none;
    box-shadow: none;
    transition: all 0.2s ease;
}

#inspection-program-pjax-ajax-grid .student-action-buttons .btn:hover {
    transform: scale(1.1);
}

#inspection-program-pjax-ajax-grid .student-action-buttons .btn span.glyphicon {
    font-size: 12px;
}

/* Status Pill */
#inspection-program-pjax-ajax-grid .student-detail p {
    margin: 0.75rem 0 0;
    font-size: 0.875rem;
    color: #6c757d;
}

#inspection-program-pjax-ajax-grid .label.label-success {
    display: inline-block;
    padding: 0.25em 0.75em;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    color: #155724;
    background-color: #d4edda;
    border-radius: 10px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

/* View Courses Button — Full Width Gradient at Bottom */
#inspection-program-pjax-ajax-grid .student-card > .btn-danger[href*="main-course"] {
    margin-top: auto;
    margin-top: 1rem;
    width: 100%;
    padding: 0.6rem 1rem;
    font-weight: 600;
    font-size: 0.875rem;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(37, 117, 252, 0.3);
    transition: all 0.3s ease;
}

#inspection-program-pjax-ajax-grid .student-card > .btn-danger[href*="main-course"]:hover {
    background: linear-gradient(135deg, #5a0fa1 0%, #1a66e0 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(37, 117, 252, 0.4);
}
.default-customized-dashboard .grid-stack>.grid-stack-item>.grid-stack-item-content [class*="col-"]{
width: auto !important; 
     max-width: auto !important;
}
.default-customized-dashboard .grid-stack > .grid-stack-item[data-gs-height="1"]{
    height: 90px !important;
}
.card-header:first-child {
  border-radius: 0.5rem 0.5rem 0 0 !important; 
}
/* Card */
#email-form .card {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    transition: 0.3s ease;
}
#email-form .card:hover {
    box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}

/* Checkbox */
#email-form .form-check-input {
    cursor: pointer;
    border: 2px solid #3b82f6;
}
#email-form .card .form-group,
#email-form .checkbox label{
    margin-bottom: 0;
}
#email-form .form-check-input:checked {
    background-color: #3b82f6;
    border-color: #2563eb;
}
#email-form .form-check-label {
    cursor: pointer;
    font-size: .9rem;
    margin-bottom: 0;
}

/* Labels */
#email-form .form-label {
    font-size: .9rem;
    color: #374151;
    display: flex;
    align-items: center;
}
#email-form .form-label i {
    font-size: .9rem;
    margin-left: 5px;
}
.button-links {
  display: flex;
  gap: 10px; /* spacing between buttons */
}

.button-links a.button {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  background-color: #4a90e2; /* button background */
  color: #fff;
  font-size: .9rem;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background-color 0.3s, transform 0.2s;
  cursor: pointer; /* hand icon on hover */
}

.button-links a.button:hover {
  opacity: 0.95; /* darker on hover */
  transform: translateY(-1px); /* subtle lift */
}

.button-links a.button:active {
  transform: translateY(1px); /* press effect */
}

.button-links a.button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(74,144,226,0.4); /* focus ring */
}
.student-admin-panel{
    padding: 1rem;
}
/* Compact DataTable theme (scoped to .grid-view) */

:root {
  --dt-primary: #2e3192;       /* rgb(46,49,146) */
  --dt-text: #111827;
  --dt-muted: #6b7280;
  --dt-head-bg: #f8fafc;
  --dt-body-bg: #ffffff;
  --dt-hover: #f3f4f6;
  --dt-border: #e5e7eb;
  --dt-danger: #ef4444;
  --dt-success: #10b981;
  --dt-radius: 6px;
  --dt-pad-y: 6px;
  --dt-pad-x: 8px;
  --dt-font: 12.5px;
}

/* Container scroll + card feel */
.grid-view .table-responsive{ 
  background: var(--dt-body-bg);
  border: 1px solid var(--dt-border);
  border-radius: var(--dt-radius);
  overflow-x: auto !important;
  overflow-y: clip !important;
}

/* Base table */
.grid-view table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--dt-body-bg);
  font-size: var(--dt-font);
  color: var(--dt-text);
}


.grid-view thead th a{
  color: inherit;
  text-decoration: none;
}
.grid-view thead th a:hover{
  color: var(--dt-primary);
}

/* Filter row */
.grid-view thead tr[id$="-filters"] th{
  background: #fafafa;
  padding: 4px var(--dt-pad-x);
  border-bottom: 1px solid var(--dt-border);
}
.grid-view thead tr[id$="-filters"] .form-control{
  height: 30px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.2;
  border-radius: 4px;
}

/* Body cells: dense + truncate */
.grid-view tbody td{
  padding: var(--dt-pad-y) var(--dt-pad-x);
  line-height: 1.25;
  vertical-align: middle;
  border-bottom: 1px solid var(--dt-border);
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Zebra + hover */
.grid-view tbody tr:nth-child(odd){ background: #fbfbfd; }
.grid-view tbody tr:hover{ background: var(--dt-hover); }

/* First/last padding alignment */
.grid-view thead th:first-child,
.grid-view tbody td:first-child{ padding-left: 10px; }
.grid-view thead th:last-child,
.grid-view tbody td:last-child{ padding-right: 10px; }

/* Summary */
.grid-view .summary{
  margin: 0 0 6px 0;
  font-size: 12px;
  color: var(--dt-muted);
}

/* Pagination: compact pills */
.grid-view .pagination{
  margin: .75rem 0;
  gap: 4px;
}

/* Action buttons (bars dropdown etc.) */
.grid-view .btn.btn-sm{
  height: 28px;
  min-width: 28px;
  padding: 0 6px !important;
  line-height: 26px;
  border-radius: 6px;
  box-shadow: none;
  display: inline-block;
}
.grid-view .btn.btn-secondary{
  background: #f3f4f6;
  border-color: var(--dt-border);
  color: var(--dt-text);
}
.grid-view .btn.btn-secondary:hover{ background: #eaecef; }

/* Horizontal scroll controls (if used) */
.grid-view .scroll-table .btn{
  height: 28px;
  min-width: 28px;
  padding: 0 6px;
  background: var(--dt-head-bg);
  border-color: var(--dt-border);
  color: var(--dt-text);
  box-shadow: none;
}

/* Inline editable (kartik-v) display value */
.grid-view .kv-editable-value.kv-editable-link{
  color: var(--dt-primary);
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px dotted rgba(46,49,146,.35);
}
.grid-view .kv-editable-value.kv-editable-link:hover{
  color: #1f236f;
  border-bottom-color: rgba(46,49,146,.6);
}
/* Inline editable input */
.grid-view .kv-editable-input.form-control{
  height: 30px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.2;
}

/* Label badges (Yes/No, Active etc.) */
.grid-view .label{
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
}

/* Bootstrap Switch mini (smaller) */
.grid-view .bootstrap-switch.bootstrap-switch-mini{
  transform: scale(.9);
  transform-origin: left center;
  margin: 0;
}

/* Truncation helpers for editable wrappers */
.grid-view td > .kv-editable{
  display: block;
  max-width: 100%;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

/* Controls container above tables */
.grid-view .controls-container{ margin-bottom: 6px !important; }

/* Right-aligned pager wrapper */
.grid-view .right-pager{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}

/* Bordered tables (lightweight) */
.grid-view .table-bordered{  margin-bottom: 0; }
.grid-view .table-bordered td,
.grid-view .table-bordered th{ border: 1px solid var(--dt-border); }

/* Icon sizing in headers/action cells */
.grid-view th .fa,
.grid-view td .fa{
  font-size: 12px;
  vertical-align: middle;
}

/* Compact dropdown menu in action column */
.grid-view .dropdown-menu{
  min-width: 180px;
  padding: 4px 0;
  border-radius: 8px;
  border: 1px solid var(--dt-border);
  box-shadow: none;
}
.grid-view .dropdown-item{
  padding: 6px 10px;
  font-size: 12.5px;
  line-height: 1.2;
}

/* Fix long header titles (prevent wrap explosive growth) */
.grid-view thead th{
  overflow: hidden;
}
.btn{
    border-radius: .5rem;
}
.btn:not(.dropdown-item):not([data-bs-toggle="dropdown"]):not(.nav-link):not(.btn-group .btn){
    
    font-weight: 500;
    transition: all 0.3s ease;
    align-items: center;
    gap: 0.35rem;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
/* Main Container */
#module-boxes {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    
}

/* Search Bar */
#module-boxes .md-form {
    margin-bottom: 1.5rem;
}

#module-boxes #search-bar {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background-color: #ffffff;
}

#module-boxes #search-bar:focus {
    outline: none;
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

/* Sidebar Container */
#module-boxes .documents-list {
    position: sticky;
    top: 2rem;
    max-height: calc(100vh - 4rem);
    padding: 1.5rem;
    background-color: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
}

/* Sidebar Scrollbar */
#sidebar-bootstrap {
    max-height: calc(100vh - 12rem);
    overflow-y: auto;
    padding-right: 0.5rem;
}

#sidebar-bootstrap::-webkit-scrollbar {
    width: 6px;
}

#sidebar-bootstrap::-webkit-scrollbar-track {
    background: #f9fafb;
    border-radius: 10px;
}

#sidebar-bootstrap::-webkit-scrollbar-thumb {
    background: #6b7280;
    border-radius: 10px;
    transition: background 0.3s ease;
}

#sidebar-bootstrap::-webkit-scrollbar-thumb:hover {
    background: #1f2937;
}

/* Navigation Links */
#module-boxes .documents-list .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    margin-bottom: 0.25rem;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

#module-boxes .documents-list .nav-link:hover {
    background-color: #f3f4f6;
    border-color: #e5e7eb;
    transform: translateX(4px);
}

#module-boxes .documents-list .nav-link.active {
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
    border-color: #4338ca;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

#module-boxes .documents-list .nav-link.active .document-link {
    color: #ffffff;
    font-weight: 600;
}

#module-boxes .documents-list .nav-link .document-link {
    font-weight: 500;
    font-size: 0.925rem;
    color: #1f2937;
    text-decoration: none;
    transition: color 0.2s ease;
    flex: 1;
}

/* Badge Styling */
#module-boxes .documents-list .nav-link .badge {
    padding: 0.35rem 0.5rem;
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    color: #ffffff;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    transition: all 0.2s ease;
}

#module-boxes .documents-list .nav-link:hover .badge {
    transform: scale(1.1);
}

#module-boxes .documents-list .nav-link.active .badge {
    background: rgba(255, 255, 255, 0.25);
}

#module-boxes .documents-list .nav-link .badge i {
    color: #ffffff;
}

/* Content Cards */
#module-boxes .documents-content {
    animation: fadeIn 0.3s ease-in;
    position: relative;
}

#module-boxes .documents-content.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#module-boxes .documents-content .card {
    border: none;
    border-radius: 0.75rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background-color: #ffffff;
    margin-bottom: 1rem;
}

#module-boxes .documents-content .card-header {
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
    border-bottom: none;
}

#module-boxes .documents-content .card-header h4 {
    color: #ffffff;
    font-weight: 500;
    font-size: 1.35rem;
    margin: 0;
}

#module-boxes .documents-content .card-body {
    padding: 1.5rem;
}

#module-boxes .documents-content .card-title {
    color: #4f46e5;
    font-weight: 700;
    font-size: 1.125rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e5e7eb;
}

#module-boxes .documents-content .card-title:first-child {
    margin-top: 0;
}

/* Lists */
#module-boxes .documents-content ul {
    list-style: none;
    padding-left: 0;
}

#module-boxes .documents-content ul li {
    padding: 0.625rem 0;
    padding-left: 1.75rem;
    position: relative;
    color: #1f2937;
    line-height: 1.6;
    transition: all 0.2s ease;
}

#module-boxes .documents-content ul li:before {
    content: "→";
    position: absolute;
    left: 0;
    color: #4f46e5;
    font-weight: bold;
    font-size: 1.125rem;
}

#module-boxes .documents-content ul li:hover {
    padding-left: 2rem;
    color: #4f46e5;
}

/* Links */
#module-boxes .documents-content ul li a {
    color: #1f2937;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

#module-boxes .documents-content ul li a:hover {
    color: #4f46e5;
}

#module-boxes .documents-content ul li a .fa {
    margin-left: 0.5rem;
    color: #06b6d4;
    transition: transform 0.2s ease;
}

#module-boxes .documents-content ul li a:hover .fa {
    transform: translateX(4px);
}

/* More Button */
#module-boxes .more-btn {
    display: inline-block;
    color: #4f46e5;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
}

#module-boxes .more-btn:hover {
    background-color: #f3f4f6;
    transform: translateX(4px);
}


/* Responsive Design */
@media (max-width: 1199px) {
    #module-boxes .documents-list {
        position: relative;
        top: 0;
        max-height: none;
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    #module-boxes {
        padding: 1rem 0;
    }
    
    #module-boxes .documents-list {
        padding: 1rem;
    }
    
    
    #module-boxes .documents-content .card-header h4 {
        font-size: 1.25rem;
    }
}

#rubric-system tbody td {
    white-space: normal !important;
}
.view-switcher .btn-group > .btn.active{
    z-index: auto;
}
.assesment-test-header .label{
    white-space: normal;
}
/* Modern Defaulter Payment List Styling */


.defaulter-payment-list .card {
    background: white;
    border: 1px solid #0d6efd;
    border-radius: 8px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

.defaulter-payment-list .card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #0d6efd;
}

.defaulter-payment-list .p-2 {
    padding: 12px !important;
}

.defaulter-payment-list h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    line-height: 1.4;
    word-wrap: break-word;
}

.defaulter-payment-list h5 span {
    font-size: 0.85rem;
    color: #6c757d;
    font-weight: normal;
}

.defaulter-payment-list .mb-0 {
    margin-bottom: 0 !important;
    line-height: 1.5;
}

.defaulter-payment-list p:first-child {
    font-weight: bold;
    font-size: 1rem;
    color: #0d6efd;
    margin-bottom: 4px !important;
}

.defaulter-payment-list p:last-child {
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 0 !important;
    font-style: italic;
}

/* View Button Styling */
.defaulter-payment-list .showIframe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0d6efd;
    color: white;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    min-width: 25px;
    height: 25px;
}

.defaulter-payment-list .showIframe:hover {
    background: #0b5ed7;
    transform: scale(1.05);
    box-shadow: 0 0 8px rgba(13, 110, 253, 0.3);
}

.defaulter-payment-list .showIframe i {
    font-size: 1rem;
    margin: 0;
}

/* Pagination Styling */
.defaulter-payment-list .pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 0;
    list-style: none;
}

.defaulter-payment-list .pagination li {
    margin: 0 4px;
}

.defaulter-payment-list .pagination li a,
.defaulter-payment-list .pagination li span {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    text-decoration: none;
    color: #495057;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.defaulter-payment-list .pagination li a:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
    color: #212529;
}

.defaulter-payment-list .pagination li.active a {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: white;
    font-weight: 600;
}

.defaulter-payment-list .pagination li.disabled span {
    color: #adb5bd;
    pointer-events: none;
    background-color: #f8f9fa;
    border-color: #dee2e6;
}

.defaulter-payment-list .pagination li.prev a,
.defaulter-payment-list .pagination li.next a {
    font-weight: bold;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .defaulter-payment-list .col-md-7,
    .defaulter-payment-list .col-md-5 {
        width: 100%;
        text-align: left;
    }
    
    .defaulter-payment-list .col-md-5 {
        margin-top: 10px;
        text-align: right;
    }
    
    .defaulter-payment-list h5 {
        font-size: 0.95rem;
    }
    
    .defaulter-payment-list p:first-child {
        font-size: 1rem;
    }
}

/* Visa type styling */
.defaulter-payment-list h5 span {
    background: #f1f3f5;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.75rem;
    margin-left: 8px;
}

/* Different visa types with colors */
.defaulter-payment-list h5 span[data-visa="00"] {
    background: #e3f2fd;
    color: #1976d2;
}

.defaulter-payment-list h5 span[data-visa="02"] {
    background: #fff3e0;
    color: #fb8c00;
}

.defaulter-payment-list h5 span[data-visa="03"] {
    background: #fce4ec;
    color: #e91e63;
}

/* Add data-visa attributes to spans in HTML for coloring */
/* You'll need to modify your HTML to include these data attributes:
   <span data-visa="00">...</span>
   <span data-visa="02">...</span>
   <span data-visa="03">...</span>
*/

/* Enhanced card header styling */
.defaulter-payment-list .card-header {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 12px 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* Improved spacing for mobile */
@media (max-width: 576px) {
    .defaulter-payment-list .p-2 {
        padding: 8px !important;
    }
    
    .defaulter-payment-list h5 {
        font-size: 0.9rem;
    }
    
    .defaulter-payment-list p:first-child {
        font-size: 0.95rem;
    }
    
    .defaulter-payment-list .showIframe {
        padding: 4px 8px;
        height: 32px;
        width: 32px;
    }
}

/* Animation for cards on load */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.defaulter-payment-list .card {
    animation: fadeInUp 0.5s ease-out;
}

/* Add delay for staggered animation */
.defaulter-payment-list .card:nth-child(1) {
    animation-delay: 0.1s;
}
.defaulter-payment-list .card:nth-child(2) {
    animation-delay: 0.2s;
}
.defaulter-payment-list .card:nth-child(3) {
    animation-delay: 0.3s;
}
.defaulter-payment-list .card:nth-child(4) {
    animation-delay: 0.4s;
}
.defaulter-payment-list .card:nth-child(5) {
    animation-delay: 0.5s;
}
.defaulter-payment-list .card:nth-child(6) {
    animation-delay: 0.6s;
}
.defaulter-payment-list .card:nth-child(7) {
    animation-delay: 0.7s;
}
.defaulter-payment-list .card:nth-child(8) {
    animation-delay: 0.8s;
}
.defaulter-payment-list .card:nth-child(9) {
    animation-delay: 0.9s;
}
.defaulter-payment-list .card:nth-child(10) {
    animation-delay: 1.0s;
}

/* Hover effect for better user experience */
.defaulter-payment-list .card:hover {
    border-left: 3px solid #0d6efd;
}

/* Payment plan type styling */
.defaulter-payment-list p:last-child {
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 4px;
    margin-top: 4px;
    font-size: 0.8rem;
}

/* Amount highlighting */
.defaulter-payment-list p:first-child {
    background: linear-gradient(135deg, #0d6efd 0%, #0d6efd 50%, #0b5ed7 50%, #0b5ed7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 700;
}

/* Alternative simpler amount styling if gradient doesn't work well */

/* Improve accessibility */
.defaulter-payment-list .showIframe:focus {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}

/* Card shadow on focus */
.defaulter-payment-list .card:focus-within {
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);
    border-color: #0d6efd;
}

/* Better typography */
.defaulter-payment-list h5 {
    letter-spacing: -0.01em;
}

.defaulter-payment-list p {
    letter-spacing: 0.01em;
}
@media screen and (max-width: 480px) {
.kv-table-wrap tr > td:first-child {
    font-size: inherit !important;
}
}
.date-text,
.time-text 
{
    white-space: nowrap;
    display: block;
}
  .expandable-table-container {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: end;
}

/* Initially only first row visible */
.expandable-table-container table tbody tr:not(:first-child) {
    display: none;
}

.expandable-table-container.expanded tbody tr {
    display: table-row !important;
}

.expandable-table-container .toggle-btn {
    flex: none;
    margin: 0 !important;
    font-size: 0.85rem !important;
    padding: 0 !important;
    text-decoration: underline;
    line-height: normal !important;
    color :#157ab5 ;
    font-weight: 600 !important;
}
.expandable-table-container tbody tr td .form-group{
    margin-bottom: 0;
}
/* Compact detail-view table inside expandable container */
.expandable-table-container .detail-view-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem; /* smaller text */
  background: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* Table header cells */
.expandable-table-container .detail-view-table th {
  width: 25%;
  font-weight: 600;
  color: #374151;
  background: #f9fafb;
  padding: 0.45rem 0.75rem;
  border: 1px solid #e5e7eb;
  vertical-align: middle;
  white-space: nowrap;
}

/* Table data cells */
.expandable-table-container .detail-view-table td {
  padding: 0.45rem 0.75rem;
  border: 1px solid #e5e7eb;
  vertical-align: middle;
}

/* Remove default form padding inside table cells */
.expandable-table-container .detail-view-table form,
.expandable-table-container .detail-view-table .form-group {
  margin: 0;
}

/* Compact bootstrap-switch wrappers */
.expandable-table-container .detail-view-table .bootstrap-switch {
  transform: scale(0.85);
  margin-top: 2px;
}

/* Editable form card */
.expandable-table-container .kv-editable .card {
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  padding: 0.5rem;
  box-shadow: none;
}

/* Reduce spacing between rows */
.expandable-table-container .detail-view-table tr {
  line-height: 1.1;
}

/* Responsive adjustment */
@media (max-width: 768px) {
  .expandable-table-container .detail-view-table th,
  .expandable-table-container .detail-view-table td {
    font-size: 0.78rem;
    padding: 0.4rem 0.5rem;
  }
}
.student-profile .badge{
    white-space: normal;
}
.list-view-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

        .list-view-card:hover {
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
            transform: translateY(-2px);
        }

        .list-view-card .card-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .list-view-card .card-title {
            font-size: 16px !important;
            font-weight: 600;
            letter-spacing: -0.5px;
        }

        .list-view-card .card-title a{
            color: #fff;
        }
        .list-view-card .list-view-table {
            width: 100%;
            border-collapse: collapse;
        }

        .list-view-card .list-view-table tr {
            border-bottom: 1px solid rgba(0, 0, 0, 0.06);
            transition: background-color 0.2s ease;
        }

        .list-view-card .list-view-table tr:last-child {
            border-bottom: none;
        }

        .list-view-card .list-view-table tr:hover {
            background-color: rgba(102, 126, 234, 0.04);
        }

        .list-view-card .list-view-table th {
            text-align: left;
            letter-spacing: 0.3px;
        }

        .list-view-card .form-control {
            border: 2px solid #e0e0e0 !important;
            border-radius: 8px !important;
            padding: 10px 12px !important;
            font-size: 14px !important;
            transition: all 0.3s ease !important;
        }

        .list-view-card .form-control:focus {
            border-color: #667eea !important;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
            outline: none !important;
        }

      

        .list-view-card .card-footer {
            background: rgba(0, 0, 0, 0.02);
            padding: 20px 30px;
            border-top: 1px solid rgba(0, 0, 0, 0.06);
        }

        .list-view-card .btn-actions {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
            border: none !important;
            border-radius: 8px !important;
            font-weight: 600 !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
        }

        .list-view-card .btn-actions:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 6px 25px rgba(102, 126, 234, 0.4) !important;
        }

        .list-view-card .dropdown-menu {
            border-radius: 10px !important;
            border: 1px solid rgba(0, 0, 0, 0.08) !important;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
            margin-top: 10px !important;
            overflow: hidden !important;
        }

        .list-view-card .dropdown-item {
            transition: all 0.2s ease !important;
            font-weight: 500 !important;
        }

        .list-view-card .dropdown-item:hover {
            background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%) !important;
            color: #667eea !important;
        }

        .list-view-card .dropdown-item i {
            margin-right: 10px;
            width: 16px;
        }

        .list-view-card select {
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 10px center;
            padding-right: 35px !important;
        }

        .list-view-card .form-group {
            margin-bottom: 0 !important;
        }

        .list-view-card .btn-sm {
            border-radius: 6px !important;
            padding: 6px 12px !important;
            font-size: 12px !important;
        }

        .list-view-card .btn-outline-secondary {
            border: 1px solid #d0d0d0 !important;
            color: #666 !important;
        }

        .list-view-card .btn-outline-secondary:hover {
            background-color: #f5f5f5 !important;
            border-color: #999 !important;
        }

        .list-view-card .btn-primary {
            background: #667eea !important;
            border: none !important;
            color: white !important;
        }

        .list-view-card .kv-editable-form {
            padding: 0 !important;
        }

        @media (max-width: 768px) {
           

            .list-view-table th {
                font-size: 12px;
            }

            .list-view-table td {
                font-size: 13px;
            }
        }
/* Modern Analytics Dashboard CSS */
.analytics-dashboard {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.analytics-dashboard .card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.analytics-dashboard .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.analytics-dashboard .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #e9ecef;
  padding: 16px 20px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.analytics-dashboard .card-header h3,
.analytics-dashboard .card-header h5 {
  color: #2c3e50;
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.5px;
}

/* Overview Cards */
.analytics-dashboard .overview-cards .col-md-3 {
  padding: 8px;
}

.analytics-dashboard .card.bg-primary {
  background: linear-gradient(135deg, #0d6efd, #0b5ed7) !important;
}

.analytics-dashboard .card.bg-success {
  background: linear-gradient(135deg, #198754, #157347) !important;
}

.analytics-dashboard .card.bg-warning {
  background: linear-gradient(135deg, #ffc107, #ffca2c) !important;
}

.analytics-dashboard .card.bg-info {
  background: linear-gradient(135deg, #0dcaf0, #0aaaff) !important;
}

.analytics-dashboard .card.bg-primary,
.analytics-dashboard .card.bg-success,
.analytics-dashboard .card.bg-warning,
.analytics-dashboard .card.bg-info {
  border-radius: 12px;
  padding: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.analytics-dashboard .card.bg-primary:hover,
.analytics-dashboard .card.bg-success:hover,
.analytics-dashboard .card.bg-warning:hover,
.analytics-dashboard .card.bg-info:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.analytics-dashboard .card.bg-primary h4,
.analytics-dashboard .card.bg-success h4,
.analytics-dashboard .card.bg-warning h4,
.analytics-dashboard .card.bg-info h4 {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 8px 0;
  line-height: 1.2;
}

.analytics-dashboard .card.bg-primary p,
.analytics-dashboard .card.bg-success p,
.analytics-dashboard .card.bg-warning p,
.analytics-dashboard .card.bg-info p {
  font-size: 0.9rem;
  opacity: 0.9;
  margin: 0;
  font-weight: 500;
}

/* Chart Containers */
.analytics-dashboard .chart-container {
  height: 300px;
  position: relative;
}

.analytics-dashboard .card .card-body canvas {
  max-width: 100%;
  height: auto !important;
}

/* Table Styling */
.analytics-dashboard .table {
  border-collapse: separate;
  border-spacing: 0 8px;
  font-size: 0.9rem;
}

.analytics-dashboard .table thead th {
  background-color: #f8f9fa;
  border: none;
  font-weight: 600;
  color: #495057;
  padding: 12px 16px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 2px solid #dee2e6;
}

.analytics-dashboard .table tbody tr {
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s ease;
}

.analytics-dashboard .table tbody tr:hover {
  background-color: #f8f9fa;
  transform: translateX(2px);
}

.analytics-dashboard .table td,
.analytics-dashboard .table th {
  vertical-align: middle;
  padding: 12px 16px;
  border: none;
}

.analytics-dashboard .table-sm td,
.analytics-dashboard .table-sm th {
  padding: 8px 12px;
}

/* Permission Stats */
.analytics-dashboard .permission-stats {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 16px;
  padding: 20px 0;
}

.analytics-dashboard .permission-stat {
  text-align: center;
  padding: 16px;
  border-radius: 12px;
  background-color: #f8f9fa;
  min-width: 120px;
  transition: all 0.2s ease;
}

.analytics-dashboard .permission-stat:hover {
  background-color: #e9ecef;
  transform: translateY(-2px);
}

.analytics-dashboard .permission-stat h4 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 8px 0;
  color: #2c3e50;
}

.analytics-dashboard .permission-stat p {
  font-size: 0.85rem;
  color: #6c757d;
  margin: 0;
  font-weight: 500;
}

/* Responsive Design */
@media (max-width: 768px) {
  .analytics-dashboard {
    padding: 15px;
  }
  
  .analytics-dashboard .card-header h3 {
    font-size: 1.5rem;
  }
  
  .analytics-dashboard .card-header h5 {
    font-size: 1.2rem;
  }
  
  .analytics-dashboard .card.bg-primary h4,
  .analytics-dashboard .card.bg-success h4,
  .analytics-dashboard .card.bg-warning h4,
  .analytics-dashboard .card.bg-info h4 {
    font-size: 1.5rem;
  }
  

  
  .analytics-dashboard .permission-stat {
    min-width: 100px;
    padding: 12px;
  }
}

/* Empty state styling for Program Analytics */
.analytics-dashboard .table tbody:empty::before {
  content: "No data available";
  display: block;
  text-align: center;
  padding: 20px;
  color: #6c757d;
  font-style: italic;
}
.table-responsive {
    /*position: relative;*/
    z-index: 1;  /* base layer */
}