:root{
    --brand-maroon : #7a003c;
    --brand-maroon-dark : #680334;
    --font-color: #444;
    --inactive-bg : #e0e0e0;
    --inactive-font : #909090;
    --field-border : #e5e6e7;
}
.container{
    width: 100%;
}
.top-navigation .navbar-brand {
    background: #680334;
}

.navbar-fixed-top, .navbar-static-top {
    background: #7a003c !important;
}

.top-navigation .nav > li > a {
    color: #fff;
}

.top-navigation .nav > li.active > a {
    color: #fff;
}

.top-navigation .navbar .nav > li.active {
    background: #97245C;
}

.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
    background: #97245C;
    color: #fff;
}

.burgundy-bg {
    background: #97245C;
}

.login-wrap{
    margin-top: 100px;
}

.logo-name{
    font-size: 100px;
}

.login-form{
    max-width: 300px;
}
.content-wrap{
    margin-top: 40px;
}

/*Generic style edits*/
.caret{
    border-top-style: solid;
}
@media (max-width: 350px){
    .ibox-tools {
        float: none;
        text-align: right;
        display: block;
    }
    .navbar-static-top .nav.navbar-top-links li.dropdown{
        display: inline-block;
    }
}
.input-group .input-group-btn .btn{
    font-size: 14px;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
    background-color: #d1dade;
    color: #5e5e5e;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    text-shadow: none;
}

ul.list-filter.left-zero {
    padding-left: 0;
}

ul.list-filter {
    list-style: none;
    margin-top: 10px;
    padding-left: 8px;
}
.list-filter li {
    margin: 0 0 8px 0;
}

.list-filter-ul {
    list-style: none;
    padding-left: 0;
    width: 100%;
    float: left;
    margin-top: 5px;
}

.list-filter-ul li {
    padding: 0;
}

.btn-payment {
    cursor: pointer;
}
.hourglass-loader {
    display: none;
}
.hourglass-loader {
    background: url(../images/hourglass-loader.svg) no-repeat scroll center;
    height: 30px;
    width: 30px;
}
.tick-green {
    color: #7cb342;
}
.remove_kit_pickup {
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    background-color:#7cb342;
    cursor: pointer;
}
.add_kit_pickup {
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 400;
    background:#727272;
    cursor: pointer;
}

.export-preloader{
    display: none;
}

#account_success {
    color: #7cb342;
    font-weight: 600;
}

#contact_success {
    color: #7cb342;
    font-weight: 600;
}

.list-filter .checkbox{
    margin-top: 0;
    margin-bottom: 0;
}


.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: #97245C !important;
}

.x_panel .x_title {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e7eaec;
}
.x_panel .x_title + .x_content {
    margin-top: 15px;
}
.x_title .nav>li>a {
    padding: 0;
}
.navbar-right .dropdown a i {
    margin-right: 0;
}
.uname{
    margin-left: 6px;
}
.dropdown-menu{
    background-color: #fff;
}

@media only screen and (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        /*float: none !important;*/
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .top-navigation .nav .open a {
        background-color: #97245C;
    }
    .nav.navbar-top-links.navbar-right .dropdown-menu a{
        background-color: #fff;
    }
    .nav.navbar-top-links.navbar-right .dropdown-menu a:hover,
    .nav.navbar-top-links.navbar-right .dropdown-menu a:focus{
        background-color: #97245c;
        color: #fff;
    }
    .top-navigation .nav .open a + ul.dropdown-alerts a{
        background-color: #fff;
        color: inherit;
    }
    .top-navigation .navbar-nav .dropdown-menu{
        border:none;
        border-top:1px solid #97245C;
    }
    .top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus {
        background: #A32764;
    }
    .top-navigation .navbar-nav .dropdown-menu{
        color: #fff;
    }
    .nav.navbar-top-links.navbar-right{
        text-align:right;
    }
}
@media only screen and (max-width:1200px){
    .uname{
        display: none;
    }
    .nav.navbar-top-links.navbar-right a{
        padding: 10px 15px;
    }
    .nav.navbar-top-links.navbar-right a i{
        font-size: 20px;
        line-height: 30px;
    }
}

.green, .i-green {
    color: #7cb342!important;
}
.red, .i-red, .required_field {
    color: #e53935!important;
}

.i-orange {
    color: #ffa000;
}

.i-green:hover {
    color: #7cb342;
    opacity: 0.8;
}
.i-red:hover {
    color: #e53935;
    opacity: 0.8;
}
.i-orange:hover {
    color: #ffa000;
    opacity: 0.8;
}

.ibox .nav > li > a {
    color: #7a003c;
}
.ibox .nav > li.active > a,.ibox .nav-tabs > li.active > a:hover {
    color: #fff !important;
    background-color: #97245C !important;
    border-bottom-color: #97245C;
}

dd, dt {
    line-height: 1.8;
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    margin: 0;
    padding: 5px;
    z-index: 99;
}
.sk-spinner-fading-circle.sk-spinner {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.sk-spinner-fading-circle .sk-circle::before {
    background-color: #fff;
}

.tagsinput {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 6px 6px 0;
    width: 300px;
    overflow-y: auto
}
span.tag {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 5px 9px;
    text-decoration: none;
    background: #1ABB9C;
    color: #F1F6F7;
    margin-right: 5px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: helvetica
}
span.tag a {
    color: #F1F6F7 !important
}
.tagsinput span.tag a {
    font-weight: bold;
    color: #82ad2b;
    text-decoration: none;
    font-size: 11px
}
.tagsinput input {
    width: 80px;
    margin: 0px;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 3px;
    background: transparent;
    color: #000;
    outline: 0px
}
.tagsinput div {
    display: block;
    float: left
}
.tags_clear {
    clear: both;
    width: 100%;
    height: 0px
}
.list-group-item.tt-suggestion {
    background-color: #fff;
}

.list-group-item.tt-suggestion:hover {
    color: #000;
    cursor: pointer;
}
.tabs-container .nav > li > a,
.tabs-container .nav > li.active > a {
    color: #7a003c;
}
.ibox .nav-tabs > li.active > a,
.ibox .nav-tabs > li.active > a:hover,
.ibox .nav-tabs > li.active > a:focus {
    border-bottom: 1px solid #97255d;
}

.tabs-container{
    margin-bottom: 25px;
}
.tabs-container .tab-pane > .panel-body{
    border: 1px solid #7a003c;
    border-top: none;
}
.tabs-container .nav-tabs {
    border-bottom: 1px solid #7a003c;
}
.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
    border: 1px solid #7a003c;
    border-bottom-color: rgb(122, 0, 60);
    border-bottom-color: transparent;
}

table .badge{
    color: #fff;
    text-transform: uppercase;
}

.panel-default > .panel-heading {
    background-color: #fff;
}


.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border-radius: 0;
    min-height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}

.select2 {
    width: 100% !important;
}

.text-green{
    color: #7cb342;
}
.bg-white{
    background-color: #fff;
}

/*Bootstrap 4*/
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.d-flex {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.inl-bl {
    display: inline-block;
}

.widget a:focus,.widget a:hover {
    color: #fff;
}
.widget:hover {
    box-shadow: inset 0px 0px 0px 50px rgba(255,255,255, 0.1);
}

body{
    /*background-color: #7a003c !important;*/
    background-color: #fff !important;
}

.logo-name{
    color: #7a003c !important;
}

.client-detail .list-group-item {
    padding-right: 15px !important;
}

#pwindicator .label {
    font-size: 12px;
    background: none;
}
.pw-very-weak .label {
    color: #d00;
}
.pw-weak .label {
    color: #d00;
}
.pw-mediocre .label {
    color: #eeb20c;
}
.pw-strong .label {
    color: #ff6d00;
}
.pw-very-strong .label {
    color: rgb(124, 179, 66);
}

label.error {
    color: #f44336;
    display: inline-block;
    margin-left: 5px;
    font-size: 11px;
    font-weight: 600;
}

.modal .select2-container {
    z-index: 99999;
}

.tt-menu {
    z-index:999999 !important;
}
.modal-open .select2-container--open { z-index: 999999 !important; width:100% !important; }

#event-slider > .desoslide-wrapper, #product-slider > .desoslide-wrapper{
    display: inline-block;
    width: 50%;
}


.tt-dataset {
    max-height:250px;
    overflow-y: auto;
}



/* Final Updations */
.page-heading {
    padding: 0 10px 10px 10px;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
}
.title-action {
    padding-top: 10px;
}
.top-navigation .wrapper.wrapper-content {
    padding: 10px 0;
}
.ibox {
    margin-bottom: 10px;
}
.ibox-content {
    padding: 10px 10px 10px 10px;
}
body, .btn {
    font-size: 10px;
}
body {
    color: #444;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    line-height: 1.5;
    padding-bottom: 2px;
    padding-top: 2px;
    vertical-align: top;
    padding: 3px;
}
.dataTables_wrapper {
    padding-bottom: 15px;
}
.navbar-nav {
    font-size: 12px;
}
.form-control {
    font-size: 12px;
}

.ibox-title {
    padding: 10px 15px 7px;
}
.ibox-title h5 {
    margin: 0px;
    font-size: 13px;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 3px;
}

label {
    font-weight: 600;
}
.wrapper {
    padding: 5px 20px;
}
h2 {
    font-size: 18px;
}

.list-filter li {
    margin: 0 0 2px 0;
}
a:not(.btn):not([data-toggle="tab"]):not(.dropdown-toggle):not([role="button"]):not(.navbar-brand):not(.fa):not([data-toggle="collapse"]):not(.collapse-link):not(.search-list-link):not(.show-secondary):not([class*="i-"]) {
    color: var(--font-color);
    color: #444;
    text-decoration: underline;
}
a:not(.btn):not([data-toggle="tab"]):not(.dropdown-toggle):not([role="button"]):not(.navbar-brand):not(.fa):not([data-toggle="collapse"]):not(.collapse-link):not(.search-list-link):not(.show-secondary):not([class*="i-"]):hover {
    color: var(--brand-maroon);
    color: #7a003c;
    text-decoration: underline;
}
table.table-bordered.dataTable th {
    padding-top:5px;
    padding-bottom:5px;
}

.approve_event {
    background-image: url(../images/success.png);
    width: 16px;
    height: 16px;
    display: block;
}
.reject_event {
    background-image: url(../images/error.png);
    width: 16px;
    height: 16px;
    display: block;
}

.approve_sla:before {
    content:url("../images/success.png");
}

.reject_sla:before {
    content:url("../images/error.png");
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    height: 315px;
}
.image-repeat .image.view.view-first {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.image-repeat .thumbnail img {
    height: 100%;
    object-fit: contain;
    max-height: 300px;
}
.input-group-addon {
    font-size:12px !important;
}
.mb30 {
    margin-bottom: 30px;
}

#page-wrapper {
    padding-bottom: 35px;
}
.ml10 {
    margin-left:10px;
}
.delete-view {
    color: #e53935;
    opacity: 0.8;
}
.delete-view:hover {
    color: #e53935;
    opacity: 1;
}
.approve-evaluation-button {
    cursor: pointer;
}

.report-panel-head {
    padding: 0px 15px;
}

.report-panel-body {
    padding: 5px 15px;
}

.change_date {
    height: 34px;

}
@media (max-width:480px) {
    .logo-name {
        font-size: 60px;
        letter-spacing: 2px;
    }
}

@media (max-width: 760px) {
    .event-buttons .btn,  .event-buttons input{
        margin: 3px;

        width: 100%;
        text-align: center;
    }

    .event-buttons .form-group{
        text-align: center;
    }

    .deo-image{
        width:100% !important;
        height:500px !important;
    }

}

/* Jan Bugsheet */
@media only print{
    .ibox{
        background-color: #fff;
    }
}
.ibox-title{
    float: left;
    width: 100%;
}
.date {

    margin: 0;

}
.date-label {

    padding-right: 5px;

}
.date__item {

    display: inline-block;
    margin-left:-5px;
    margin-right: -5px;

}
.date__item-from {

    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;

}
.date__item-to {

    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;

}
.date__item .btn{
    margin-left: 5px;
    margin-right: 5px;
}
.img-limited {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    display: block;
}
.table-responsive{
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
#slidePannel {
    /*width: calc(100% - 50px);*/
    /*width: -webkit-calc(100% - 50px);*/
    /*width: -moz-calc(100% - 50px);*/
    width: 100%;
    max-width: 280px;
}
.image-icons {
    position: relative;
    top: -15px;
}

.responsive-table-wrap {
    padding: 10px;
}

@media (max-width: 767px) {
    .responsive-left {
        text-align: left;
    }
    .responsive-table-wrap .checkbox-info {
        float: left;
        margin-left: 0 !important;
    }
    .navbar-top-links .dropdown-alerts {
        margin-left: 0;
        left: auto;
        right: 0;
    }
    .filter-list-wrap {
        margin-left: 10px;
    }
    .title-action {
        padding-top: 10px;
        text-align: left;
    }
    .wrapper.wrapper-content .btn-primary.btn-outline {
        margin-bottom: 10px;
        vertical-align: top;
    }
    .search-bar-mobile {
        float: none !important;
        margin: 0 auto;
        /*padding-bottom: 10px;*/
    }
    .dataTables_scrollBody {
        /*max-height: 380px !important;*/
    }
}

@media (max-width: 640px) {
    .range-span {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
    .responsive-table-wrap .change_date {
        display: block;
        width: 100%;
        margin: 10px 0 !important;
    }
    .responsive-table-wrap .padding-left-zero {
        width: 100%;
    }
    .responsive-table-wrap form#event_update_view_form {
        width: 100%;
    }
    .responsive-table-wrap .change_date i {
        padding: 0 10px;
    }
    /*
    responsive-table-wrap ::-webkit-scrollbar {
           -webkit-appearance: none;
    }

    .responsive-table-wrap ::-webkit-scrollbar:vertical {
           width: 12px;
       }

    .responsive-table-wrap ::-webkit-scrollbar:horizontal {
           height: 12px;
       }

    .responsive-table-wrap ::-webkit-scrollbar-thumb {
           background-color: rgba(0, 0, 0, .5);
           border-radius: 10px;
           border: 2px solid #ffffff;
       }

    .responsive-table-wrap ::-webkit-scrollbar-track {
           border-radius: 10px;
           background-color: #ffffff;
           } */
    .responsive-table-wrap .padding-left-zero input {
        text-align: center;
    }

}
.responsive-table-wrap a#print_eval_form {
    margin-top: 5px;
}

.checkHighlight {
    background: #dcedc8!important;
}

.checkoutHighlight {
    background: #e2effc!important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: #fff;
}



.thumbnail{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-flow: column nowrap; /* Safari 6.1+ */
    flex-flow: column nowrap;
}
.image-repeat .image.view.view-first{
    flex: 0 0 100%;
    position: static;
    top: 0;
    transform:translateY(0%);
    -o-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -webkit-transform:translateY(0%);
    overflow: hidden;
}
.image-repeat .thumbnail .caption{
    padding: 8px 0 5px;
}
.image-repeat .thumbnail {
    margin-bottom: 60px;
}

/* Image edit wrapp */
.product-imitation {
    overflow: hidden;
}
.product-imitation img{
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
.product-imitation{
    position: relative;
    overflow: hidden;
}
.product-imitation:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
@media screen and (min-width:500px) and (max-width:992px){
    .product-imitation:after {
        padding-bottom: 50%;
    }
}
.product-imitation img{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom:0;
    left:0;
    margin: auto;
}
.product-desc {
    /*height: 60px;    */
    overflow: hidden;
}
.product-desc .product-name {

    display: inline-block;
    margin: 0;
    width: 100%;
    /*max-width: calc(100% - 75px);*/
    /*max-width: -webkit-calc(100% - 75px);*/
    /*max-width: -moz-calc(100% - 75px);*/

}
.product-desc .image-icons {
    position:static;
    display: inline-block;
    /*width: 70px;*/
    width: 100%;
    margin-top: 10px;
}

/*
.afterRot{ transform: rotate(90deg); object-fit: cover; }
.product-imitation img { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;    object-fit: cover; }
.custom-object-fit { position: relative; background-size: cover; background-position: center center; }
.custom-object-fit img { opacity: 0; }
*/

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    /*overflow-x: scroll !important;*/
}
.scroll_seeker{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: calc(100% - 6px);
    height: -webkit-calc(100% - 6px);
    height: -moz-calc(100% - 6px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 89;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.3) 99%);
    font-size: 35px;
    color: #7a003c;
}
.btn{
    margin-bottom: 3px;
}
.product-desc .image-icons .radio{
    display: inline-block;
}
.product-desc .image-icons .radio label{
    padding-left: 0;
    padding-right: 5px;
}
ul.navbar-top-links li.resposniveness > a{
    min-height: auto;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent !important;
}
.resposniveness .badge{
    background-color: #fff;
    color: #680334;
    text-transform: uppercase;
    cursor: pointer;
}
ul.navbar-top-links li{
    vertical-align: middle;
}
.search-list-link {
    color:#444;
}
.dataTables_wrapper{
    position: relative;
}
.form-inline .dt-buttons{
    float: left;
    margin-right: 15px;
}
.form-inline .dt-buttons .buttons-print{
    color: #fff;
    background-color: #1c84c6;
    border-color: #429fdb;
}

/* Date Range */
.date-range{
    display: inline-block;
    width: calc(100% - 650px);
    width: -webkit-calc(100% - 650px);
    width: -moz-calc(100% - 650px);
}
.date-range__wrapper{
    width: 100%;
}
.date-range__wrapper,
.date-range__wrapper .range-span,
.date-range__wrapper .date-range__dates,
.date-range__wrapper .date-range__dates .date-range__single,
.date-range__wrapper .date-range__dates .date-range__single .change_date,
.date-range__wrapper .date-range__dates .date-range__single form#event_update_view_form,
.date-range__wrapper .date-range__dates .date-range__fromto,
.date-range__wrapper .date-range__dates .date-range__fromto .date-range_date,
.date-range__wrapper .date-range__dates .date-range__fromto span {
    display: inline-block;
    vertical-align: middle;
}
.date-range__wrapper .date-range__dates  {
    width:calc(100% - 180px);
    width:-webkit-calc(100% - 180px);
    width:-moz-calc(100% - 180px);
}
.date-range__wrapper .date-range__dates .date-range__single,
.date-range__wrapper .date-range__dates .date-range__fromto {
    width: auto;
    padding-bottom: 3px;
}
.date-range__wrapper .date-range__dates .date-range__single form#event_update_view_form {
    width: 90px;
    text-align: center;
}
.date-range__wrapper {
    padding: 0 0 3px 0;
}
.date-range__wrapper .date-range__dates .date-range__single .change_date {
    margin: 0;
    width: 90px;
    padding: 5px;
    text-align: center;
}
.date-range__wrapper .range-span{
    padding-right: 10px;
}
.date-range__wrapper .range-span span{
    font-weight: 600;
}
.date-range__wrapper .date-range__dates .date-range__fromto{
    /*    border-top: 1px solid #e7eaec;
        margin-top: 3px;
        padding-top: 3px;*/
}
.date-range__wrapper .date-range__dates .date-range__single{
    /*padding-right: 15px;*/
}
.date-range__wrapper .date-range__dates .date-range__fromto .date-range_date{
    width: 90px;
    padding: 5px;
    text-align: center;
}
.date-range__wrapper .date-range__dates .date-range__fromto span{
    width: 24px;
    text-align: center;
}

.date-range.filled {
    width: 100%;
}
@media (min-width: 1200px){
    .date-range{
        text-align: left;
    }
}
@media screen and (min-width : 992px) and (max-width:1199px){
    div[class="date-range pull-left"] .date-range__wrapper .range-span{
        width: 100%;
        padding: 0;
    }
    div[class="date-range pull-left"] .date-range__wrapper .date-range__dates,
    div[class="date-range pull-left"] .date-range__wrapper .date-range__dates{
        width: 100%;
    }
    div[class="date-range pull-left"] .date-range__wrapper .date-range__dates .date-range__single .change_date,
    div[class="date-range pull-left"] .date-range__wrapper .date-range__dates .date-range__single form#event_update_view_form,
    div[class="date-range pull-left"] .date-range__wrapper .date-range__dates .date-range__fromto .date-range_date{
        width: 85px;
        padding-right: 5px 3px;
    }
    div[class="date-range pull-left"] .date-range__wrapper .date-range__dates .date-range__fromto span{
        width: 15px;
    }
    div[class="date-range pull-left"] .date-range__wrapper .date-range__dates .date-range__single{
        padding-right: 0;
    }
}
@media (max-width: 991px){
    .date-range,
    .event-buttons{
        width: 100%;
    }
}
@media (max-width: 760px){
    .date-range__wrapper {
        width: 100%;
        display: block;
        margin: 0;
    }
    .date-range__wrapper .range-span{
        display: block;
        text-align: center;
        padding-bottom: 3px;
        margin-bottom: 0;
    }
    .date-range__wrapper .range-span span {
        font-weight: 900;
    }
    .date-range__wrapper .date-range__dates{
        width: 100%;
        text-align: center;
    }
}
@media (max-width:430px){
    .date-range__wrapper .date-range__dates .date-range__single form#event_update_view_form,
    .date-range__wrapper .date-range__dates .date-range__single .change_date{
        width: 75px;
    }
}

.date-range__dates .date-range__single ~ .date-range__fromto{
    padding-left: 30px;
    position: relative;
}

.date-range__dates .date-range__single ~ .date-range__fromto::before{
    content: 'OR';
    padding: 5px;
    text-align: center;
    position: absolute;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    background: #eee;
    font-weight: 600;
    line-height: 24px;
}


/*DT Toggler*/
.dt-coltoggler-wrapper {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 -3px 10px 0;
}
.dt-coltoggler-wrapper > .col-toggle, .dt-coltoggler-wrapper > .rec-col-toggle, .dt-coltoggler-wrapper > .per-col-toggle, .dt-coltoggler-wrapper > .pet-col-toggle  {
    cursor: pointer;
    padding: 2px 6px;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #aaa;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 3px;
    margin-right: 3px;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}
.dt-coltoggler-wrapper > .col-toggle.col-hidden, .dt-coltoggler-wrapper > .rec-col-toggle.col-hidden, .dt-coltoggler-wrapper > .per-col-toggle.col-hidden, .dt-coltoggler-wrapper > .pet-col-toggle.col-hidden {
    background-color: #e0e0e0;
    border-color: transparent;
    color: #909090;
}
.dt-coltoggler-wrapper .toggle-title{
    display: none;
}
.client-detail{
    height: 540px;
}
@media (max-width: 992px){
    .client-detail{
        height: auto;
    }
}
@media (min-width: 993px){
    nav.navbar.navbar-static-top > .wrapper > div > #navbar {
        float: left;
        width: auto;
    }
    nav.navbar.navbar-static-top > .wrapper > div > #twitter-custom-input {
        width: calc(100% - 800px);
        width: -webkit-calc(100% - 800px);
        width: -moz-calc(100% - 800px);
        float: right;
        padding-left:15px;
    }
}
.tabs-container > ul.nav-tabs > li .badge {
    font-size: 8px;
    padding: 2px 5px;
}
.dropdown-menu > li > a,
.top-navigation > ul.nav > li,
.top-navigation > ul.nav > li > a{
    border-radius: 0px;
}
.dt-yearChooser{
    max-width: 150px;
    margin: 0 0 12px;
    float: none !important;
}


/* Personalisation */

.page-heading h2 :not(i){
    color: var(--brand-maroon);
    color: #7a003c;
}
.dl-horizontal dt {
    text-align: left;
}

/* Header rearranging */
.navbar-collapse{
    float: left;
}
.navbar-collapse > ul > li > a > .label{
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 2px 3px;
    font-size: 8px;
}
.twitter-input input[type=text] {
    border-radius: 3px 0 0 3px !important;
}
.navbar-collapse + .twitter-input{
    display: inline-block;
}
.header-nav-options{
    min-width: 120px;
}
.twitter-input{
    min-width: 300px;
    width: calc(100% - 1390px);
    width: -webkit-calc(100% - 1390px);
    width: -moz-calc(100% - 1390px);
    max-width: 350px;
}
.top-navigation .navbar-right{
    margin-left: 10px;
}
@media (min-width: 1366px){
    .navbar-expand-xl .navbar-toggle {
        display: none;
    }
    .navbar-expand-xl .navbar-collapse.collapse{
        display: inline-block !important;
    }
}
@media only screen and (max-width: 1365px){
    .navbar-expand-xl .navbar-toggle {
        display: block;
    }
    .navbar-expand-xl .navbar-collapse{
        position: absolute;
        top: 100%;
        background: var(--brand-maroon);
        background: #7a003c;
        z-index: 247;
        right: 0;
        left: 0;
    }
    .navbar-expand-xl .navbar-collapse.collapse{
        display: none !important;
        clear: both;
    }
    .navbar-expand-xl .navbar-collapse.collapse.in{
        display: block !important;
    }
}
@media (min-width: 768px){
    .navbar-collapse.collapse{
        display: inline-block !important;
    }
}
@media (max-width:460px){
    .twitter-input{
        width: 100%;
        padding: 0 15px 15px;
        max-width: 100%;
    }
}
.image-view{
    cursor: pointer;
}
@media (min-width: 992px){
    body, .btn{
        font-size: 11px;
    }
}
.list-inline a,
.action-td a,
.paginate_button a,
ol.breadcrumb li a{
    text-decoration: none !important;
}

.modal-container{
    position: absolute;
    top: 5%;
    right: 5%;
    bottom: 5%;
    left: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    background: #e8e8e8;
    border-radius: 3px;
    border: 15px solid #fff;
}
.modal-container > .close{
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 999;
    color: #fff;
    opacity: 1;
}
.imagepreview{
    max-width: 100%;
    max-height: 100%;
}



form[id*="filter-form"][role="form"] div[class="form-group"] > label {
    margin: 0;
    padding-right: 15px;
}
form[id*="filter-form"][role="form"] div[class="form-group"]{
    margin-bottom: 10px;
}
form[id*="filter-form"][role="form"] .panel .panel-heading{
    padding:5px;
}
form[id*="filter-form"][role="form"] .panel .panel-title{
    margin: 0;
}
form[id*="filter-form"][role="form"] .panel .panel-body {
    padding: 5px;
}
form[id*="filter-form"][role="form"] .panel .panel-body .table{
    margin-bottom: 5px;
}
@media print{

    .no-print
    {
        display: none !important;
    }
    table .badge{
        font-size: 8px !important;
        padding: 2px !important;
    }
    .reject_event, .approve_event{
        background-size: 12px;
        height: 12px;
        width: 12px;
        background-repeat: no-repeat;
    }
    .pr5{
        padding-right:5px;
    }
    .pl5{
        padding-left:5px;
    }
}
.report-panel-head {
    background:#f3f3f4 !important;
}
.report-panel-head h5 {
    color:#680334 !important;
    margin-top: 0px;
    padding: 5px 0px 0px;
}
.event-report-generated .panel-heading h5, .event-report-generated .ibox-title h5, .report-ibox-title h5 {
    color:#680334 !important;
}

.dl-horizontal dd {
    margin-left: 160px !important;
}

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

.table-fixed th, .table-fixed td {
    word-wrap: break-word;
    vertical-align: middle !important;
}

.grid {
    width:100%;
}

.grid .ibox {
    margin-bottom: 0;
}
.grid-item {
    margin-bottom: 10px;
    width: 100%;
}

/* 2 columns */
@media screen and (min-width: 768px) {
    .grid-item {
        width: 48%;
        width: calc((100% - 10px) / 2);
    }
}

/* 3 columns */
@media screen and (min-width: 1000px) {
    .grid-item {
        width: 31%;
        width: calc((100% - 20px) / 3);
    }
}


.fa-facebook {
    color: #3b5998;
}
.fa-facebook-official {
    color: #3b5998;
}
.fa-facebook-square {
    color: #3b5998;
}

.fa-twitter {
    color: #55acee;
}
.fa-twitter-square {
    color: #55acee;
}
.fa-instagram {
    color: #3f729b;
}

.tag-line{
    color: #7a003c !important;
    font-weight: normal;
    font-size: 14px;
}

.tag-line strong {
    font-size: 16px;
}

.view-video{
    cursor: pointer;
}

.note-editing-area {
    border: 1px solid #eee !important;
}

.loading-icon{
    display: none;
}

.btn-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 300px;
    line-height: 46px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 20px;
    transition: .5s;
}

.btn-slide2 {
    border: 1px solid #7a003c;
}

.btn-slide2:hover {
    background-color: #7a003c;
}

.btn-slide2:hover span.circle2 {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
    color: #0099cc;
}

.btn-slide2:hover span.circle2 {
    color: #7a003c;
}

.btn-slide:hover span.title, .btn-slide2:hover span.title2 {
    left: 40px;
    opacity: 0;
}

.btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
    opacity: 1;
    left: 40px;
}

.btn-slide span.circle, .btn-slide2 span.circle2 {
    display: block;
    background-color: #0099cc;
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 35px;
    height: 35px;
    width: 35px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}

.btn-slide2 span.circle2 {
    background-color: #7a003c;
}

.btn-slide span.title,
  .btn-slide span.title-hover, .btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    position: absolute;
    left: 90px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 500;
    color: #30abd5;
    transition: .5s;
}

.btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    color: #7a003c;
    left: 80px;
  }

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    left: 80px;
    opacity: 0;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    color: #fff;
}
.tooltip-inner {
    max-width: 760px !important;
    white-space: pre-line;
    padding: 10px;

  }
  #page-wrapper{padding-left: 5px !important;padding-right: 5px !important;}
  .form-control, .single-line{border-color: #c4c4c4;}
  .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{border-color: #c4c4c4;}
  .btn-default{border-color: #c4c4c4;}
  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-color: #c4c4c4;}
  .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{border-color: #c4c4c4;}
  .table-bordered,.input-group-addon,.select2-dropdown{border-color: #c4c4c4 !important;}
  .select2-container--default .select2-search--dropdown .select2-search__field{border-color: #c4c4c4 !important;}

  @media screen and (min-width:992px) and (max-width:1365px){

  }
  @media only screen and (max-width: 1365px){
    .navbar-expand-xl .navbar-collapse{position: relative;width: 100%;}
  }
  @media only screen and (max-width: 991px){
    .navbar-collapse > ul > li > a > .label{position: initial;top: 0;}
    #slidePannel{z-index: 9999 !important;}
  }
  #region_container .region_repeat:first-child .form-group {
      margin-bottom:0px;
  }
  #region_container .region_repeat:first-child .remove-region {
      display: none;
  }

  .table.billing-search-table > tbody > tr > td:first-child{border-left: 1px solid #cfcfcf;}
  .table.billing-search-table > tbody > tr > td:last-child{border-right: 1px solid #cfcfcf;}
  .table.billing-search-table > tbody > tr > td{border:none;}
  .table.billing-search-table > tbody > tr:nth-child(even)  td table{margin-top: 10px;margin-bottom: 30px;}
  .table.billing-search-table > tbody > tr:nth-child(even)  td table.table > tbody > tr > td{border:none;}
  .table.billing-search-table > tbody > tr:nth-child(even)  td table.table > thead > tr > th{border:none;color: #797979;}
  .table.billing-search-table > tbody > tr:nth-child(odd)  > td{border-top:1px solid #cfcfcf;}
  .table.billing-search-table > tbody > tr > td > table.table > tbody > tr.line-items > td:first-child{text-align: right;}
  .table.billing-search-table > tbody > tr > td > table.table > tbody > tr.line-items > td:last-child{padding-left: 80px;}

  .bill-invoice-report{border: 2px solid #454545;}
  .bill-invoice-report .table > tbody > tr > td{border: none;}
  .bill-invoice-report .table > thead > tr > th{border: none;}
  .bill-invoice-report .table > tfoot > tr > td{border: none;}
  .bill-invoice-report .invoice-container{border-top: 1px solid #ddd;padding-top: 20px;}
  .bill-invoice-report .invoice-container:first-child{border: none;}
  .bill-invoice-report .invoice-container > table{margin: 0;}
  .bill-invoice-report .invoice-container > .table-responsive > table > tfoot > tr > td{font-size: 14px;border-top:1px solid #fff;}
  .bill-invoice-report .invoice-container > .table-responsive > table > tfoot > tr > td:last-child{border-color: #aaa;}


@media print {

    table th, table td {
        font-size: 8px !important;
    }
    span.add_kit_pickup {
        background-color: #727272 !important;
    }
    span.remove_kit_pickup {
        background-color: #7cb342 !important;
    }
    span.approve-evaluation-button {
        background-color: #727272 !important;
    }
    span[title="Evaluation Approved"] {
        background-color: #7cb342 !important;
    }
    span[title="Multi stop Secondary Event"] {
        background-color: #727272 !important;
    }
    span[title="Multi stop Primary Event"] {
        background-color: #7cb342 !important;
    }
    a[href]:after {
        content: none !important;
    }
    .fa-check:before {
        content:url("../images/check-icon.png");
    }
    .fa-ban:before {
        content:url("../images/ban-icon.png");
    }
    span.approved-sla-row{
        color:#304ffe !important;
    }
    table{
        table-layout: fixed !important;
        width: 100% !important;
        border-collapse: collapse;
        display: block;
        float: left;
        border-right: none !important;
        border-bottom: none !important;
    }
    table th, table td {
        font-size: 10px !important;
    }
    table tr th:last-child, table tr td:last-child {
        border-right: 1px solid #ddd !important;
    }
    .update_event_kit_pickup {
        padding: 5px 2px;
        font-size: 15px;
    }
}

.approved-sla-row{
    -webkit-print-color-adjust: exact;
    color:#304ffe;
    font-weight: 600;
    font-size: 10px;
}

body{overflow-x: visible;}

.autocompleteBillTo[disabled], .autocompleteBillTo[readonly] {
    background-color: #eee!important;
    opacity: 1;
}
.autocompletePromo[disabled], .autocompletePromo[readonly] {
    background-color: #eee!important;
    opacity: 1;
}
body{height: auto !important;}

body.modal-open {
    overflow: hidden;
    width: 100%;
}
.table-font {
    font-size: 11px;
}

.modal-select-container .select2-container:nth-child(3) {
    position: absoulte !important;
    top: 34px !important;
    left: 0px !important;
}
.border-bottom .ibox-title {
    margin-bottom:15px;
}

@media (max-width:991px) {
    .evaluations-table thead tr th:nth-child(1) {
        width: 250px;
    }
}
.update_event_kit_pickup {
    padding: 5px 2px;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}
.add_event_kit_pickup {
    color: #727272;
}

.remove_event_kit_pickup {
    color:#7cb342;
}

.coverAll {
    z-index: 1000;
    background: radial-gradient(ellipse farthest-corner at center center, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.55) 100%) repeat scroll 0% 0%;
    width: 100%;
    height: 100%;
    padding: 100px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}

#educator_avail_table th{
    background: #f9f9f9;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
}

#educator_avail_table .date-span {
    font-weight: 600;
    font-size: 17px;
}

#educator_avail_table .date_span, #educator_avail_table .day-span, #educator_avail_table .month-span {
    display: block;
}

#educator_avail_table tr td{
    text-align: center;
    vertical-align: middle;
    border: 1px solid #fff;
}

#educator_avail_table tr td:first-child{
    text-align: left;
    font-size: 14px;
    background: #f9f9f9;
    padding-left: 10px;
}

#educator_avail_table .full-available, #educator_avail_table .partial-available {
    background: #c8e6c9!important;
    color: #7cb342!important;
    font-size: 16px;
}

#educator_avail_table .not-available {
    background: #ef9a9a!important;
    color: #b71c1c!important;
    font-size: 16px;
}

#educator_avail_table .available-span {
    font-size: 11px;
    display: block;
    font-weight: 700;
}

#educator_avail_table .schedule-span {
    font-size: 11px;
    display: block;
    font-weight: 700;
    color:#ef6c00!important;
}

#educator_avail_table .avail-container, #educator_avail_table .avail-container-single {
    display: inline-block;
}

#educator_avail_table .avail-container {
    vertical-align: top;
}

#educator_avail_table tbody tr:hover td{
    background:#fff!important;
}
#educator_avail_table tbody tr:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    border:none;
}

#educator_avail_table .idle-educator {
    background: #e0e0e0!important;
    color: #727272!important;
    font-size: 18px;
}
.modal-container > .printBtn {
    position: absolute;
    top: 10px;
    right: 100px;
    text-align: center;
    z-index: 999;
    color: #fff;
    opacity: 1;
}
.buttons-print {
    visibility: hidden;
}

.custom-dt-button {
    position: absolute;
    display: none;
    cursor:pointer;
    z-index: 1;
}

.bill-approved {
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 400;
    background-color:#7cb342;
    margin-right: 2px;
}
.bill-to-approve {
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 400;
    background:#727272;
    margin-right: 2px;
}

.remove_reconciled {
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    background-color: #ffeb3b!important;
    cursor: pointer;
}

.add_reconciled {
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    background: #727272;
    cursor: pointer;
}

.update_event_kit_pickup {
    padding: 4px 3px;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    margin-left: 1px;
    margin-right: 1px;
}

.remove_amb_expense {
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    background: #e53935;
    cursor: pointer;
}

.modal.in{
    overflow-y:auto;
  }

/* Graph Loader */
.loader, .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
    z-index: 999999;
}
.loader {
    margin: 0px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    align-items: center;
    vertical-align: middle;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.loadingDiv {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#ddd;
    z-index: 9999;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.position-relative {
    position: relative;
}

.remove_amb_expense_personal {
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    background: #e53935;
    cursor: pointer;
}

.remove_kit_pickup_personal {
    padding: 3px 6px;
    font-size: 12px;
    font-weight: 400;
    background-color:#7cb342;
    cursor: pointer;
}

.equal-height {
    display: flex;
    flex-wrap: wrap;
}

.equal-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.equal-height .ibox {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.equal-height .ibox-content {
    flex: 1;
}

/* Media queries for responsive design */
@media (max-width: 1200px) {
    .equal-height > [class*='col-'] {
        flex-basis: 50%; /* Two columns on medium screens */
    }
}

@media (max-width: 768px) {
    .equal-height > [class*='col-'] {
        flex-basis: 100%; /* One column on small screens */
    }
}

.two-factor{
    padding-top: 20px;
}

.equal-heights {
    display: flex;
    flex-wrap: wrap;
}

.equal-heights > .col-sm-4 {
    display: flex;
    flex-direction: column;
}

.equal-heights > .col-sm-4 > .panel {
    flex: 1;
}

.equal-heights .tabs-container .panel-body {
    border: none; /* Removes the border in equal-heights context */
}

.equal-heights .dl-horizontal dt {
    text-align: left;
    width: 55%;
}

.equal-heights .dl-horizontal dd {
    margin-left: 278px !important;
}

.survey-table>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9 !important; /* Light gray background for odd rows */
}

.survey-table tbody tr:nth-child(even) {
    background-color: #ffffff; /* White background for even rows */
}

.survey-table tbody tr td {
    padding: 8px; /* Add padding for better spacing */
}

.text-red {
    color: #7a003c;
}