@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i,400,600,700,800');
@import url(../icons/font-awesome.min.css);
@import url(../icons/simple-line-icons.css);
@import url(../icons/weather-icons.min.css);
@import url(../icons/linea.css);
@import url(../icons/themify-icons.css);
@import url(../icons/flag-icon.min.css);
@import url(../icons/materialdesignicons.min.css);
@import url(spinners.css);
@import url(animate.css);

.preloader {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    background: #fff;
}
.web-btn {
    color: #fff;
    padding-right: 10px;
    padding-top: 0px;
    display: block;
    width: 220px;
    height: 36px;
    background-color: #f85800;
    border-radius: 5px;
    text-align: center;
    line-height: 36px;
    font-size: 17px;
    -webkit-transition: 0.4s ease;
    position: relative;
    margin: 0px auto;
    margin-top: 3px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    margin-right: 50px;
}
.tablefooter tr:last-child {
    background-color: #898989 !important;
    position: sticky !important;
    bottom: 0 !important;
    border: none !important;
}
.toast-message {
    font-size: 18px !important;
}

.toast-bottom-center {
    bottom: 50%;
    right: 0;
    width: 100%;
}
#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
}
.attention {
    width: 720px;
    margin: 0px auto;
    text-align: center;
    text-align: left;
}
    .attention ul li {
        font-size: 13px;
        line-height: 23px;
        white-space: nowrap;
    }
.heading-section {
    display: flex;
    justify-content: center;
}
.heading-section i.fa.fa-users {
    margin-right: 10px;
}
@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

.blink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

.toast-title {
    font-weight: 700;
    font-size: 22px;
    display: contents;
}


.preloader .cssload-speeding-wheel {
    position: absolute;
    top: calc(46.5%);
    left: calc(46.5%);
}

* {
    outline: none;
}

body {
    background: #fff;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    overflow-x: hidden;
    color: #67757c;
}

html {
    position: relative;
    min-height: 100%;
    background: #ffffff;
}

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

a.link {
    color: #455a64;
}

    a.link:focus,
    a.link:hover {
        color: #1976d2;
    }

.img-responsive,
.carousel.vertical .carousel-inner > .item > img,
.carousel.vertical .carousel-inner > .item > a > img {
    width: 100%;
    display: inline-block;
}

.img-rounded {
    border-radius: 4px;
}

.mdi-set,
.mdi:before {
    line-height: initial;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #455a64;
    font-weight: 400;
}

h1 {
    line-height: 40px;
    font-size: 36px;
}

h2 {
    line-height: 36px;
    font-size: 24px;
}

h3 {
    line-height: 30px;
    font-size: 21px;
}

h4 {
    line-height: 22px;
    font-size: 18px;
}

h5 {
    line-height: 18px;
    font-size: 16px;
    font-weight: 400;
}

h6 {
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
}

.display-5 {
    font-size: 3rem;
}

.display-6 {
    font-size: 36px;
}

.box {
    border-radius: 4px;
    padding: 10px;
}

.preloader {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    background-image: url('../Images/loading.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-color: rgb(0 0 0 / 78%) !important;
}

    .preloader .cssload-speeding-wheel {
        position: absolute;
        top: calc(46.5%);
        left: calc(46.5%);
    }
.logo-wth{
    width:200px;
}

#main-wrapper {
    width: 100%;
}

.bg-white .card {
    box-shadow: none;
}

.box-shadow {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
}

.dropzone {
    border: 1px dashed #b1b8bb;
}

.boxed #main-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
}

    .boxed #main-wrapper .sidebar-footer {
        position: absolute;
    }

    .boxed #main-wrapper .footer {
        display: none;
    }

.page-wrapper {
    background: #F0F5FF;
    padding-bottom: 60px;
}

.container-fluid {
    padding: 0 30px 25px;
}

.ti-menu:before {
    content: "\e68e";
    font-size: 22px;
}

a.nav-link.sidebartoggler.hidden-sm-down.text-muted i:hover {
    color: #f88534;
    transition: all 1s;
}

ul#ContentPlaceHolder1_autoCompleteSearch_completionListElem li.FormAutoCompleteTextBox {
    background-color: transparent !important;
}

    ul#ContentPlaceHolder1_autoCompleteSearch_completionListElem li.FormAutoCompleteTextBox:hover {
        background-color: #4891ff61 !important;
    }

@media (min-width: 1024px) {
    .page-wrapper {
        margin-left: 240px;
    }

    .footer {
        left: 240px;
    }
}

.thumb-sm {
    height: 32px;
    width: 32px;
}

.thumb-md {
    height: 48px;
    width: 48px;
}

.thumb-lg {
    height: 88px;
    width: 88px;
}

.hide {
    display: none;
}

.img-circle {
    border-radius: 100%;
}

.radius {
    border-radius: 4px;
}

.text-white {
    color: #ffffff !important;
}

.text-danger {
    color: #ef5350 !important;
}

.text-muted {
    color: #fff !important;
}

.text-warning {
    color: #ffb22b !important;
}

.text-success {
    color: #26dad2 !important;
}

.text-info {
    color: #1976d2 !important;
}

.text-inverse {
    color: #2f3d4a !important;
}

.text-blue {
    color: #02bec9;
}

.text-purple {
    color: #7460ee;
}

.text-primary {
    color: #5c4ac7;
}

.text-megna {
    color: #00897b;
}

.text-dark {
    color: #67757c;
}

.text-themecolor {
    color: #1976d2;
}

.bg-primary {
    background-color: #5c4ac7 !important;
}

.bg-success {
    background-color: #26dad2 !important;
}

.bg-info {
    background-color: #1976d2 !important;
}

.bg-warning {
    background-color: #ffb22b !important;
}

.bg-danger {
    background-color: #ef5350 !important;
}

.bg-megna {
    background-color: #00897b;
}

.bg-theme {
    background-color: #1976d2;
}

.bg-inverse {
    background-color: #2f3d4a;
}

.bg-purple {
    background-color: #7460ee;
}

.bg-light-part {
    background-color: rgba(0, 0, 0, 0.02);
}

.bg-light-primary {
    background-color: #f1effd;
}

.bg-light-success {
    background-color: #e8fdeb;
}

.bg-light-info {
    background-color: #cfecfe;
}

.bg-light-extra {
    background-color: #ebf3f5;
}

.bg-light-warning {
    background-color: #fff8ec;
}

.bg-light-danger {
    background-color: #f9e7eb;
}

.bg-light-inverse {
    background-color: #f6f6f6;
}

.bg-light {
    background-color: #f2f4f8;
}

.bg-white {
    background-color: #ffffff;
}


.col-xlg-1,
.col-xlg-10,
.col-xlg-11,
.col-xlg-12,
.col-xlg-2,
.col-xlg-3,
.col-xlg-4,
.col-xlg-5,
.col-xlg-6,
.col-xlg-7,
.col-xlg-8,
.col-xlg-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.input-group-addon [type=checkbox]:checked,
.input-group-addon [type=checkbox]:not(:checked),
.input-group-addon [type=radio]:checked,
.input-group-addon [type=radio]:not(:checked) {
    position: initial;
    opacity: 1;
}

.invisible {
    visibility: hidden !important;
}

.hidden-xs-up {
    display: none !important;
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: block !important;
    }
}



@media (max-width: 991px) {
    .hidden-md-down {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important;
    }
}

.hidden-xl-down {
    display: none !important;
}

@media (min-width: 1650px) {
    .widget-app-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .campaign {
        height: 365px !important;
    }
}

@media (max-width: 1370px) {
    .widget-app-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

a,
button {
    outline: none !important;
    text-decoration: none !important;
    color: #6b6b6b;
    transition: all 0.2s ease 0s;
}

    a.active,
    button.active,
    a:focus,
    button:focus,
    a:hover,
    button:hover {
        color: #252525;
        outline: none !important;
        text-decoration: none !important;
        cursor: pointer;
    }

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

p {
    font-family: 'Poppins', sans-serif;
    color: #99abb4;
}

.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6.h1 {
    color: #455a64;
}

.dib {
    display: inline-block;
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

#main-content {
    padding: 0 15px;
}

.alert h4 {
    color: #455a64;
}

.border-none {
    border: 1px solid transparent;
}

.footer > p {
    background: #ffffff;
    margin: 15px -30px 0;
    padding: 15px 45px;
    text-align: left;
}

    .footer > p a {
        color: #4680ff;
    }

.bar-hidden {
    overflow-X: hidden;
}

.color-white {
    color: #ffffff;
}

.btn-btn {
    padding: 15px 25px;
    border: 0;
}

    .btn-btn:hover {
        color: #ffffff;
    }

.letter-space {
    letter-spacing: 1px;
}

.solid-btn {
    padding: 15px 42px;
}

.notify {
    position: relative;
    right: -10px;
    top: -13px;
}

    .notify .heartbit {
        animation: 1s ease-out 0s normal none infinite running heartbit;
        border: 5px solid #4680ff;
        border-radius: 70px;
        height: 25px;
        position: absolute;
        right: -4px;
        top: -20px;
        width: 25px;
        z-index: 10;
    }

    .notify .point {
        background-color: #4680ff;
        border-radius: 30px;
        height: 6px;
        position: absolute;
        right: 6px;
        top: -10px;
        width: 6px;
    }

@media (min-width: 1500px) {
    .container {
        width: 1400px;
    }
}

.header {
    position: relative;
    z-index: 50;
    background: #2A4564;
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
    width: 100% !important;
}

    .header .top-navbar {
        min-height: 50px;
        padding: 0 15px 0 0;
    }

        .header .top-navbar .dropdown-toggle:after {
            display: none;
        }

        .header .top-navbar .navbar-header {
            line-height: 46px;
            text-align: center;
            background: #fff;
            height: 40px;
            padding-top: 0px;
            margin-left: 0px;
            border-radius: 0px 5px 5px 0px;
        }

.commen-space h5 {
    background-color: #2a4564;
    padding: 14px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 5px 5px 0px 0px;
}

.header .top-navbar .navbar-header .navbar-brand {
    margin-right: 0;
    padding-bottom: 0;
    padding-top: 0;
}

    .header .top-navbar .navbar-header .navbar-brand .light-logo {
        display: none;
    }

    .header .top-navbar .navbar-header .navbar-brand b {
        line-height: 40px;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
    }

.header .top-navbar .navbar-nav > .nav-item > .nav-link {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 15px;
    line-height: 40px;
    padding-top: 2px;
    padding-bottom: 0px;
}

.header .top-navbar .navbar-nav > .nav-item.show {
    background: rgba(0, 0, 0, 0.05);
}

.header .top-navbar .mailbox {
    width: 300px;
}

    .header .top-navbar .mailbox ul {
        padding: 0;
    }

        .header .top-navbar .mailbox ul li {
            list-style: none;
        }

.header .profile-pic {
    width: 30px;
    border-radius: 100%;
}

.header .dropdown-menu {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    border-color: rgba(120, 130, 140, 0.13);
}

    .header .dropdown-menu .dropdown-item {
        padding: 7px 1.5rem;
    }

.header ul.dropdown-user {
    padding: 0;
    min-width: 255px;
}

    .header ul.dropdown-user li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .header ul.dropdown-user li .dw-user-box {
            padding: 10px 15px;
        }

            .header ul.dropdown-user li .dw-user-box .u-img {
                width: 70px;
                display: inline-block;
                vertical-align: top;
            }

                .header ul.dropdown-user li .dw-user-box .u-img img {
                    width: 100%;
                    border-radius: 5px;
                }

            .header ul.dropdown-user li .dw-user-box .u-text {
                display: inline-block;
                padding-left: 10px;
            }

                .header ul.dropdown-user li .dw-user-box .u-text h4 {
                    margin: 0;
                    font-size: 15px;
                }

                .header ul.dropdown-user li .dw-user-box .u-text p {
                    margin-bottom: 2px;
                    font-size: 12px;
                }

                .header ul.dropdown-user li .dw-user-box .u-text .btn {
                    color: #ffffff;
                    padding: 5px 10px;
                    display: inline-block;
                }

                    .header ul.dropdown-user li .dw-user-box .u-text .btn:hover {
                        background: #e6294b;
                    }

        .header ul.dropdown-user li a {
            padding: 8px 8px;
            display: block;
            color: #67757c;
            border-bottom: 1px solid #efefef !important;
        }

            .header ul.dropdown-user li a:last-child {
                border-bottom: none;
            }

            .header ul.dropdown-user li a:hover {
                background: #f2f4f8;
                color: #1976d2;
                text-decoration: none;
            }

        .header ul.dropdown-user li.divider {
            height: 1px;
            margin: 9px 0;
            overflow: hidden;
            background-color: rgba(120, 130, 140, 0.13);
        }

.search-box .app-search {
    position: absolute;
    margin: 0;
    display: block;
    z-index: 110;
    width: 100%;
    top: -1px;
    -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
}

    .search-box .app-search input {
        width: 100.5%;
        padding: 20px 40px 20px 20px;
        border-radius: 0;
        font-size: 17px;
        height: 70px;
        -webkit-transition: 0.5s ease-in;
        -o-transition: 0.5s ease-in;
        transition: 0.5s ease-in;
    }

        .search-box .app-search input:focus {
            border-color: #ffffff;
        }

    .search-box .app-search .srh-btn {
        position: absolute;
        top: 23px;
        cursor: pointer;
        background: #ffffff;
        width: 15px;
        height: 15px;
        right: 20px;
        font-size: 14px;
    }

.mini-sidebar .top-navbar .navbar-header {
    width: 240px;
    text-align: center;
}

.logo-center .top-navbar .navbar-header {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.notify {
    position: relative;
    top: -22px;
    right: -9px;
}

    .notify .heartbit {
        position: absolute;
        top: -20px;
        right: -4px;
        height: 25px;
        width: 25px;
        z-index: 10;
        border: 5px solid #ef5350;
        border-radius: 70px;
        -moz-animation: heartbit 1s ease-out;
        -moz-animation-iteration-count: infinite;
        -o-animation: heartbit 1s ease-out;
        -o-animation-iteration-count: infinite;
        -webkit-animation: heartbit 1s ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .notify .point {
        width: 6px;
        height: 6px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background-color: #ef5350;
        position: absolute;
        right: 6px;
        top: -10px;
    }

.fileupload {
    overflow: hidden;
    position: relative;
}

    .fileupload input.upload {
        cursor: pointer;
        filter: alpha(opacity=0);
        font-size: 20px;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

@media (min-width: 768px) {
    .navbar-header {
        width: 240px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

        .navbar-header .navbar-brand {
            padding-top: 0;
        }

    .page-titles .breadcrumb {
        float: right;
    }

    .card-group .card:first-child {
        border-right: 1px solid rgba(0, 0, 0, 0.03);
    }

    .card-group .card:not(:first-child):not(:last-child) {
        border-right: 1px solid rgba(0, 0, 0, 0.03);
    }

    .material-icon-list-demo .icons div {
        width: 33%;
        padding: 15px;
        display: inline-block;
        line-height: 40px;
    }

    .mini-sidebar .page-wrapper {
        margin-left: 50px;
    }

    .mini-sidebar .footer {
        left: 60px;
    }

    .flex-wrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        -webkit-flex-wrap: nowrap !important;
    }
}



.left-sidebar {
    position: absolute;
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 20;
    padding-top: 50px;
    background: #ededed;
    -webkit-box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
    box-shadow: 1px 0 6px rgb(0 0 0 / 23%);
    transition: 0.1s;
}

.fix-sidebar .left-sidebar {
    position: fixed;
}

.sidebar-footer {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    width: 240px;
    background: #fff;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
}

    .sidebar-footer a {
        padding: 15px;
        width: 33.333337%;
        float: left;
        text-align: center;
        font-size: 18px;
    }

.scroll-sidebar {
    padding-bottom: 60px;
}

.collapse.in {
    display: block;
}

.sidebar-nav {
    background: #382e2e;
    padding: 0;
}

    .sidebar-nav ul {
        margin: 0;
        padding: 0;
    }

        .sidebar-nav ul li {
            list-style: none;
        }

            .sidebar-nav ul li a {
                color: #636363 !important;
                padding: 13px 28px 8px 15px;
                display: block;
                font-size: 13px;
                white-space: nowrap;
                border-bottom: 1px solid #0e0e0e1f;
            }

                .sidebar-nav ul li a:hover {
                    color: #ffffff;
                    background-color: #e0e8f7;
                }

ul#Menulist {
    background-color: #ededed;
}

.sidebar-nav ul li a:hover i {
    color: #1976d2;
}

.sidebar-nav ul li a.active {
    color: white;
    font-weight: 500;
    background-color: #e0e8f7;
    padding-left: 10px;
}

ul#sidebarnav a.has-arrow.active {
    padding-left: 15px;
}
/*    ul#sidebarnav a.has-arrow.active:before {
        content: "\f0e4";
        font-family: FontAwesome;
        color: #1a73e8;
        font-size:18px;
    }*/


.sidebar-nav ul li a.active i {
    /*color: #fff;*/
    color: #1a73e8;
}

ul#Menulist li a.active i, ul#ReportSection li a.active i {
    padding-right: 5px;
    font-size: 18px;
}

span.hide-menu {
    font-weight: bold;
    color: #292828;
    font-size: 16px;
}

.fa-search:before {
    content: "\f002";
    padding: 20px;
    font-size: 16px;
    line-height: 32px;
}

.sidebar-nav ul li ul {
    padding-left: 0px;
    background-color: #ededed;
}

ul#ReportSection {
    background-color: #ededed;
}

.sidebar-nav ul li ul li a {
    padding: 8px 35px 8px 15px;
    border-bottom: 1px solid rgb(185 185 185 / 37%);
    padding-left: 10px;
    height: 35px;
}

/*.sidebar-nav ul li:first-child {
border-top: 1px solid rgb(185 185 185 / 37%);
}*/


.sidebar-nav ul li ul ul {
    padding-left: 15px;
}

.sidebar-nav ul li.nav-label {
    font-size: 12px;
    margin-bottom: 0;
    padding: 14px 14px 14px 20px;
    color: #607d8b;
    font-weight: 600;
    text-transform: uppercase;
}

.sidebar-nav ul li.nav-devider {
    height: 1px;
    background: rgba(120, 130, 140, 0.13);
    display: block;
}

.sidebar-nav > ul > li {
    margin-bottom: 0px;
}

i.fa.fa-street-view {
    font-size: 15px;
    padding-left: 3px;
}

i.fa.fa-graduation-cap {
    font-size: 14px;
}

.sidebar-nav > ul > li > a {
    border-left: 3px solid transparent;
}

    .sidebar-nav > ul > li > a i {
        width: 27px;
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        color: #99abb4;
        text-align: left;
    }

    .sidebar-nav > ul > li > a .label {
        position: absolute;
        right: 35px;
        top: 8px;
    }

    .sidebar-nav > ul > li > a.active {
        font-weight: bold;
        background: #ededed;
        color: #676767 !important;
        border-bottom: 1px solid rgb(185 185 185 / 37%);
        color: #292828 !important;
        padding: 15px 18px;
    }

.sidebar-nav > ul > li.active > a {
    color: #676767 !important;
    font-weight: 500;
}
/*.sidebar-nav > ul > li.active > a i {
color: #676767 !important;
}*/
i.fa.fa-graduation-cap {
    color: #636363;
}


.sidebar-nav > ul > li.active > a i {
    /*color: #fff;*/
    color: #1a73e8;
}

.sidebar-nav .has-arrow {
    position: relative;
}

    .sidebar-nav .has-arrow:after {
        position: absolute;
        content: '';
        width: 7px;
        height: 7px;
        border-width: 1px 0 0 1px;
        border-style: solid;
        border-color: #676767;
        right: 1em;
        -webkit-transform: rotate(135deg) translate(0, -50%);
        -ms-transform: rotate(135deg) translate(0, -50%);
        -o-transform: rotate(135deg) translate(0, -50%);
        transform: rotate(135deg) translate(0, -50%);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        top: 47%;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

.sidebar-nav .active > .has-arrow:after {
    -webkit-transform: rotate(-135deg) translate(0, -50%);
    -ms-transform: rotate(-135deg) translate(0, -50%);
    -o-transform: rotate(-135deg) translate(0, -50%);
    top: 45%;
    width: 7px;
    transform: rotate(-135deg) translate(0, -50%);
}

.sidebar-nav .has-arrow[aria-expanded=true]:after {
    -webkit-transform: rotate(-135deg) translate(0, -50%);
    -ms-transform: rotate(-135deg) translate(0, -50%);
    -o-transform: rotate(-135deg) translate(0, -50%);
    top: 45%;
    width: 7px;
    transform: rotate(-135deg) translate(0, -50%);
}

.sidebar-nav li > .has-arrow.active:after {
    -webkit-transform: rotate(-135deg) translate(0, -50%);
    -ms-transform: rotate(-135deg) translate(0, -50%);
    -o-transform: rotate(-135deg) translate(0, -50%);
    top: 45%;
    width: 7px;
    transform: rotate(-135deg) translate(0, -50%);
}


@media (min-width: 768px) {
    .mini-sidebar .sidebar-nav {
        background: transparent;
    }

        .mini-sidebar .sidebar-nav #sidebarnav li {
            position: relative;
        }

        .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
            position: absolute;
            left: 61px;
            top: 45px;
            width: 220px;
            z-index: 1001;
            background: #e8eaed;
            display: none;
            padding-left: 1px;
            border-top: 1px solid #dcdbdb;
        }

        .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
            height: auto !important;
            overflow: auto;
            display: block;
        }

            .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
                display: block;
            }

        .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
            width: 280px;
            background: #ededed;
        }

            .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .hide-menu {
                display: inline;
                padding-left: 28px;
                font-weight: bold;
                color: #292828;
                font-size: 15px;
            }

            .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .label {
                display: none;
            }

        .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
            display: none;
        }

        .mini-sidebar .sidebar-nav #sidebarnav > li > a {
            /*padding: 15px 18px;*/
            width: 60px;
            line-height: 15px;
            /* border-bottom: 1px solid #ccc; */
            border-bottom: 1px solid #dcdbdb;
            height: 46px;
            line-height: 20px;
            padding-left: 20px;
        }

    .mini-sidebar .user-profile {
        padding-bottom: 15px;
        width: 60px;
        margin-bottom: 7px;
    }

        .mini-sidebar .user-profile .profile-img {
            width: 50px;
            padding: 15px 0 0;
            margin: 0 0 0 6px;
        }

            .mini-sidebar .user-profile .profile-img .setpos {
                top: -35px;
            }

            .mini-sidebar .user-profile .profile-img:before {
                top: 15px;
            }

        .mini-sidebar .user-profile .profile-text {
            display: none;
        }

    .mini-sidebar .left-sidebar {
        width: 60px;
        max-height: calc(100vh - 0px);
    }

    .mini-sidebar .scroll-sidebar {
        padding-bottom: 0;
        position: absolute;
        overflow-x: hidden !important;
    }

    .mini-sidebar .hide-menu {
        display: none;
    }

    .mini-sidebar .nav-label {
        display: none;
    }

    .mini-sidebar .sidebar-footer {
        display: none;
    }

    .mini-sidebar > .label {
        display: none;
    }

    .mini-sidebar .nav-devider {
        width: 60px;
    }

    .mini-sidebar.fix-sidebar .left-sidebar {
        position: fixed;
    }

    .mini-sidebar .sidebar-nav ul li a:first-child {
        border-top: none;
        /*width: 260px;*/
    }

    .mini-sidebar .sidebar-nav ul li ul li a {
        border-bottom: 1px solid rgb(182 182 182 / 42%);
    }

    .mini-sidebar .dashboard-txt {
        display: none;
    }

    .mini-sidebar .mini-home {
        width: 50px;
        overflow: hidden;
    }

    .mini-sidebar .sidebar-nav ul li a:hover {
        color: #ffffff;
        background-color: #e0e8f7;
    }
    .mini-sidebar .sidebar-nav #sidebarnav > li:last-child > ul {
        max-height: 220px;
        overflow-x: hidden !important;
        overflow-y: scroll;
    }
}

@media (max-width: 767px) {
    .mini-sidebar .left-sidebar {
        position: fixed;
        left: -240px;
    }

    .mini-sidebar .sidebar-footer {
        left: -240px;
    }

    .mini-sidebar.show-sidebar .left-sidebar {
        left: 0;
    }

    .mini-sidebar.show-sidebar .sidebar-footer {
        left: 0;
    }
}

.badge {
    font-weight: 400;
}

.badge-xs {
    font-size: 9px;
    -webkit-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px);
}

.badge-sm {
    -webkit-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px);
}

.badge-success {
    background-color: #26dad2;
}

.badge-info {
    background-color: #1976d2;
}

.badge-primary {
    background-color: #5c4ac7;
}

.badge-warning {
    background-color: #ffb22b;
}

.badge-danger {
    background-color: #ef5350;
}

.badge-purple {
    background-color: #7460ee;
}

.badge-red {
    background-color: #fb3a3a;
}

.badge-inverse {
    background-color: #2f3d4a;
}

.label {
    padding: 3px 10px;
    line-height: 13px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 4px;
    font-size: 75%;
}

.label-rounded {
    border-radius: 60px;
}

.label-custom {
    background-color: #00897b;
}

.label-success {
    background-color: #26dad2;
}

.label-info {
    background-color: #1976d2;
}

.label-warning {
    background-color: #ffb22b;
}

.label-danger {
    background-color: #ef5350;
}

.label-megna {
    background-color: #00897b;
}

.label-primary {
    background-color: #5c4ac7;
}

.label-purple {
    background-color: #7460ee;
}

.label-red {
    background-color: #fb3a3a;
}

.label-inverse {
    background-color: #2f3d4a;
}

.label-default {
    background-color: #f2f4f8;
}

.label-white {
    background-color: #ffffff;
}

.label-light-success {
    background-color: #e8fdeb;
    color: #26dad2;
}

.label-light-info {
    background-color: #cfecfe;
    color: #1976d2;
}

.label-light-warning {
    background-color: #fff8ec;
    color: #ffb22b;
}

.label-light-danger {
    background-color: #f9e7eb;
    color: #ef5350;
}

.label-light-megna {
    background-color: #e0f2f4;
    color: #00897b;
}

.label-light-primary {
    background-color: #f1effd;
    color: #5c4ac7;
}

.label-light-inverse {
    background-color: #f6f6f6;
    color: #2f3d4a;
}

.breadcrumb {
    margin-bottom: 0px;
}

.student-breadcrumb {
    margin-top: -6px;
}

.page-titles {
    background: #ffffff;
    margin: 0 0 30px;
    padding: 15px 10px;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
}

    .page-titles h3 {
        margin-bottom: 0;
        margin-top: 0;
    }

    .page-titles .breadcrumb {
        padding: 0;
        background: transparent;
        font-size: 16px;
    }

        .page-titles .breadcrumb li {
            margin-top: 0;
            margin-bottom: 0;
        }

        .page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
            content: "\e649";
            font-family: themify;
            color: #a6b7bf;
            font-size: 11px;
        }

        .page-titles .breadcrumb .breadcrumb-item.active {
            color: #99abb4;
        }

.footer {
    background: #ffffff none repeat scroll 0 0;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
    color: #67757c;
    left: 0;
    padding: 17px 15px;
    position: absolute;
    right: 0;
}

.footer {
    left: 240px;
}

.card {
    margin-bottom: 30px;
}

    .card .card-subtitle {
        color: #99abb4;
        font-weight: 300;
        margin-bottom: 15px;
    }

.card-inverse .card-bodyquote .blockquote-footer {
    color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-link {
    color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-subtitle {
    color: rgba(255, 255, 255, 0.65);
}

.card-inverse .card-text {
    color: rgba(255, 255, 255, 0.65);
}

.card-success {
    background: #26dad2 none repeat scroll 0 0;
    border-color: #26dad2;
}

.card-danger {
    background: #ef5350 none repeat scroll 0 0;
    border-color: #ef5350;
}

.card-warning {
    background: #ffb22b none repeat scroll 0 0;
    border-color: #ffb22b;
}

.card-info {
    background: #1976d2 none repeat scroll 0 0;
    border-color: #1976d2;
}

.card-primary {
    background: #5c4ac7 none repeat scroll 0 0;
    border-color: #5c4ac7;
}

.card-dark {
    background: #2f3d4a none repeat scroll 0 0;
    border-color: #2f3d4a;
}

.card-megna {
    background: #00897b none repeat scroll 0 0;
    border-color: #00897b;
}

.card-actions {
    float: right;
}

    .card-actions a {
        color: #67757c;
        cursor: pointer;
        font-size: 13px;
        opacity: 0.7;
        padding-left: 7px;
    }

        .card-actions a:hover {
            opacity: 1;
        }

.card-columns .card {
    margin-bottom: 20px;
}

.collapsing {
    transition: height 0.08s ease 0s;
}

.card-outline-info {
    border-color: #1976d2;
}

    .card-outline-info .card-header {
        background: #1976d2 none repeat scroll 0 0;
        border-color: #1976d2;
    }

.card-outline-inverse {
    border-color: #2f3d4a;
}

    .card-outline-inverse .card-header {
        background: #2f3d4a none repeat scroll 0 0;
        border-color: #2f3d4a;
    }

.card-outline-warning {
    border-color: #ffb22b;
}

    .card-outline-warning .card-header {
        background: #ffb22b none repeat scroll 0 0;
        border-color: #ffb22b;
    }

.card-outline-success {
    border-color: #26dad2;
}

    .card-outline-success .card-header {
        background: #26dad2 none repeat scroll 0 0;
        border-color: #26dad2;
    }

.card-outline-danger {
    border-color: #ef5350;
}

    .card-outline-danger .card-header {
        background: #ef5350 none repeat scroll 0 0;
        border-color: #ef5350;
    }

.card-outline-primary {
    border-color: #5c4ac7;
}

    .card-outline-primary .card-header {
        background: #5c4ac7 none repeat scroll 0 0;
        border-color: #5c4ac7;
    }

.card-body {
    padding: 0;
}

.card {
    background: #ffffff none repeat scroll 0 0;
    margin: 10px 0;
    padding: 10px;
    border: 0 solid #e7e7e7;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    padding-top: 15px;
    margin-bottom: 0px;
    height: calc(100vh - 121px);
    margin-top:0px;
}
#accordionExample .card {
    background: #ffffff none repeat scroll 0 0;
    margin: -1px 0;
    padding: 5px;
    border: 0 solid #e7e7e7;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
}

.views .card {
    background: #ffffff none repeat scroll 0 0;
    margin: 0px 0;
    padding: 10px;
    border: 0 solid #e7e7e7;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    padding-top: 10px;
    margin-bottom: 0px;
    height: 455px;
}

.online-paymnet {
    background: #ffffff none repeat scroll 0 0;
    margin: 10px 0;
    padding: 15px;
    border: 0 solid #e7e7e7;
    border-radius: 5px;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);
    padding-top: 10px;
    margin-bottom: 0px;
    height: calc(100vh - 121px);
}

.commen-space img {
    width: 100%;
    height: 120px;
}
.My-Fees img {
    width: 100%;
    height: 330px;
}
.commen-space #dvLocation img {
    width: 100%;
    height: 120px;
    display: none;
}
.Card-Consumer {
    background: #ffffff none repeat scroll 0 0;
    margin: 10px 0;
    padding: 10px;
    border: 0 solid #e7e7e7;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    padding-top: 10px;
    margin-bottom: 0px;
    height: calc(100vh - 130px) !important;
}

.student-info {
    min-height: 850px !important
}

.card-subtitle {
    font-size: 12px;
    margin: 10px 0;
}

.card-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

    .card-title h4 {
        display: inline-block;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
    }

    .card-title p {
        font-family: 'Poppins', sans-serif;
        margin-bottom: 12px;
    }

.vtabs {
    display: table;
}

    .vtabs .tabs-vertical {
        border-bottom: 0 none;
        border-right: 1px solid rgba(120, 130, 140, 0.13);
        display: table-cell;
        vertical-align: top;
        width: 150px;
    }

        .vtabs .tabs-vertical li .nav-link {
            border: 0 none;
            border-radius: 4px 0 0 4px;
            color: #263238;
            margin-bottom: 10px;
        }

    .vtabs .tab-content {
        display: table-cell;
        padding: 20px;
        vertical-align: top;
    }

.tabs-vertical li .nav-link.active,
.tabs-vertical li .nav-link.active:focus,
.tabs-vertical li .nav-link:hover {
    background: #1976d2 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
}

.customvtab .tabs-vertical li .nav-link.active,
.customvtab .tabs-vertical li .nav-link:focus,
.customvtab .tabs-vertical li .nav-link:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffffff none repeat scroll 0 0;
    border-color: currentcolor #1976d2 currentcolor currentcolor;
    border-image: none;
    border-style: none solid none none;
    border-width: 0 2px 0 0;
    color: #1976d2;
    margin-right: -1px;
}

.tabcontent-border {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #ddd #ddd;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
}

.customtab2 li a.nav-link {
    border: 0 none;
    color: #67757c;
    margin-right: 3px;
}

    .customtab2 li a.nav-link.active {
        background: #1976d2 none repeat scroll 0 0;
        color: #ffffff;
    }

    .customtab2 li a.nav-link:hover {
        background: #1976d2 none repeat scroll 0 0;
        color: #ffffff;
    }

.modal-dialog {
    margin: 30px auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%) !important;
    width: 70%;
}

.modal-header .close {
    font-size: 14px;
    margin-right: 15px;
    margin-top: 5px;
}

.modal-content {
    border-radius: 3px;
}

.timeline {
    list-style: none;
    padding: 0 0 8px;
    position: relative;
}

    .timeline:before {
        top: 7px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #e7e7e7;
        left: 25px;
        margin-right: -1.5px;
    }

.timeline-title {
    margin: 5px 0 !important;
    font-size: 16px;
}

.timeline > li {
    margin-bottom: 20px;
    position: relative;
}

    .timeline > li:after,
    .timeline > li:before {
        content: " ";
        display: table;
    }

    .timeline > li:after {
        clear: both;
    }

    .timeline > li > .timeline-panel {
        width: calc(100% - 70px);
        float: right;
        border-radius: 2px;
        padding: 5px 20px;
        position: relative;
    }

        .timeline > li > .timeline-panel:before {
            position: absolute;
            top: 26px;
            left: -15px;
            display: inline-block;
            border-top: 0 solid transparent;
            border-right: 0 solid #e7e7e7;
            border-left: 0 solid #e7e7e7;
            border-bottom: 15px solid transparent;
            content: " ";
        }

        .timeline > li > .timeline-panel:after {
            position: absolute;
            top: 27px;
            left: -14px;
            display: inline-block;
            border-top: 14px solid transparent;
            border-right: 14px solid #ffffff;
            border-left: 0 solid #ffffff;
            border-bottom: 14px solid transparent;
            content: " ";
        }

    .timeline > li > .timeline-badge {
        color: #ffffff;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 1.4em;
        text-align: center;
        position: absolute;
        top: 10px;
        left: 8px;
        margin-right: -25px;
        background-color: #e6a1f2;
        z-index: 100;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
    }

.timeline-body > p {
    font-size: 12px;
    margin-bottom: 10px;
}

.timeline-badge.primary {
    background-color: #4680ff !important;
}

.timeline-badge.success {
    background-color: #26dad2 !important;
}

.timeline-badge.warning {
    background-color: #ffb64d !important;
}

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

.timeline-badge.info {
    background-color: #62d1f3 !important;
}

.dataTables_wrapper {
    padding-top: 10px;
}

.dt-buttons {
    display: inline-block;
    margin-bottom: 15px;
    padding-top: 5px;
}

    .dt-buttons .dt-button {
        background: #1976d2 none repeat scroll 0 0;
        border-radius: 4px;
        color: #ffffff;
        margin-right: 3px;
        padding: 5px 15px;
    }

        .dt-buttons .dt-button:hover {
            background: #2f3d4a none repeat scroll 0 0;
        }

.dataTables_info,
.dataTables_length {
    display: inline-block;
}

.dataTables_length {
    margin-top: 10px;
}

    .dataTables_length select {
        background-color: transparent;
        background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);
        background-position: center bottom, center calc(99%);
        background-repeat: no-repeat;
        background-size: 0 2px, 100% 1px;
        border: 0 none;
        padding-bottom: 5px;
        transition: background 0s ease-out 0s;
    }

        .dataTables_length select:focus {
            background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);
            background-size: 100% 2px, 100% 1px;
            box-shadow: none;
            outline: medium none;
            transition-duration: 0.3s;
        }

.dataTables_filter {
    float: right;
    margin-top: 10px;
}

    .dataTables_filter input {
        background-color: transparent;
        background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);
        background-position: center bottom, center calc(99%);
        background-repeat: no-repeat;
        background-size: 0 2px, 100% 1px;
        border: 0 none;
        border-radius: 0;
        box-shadow: none;
        float: none;
        margin-left: 10px;
        transition: background 0s ease-out 0s;
    }

        .dataTables_filter input:focus {
            background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);
            background-size: 100% 2px, 100% 1px;
            box-shadow: none;
            outline: medium none;
            transition-duration: 0.3s;
        }

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
    background: transparent none repeat scroll 0 0;
}

    table.dataTable thead .sorting_asc::after {
        content: "";
        cursor: pointer;
        font-family: fontawesome;
        margin-left: 10px;
    }

    table.dataTable thead .sorting_desc::after {
        content: "";
        cursor: pointer;
        font-family: fontawesome;
        margin-left: 10px;
    }

    table.dataTable thead .sorting::after {
        color: rgba(50, 50, 50, 0.5);
        content: "";
        cursor: pointer;
        font-family: fontawesome !important;
        margin-left: 10px;
    }

.dataTables_wrapper .dataTables_paginate {
    float: right;
    padding-top: 0.25em;
    text-align: right;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        border: 1px solid #ddd;
        box-sizing: border-box;
        color: #67757c;
        cursor: pointer;
        display: inline-block;
        min-width: 1.5em;
        padding: 0.5em 1em;
        text-align: center;
        text-decoration: none;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current,
        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            background-color: #1976d2;
            border: 1px solid #1976d2;
            color: #ffffff !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
            background: transparent none repeat scroll 0 0;
            border: 1px solid #ddd;
            box-shadow: none;
            color: #67757c;
            cursor: default;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            background-color: #1976d2;
            border: 1px solid #1976d2;
            color: white;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:active {
            background-color: #67757c;
            outline: medium none;
        }

    .dataTables_wrapper .dataTables_paginate .ellipsis {
        padding: 0 1em;
    }

.tablesaw-bar .btn-group label {
    color: #67757c !important;
}

.dt-bootstrap {
    display: block;
}

.paging_simple_numbers .pagination .paginate_button {
    background: #ffffff none repeat scroll 0 0;
    padding: 0;
}

    .paging_simple_numbers .pagination .paginate_button:hover {
        background: #ffffff none repeat scroll 0 0;
    }

    .paging_simple_numbers .pagination .paginate_button a {
        border: 0 none;
        padding: 2px 10px;
    }

    .paging_simple_numbers .pagination .paginate_button.active a,
    .paging_simple_numbers .pagination .paginate_button:hover a {
        background: #1976d2 none repeat scroll 0 0;
        color: #ffffff;
    }

.panel {
    border-radius: 0;
    margin: 15px 0;
}

.panel-body {
    font-family: 'Poppins', sans-serif;
}

.panel-primary {
    border-color: #4680ff;
}

    .panel-primary .panel-heading {
        background: #4680ff;
        border-color: #4680ff;
        color: #ffffff;
    }

.panel-success {
    border-color: #26dad2;
}

    .panel-success .panel-heading {
        background: #26dad2;
        border-color: #26dad2;
        color: #ffffff;
    }

.panel-info {
    border-color: #62d1f3;
}

    .panel-info .panel-heading {
        background: #62d1f3;
        border-color: #62d1f3;
        color: #ffffff;
    }

.panel-danger {
    border-color: #fc6180;
}

    .panel-danger .panel-heading {
        background: #fc6180;
        border-color: #fc6180;
        color: #ffffff;
    }

.panel-warning {
    border-color: #ffb64d;
}

    .panel-warning .panel-heading {
        background: #ffb64d;
        border-color: #ffb64d;
        color: #ffffff;
    }

.panel-pink {
    border-color: #e6a1f2;
}

    .panel-pink .panel-heading {
        background: #e6a1f2;
        border-color: #e6a1f2;
        color: #ffffff;
    }

.panel-dark {
    border-color: #444c67;
}

    .panel-dark .panel-heading {
        background: #444c67;
        border-color: #444c67;
        color: #ffffff;
    }

.panel-white {
    border-color: #252525;
}

    .panel-white .panel-heading {
        background: #ffffff;
        border-color: #252525;
        color: #252525;
    }

.btn {
    padding: 7px 12px;
    cursor: pointer;
}

.btn-group label {
    color: #ffffff !important;
    margin-bottom: 0;
}

    .btn-group label.btn-secondary {
        color: #67757c !important;
    }

.btn-lg {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
}

.btn-md {
    padding: 12px 55px;
    font-size: 16px;
}

.btn-circle {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 10px;
}

    .btn-circle.btn-sm {
        width: 35px;
        height: 35px;
        padding: 8px 10px;
        font-size: 14px;
    }

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 14px 15px;
        font-size: 18px;
        line-height: 22px;
    }

    .btn-circle.btn-xl {
        width: 70px;
        height: 70px;
        padding: 14px 15px;
        font-size: 24px;
    }

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 12px;
}

.btn-xs {
    padding: 0.25rem 0.5rem;
    font-size: 10px;
}

.button-list a {
    margin: 5px 12px 5px 0;
}

.button-list button {
    margin: 5px 12px 5px 0;
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.btn-rounded {
    border-radius: 60px;
    padding: 7px 18px;
}

    .btn-rounded.btn-lg {
        padding: 0.75rem 1.5rem;
    }

    .btn-rounded.btn-sm {
        padding: 0.25rem 0.5rem;
        font-size: 12px;
    }

    .btn-rounded.btn-xs {
        padding: 0.25rem 0.5rem;
        font-size: 10px;
    }

    .btn-rounded.btn-md {
        padding: 12px 35px;
        font-size: 16px;
    }

.btn-secondary {
    -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    background-color: #ffffff;
    color: #67757c;
    border-color: #b1b8bb;
}

    .btn-secondary:hover {
        -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
    }

    .btn-secondary:active {
        -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
    }

    .btn-secondary:focus {
        -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
    }

    .btn-secondary.disabled {
        -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
        box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
        -webkit-transition: 0.2s ease-in;
        -o-transition: 0.2s ease-in;
        transition: 0.2s ease-in;
        background-color: #ffffff;
        color: #67757c;
        border-color: #b1b8bb;
    }

        .btn-secondary.disabled:hover {
            -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
            box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        }

        .btn-secondary.disabled:active {
            -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
            box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        }

        .btn-secondary.disabled:focus {
            -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
            box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        }

    .btn-secondary.active {
        -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
    }

    .btn-secondary.disabled.active {
        -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
        box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
    }

.btn-primary {
    background: #5c4ac7;
    border: 1px solid #5c4ac7;
    -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    min-width: 150px;
    margin-top: 3px;
}

.btn-primary-one {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    width: 90px;
    color: #fff;
    margin-right: 0px;
    height: 34px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 10px;
    float: left;
}

.onlinePay-btn {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    width: 150px;
    color: #fff;
    margin-right: 0px;
    height: 34px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 10px;
    float: left;
}

.btn-primary-generate {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    width:80px;
    color: #fff;
    margin-right: 0px;
    height: 34px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 0px;
    float: left;
    padding-left: 4px !important;
}

.btn-fees {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    width: 100px;
    color: #fff;
    margin-right: 0px;
    height: 34px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 0px;
    float: left;
    padding-left: 4px !important;
}
.btn-primary-cancel {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    width: 80px;
    color: #fff;
    margin-right: 0px;
    height: 34px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
}

.btn-primary-process {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    width: 150px;
    color: #fff;
    margin-right: 0px;
    height: 34px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
}

.btn-primary-slip {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    width: 125px;
    color: #fff;
    margin-right: 0px;
    height: 34px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
}

.btn-primary-offline {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    width: 60px;
    color: #fff;
    margin-right: 0px;
    height: 34px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 0px;
    float: left;
    margin-right: 5px;
}

.pRight0 {
    padding-right: 0px;
}

.offline-search-btn {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    width: 50px;
    color: #fff;
    margin-right: 0px;
    height: 34px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 10px;
    float: left;
}

/*ul#ContentPlaceHolder1_ctl00_completionListElem {
    height: 250px;
    overflow: auto;
    overflow-x: hidden;
    border-radius: 5px;
    z-index: 1;
}*/

    ul#ContentPlaceHolder1_ctl00_completionListElem > li.FormAutoCompleteTextBox {
        text-align: left;
        padding: 5px;
        padding-left: 10px;
    }
/*    .btn-primary-one:hover {
background: #f85800;
border: 1px solid #f85800;
-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
min-width: 85px;
color: #fff;
}
*/
.btn-primary-two {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    min-width: 50px;
    color: #fff;
    margin-right: 3px;
    font-size: 14px !important;
    line-height: 20px;
}

.col-sm-4.martop10 {
    position: relative;
}

i.fa.fa-search {
    position: absolute;
    top: 10px;
    font-size: 15px;
    left: 36px;
    color: #fff;
    font-weight: 100;
    cursor: pointer;
}

.btn-cancel {
    background: #5c4ac7;
    border: 1px solid #5c4ac7;
    -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    min-width: 150px;
}

.btn-primary:hover {
    background: #5c4ac7;
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    border: 1px solid #5c4ac7;
}

.btn-primary:active {
    background: #6352ce;
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

    .btn-primary:active:focus {
        background-color: #6352ce;
        border: 1px solid #6352ce;
    }

    .btn-primary:active:hover {
        background-color: #6352ce;
        border: 1px solid #6352ce;
    }

.btn-primary:focus {
    background: #6352ce;
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    background-color: #6352ce;
    border: 1px solid #6352ce;
}

.btn-primary.disabled {
    background: #5c4ac7;
    border: 1px solid #5c4ac7;
    -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

    .btn-primary.disabled:hover {
        background: #5c4ac7;
        -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        border: 1px solid #5c4ac7;
    }

    .btn-primary.disabled:active {
        background: #6352ce;
        -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    }

    .btn-primary.disabled:focus {
        background: #6352ce;
        -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    }

.btn-primary.active {
    background: #6352ce;
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

    .btn-primary.active:focus {
        background-color: #6352ce;
        border: 1px solid #6352ce;
    }

    .btn-primary.active:hover {
        background-color: #6352ce;
        border: 1px solid #6352ce;
    }

.btn-primary.disabled.active {
    background: #6352ce;
    -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
    box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

.btn-themecolor {
    background: #1976d2;
    color: #ffffff;
    border: 1px solid #1976d2;
}

    .btn-themecolor:hover {
        background: #1976d2;
        opacity: 0.7;
        border: 1px solid #1976d2;
    }

    .btn-themecolor:active {
        background: #028ee1;
    }

    .btn-themecolor:focus {
        background: #028ee1;
    }

    .btn-themecolor.disabled {
        background: #1976d2;
        color: #ffffff;
        border: 1px solid #1976d2;
    }

        .btn-themecolor.disabled:hover {
            background: #1976d2;
            opacity: 0.7;
            border: 1px solid #1976d2;
        }

        .btn-themecolor.disabled:active {
            background: #028ee1;
        }

        .btn-themecolor.disabled:focus {
            background: #028ee1;
        }

    .btn-themecolor.active {
        background: #028ee1;
    }

    .btn-themecolor.disabled.active {
        background: #028ee1;
    }

.btn-success {
    background: #26dad2;
    border: 1px solid #26dad2;
    -webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}


/* All Invoice Page Responsive
--------------------------- */
@media (max-width: 480px) {
    .control-bar {
        padding: 15px 15px 40px;
    }
}

@media (max-width: 360px) {
    .notaxrelated {
        margin-top: 15px;
    }
}
/*    Widget One
---------------------------*/
.stat-widget-one .stat-icon {
    vertical-align: top;
}

    .stat-widget-one .stat-icon i {
        font-size: 30px;
        border-width: 3px;
        border-style: solid;
        border-radius: 100px;
        padding: 15px;
        font-weight: 900;
        display: inline-block;
    }

.stat-widget-one .stat-content {
    margin-left: 30px;
    margin-top: 7px;
}

.stat-widget-one .stat-text {
    font-size: 14px;
    color: #99abb4;
}

.stat-widget-one .stat-digit {
    font-size: 24px;
    color: #455a64;
}
/*    Widget Two
---------------------------*/
.stat-widget-two {
    text-align: center;
}

    .stat-widget-two .stat-digit {
        font-size: 40px;
        font-weight: 700;
        color: #455a64;
    }

    .stat-widget-two .stat-text {
        font-size: 20px;
        margin-bottom: 5px;
        color: #99abb4;
    }

    .stat-widget-two .progress {
        height: 8px;
        margin-bottom: 0;
        margin-top: 20px;
        box-shadow: none;
    }

    .stat-widget-two .progress-bar {
        box-shadow: none;
    }
/*    Widget Three
---------------------------*/
.stat-widget-three .stat-icon {
    display: inline-block;
    padding: 33px;
    position: absolute;
    line-height: 21px;
}

    .stat-widget-three .stat-icon i {
        font-size: 30px;
        color: #ffffff;
    }

.stat-widget-three .stat-content {
    text-align: center;
    padding: 15px;
    margin-left: 90px;
}

.stat-widget-three .stat-digit {
    font-size: 30px;
}

.stat-widget-three .stat-text {
    padding-top: 7px;
}

.home-widget-three .stat-icon {
    line-height: 19px;
    padding: 27px;
}

.home-widget-three .stat-digit {
    font-size: 24px;
    font-weight: 300;
    color: #455a64;
}

.home-widget-three .stat-content {
    text-align: center;
    margin-left: 60px;
    padding: 13px;
}

@media (max-width: 768px) {
    .card {
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 360px) {
    .stat-widget-five .stat-heading {
        padding-left: 0;
    }

    .stat-widget-two .stat-digit {
        font-size: 16px;
    }

    .stat-widget-two .stat-text {
        font-size: 14px;
    }

    .stat-widget-three .stat-digit {
        font-size: 20px;
    }

    .stat-widget-four .stat-heading {
        font-size: 18px;
    }

    .stat-widget-three .stat-icon {
        padding: 26px;
    }
}

.round-widget {
    border: 1px solid red;
    border-radius: 100px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
}

.recent-comment .media {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    padding-top: 10px;
}

.recent-comment .media-left {
    padding-right: 25px;
}

    .recent-comment .media-left img {
        border-radius: 100px;
        width: 40px;
    }

.recent-comment .media-body {
    position: relative;
}

    .recent-comment .media-body h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .recent-comment .media-body p {
        margin-bottom: 10px;
        line-height: 16px;
        color: #99abb4;
    }

.recent-comment .comment-date {
    position: absolute;
    right: 0;
    top: 0;
    color: #455a64;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

.comment-action {
    float: left;
}

    .comment-action .badge {
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
    }

    .comment-action i {
        padding: 0 5px;
    }

.recent-meaasge {
    margin-top: 15px;
}

    .recent-meaasge .media {
        border-bottom: 1px solid #e7e7e7;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .recent-meaasge .media-left {
        padding-right: 25px;
    }

        .recent-meaasge .media-left img {
            border-radius: 100px;
            width: 50px;
        }

    .recent-meaasge .media-body {
        position: relative;
    }

        .recent-meaasge .media-body h4 {
            font-size: 16px;
        }

        .recent-meaasge .media-body p {
            margin-top: 10px;
            margin-bottom: 10px;
        }

.meaasge-date {
    float: right;
    color: #455a64;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
}
/*    Input Style
------------------------*/
.form-group {
    margin-bottom:10px;
}

.EquipmentMaster .form-group {
    margin-bottom: 10px;
}

.form-control:hover {
    box-shadow: none;
    border-color: #e7e7e7;
}

.form-control.active,
.form-control:focus {
    box-shadow: none;
    border-color: #ced4da;
}

.input-default {
    border-radius: 4px;
}

.input-flat {
    border-radius: 0;
}

.input-rounded {
    border-radius: 100px;
}

.input-focus {
    border-color: #4680ff;
}

    .input-focus:focus {
        border-color: #4680ff;
    }
/*    Search Box Input Button
--------------------------------*/
.input-group-btn .btn {
    padding: 10px 12px;
}

.input-group-default .form-control {
    border-radius: 4px;
}

.input-group-flat .form-control {
    border-radius: 4px;
}

.input-group-flat .btn {
    border-radius: 0;
}

.input-group-rounded .form-control {
    border-radius: 100px;
}

.input-group-rounded .btn-group-left {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}

.input-group-rounded .btn-group-right {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.input-group-close-icon {
    background: none;
    color: #252525;
    border-color: #e7e7e7;
}

    .input-group-close-icon.active,
    .input-group-close-icon:focus,
    .input-group-close-icon:hover {
        background: none;
        border-color: #e7e7e7;
        color: #252525;
    }
/*    Input States
-----------------------*/
.has-default .form-control.active,
.has-error .form-control.active,
.has-success .form-control.active,
.has-warning .form-control.active,
.has-default .form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-default .form-control:hover,
.has-error .form-control:hover,
.has-success .form-control:hover,
.has-warning .form-control:hover {
    box-shadow: none;
}

.has-default .control-label {
    color: #878787;
}

.has-default .form-control {
    border-color: #878787;
}

    .has-default .form-control.active,
    .has-default .form-control:focus,
    .has-default .form-control:hover {
        border-color: #878787;
    }

.has-success .control-label {
    color: #26dad2;
}

.has-success .form-control {
    border-color: #26dad2;
}

    .has-success .form-control.active,
    .has-success .form-control:focus,
    .has-success .form-control:hover {
        border-color: #26dad2;
    }

.has-warning .control-label {
    color: #ffb64d;
}

.has-warning .form-control {
    border-color: #ffb64d;
}

    .has-warning .form-control.active,
    .has-warning .form-control:focus,
    .has-warning .form-control:hover {
        border-color: #ffb64d;
    }

.has-error .control-label {
    color: #fc6180;
}

.has-error .form-control {
    border-color: #fc6180;
}

    .has-error .form-control.active,
    .has-error .form-control:focus,
    .has-error .form-control:hover {
        border-color: #fc6180;
    }

.has-feedback label ~ .form-control-feedback {
    top: 35px;
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 5px;
}

.has-success .form-control-feedback {
    color: #26dad2;
}

.has-warning .form-control-feedback {
    color: #ffb64d;
}

.has-error .form-control-feedback {
    color: #fc6180;
}

.has-success .input-group-addon {
    background-color: #93ede9;
    border-color: #26dad2;
    color: #26dad2;
}

.has-warning .input-group-addon {
    background-color: #ffeacd;
    border-color: #ffb64d;
    color: #ffb64d;
}

.has-error .input-group-addon {
    background-color: #fedee5;
    border-color: #fc6180;
    color: #fc6180;
}
/*    Input Size
--------------------*/
.input-sm {
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
}

.input-lg {
    font-size: 18px;
    height: 46px;
    line-height: 1.33333;
}
/*    Basic form
----------------------*/
label {
    font-weight: 400;
    margin-bottom: 10px;
}
/*    Form Horizontal
----------------------*/
.form-horizontal .control-label {
    padding-top: 12px;
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.dropdown-menu li {
    font-size: 14px;
    padding: 5px 15px;
}

.is-invalid .form-control {
    border-color: #fc6180;
}

.invalid-feedback {
    color: #ef5350;
    display: none;
    margin-top: 0.25rem;
}

.is-invalid .invalid-feedback,
.is-invalid .invalid-tooltip {
    display: block;
}

.inbox-leftbar {
    width: 240px;
    float: left;
    padding: 0 20px 20px 10px;
}

.inbox-rightbar {
    margin-left: 250px;
}

.message-list {
    display: block;
    padding-left: 0;
}

    .message-list li {
        position: relative;
        display: block;
        height: 50px;
        line-height: 50px;
        cursor: default;
        transition-duration: 0.3s;
    }

        .message-list li a {
            color: #797979;
        }

        .message-list li:hover {
            background: rgba(152, 166, 173, 0.15);
            transition-duration: 0.05s;
        }

        .message-list li .col-mail {
            float: left;
            position: relative;
        }

        .message-list li .col-mail-1 {
            width: 320px;
        }

            .message-list li .col-mail-1 .star-toggle {
                display: block;
                float: left;
                margin-top: 18px;
                font-size: 16px;
                margin-left: 5px;
            }

            .message-list li .col-mail-1 .checkbox-wrapper-mail {
                display: block;
                float: left;
                margin: 15px 10px 0 20px;
            }

            .message-list li .col-mail-1 .dot {
                display: block;
                float: left;
                border: 4px solid transparent;
                border-radius: 100px;
                margin: 22px 26px 0;
                height: 0;
                width: 0;
                line-height: 0;
                font-size: 0;
            }

            .message-list li .col-mail-1 .title {
                position: absolute;
                left: 110px;
                right: 0;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

        .message-list li .col-mail-2 {
            position: absolute;
            top: 0;
            left: 320px;
            right: 0;
            bottom: 0;
        }

            .message-list li .col-mail-2 .subject {
                position: absolute;
                top: 0;
                left: 0;
                right: 200px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

            .message-list li .col-mail-2 .date {
                position: absolute;
                top: 0;
                right: 0;
                width: 170px;
                padding-left: 80px;
            }

        .message-list li.active {
            background: rgba(152, 166, 173, 0.15);
            transition-duration: 0.05s;
            box-shadow: inset 3px 0 0 #3c86d8;
        }

            .message-list li.active:hover {
                box-shadow: inset 3px 0 0 #3c86d8;
            }

        .message-list li.selected {
            background: rgba(152, 166, 173, 0.15);
            transition-duration: 0.05s;
        }

        .message-list li.unread a {
            font-weight: 600;
            color: #272e37 !important;
        }

        .message-list li.blue-dot .col-mail-1 .dot {
            border-color: #5d6dc3;
        }

        .message-list li.orange-dot .col-mail-1 .dot {
            border-color: #f9bc0b;
        }

        .message-list li.green-dot .col-mail-1 .dot {
            border-color: #3ec396;
        }

    .message-list .checkbox-wrapper-mail {
        cursor: pointer;
        height: 20px;
        width: 20px;
        position: relative;
        display: inline-block;
        box-shadow: inset 0 0 0 1px #98a6ad;
        border-radius: 1px;
    }

        .message-list .checkbox-wrapper-mail input {
            opacity: 0;
            cursor: pointer;
        }

            .message-list .checkbox-wrapper-mail input:checked label {
                opacity: 1;
            }

        .message-list .checkbox-wrapper-mail label {
            position: absolute;
            top: 3px;
            left: 3px;
            right: 3px;
            bottom: 3px;
            cursor: pointer;
            background: #98a6ad;
            opacity: 0;
            margin-bottom: 0 !important;
            transition-duration: 0.05s;
        }

            .message-list .checkbox-wrapper-mail label:active {
                background: #87949b;
            }

.mail-list a {
    font-family: "Roboto", sans-serif;
    vertical-align: middle;
    color: #797979;
    padding: 10px 15px;
    display: block;
}

@media (max-width: 648px) {
    .inbox-leftbar {
        width: 100%;
    }

    .inbox-rightbar {
        margin-left: 0;
    }
}

@media (max-width: 520px) {
    .message-list li .col-mail-1 {
        width: 150px;
    }

        .message-list li .col-mail-1 .title {
            left: 80px;
        }

    .message-list li .col-mail-2 {
        left: 160px;
    }

        .message-list li .col-mail-2 .date {
            text-align: right;
            padding-right: 10px;
            padding-left: 20px;
        }
}

.progress-bar {
    background-color: #4680ff;
}

.progress-bar-primary {
    background-color: #4680ff;
}

.progress-bar-success {
    background-color: #26dad2;
}

.progress-bar-info {
    background-color: #62d1f3;
}

.progress-bar-danger {
    background-color: #fc6180;
}

.progress-bar-warning {
    background-color: #ffb64d;
}

.progress-bar-pink {
    background-color: #e6a1f2;
}

.progress {
    height: 6px;
}

    .progress-bar.active,
    .progress.active .progress-bar {
        animation: 2s linear 0s normal none infinite running progress-bar-stripes;
    }

.progress-vertical {
    display: inline-block;
    height: 250px;
    margin-bottom: 0;
    margin-right: 20px;
    min-height: 250px;
    position: relative;
}

.progress-vertical-bottom {
    display: inline-block;
    height: 250px;
    margin-bottom: 0;
    margin-right: 20px;
    min-height: 250px;
    position: relative;
    transform: rotate(180deg);
}

.progress-animated {
    animation-duration: 5s;
    animation-name: myanimation;
    transition: all 5s ease 0s;
}

@keyframes myanimation {
    0% {
        width: 0;
    }
}

@keyframes myanimation {
    0% {
        width: 0;
    }
}

.browser .progress {
    height: 8px;
}

.tdl-holder {
    margin: 0 auto;
}

    .tdl-holder ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .tdl-holder li {
        background-color: transparent;
        list-style: outside none none;
        margin: 0;
        padding: 10px 0;
    }

        .tdl-holder li span {
            margin-left: 30px;
            font-family: 'Poppins', sans-serif;
            vertical-align: middle;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

    .tdl-holder label {
        cursor: pointer;
        display: block;
        line-height: 40px;
        padding: 0 15px;
        position: relative;
        margin: 0 !important;
    }

        .tdl-holder label:hover {
            background-color: #eef5f9;
            color: #99abb4;
        }

            .tdl-holder label:hover a {
                display: block;
            }

        .tdl-holder label a {
            border-radius: 50%;
            color: #99abb4;
            display: none;
            float: right;
            font-weight: bold;
            line-height: normal;
            height: 16px;
            margin-top: 15px;
            text-align: center;
            text-decoration: none;
            width: 16px;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

    .tdl-holder input[type="checkbox"] {
        cursor: pointer;
        opacity: 0;
        position: absolute;
    }

        .tdl-holder input[type="checkbox"] + i {
            background-color: #ffffff;
            display: block;
            height: 18px;
            position: absolute;
            top: 15px;
            width: 18px;
            z-index: 1;
        }

        .tdl-holder input[type="checkbox"]:checked + i::after {
            content: "\e64c";
            font-family: 'themify';
            display: block;
            left: 0;
            position: absolute;
            top: -17px;
            z-index: 2;
        }

        .tdl-holder input[type="checkbox"]:checked ~ span {
            text-decoration: line-through;
        }

    .tdl-holder input[type="text"] {
        height: 60px;
        margin-top: 20px;
        font-size: 14px;
    }

.datamap-sales-hover-tooltip {
    background: #444c67;
    font-family: 'Poppins', sans-serif;
    padding: 5px 10px;
    color: #ffffff;
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
    border-radius: 3px;
}

thead tr th {
    color: #455a64;
    font-weight: 500;
}

    thead tr th:last-child {
        text-align: right;
    }

tbody tr th {
    color: #455a64;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
}

tbody tr td {
    font-family: 'Poppins', sans-serif;
    color: #99abb4;
}

    tbody tr td:last-child {
        text-align: right;
    }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    line-height: 32px;
    vertical-align: top;
}

.table > thead > tr > th {
    border-bottom: 1px solid #e7e7e7;
    font-weight: 600;
}

.table {
    margin-bottom: 0;
}

    .table .badge {
        text-transform: uppercase;
    }

.student-data-table label {
    margin-right: 7px;
}

.student-data-table td span a {
    padding: 3px;
}

.search-action {
    bottom: 0;
    display: inline-block;
    position: absolute;
    right: 92px;
    text-align: right;
}

.search-type .form-control {
    height: 30px;
}

@media (max-width: 1199px) {
    .search-action {
        text-align: center;
        position: relative;
        right: 0;
    }

    .search-type .form-control {
        margin-bottom: 8px;
        margin-top: 8px;
    }
}

.table td,
.table th {
    padding: 0.55rem;
}

.information .table td,
.information .table th {
    padding: 2px;
}

#ContentPlaceHolder1_dvControl table tr th:nth-child(3) {
    width: 140px;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: 16px;
    height: 14px;
    margin-top: -2px;
}
#RouteMaster-section input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: 16px;
    height: 14px;
    margin-top: 9px;
    margin-left: 20px;
}
.Full-Room input[type=checkbox], .Blank-Room input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    width: 16px !important;
    height: 16px;
    margin-top: 2px;
    float: left;
}
.hostel-tabing label {
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 2px;
    float: left;
    margin-left: 10px;
}
.radio-check input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    width: 15px;
    height: 14px;
    margin-top: 9px;
    margin-right: 5px;
    float: left;
    margin-left: 10px;
}

.radio-check label[for=ContentPlaceHolder1_CheckDiscount] {
    margin-top: 5px;
    margin-bottom: 0px;
}

.student-infor .form-control:disabled, .student-infor .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    border: none;
}


.dueFee input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: 15px;
    height: 14px;
    float: left;
    margin-top: 14px;
    position: relative;
    margin-right: 7px;
}

.dueFee label[for=ContentPlaceHolder1_chkPostData] {
    margin-top: 10px;
    margin-right: 15px;
}

.table .round-img img {
    width: 38px;
}

.current-progress {
    margin-top: 15px;
}

.progress-content {
    margin-bottom: 20px;
}

    .progress-content:last-child {
        margin-bottom: 0px;
    }

.current-progressbar {
    margin-top: 3px;
}

    .current-progressbar .progress {
        height: 15px;
        margin: 0px;
        box-shadow: none;
    }

    .current-progressbar .progress-bar {
        box-shadow: 0px;
        line-height: 14px;
        font-size: 11px;
        box-shadow: none;
    }

.login-logo {
    text-align: center;
    margin-bottom: 15px;
}

    .login-logo span {
        color: #ffffff;
        font-size: 24px;
    }

    .login-logo img {
        height: 75px;
    }

.login-content {
    margin: 100px 0;
}

.login-form {
    background: #ffffff;
    padding: 30px 30px 20px;
    border-radius: 2px;
}

    .login-form h4 {
        color: #455a64;
        text-align: center;
        margin-bottom: 50px;
    }

    .login-form .checkbox {
        color: #455a64;
    }

        .login-form .checkbox label {
            text-transform: none;
        }

    .login-form .btn {
        width: 100%;
        text-transform: uppercase;
        font-size: 14px;
        padding: 15px;
        border: 0px;
    }

    .login-form label {
        color: #455a64;
        text-transform: uppercase;
    }

        .login-form label a {
            color: #4680ff;
        }

.social-login-content {
    margin: 0px -30px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 30px 0px;
    background: #fcfcfc;
}

.social-button {
    padding: 0 30px;
}

    .social-button i {
        padding: 19px;
    }

.register-link a {
    color: #4680ff;
}

.cpu-load {
    width: 100%;
    height: 272px;
    font-size: 14px;
    line-height: 1.2em;
}

.cpu-load-data-content {
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
}

.cpu-load-data {
    margin-bottom: 30px;
}

    .cpu-load-data li {
        display: inline-block;
        width: 32.5%;
        text-align: center;
        border-right: 1px solid #e7e7e7;
    }

        .cpu-load-data li:last-child {
            border-right: 0px;
        }

#barChart {
    height: 400px !important;
}

.nestable-cart {
    overflow: hidden;
}

.dd-handle,
.dd3-content {
    color: #000 !important;
}

.profiletimeline {
    border-left: 1px solid rgba(120, 130, 140, 0.13);
    margin-left: 30px;
    margin-right: 10px;
    padding-left: 40px;
    position: relative;
}

    .profiletimeline .sl-left {
        float: left;
        margin-left: -60px;
        margin-right: 15px;
        z-index: 1;
    }

        .profiletimeline .sl-left img {
            max-width: 40px;
        }

    .profiletimeline .sl-item {
        margin-bottom: 30px;
        margin-top: 8px;
    }

    .profiletimeline .sl-date {
        color: #99abb4;
        font-size: 12px;
    }

    .profiletimeline .time-item {
        border-color: rgba(120, 130, 140, 0.13);
        padding-bottom: 1px;
        position: relative;
    }

        .profiletimeline .time-item::before {
            content: " ";
            display: table;
        }

        .profiletimeline .time-item::after {
            background-color: #ffffff;
            border-color: rgba(120, 130, 140, 0.13);
            border-radius: 10px;
            border-style: solid;
            border-width: 2px;
            bottom: 0;
            content: "";
            height: 14px;
            left: 0;
            margin-left: -8px;
            position: absolute;
            top: 5px;
            width: 14px;
        }

    .profiletimeline .time-item-item::after {
        content: " ";
        display: table;
    }

    .profiletimeline .item-info {
        margin-bottom: 15px;
        margin-left: 15px;
    }

        .profiletimeline .item-info p {
            margin-bottom: 10px !important;
        }

.customtab li a.nav-link,
.profile-tab li a.nav-link {
    border: 0 none;
    color: #455a64;
    padding: 15px 20px;
}

    .customtab li a.nav-link.active,
    .profile-tab li a.nav-link.active {
        border-bottom: 2px solid #1976d2;
        color: #1976d2;
    }

.card-two {
    position: relative;
    margin: 0 !important;
    border: 0;
}

    .card-two header {
        position: relative;
        width: 100%;
        height: 60px;
    }

        .card-two header .avatar {
            position: absolute;
            left: 50%;
            top: 30px;
            margin-left: -50px;
            z-index: 5;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            overflow: hidden;
            background: #ccc;
            border: 3px solid #fff;
        }

            .card-two header .avatar img {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 100px;
                height: auto;
            }

    .card-two h3 {
        position: relative;
        margin: 80px 0 30px;
        text-align: center;
    }

        .card-two h3::after {
            content: '';
            position: absolute;
            bottom: -15px;
            left: 50%;
            margin-left: -15px;
            width: 30px;
            height: 1px;
            background: #000;
        }

    .card-two .desc {
        padding: 0 1rem 2rem;
        text-align: center;
        line-height: 1.5;
        color: #777;
    }

    .card-two .contacts {
        width: 200px;
        max-width: 100%;
        margin: 0 auto 3.5rem;
    }

        .card-two .contacts a {
            display: block;
            width: 33.333333%;
            float: left;
            text-align: center;
            color: #1976d2;
        }

            .card-two .contacts a:hover {
                color: #333;
            }

                .card-two .contacts a:hover .fa::before {
                    color: #fff;
                }

                .card-two .contacts a:hover .fa::after {
                    top: 0;
                }

            .card-two .contacts a .fa {
                position: relative;
                width: 40px;
                height: 40px;
                line-height: 39px;
                overflow: hidden;
                text-align: center;
                border: 2px solid #1976d2;
                border-radius: 50%;
            }

                .card-two .contacts a .fa:before {
                    position: relative;
                    z-index: 1;
                }

                .card-two .contacts a .fa::after {
                    content: '';
                    position: absolute;
                    top: -50px;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    -webkit-transition: top 0.3s;
                    transition: top 0.3s;
                    background: #1976d2;
                }

            .card-two .contacts a:last-of-type .fa {
                line-height: 36px;
            }

.profile-widget-one .profile-one-bg {
    position: relative;
}

.profile-widget-one .profile-one-user-photo {
    position: relative;
}

    .profile-widget-one .profile-one-user-photo .bg-overlay {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .profile-widget-one .profile-one-user-photo .user-photo {
        bottom: 0;
        height: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
    }

        .profile-widget-one .profile-one-user-photo .user-photo img {
            border-radius: 100px;
            height: 100px;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            width: 100px;
        }

.profile-widget-one .profile-one-user-content ul li {
    background: #ffffff;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    display: block;
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 32%;
}

    .profile-widget-one .profile-one-user-content ul li:last-child {
        border-right: 0px;
    }

.profile-widget-one .profile-one-user-content h4 {
    line-height: 30px;
    font-size: 14px;
    margin: 0px;
}

.profile-widget-one .profile-one-user-content .earning-amount,
.profile-widget-one .profile-one-user-content .sold-amount {
    color: #26dad2;
    font-size: 24px;
    font-weight: 400;
    margin-top: 10px;
}

.profile-widget-one .profile-one-user-content .sold-amount {
    color: #4680ff;
    font-size: 24px;
    font-weight: 400;
    margin-top: 10px;
}

.profile-widget-one .profile-one-user-button {
    text-align: center;
    padding: 26px 0px;
}

.profile-widget-one .profile-btn-one {
    font-size: 18px;
    text-transform: uppercase;
    padding: 8px 15px;
    font-weight: 400;
    color: #4680ff;
}
/*Aleart
-------------*/
.alert-primary {
    background-color: #a2bfff;
    border-color: #a2bfff;
    color: #4680ff;
}

.alert-success {
    background-color: #93ede9;
    border-color: #93ede9;
    color: #26dad2;
}

.alert-warning {
    background-color: #ffeacd;
    border-color: #ffeacd;
    color: #ffb64d;
}

.alert-danger {
    background-color: #fedee5;
    border-color: #fedee5;
    color: #fc6180;
}

.alert-pink {
    background-color: #f8e4fb;
    border-color: #f8e4fb;
    color: #e6a1f2;
}

.alert-dismissable .close,
.alert-dismissible .close {
    color: rgba(0, 0, 0, 0.8);
}
/*    Labels
------------------*/
.label-default {
    background-color: #878787;
}

.label-primary {
    background-color: #4680ff;
}

.label-success {
    background-color: #26dad2;
}

.label-info {
    background-color: #62d1f3;
}

.label-danger {
    background-color: #fc6180;
}

.label-warning {
    background-color: #ffb64d;
}

@media (max-width: 667px) {
    .dt-buttons {
        margin-left: 10px;
    }
}

@media (max-width: 480px) {
    .dt-buttons {
        display: inline-block;
    }
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #26dad2;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -moz-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 5px;
    right: 5px;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #26dad2;
    border-left-color: #26dad2;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
    }

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

.superpose {
    color: #EEE;
    height: 350px;
    width: 100%;
}

.superclock {
    position: relative;
    width: 300px;
    margin: auto;
}

.superclock1 {
    position: absolute;
    left: 10px;
    top: 10px;
}

.superclock2 {
    position: absolute;
    left: 60px;
    top: 60px;
}

.superclock3 {
    position: absolute;
    left: 110px;
    top: 110px;
}

.header-search {
    float: right;
    margin-left: 15px;
    position: relative;
}

    .header-search .form-control {
        height: 36px;
        width: 250px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-size: 14px;
    }

    .header-search i {
        position: absolute;
        right: 5px;
        top: 5px;
        cursor: pointer;
        height: 30px;
        padding: 5px;
        width: 30px;
    }

.media-text-right {
    text-align: right;
}

.media-text-left {
    text-align: left;
}

.boxshadow-none {
    box-shadow: none;
}

.progress-sm {
    height: 8px;
}

.bg-warning-dark {
    background: #e7b63a;
}

.bg-info-dark {
    background: #8b67c9;
}

.bg-danger-dark {
    background: #e63327;
}

.bg-success-dark {
    background: #2ed3aa;
}

.bg-primary-dark {
    background: #0095e1;
}

.widget-card-circle i {
    font-size: 30px;
    left: 0;
    line-height: 97px;
    right: 0;
    text-align: center;
}

.widget-line-list li {
    display: inline-block;
    font-size: 1.2em;
    line-height: 27px;
    padding: 5px 20px 0 15px;
}

    .widget-line-list li span {
        font-size: 14px;
    }

.height-150 {
    height: 150px;
}

.social-connect ul li {
    display: inline-block;
}

    .social-connect ul li a {
        display: inline-block;
        margin: 0 5px;
        padding: 12px 15px;
        border-radius: 4px;
    }

.user-card-absolute {
    top: 115px;
    left: 0;
    right: 0;
}

.box-shadow {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.social-pad {
    padding: 40px 30px 110px;
}

.round-img img {
    border-radius: 100px;
}

.blockquote-box {
    border-right: 5px solid #E6E6E6;
    margin-bottom: 25px;
}

    .blockquote-box .square {
        width: 100px;
        min-height: 50px;
        margin-right: 22px;
        text-align: center !important;
        background-color: #E6E6E6;
        padding: 20px 0;
    }

    .blockquote-box .blockquote-primary {
        border-color: #4680ff;
    }

        .blockquote-box .blockquote-primary .square {
            background-color: #4680ff;
            color: #ffffff;
        }

    .blockquote-box .blockquote-success {
        border-color: #26dad2;
    }

        .blockquote-box .blockquote-success .square {
            background-color: #26dad2;
            color: #ffffff;
        }

    .blockquote-box .blockquote-info {
        border-color: #62d1f3;
    }

        .blockquote-box .blockquote-info .square {
            background-color: #62d1f3;
            color: #ffffff;
        }

    .blockquote-box .blockquote-warning {
        border-color: #ffb64d;
    }

        .blockquote-box .blockquote-warning .square {
            background-color: #ffb64d;
            color: #ffffff;
        }

    .blockquote-box .blockquote-danger {
        border-color: #d43f3a;
    }

        .blockquote-box .blockquote-danger .square {
            background-color: #fc6180;
            color: #ffffff;
        }

.error-box {
    height: 100%;
    position: fixed;
    width: 100%;
}

    .error-box .footer {
        left: 0;
        right: 0;
        width: 100%;
    }

.error-body {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

    .error-body h1 {
        font-size: 150px;
        font-weight: 900;
        line-height: 210px;
        color: #444c67;
    }


.form-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-perspective: 800px;
    perspective: 800px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.form-signin {
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    padding-top: 0px;
    width: 350px;
    float: right;
}

    .form-signin .btn-lg {
        padding: 3px;
        font-size: 18px;
    }

    .form-signin button {
        text-transform: none;
        height: 32px;
    }

.form-signup {
    box-shadow: 0px 1px 10px 1px #ccc;
    padding: 15px;
    border-radius: 5px;
    background-color: #fbfbfb;
}

h1.text-left {
    font-size: 20px;
    margin-bottom: 5px;
}

.form-signup h1.text-center {
    font-size: 18px;
    margin-bottom: 0px;
    text-align: center;
    background-color: #2A4564;
    color: #fff;
    margin-bottom: 15px;
    border-radius: 3px 3px 0px 0px;
}

.form-signin .form-control {
    height: 35px;
    border-radius: 5px;
    box-shadow: none;
    border-color: #e7e7e7;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
}

.form-signin h5.text-left {
    font-size: 13px;
    padding-top: 5px;
}

.form-signin input[type="email"]::placeholder, .form-signin input[type="password"]::placeholder, .form-signin input[type="text"]::placeholder {
    color: #ccc;
}

input[type="date"]::placeholder {
    color: #ccc;
}

.form-signin h5.text-left {
    font-size: 13px;
    padding-top: 5px;
    float: left;
}
.form-signin h6.text-left {
    font-size: 13px;
    padding-top: 5px;
    float: right;
}

button.btn.btn-lg.btn-primary.btn-block {
    background-color: #d60400;
    border: none;
}

.logo-img {
    width: 300px;
    margin-left: 0px;
    margin-top: 0px;
}

.vertical-line {
    border-right: 1px solid rgba(204, 187, 166, 0.8);
    height: 355px;
    text-align: center;
}
.vertical-line1 {
    border-right: 1px solid rgba(204, 187, 166, 0.8);
    height: 300px;
    text-align: center;
}

.page-wrapper {
    background: #ffffff;
    padding-bottom: 0px;
}

.commen-space {
    padding-left: 0px;
    padding-right:5px;
}
.commen-spaceing {
    padding-left: 0px;
    padding-right: 10px;
}

.reset-icon {
    background-color: #d60400;
    border: none;
}

    .reset-icon i.fa.fa-refresh {
        color: #fff;
        margin-left: -3px;
        margin-top: 5px;
        font-size: 14px;
    }

.captcha-bg {
    background-color: #cccccc;
    border: none;
    color: #fff;
    line-height: 28px;
    font-size: 16px;
}

img.dark-logo {
    width: 232px;
    padding-top: 2px;
}


.page-titles {
    background: #f7f7f7;
    margin: 0 0 0px;
    padding: 0px 15px;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 1px 0 8px rgb(0 0 0 / 23%);
    box-shadow: 1px 0 8px rgb(0 0 0 / 23%);
    height: 45px;
}

    .page-titles h3 {
        margin-bottom: 0;
        margin-top: 0;
        text-align: left;
    }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #f85800 !important;
    border-color: #dee2e6 #dee2e6 #fff;
    color: #fff !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #f7f7f7 !important;
}

.p-20 {
    padding: 15px !important;
    background-color: #f7f7f7;
}

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

.form-control::-webkit-input-placeholder {
    color: #ccc;
}

.booking-section label.control-label {
    margin-bottom: 2px;
    font-size: 15px;
}

.booking-section .form-group {
    margin-bottom: 10px;
}

.btn-successs {
    background-color: #008cba;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 10px;
    border-radius: 0px;
}
/* This is what we are focused on */
.table-wrapper {
}

    .table-wrapper th {
        position: sticky;
        top: 0;
    }

/* A bit more styling to make it look better */
.table-wrapper {
    background: #fff;
}

th {
    background: #DDD;
}

td, th {
    padding: 10px;
    text-align: center;
}

table.vehicle thead tr th:last-child, table.vehicle tbody tr td:last-child {
    text-align: center;
}

.p-21 {
    padding: 15px !important;
    background-color: #fff;
}

.nav-tabs1 .nav-item.show .nav-link, .nav-tabs1 .nav-link.active {
    background-color: #f85800;
    border: 1px solid #d2d4d6;
    border-bottom: none;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #fff;
}

.pad-t20 {
    padding-top: 10px;
}

table.vehicle {
    border: 1px solid #ccc;
}

    table.vehicle thead tr th {
        color: #ffffff;
        font-weight: 500;
        padding: 5px;
        border-right: 1px solid #ccc;
        white-space: nowrap;
    }

    table.vehicle tbody tr td {
        font-family: 'Poppins', sans-serif;
        color: #333;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    table.vehicle th {
        background: #36304a;
        color: #ffffff;
        font-weight: 500;
        padding: 5px;
        border-right: 1px solid #ccc;
        white-space: nowrap;
    }

.nav-tabs1 {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs1 .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs1 .nav-link:focus, .nav-tabs1 .nav-link:hover {
        border-color: #e9ecef #e9ecef #dee2e6;
    }

.date-icon {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #6d6c6c;
    padding: 8.8px 8px;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    text-align: center;
    background-color: #eee;
    border-left: 1px solid #ced4da;
    border-radius: 2px 1px 1px 0px;
    z-index: 0;
}

.datepicker .prev.disabled, .datepicker .next.disabled {
    visibility: unset;
    padding-right: 5px;
}

.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
    cursor: pointer;
    padding-right: 10px;
}

.table-condensed thead tr th {
    background-color: transparent;
}

.table-condensed td, th {
    padding: 5px;
    padding-bottom: 2px;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #006dcc;
    background-repeat: repeat-x;
    color: #fff;
    background-image: linear-gradient(to bottom, #08c, #0044cc);
    border-left-color: #0044cc;
    border-right-color: #0044cc;
    border-top-color: #0044cc;
    border-bottom-color: #002a80;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #d6d3d3;
    cursor: default;
}

.dropdown-menu {
    z-index: 99 !important;
}

.container-tbl {
    margin-top: 10px;
}

.rate-tariff .table th, .rate-tariff .table td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.rate-tariff .table th, .rate-tariff .table td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.rate-tariff .thead-bg th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #fff;
}

.style-8::-webkit-scrollbar-track {
    border: 1px solid black;
    background-color: #F5F5F5;
}

.style-8::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-8::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #F5F5F5;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.style-8::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2%, #929191), color-stop(0.2%, #929191), color-stop(0.2%, #929191));
}

.data-spacing.container-tbl .table-responsive {
    height: 500px !important;
}

.table-responsive table.vehicle {
    width: 50%;
}

table#VehicleSection.vehicle {
    width: 100%;
    font-size: 14px;
}

.page-titles h3 {
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
    font-size: 17px;
    color: rgba(73, 73, 209, 0.29) !important;
    font-weight: 600;
}

.access {
    font-size: 13px;
    text-align: center;
    margin: 0px auto;
    border: 1px solid #ccc;
    padding: 6px;
    margin-top: 10px;
}

.btn-cancel {
    -webkit-box-shadow: 0 2px 2px 0 rgb(169 169 169 / 14%), 0 3px 1px -2px rgb(169 169 169 / 20%), 0 1px 5px 0 rgb(169 169 169 / 12%);
    box-shadow: 0 2px 2px 0 rgb(169 169 169 / 14%), 0 3px 1px -2px rgb(169 169 169 / 20%), 0 1px 5px 0 rgb(169 169 169 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    background-color: #988f8f !important;
    color: #ffffff !important;
    border-color: #988f8f;
    min-width: 150px;
}

.ptop20 {
    padding-top: 20px;
}

.data-spacing.role-create {
    padding-top: 0px;
}

.form-control-custom {
    visibility: hidden;
    width: 1px;
}

.role-create .table th {
    padding: 7px;
    vertical-align: top;
    border: 1px solid #ccc;
    border-top: none;
    font-weight: 300;
    border-right: 1px solid rgb(88 88 88 / 50%);
    line-height: 20px;
}

.data-spacing.role-create input[type=checkbox] {
    margin: -15px 0 0;
    line-height: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    float: left;
}

.data-spacing.role-create input.form-control-custom + label {
    font-size: 14px;
    margin-bottom: 0px;
    margin-left: 22px;
    color: #333;
    padding-left: 20px;
    padding-top: 0px;
    position: relative;
    margin-top: 0px;
    float: left;
}

.data-spacing.role-create .table td {
    border: 1px solid #ccc;
    border-top: none;
    padding: 3px;
    line-height: 25px;
    text-align: center;
    padding-left: 15px;
}

.data-spacing.role-create .booking input.form-control-custom + label {
    color: #313131;
    margin-left: 2px;
}

.data-spacing.role-create .thead-bg th {
    background: #929191;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.booking .form-control-custom + label::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    line-height: 16px;
    background: #fbfbfb;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 2px;
    left: -2px;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    cursor: pointer;
    border: 1px solid #b7b7b7;
    border-radius: 2px;
}

input#selectallitems.form-control-custom + label::after {
    content: '\f00c';
    display: block;
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #fff;
    position: absolute;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    opacity: 0;
    cursor: pointer;
    font-weight: 100;
    top: 3px;
    left: 1px;
}

input.form-control-custom + label::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    line-height: 16px;
    background: #fbfbfb;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 4px;
    left: -2px;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    cursor: pointer;
    border: 1px solid #b7b7b7;
    border-radius: 2px;
}

input.form-control-custom + label::after {
    content: '\f00c';
    display: block;
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: -24px;
    left: 5px;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    opacity: 0;
    cursor: pointer;
    font-weight: 100;
    top: 1px;
    left: 1px;
}

input.form-control-custom:checked + label::before {
    background: #1b76d8 !important;
    border: none;
}

input.form-control-custom:checked + label::after {
    opacity: 1 !important;
}

table#role-section tbody tr th:nth-child(2), table#role-section tbody tr td:nth-child(2) {
    width: 70%;
    padding-right: 20px;
    text-align: left;
    padding-left: 20px;
}

.spacing {
    margin-left: 0px;
    margin-right: 0px;
}
.space-commen {
    margin-left: 15px;
    margin-right:15px;
}

.role-create .form-control {
    padding: 7px;
    padding-left: 10px;
    font-size: 15px;
    text-align: left;
}

.card h1 {
    font-size: 16px;
    background-color: #8d94c2;
    padding: 7px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
}

.tree-view {
    background-color: #fff;
    position: relative;
    height: 410px;
}

    .tree-view ul {
        list-style: none;
        padding-left: 0px;
        margin-bottom: 0px;
    }

        .tree-view ul li {
            display: block;
        }

            .tree-view ul li a {
                border-bottom: 1px solid rgba(0, 0, 23, 0);
                color: #282727;
                display: block;
                padding: 7px;
                padding-left: 12px;
                font-size: 14px;
            }

                .tree-view ul li a::before {
                    content: "\f14d";
                    font-family: FontAwesome;
                    font-style: normal;
                    font-weight: normal;
                    padding-right: 8px;
                    font-size: 16px;
                    color: #8d94c2;
                }

.p-left0 {
    padding-left: 0px;
}

.views .card.border {
    padding: 0px;
}

.views .card h1 {
    font-size: 16px;
    background-color: #36304a;
    padding: 0px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    line-height: 40px;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #ccc;
}

.ContentPlaceHolder1_tvTreeView_2 {
    background-color: #5c5d6417 !important;
    padding: 5px 0px 5px 0px;
}

.role-view table {
    width: 100%;
}

.i-checks.float-left.booking {
    margin-bottom: 5px;
}

.btn-right {
    padding-right: 0px;
    text-align: right;
}

.btn-right-booking {
    padding-right: 15px;
    text-align: right;
}

.btn {
    padding: 6px 5px;
    cursor: pointer;
    font-size: 15px;
}

.online-btn {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    width: 70px;
    color: #fff;
    margin-right: 22px;
    height: 34px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    margin-left: -14px;
    float: left;
}

.btn-right .btn-secondary {
    color: #fff;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.section-scroll .btn-secondary {
    color: #fff;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.rate-tariff tr th:nth-child(3), .rate-tariff tr td:nth-child(3) {
    width: 40%;
}

.shipping-bill table tbody tr th, .shipping-bill table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.shipping-bill .table th, .shipping-bill .table td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.shipping-bill table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.shipping-bill tr th:first-child, .shipping-bill tr td:first-child {
    min-width: 220px;
}

.shipping-bill tr th:nth-child(2), .shipping-bill tr td:nth-child(2) {
    width: 10%;
}

.shipping-bill tr th:nth-last-child(2), .shipping-bill tr td:nth-last-child(2) {
    min-width: 150px;
}

.page-titles .breadcrumb {
    float: left;
}

    .page-titles .breadcrumb .breadcrumb-item.active {
        color: #f85800;
        font-weight: 600;
        font-size: 15px;
        padding-top: 2px;
    }

    .page-titles .breadcrumb li a {
        font-size: 15px;
    }

.inline-space {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.p-r10 {
    padding-right: 10px;
    padding-top: 6px;
    margin-bottom: 0px;
}

.m-l0 {
    margin-left: 0px;
    margin-right: 0px;
}

.pr10 {
    padding-right: 10px;
}

.p-top21 {
    padding-top: 23px;
}

.btm-line {
    border-bottom: 3px solid #d50500;
    margin-bottom: 8px;
    margin-top: 0px;
    color: #ff3300;
}

.booking-txt {
    border: none;
    color: #ff3300;
    background-color: transparent;
}

.inline-space input[type="text"]::placeholder {
    color: #fff;
}


table.vehicle thead tr th:first-child, table.vehicle tbody tr td:first-child {
    width: 40%;
}

table.vehicle thead tr th:nth-child(2), table.vehicle tbody tr td:nth-child(2) {
    width: 45%;
}

table#VehicleDet.vehicle tbody tr th:last-child, table#VehicleDet.vehicle tbody tr td:last-child {
    min-width: 100px;
}

table#ContainerDet.vehicle tbody tr th:last-child, table#ContainerDet.vehicle tbody tr td:last-child {
    min-width: 100px;
}

.radio-check {
    float: left;
    margin-right: 10px;
}

.icon-view-btn {
    color: #110b3c;
    padding: 5px 3px;
    border-radius: 3px;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    font-size: 17px;
}

.icon-edit-btn {
    color: #08630f;
    padding: 5px 3px;
    border-radius: 3px;
    margin-bottom: 3px;
    font-size: 16px;
}

.icon-delete-btn {
    color: #f00;
    padding: 5px 3px;
    border-radius: 3px;
    margin-left: 4px;
    font-size: 17px;
}

.edit-dropdown {
    float: left;
    margin-right: 4px;
}

.edit-dropdown1 {
    float: left;
    margin-right: 1px;
}

.pleft7 {
    padding-left: 7px;
}

.feestr div#ContentPlaceHolder1_tvTreeView {
    margin-top: 0px;
    border: 1px solid #ccc;
}

.modal-box {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 98%;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

.modal-box {
    width: 40%;
}

    .modal-box header,
    .modal-box .modal-header {
        padding: 5px;
        border-bottom: 1px solid #ddd;
        padding-left: 20px;
        background-color: #f5f2f2;
    }

        .modal-box header h3,
        .modal-box header h4,
        .modal-box .modal-header h3,
        .modal-box .modal-header h4 {
            margin: 0;
        }

    .modal-box .modal-body {
        padding: 15px;
        text-align: center;
    }

    .modal-box footer,
    .modal-box .modal-footer {
        padding: 1em;
        border-top: 1px solid #ddd;
        background: rgba(0, 0, 0, 0.02);
        text-align: right;
    }

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 63%) !important;
}

a.close {
    line-height: 1;
    font-size: 1.5em;
    position: absolute;
    top: 5%;
    right: 2%;
    text-decoration: none;
    color: #bbb;
}

    a.close:hover {
        color: #222;
        -webkit-transition: color 1s ease;
        -moz-transition: color 1s ease;
        transition: color 1s ease;
    }

div#popup1 h3 {
    font-size: 20px;
    font-weight: 600;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 13px;
    line-height: 1.2;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 34px;
    position: relative;
}
.student-inform .form-control {
    display: block;
    width: 100%;
    padding: .1rem .15rem;
    font-size: 13px;
    line-height: 1.2;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: 34px;
    position: relative;
}

.Prev-Rates table tbody tr th, .shipping-bill table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.Prev-Rates .table th {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.Prev-Rates .table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #333;
    height: 36px;
}

.Prev-Rates table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.data-spacing.container-tbl.Prev-Rates .table-responsive {
    height: auto;
    padding-bottom: 10px;
}

.vendor-Rates table tbody tr th, .vendor-Rates table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.vendor-Rates .table th {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.vendor-Rates .table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #333;
    height: 40px;
}

.vendor-Rates table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.data-spacing.container-tbl.vendor-Rates .table-responsive {
    height: 112px;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.0rem + 1.0px);
    line-height: 1.0;
    font-size: 13px;
    padding-left: 5px;
    padding-right: 10px;
}
input#ContentPlaceHolder1_textDateOfReg {
    height: 32px;
    width: 100%;
}

.select-vendor select.form-control:not([size]):not([multiple]) {
    height: calc(2.0rem + 1.0px);
    line-height: 1.2;
    /*width: 322px;*/
}

.status-input select.form-control:not([size]):not([multiple]) {
    height: calc(2rem + 1px);
    line-height: 1.2;
    width: 156px;
}

.ml38 {
    margin-left: 38px;
}

.Ventbl-space {
    padding: 20px;
    padding-top: 8px;
}

#CostDetails .btn-secondary {
    color: #fff;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.list-show table tbody tr th, .list-show table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.list-show .table th, .list-show .table td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

.list-show .table td {
    text-align: left;
    padding-left: 2px;
    color: #333;
}

.list-show table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

div#dvLocation table {
    width: 100%;
}

div#dvVehicle table {
    width: 100%;
}

#BookingShow.list-show tbody tr td:nth-child(2) a {
    color: #006dcc;
    text-decoration: underline !important;
}

    #BookingShow.list-show tbody tr td:nth-child(2) a:hover {
        color: #0044cc;
    }

/*.list-show tbody tr th:last-child, .list-show tbody tr td:last-child {
    width: 18%;
}
*/
#Offline-Payment-section.data-spacing.list-show .table-responsive {
    height: 258px;
    margin-bottom: 15px;
}
.session-error {
    width: 600px;
    height: 400px;
    border-radius: 5px;
    box-shadow: 0px 2px 7px 0px #616161c4;
    margin: 0px auto;
    text-align: center;
}

.pad-top10 {
    padding-top: 10px;
}

.table-responsive table.Company,
.table-responsive table.Branch, 
.table-responsive table.Station {
    width: 100%;
}

.data-spacing.company-tbl .table-responsive {
    height: 273px;
}

.company-tbl table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
    padding: 2px;
    padding-left: 14px;
}

.company-tbl table tbody tr td {
    padding: 3px;
    padding-left: 14px;
    background-color: #fff;
}

.data-spacing.Branch-tbl .table-responsive, 
.data-spacing.Company-tbl .table-responsive, 
.data-spacing.Station-tbl .table-responsive {
    height: 273px;
}


.Branch-tbl table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
    padding: 2px;
    padding-left: 14px;
}

.Branch-tbl table tbody tr td {
    padding: 3px;
    padding-left: 14px;
    background-color: #fff;
    text-align: left;
}

.Company-tbl table tbody tr td {
    padding: 3px;
    padding-left: 14px;
    background-color: #fff;
    text-align: left;
}

.Company-tbl table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
    padding: 2px;
    padding-left: 14px;
}

.Company-tbl table tbody tr td {
    padding: 3px;
    padding-left: 14px;
    background-color: #fff;
    text-align: left;
}

.table-responsive table.Company tbody tr th, .table-responsive table.Company tbody tr td {
    text-align: left;
}

.table-responsive table.Station tbody tr th, .table-responsive table.Station tbody tr td {
    text-align: left;
}

.Station-tbl table tbody tr td {
    padding: 3px;
    padding-left: 14px;
    background-color: #fff;
    text-align: left;
}

.Station-tbl table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
    padding: 2px;
    padding-left: 14px;
}

.Station-tbl table tbody tr td {
    padding: 3px;
    padding-left: 14px;
    background-color: #fff;
    text-align: left;
}

#BulkDetails .btn-secondary, #ContainerDetails .btn-secondary {
    color: #fff;
    background-color: #f85800 !important;
    border-color: #f85800 !important;
    padding: 5px;
    font-size: 13px;
}

.trip-details table tbody tr th, .trip-details table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.trip-details .table th, .trip-details .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 150px;
}

.trip-details table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.trip-details tbody tr th:nth-last-child(2), .trip-details tbody tr td:nth-last-child(2) {
    min-width: 100px;
}

.trip-details tbody tr th:last-child, .trip-details tbody tr td:last-child {
    min-width: 100px;
}

.trip-details tr td {
    position: relative;
}

.btn-group {
    width: 100%;
}

.trip-close-details table tbody tr th, .trip-close-details table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.trip-close-details .table th, .trip-close-details .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 150px;
}

.trip-close-details table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.trip-close-details tbody tr th:nth-last-child(3), .trip-close-details tbody tr td:nth-last-child(3) {
    min-width: 300px;
}

.trip-close-details tbody tr th:last-child, .trip-close-details tbody tr td:last-child {
    min-width: 100px;
}

.trip-details .btn-secondary {
    color: #fff;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

input.form-control.bs-timepicker {
    position: relative;
}

.timepicker {
    position: absolute;
    top: 40px !important;
    left: 0px !important;
}

    .timepicker .icon-up, .timepicker .icon-down {
        display: inline-block;
        width: 46px;
        height: 30px;
        cursor: pointer;
    }

    .timepicker .title {
        padding: 5px 0 0px 0;
        color: #888;
        width: 100%;
        cursor: default;
    }

    .timepicker li.cell-2 {
        padding: 3px 0 0px;
        cursor: pointer;
    }

.btn-left {
    padding-right: 0px;
    text-align: left;
}

    .btn-left .btn-secondary {
        color: #f7f7f7;
        background-color: #5c4ac7 !important;
        border-color: #5c4ac7 !important;
        margin-bottom: 0px;
        line-height: 18px;
    }

.btm-line-branch {
    margin-bottom: 8px;
    margin-top: 0px;
    color: #ffffff;
    background-color: #9d9ba2;
    padding: 5px;
    border-radius: 5px;
    padding-left: 12px;
}

.booking-txt-branch {
    border: none;
    border-bottom: 1px solid rgb(169 169 169);
    color: #ffffff;
    background-color: transparent;
}

.row.select-vendor {
    padding-top: 10px;
    padding-left: 18px;
    padding-bottom: 0px;
    padding-right: 18px;
}

.student-inform {
    padding: 8px;
}

div#ContentPlaceHolder1_tvTreeView {
    margin-top: -122px;
    border: none;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
.Fee-Master hr {
    margin-top: 6px;
    margin-bottom: 6px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.select-vendor .form-group {
    margin-bottom: 2px;
}

.select-vendor select#lstSelectVendor {
    width: 322px;
}

.vendorpaymentdetails table tbody tr th, .vendorpaymentdetails table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.vendorpaymentdetails .table th, .vendorpaymentdetails .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 150px;
}

.vendorpaymentdetails table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.data-spacing.role-create.payment-detl {
    padding-top: 0px;
    margin-top: -11px;
    margin-left: -8px;
}

.vendorpaymentdetails .table th:last-child, .vendorpaymentdetails .table td:last-child {
    min-width: 50px;
}

.data-spacing.role-create.payment-detl input.form-control-custom + label::before {
    top: 2px;
}

.company-branch-details table tbody tr th, .company-branch-details table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.company-branch-details .table th, .company-branch-details .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 150px;
}

.company-branch-details table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.company-branch-details .table th:nth-child(2), .company-branch-details .table td:nth-child(2) {
    width: 250px;
}

.company-branch-details .table th:last-child, .company-branch-details .table td:last-child {
    min-width: 60px;
}



.vendor-payment-entry table tbody tr th, .company-branch-details table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.vendor-payment-entry .table th, .company-branch-details .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 150px;
}

.vendor-payment-entry table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.vendor-payment-entry .table th:first-child, .vendor-payment-entry .table td:first-child {
    width: 60px;
}


.MultiCheckBox {
    border: 1px solid #ced4da;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
    width: 100% !important;
    background-color: #fff;
    font-size: 14px;
    position: relative;
}

    .MultiCheckBox .k-icon {
        font-size: 15px;
        float: right;
        font-weight: bolder;
        margin-top: -4px;
        height: 10px;
        width: 14px;
        color: #787878;
        position: absolute;
        right: 10px;
        z-index: 9;
    }

.MultiCheckBoxDetail {
    display: none;
    position: absolute;
    border: 1px solid #dddddd;
    overflow-y: hidden;
    background-color: #fff;
    z-index: 999;
    width: 215px !important;
    white-space: nowrap;
}

.MultiCheckBoxDetailHeader {
    display: none;
}

.MultiCheckBoxDetailBody {
    overflow-y: scroll;
}

.MultiCheckBoxDetail .cont {
    clear: both;
    overflow: hidden;
    padding: 5px;
    padding-bottom: 0px;
    display: flex;
    padding-top: 1px;
}

    .MultiCheckBoxDetail .cont div input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0;
        margin-right: 5px;
        margin-top: 5px;
        width: 14px;
        height: 14px;
    }

    .MultiCheckBoxDetail .cont:hover {
        background-color: #4d9cef;
        color: #fff;
    }

.MultiCheckBoxDetailBody > div > div {
    float: left;
    padding: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    color: #333;
}

    .MultiCheckBoxDetailBody > div > div:hover {
        color: #fff;
    }

.MultiCheckBoxDetail > div > div:nth-child(1) {
}

.MultiCheckBoxDetailHeader {
    overflow: hidden;
    position: relative;
    height: 28px;
    background-color: rgba(48, 74, 173, 0.21);
}

    .MultiCheckBoxDetailHeader > input {
        position: absolute;
        top: 9px;
        left: 6px;
    }

    .MultiCheckBoxDetailHeader > div {
        position: absolute;
        top: 5px;
        left: 24px;
        color: #fff;
    }

.pleft20 {
    padding-left: 20px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(0 0 0 / 8%);
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #fff;
}

table#VehicleSection.vehicle tbody tr th:last-child, table#VehicleSection.vehicle tr td:last-child,
table#ContainerSection.vehicle tbody tr th:last-child, table#ContainerSection.vehicle tr td:last-child {
    min-width: 100px;
}

.cargo-weight .table th, .cargo-weight .table td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.cargo-weight .table th, .cargo-weight .table td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.cargo-weight .thead-bg th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #fff;
}

.cargo-weight table tr th:nth-child(3), .cargo-weight tr td:nth-child(3) {
    width: 150px;
}

.cargo-weight table tr th:first-child, .cargo-weight tr td:first-child {
    width: 200px;
}

.cargo-weight table tr th:nth-last-child(2), .cargo-weight tr td:nth-last-child(2) {
    width: 100px;
}

.cargo-weight table tr th:last-child, .cargo-weight tr td:last-child {
    width: 75px;
}

.User-Master table tbody tr th, .company-branch-details table tr td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.User-Master .table th, .User-Master .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.User-Master table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.User-Master .table th:first-child, .User-Master .table td:first-child {
    min-width: 100px;
}

.User-Master .table th:last-child, .User-Master .table td:last-child {
    width: 70px;
}



.vendor-cost-details table tbody tr th, .vendor-cost-details table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.address-height {
    min-height: 70px;
}

.vendor-cost-details .table th, .vendor-cost-details .table td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.vendor-cost-details table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.vendor-cost-details tr th:first-child, .vendor-cost-details tr td:first-child {
    width: 17%;
}

.vendor-cost-details tr th:nth-child(3), .vendor-cost-details tr td:nth-child(3) {
    width: 17%;
}

.vendor-cost-details tr th:nth-child(2), .vendor-cost-details tr td:nth-child(2) {
    width: 10%;
}

.vendor-cost-details tr th:nth-last-child(2), .vendor-cost-details tr td:nth-last-child(2) {
    width: 14%;
}

.vendor-cost-details tr th:last-child, .vendor-cost-details tr td:last-child {
    width: 7%;
}

.cost-details table tbody tr th, .vendor-cost-details table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.cost-details .table th, .cost-details .table td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.cost-details table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.cost-details tr th:first-child, .cost-details tr td:first-child {
    width: 17%;
}

.cost-details tr th:nth-child(3), .cost-details tr td:nth-child(3) {
    width: 20%;
}

.cost-details tr th:nth-child(4), .cost-details tr td:nth-child(4) {
    width: 20%;
}

.cost-details tr th:nth-child(2), .cost-details tr td:nth-child(2) {
    width: 19%;
}

.cost-details tr th:nth-last-child(2), .cost-details tr td:nth-last-child(2) {
    width: 12%;
}

.vendor-cost-details tr th:last-child, .vendor-cost-details tr td:last-child {
    width: 9%;
}


.generatechallandetails table tbody tr th, .generatechallandetails table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.generatechallandetails .table th, .generatechallandetails .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 150px;
}

.generatechallandetails table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.generatechallandetails .table th:first-child, .generatechallandetails .table td:first-child {
    min-width: 5%;
    width: 2%;
}

.generatechallandetails .table th:nth-last-child(2), .generatechallandetails .table td:nth-last-child(2) {
    min-width: 250px;
}

.generatechallandetails .table th:last-child, .generatechallandetails .table td:last-child {
    min-width: 70px;
}


.generatechallandetails table tbody tr th, .generatechallandetails table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.p-top7 {
    padding-top: 7px;
}

.p-top5 {
    padding-top: 5px;
}

.generatechallandetails .table th, .generatechallandetails .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 120px;
}

.generatechallandetails table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}


.data-btm {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #6d6d6d;
    color: #fff;
    z-index: 4;
    height: 45px;
    width: 100%;
}

.totl-amt {
    margin-top: 6px;
    text-align: right;
}

.checkliability-input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

.p-top6 {
    padding-top: 0px;
    padding-right: 10px;
}

.searchchallandetails table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.searchchallandetails .table th:first-child, .searchchallandetails .table td:first-child {
    min-width: 25%;
}



.searchchallandetails table tbody tr th, .searchchallandetails table tr td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
}

.searchchallandetails .table th, .searchchallandetails .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 120px;
}

.searchchallandetails table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

.searchchallandetails .table th:nth-child(2), .searchchallandetails .table td:nth-child(2) {
    width: 300px;
}



.modal-box-challan {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 98%;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

.modal-box-challan {
    width: 75%;
}

    .modal-box-challan header,
    .modal-box-challan .modal-header {
        padding: 5px;
        border-bottom: 1px solid #ddd;
        padding-left: 20px;
        background-color: #dad6d6;
        border-radius: 3px 3px 0px 0px;
    }

    .modal-box-challan h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .modal-box-challan header h3,
    .modal-box-challan header h4,
    .modal-box-challan .modal-header h3,
    .modal-box-challan .modal-header h4 {
        margin: 0;
    }

    .modal-box-challan .modal-body {
        padding: 15px;
    }

    .modal-box-challan footer,
    .modal-box-challan .modal-footer {
        padding: 1em;
        border-top: 1px solid #ddd;
        background: rgba(0, 0, 0, 0.02);
        text-align: right;
    }

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    max-height: 100%;
    background: rgb(0 0 0 / 81%) !important;
}

.modal-box-challan .form-group {
    margin-bottom: 12px;
}

.modal-box-challan .data-challan .form-group {
    margin-bottom: 0px;
}

.challan-lbl-wth {
    width: 135px;
}

.modal-box-challan .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.2;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border: transparent;
    border-bottom: 1px solid #dedbdb;
    margin-bottom: 8px;
}

.modal-box-challan .form-group.row {
    margin-right: 0px;
}

#challanoutput.data-spacing.container-tbl .table-responsive {
    height: 250px;
    margin-bottom: 10px;
}

#ReportingDetails .form-control {
    height: calc(2.1rem + 0.2px);
}

#UnloadingDetails .form-control {
    height: calc(2.1rem + 0.2px);
}

.modal-box-challan a.close {
    line-height: 1;
    font-size: 1.5em;
    position: absolute;
    top: 1%;
    right: 2%;
    text-decoration: none;
    color: #0e0d0d;
}

.checkliability {
    margin-left: 0.5em;
    display: inline-block !important;
    width: auto !important;
    background-color: #595858 !important;
    color: #fff !important;
}

.data-challan {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #dcd8d8;
    color: #000;
    z-index: 4;
    height: auto;
    width: 100%;
}

.customer-section .data-spacing.role-create {
    padding-top: 28px;
}

.p-left5 {
    padding-left: 5px;
}

.dropdown, .dropup {
    position: relative;
    border-radius: 2px;
}

.sidebar-nav ul li a:hover i {
    color: #1a73e8;
}

.company-master .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.4;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.company-master .control-label {
    font-size: 15px;
}

.trans-user .dropdown-menu {
    padding: 0px;
}

#role-section.employee-list-table tbody tr th:first-child, #role-section.employee-list-table tbody tr td:first-child {
    width: 6%
}

#role-section.employee-list-table tbody tr th:last-child, #role-section.employee-list-table tbody tr td:last-child {
    width: 5%;
}

.data-spacing.role-create #role-section input[type=checkbox] {
    margin: 0px 8px 0;
    line-height: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    float: left;
    width: 20px;
    height: 15px;
}

.list-show #role-section.table tbody tr th, .list-show #role-section.table tbody tr td {
    min-width: 50px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
}

.list-show #role-section input.form-control-custom + label::after {
    content: '\f00c';
    display: block;
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: -24px;
    left: 5px;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    opacity: 0;
    cursor: pointer;
    font-weight: 100;
    top: 3px;
    left: 1px;
}

.tree-view #ctl00_ContentPlaceHolder1_roleCreation table tbody tr td a {
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 23, 0);
    color: #282727;
    display: block;
    padding: 6px;
    padding-left: 12px;
    font-size: 14px;
}

    .tree-view #ctl00_ContentPlaceHolder1_roleCreation table tbody tr td a::before {
        content: "\f058";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        padding-right: 8px;
        font-size: 18px;
        color: #5c4ac7;
    }

.tree-view #ctl00_ContentPlaceHolder1_roleCreation table tbody tr td:first-child {
    display: none;
}

.tree-view #ctl00_ContentPlaceHolder1_roleCreation table tbody tr th, .tree-view #ctl00_ContentPlaceHolder1_roleCreation table tbody tr td {
    padding: 0;
    text-align: left;
}

.fluid-container.login-transchain {
    min-width: 930px;
}

.view .form-group.col-md-12 {
    margin-bottom: 0px !important;
}

span#TxtCaptcha {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    background-color: #f85800;
    color: #fff;
}

.refresh-img {
    height: 32px;
    width: 31px;
    border-width: 0px;
    padding-top: 2px;
    padding-left: 2px;
}

.data-spacing.customer-master {
    padding-top: 30px;
}

.form-signin .checkbox {
    position: relative;
    margin-left: 5px;
}

.form-signin .i-checks.float-left.booking {
    margin-bottom: 0px;
    margin-left: 20px;
    font-size: 14px;
}

.form-signin .form-group.row {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.captcha-wth {
    width: 60%;
    float: left;
}

.OTP-wth {
    width: 100%;
    float: left;
}

.verify-img img {
    width: 230px;
    margin: 0px auto;
    display: block;
    margin-bottom: 10px;
}

#SignupMob {
    margin-bottom: 15px;
}

.captcha-code {
    width: 28%;
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 0px;
    margin-left: 10px;
}


.mandatory-error {
    color: red;
}

.data-spacing label {
    margin-bottom: 0px;
}

.captcha-btn {
    width: 8%;
    float: left;
    padding-top: 0px;
}

.master-check {
    margin-top: 28px;
    margin-left: 15px;
}

.ptop70 {
    padding-top: 70px;
}

.tree-view .role-view table tbody tr td a {
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 23, 0.1);
    color: #282727;
    display: block;
    padding: 4px;
    padding-left: 12px;
    font-size: 13px;
}

    .tree-view .role-view table tbody tr td a::before {
        content: "\f058";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        padding-right: 8px;
        font-size: 18px;
        color: #b7b4ca;
    }

.ctl00_ContentPlaceHolder1_tvRoleList_1 {
    color: White !important;
}

a.ctl00_ContentPlaceHolder1_tvRoleList_1::before {
    color: #fff !important;
}

.tree-view .role-view table tbody tr td:first-child {
    display: none;
}

.tree-view .role-view table tbody tr th, .tree-view .role-view table tbody tr td {
    padding: 0;
    text-align: left;
}


.role-listing table:first-child {
    display: none;
}

.role-listing table td, th {
    padding: 2px;
}

.role-listing table tr td:last-child {
    position: absolute;
    left: 0px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding-left: 12px;
}

.role-listing table {
    height: 32px;
}

.tree-view .role-listing table tbody tr td a::before {
    content: "\f058";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    padding-right: 8px;
    font-size: 18px;
    color: #c2c2c2;
}

table#VehicleSection.vehicle tbody tr th:first-child, table#VehicleSection.vehicle tbody tr td:first-child {
    width: 15%;
}

table#VehicleSection.vehicle tbody tr th:nth-child(2), table#VehicleSection.vehicle tbody tr td:nth-child(2) {
    width: 15%;
}

table#VehicleSection.vehicle tbody tr th:nth-last-child(3), table#VehicleSection.vehicle tbody tr td:nth-last-child(3) {
    min-width: 100px;
}

table#Containertbl.vehicle {
    width: 100%;
    font-size: 14px;
}

table#Weighttbl.vehicle {
    width: 100%;
    font-size: 14px;
}

table#Containertbl.vehicle tbody tr th:first-child, table#Containertbl.vehicle tbody tr td:first-child {
    width: 15%;
}

table#Containertbl.vehicle tbody tr th:nth-child(2), table#Containertbl.vehicle tbody tr td:nth-child(2) {
    width: 15%;
}

table#Containertbl.vehicle tbody tr th:nth-last-child(3), table#Containertbl.vehicle tbody tr td:nth-last-child(3) {
    min-width: 100px;
}

table#Containertbl.vehicle tbody tr th:last-child, table#Containertbl.vehicle tbody tr td:last-child {
    min-width: 100px;
}

table#Weighttbl.vehicle tbody tr th:first-child, table#Weighttbl.vehicle tbody tr td:first-child {
    width: 35%;
}

table#Weighttbl.vehicle tbody tr th:nth-child(2), table#Weighttbl.vehicle tbody tr td:nth-child(2) {
    width: 15%;
}

table#Weighttbl.vehicle tbody tr th:nth-last-child(3), table#Weighttbl.vehicle tbody tr td:nth-last-child(3) {
    width: 100px;
}

table#Weighttbl.vehicle tbody tr th:last-child, table#Weighttbl.vehicle tbody tr td:last-child {
    min-width: 100px;
}

.tree-view .role-view table tbody tr td span {
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 23, 0.1);
    color: #282727;
    display: block;
    padding: 4px;
    padding-left: 12px;
    font-size: 14px;
}

    .tree-view .role-view table tbody tr td span::before {
        content: "\f058";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        padding-right: 8px;
        font-size: 18px;
        color: #b7b4ca;
    }

span.ctl00_ContentPlaceHolder1_tvRoleList_1::before {
    color: #fff !important;
}

.tree-view .role-view table tbody tr td a:hover {
    background-color: #F85800;
}

.tree-view .role-view table tbody tr td a:hover {
    background-color: #F85800;
    color: #fff;
}

    .tree-view .role-view table tbody tr td a:hover::before {
        color: #fff;
    }

.trans-user .dropdown-menu {
    padding: 2px;
    font-size: 14px;
}

.ptop12 {
    padding-top: 12px;
}

.ptop8 {
    padding-top: 8px;
}

a.js-modal-close.close {
    cursor: pointer;
}

.edit-dropdown {
    float: left;
    margin-right: 4px;
}

.download-btn {
    font-size: 20px;
    background-color: #f85800;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    margin-top: 0px;
}

.bookingnew .fileupload {
    width: 250px !important;
    margin: 5px 8px 0px 5px;
    float: left;
    height: calc(2.0rem + 0.4rem);
}

.icon-view-btn {
    color: #110b3c;
    padding: 5px 3px;
    border-radius: 3px;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    font-size: 17px;
}

.btn-primary-save {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-left: 5px;
    min-width: 80px;
}

.mtop5 {
    margin-top: 5px;
}


div#StatusBlock.table-responsive.style-8 {
    height: 350px;
}

.total-mandatory {
    position: absolute;
    right: 0px;
    top: -14px;
    color: red;
}

.btn-first {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-top: 0px;
    margin-left: 5px;
    min-width: 80px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 15px;
    line-height: 30px;
}

.btn-FeeDiscount {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-top: 0px;
    margin-left: 5px;
    max-width: 50px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 15px;
    line-height: 30px;
    height: 33px;
    min-width:80px;
}


.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    border: 1px solid #17a2b8;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-left: 5px;
    min-width: 80px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 15px;
    line-height: 30px;
}

.btn-info1 {
    color: #fff;
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-left: 5px;
    min-width: 100px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 15px;
    line-height: 30px;
}

.btn-ExcelDownload {
    color: #fff;
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-left: 5px;
    min-width: 130px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 15px;
    line-height: 30px;
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    border: 1px solid #343a40;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-left: 5px;
    min-width: 80px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 15px;
    line-height: 30px;
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    border: 1px solid #28a745;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-left: 5px;
    min-width: 80px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 15px;
    line-height: 30px;
}

.btn-Exit {
    color: #fff;
    background-color: #6c757d;
    border: 1px solid #6c757d;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-left: 5px;
    min-width: 80px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px;
    line-height: 30px;
}

.btn-Print {
    color: #212529;
    background-color: #ffc107;
    border: 1px solid #ffc107;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-left: 5px;
    min-width: 80px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px;
    line-height: 30px;
}

.navbar-nav li select.list-section {
    width: 250px;
    margin-top: 5px;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 350px !important;
}

.btn-secondary-save {
    background: #6c757d;
    border: 1px solid #6c757d;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-left: 5px;
    min-width: 70px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 15px;
    line-height: 30px;
}

.btn-primary-save:hover {
    color: #fff;
}

#BookingShow.data-spacing.list-show .table-responsive {
    height: 270px;
}

div.dd_chk_select {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    height: 32px !important;
    padding: 7px 0px 0px 8px !important;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    text-decoration: none;
    overflow: visible;
    color: Black;
    background-color: white;
    background-image: url(WebResource.axd?d=ur1uNQggs1v-70RZM50SQXohzFZjtGG73yQeiA1nzrVT0CmW61C8Bj0ThMlT3J5V_Zm4mo4mjqdvehnlDJDoa9B3ESYTGkfLZgIHWN4cZzhZnprwZRAny79aCL1WjyrlTt9vacqusw7sJNgEQV06qacdYmas1SFp1R0VL8unIeA1&t=635132555800000000);
    background-position: right center;
    background-repeat: no-repeat;
}

div.dd_chk_drop {
    background-color: white;
    border: 1px solid #CCCCCC;
    text-align: left;
    z-index: 1000;
    left: -1px;
    top: 30px !important;
    min-width: 100%;
}

.search-btn {
    min-width: auto !important;
    padding: 3px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    font-size: 17px;
    background: #5c4ac7;
    border: 1px solid #5c4ac7;
    color: #fff;
    font-weight: bold;
}

.multiselect-container.dropdown-menu.show {
    position: absolute;
    transform: translate3d(0px, -235px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
    width: auto;
    height: 250px;
    overflow: hidden scroll;
}

ul#ContentPlaceHolder1_autoCompleteSearch_completionListElem {
    height: 200px;
    overflow: auto;
    padding: 10px;
    z-index: 9;
}

.multiselect-container .form-check label {
    color: #101010 !important;
    margin-bottom: 0;
    font-size: 14px;
}

.pop-close {
    float: right;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 20px;
    border: none;
    margin-top: 3px;
    margin-right: 5px;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    background-color: #ffffff73;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}

    .pop-close:hover {
        float: right;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        line-height: 20px;
        border: none;
        margin-top: 3px;
        margin-right: 5px;
        font-weight: bold;
        font-size: 18px;
        cursor: pointer;
        font-family: 'Poppins', sans-serif;
        background-color: #fff;
    }

.online-paymnet i.fa.fa-calendar {
    position: absolute;
    right: 1px;
    top: 33px;
    width: 33px;
    height: 32px;
    background-color: #e7e7e7;
    line-height: 30px;
    padding-left: 10px;
}

.alert-message {
    position: absolute;
    left: 60%;
}

.booking-wth {
    width: 255px !important;
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 999999999;
}

.marT15 {
    margin-top: 15px;
}


.modalPopup {
    background-color: #FFFFFF;
    width: auto;
    padding: 0;
}

    .modalPopup .header {
        background-color: #f85800;
        height: 34px;
        color: White;
        line-height: 31px;
        text-align: left;
        font-size: 20px;
        padding-left: 10px;
    }

    .modalPopup .header-section {
        background-color: #f85800;
        height: 34px;
        color: White;
        line-height: 31px;
        text-align: left;
        font-size: 20px;
        padding-left: 10px;
    }

    .modalPopup .data-spacing.list-show {
        overflow: auto;
        max-height: 513px;
        height: auto;
    }



    .modalPopup .body {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 5px;
    }

.list-show #previousRate tbody tr th, .list-show #previousRate tbody tr td {
    min-width: 100px;
}

.list-show #previousRate tbody tr td {
    color: #3e3e3e;
}

    .list-show #previousRate tbody tr th:first-child, .list-show #previousRate tbody tr td:first-child {
        min-width: 120px;
    }

    .list-show #previousRate tbody tr th:last-child, .list-show #previousRate tbody tr td:last-child {
        width: 100px;
    }


/*a.ctl00_ContentPlaceHolder1_tvTreeView_0::before {
color: #fff !important;
}
.ctl00_ContentPlaceHolder1_tvTreeView_0 {
color: White !important;
}*/

.data-spacing.list-show #previousRate {
    padding: 15px;
}

a.ctl00_ContentPlaceHolder1_tvTreeView_1::before {
    color: #fff !important;
}

.ctl00_ContentPlaceHolder1_tvTreeView_1 {
    color: White !IMPORTANT;
}

.mtop10 {
    margin-top: 10px;
}

.logo-section img {
    width: 251px;
    height: auto;
    margin-bottom: 0px;
    margin-left: -6px;
}

h3.text-center {
    font-size: 27px;
    margin-top:-10px;
    font-weight: bold;
    letter-spacing: 0.7px;
}
.Education-Icon-Section {
    width: 130px;
    height: 125px;
    background-color: #f85800;
    border-radius: 50%;
    text-align: center;
    line-height: 165px;
    font-size: 17px;
    -webkit-transition: 0.4s ease;
    position: relative;
    margin: 0px auto;
    box-shadow: 0px 0px 10px 2px #bdbdbd;
    margin-top: 20px
}
.fa-gear:before, .fa-cog:before {
    content: "\f013";
}
    .Education-Icon-Section a {
        color: #fff;
    }
    .Education-Icon-Section:hover {
        box-shadow: 0px 0px 10px 2px #bdbdbd;
        background: #f85800d6;
        transition: .5s;
        transform: scale(1.12);
    }
    .Education-Icon-Section i {
        position: absolute;
        left: 34%;
        top: 17%;
        font-size: 40px;
        color: #041e3b;
    }
.mtop28 {
    margin-top: 28px;
}
div#TaxHead-Grouping {
    width: 48%;
    float: left;
    margin-right: 15px;
}
div#Terminal {
    width: 50%;
    float: left;
}
span.mandatory {
    color: red;
    font-size: 15px;
}
.input-small {
    margin-right: 10px;
    width: 70%;
    float: left;
}
.small-txt {
    font-size: 16px;
    line-height: 32px;
    position: absolute;
    right: 22px;
    top: 25px;
}

#TaxHead-Grouping .table th, #TaxHead-Grouping .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 150px;
}
.error-message {
    float: right;
    text-align: right;
    position: absolute;
    right: 18px;
    top: 0px;
    font-size: 13px;
}
#Role-Creation .table th, #Role-Creation .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 100px;
}
    #Role-Creation .table th:nth-child(2), #Role-Creation .table td:nth-child(2) {
        min-width: 400px;
    }
#Role-Creation table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

element.style {
    text-align: left;
}

#master-grid .table th, #Terminal .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px !important;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 150px;
}
.user-list div#ContentPlaceHolder1_tvTreeView {
    margin-top: -2px;
    border: 1px solid #ccc;
}
.form-inline.inline-space.Shipping-Entry {
    margin-bottom: 10px;
}

.Shipping-Entry .search-btn {
    margin-left: 10px;
}

#UnloadingDetails .date-icon {
    top: 7px;
}

button.multiselect.dropdown-toggle.btn.btn-default {
    width: 254px;
}

.select-vendor .btn-primary-one {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    box-shadow: rgb(33 15 141 / 14%) 0px 2px 2px 0px, rgb(33 15 141 / 20%) 0px 3px 1px -2px, rgb(33 15 141 / 12%) 0px 1px 5px 0px;
    color: rgb(232, 230, 227);
    max-width: 35px;
    margin-top: 0px !important;
}

.sidebar-nav ul li a i {
    padding-right: 3px;
    font-size: 18px;
}

i.fa fa-file-o {
    font-size: 14px;
}

input[type="image"] {
    width: 23px;
    height: 23px;
    text-align: center;
    margin: 4px auto;
    display: block;
}

.btn-FeeDiscount input[type="image"] {
    width: 20px;
    height: 20px;
    text-align: center;
    margin: 6px auto;
    display: block;
}

.form-inline .role-name .form-control {
    display: inline-block;
    width: 200px;
    vertical-align: middle;
}
/*Add css*/
li.nav-item a.nav-link {
    padding: 0px;
}

li.nav-item span.hidden-xs-down {
    padding: 10px;
    line-height: 40px;
}

.padding-btm10 {
    padding-bottom: 10px;
}

.vender-btn {
    min-width: 50px !important;
    margin-left: 10px;
}

.multiselect-container.dropdown-menu.show {
    width: 100%;
    height: 180px;
}

.p-l-40 {
    padding-left: 40px !important;
}

.form-inline .multiselect-container span.form-check {
    padding: 3px 20px 8px 0px !important;
    float: left;
    text-align: left;
    height: 25px;
}

span.multiselect-native-select {
    position: relative;
    min-width: 240px !important;
}

div#generate-prt.modal-box {
    position: absolute;
    left: 50% !important;
    top: 20% !important;
    transform: translate(-50%, -50%);
    width: 80%;
}

div#generate-prt header {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    background-color: #f85800;
}

    div#generate-prt header h3 {
        font-size: 16px;
        color: #fff;
    }

div#generate-prt a.js-modal-close.close {
    color: #fff;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
    border-bottom: 1px solid #ccc;
    margin-left: 7px;
}

div#generate-prt.modal-box .modal-body {
    font-size: 14px;
}

#Payment-section tbody tr th, #Payment-section tbody tr td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 76px;
}

    #Payment-section tbody tr th:first-child, #Payment-section tbody tr td:first-child {
        min-width: 260px;
    }

    #Payment-section tbody tr th:last-child, #Payment-section tbody tr td:last-child {
        min-width: 90px;
    }

#InvoiceTallyInterface tbody tr th, #InvoiceTallyInterface tbody tr td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 85px;
}

    #InvoiceTallyInterface tbody tr th:first-child, #InvoiceTallyInterface tbody tr td:first-child {
        min-width: 40px;
    }
    #InvoiceTallyInterface tbody tr th:nth-child(2), #InvoiceTallyInterface tbody tr td:nth-child(2) {
        min-width: 150px;
    }
    #InvoiceTallyInterface tbody tr th:nth-child(3), #InvoiceTallyInterface tbody tr td:nth-child(3) {
        min-width: 150px;
    }
    #InvoiceTallyInterface tbody tr th:nth-child(4), #InvoiceTallyInterface tbody tr td:nth-child(4) {
        min-width: 110px;
    }

#JournalDayBook-section tbody tr th:first-child, #JournalDayBook-section tbody tr td:first-child {
    min-width: 100px;
}

#JournalDayBook-section tbody tr th:nth-child(2), #JournalDayBook-section tbody tr td:nth-child(2) {
    min-width: 200px;
}

#JournalDayBook-section tbody tr th:nth-child(3), #JournalDayBook-section tbody tr td:nth-child(3) {
    min-width: 200px;
}

#JournalDayBook-section tbody tr th:nth-child(4), #JournalDayBook-section tbody tr td:nth-child(4) {
    min-width: 250px;
}

#JournalDayBook-section tbody tr th:nth-child(5), #JournalDayBook-section tbody tr td:nth-child(5) {
    min-width: 140px;
}
#JournalDayBook-section tbody tr th:nth-child(6), #JournalDayBook-section tbody tr td:nth-child(6) {
    min-width: 80px;
}
#JournalDayBook-section tbody tr th:nth-child(7), #JournalDayBook-section tbody tr td:nth-child(7) {
    min-width: 220px;
}

#JournalDayBook-section tbody tr th:nth-child(8), #JournalDayBook-section tbody tr td:nth-child(8) {
    min-width: 200px;
}

#JournalDayBook-section tbody tr th:last-child, #JournalDayBook-section tbody tr td:last-child {
    min-width: 300px;
}

ul#ContentPlaceHolder1_ctl00_completionListElem {
    overflow-y: auto;
    height:200px;
}

#Payment-section tbody tr td:nth-child(8) {
    min-width: 90px;
}

#DayBook-section tbody tr th:first-child, #Payment-section tbody tr td:first-child {
    min-width: 120px;
}

#DayBook-section tbody tr th:nth-child(2), #Payment-section tbody tr td:nth-child(2) {
    min-width: 130px;
}

#DayBook-section tbody tr th:nth-child(3), #Payment-section tbody tr td:nth-child(3) {
    min-width: 250px;
}

#BillGenerate-section tbody tr th, #BillGenerate-section tbody tr td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 100px;
}

    #BillGenerate-section tbody tr th:first-child, #BillGenerate-section tbody tr td:first-child {
        min-width: 100px;
    }

    #BillGenerate-section tbody tr th:nth-child(2), #BillGenerate-section tbody tr td:nth-child(2) {
        min-width: 40px;
    }

    #BillGenerate-section tbody tr th:nth-child(3), #BillGenerate-section tbody tr td:nth-child(3) {
        min-width: 95px;
    }

    #BillGenerate-section tbody tr th:nth-child(4), #BillGenerate-section tbody tr td:nth-child(4) {
        min-width: 200px;
    }

    #BillGenerate-section tbody tr th:nth-child(5), #BillGenerate-section tbody tr td:nth-child(5) {
        min-width: 380px;
    }

    #BillGenerate-section tbody tr th:nth-last-child(3), #BillGenerate-section tbody tr td:nth-last-child(3) {
        min-width: 255px;
    }

    #BillGenerate-section tbody tr th:last-child, #BillGenerate-section tbody tr td:last-child {
        min-width: 235px;
    }

#Student-Master-Report tbody tr th:first-child, #Student-Master-Report tbody tr td:first-child {
    min-width: 180px;
}

#Student-Master-Report tbody tr th:nth-child(2), #Student-Master-Report tbody tr td:nth-child(2) {
    min-width: 180px;
}

#Student-Master-Report tbody tr th:nth-child(3), #Student-Master-Report tbody tr td:nth-child(3) {
    min-width: 90px;
}

#Student-Master-Report tbody tr th:nth-child(4), #Student-Master-Report tbody tr td:nth-child(4) {
    min-width: 120px;
}

#Student-Master-Report tbody tr th:nth-child(5), #Student-Master-Report tbody tr td:nth-child(5) {
    min-width: 50px;
}

#Student-Master-Report tbody tr th:nth-child(6), #Student-Master-Report tbody tr td:nth-child(6) {
    min-width: 50px;
}

#Student-Master-Report tbody tr th:nth-child(7), #Student-Master-Report tbody tr td:nth-child(7) {
    min-width: 110px;
}

#Student-Master-Report tbody tr th:nth-child(8), #Student-Master-Report tbody tr td:nth-child(8) {
    min-width: 180px;
}

#Student-Master-Report tbody tr th:nth-child(9), #Student-Master-Report tbody tr td:nth-child(9) {
    min-width: 120px;
}

#Student-Master-Report tbody tr th:nth-child(10), #Student-Master-Report tbody tr td:nth-child(10) {
    min-width: 180px;
}

#Student-Master-Report .table-striped tbody tr:nth-of-type(even), #Student-Master-Report .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

#Student-Master-Report tbody tr th:nth-last-child(2), #Student-Master-Report tbody tr td:nth-last-child(2) {
    min-width: 90px;
}

#Student-Master-Report tbody tr th:last-child, #Student-Master-Report tbody tr td:last-child {
    min-width: 200px;
}

#Student-Master-Report.data-spacing.list-show .table-responsive {
    height: 450px;
    margin-left: 0px;
}

#Student-Master-Report.list-show .table th, #Student-Master-Report.list-show .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}


#BillGenerate-section.data-spacing.list-show .table-responsive {
    height: 350px;
}


#RouteMaster-section tbody tr th:nth-child(2), #RouteMaster-section tbody tr td:nth-child(2) {
    min-width: 40px;
}

#RouteMaster-section tbody tr th, #RouteMaster-section tbody tr td {
    min-width: 100px;
}

/*#RouteMaster-section.data-spacing.list-show .table-responsive {
    height: 200px;
    width: 30%;
    margin-left:0px;
}*/
.pright30 {
    padding-right: 30px;
}

#RouteMaster-section.data-spacing.list-show .table-responsive {
    height: 200px;
    width: 50%;
    margin-left: 0px;
}
.views .table-responsive.style-8 {
    height: 411px;
    overflow-x: hidden;
}
.views.studentclasslist .table-responsive.style-8 {
    height: 433px;
    overflow-x: hidden;
}
.views .user-list .table-responsive.style-8 {
    height: 396px;
    overflow-x: hidden;
}

    .views .table-responsive.style-8 table tbody tr td:first-child {
        display: none;
    }

    .views .table-responsive.style-8 table tbody tr td {
        padding: 0px;
        font-size: 14px;
    }

#DayBook-section tbody tr th:nth-child(8), #DayBook-section tbody tr th:nth-child(9) {
    min-width: 110px;
}

#DayBook-section.list-show tbody tr th:last-child, #DayBook-section.list-show tbody tr td:last-child {
    width: 13%;
}

#DayBook-section .list-show .table td {
    text-align: left;
    padding-left: 3px;
    color: #333;
}

#DayBook-section .btn-primary-save {
    background: #5c4ac7;
    border: 1px solid #5c4ac7;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-left: 0px;
}

.btn-primary-prt {
    background: #5c4ac7;
    border: 1px solid #5c4ac7;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    min-width: 30px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px !important;
}

i.fa.fa-print {
    font-size: 17px;
}

.due-clr {
    background-color: #edc240;
    border: 1px solid #edc240;
    width: 65px;
    margin-top: 15px;
    margin-left:0px;
}

.paid-clr {
    background-color: #b0dbfd;
    border: 1px solid #b0dbfd;
    width: 75px;
    margin-top: 15px;
    margin-left: 5px;
}

.bal-clr {
    background-color: #f25b2a;
    border: 1px solid #f25b2a;
    width: 140px;
    margin-top: 15px;
    margin-left: 5px;
}

.student-heading {
    background-color: #f7f7f7;
    padding: 5px;
    font-size: 15px;
    border-left: 5px solid #f85800;
    box-shadow: 0 0px 3px 0 rgb(0 0 0 / 30%);
    margin-top: 10px;
    font-weight: bold;
}

.image_outer_container {
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 50%;
    position: relative;
}

.image_inner_container {
    border-radius: 50%;
    padding: 5px;
    background: #833ab4;
    background: -webkit-linear-gradient(to bottom, #fcb045, #fd1d1d, #833ab4);
    background: linear-gradient(to bottom, #fcb045, #fd1d1d, #833ab4);
}

    .image_inner_container img {
        height: 200px;
        width: 200px;
        border-radius: 50%;
        border: 5px solid white;
    }

.image_outer_container .green_icon {
    background-color: #4cd137;
    position: absolute;
    right: 30px;
    bottom: 10px;
    height: 30px;
    width: 30px;
    border: 5px solid white;
    border-radius: 50%;
}

.student-profile img {
    width: 91px;
    height: 85px;
    border-radius: 50%;
    border: 3px solid #f85800;
    margin-top: 5px;
}

table.table.information tbody tr th, table.table.information tbody tr td {
    text-align: left;
    padding-left: 5px;
    font-size: 13px;
    line-height: 18px;
    color: #333;
}
table.table.information.table-responsive {
    padding:2px;
}

.student-table table.table.information.table-responsive tr th {
    background: #fff;
    width: 9%;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 34px;
}
.student-table table.table.information.table-responsive tr td {
    background: #fff;
    width: 11%;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 34px;
}

.father-table table.table.information.table-responsive tr th {
    background: #fff;
    width:7%;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 34px;
}

.father-table table.table.information.table-responsive tr td {
    background: #fff;
    width:22%;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 34px;
}


.commen-space h4 {
    font-size: 16px !important;
    margin-bottom: 0px;
    font-weight: bold;
    color: #f85800;
}

.student-profile {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-top: 12px;
    padding-bottom: 11px;
    background-color: #e8e8e8;
    margin-left: 0px;
    margin-bottom: 15px;
}

h6 {
    font-size: 16px !important;
    margin-bottom: 0px;
    font-weight: bold;
    color: #f85800;
}

table.table.address tbody tr th, table.table.address tbody tr td {
    width: 525px;
    text-align: left;
    padding-left: 5px;
    font-size: 13px;
    line-height: 21px;
    color: #333;
}


    table.table.address.table-responsive th {
        background: #fff;
        width: 26%;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 13px;
        line-height: 34px;
    }
.commen-address table.table.address.table-responsive th {
    background: #fff;
    width: 10%;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    line-height: 34px;
}


.Fee-Master .table td, .Fee-Master .table th {
    border-top: none;
}

span.checkOff {
    float: right;
    font-size: 13px;
}

    span.checkOff input[type=checkbox] {
        float: left;
        margin-top: 4px;
        margin-right: 2px;
    }

table.student-dtl tbody tr td {
    padding: 5px;
    text-align: left;
    margin-top: 3px;
    width: 180px;
    color: #455a64;
    font-size:15px;
}

i.ti-user {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 50%;
    margin-right: 4px;
    border: 1px solid #e8e8e8;
}

i.fa.fa-user {
    position: absolute;
    top: 14px;
    color: #f85800;
    left: 12px;
}

a#ctl00_LBtnLoginUser {
    padding-left: 32px;
}

.footer-section img {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 200px;
}

.form-signin span {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 2px;
    font-family: 'Poppins', sans-serif;
}

.marT25 {
    margin-top: 25px;
}

.marL18 {
    padding-left: 26px !important;
}

i.ti-settings, i.fa.fa-sign-out {
    color: #f85800;
}

.success-message {
    color: Green;
    font-weight: normal;
    margin-top: 2px;
    display: block;
    padding-left: 50%;
    font-weight: bold;
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

table#mode-section tbody tr td {
    min-width: 130px;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.day-book i.fa.fa-calendar {
    position: absolute;
    right: 15px;
    top: 1px;
    width: 36px;
    height: 32px;
    background-color: #e7e7e7;
    line-height: 33px;
    padding-left: 0px;
    border-radius: 0px 5px 5px 0px;
    color: #333;
    padding-left: 10px;
}

.SummaryReport i.fa.fa-calendar {
    position: absolute;
    right: 5px;
    top: 25px;
    width: 36px;
    height: 32px;
    background-color: #e7e7e7;
    line-height: 33px;
    padding-left: 0px;
    border-radius: 0px 5px 5px 0px;
    color: #333;
    padding-left: 10px;
}
.due-mail i.fa.fa-calendar {
    position: absolute;
    right: 15px;
    top: 25px;
    width: 36px;
    height: 32px;
    background-color: #e7e7e7;
    line-height: 33px;
    padding-left: 0px;
    border-radius: 0px 5px 5px 0px;
    color: #333;
    padding-left: 10px;
}
.Receipt i.fa.fa-calendar {
    position: absolute;
    right: -28px;
    top: 1px;
    width: 36px;
    height: 32px;
    background-color: #e7e7e7;
    line-height: 33px;
    padding-left: 0px;
    border-radius: 0px 5px 5px 0px;
    color: #333;
    padding-left: 10px;
}
.branch-receipt {
    padding-left:48px;
    max-width: 168px !important;
    font-size:14px;
    padding-top:5px;
}
.StudentMaster i.fa.fa-calendar {
    position: absolute;
    right: -28px;
    top: 1px;
    width: 36px;
    height: 32px;
    background-color: #e7e7e7;
    line-height: 33px;
    padding-left: 0px;
    border-radius: 0px 5px 5px 0px;
    color: #333;
    padding-left: 10px;
}
.report-date {
    max-width: 150px !important;
    text-align: right;
    padding-right: 4px !important;
    line-height: 35px;
}

.InstumentDate {
    position: relative;
}

.btm-line {
    border-bottom: 3px solid #f85800;
    margin-bottom: 8px;
    margin-top: 0px;
    color: #ff3300;
}

.EquipmentMaster i.fa.fa-calendar {
    position: absolute;
    right:6px;
    top: 24px;
    width: 35px;
    height: 33px;
    background-color: #e7e7e7;
    line-height: 32px;
    padding-left: 10px;
    border-radius: 0px 5px 1px 0px;
}

.Fee-section {
    width: 60%;
}

.list-show .table td {
    text-align: center;
    padding-left: 2px;
    color: #333;
}

#day-Bookamt {
    width: 20%;
    float: left;
}

.form-group.role-name {
    position: relative;
}

.form-signin span {
    font-size: 15px;
    line-height: 22px;
    display: block;
    padding-bottom: 4px;
}

.col-sm-1.col-form-label {
    max-width: 100px !important;
}
.name.col-sm-1.col-form-label {
    max-width: 130px !important;
}

.class.col-sm-1.col-form-label {
    max-width: 70px !important;
}

.discount.col-sm-1.col-form-label {
    max-width: 115px !important;
}

/*Fee Discount*/

.BusFacility .discount.col-sm-1.col-form-label {
    max-width: 135px !important;
    padding-left:0px !important;
    white-space:nowrap;
    padding-right:5px !important
}
.Stoppage.col-sm-1.col-form-label {
    max-width: 80px !important;
    padding-left: 0px !important;
}
.Designation.col-sm-1.col-form-label {
    max-width: 96px !important;
    padding-left: 0px !important;
}
.teacher.col-sm-1.col-form-label {
    max-width: 60px !important;
    padding-left: 0px !important;
    text-align:left
}

.BusFacility div#StatusBlock.table-responsive.style-8 {
    height: 200px;
}
/*Fee Discount*/
.Fee-Master .col-sm-1.col-form-label {
    max-width: 70px !important;
}
.Studnet-Master.col-sm-1.col-form-label {
    max-width: 100px !important;
}

    .Fee-Master .col-sm-1.col-form-label.fee-lbl {
        max-width: 100px !important;
    }

.transport.col-sm-1.col-form-label {
    max-width: 100px !important;
}

.Bill_Printing .col-sm-1.col-form-label {
    max-width: 105px !important;
}

.col-sm-1.col-form-label.report-fromDate {
    max-width: 100px !important;
}
/*expence booking css*/
td.ExpenseBooking {
    position: relative;
}

    td.ExpenseBooking i.fa.fa-calendar {
        position: absolute;
        right: 6px;
        top: 5px;
        background-color: #e9e9e9;
        width: 34px;
        height: 33px;
        line-height: 30px;
    }

.BillDate {
    position: relative;
}

    .BillDate i.fa.fa-calendar {
        position: absolute;
        right: 1px;
        top: 24px;
        background-color: #e9e9e9;
        width: 34px;
        height: 33px;
        line-height: 30px;
    }

    .BillDate .fa-calendar:before {
        content: "\f073";
        padding-left: 10px;
    }

span.mandatory-separte {
    color: #ef5350 !important;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    right: 0px;
    top: -15px;
}

span.mandatory-separte1 {
    color: #ef5350 !important;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    right: 16px;
    top: -15px;
}

span.mandatory-cap {
    color: #ef5350 !important;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    right: 133px;
    top: 7px;
}

span.mandatory1 {
    color: #ef5350 !important;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    right: 0px;
    top: 19px;
}

span.mandatory2 {
    color: #ef5350 !important;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    right: 15px;
    top: -13px;
}

span.mandatoryFees {
    color: #ef5350 !important;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    right: 2px;
    top: -14px;
}

.login-position {
    position: relative
}

.Signup-position {
    position: relative;
}

div#VerifyOTP {
    margin-bottom: 15px;
}

.form-signup span {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 2px;
    font-family: 'Poppins', sans-serif;
}

.Fee-Master label {
    display: inline-block;
    margin-bottom: 0px;
}

.information i.fa.fa-calendar {
    position: absolute;
    right: 19px;
    top: 84px;
    width: 35px;
    height: 31px;
    background-color: #e7e7e7;
    line-height: 30px;
    padding-left: 10px;
    border-radius: 0px 0px 0px 0px;
    font-size: 16px;
}

.ttl-amt {
    font-size: 15px;
    padding-right: 10px;
    padding-top: 10px;
}

.ttl-amt-lft {
    font-size: 15px;
    padding-left: 10px;
    padding-top: 10px;
}

.doadmission {
    position: relative;
}

    .doadmission i.fa.fa-calendar {
        position: absolute;
        right: 5px;
        top: 2px;
        width: 35px;
        height: 32px;
        background-color: #e7e7e7;
        line-height: 30px;
        padding-left: 10px;
        border-radius: 0px 5px 5px 0px;
        font-size: 16px;
    }

#day-Bookamt table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

#day-Bookamt .table th, #day-Bookamt .table td {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

#day-Bookamt .table td {
    color: #495057;
}

#day-Bookamt table#tblReport tbody tr th, #day-Bookamt table#tblReport tbody tr td {
    width: 100px;
}

    #day-Bookamt table#tblReport tbody tr th:first-child, #day-Bookamt table#tblReport tbody tr td:first-child {
        width: 160px;
        text-align: left;
    }

    #day-Bookamt table#tblReport tbody tr th:last-child, #day-Bookamt table#tblReport tbody tr td:last-child {
        min-width: 100px;
        text-align: center;
        font-weight: bold;
    }

#OutStanding-section tbody tr th:first-child, #OutStanding-section tbody tr td:first-child {
    min-width: 80px;
}

#OutStanding-section tbody tr th:nth-child(2), #OutStanding-section tbody tr td:nth-child(2) {
    min-width: 120px;
}

#OutStanding-section tbody tr th:nth-child(3), #OutStanding-section tbody tr td:nth-child(3) {
    min-width: 215px;
}

#OutStanding-section tbody tr th:nth-child(4), #OutStanding-section tbody tr td:nth-child(4) {
    min-width: 175px;
}

#OutStanding-section.list-show tbody tr th:last-child, #OutStanding-section.list-show tbody tr td:last-child {
    min-width: 345px;
}

#OutStanding-section.list-show tbody tr td:nth-child(10) input,
#OutStanding-section.list-show tbody tr td:nth-child(11) input,
#OutStanding-section.list-show tbody tr td:nth-child(12) input,
#OutStanding-section.list-show tbody tr td:nth-child(13) input {
    min-width: 130px;
    text-align: right;
    padding-right: 10px;
}

/*#OutStanding-section tbody tr:last-child td {
    font-weight: bold;
    background-color: rgb(74 74 75 / 68%);
    color: #fff;
    border: none;
}*/

    #OutStanding-section tbody tr:last-child td:nth-child(9),
    #OutStanding-section tbody tr:last-child td:nth-child(10),
    #OutStanding-section tbody tr:last-child td:nth-child(11),
    #OutStanding-section tbody tr:last-child td:nth-child(12),
    #OutStanding-section tbody tr:last-child td:nth-child(13) {
        border-right: 1px solid #dee2e63d;
        text-align: right;
        padding-right: 10px;
    }


#OutStanding-section tbody tr th:nth-child(5), #OutStanding-section tbody tr td:nth-child(5), #OutStanding-section tbody tr th:nth-child(6), #OutStanding-section tbody tr td:nth-child(6), #OutStanding-section tbody tr th:nth-child(8), #OutStanding-section tbody tr td:nth-child(8) {
    min-width: 110px;
}

#OutStanding-section tbody tr th:nth-child(7), #OutStanding-section tbody tr td:nth-child(7) {
    min-width: 285px;
}




    #TotalOutstandingReport-section1 table#tblReport tbody tr th:first-child,
    #TotalOutstandingReport-section1 table#tblReport tbody tr td:first-child {
        min-width: 40px;
    }
    #TotalOutstandingReport-section1 table#tblReport tbody tr th:nth-child(2),
    #TotalOutstandingReport-section1 table#tblReport tbody tr td:nth-child(2) {
        min-width: 150px;
    }
#TotalOutstandingReport-section1 table#tblReport tbody tr th:nth-child(3),
#TotalOutstandingReport-section1 table#tblReport tbody tr td:nth-child(3) {
    min-width: 180px;
}
#TotalOutstandingReport-section1 table#tblReport tbody tr th:nth-child(4),
#TotalOutstandingReport-section1 table#tblReport tbody tr td:nth-child(4) {
    min-width: 150px;
}
#TotalOutstandingReport-section1 table#tblReport tbody tr th:nth-child(4),
#TotalOutstandingReport-section1 table#tblReport tbody tr td:nth-child(4) {
    min-width: 260px;
}
#TotalOutstandingReport-section1 table#tblReport tbody tr th:nth-child(5),
#TotalOutstandingReport-section1 table#tblReport tbody tr td:nth-child(5) {
    min-width: 355px;
}
#TotalOutstandingReport-section1 table#tblReport tbody tr th:nth-child(6),
#TotalOutstandingReport-section1 table#tblReport tbody tr td:nth-child(6) {
    min-width:110px;
}

#TotalOutstandingReport-section1 table#tblReport tbody tr th, #TotalOutstandingReport-section1 table#tblReport tbody tr td {
    min-width: 100px;
}
#TotalOutstandingReport-section1 table#tblReport tbody tr:last-child td{
    position:sticky;
    bottom:0px;
    background-color:#6a6a6a;
    color:#fff;
}
#TotalOutstandingReport-section div#StatusBlock.table-responsive.style-8 {
    height: 372px;
}
#FeeStructureReport-Section.list-show .table th, #FeeStructureReport-Section.list-show .table td {
    min-width: 78px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

#TotalOutstandingReport-section table#tblReport tbody tr th:first-child,
#TotalOutstandingReport-section table#tblReport tbody tr td:first-child {
    min-width: 40px;
}

#TotalOutstandingReport-section table#tblReport tbody tr th:nth-child(2),
#TotalOutstandingReport-section table#tblReport tbody tr td:nth-child(2) {
    min-width: 50px;
}

#TotalOutstandingReport-section table#tblReport tbody tr th:nth-child(3),
#TotalOutstandingReport-section table#tblReport tbody tr td:nth-child(3) {
    min-width: 180px;
}

#TotalOutstandingReport-section table#tblReport tbody tr th:nth-child(4),
#TotalOutstandingReport-section table#tblReport tbody tr td:nth-child(4) {
    min-width: 150px;
}

#TotalOutstandingReport-section table#tblReport tbody tr th:nth-child(4),
#TotalOutstandingReport-section table#tblReport tbody tr td:nth-child(4) {
    min-width: 260px;
}

#TotalOutstandingReport-section table#tblReport tbody tr th:nth-child(5),
#TotalOutstandingReport-section table#tblReport tbody tr td:nth-child(5) {
    min-width: 280px;
}

#TotalOutstandingReport-section table#tblReport tbody tr th:nth-child(6),
#TotalOutstandingReport-section table#tblReport tbody tr td:nth-child(6) {
    min-width: 400px;
}

#TotalOutstandingReport-section table#tblReport tbody tr th, #TotalOutstandingReport-section table#tblReport tbody tr td {
    min-width: 100px;
}

#TotalOutstandingReport-section table#tblReport tbody tr:last-child td {
    position: sticky;
    bottom: 0px;
    background-color: #6a6a6a;
    color: #fff;
}

#TotalOutstandingReport-section div#StatusBlock.table-responsive.style-8 {
    height: 372px;
}

#FeeStructureReport-Section .form-control {
    display: block;
    width: 100%;
    padding: .1rem .2rem;
    font-size: 14px;
    line-height: 1.2;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 34px;
    position: relative;
}

#FeeStructureReport-Section.list-show .table th:first-child, #FeeStructureReport-Section.list-show .table td:first-child {
    min-width: 150px;
}


.list-show .table th, .list-show .table td {
    min-width: 130px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

#FeeStructureReport-Section1.list-show .table th, #FeeStructureReport-Section1.list-show .table td {
    min-width: 120px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

    #FeeStructureReport-Section1.list-show .table th:first-child, #FeeStructureReport-Section1.list-show .table td:first-child {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

    #FeeStructureReport-Section1.list-show .table th:nth-child(2),
    #FeeStructureReport-Section1.list-show .table td:nth-child(2) {
        min-width: 120px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

.commen-height {
    min-height: 340px;
}

#FeeStructureReport-Section1 table#myTable tbody tr td:first-child {
    min-width: 200px;
    text-align: right;
}

#FeeStructureReport-Section1 table#myTable tbody tr td {
    min-width: 120px;
}

#FeeStructureReportQuarter.list-show .table th, #FeeStructureReportQuarter.list-show .table td {
    min-width: 110px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

    #FeeStructureReportQuarter.list-show .table th:first-child, #FeeStructureReportQuarter.list-show .table td:first-child {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

    #FeeStructureReportQuarter.list-show .table th:nth-child(2), #FeeStructureReportQuarter.list-show .table td:nth-child(2) {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

div#FeeStructureReportQuarter {
    width: 80%;
}

#FeeStructureReportQuarter table#myTable tbody tr td:first-child {
    min-width: 400px;
    text-align: right;
}

#FeeStructureReportQuarter table#myTable tbody tr td {
    min-width: 110px;
}

#FeeStructureReportHalf.list-show .table th, #FeeStructureReportHalf.list-show .table td {
    min-width: 120px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

    #FeeStructureReportHalf.list-show .table th:first-child, #FeeStructureReportHalf.list-show .table td:first-child {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

    #FeeStructureReportHalf.list-show .table th:nth-child(2), #FeeStructureReportHalf.list-show .table td:nth-child(2) {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

div#FeeStructureReportHalf {
    width: 65%;
}

#FeeStructureReportHalf table#myTable tbody tr td:first-child {
    min-width: 400px;
    text-align: right;
}

#FeeStructureReportHalf table#myTable tbody tr td {
    min-width: 120px;
}

#FeeStructureReportYearly.list-show .table th, #FeeStructureReportYearly.list-show .table td {
    min-width: 120px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

    #FeeStructureReportYearly.list-show .table th:first-child, #FeeStructureReportYearly.list-show .table td:first-child {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

    #FeeStructureReportYearly.list-show .table th:nth-child(2), #FeeStructureReportYearly.list-show .table td:nth-child(2) {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

div#FeeStructureReportYearly {
    width: 60%;
}

#FeeStructureReportYearly table#myTable tbody tr td:first-child {
    min-width: 497px;
    text-align: right;
}

#FeeStructureReportYearly table#myTable tbody tr td {
    min-width: 120px;
}

#FeeStructureReportTerm.list-show .table th, #FeeStructureReportTerm.list-show .table td {
    min-width: 120px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

    #FeeStructureReportTerm.list-show .table th:first-child, #FeeStructureReportTerm.list-show .table td:first-child {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

    #FeeStructureReportTerm.list-show .table th:nth-child(2), #FeeStructureReportTerm.list-show .table td:nth-child(2) {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

div#FeeStructureReportTerm {
    width: 83%;
}

#FeeStructureReportTerm table#myTable tbody tr td:first-child {
    min-width: 400px;
    text-align: right;
}

#FeeStructureReportTerm table#myTable tbody tr td {
    min-width: 120px;
}

/*
#FeeDiscountDetails.list-show .table th, #FeeDiscountDetails.list-show .table td {
    min-width: 140px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

#FeeDiscountDetails table#myTable tbody tr td:first-child {
    min-width: 140px;
    text-align: right;
}


#FeeDiscountDetails table#myTable tbody tr td {
    min-width: 140px;
}

div#FeeDiscountDetails {
    width: 60%;
}*/

#FeeDiscountMonthly.list-show .table tbody tr th, 
#FeeDiscountMonthly.list-show .table tbody tr td {
    min-width: 140px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

#FeeDiscountMonthly table#myTable tbody tr td:first-child {
    min-width: 140px;
    text-align: right;
}


#FeeDiscountMonthly table#myTable tbody tr td {
    min-width: 140px;
}

div#FeeDiscountMonthly {
    width: 100%;
}


#FeeDiscountQuarterDetails.list-show .table th, #FeeDiscountQuarterDetails.list-show .table td {
    min-width: 140px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

    #FeeDiscountQuarterDetails.list-show .table th:first-child, #FeeDiscountQuarterDetails.list-show .table td:first-child {
        min-width: 174px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

#FeeDiscountQuarterDetails table#myTable tbody tr td:first-child {
    min-width: 140px;
    text-align: right;
}


#FeeDiscountQuarterDetails table#myTable tbody tr td {
    min-width: 140px;
}

div#FeeDiscountQuarterDetails {
    width: 60%;
}

#FeeDiscountHalfDetails.list-show .table th, #FeeDiscountHalfDetails.list-show .table td {
    min-width: 140px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

    #FeeDiscountHalfDetails.list-show .table th:first-child, #FeeDiscountHalfDetails.list-show .table td:first-child {
        min-width: 174px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

#FeeDiscountHalfDetails table#myTable tbody tr td:first-child {
    min-width: 140px;
    text-align: right;
}


#FeeDiscountHalfDetails table#myTable tbody tr td {
    min-width: 140px;
}

div#FeeDiscountHalfDetails {
    width: 60%;
}

#FeeDiscountYearlyDetails.list-show .table th, #FeeDiscountYearlyDetails.list-show .table td {
    min-width: 140px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

 #FeeDiscountYearlyDetails.list-show .table th:first-child, #FeeDiscountYearlyDetails.list-show .table td:first-child {
        min-width: 174px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

#FeeDiscountYearlyDetails table#myTable tbody tr td:first-child {
    min-width: 140px;
    text-align: right;
}


#FeeDiscountYearlyDetails table#myTable tbody tr td {
    min-width: 140px;
}

div#FeeDiscountYearlyDetails {
    width: 60%;
}

#FeeDiscountTermDetails.list-show .table th, #FeeDiscountTermDetails.list-show .table td {
    min-width: 140px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

#FeeDiscountTermDetails.list-show .table th:first-child, #FeeDiscountTermDetails.list-show .table td:first-child {
        min-width: 174px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

#FeeDiscountTermDetails table#myTable tbody tr td:first-child {
    min-width: 140px;
    text-align: right;
}


#FeeDiscountTermDetails table#myTable tbody tr td {
    min-width: 140px;
}

div#FeeDiscountTermDetails {
    width: 60%;
}
div#SiblingIdGeneration {
    width: 90%;
}

#SiblingIdGeneration.list-show .table th:first-child, #SiblingIdGeneration.list-show .table td:first-child {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
#SiblingIdGeneration.list-show .table th, #SiblingIdGeneration.list-show .table td {
    min-width: 200px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
    #SiblingIdGeneration.list-show .table th:last-child,
    #SiblingIdGeneration.list-show .table td:last-child {
        min-width: 350px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }
div#IdCardGeneration {
    width: 100%;
}

#IdCardGeneration.list-show .table th:first-child {
        min-width: 80px;
    }

#IdCardGeneration.data-spacing.container-tbl .table-responsive {
    max-height:auto !important;
    height:auto !important;
}
#IdCardGeneration.list-show .table th:nth-child(2) {
    min-width: 670px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
#IdCardGeneration.list-show .table td:nth-child(2) {
    min-width: 670px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 300px;
    text-transform: capitalize;
}
#IdCardGeneration.list-show .table th:last-child {
    min-width: 670px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
#IdCardGeneration.list-show .table td:last-child {
    min-width: 670px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 300px;
    text-transform: capitalize;
}
.FrontCardDesign {
    border: 1px solid #d8d5d5;
    padding: 0px;
    margin: 10px;
    background-color: #fff;
}
span.card-logo img {
    width: 100px;
    vertical-align: top;
    text-align: left;
    margin-top: 0px;
}
span.Name-logo img {
    width: 400px;
    vertical-align: top;
    text-align: left;
    margin-top:20px;
}
.Card-Pic span img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #db2115;
    padding: 1px;
}
.card-bottom {
    background-color: #db2115;
    height: 42px;
    margin-top: 10px;
}
    .card-bottom h3 {
        color: #fff;
        line-height: 43px;
        font-size: 18px;
        font-weight: bold;
    }
h3.logo-text {
    color: #db2115;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: left;
}
.logo-innerText {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    margin-bottom:4px;
    text-align:left;
}
.BackCardDesign {
    border: 1px solid #d8d5d5;
    padding: 0px;
    margin: 10px;
    background-color: #fff;
}
    .BackCardDesign hr {
        margin-top: 6px;
        margin-bottom: 6px;
    }
    .BackCardDesign .container-fluid {
        padding: 0 0px 0px;
    }
.user-backcard img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #db2115;
    padding: 1px;
}

.logo-bottomText {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    background-color: #db2115;
    border-radius: 3px;
    text-align: left;
    padding-left: 10px;
    display: inline-block;
    float: left;
    padding-right: 10px;
}
.FrontCardDesign .container-fluid {
    padding: 0 0px 0px;
}
.FrontCardDesign hr {
    margin-top: 6px;
    margin-bottom: 6px;
}
.name-txt {
    text-align: center !important;
    color: #000;
    font-weight: bold;
    font-size: 20px;
}
.card-content {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 28px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
.Back-card-content p {
    padding-left: 0px;
    padding-right: 15px;
    line-height: 24px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    height: 60px;
}
#IdCardGeneration .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}




div#ClassPromotion {
    width: 90%;
}

#ClassPromotion.list-show .table th:first-child, #ClassPromotion.list-show .table td:first-child {
    min-width: 50px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
#ClassPromotion.list-show .table th, #ClassPromotion.list-show .table td {
    min-width: 247px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

div#PassOutReport {
    width: 100%;
}

#PassOutReport.list-show .table th:first-child, #PassOutReport.list-show .table td:first-child {
    min-width: 50px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
#PassOutReport.list-show .table th:nth-child(2), #PassOutReport.list-show .table td:nth-child(2),
#PassOutReport.list-show .table th:nth-child(4), #PassOutReport.list-show .table td:nth-child(4) {
    min-width: 230px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
#PassOutReport.list-show .table th:nth-child(6), #PassOutReport.list-show .table td:nth-child(6) {
    min-width: 300px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
#PassOutReport.list-show .table th:nth-last-child(2), #PassOutReport.list-show .table td:nth-last-child(2) {
    min-width: 200px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
#PassOutReport.list-show .table th:last-child, #PassOutReport.list-show .table td:last-child {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
#PassOutReport.list-show .table th, #PassOutReport.list-show .table td {
    min-width: 150px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}


div#StudentAdditionalSubject {
    width: 100%;
}

#StudentAdditionalSubject.list-show .table th:first-child, #StudentAdditionalSubject.list-show .table td:first-child {
    min-width: 50px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
#StudentAdditionalSubject.list-show .table th:nth-child(2), #StudentAdditionalSubject.list-show .table td:nth-child(2) {
    min-width: 50px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

#StudentAdditionalSubject.list-show .table th, #StudentAdditionalSubject.list-show .table td {
    min-width: 170px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
    #StudentAdditionalSubject.list-show .table th:nth-child(4), #StudentAdditionalSubject.list-show .table td:nth-child(4) {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }
#StudentAdditionalSubject.list-show .table th:last-child, #StudentAdditionalSubject.list-show .table td:last-child {
    min-width:400px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
#StudentAdditionalSubject .form-control {
    display: block;
    width: 100%;
    padding: 0.275rem 0.55rem;
    font-size: 14px;
    line-height: 1.2;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 34px;
    position: relative;
}
#StudentAdditionalSubject.data-spacing.container-tbl .table-responsive {
    height: 268px !important;
}
ul.multiselect-container li:nth-child(2) {
    margin-top:-40px;
    visibility:hidden;
}
.selected-month ul.multiselect-container li:nth-child(2) {
    margin-top: 0px;
    visibility: unset;
}

/*modal popup*/
#FeeGenerationReportQuarter.list-show .table th, #FeeGenerationReportQuarter.list-show .table td {
    min-width: 90px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
 #FeeGenerationReportQuarter.list-show .table th:first-child, #FeeGenerationReportQuarter.list-show .table td:first-child {
        min-width: 80px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

 #FeeGenerationReportQuarter.list-show .table th:nth-child(2), #FeeGenerationReportQuarter.list-show .table td:nth-child(2) {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
}

div#FeeGenerationReportQuarter {
    width: 60%;
}
#FeeGenerationReportHalf.list-show .table th, #FeeGenerationReportHalf.list-show .table td {
    min-width: 90px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

    #FeeGenerationReportHalf.list-show .table th:first-child, #FeeGenerationReportHalf.list-show .table td:first-child {
        min-width: 80px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

    #FeeGenerationReportHalf.list-show .table th:nth-child(2), #FeeGenerationReportHalf.list-show .table td:nth-child(2) {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

div#FeeGenerationReportHalf {
    width: 40%;
}

#FeeGenerationReportYearly.list-show .table th, #FeeGenerationReportYearly.list-show .table td {
    min-width: 90px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

    #FeeGenerationReportYearly.list-show .table th:first-child, #FeeGenerationReportYearly.list-show .table td:first-child {
        min-width: 80px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

    #FeeGenerationReportYearly.list-show .table th:nth-child(2), #FeeGenerationReportYearly.list-show .table td:nth-child(2) {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

div#FeeGenerationReportYearly {
    width: 30%;
}

#FeeGenerationReportTerm.list-show .table th, #FeeGenerationReportTerm.list-show .table td {
    min-width: 90px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

    #FeeGenerationReportTerm.list-show .table th:first-child, #FeeGenerationReportTerm.list-show .table td:first-child {
        min-width: 80px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

    #FeeGenerationReportTerm.list-show .table th:nth-child(2), #FeeGenerationReportTerm.list-show .table td:nth-child(2) {
        min-width: 200px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }

div#FeeGenerationReportTerm {
    width: 55%;
}

.modal-box {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 90%;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
    position: absolute;
    left: 50% !important;
    top: 35% !important;
    transform: translate(-50%, -50%);
}

#Hostalpopup .form-group {
    margin-bottom: 10px;
}
.student.col-sm-1.col-form-label {
    max-width: 95px !important;
    padding-left: 0px !important;
    text-align: left;
}
.value-section.col-sm-1.col-form-label {
    max-width: 103px !important;
    padding-left: 0px !important;
    white-space: nowrap;
    padding-right: 11px !important;
}

.modal-box header, .modal-box .modal-header {
    padding: 6px 20px;
    border-bottom: 1px solid #ddd;
    background-color: #f85800;
    border: none;
}

.modal-box header h3 {
        color: #fff;
        font-size: 18px;
    }

.modal-box a.close {
    line-height: 1;
    font-size: 1.5em;
    position: absolute;
    top: 2%;
    right: 2%;
    text-decoration: none;
    color: #fff !important;
    opacity: 0.9 !important;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 {
    margin: 0;
}

.modal-box .modal-body {
    padding: 8px;
    padding-top: 10px;
}

.modal-box footer,
.modal-box .modal-footer {
    padding: 1em;
    border-top: 1px solid #ddd;
    background: rgb(0 0 0 / 72%) !important;
    text-align: right;
}

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) !important;
}
a.close:hover {
    color: #222;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    transition: color 1s ease;
}
/*@media (min-width: 32em) {
    .modal-box {
        width: 70%;
    }
}*/
#BusFacilityMonthReport.list-show .table th, #BusFacilityMonthReport.list-show .table td {
    min-width: 160px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
div#BusFacilityMonthReport {
    width: 100%;
}

#BusFacilityMonthReport .table-responsive.style-8 {
    height: 260px;
}

#BusFacilityQuarterReport.list-show .table th, #BusFacilityQuarterReport.list-show .table td {
    min-width: 160px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}


div#BusFacilityQuarterReport {
    width: 100%;
}

#BusFacilityQuarterReport .table-responsive.style-8 {
    height: 260px;
}

#BusFacilityHalfReport.list-show .table th, #BusFacilityHalfReport.list-show .table td {
    min-width: 160px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}


div#BusFacilityHalfReport {
    width: 100%;
}

#BusFacilityHalfReport .table-responsive.style-8 {
    height: 260px;
}

#BusFacilityYearlyReport.list-show .table th, #BusFacilityYearlyReport.list-show .table td {
    min-width: 160px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}


div#BusFacilityYearlyReport {
    width: 100%;
}

#BusFacilityYearlyReport .table-responsive.style-8 {
    height: 260px;
}

#BusFacilityTermReport.list-show .table th, #BusFacilityTermReport.list-show .table td {
    min-width: 160px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

div#BusFacilityTermReport {
    width: 100%;
}

#BusFacilityTermReport .table-responsive.style-8 {
    height: 260px;
}

#HostalFacilityReport.list-show .table th, #HostalFacilityReport.list-show .table td {
    min-width: 130px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}


div#HostalFacilityReport {
    width: 100%;
}

#HostalFacilityReport .table-responsive.style-8 {
    height: 260px;
}

#HostalQuarterFacilityReport.list-show .table th, #HostalQuarterFacilityReport.list-show .table td {
    min-width: 130px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}


div#HostalQuarterFacilityReport {
    width: 100%;
}

#HostalQuarterFacilityReport .table-responsive.style-8 {
    height: 260px;
}

#HostalHalfFacilityReport.list-show .table th, #HostalHalfFacilityReport.list-show .table td {
    min-width: 130px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}


div#HostalHalfFacilityReport {
    width: 100%;
}

#HostalHalfFacilityReport .table-responsive.style-8 {
    height: 260px;
}

#HostalYearlyFacilityReport.list-show .table th, #HostalYearlyFacilityReport.list-show .table td {
    min-width: 130px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}


div#HostalYearlyFacilityReport {
    width: 100%;
}

#HostalYearlyFacilityReport .table-responsive.style-8 {
    height: 260px;
}

#HostalTermFacilityReport.list-show .table th, #HostalTermFacilityReport.list-show .table td {
    min-width: 130px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}


div#HostalTermFacilityReport {
    width: 100%;
}

#HostalTermFacilityReport .table-responsive.style-8 {
    height: 260px;
}

#OutStanding-section .list-show .table td {
    text-align: left;
    padding-left: 3px;
    color: #333;
}

.col-form-label {
    padding-top: calc(0.375 rem + 1 px );
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5;
    padding-right: 0px;
}

.marT30 {
    margin-top: 30px;
}

.Fee-Master .views h1 {
    font-size: 16px;
    background-color: #36304a;
    padding: 0px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    line-height: 36px;
    border-radius: 5px 5px 0px 0px;
}

.EquipmentMaster .views h1 {
    font-size: 16px;
    background-color: #36304a;
    padding: 0px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    line-height: 40px;
    border-radius: 5px 5px 0px 0px;
}

.Fee-Master .style-8 table tbody tr td, .Fee-Master .style-8 table tbody tr td {
    padding-left: 0px !important;
}

    .Fee-Master .style-8 table tbody tr td, .Fee-Master .style-8 table tbody tr td a {
        color: #333;
        border-bottom: 1px solid rgba(0, 0, 23, 0.1);
        color: #282727;
        /*display: block;*/
        padding: 0px;
        padding-left: 12px;
        font-size: 13px;
        text-align: left;
        line-height: 30px;
        font-family: 'Poppins', sans-serif;
    }

.Fee-Master .style-8 table tbody tr td span {
            color: #333;
            border-bottom: 1px solid rgba(0, 0, 23, 0.1);
            color: #282727;
            display: block;
            padding: 0px;
            padding-left: 12px;
            font-size: 14px;
            text-align: left;
            line-height: 28px;
        }

.location-table .form-control:disabled {
    background-color: transparent;
    opacity: 1;
}

.Fee-Master .style-8 table tbody tr td:last-child {
    border-bottom: none;
}

.Fee-Master .views .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    height: 425px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/*.Fee-Master .style-8 table tbody tr td:first-child {
    display: none;
}*/

.Fee-Master .tree-view .role-view table tbody tr td:first-child {
    display: none;
}

.Fee-Master .inline-space {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    align-items: self-start;
    top: 0px;
    left: 0px;
}

#Offline-Payment-section tbody tr th {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 74px;
    position:relative;
}

#Offline-Payment-section tbody tr td {
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 74px;
    position: relative;
}

    #Offline-Payment-section tbody tr th:first-child, #Offline-Payment-section tbody tr td:first-child {
        min-width: 30px;
        text-align: center;
    }

    #Offline-Payment-section tbody tr th:nth-child(2), #Offline-Payment-section tbody tr td:nth-child(2) {
        min-width: 150px;
    }

    #Offline-Payment-section tbody tr th:nth-child(3), #Offline-Payment-section tbody tr td:nth-child(3) {
        min-width: 110px;
    }
    #Offline-Payment-section tbody tr th:nth-child(4), #Offline-Payment-section tbody tr td:nth-child(4),
    #Offline-Payment-section tbody tr th:nth-child(8), #Offline-Payment-section tbody tr td:nth-child(8) {
        min-width: 65px;
    }
#Offline-Payment-section.list-show table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

#Offline-Payment-section tbody tr:last-child td {
    font-weight: bold;
    background-color: rgb(114 114 114);
    color: #fff;
    position: sticky;
    bottom: 0;
    text-align: left;
    border:none;
}
#OnlinePaymentInvoice tbody tr:last-child td {
    font-weight: bold;
    background-color: rgb(114 114 114);
    color: #fff;
    position: sticky;
    bottom: 0;
    text-align: center;
    border: none;
}

    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(4), #OnlinePaymentInvoice tbody tr:last-child td:nth-child(5), #OnlinePaymentInvoice tbody tr:last-child td:nth-child(6),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(7),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(8),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(9),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(10),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(11) {
        border-right: 1px solid #dee2e63d !important;
    }
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(4), #OnlinePaymentInvoice tbody tr:last-child td:nth-child(5), #OnlinePaymentInvoice tbody tr:last-child td:nth-child(6),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(7),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(8),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(9),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(10),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(11) {
        border-right: 1px solid #dee2e63d !important;
    }
/*#Offline-Payment-section tbody tr th:last-child {
    width: 90px;
    background: #36304a;
    position: sticky;
    right: -2px;
}
#Offline-Payment-section tbody tr td:last-child {
    position: sticky;
    right: -2px;
    z-index: 1;
    width: 90px;
    background: white;
}*/


#OnlinePaymentInvoice tbody tr th {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width: 74px;
    position: relative;
}

#OnlinePaymentInvoice tbody tr td {
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 35px;
    min-width:84px;
    position: relative;
}

    #OnlinePaymentInvoice tbody tr th:first-child, #OnlinePaymentInvoice tbody tr td:first-child {
        min-width: 30px;
        text-align: center;
    }

    #OnlinePaymentInvoice tbody tr th:nth-child(2), #OnlinePaymentInvoice tbody tr td:nth-child(2) {
        min-width: 180px;
    }

    #OnlinePaymentInvoice tbody tr th:nth-child(3), #OnlinePaymentInvoice tbody tr td:nth-child(3) {
        min-width: 90px;
    }

    #OnlinePaymentInvoice tbody tr th:nth-child(4), #OnlinePaymentInvoice tbody tr td:nth-child(4),
    #OnlinePaymentInvoice tbody tr th:nth-child(8), #OnlinePaymentInvoice tbody tr td:nth-child(8) {
        min-width: 114px;
    }

#OnlinePaymentInvoice.list-show table tbody tr th {
    background: #36304a;
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    color: #ffffff;
}

#OnlinePaymentInvoice tbody tr:last-child td {
    font-weight: bold;
    color: #fff;
}

    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(3), #OnlinePaymentInvoice tbody tr:last-child td:nth-child(4), #OnlinePaymentInvoice tbody tr:last-child td:nth-child(5), #OnlinePaymentInvoice tbody tr:last-child td:nth-child(6),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(7),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(8),
    #OnlinePaymentInvoice tbody tr:last-child td:nth-child(9) {
        border-right: 1px solid #dee2e63d;
    }

#OnlinePaymentInvoice .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    line-height: 1.2;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border:none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 25px;
    position: relative;
}
#OnlinePaymentInvoice div#StatusBlock.table-responsive.style-8 {
    height: 358px;
    border: 1px solid #e4e4e4;
}
.paymentside input {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    line-height: 1.2;
    color: #14b318 !important;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #ccc !important;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 25px;
    position: relative;
    font-weight: bold;
}
    .paymentside input:focus{
        font-size:15px !important

    }

    #OnlinePaymentInvoice .table-striped tbody tr:nth-of-type(odd) {
        background-color: #fff !important
    }
#Offline-Payment-section .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    line-height: 1.2;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 25px;
    position: relative;
}
#Offline-Payment-section .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff !important
}
.marl20 {
    margin-left: 20px;
}

.ml5 {
    margin-left: 5px;
}

.ExpenseBooking .form-group {
    margin-bottom: 10px;
}

.mtop10 {
    margin-top: 10px;
}

#Offline-Payment-section .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.2rem;
    font-size: 13px;
    line-height: 1.2;
    color: #495057;
    background-clip: padding-box;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: calc(2rem + 1px);
    text-align: left;
}

 #Offline-Payment-section .form-control.lbl {
        display: block;
        width: 100%;
        padding: 0.375rem 0.2rem;
        font-size: 13px;
        line-height: 1.2;
        color: #495057;
        background-clip: padding-box;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        height: calc(2rem + 1px);
        text-align: left;
    }

.advancedtl .form-control {
    text-align: left !important;
}

.heading-color {
    color: #f85800;
    font-weight: 600;
    font-size: 15px;
    padding-top: 2px;
}

.advancedtl {
    background-color: #dedede;
    padding: 7px 10px 7px 10px;
    margin-left: 0px;
    margin-right: 0px;
}
.Fee-Master div#dvCustomer table {
    width: 100%
}

.remarks p {
    color: #0d10e1;
    font-size: 14px;
    position: absolute;
    bottom: 0px;
    line-height: 22px;
    padding-left: 5px;
}

#ReceiptDayBook-section tbody tr th:first-child, #ReceiptDayBook-section tbody tr td:first-child {
    min-width:40px;
}

#ReceiptDayBook-section tbody tr th:nth-child(2), #ReceiptDayBook-section tbody tr td:nth-child(2) {
    min-width: 160px;
}


#ReceiptDayBook-section tbody tr th:nth-child(8), #ReceiptDayBook-section tbody tr th:nth-child(9) {
    min-width: 110px;
}

#ReceiptDayBook-section.list-show tbody tr th:last-child, #ReceiptDayBook-section.list-show tbody tr td:last-child {
    width: 13%;
}

#ReceiptDayBook-section .list-show .table td {
    text-align: left;
    padding-left: 3px;
    color: #333;
}

#ReceiptDayBook-section .btn-primary-save {
    background: #5c4ac7;
    border: 1px solid #5c4ac7;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-left: 0px;
}

#DayBook-section.data-spacing.list-show .table-responsive {
    height: 350px;
}

#ReceiptDayBook-section.data-spacing.list-show .table-responsive {
    height: 280px;
}
#ReceiptDayBook-section.data-spacing.container-tbl .table-responsive {
    height:435px !important;
}
.course-listing{
    position:relative
}
    .course-listing ul#ContentPlaceHolder1_ctl00_completionListElem{
        position:absolute;
        top:0px;
    }

    #OutStanding-section.data-spacing.list-show .table-responsive {
        height: 450px;
    }

#ExpenseReport-section.data-spacing.list-show .table-responsive {
    height: 350px;
}

#ExpenseReport-section tbody tr th:first-child, #ExpenseReport-section tbody tr td:first-child {
    min-width: 50px;
}

#ExpenseReport-section tbody tr th:nth-child(2), #ExpenseReport-section tbody tr td:nth-child(2) {
    min-width: 120px;
}

#ExpenseReport-section tbody tr th:nth-child(4), #ExpenseReport-section tbody tr td:nth-child(4) {
    min-width: 80px;
}

#ExpenseReport-section tbody tr th:nth-child(5), #ExpenseReport-section tbody tr td:nth-child(5) {
    min-width: 160px;
}

#ExpenseReport-section tbody tr th:nth-child(6), #ExpenseReport-section tbody tr td:nth-child(6), #ExpenseReport-section tbody tr th:nth-child(8), #ExpenseReport-section tbody tr td:nth-child(8) {
    min-width: 112px;
}

#ExpenseReport-section tbody tr th:nth-child(10), #ExpenseReport-section tbody tr td:nth-child(10) {
    min-width: 75px;
}

#ExpenseReport-section tbody tr th:nth-child(11), #ExpenseReport-section tbody tr td:nth-child(11) {
    min-width: 60px;
}

#ExpenseReport-section tbody tr th:nth-child(12), #ExpenseReport-section tbody tr td:nth-child(12) {
    min-width: 90px;
}

#ExpenseReport-section tbody tr th:nth-child(13), #ExpenseReport-section tbody tr td:nth-child(13) {
    min-width: 60px;
}

#ExpenseReport-section tbody tr th:nth-child(14), #ExpenseReport-section tbody tr td:nth-child(14) {
    min-width: 90px;
}

#ExpenseReport-section tbody tr th:last-child, #ExpenseReport-section tbody tr td:last-child {
    min-width: 200px;
}

#ExpenseReport-section.list-show .table th, #ExpenseReport-section.list-show .table td {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

span.tagit-label {
    font-size: 13px;
    width:100px;
}

ul.tagit li.tagit-choice .close {
    right: 4px !important;
    top: 7px !important;
}

ul.tagit {
    border-style: solid;
    border-width: 1px;
    border-color: #C6C6C6;
    background: inherit;
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    width: auto !important;
}

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

ul.tagit input[type="text"] {
    width: 60px !important;
}

ul.tagit {
    line-height: 19px !important;
}
.ui-autocomplete {
    position: absolute;
    cursor: default;
    height: 180px !important;
    overflow-x: auto;
}
.container-fluiding {
    padding: 0 0px 6px;
}
.SiblingIdGenerate .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    line-height: 1.2;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 37px;
    position: relative;
}
.marT22{
    margin-top:21px;
}

.right-section-logo img {
    width: 90px;
    height: auto;
    position: absolute;
    left: 48px;
    top: 3px;
}

i.fa.fa-home {
    color: #f85800;
    font-size: 28px;
}

.expence-input {
    width: 245px;
    margin-left: 10px;
    margin-right: 10px;
}

.printing .col-sm-1.col-form-label {
    max-width: 106px !important;
}

    .printing .col-sm-1.col-form-label.expence-todate {
        max-width: 90px !important;
    }

.printing .col-form-label {
    padding-top: calc(0.375 rem + 1 px );
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5;
    padding-right: 5px;
}

.pright15 {
    padding-right: 15px;
}

.printing .form-group {
    margin-bottom: 10px;
}

#ContentPlaceHolder1_textCreatedOn.aspNetDisabled {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.2;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 34px;
}

#ContentPlaceHolder1_textCreatedOn.aspNetDisabled {
    background-color: #e9ecef;
    opacity: 1;
}

input#ContentPlaceHolder1_textDob, input#ContentPlaceHolder1_textDoa {
    height: 32px;
    width: 100%;
}

i.fa.fa-calendar.dob-calender {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 35px;
    height: 31px;
    background-color: #e7e7e7;
    line-height: 30px;
    padding-left: 10px;
    border-radius: 0px 5px 5px 0px;
    font-size: 16px;
}

/*.input-group.date {
    position: relative;
    overflow: hidden;
    width:150px;
}*/

.date-icon {
    position: absolute;
    right: 1px;
    top: 1px;
    color: #6d6c6c;
    padding: 9px 13px;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    text-align: center;
    background-color: #eee;
    z-index: 5;
}
div#ContentPlaceHolder1_tvTreeViewSubject {
    margin-top: -120px;
}
.views.StudentAdditional .table-responsive.style-8 {
    height: 565px;
    overflow-x: hidden;
}
.views.StudentAdditional h1 {
    font-size: 16px;
    background-color: #36304a;
    padding: 0px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px 0px;
    line-height: 40px;
    border-radius: 5px 5px 0px 0px;
    margin-top: 0px;
}
.views.StudentAdditional .card {
    background: #ffffff none repeat scroll 0 0;
    margin: 0px 0;
    padding: 10px px;
    border: 0 solid #e7e7e7;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    padding-top: 10px;
    margin-bottom: 0px;
    height:622px;
}
.information .form-group {
    margin-bottom: 8px;
}
/*multipule check box*/
button.multiselect.dropdown-toggle.btn.btn-default {
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    line-height: 1.2;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 34px;
    position: relative;
}

.btn-group li.multiselect-item.multiselect-all label {
    color: #363434 !important;
    margin-bottom: 0;
    float: left;
    display: contents;
}

.btn-group label.checkbox {
    color: #363434 !important;
    margin-bottom: 0;
    float: left;
    display: contents;
}

.message-section {
    position: relative;
}
.message-section p {
        position: relative;
        background: #f85800;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 40%;
        height: auto;
        margin-top: 25px;
        padding: 15px;
        color: #fff;
    }
.message-section p:before {
 content: "";
 position: absolute;
 top: -14px;
 left: -14px;
 z-index: 1;
 border: solid 17px transparent;
 border-right-color: #f85800;
}
/*FeeDiscountPage CSS*/
.btn-FeeDiscount a {
    color: #fff;
    text-align: center;
    display: block;
}

div#FeeDiscountDetails.BusTransport {
    width: 100%;
}

.Save-Transport-Details {
    margin: 5px;
    text-align: center;
    margin-left: 15px;
}

div#FeeDiscountQuarterDetails.BusTransport {
    width: 100%;
}

div#FeeDiscountHalfDetails.BusTransport {
    width: 100%;
}

div#FeeDiscountYearlyDetails.BusTransport {
    width: 100%;
}

div#FeeDiscountTermDetails.BusTransport {
    width: 100%;
}
.close-popup {
    position: absolute;
    right: 0px;
    box-shadow: none;
    font-weight: bold;
}
/*Tree View CSS Start*/

.tree, .tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 10px;
}

    .tree ul {
        position: relative;
        margin-top: -4px;
    }

        .tree ul ul {
            margin-left: .5em
        }

        .tree ul:before {
            content: "";
            display: block;
            width: 0;
            position: absolute;
            top: 4px;
            bottom: 0;
            left: 0;
            border-left: 2px dotted
        }

    .tree li {
        margin: 0;
        padding: 0 1em;
        line-height: 2.3em;
        color: #369;
        font-weight: 700;
        position: relative
    }

    .tree ul li:before {
        content: "";
        display: block;
        width:25px;
        height: 0;
        border-top: 2px dotted;
        margin-top: 2px;
        position: absolute;
        top: 1em;
        left: 0;
    }

    .tree ul li:last-child:before {
        background: #fff;
        height: auto;
        top: 1em;
        bottom: 0
    }

.indicator {
    margin-right: 5px;
}

.tree li a {
    text-decoration: none;
    color: #369;
}

.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color: #369;
    border: none;
    background: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: 0;
}

li.pl-0.pr-0.branch {
    width: 220px;
    height: 50px;
    background-color: #f85800;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    font-size: 17px;
    -webkit-transition: 0.4s ease;
    position: relative;
    margin: 0px auto;
    box-shadow: 0px 0px 5px 1px #bdbdbd;
    margin-top: 20px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
}

i.indicator.fas.fa.fa-tachometer {
    color: #fff;
}

.tree li a {
    text-decoration: none;
    color: #2A4564 !important;
}

.tree li {
    margin: 0;
    padding: 0 25px;
    color: #369;
    font-weight: 700;
    position: relative;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400 !important;
    text-align: left;
}

.tree ul {
    margin-left: 5px !important;
    position: relative;
}

i.fa.fa-circle {
    font-size: 11px;
    color: #f85800;
}

li.pl-0.pr-0.branch a {
    color: #2A4564 !important;
}

    li.pl-0.pr-0.branch a:hover {
        color: #f85800 !important;
    }

li.pl-0.pr-0.branch .tree-head:hover {
    color: #fff !important;
}

li.pl-0.pr-0.branch .tree-head {
    color: #fff !important;
}

i.indicator.fas.fa.fa-bus {
    margin: 0px auto;
    font-size: 20px;
    color: #fff;
    padding-right: 10px;
}

i.indicator.fas.fa.fa-tachometer {
    margin: 0px auto;
    font-size: 20px;
    color: #fff;
    padding-right: 10px;
}

i.indicator.fas.fa.fa-credit-card {
    margin: 0px auto;
    font-size: 20px;
    color: #fff;
    padding-right: 10px;
}
i.indicator.fa.fa-file-text {
    margin: 0px auto;
    font-size: 20px;
    color: #fff;
    padding-right: 10px;
}
i.indicator.fa.fa-money {
    margin: 0px auto;
    font-size: 20px;
    color: #fff;
    padding-right: 10px;
}

i.indicator.fas.fa.fa-cog {
    margin: 0px auto;
    font-size: 20px;
    color: #fff;
    padding-right: 10px;
}

i.indicator.fas.fa.fa-file {
    margin: 0px auto;
    font-size: 20px;
    color: #fff;
    padding-right: 10px;
}
/*Tree View CSS End */


/*Class Promotion CSS*/

.form-group.col-md-1.Session {
    min-width: 160px;
}

.col-sm-1.marT22.search-icon {
    max-width: 60px;
}

.promotion-lbl {
    color: green;
}

.promotion-class {
    background-color: #b3d97c;
}

div#ClassPromotion {
    width: 100%;
}
    div#ClassPromotion.data-spacing.container-tbl .table-responsive {
        height: 382px !important;
    }

div#StudentClass {
    width:60%;
}
#StudentClass.list-show .table th:first-child, #StudentClass.list-show .table td:first-child {
    min-width:50px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

#StudentClass.list-show .table th:nth-child(2), #StudentClass.list-show .table td:nth-child(2) {
    min-width:590px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}


#ClassPromotion.list-show .table th:first-child, #ClassPromotion.list-show .table td:first-child {
    min-width: 65px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

#ClassPromotion.list-show .table th:nth-child(2), #ClassPromotion.list-show .table td:nth-child(2) {
    min-width: 40px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

#ClassPromotion.list-show .table th:nth-child(3), #ClassPromotion.list-show .table td:nth-child(3) {
    min-width: 140px;
}

#ClassPromotion.list-show .table th:nth-child(5), #ClassPromotion.list-show .table td:nth-child(5) {
    min-width: 130px;
}
#ClassPromotion.list-show .table th:nth-child(6), #ClassPromotion.list-show .table td:nth-child(6) {
    min-width: 120px;
}
#ClassPromotion.list-show .table th:nth-child(7), #ClassPromotion.list-show .table td:nth-child(7) {
    min-width: 120px;
}

#ClassPromotion.list-show .table th:nth-child(8), #ClassPromotion.list-show .table td:nth-child(8) {
    min-width: 100px;
}
#ClassPromotion.list-show .table th:nth-last-child(2), #ClassPromotion.list-show .table td:nth-last-child(2) {
    min-width: 130px;
}
#ClassPromotion.list-show .table th:last-child, #ClassPromotion.list-show .table td:last-child {
    min-width: 130px;
}

#ClassPromotion.list-show .table th, #ClassPromotion.list-show .table td {
    min-width: 247px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}
/*Class Promotion CSS END*/

#HostelMaster.data-spacing.container-tbl .table-responsive {
    width: 49.5%;
    float: left;
}
.google-address {
    width: 47%;
    float: left;
    margin-left: 30px;
    border:5px solid #b0b0b0;
    border-radius: 5px;
}
#HostelMasterCategory.data-spacing.container-tbl .table-responsive {
   width:50%
}
#HostelMasterCategory.list-show .table th, #HostelMasterCategory.list-show .table td {
    min-width: 150px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 2px;
    padding-left: 5px;
    padding-right: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    height: 30px;
    text-transform: capitalize;
}

    #HostelMaster.list-show .table th, #HostelMaster.list-show .table td {
        /*min-width: 150px;*/
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 2px;
        padding-left: 5px;
        padding-right: 2px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        height: 30px;
        text-transform: capitalize;
    }
 /*   #HostelMaster.list-show .table th:first-child, #HostelMaster.list-show .table td:first-child {
        min-width: 350px;
        font-weight:bold;
        text-align:left;
    }*/
    #HostelMaster.list-show .table th:last-child, #HostelMaster.list-show .table td:last-child{
        /*min-width:80px;*/
        text-align:center
    }

    .SessionMaster div#ContentPlaceHolder1_tvTreeView {
        margin-top: 0px;
        border: none;
    }
.SessionMaster div#ContentPlaceHolder1_tvTreeView {
    margin-top: -120px;
    border: none;
}
.FeeList div#ContentPlaceHolder1_tvTreeView {
    margin-top: 0px;
    border: none;
}
.BloodGroup div#ContentPlaceHolder1_tvTreeView {
    margin-top: -122px;
    border: none;
}

.SessionMaster td.ContentPlaceHolder1_tvTreeView_2 {
    margin-top:0px;
    border: none;
}
.Fee-Master .views.SessionMaster .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    height: 414px;
    border-left: none;
    border-bottom: none
}
div#ContentPlaceHolder1_tvTreeView1 {
    margin-top: -120px;

}
.ContentPlaceHolder1_tvTreeView1_2 {
    background-color: #5c5d6417 !important;
}
/*Radio toggle on off*/

.col-sm-1.col-form-label {
    max-width:100px !important;
    padding-left: 10px;
}
.fee-generation .col-sm-1.col-form-label {
    max-width: 118px !important;
    padding-left: 10px;
}
.col-sm-1.fee-gen {
    max-width: 130px !important;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.5;
    padding-top:5px;
}

.course {
    max-width:70px !important;
    padding-left: 10px !important;
    line-height:35px;
}
.col-sm-1.col-form-label.Class {
    max-width:60px !important;
}
    .col-sm-1.col-form-label.Class {
        max-width: 60px !important;
    }

.name.col-sm-1.col-form-label {
    max-width: 110px !important;
}

.col-sm-1.col-form-label.Todate {
    max-width: 70px !important;
}
.value-section.col-sm-1.col-form-label {
    max-width: 100px !important;
    padding-left: 0px !important;
    white-space: nowrap;
    padding-right: 11px !important;
}
.fee-space {
    margin-left: -15px;
    margin-top: 15px;
    margin-right: -15px;
}

.Session-wth {
    max-width: 60px;
}
/*.chkbx-toggle {
    display: none;
}

    .chkbx-toggle + inpput + label {
        position: relative;
        cursor: pointer;
        outline: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        width: 40px;
        height: 20px;
        background-color: #e4e4e4;
        -moz-border-radius: 60px;
        -webkit-border-radius: 60px;
        border-radius: 60px;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        -webkit-transition: background 0.4s;
        transition: background 0.4s;
        margin-top: 32px;
        float: left;
        margin-right: 10px;
    }
        .chkbx-toggle + inpput + label::before, .chkbx-toggle + inpput + label::after {
            content: "";
            display: block;
            position: absolute;
        }
        .chkbx-toggle + inpput + label::before {
            right: 1px;
            left: 1px;
            top: 1px;
            bottom: 1px;
            background-color: #F1F1F1;
            -moz-border-radius: 60px;
            -webkit-border-radius: 60px;
            border-radius: 60px;
            -moz-transition: background 0.4s;
            -o-transition: background 0.4s;
            -webkit-transition: background 0.4s;
            transition: background 0.4s;
        }

        .chkbx-toggle + inpput + label::after {
            top: -1px;
            left: 0;
            width: 22px;
            height: 22px;
            background-color: #fff;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
            -moz-transition: -moz-transform 0.4s;
            -o-transition: -o-transform 0.4s;
            -webkit-transition: -webkit-transform 0.4s;
            transition: transform 0.4s;
        }

    .chkbx-toggle:checked + inpput + label {
        background-color: #f85800;
    }

        .chkbx-toggle:checked + inpput + label::before {
            background-color: #f85800;
        }

        .chkbx-toggle:checked + inpput + label::after {
            -moz-transform: translateX(20px);
            -ms-transform: translateX(20px);
            -webkit-transform: translateX(20px);
            transform: translateX(20px);
        }

    .chkbx-toggle:disabled + inpput + label {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
        cursor: default;
    }*/
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    margin-top:28px;
}

    .switch input {
        opacity: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #f85800;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


/*Hostel management css*/

.hostel {
    position: relative;
    display: flex;
    justify-content: space-between;
}

    .hostel .card {
        position: relative;
        cursor: pointer;
    }

        .hostel .card .face {
            width: 280px;
            height: 200px;
            transition: 0.5s;
            margin-left: 15px;
        }

        .hostel .card .face2 {
            width: 280px;
            height: 120px;
            transition: 0.5s;
            margin-left: 15px;
        }

        .hostel .card .face.face1 {
            position: relative;
            background: #2A4564;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1;
            transform: translateY(100px);
            border-radius: 5px;
        }

        .hostel .card:hover .face.face1 {
            background: #f85800;
            transform: translateY(0);
        }

        .hostel .card .face.face1 .content {
            opacity: 0.8;
            transition: 0.5s;
            text-align: center;
        }

        .hostel .card:hover .face.face1 .content {
            opacity: 1;
        }

        .hostel .card .face.face1 .content img {
            max-width: 100px;
        }

        .hostel .card .face.face1 .content h3 {
            margin: 10px 0 0;
            padding: 0;
            color: #fff;
            text-align: center;
            font-size: 1.2em;
        }

        .hostel .card .face.face2 {
            position: relative;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
            box-sizing: border-box;
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
            transform: translateY(-100px);
            border-radius: 5px;
        }

        .hostel .card:hover .face.face2 {
            transform: translateY(0);
        }

        .hostel .card .face.face2 .content p {
            margin: 0;
            padding: 0;
        }

        .hostel .card .face.face2 .content a {
            margin: 5px 0 10px;
            display: inline-block;
            text-decoration: none;
            color: #fff;
            padding: 5px;
        }

            .hostel .card .face.face2 .content a:hover {
                background: #333;
                color: #fff;
            }

.btn-hostel {
    background-color: #f85800;
    border-color: #f85800;
    border: 1px solid #f85800;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #fff;
    margin-top: 0px;
    margin-top: 0px;
    margin-left: 5px;
    min-width: 100px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 15px;
    line-height: 23px;
    border: none;
    margin-top: 20px !important;
}

.form-row.hostelBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    justify-content: center;
}

input#Room1, input#Room2, input#Room3 {
    margin-top: 0px;
    margin-right: 4px;
    width: 20px;
    float: left;
}

.pr10 {
    padding-right: 10px;
}
/*.content label{
   width:100%;
}*/
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    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;
    position: absolute;
    right: 10px;
    top: 15px;
}

.Full-Room {
    background-color: #f54545;
    color: #fff;
    line-height: 22px;
    text-align:left !important
}

.Blank-Room {
    background-color: #36b74d;
    color: #fff;
    line-height: 22px;
    text-align: left !important
}
.hostel-tabing {
    border: 0px solid #2A4564;
    min-height: 50px;
    display: block;
    background-color: #ffffff;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
}
    .hostel-tabing .table td, .hostel-tabing .table th {
        padding: 10px;
    }

/*Room*/
.accordion {
    margin-top: 10px;
}

    .accordion .card {
        border: none;
        margin-bottom: 0px;
        height: auto;
        box-shadow:none;
        float:left;
    }

        .accordion .card h2 {
            color: #fff;
            background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center;
            background-size: 20px;
            cursor: pointer;
            font-size: 16px;
            background-color: #2A4564;
            padding-left: 10px;
            font-weight: 500;
            border-radius: 5px 5px 0px 0px;
        }

            .accordion .card h2.collapsed {
                background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png);
            }

    .accordion .card-body {
        padding-left: 0;
        padding-right: 0;
    }
@media (max-width: 767px) {
    .martop10 {
        margin-top: 10px;
    }

    #day-Bookamt {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

    .header {
        position: fixed;
        width: 100%;
    }
    #lstCompany{
        display:none;
    }

    .logo-section img {
        width: 100%;
    }

    li.nav-item a.nav-link {
        padding: 8px 12px;
    }

    h3.text-center {
        font-size: 20px;
        margin-top: 15px;
        font-weight: bold;
    }

    .btn-primary {
        min-width: 50px;
    }

    .header .top-navbar {
        padding-right: 0px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: center;
    }

.header .top-navbar .navbar-collapse {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
        }

 .header .top-navbar .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

 .header .top-navbar .navbar-nav > .nav-item.show {
                position: static;
            }

 .header .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {
                    width: 100%;
                    margin-top: 0;
                }

 .header .top-navbar .navbar-nav > .nav-item > .nav-link {
                padding-left: 12px;
                /*padding-right: 0.50rem;*/
            }

.header .top-navbar .navbar-nav .dropdown-menu {
                position: absolute;
            }
 .mega-dropdown .dropdown-menu {
        height: 480px;
        overflow: auto;
    }

    .page-wrapper {
        margin-left: 0;
        padding-top: 55px;
    }

    .fluid-container.login-transchain {
        min-width: auto;
    }

    .vertical-line {
        border-right: none;
        height: auto;
        text-align: center;
    }

    .login-transchain .d-flex {
        display: inline-block !important;
        display: block;
    }

    .p-r-0 {
        padding-right: 15px !important
    }

    .pr-0 {
        padding-right: 15px !important;
    }

    .pright-0 {
        padding-right: 0px !important;
    }

    .p-top21 {
        padding-top: 10px;
    }

    .card {
        margin: 10px 0;
    }


    .btn-cancel {
        min-width: 50px;
    }

    .btn-primary {
        min-width: 50px;
    }

    .card.welcome-top {
        margin: 15px 0;
    }

    .p-left0 {
        padding-left: 15px;
    }

    .row.select-vendor {
        padding-bottom: 0px;
    }

    .select-vendor .inline-space {
        padding-left: 0px;
        padding-right: 15px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .pleft20 {
        padding-left: 15px;
    }

    .master-check {
        margin-top: 0px;
    }

    .ptop20 {
        padding-top: 0px;
    }

    .p-left0 {
        padding-left: 0px;
    }

    .container-mob {
        padding-left: 15px;
        margin-bottom: 15px;
    }

    .checkliability-input {
        margin-left: 0px;
        display: inline-block;
        width: 100%;
    }

    .totl-amt {
        margin-top: 6px;
        text-align: left;
        padding-left: 9px;
    }

    .data-btm {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        background: #6d6d6d;
        color: #fff;
        z-index: 4;
        height: auto;
        width: 100%;
    }

    .select-vendor select.form-control:not([size]):not([multiple]) {
        height: calc(2.0rem + 1.0px);
        line-height: 1.2;
        width: 312px;
    }

    .btn-left {
        padding-right: 0px;
        text-align: left;
        padding-left: 0px;
    }

    .role-name {
        width: 100%;
    }

    .data-spacing.role-create {
        padding-top: 0px;
        margin-bottom: 15px;
    }

    .p-left0 {
        padding-left: 0px;
        margin-top: 15px;
    }

    .bookingnew .form-group.row {
        margin: 10px;
    }

    .role-create .form-control {
        padding: 6px;
    }

    .p-lftcustomer {
        padding-left: 0px;
        margin-top: 10px;
    }

    .data-spacing.list-show .table-responsive {
        height: 250px;
    }

    .martop12 {
        margin-top: 12px;
    }

    .modal-box {
        width: 90%;
    }

    .padt0vender {
        padding-left: 15px;
        margin-top: 0px;
    }

    .vender-ponsiton {
        position: relative;
    }

    .cost-details .table th, .cost-details .table td {
        min-width: 128px;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        padding: 5px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }

    .ptop12 {
        padding-top: 12px;
    }

    .mtop10 {
        margin-top: 10px;
    }

    .modal-box-challan {
        width: 90%;
        margin-top: 230px;
    }

    .data-challan {
        position: relative;
    }

    .challan-lbl-wth {
        width: 135px;
        float: left;
        padding-left: 8px;
    }

    .modal-box-challan a.close {
        top: 7px;
    }

    #challanoutput.data-spacing.container-tbl .table-responsive {
        height: 200px;
        margin-bottom: 10px;
    }

    .modal-box-challan .form-control {
        width: 95% !important;
    }

    .p-t20 {
        padding-top: 15px;
    }

    .form-group .booking-txt-branch {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .btn-primary-save {
        background: #5c4ac7;
        border: 1px solid #5c4ac7;
        -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
        box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
        -webkit-transition: 0.2s ease-in;
        -o-transition: 0.2s ease-in;
        transition: 0.2s ease-in;
        color: #fff;
        margin-top: 12px;
        margin-left: 5px;
    }

    .card {
        min-height: auto;
    }

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

    .btm-line {
        border-bottom: 3px solid #d50500;
        margin-bottom: 8px;
        margin-top: 0px;
        color: #ff3300;
        display: none;
    }

    .p-20 {
        padding: 5px !important;
        background-color: #f7f7f7;
    }

    .booking-wth {
        width: 100%;
    }

    .order-space {
        padding-left: 0px;
        padding-bottom: 10px;
    }

    .form-inline .role-name .form-control {
        display: block;
        width: 75%;
        vertical-align: middle;
        float: left;
    }

    .Fee-section {
        width: 100%;
    }

    .commen-padding {
        padding-left: 0px;
        padding-right: 20px;
    }
    .commen-spaceing h4 {
        font-size: 16px !important;
        margin-bottom: 0px;
        font-weight: bold;
        color: #f85800;
    }

    .row.Fee-section {
        margin-left: 0px;
    }

    .Fee-Master i.fa.fa-calendar {
        position: absolute;
        right: 0px;
        top: 25px;
        width: 35px;
        height: 31px;
        background-color: #e7e7e7;
        line-height: 32px;
        padding-left: 10px;
        border-radius: 0px 5px 5px 0px;
    }

    .information i.fa.fa-calendar {
        position: absolute;
        right: 2px;
        top: 2px;
        width: 35px;
        height: 31px;
        background-color: #e7e7e7;
        line-height: 32px;
        padding-left: 10px;
        border-radius: 0px 5px 5px 0px;
    }

    .btn-secondary-save {
        background: #6c757d;
        border: 1px solid #6c757d;
        -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
        box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
        -webkit-transition: 0.2s ease-in;
        -o-transition: 0.2s ease-in;
        transition: 0.2s ease-in;
        color: #fff;
        margin-top: 12px;
        margin-left: 5px;
        min-width: 80px;
    }


    .pl-0, .px-0 {
        padding-left: 15px !important;
    }

    .info-spacing {
        margin-left: 10px;
        margin-top: 10px;
    }

    .alert-message {
        position: absolute;
        left: 53%;
        font-size: 15px;
        margin-top: 53px;
    }

    .top-btn-space {
        padding-left: 0px;
        padding-right: 0px;
    }

    .col-sm-4.martop10 {
        position: relative;
        padding-left: 0px;
    }

    i.fa.fa-search {
        position: absolute;
        font-size: 15px;
        left: 20px;
        color: #fff;
        font-weight: 100;
        cursor: pointer;
    }

    .toast-message {
        font-size: 15px !important;
    }

    #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
        width: 316px;
        margin-left: auto;
        margin-right: auto;
        height: 90px;
    }

    .toast-title {
        font-weight: 700;
        font-size: 18px;
        display: contents;
    }

    .day-book {
        margin-bottom: 12px;
    }

    .sidebar-nav ul li ul li a {
        padding: 8px 35px 8px 15px;
        border-bottom: 1px solid rgb(185 185 185 / 37%);
        padding-left: 18px;
    }

    .remarks p {
        display: none;
    }

    .card {
        background: #ffffff none repeat scroll 0 0;
        margin: 10px 0;
        padding: 10px;
        border: 0 solid #e7e7e7;
        border-radius: 5px;
        box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
        padding-top: 10px;
        margin-bottom: 0px;
        height: auto
    }

    .card-payment {
        background: #ffffff none repeat scroll 0 0;
        margin: 10px 0;
        padding: 10px;
        border: 0 solid #e7e7e7;
        border-radius: 5px;
        box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
        padding-top: 10px;
        margin-bottom: 0px;
        height: 500px !important;
    }


    .card-DayBook {
        background: #ffffff none repeat scroll 0 0;
        margin: 10px 0;
        padding: 10px;
        border: 0 solid #e7e7e7;
        border-radius: 5px;
        box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
        padding-top: 10px;
        margin-bottom: 0px;
        height: 550px !important;
    }

    .card-UserMasterKN {
        background: #ffffff none repeat scroll 0 0;
        margin: 10px 0;
        padding: 10px;
        border: 0 solid #e7e7e7;
        border-radius: 5px;
        box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
        padding-top: 10px;
        margin-bottom: 0px;
        height: auto !important;
    }

    .col-form-label {
        padding-top: calc(0.375 rem + 1 px );
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1;
        padding-right: 0px;
    }

    .mobile-spacing {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .card {
        background: #ffffff none repeat scroll 0 0;
        margin: 10px 0;
        padding: 15px;
        border: 0 solid #e7e7e7;
        border-radius: 5px;
        box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);
        padding-top: 10px;
        margin-bottom: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .title-margin-right {
        margin-right: 7px !important;
    }

    .title-margin-left {
        margin-left: 7px !important;
    }
}
/*  5 - media screen and (max-width: 1024px) End
---------------------------------------------------------------------- */
/*  6 - media screen and (max-width: 991px)
---------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
    .title-margin-right {
        margin-right: 7px !important;
    }

    .title-margin-left {
        margin-left: 7px !important;
    }

    .btn-primary {
        min-width: 80px;
    }

    .btn-cancel {
        min-width: 80px;
    }

    .customer-btn {
        padding-top: 20px;
        padding-left: 0px;
    }

    .modal-box {
        width: 90%;
    }

    .nav-link {
        display: block;
        padding: 8px 6px;
    }

    #challanoutput.data-spacing.container-tbl .table-responsive {
        height: 150px;
        margin-bottom: 10px;
    }

    .select-vendor .form-group {
        margin-bottom: 0px;
        width: 85%;
    }

    .paddingT20 {
        padding-top: 20px;
    }

    .fluid-container.login-transchain {
        min-width: 750px;
    }
}
/*  6 - media screen and (max-width: 991px) End
---------------------------------------------------------------------- */
/*  7 - media screen and (max-width: 767px)
---------------------------------------------------------------------- */
@media (min-width: 680px) and (max-width: 767px) {
    .title-margin-right {
        margin-right: 7px !important;
    }

    .title-margin-left {
        margin-left: 7px !important;
    }

    .footer {
        left: 0;
    }
}
/*  7 - media screen and (max-width: 767px) End
---------------------------------------------------------------------- */
/*  8 - media screen and (max-width: 680px)
---------------------------------------------------------------------- */
@media (min-width: 480px) and (max-width: 679px) {
    .title-margin-right {
        margin-right: 7px !important;
    }

    .title-margin-left {
        margin-left: 7px !important;
    }

    .inbox-pagination {
        margin-top: 30px;
        float: left !important;
    }

    .card-badge .label {
        display: inline-block;
        margin-bottom: 5px;
        padding: 5px;
    }

    .mail-box .sm-side {
        width: 100%;
    }

    .mail-box aside {
        display: inline;
    }

    .footer {
        left: 0;
    }

    .float-right.totl-amt .form-group label {
        float: left;
    }

    .totl-amt {
        margin-top: 0px;
    }
}
/*  8 - media screen and (max-width: 680px) End
---------------------------------------------------------------------- */
/*  9 - media screen and (max-width: 480px)
---------------------------------------------------------------------- */
@media (min-width: 360px) and (max-width: 479px) {
    .title-margin-right {
        margin-right: 7px !important;
    }

    .title-margin-left {
        margin-left: 7px !important;
    }

    #project {
        margin-left: 0;
    }

    .fc-toolbar .fc-right {
        float: left;
        margin-top: 15px;
    }

    .card-badge .label {
        display: inline-block;
        margin-bottom: 5px;
        padding: 5px;
    }

    .mail-box .sm-side {
        width: 100%;
    }

    .mail-box aside {
        display: inline;
    }

    .footer {
        left: 0;
    }

    .col-md-4.align-self-center.text-left {
        display: none;
    }

    img.dark-logo {
        width: 120px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
    }

    .header .top-navbar .navbar-nav > .nav-item > .nav-link {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        font-size: 13px;
        line-height: 40px;
        padding-top: 2px;
        padding-bottom: 0px;
    }

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

    .btn-first {
        min-width: 65px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .remarks p {
        color: red;
        font-size: 11px;
        position: absolute;
        bottom: 0px;
        line-height: 22px;
        padding-left: 5px;
    }

    .day-book i.fa.fa-calendar {
        position: absolute;
        right: 15px;
        top: 0px;
        width: 33px;
        height: 33px;
        background-color: #e7e7e7;
        line-height: 33px;
        padding-left: 0px;
        border-radius: 0px 5px 5px 0px;
        color: #333;
        padding-left: 7px;
    }

    .logo-img {
        width: 120px;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .wrong-img {
        width: 280px;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .form-signin {
        width: 100%;
        padding: 0px;
        margin: 0 auto;
        padding-top: 0px;
        width: 330px;
        float: right;
    }

    .form-signup {
        width: 100%;
        padding: 0px;
        margin: 0 auto;
        padding-top: 0px;
        width: 330px;
        float: right;
    }

    span.mandatory {
        color: #ef5350 !important;
        font-weight: bold;
        font-size: 15px;
        position: absolute;
        right: 20px;
        top: -13px;
    }

    span.mandatory2 {
        color: #ef5350 !important;
        font-weight: bold;
        font-size: 15px;
        position: absolute;
        right: 21px;
        top: -13px;
    }

    span.mandatory-separte {
        color: #ef5350 !important;
        font-weight: bold;
        font-size: 15px;
        position: absolute;
        right: 15px;
        top: -15px;
    }

    span.mandatory-separte1 {
        color: #ef5350 !important;
        font-weight: bold;
        font-size: 15px;
        position: absolute;
        right: 16px;
        top: -15px;
    }

    #DayBook-section.data-spacing.list-show .table-responsive {
        height: 240px;
    }

    #OutStanding-section.data-spacing.list-show .table-responsive {
        height: 250px;
    }

    #ReceiptDayBook-section.data-spacing.list-show .table-responsive {
        height: 160px;
    }

    hr {
        display: none;
    }

    .form-group {
        margin-bottom: 0px;
    }

    .footer-section img {
        position: absolute;
        bottom: 0px;
        bottom: 35px;
        width: 130px;
        right: 10px;
        bottom: 15px;
        z-index: -2;
    }

    #Offline-Payment-section.data-spacing.list-show .table-responsive {
        height: 250px;
    }

    .pleft0 {
        padding-left: 0px !important;
    }

    .form-signup {
        box-shadow: 0px 1px 10px 1px #ccc;
        padding: 15px;
        border-radius: 5px;
        background-color: #fbfbfb;
    }

    .userKN {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 15px;
    }

    .mini-sidebar .top-navbar .navbar-header {
        width: 200px;
        text-align: center;
        display:none;
    }

    .select2-container {
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        position: relative;
        vertical-align: middle;
        width: 240px !important;
        float: left;
    }

    .select-vendor .form-group {
        margin-bottom: 7px;
    }
    .web-btn {
        color: #fff;
        padding-right: 3px;
        padding-top: 0px;
        display: block;
        width: 180px;
        height: 36px;
        background-color: #f85800;
        border-radius: 5px;
        text-align: center;
        line-height: 36px;
        font-size: 14px;
        -webkit-transition: 0.4s ease;
        position: relative;
        margin: 0px auto;
        margin-top: 5px;
        font-weight: bold;
        cursor: pointer;
        color: #fff;
        margin-right: 25px;
    }
    .header .top-navbar .navbar-nav > .nav-item > .nav-link {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        font-size: 14px;
        line-height: 40px;
        padding-top: 3px;
        padding-bottom: 0px;
    }
    }

/*  9 - media screen and (max-width: 360px) End
---------------------------------------------------------------------- */
/*  10 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */
@media (min-width: 320px) and (max-width: 359px) {
    .title-margin-right {
        margin-right: 7px !important;
    }

    .title-margin-left {
        margin-left: 7px !important;
    }

    #project {
        margin-left: 0;
    }

    .fc-toolbar .fc-right {
        float: left;
        margin-top: 15px;
    }

    .br-theme-bars-pill .br-widget a {
        padding: 7px 12px;
    }

    .br-theme-bars-reversed .br-widget .br-current-rating {
        padding: 0;
    }

    .alert-rating {
        padding-bottom: 40px;
    }

    .card-badge .label {
        display: inline-block;
        margin-bottom: 5px;
        padding: 5px;
    }

    .mail-box .sm-side {
        width: 100%;
    }

    .mail-box aside {
        display: inline;
    }

    .chk-group {
        margin-bottom: 10px;
    }

    .pagination-list {
        float: left !important;
        margin-top: 10px;
    }

    .inner-append {
        position: relative;
    }

        .inner-append .append-btn {
            position: absolute;
            right: 0;
            top: 0;
        }

    .input-text {
        margin-bottom: 12px;
    }

    .footer {
        left: 0;
    }

   
    .header .top-navbar .navbar-header .navbar-brand b {
        line-height: 40px;
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
    }
    .header .top-navbar .navbar-header {
        line-height: 46px;
        text-align: center;
        background: #fff;
        height: 40px;
        padding-top: 0px;
        margin-left: 0px;
        border-radius: 0px 5px 5px 0px;
        display: none;
    }
    .header .top-navbar .navbar-nav > .nav-item > .nav-link {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        font-size: 13px;
        line-height: 40px;
        padding-top: 3px;
        padding-bottom: 0px;
    }
    .web-btn {
        color: #fff;
        padding-right: 2px;
        padding-top: 0px;
        display: block;
        width: 150px;
        height: 36px;
        background-color: #f85800;
        border-radius: 5px;
        text-align: center;
        line-height: 36px;
        font-size: 12px;
        -webkit-transition: 0.4s ease;
        position: relative;
        margin: 0px auto;
        margin-top: 4px;
        font-weight: bold;
        cursor: pointer;
        color: #fff;
        margin-right: 0px;
    }
}
/*  10 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */
/*---------------------------------------------------------------*/
/* Retina */
/*---------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .default-logo {
        display: none !important;
    }

    .retina-logo {
        display: inline-block !important;
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important;
    }
}

label .required::after {
    content: '*';
    margin-right: 4px;
    color: red;
}
.gaping {
    position: absolute;
    z-index: 99;
    top: -8px;
    background-color: transparent;
}