/*!*================================================================================*/
/*	Item Name: Materialize - Material Design Admin Template*/
/*	Version: 5.0*/
/*	Author: PIXINVENT*/
/*	Author URL: https://themeforest.net/user/pixinvent/portfolio*/
/*================================================================================*/

/*NOTE:*/
/*------*/
/*PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.*/
/*WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  *!*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,600);

body {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal;
    line-height: 1.0;
    color: #6b6f82;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 1.0;
    color: #333;
}

p {
    font-family: 'Montserrat', sans-serif;
}


:root {
    /*Deep Cerulean*/
    --primary-color: #008795;

    /*Picton Blue*/
    --secondary-color: #019aaa;

    /*Sun*/
    --color-three: #fcb414;

    /*Hippie Blue*/
    --color-four: #4c9cb0;
}

.btn-inverted
{
    background-color: white !important;
    color: #000000 !important;
}

.ticket-details-button{
    font-size: 13px !important;
}

.cs-label-header{
    color: #9e9e9e;
    /*margin-left: -3px;*/
    font-size: .8rem;
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-check-input{
    margin-top: -1px !important;    
}

.modal .easy-autocomplete {
    width: 100% !important;
}

.login-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--primary-color); !important; /* theme color*/
}

.easy-autocomplete-container {
    z-index: 9999 !important;
}

.modal-dialog-centered {
    display: grid !important;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.main-header .col {
    margin-left: -15px;
}

.readonly-select {
    pointer-events: none;
    background-color: #eee;
}

#messageNotification .alert {
    margin-bottom: 5px;
    margin-right: 5px;
    border: 1px #e5e5e5 solid;
}

.divider {
    overflow: hidden !important;
    height: 1px !important;
    background-color: #e0e0e0 !important;
}

.col {
    flex: 1 0 0%;
    width: auto;
}

/*.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {*/
/*    padding-top: 64px !important;*/
/*}*/

.modal-header {
    font-weight: bold;
    font-size: 20px;
    color: #636578;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 10px !important;
}

.card-header{
    font-size: 17px;
    color: #ffffff !important;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 20px !important;
    background-color: var(--primary-color);
    text-transform: uppercase !important;
}

.modal-footer {
    border-top: 1px #e5e5e5 solid;
    padding-top: 10px !important;
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: none;
}

.btn-outline-primary {
    color: var(--primary-color);
    border-color: #b3b6ff;
    background: transparent;
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    color: var(--secondary-color);
    background-color: #dadcff;
    border-color: #b3b6ff;
}

.btn-primary:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

.bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
    background-color: var(--primary-color);
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.card-header {
    padding-bottom: 0px;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-success {
    background-color: rgb(76 189 0) !important;
}

.name-display {
    margin-left: -20px;
    font-weight: 500;
    font-size: 17px;
    color: var(--primary-color);
}

.sk-primary .sk-chase-dot:before {
    background-color: var(--secondary-color) !important;
}

.hide-data {
    background: #d5e2ea !important;
    /*color: transparent;*/
    position: relative;
    overflow: hidden;
}

.hide-data::before {
    content: "";
    position: absolute;
    left: 0%;
    top: 0;
    height: 100%;
    width: 50px;
    background: linear-gradient(to right, #d5e2ea 25%, #8ac0e6 50%, #d5e2ea 100%);
    animation-name: gradient-animation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    filter: blur(5px);
}

@keyframes gradient-animation {
    from {
        left: 0%;
    }
    to {
        left: 100%;
    }
}

.loader {
    background-color: #d5e2ea;
    border-width: 1px;
    border: var(--color-four) solid !important;
    padding: 10px;
    border-radius: 5px;
}

.sk-primary.sk-plane, .sk-primary .sk-chase-dot:before, .sk-primary .sk-bounce-dot, .sk-primary .sk-wave-rect, .sk-primary.sk-pulse, .sk-primary .sk-swing-dot, .sk-primary .sk-circle-dot:before, .sk-primary .sk-circle-fade-dot:before, .sk-primary .sk-grid-cube, .sk-primary .sk-fold-cube:before {
    background-color: var(--primary-color);
}

.main-header .col-auto {
    margin-left: -15px;
}

.cs-close {
    font-size: 16px;
    float: right;
    margin-right: 5px;
    color: #983939;
    cursor: pointer;
}

.csharpcode pre{
    margin-bottom: 0 !important;
}

.table-responsive{
    overflow: visible;
}

.alert-outline-info {
    border-color: black;
    color: black;
    background-color: var(--color-three);
}
/*html {*/
/*    font-family: 'Montserrat', sans-serif !important;*/
/*    font-weight: normal;*/
/*    line-height: 1.0;*/
/*    color: #6b6f82;*/
/*}*/

/*h1,*/
/*h2,*/
/*h3,*/
/*h4,*/
/*h5,*/
/*h6 {*/
/*    font-family: 'Montserrat', sans-serif;*/
/*    font-weight: 400;*/
/*    line-height: 1.0;*/
/*    color: #333;*/
/*}*/

/*p {*/
/*    font-family: 'Montserrat', sans-serif;*/
/*}*/

/*.navbar .notification-badge {*/
/*    font-family: 'Montserrat', sans-serif;*/
/*    position: relative;*/
/*    top: -20px;*/
/*    right: 5px;*/
/*    margin: 0 -.8em;*/
/*    padding: 1px 3px;*/
/*    color: #fff;*/
/*    border-radius: 50%;*/
/*    background-color: #ff4081;*/
/*    box-shadow: 0 0 10px 0 #ff4081;*/
/*}*/

/*#breadcrumbs-wrapper.breadcrumbs-inline .breadcrumbs-title {*/
/*    padding-right: 20px;*/
/*    border-right: none;*/
/*}*/

/*.brand-sidebar .brand-logo {*/
/*    color: #333333 !important; !* theme color*!*/
/*}*/

/*.login-bg {*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    background-color: #eaeaea !important; !* theme color*!*/
/*}*/

/*.btn, .btn-large, .btn-small {*/
/*    cursor: pointer;*/
/*    -webkit-transition: background-color .2s ease-out;*/
/*    transition: background-color .2s ease-out;*/
/*    text-align: center;*/
/*    text-decoration: none;*/
/*    letter-spacing: 0.3px;*/
/*    color: #ffffff !important;*/
/*    background-color: #0474ac !important; !* theme color*!;*/
/*}*/

/*.btn-floating {*/
/*    background-color: #0474ac; !* theme color*!*/
/*}*/

/*.btn-floating:hover {*/
/*    background-color: #818181 !important; !* theme color*!*/
/*}*/

/*.btn:hover, .btn-large:hover, .btn-small:hover {*/
/*    background-color: #818181 !important; !* theme color*!*/
/*}*/

/*.fixed-action-btn .fab-backdrop {*/
/*    background-color: #818181 !important; !* theme color *!*/
/*}*/


/*.navbar-main {*/
/*    background-color: #0474ac !important; !* theme color*!*/
/*}*/

/*.pagination li.active {*/
/*    color: #fff;*/
/*    background-color: #0474ac !important; !* theme color*!*/
/*}*/

/*.sidenav-active-rounded .sidenav li > a.active {*/
/*    background: #000000; !* theme color*!*/
/*    background: -webkit-linear-gradient(45deg, #313131, #818181) !important; !* theme color*!*/
/*    background: linear-gradient(45deg, #313131, #818181) !important; !* theme color*!*/
/*    box-shadow: 3px 3px 20px 0 rgb(161, 161, 161); !* theme color*!*/
/*}*/

/*footer.page-footer {*/
/*    background-color: #0474ac !important; !* theme color*!*/
/*}*/

/*.dropdown-content li > a, .dropdown-content li > span {*/
/*    color: #0474ac; !* theme color*!*/
/*}*/

/*.datepicker-table td.is-selected {*/
/*    background-color: #0474ac; !* theme color*!*/
/*    color: white !important;*/
/*}*/

/*.datepicker-table td.is-today {*/
/*    color: #fd1919;*/
/*    font-weight: bold !important;*/
/*}*/

/*.datepicker-date-display {*/
/*    background-color: #0474ac; !* theme color*!*/
/*}*/

/*.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {*/
/*    color: #0474ac; !* theme color*!*/
/*}*/

/*button, input, optgroup, select, textarea {*/
/*    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;*/
/*}*/

/*.timepicker-close {*/
/*    color: #818181; !* theme color *!*/
/*}*/

/*.timepicker-digital-display {*/
/*    background-color: #818181; !* theme color *!*/
/*}*/

/*.timepicker-tick.active,*/
/*.timepicker-tick:hover {*/
/*    background-color: #818181; !* theme color *!*/
/*    color: #FFF;*/
/*}*/

/*.timepicker-canvas line {*/
/*    stroke: #818181; !* theme color *!*/
/*}*/

/*.timepicker-canvas-bearing {*/
/*    fill: #818181; !* theme color *!*/
/*}*/

/*.timepicker-canvas-bg {*/
/*    fill: #818181; !* theme color *!*/
/*}*/

/*#cs_loader {*/
/*    margin: auto;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    z-index: 9999;*/
/*    background-color: black; !* theme color*!*/
/*    position: fixed;*/
/*    opacity: 0.5;*/
/*    border-radius: 5px;*/
/*    -webkit-border-radius: 5px;*/
/*    display: none;*/
/*}*/

/*.cs_disabled {*/
/*    background-color: #DFDFDF !important;*/
/*    box-shadow: none !important;*/
/*    color: #9F9F9F !important;*/
/*    cursor: default !important;*/
/*}*/

/*.card-alert {*/
/*    margin-top: 0px;*/
/*    padding-top: 5px;*/
/*    padding-bottom: 5px;*/
/*}*/

/*.card-alert button {*/
/*    padding-top: 10px;*/
/*}*/

/*.cs-bold {*/
/*    font-weight: bold;*/
/*}*/

/*.cs-text-info {*/
/*    font-size: 14px;*/
/*    font-weight: bold;*/
/*}*/

/*.cs-text-info-curr {*/
/*    font-size: 14px;*/
/*    font-weight: bold;*/
/*}*/

/*.cs-tab {*/
/*    height: 35px;*/
/*    !*width: 200px;*!*/
/*    !*padding: 5px;*!*/
/*    !*margin: 5px;*!*/
/*    text-align: center;*/
/*    padding: 0;*/
/*    margin-left: 0;*/
/*    margin-right: 0;*/
/*    padding-top: 5px;*/
/*}*/

/*.cs-tab-disabled {*/
/*    background-color: grey;*/
/*    border: solid 1px silver;*/
/*    color: darkgray;*/
/*}*/

/*.cs-tab-enabled {*/
/*    background-color: white;*/
/*    border: solid 1px silver;*/
/*    color: black; !* theme color*!*/
/*}*/

/*.cs-mat-image {*/
/*    padding-left: 60px;*/
/*    padding-right: 60px;*/
/*    padding-bottom: 65px;*/
/*    background-color: transparent !important;*/
/*    min-width: 0 !important;*/
/*    !*width: 200px !important;*!*/
/*    height: 175px !important;*/
/*}*/

/*.cs-mat-image-container {*/
/*    border: solid 1px silver;*/
/*    height: 250px;*/
/*    background-color: #757575;*/
/*}*/

/*.cs-mat-image-container-selected {*/
/*    border: solid 4px #0d47a1;*/
/*    background-color: #2196f3;*/
/*}*/

/*.token.operator {*/
/*    background: none !important*/
/*}*/

/*.cs-panel-header {*/
/*    background-color: #0474ac !important; !* theme color*!*/
/*    padding: 15px;*/
/*    font-size: 20px;*/
/*    font-weight: 300;*/
/*    color: #ffffff;*/
/*    margin-bottom: -15px !important;*/
/*}*/

/*.time-range {*/
/*    font-weight: 600 !important;*/
/*    font-size: 12px !important;*/
/*    margin-left: -10px !important;*/
/*    margin-right: -10px !important;*/
/*    margin-top: 13px !important;*/
/*    border-radius: 2px;*/
/*    background-color: #FFF;*/
/*    line-height: 22px;*/
/*    float: right;*/
/*    box-sizing: border-box;*/
/*    min-width: 3rem;*/
/*    height: 22px;*/
/*    padding: 0 6px;*/
/*    text-align: center;*/
/*    cursor: pointer;*/
/*    color: #0474ac !important; !* theme color *!*/
/*}*/

/*.time-range .static {*/

/*}*/

/*.time-range-selected {*/
/*    color: #FFF !important;*/
/*    background-color: #0474ac; !* theme color *!*/
/*}*/

/*.input-disabled {*/
/*    background-color: #EBEBE4;*/
/*    border: 1px solid #ABADB3;*/
/*    padding: 2px 1px;*/
/*}*/

/*.card-panel .cs-header {*/
/*    margin-top: -15px;*/
/*    margin-bottom: 10px;*/
/*    margin-left: -10px;*/
/*}*/

/*.modal-content .card-title {*/
/*    font-size: 24px;*/
/*    font-weight: 300;*/
/*    margin-left: 10px;*/
/*    margin-bottom: 15px;*/
/*}*/

/*.cs-label-header {*/
/*    color: #9e9e9e;*/
/*    margin-left: -3px;*/
/*    font-size: .8rem;*/
/*}*/

/*.modal .easy-autocomplete {*/
/*    width: 100% !important;*/
/*}*/

/*.easy-autocomplete {*/
/*    width: auto !important;*/
/*}*/

/*.ticket-input {*/
/*    border-bottom: none !important;*/
/*    color: #6b6f82 !important;*/
/*    margin: 0 !important;*/
/*}*/

/*.modal-header {*/
/*    font-size: 24px;*/
/*    font-weight: 300;*/
/*    text-align: center;*/
/*    background-color: #0474ac !important; !* theme color*!*/
/*    padding: 8px;*/
/*    color: #ffffff;*/
/*    margin: -24px -24px 15px;*/
/*}*/

/*.num-aligned .currency {*/
/*    color: #6b6f82 !important;*/
/*    text-align: right !important;*/
/*}*/

/*.num-aligned tr {*/
/*    border: none !important;*/
/*    padding: 0 !important;*/
/*}*/

/*.num-aligned td {*/
/*    padding: 0 !important;*/
/*}*/

/*.btn-inverted {*/
/*    background-color: white !important;*/
/*    color: #000000 !important; !* theme color*!*/
/*}*/

/*.plain-table tr {*/
/*    !*border: none !important;*!*/
/*}*/

/*.plain-table td {*/
/*    padding: 5px;*/
/*}*/

/*[type='checkbox']:checked + span:not(.lever):before {*/
/*    top: -4px;*/
/*    left: -5px;*/

/*    width: 12px;*/
/*    height: 22px;*/

/*    -webkit-transform: rotate(40deg);*/
/*    -ms-transform: rotate(40deg);*/
/*    transform: rotate(40deg);*/
/*    -webkit-transform-origin: 100% 100%;*/
/*    -ms-transform-origin: 100% 100%;*/
/*    transform-origin: 100% 100%;*/

/*    border-top: 2px solid transparent;*/
/*    border-right: 2px solid #0474ac; !* theme color*!*/
/*    border-bottom: 2px solid #0474ac; !* theme color*!*/
/*    border-left: 2px solid transparent;*/

/*    -webkit-backface-visibility: hidden;*/
/*    backface-visibility: hidden;*/
/*}*/

/*.documentWindow {*/
/*    width: 80% !important;*/
/*    max-height: 80% !important;*/
/*    height: 100% !important;;*/
/*}*/

/*.pagination li {*/
/*    width: 40px !important;*/
/*    margin: 1px !important;*/
/*    text-align: center;*/
/*}*/

/*.pagination li.active.number {*/
/*    box-shadow: 0 0 8px 0 #444 !important;*/
/*    border-radius: 4px !important;*/
/*}*/

/*.pagination li.number:hover {*/
/*    box-shadow: 0 0 8px 0 #444 !important;*/
/*    background-color: #0474ac !important;*/
/*    border-radius: 4px !important;*/
/*}*/

/*.pagination li.number a:hover {*/
/*    color: white !important;*/
/*}*/

/*.collapsible-body .row.margin {*/
/*    margin-top: -15px !important;*/
/*}*/

/*.header div.header {*/
/*    margin-left: -20px;*/
/*}*/

/*.header nav {*/
/*    box-shadow: none !important;*/
/*    background-color: inherit;*/
/*/important;*/
/*    margin-left: -15px;*/
/*    margin-bottom: -30px !important;*/
/*    margin-top: 10px !important;*/
/*}*/

/*nav a {*/
/*    color: #6b6f82 !important;*/
/*    font-size: 24px !important;*/
/*    line-height: 1;*/
/*    font-weight: 300;*/
/*}*/

/*nav a.link {*/
/*    color: rgba(107, 111, 130, 0.55) !important;*/
/*}*/

/*.breadcrumb:before {*/
/*    color: black !important;*/
/*}*/


/*.collapsible-header.panel {*/
/*    background-color: #0474ac !important; !* theme color*!*/
/*    font-size: 17px;*/
/*    font-weight: 300;*/
/*    color: #ffffff;*/
/*    !**/
/*    margin-bottom: -15px !important;*/
/*    *!*/
/*}*/

/*.switch label input[type=checkbox]:checked + .lever {*/
/*    background-color: rgba(0, 128, 0, 0.25) !important;*/
/*}*/

/*.switch label input[type=checkbox]:checked + .lever:after {*/
/*    background-color: green !important;*/
/*}*/

/*.switch label input[type=checkbox] + .lever {*/
/*    background-color: rgba(255, 0, 0, 0.25) !important;*/
/*}*/

/*.switch label input[type=checkbox] + .lever:after {*/
/*    background-color: red !important;*/
/*}*/

/*.error {*/
/*    color: red !important;*/
/*    top: -20px !important;*/
/*}*/

/*@media only screen and (max-width: 600px) {*/
/*    .tran-switch {*/
/*        margin-top: 5px !important;*/
/*        margin-bottom: 5px !important;*/
/*    }*/

/*    .tran-lever {*/
/*        margin-top: -31px !important;*/
/*    }*/
/*}*/

/*.dd-label {*/
/*    top: -20px !important;*/
/*    font-size: 12px !important;*/
/*}*/