@import url("fontawesom.customization.css");

@media print {
    /* #content {        
        position: absolute;
        left: -210px;
    }
    #left-panel {                
        display: none;        
    }
    .demo {
        display: none;
    }
    .widget-body-toolbar, .widget-body-toolbar .placeholder, .widget-toolbar {
        display: none;
        padding:0px;
    }
    */
    .dt-header-cell {
        color: black;
        /*vertical-align:bottom;*/
    }
}
@media (max-width: 767.98px) {
    .form-group label {
        font-size: 1rem;
    }

    .wizard .steps > li {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .wizard .actions {
        text-align: center;
    }

    .jarviswidget header h2 {
        font-size: 1.1rem;
    }

    .input-group, .form-group {
        width: 100%;
    }

    .row > [class*="col-"] {
        margin-bottom: 15px;
    }

    .PhotoPlaceholderDiv img {
        width: 100% !important;
        height: auto !important;
        max-width: 200px;
        max-height: 200px;
    }

    .table-responsive {
        overflow-x: auto;
    }
}

.DTTT_Print {
    position: absolute;
    left: -230px;
}

    .DTTT_Print.fixed-header.fixed-ribbon {
        top: -95px;
    }

    .DTTT_Print.hidden-menu {
        left: -230px;
        width: 100%;
    }

    .DTTT_Print.minified {
        left: -20px;
    }

    .DTTT_Print.hidden-menu #left-panel {
        position: absolute;
        left: -230px;
    }

table.DTCR_clonedTable.dataTable {
    width: auto !important;
    z-index: 10001;
}

div.DTCR_pointer {
    z-index: 10001;
}

.bold {
    font-weight: 700;
}

.semi-bold,
.bold-400 {
    font-weight: 400;
}

.bold-600 {
    font-weight: 600 !important;
}

.font-110 {
    font-size: 110%;
}

.font-120 {
    font-size: 120%;
}

#send-report-dialog-form input {
    width: 500px;
    padding: 3px;
}

#send-report-dialog-form textarea {
    width: 500px;
    height: 150px;
    padding: 3px;
}

.caption {
    font-weight: bold;
}

.detail {
    font-style: italic;
}

.capitalize {
    text-transform: capitalize;
}

table[id*='ParametersGrid'] tr[isparameterrow='true'] td div input[type='text'] {
    width: 175px;
}

table[id*='ParametersGrid'] tr[isparameterrow='true'] td div select {
    width: 200px;
}

.fine-print {
    font-size: 12px;
    color: Gray;
}

.fuelux .wizard ul li.active {
    background: none repeat scroll 0 0 #3276b1;
    color: #ffffff;
}

    .fuelux .wizard ul li.active .chevron:before {
        border-left: 14px solid #3276b1;
    }



.show-password-link {
    /*z-index: 11;	
	font-size:x-small;	*/
    margin-top: 2px;
}

.dt-cell {
    cursor: default;
}

    .dt-cell a {
        cursor: pointer;
    }

.DTTT_button_text {
    cursor: pointer;
}

.row-selected td {
    background: #3276b1;
}

.smart-form .radio input, .smart-form .checkbox input {
}

em.error-msg {
    color: #D56161;
}

/*Default Tooltip*/

.tooltip-inner {
    border-radius: 10px;
}

/*.tooltip-inner {
    background-color: rgba(10, 125, 171,.9);
    color: white;
    font-weight: bold;
}

.tooltip.top .tooltip-arrow {
    border-top-color: rgba(50, 118, 177,.9);
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: rgba(50, 118, 177,.9);
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: rgba(50, 118, 177,.9);
}

.tooltip.right .tooltip-arrow {
    border-right-color: rgba(50, 118, 177,.9);
}

.tooltip.left .tooltip-arrow {
    border-left-color: rgba(50, 118, 177,.9);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(50, 118, 177,.9);
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: rgba(50, 118, 177,.9);
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: rgba(50, 118, 177,.9);
}*/

/*End Default Tooltip*/

/* Smart-Form Tooltip*/

.smart-form .tooltip {
    background-color: rgba(223, 239, 240,.9);
    color: black;
}

.smart-form .tooltip-top-right:after {
    border-top: 4px solid rgba(223, 239, 240,.9);
}

.smart-form .tooltip-top-left:after {
    border-top: 4px solid rgba(223, 239, 240,.9);
}

.smart-form .tooltip-right:after {
    border-right: 4px solid rgba(223, 239, 240,.9);
}

.smart-form .tooltip-left:after {
    border-left: 4px solid rgba(223, 239, 240,.9);
}

.smart-form .tooltip-bottom-right:after {
    border-bottom: 4px solid rgba(223, 239, 240,.9);
}

.smart-form .tooltip-bottom-left:after {
    border-bottom: 4px solid rgba(223, 239, 240,.9);
}

/* End Smart-Form Tooltip*/

/* Error Tooltip*/
.tooltip-inner.tooltip-error {
    background-color: rgba(169,3,41,.9);
    font-size: 13px;
    white-space: normal;
    font-weight: normal;
}

.tooltip.top .tooltip-arrow.tooltip-error {
    border-top-color: rgba(169,3,41,.9);
}

.tooltip.top-left .tooltip-arrow.tooltip-error {
    border-top-color: rgba(169,3,41,.9);
}

.tooltip.top-right .tooltip-arrow.tooltip-error {
    border-top-color: rgba(169,3,41,.9);
}

.tooltip.right .tooltip-arrow.tooltip-error {
    border-right-color: rgba(169,3,41,.9);
}

.tooltip.left .tooltip-arrow.tooltip-error {
    border-left-color: rgba(169,3,41,.9);
}

.tooltip.bottom .tooltip-arrow.tooltip-error {
    border-bottom-color: rgba(169,3,41,.9);
}

.tooltip.bottom-left .tooltip-arrow.tooltip-error {
    border-bottom-color: rgba(169,3,41,.9);
}

.tooltip.bottom-right .tooltip-arrow.tooltip-error {
    border-bottom-color: rgba(169,3,41,.9);
}

.tooltip.centered-tip .tooltip-arrow.tooltip-error {
    left: 50% !important;
}

.dataTables_wrapper .tooltip.top, .dataTables_wrapper .tooltip.bottom {
    background-color: transparent;
    border: none;
    padding: 5px;
}
/*End Error Tooltip*/

.smart-form .input-file .button.xs {
    height: 16px;
    line-height: 16px;
}

#logo {
    width: auto;
}

#logo-group {
    width: auto !important;
}

.center {
    text-align: center;
}

.middle {
    vertical-align: middle !important;
}

.bottom {
    vertical-align: bottom !important;
}

.txt-align-center {
    text-align: center;
}

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

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

th.dt-head-center {
    text-align: center;
}

.dataTables_length select {
    width: 60px !important;
    height: 30px;
    padding-left: 3px;
    padding-right: 0;
}

.dataTables_row_selected td {
    background-color: #ecf3f8 !important;
    color: #333;
}

    .dataTables_row_selected td a {
        color: #3276b1;
    }

        .dataTables_row_selected td a.btn {
            color: white;
        }

.show-password-link {
    z-index: 11;
    font-size: x-small;
    margin-left: 5px;
    float: right;
    position: absolute;
    top: 42px;
    left: 410px;
}

div.dt-top-row {
    height: auto;
    line-height: 5px;
}

.group-span-filestyle.input-group-btn label.btn.btn-primary.btn-sm {
    height: 30px;
}

.group-span-filestyle.input-group-btn label.btn.btn-primary.btn-xs {
    height: 24px;
    padding-top: 3px;
}

.bootstrap-filestyle {
    z-index: 1 !important;
}

.checkbox:checked + span {
    font-weight: normal !important;
}

.radiobox:checked + span {
    font-weight: normal !important;
}

input.checkbox[type="checkbox"], input.radiobox[type="radio"] {
    visibility: visible;
    opacity: 0;
}

label input[type=checkbox].checkbox.checkbox-bigger + span:before,
label input[type=radio].radiobox.radiobox-bigger + span:before {
    font-size: 15px;
    height: 15px;
    line-height: 15px;
    min-width: 15px;
}

label input[type=checkbox].checkbox.checkbox-bigger + span,
label input[type=radio].radiobox.radiobox-bigger + span {
    line-height: 18px;
}

label input[type=checkbox].checkbox.checkbox-rounded-corner + span:before,
label input[type=radio].radiobox.radiobox-rounded-corner + span:before {
    border-radius: 4px;
}

/* Override jarvis widget color blueDark */
.jarviswidget-color-blueDark > header, .smart-style-1 .jarviswidget-color-blueDark > header, .smart-style-2 .jarviswidget-color-blueDark > header {
    background: #3276b1 !important;
    color: #FFF;
}

    .jarviswidget-color-blueDark > header > .jarviswidget-ctrls a,
    .jarviswidget-color-blueDark .nav-tabs li:not(.active) a {
        color: #fff !important;
    }

.jarviswidget-color-blueDark .nav-tabs li a:hover {
    color: #333 !important;
}

.jarviswidget-color-blueDark > header,
.smart-style-1 .jarviswidget-color-blueDark > header,
.smart-style-2 .jarviswidget-color-blueDark > header {
    border-color: #3276b1 !important;
}

.widget-toolbar .color-select .bg-color-blueDark,
.smart-style-1 .widget-toolbar .color-select .bg-color-blueDark,
.smart-style-2 .widget-toolbar .color-select .bg-color-blueDark {
    background-color: #3276b1 !important;
}
/* End jarvis widget color blueDark */

/*Ribbon*/
.smart-style-2.fixed-ribbon #ribbon {
    box-shadow: 0 0.0625em 0.3125em rgba(0, 0, 0, 0.35);
}

.smart-style-2 #ribbon {
    background: none repeat scroll 0 0 #FFFFFF;
}
/*End Ribbon*/
.aspnet-radio td {
    padding-bottom: 5px !important;
}

li:not(.active) .badge {
    background-color: #3276b1;
}


.ui-dialog {
    z-index: 99999;
}

.ui-dialog-titlebar.ui-widget-header {
    background-color: #3276b1;
}

.ui-dialog-title {
    color: white !important;
    padding: 0 5px !important;
}

    .ui-dialog-title h4 {
        margin: 10px 0 !important;
    }

.ui-dialog .ui-dialog-titlebar-close {
    color: white !important;
    opacity: 1;
}

.ui-dialog-content.ui-widget-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
/* End jarvis widget color blueDark */


.password-showing {
    display: block;
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/*.table th {
    background-color: #3276b1 !important;
    color: white;
}*/

fieldset.separated {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

    fieldset.separated legend.small-legend {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 8px;
        padding-bottom: 0px;
        color: rgba(0, 0, 0, 0.5);
    }

.smart-style-1 #header, .smart-style-3 #header {
    color: white;
}

.smart-style-2 #header {
    color: #C5C6CA;
}

.smart-style-3 .dropdown-menu {
    background-color: white;
}


.dropdown-menu > li:not(.disabled):hover > a i {
    color: inherit;
}

.smart-style-1 nav ul.dropdown-menu li:not(.disabled) > a,
.smart-style-4 nav ul.dropdown-menu li:not(.disabled) > a {
    color: #333 !important;
    font-weight: normal;
}

.smart-style-1 nav ul.dropdown-menu > li:not(.disabled):hover > a,
.smart-style-4 nav ul.dropdown-menu > li:not(.disabled):hover > a {
    color: white !important;
    background-color: #313645;
}

    .smart-style-4 nav ul.dropdown-menu > li:not(.disabled):hover > a i {
        color: white !important;
    }

.smart-style-1 nav ul.dropdown-menu li.open > a,
.smart-style-1 nav ul.dropdown-menu ul,
.smart-style-4 nav ul.dropdown-menu li.open > a,
.smart-style-4 nav ul.dropdown-menu ul {
    background-color: white;
}


.jarviswidget > div {
    font-size: 14px;
}

#ui-datepicker-div {
    z-index: 100000 !important;
}
/*
@font-face {
  font-family: 'Swiss 721 Medium';
  src: url('../fonts/Swiss 721 Medium.ttf') format('truetype');  
}


@font-face {
  font-family: 'Swiss 721 Bold';
  src: url('../fonts/Swiss 721 Bold.ttf') format('truetype');  
}

h1.LogoText {
    font-family: 'Verdana';    
    font-size: 22px;    
}*/

#logo {
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 20px;
}

    #logo img {
        width: auto;
        max-height: 44px;
    }

.ui-autocomplete {
    z-index: 10001 !important;
    max-height: 300px;
    overflow: auto;
}

    .ui-autocomplete .ui-menu-item a {
        color: gray;
        padding: 2px;
        white-space: nowrap;
    }

.txt-color-blueBright {
    color: #3276b1;
}

.txt-color-blueBright2 {
    color: #198efa;
}

.txt-color-blueBright3 {
    color: #408DFB;
}

.border-color-blueBright {
    border-color: #3276b1;
}

.txt-color-redBright {
    color: #CC0000;
}

.txt-color-redBright3 {
    color: #f71406;
}

.txt-ui-widget-color {
    color: #404040;
}

.bg-color-blueBright {
    background-color: #3276b1;
}

.bg-color-grayLight {
    background-color: #f5f5f5;
}

.bg-color-gray {
    background-color: gray;
}

.bg-color-orangeBright,
li:not(.active) .badge.bg-color-orangeBright {
    background-color: #f78c40;
}

.txt-color-orangeBright {
    color: #f78c40;
}

.bg-color-orangeBright2 {
    background-color: #ff8000;
}

.bg-color-redBright2 {
    background-color: #d62108;
}

.bg-color-greenBright {
    background-color: #06AF8F;
}

.bg-color-blueReal {
    background-color: #00f !important;
}

.bg-color-black {
    background-color: #000;
    color: white;
}

.btn.bg-color-black.active.focus,
.btn.bg-color-black.active:focus,
.btn.bg-color-black.focus,
.btn.bg-color-black:active.focus,
.btn.bg-color-black:active:focus,
.btn.bg-color-black:focus,
.btn.bg-color-black.disabled {
    background-color: #000;
    color: white;
}

.nowrap {
    white-space: nowrap;
}

/*.ui-tabs .ui-tabs-nav li a {    
    /*background-color: white;*/
padding: 7px 10px 3px;
}

*/ .table-head-cell {
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
    background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    font-size: 12px;
}

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

.padding-3 {
    padding: 3px !important;
}

.smart-form .select i {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 0 9px #fff;
    height: 12.5px;
    position: absolute;
    right: 10px;
    top: 9.5px;
    width: 6px;
}

div#spinner {
    display: none;
    width: 100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    /*background:url(spinner.gif) no-repeat center #fff;
      border:1px solid #666;  
        */
    text-align: center;
    padding: 10px;
    font: normal 16px Tahoma, Geneva, sans-serif;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 2;
    overflow: auto;
}

/*.inactive-report-record {
    text-decoration: line-through;
    color: white !important;
    background-color: #a90329 !important;
}*/

.inactive-row {
    text-decoration: line-through;
    /*background-color: maroon !important;
    color: white;*/
}

/*.inactive-row a {
        color: white;
    }*/


hr.separator {
    border-color: #CCC;
    margin-top: 5px;
}

.filters-tags {
}

    .filters-tags .bootstrap-tagsinput {
        background: transparent;
        border: none;
    }

        .filters-tags .bootstrap-tagsinput input {
            display: none;
        }

.tagsinput-purple .bootstrap-tagsinput {
    border-radius: 4px;
}

    .tagsinput-purple .bootstrap-tagsinput .tag {
        border-radius: 10px !important;
        background-color: #8B51F5;
        border-color: #8B51F5;
    }

        .tagsinput-purple .bootstrap-tagsinput .tag [data-role=remove]:hover {
            background: rgba(0, 0, 0, .3);
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            box-shadow: none;
        }

.select2-category {
    font-weight: bold;
}

.select2-item {
    padding-left: 15px;
}


.ui-widget button {
    font-size: 12px;
    line-height: 18.5667px;
}

.fixed-ribbon #ribbon {
    z-index: 10000;
}

.fixed-header #header {
    z-index: 10000;
}

.popover-auto-width .popover {
    max-width: 400px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-right-5 {
    padding-right: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.padding-left-10, .px-10 {
    padding-left: 10px;
}

.pl-13 {
    padding-left: 13px;
}

.padding-right-10, .px-10 {
    padding-right: 10px;
}

.p-15 {
    padding: 15px !important;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-left-10, .mx-10 {
    margin-left: 10px;
}

.margin-right-10, .mx-10 {
    margin-right: 10px;
}

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

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

.margin-bottom-20, .margin-20 {
    margin-bottom: 20px;
}

.margin-top-20, .margin-20 {
    margin-bottom: 20px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-right-20 {
    padding-right: 20px;
}

.margin-left-20, .margin-20 {
    margin-left: 20px;
}

.margin-right-20, .margin-20 {
    margin-right: 20px !important;
}

.padding-right-30 {
    padding-right: 30px;
}

.no-margin-top {
    margin-top: 0;
}
/*.dt-wrapper {
    overflow-x: auto;
}*/

.daterangepicker .ranges {
    text-align: left;
    width: 174px !important;
}

    .daterangepicker .ranges .input-mini {
        width: 81px !important;
    }

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.no-padding-left {
    padding-left: 0px !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

.no-padding-top {
    padding-top: 0px !important;
}

.no-padding-bottom {
    padding-bottom: 0px !important;
}

.WeekCalendarGridCellBadge {
    width: 100%;
    position: relative;
    line-height: 17px;
    overflow: visible;
}

.WeekCalendarGridCell {
    cursor: pointer;
    position: relative;
}

    .WeekCalendarGridCell .ui-state-disabled {
        opacity: 1;
    }

.WeekCalendarGridTable .WeekCalendarGridCell.DimmedCell {
}

.ajax-dropdown.ChangeHistory {
    width: 344px;
    padding: 0;
}

    .ajax-dropdown.ChangeHistory::before,
    .ajax-dropdown.ChangeHistory::after {
        left: 19px;
    }

    .ajax-dropdown.ChangeHistory.centered::before,
    .ajax-dropdown.ChangeHistory.centered::after {
        left: 171px;
    }

    .ajax-dropdown.ChangeHistory .ajax-notifications {
        /*height: 405px;*/
        height: 100%;
        border-top: none;
    }


    .ajax-dropdown.ChangeHistory .notification-body .msg {
        /*padding-left:10px !important;*/
        padding-bottom: 0;
        padding-top: 2px;
    }

    .ajax-dropdown.ChangeHistory .notification-body .from {
        font-weight: bold;
        color: #333;
        margin-top: 20px;
    }

    .ajax-dropdown.ChangeHistory .notification-body img {
        margin-top: 25px;
    }

    .ajax-dropdown.ChangeHistory .notification-body time {
        font-size: 12px;
    }

    .ajax-dropdown.ChangeHistory .notification-body li,
    .ajax-dropdown.ChangeHistory .notification-body li .msg,
    .ajax-dropdown.ChangeHistory .notification-body li a,
    .ajax-dropdown.ChangeHistory .notification-body li a:active {
        background: white;
    }


        .ajax-dropdown.ChangeHistory .notification-body li:hover,
        .ajax-dropdown.ChangeHistory .notification-body li:hover a {
            background: none repeat scroll 0 0 #f0f4f7 !important;
        }

    .ajax-dropdown.ChangeHistory .notification-body .msg-body,
    .ajax-dropdown.ChangeHistory .notification-body .subject {
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: initial !important;
        max-height: none;
    }

    .ajax-dropdown.ChangeHistory .footer {
        height: 20px;
    }

    .ajax-dropdown.ChangeHistory .readmore-js-toggle {
        padding: 0;
        font-size: 10pt;
        color: #058dc7 !important;
        margin-top: -6px;
        padding-top: 3px;
    }

/*
.navbar span.activity {
    -moz-user-select: none;
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(center top, #f8f8f8, #f1f1f1);
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    color: #c4bab6;
    cursor: default !important;
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    height: 24px;
    margin: 6px 0 0;
    padding: 2px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    width: 30px;
    height: 30px;
}

    .navbar span.activity:hover {
        border: 1px solid #bfbfbf;
        transition: all 0s;
        cursor: pointer!important;
        -webkit-box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08);
        box-shadow: inset 0 0 4px 1px rgba(0,0,0,.08);
    }

*/

div#SpinnerContainer {
    /*display: none;*/
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    z-index: 200000; /* Important to set this */
}

.wd-spinner {
    /*display: none;*/
    z-index: 200001;
    overflow: visible;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 54px;
    height: 54px;
}

.dropdown-menu > .disabled > a {
    color: #999 !important;
}

.Segoe-font {
    font-family: Segoe Print;
}

.wrap {
    white-space: normal !important;
}

hr {
    border-color: #ccc;
}

.nav.nav-tabs li:not(.active) a {
    color: #333 !important;
}

.bottom-bordered {
    border-bottom: 1px solid #ccc !important;
}

.top-bordered {
    border-top: 1px solid #ccc !important;
}

.bordered {
    border: 1px solid #ccc !important;
}

.smart-form .input input {
    height: 34px;
}

.nav ul.dropdown-menu li {
    overflow: visible;
}

.nav .dropdown-menu .collapse-sign {
    display: none;
}

.popover {
    z-index: 99999;
}

    .popover table td {
        padding: 3px;
    }

#content {
    padding: 3px 3px 3px 3px;
}

div.ColVis_collectionBackground {
    z-index: 100000;
}

ul.ColVis_collection {
    z-index: 100001;
    width: auto;
    padding: 0;
    /*height:300px;
    overflow-y:auto;*/
}

    ul.ColVis_collection li {
        padding: 2px 5px;
        margin: 0;
    }

.ColVis_collection li label span {
    white-space: nowrap;
    vertical-align: top;
    padding-top: 3px;
}

.btn-default.ColVis_Button {
    border-color: #ccc;
    background: white;
    padding: 6px 10px 5px 10px;
    box-shadow: rgba(0, 0, 0, 0.0470588) 0px -2px 0px 0px inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px -2px 0px 0px inset;
}

    .btn-default.ColVis_Button.active, .btn-default.ColVis_Button:active, .btn-default.ColVis_Button:focus, .btn-default.ColVis_Button:hover {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad;
    }

.ColVis_Button {
    height: auto;
    margin-right: 3px;
}

.bg-shadowed-gray {
    background: repeating-linear-gradient(135deg, #eee, #eee 5px, white 5px, white 10px);
}

.dataTables_row_selected .bg-shadowed-gray,
.table-hover > tbody > tr:hover > td.bg-shadowed-gray {
    background: repeating-linear-gradient(135deg, #ecf3f8, #ecf3f8 5px, white 5px, white 10px);
}

.table-striped > tbody > tr:not(.selected):nth-child(even) > td,
.table-striped > tbody > tr:not(.selected):nth-child(even) > th {
    background-color: #f9f9f9;
}

.table-striped > tbody > tr:not(.selected):nth-child(odd) > td,
.table-striped > tbody > tr:not(.selected):nth-child(odd) > th {
    background-color: white;
}


.table-striped.table-hover > tbody > tr:hover > td,
.table-striped.table-hover > tbody > tr:hover > th {
    background-color: #d0e1ee;
}

.table-striped > tbody > tr.selected > td {
    background-color: #d0e1ee;
    color: #333;
}

    .table-striped > tbody > tr.selected > td a {
        color: #3276b1;
    }

.table.table-simple-header th {
    font-weight: normal;
}

.table.table-simple-header td {
    color: #777474;
}

.table.table-light-header thead tr {
    background: white;
    background-image: none;
}

.table.table-light-header td {
    color: #333;
}

.popover[class*="tour-"] {
    z-index: 100000 !important;
}

table.dataTable thead .sorting_asc.not-sortable,
table.dataTable thead .sorting_desc.not-sortable {
    background-image: none;
}

table.dataTable thead > tr > th.not-sortable {
    padding-left: 9px;
}

/*#datatable_length select {
  padding: 5px;
  height: 30px;
}*/

div.ColVis_catcher {
    position: absolute;
    z-index: 1101;
}

.smart-style-1 nav ul.dropdown-menu li a,
.smart-style-4 nav ul.dropdown-menu li a {
    padding-top: 3px;
    padding-bottom: 3px;
}

.smart-style-1 nav .dropdown-submenu ul.dropdown-menu li a,
.smart-style-4 nav .dropdown-submenu ul.dropdown-menu li a {
    padding-left: 20px;
    text-shadow: none;
}

.smart-style-1 nav ul.dropdown-menu li:not(.disabled):hover > a i,
.smart-style-0 nav ul.dropdown-menu li:not(.disabled):hover > a i {
    color: white;
}

.smart-style-3 nav ul.dropdown-menu li:not(.disabled):hover > a {
    background-color: #eee !important;
}

.smart-style-1 nav ul.dropdown-menu li:not(.disabled):hover > a {
    color: white;
}

.smart-style-0 nav ul.dropdown-menu li:not(.disabled):hover > a {
    color: white;
    background-color: #3276b1;
}

.smart-style-2 nav ul.dropdown-menu li:not(.disabled) {
    background: white;
}

    .smart-style-2 nav ul.dropdown-menu li:not(.disabled):hover {
        background: #eee;
    }

.smart-style-2 .btn-header > span:hover i {
    color: white !important;
}

.dropdown-menu i.material-icons {
    font-size: 14px;
    vertical-align: text-bottom;
}

.crossed,
.crossed td,
.crossed td input,
.crossed td .select2-chosen {
    text-decoration: line-through !important;
}

.dataTables_filter label .input-group-addon {
    float: left;
}

.dataTables_filter .input-group-addon {
    float: none;
}

div.dataTables_filter label {
    float: left;
}

#jarviswidget-fullscreen-mode {
    z-index: 10000;
}

.multiselect.form-control.disabled {
    color: inherit;
    cursor: not-allowed;
    background-color: #eee;
}

.multiselect-container > li > a > label.checkbox {
    padding-left: 15px;
}

.txt-color-white {
    color: white !important;
}

div.DTTT .btn.btn-danger {
    color: white !important;
}

table.dataTable thead > tr > th.not-sortable {
    padding-right: 9px;
}

.menu-on-top.smart-style-2 #left-panel,
.menu-on-top.smart-style-3 #left-panel {
    background: white;
}

.smart-style-4.fixed-navigation #left-panel nav {
    overflow-y: visible;
    overflow-x: hidden;
}

body:not(.menu-on-top).smart-style-4:not(.mobile-view-activated) .login-info {
    display: block;
    /*background: #71a06a;*/
    color: white;
}

.smart-style-4 .login-info a {
    color: white;
}

body.smart-style-2,
body.smart-style-3 {
    background: url(../SmartAdminTheme/img/mybg.png) #fff !important;
}

table.dataTable thead > tr > th input.checkbox[type=checkbox] {
    width: 18px !important;
}

.dataTables_scrollFoot {
    float: left;
}

.dt-toolbar.criteria {
    padding-left: 10px;
}

#main {
    min-height: 0;
}

.dataTables_scrollHeadInner {
    background: rgb(238, 238, 238);
    background-image: -webkit-linear-gradient(top, rgb(242, 242, 242) 0px, rgb(250, 250, 250) 100%);
}


.smart-style-4 #content > .row:first-child {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.dataTables_scrollBody {
    position: relative;
}

/*.menu-on-top #logout{
    display: block ;
}*/

/*http://nicolasgallagher.com/pure-css-folded-corner-effect/ */
.WeekCalendarGridCellBadge.Annotation:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #fff #fff #658E15 #658E15;
    background: #658E15;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    /* Firefox 3.0 damage limitation */
    display: block;
    width: 0;
}

.table.compact td,
.table.compact th {
    padding-top: 3px;
    padding-bottom: 2px;
}

.DTFC_LeftHeadWrapper .table.compact {
    margin-top: 0px !important;
}

.table.compact.compact-standardHeight td {
    line-height: 24px;
}

.table.compact td .input-sm {
    height: 26px;
    line-height: 1;
    margin-bottom: 1px;
}

.table.compact td .select2-container .select2-choice,
.table.compact td .select2-container .select2-arrow {
    height: 26px;
    line-height: 2.2;
}



.select2-container-multi.light-blue .select2-choices .select2-search-choice {
    border-color: #0069d9;
    background: #0069d9;
}

.select2-container-multi.purple-blue .select2-choices .select2-search-choice {
    border-color: #8b51f5;
    background: #8b51f5;
}

.btn-light-blue,
.btn-light-blue:hover,
.btn-light-blue:active {
    background: #0069d9;
    color: white;
}

.table.no-margin-top {
    margin-top: 0 !important;
}

.table.slim td,
.table.slim thead th,
.table.slim tfoot th {
    padding-left: 5px;
    padding-right: 5px;
}

    .table.slim thead th.sorting,
    .table.slim thead th.sorting_asc,
    .table.slim thead th.sorting_desc {
        padding-right: 20px !important;
    }

.table.dark-header {
    border-color: #d0d0d0;
}

    .table.dark-header thead th,
    .table.dark-header tfoot th {
        background-color: #e0e0e0 /*#d5d5d5*/;
        border-color: #d0d0d0;
        color: #333;
    }

.table.white-bg-th {
    border-color: #d0d0d0;
}

    .table.white-bg-th thead th,
    .table.white-bg-th tfoot th {
        background-color: #fff;
    }

.table.camelot-th thead th,
.table.camelot-th tfoot th {
    color: #8D285C;
}


.select2-hidden-accessible {
    display: none;
}

.dropdown-menu > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.DTTT_dropdown li {
    cursor: pointer;
}

    .DTTT_dropdown li.disabled a {
        color: #ccc !important;
    }

/*body {
    overflow-y: scroll
}*/

.color-legend {
    width: 40px;
    height: 20px;
    float: left;
    padding: 0 6px;
    color: white;
    margin-right: 10px;
    /*border: 1px solid #333;*/
}

.ui-timepicker-wrapper .ui-timepicker-wrapper-short {
    height: 100px !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 3px;
}

/*.popover table.CellDetailsPopoverTable td {
    padding-bottom: 10px;
}*/

ul.dropdown-menu-form {
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#main {
    min-height: 600px;
}


.nav.nav-tabs.tabs-left li {
    background-color: #eee;
}

.dropdown-menu.dropdown-menu-left {
    right: 0;
    left: auto;
}

.dropdown-menu {
    border-radius: 10px;
}

.table.table-underlined > tbody > tr > td,
.table.table-underlined > tbody > tr > th,
.table.table-underlined > tfoot > tr > td,
.table.table-underlined > tfoot > tr > th,
.table.table-underlined > thead > tr > td,
.table.table-underlined > thead > tr > th {
    border-top: none;
    border-bottom: 1px solid #ddd;
}

.full-width + .dropdown-menu {
    width: 100%;
}

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

.font-14 {
    font-size: 14px;
}

.font-15 {
    font-size: 15px;
}

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

.bg-transparent {
    background: transparent;
}

.bootstrap-tagsinput > span.label-warning {
    background-color: #F1883D;
    border-color: #cc6600;
}

.bootstrap-tagsinput > span.bg-color-darken {
    border-color: #404040;
}

.compact tr.single-group td,
.compact tr.single-group_total td,
.compact tr.main-group td,
.compact tr.main-group_total td,
.compact tr.sub-group td,
.compact tr.sub-group_total td,
.compact tr.grand_total td {
    padding: 4px 6px;
    line-height: 1;
    font-family: Lato;
    font-size: 13px;
}

.compact tr.group td,
.compact tr.single-group td {
    /*padding: 10px 6px;*/
    padding: 10px 2px;
    font-size: 13px;
}

.compact tr.single-group_total > td,
.compact tr.main-group_total > td,
.compact tr.sub-group_total > td,
.compact tr.grand_total > td {
    border-top: solid 1px #ccc !important;
    border-bottom: solid 1px #ccc;
    font-weight: bold;
}

.compact tr.single-group_total:not(.padded_totals) > td,
.compact tr.main-group_total:not(.padded_totals) > td,
.compact tr.sub-group_total:not(.padded_totals) > td,
.compact tr.grand_total:not(.padded_totals) > td {
    padding: 0;
}

tr.group td,
tr.single-group td,
tr.sub-group td,
tr.group_total td,
tr.single-group_total td,
tr.sub-group_total td {
    /*padding: 6px !important;*/
    line-height: 1;
    background-color: white !important;
    /*font-family: Lato;*/
}




tr.single-group_total.spaced td,
tr.main-group_total.spaced td,
tr.sub-group_total.spaced td {
    padding-bottom: 20px !important;
}

tr.single-group,
tr.single-group td {
    background-color: #E6F1F5 !important; /*#D5E7FD;*/
    /*font-size: 13px;*/
}

tr.main-group,
tr.main-group td {
    background-color: #E6F1F5 !important; /*#D5E7FD;*/
    /*font-size: 13px;
    font-family: Lato;*/
    text-align: center;
}

tr.sub-group,
tr.sub-group td,
tr.sub-group_total td {
    background-color: #eee !important;
    /*font-size: 13px;
    font-family: Lato;*/
}

/*.report tr.sub-group td,
.report tr.sub-group_total td {    
    padding-left: 10px !important;
}*/


tr.group_total > td {
    border-top-style: dotted !important;
    font-size: 13px !important;
}

.select2-container.select2_style_2 .select2-choice .select2-arrow {
    background-color: transparent;
    border-left: none;
}

.form-group > a.ErrorIcon {
    position: absolute;
    z-index: 1;
    margin-left: -4px;
    margin-top: -6px;
}

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

.TimesheetCell > a.ErrorIcon {
    position: absolute;
    z-index: 1;
    top: -3px;
    left: 0px;
}

.fa_with_bg {
    position: relative;
}

    .fa_with_bg::after {
        position: absolute;
        content: '';
        background: #fff;
        z-index: -1;
        top: 2px;
        left: 2px;
        width: 6px;
        height: 8px;
    }

.group .disabled {
    color: #eee;
}

.position-absolute {
    position: absolute;
}

/*.ui-timepicker-list li {
    padding-left: 23px !important;
}*/


nav ul.dropdown-menu li a {
    font-size: 13px;
}

/*table.blue-header th {
    background-color: #E4F3FB;
}*/

.list-group-item.node-tree {
    padding: 3px 5px;
    font-size: 14px;
}

/*
.tt-suggestion {
    height:25px;
}
*/

.favorite-star {
    color: yellow;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: orange;
}

.italic {
    font-style: italic;
}

.slim-control .input-group-addon,
.slim-control select {
    height: 26px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.slim-control .multiselect.dropdown-toggle {
    height: 26px;
    padding-top: 4px;
    padding-bottom: 3px;
}

.btn-header b.header-notification {
    position: absolute;
    top: 5px;
    right: -5px;
    font-size: 10px;
    padding: 2px 4px 3px;
}

.btn-header .popover {
    color: #333;
}

.multiselect-custom-footer {
    background: #eee;
    padding: 5px 10px !important;
}

    .multiselect-custom-footer .btn {
        margin-right: 10px;
    }

.txt-color-orangeYellow {
    color: #ff7300;
}

.irs-slider, #irs-active-slider {
    width: 15px;
    height: 28px;
    top: 20px;
}

    .irs-slider:before {
        color: rgb(189, 189, 189);
        content: "|||" !important;
        padding-left: 21px;
        padding-top: 18px;
    }

.irs-grid-text {
    color: #99a4ac !important;
}

.irs-grid-pol {
    background: #99a4ac !important;
}

.irs-line {
    top: 30px;
}

.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge {
    background-color: rgb(169, 3, 41);
}

/*.ui-tabs-vertical { width: 55em; }
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}*/



.btn-label > i.material-icons {
    font-size: 16px;
    top: 3px;
    position: relative;
}

.txt-color-gray {
    color: #777;
}

.tabular-settings td {
    font-size: 14px;
}

.tabular-settings th {
    font-size: 13px;
}

.tabular-settings-control {
    padding: 0px 7px;
    height: 27px;
}

input.tabular-settings-control {
    height: 30px;
}

.tabular-settings-control.disabled,
.tabular-settings-control:disabled,
.durationpicker .divTimeSetterContainer.disabled .timeValueBorder {
    background-color: #f6f6f6;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

#toast-container > div {
    opacity: 1 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    filter: alpha(opacity=100) !important;
    min-width: 500px;
    width: 75% !important;
}

.toast-custom .toast-info {
    background-color: #005689;
}

#toast-container.toast-custom > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container.toast-custom > .toast-success {
    background-image: url(/images/bi-check-lg.svg) !important;
}

#toast-container.toast-custom > .toast-warning {
    background-color: #CC5500;
}

#toast-container.toast-no-icon > .toast {
    background-image: none !important;
}

#toast-container.toast-custom .toast-close-button {
    font-weight: normal;
    top: 0;
}

.ellipsis {
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
}

.left-nav-link.disabled,
.smart-style-2.menu-on-top nav ul ul li a.disabled,
.smart-style-2.menu-on-top nav ul ul ul li a.disabled {
    color: #999 !important;
}

#left-panel ul > li > ul > li .left-nav-link .material-icons,
#left-panel ul > li > ul > li .left-nav-link .material-icons-outlined,
#left-panel ul > li > ul > li .left-nav-link .material-symbols-outlined {
    vertical-align: sub !important;
    font-size: 16px !important;
}

.caps {
    text-transform: uppercase;
}

.pointer {
    cursor: pointer;
}

.cursor {
    cursor: default !important;
}

div.AdjustRowMargin .row {
    margin-left: 0;
}

#left-panel nav li {
    white-space: nowrap;
}

.select2-drop {
    z-index: 99999;
}

    .select2-drop.table-results {
        /*max-height: 200px;*/
        /*overflow-y: auto;*/
    }

        .select2-drop.table-results .select2-results {
            /*margin-top: 0;
    margin-bottom: 1px;*/
            margin: 0;
            padding: 0;
            /*max-height: none;*/
            max-height: 140px;
        }

.select2-result {
    min-height: 20px;
}

.select2-drop.table-results li.select2-result,
.select2-drop.table-results .select2-result-header {
    border: none;
    border-bottom: 1px solid #a3a3a3;
}

.select2-drop.table-results.no-border li.select2-result {
    border: none;
}

.select2-drop.table-results td {
    vertical-align: top;
    padding-right: 5px;
}

.select2-drop.table-results .select2-result-header {
    width: 100%;
    padding: 5px 7px 3px;
    border-top: 1px solid #5D98CC;
}

    .select2-drop.table-results .select2-result-header table {
        width: 100%;
    }

    .select2-drop.table-results .select2-result-header td {
        font-weight: bold;
    }


.smart-timeline.TimeAttendanceTimeline {
    color: #777;
}

    .smart-timeline.TimeAttendanceTimeline .timeline-title {
        color: #404040;
        font-weight: bold;
    }

    .smart-timeline.TimeAttendanceTimeline .smart-timeline-time {
        color: #404040;
    }

.smart-timeline-list-with-date .smart-timeline-icon {
    left: 110px;
}

.smart-timeline-list-with-date .smart-timeline-time {
    width: 100px;
}

.smart-timeline-list-with-date .smart-timeline-content {
    margin-left: 153px;
}

.smart-timeline-list-with-date:after {
    left: 125px;
}

.fixedHeader-floating {
    z-index: 19;
}

.dropdown-menu .divider {
    margin: 3px 0;
}

.easy-piechart-gray {
    color: #868686;
}

.menu-on-top .menu-item-parent {
    font-size: 12px;
}

.menu-on-top aside#left-panel nav > ul > li > a > i {
    font-size: 20px;
}

    .menu-on-top aside#left-panel nav > ul > li > a > i.material-icons {
        font-size: 25px;
    }

.nav-strip {
    border: 1px solid #e7e7e7;
    background-color: #f8f8f8;
    border-radius: 2px;
}

.table {
    font-size: 13px !important;
}

    .table thead tr {
        font-size: 13px !important;
    }

.unselectable {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

.nav-tabs > li > a > .material-icons {
    font-size: 16px;
    margin-right: 3px;
    margin-left: 2px;
    vertical-align: sub;
    opacity: .5;
}

.nav-tabs > li.active > a > .material-icons {
    opacity: 1;
}

.btn i.material-icons {
    vertical-align: bottom;
}

.ui-accordion .ui-accordion-header {
    font-size: 13px;
}

.table > tbody > tr > td.bottom-border,
.table > tbody > tr > th.bottom-border,
.table > tfoot > tr > td.bottom-border,
.table > tfoot > tr > th.bottom-border,
.table > thead > tr > td.bottom-border,
.table > thead > tr > th.bottom-border {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
    border-bottom-color: #ddd;
}

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

.btn-rounded-10 {
    border-radius: 10px;
}

.btn-rounded.btn-rounded-more {
    border-radius: 15px;
}

    .btn-rounded.btn-rounded-more .btn-label {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

.rounded-control select {
    border-radius: 4px !important;
}

.modal-content {
    user-select: none;
}

.modal-footer .btn.btn-rounded.btn-rounded-more + .btn.btn-rounded.btn-rounded-more {
    margin-left: 15px;
}

.btn-group.btn-rounded .btn:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btn-group.btn-rounded .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btn-group.btn-rounded.btn-rounded-more .btn:first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.btn-group.btn-rounded.btn-rounded-more .btn:last-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.bg-color-blueClear {
    background-color: #1b92da;
}

.btn-clearBlue,
.btn-clearBlue:hover {
    background-color: #1b92da /*rgb(27, 146, 218)*/;
    color: white;
    border: none;
}

.btn-clearOrange,
.btn-clearOrange:hover {
    background-color: #fa8344;
    color: white;
    border: none;
}

.btn-clearRed,
.btn-clearRed:hover {
    background-color: #a91a06;
    color: white;
    border: none;
}

.smart-timeline {
    font-family: "Lato","Segoe UI","Roboto",Helvetica,Arial;
}

/*Hide top header*/
/*#header:not(.login) {
    display: none;
}*/
#left-panel {
    padding-top: 0;
}

.sm-device-header-top-spacing {
    padding-top: 49px;
}

.menu-on-top aside#left-panel nav > ul > li.pull-right > ul {
    left: -112px;
}

.minified .login-info .ThemesSettings a i {
    display: inline !important;
}

.smart-style-4 #left-panel,
.smart-style-2 #left-panel,
.smart-style-4:not(.menu-on-top) #left-panel {
    padding-top: 0;
}

.smart-style-4 .dropdown-menu a {
    color: #444;
}

/*#hdr_toggleMenu a{
    font-size: 12px !important;
}*/

body.menu-on-top.fixed-header {
    padding-top: 3px;
}

body.menu-on-top.hidden-menu #left-panel {
    top: 49px;
}

.fixed-header #main {
    margin-top: 0;
}

.menu-on-top.smart-style-2 #left-panel {
    padding-top: 0 !important;
}

#hdr_companyName {
    display: none;
}

.menu-on-top #hdr_companyName {
    display: block;
    position: absolute;
    right: 10px;
    top: 3px;
}


.smart-style-0 #hdr_companyName {
    color: #c0bbb7;
}

.smart-style-1 #hdr_companyName {
    color: #8b91a0;
}

.smart-style-2 #hdr_companyName {
    color: #69737A;
}

.smart-style-3 #hdr_companyName {
    color: #444;
}

.smart-style-4 #hdr_companyName {
    color: #bbc0cf;
}

#hdr_userInfo,
#hdr_userInfo_divider {
    display: none;
}

.menu-on-top #hdr_userInfo,
.menu-on-top #hdr_userInfo_divider {
    display: block;
}

.smart-style-0 #hdr_userInfo span {
    color: #4C4F53;
}

.smart-style-1 #hdr_userInfo span,
.smart-style-1 #hdr_user_sms_balance {
    color: #D8DEE5;
}

.smart-style-2 #hdr_userInfo span {
    color: #ADBED3;
}

.smart-style-3 #hdr_userInfo span {
    color: #444;
}

.smart-style-4 #hdr_userInfo span {
    color: #4C4F53;
}
/*End hide top header*/

.toast {
    text-align: center;
}

#toast-container.toast-access-denied > .toast-error {
    background-image: url("/images/ic_pan_tool_white_24dp_1x.png") !important;
    /*background-image: url("/images/ic_block_white_48dp_1x.png") !important;*/
}

#toast-container.toast-exclamation > .toast-error {
    background-image: url("/images/error_FILL0_wght400_GRAD0_opsz24.png") !important;
}

.editable-buttons.editable-buttons-bottom {
    text-align: center;
}

.editable-container .popover-title {
    text-align: center;
    background-color: #ddd;
}

span.disabled {
    color: #999;
}

.nav.nav-tabs.rounded-tabs > li,
.ui-tabs.rounded-tabs .ui-tabs-nav li,
.ui-tabs.rounded-tabs .ui-tabs-nav li /*,
.jarviswidget header .nav-tabs > li*/ {
    margin-right: 0;
    border-bottom: 1px solid #ccc;
}

    .nav.nav-tabs.rounded-tabs > li > a,
    .ui-tabs.rounded-tabs .ui-tabs-nav li > a,
    .ui-tabs.rounded-tabs .ui-tabs-nav li > a:hover /*,
    .jarviswidget header .nav-tabs > li > a */ {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border: 1px solid #C2C2C2;
        border-bottom-color: transparent;
        /*border-left:0;*/
        font-size: 12px;
        color: #555;
        background-color: #f5f5f5;
        margin-right: 0;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        padding: 7px 10px 3px;
    }

    .nav.nav-tabs.rounded-tabs > li.active > a,
    .ui-tabs.rounded-tabs .ui-tabs-nav li.active > a,
    .ui-tabs.rounded-tabs .ui-tabs-nav li.active > a:hover,
    .nav.nav-tabs.rounded-tabs > li.ui-tabs-active > a,
    .ui-tabs.rounded-tabs .ui-tabs-nav li.ui-tabs-active > a,
    .ui-tabs.rounded-tabs .ui-tabs-nav li.ui-tabs-active > a:hover {
        border-left: 0;
        color: #3276b1;
    }

    .nav.nav-tabs.rounded-tabs > li:first-child > a,
    .ui-tabs.rounded-tabs .ui-tabs-nav li:first-child > a,
    .ui-tabs.rounded-tabs .ui-tabs-nav li:first-child > a:hover {
        border-left: 2px solid #ddd;
    }

.bulletTabs {
    padding: 10px 5px;
    background: white;
}

    .bulletTabs .nav.nav-tabs.tabs-left {
        border: none;
    }

        .bulletTabs .nav.nav-tabs.tabs-left li {
            user-select: none;
        }

        .bulletTabs .nav.nav-tabs.tabs-left li a {
            border-radius: 4px;
            padding: 7px 10px;
        }

        .bulletTabs .nav.nav-tabs.tabs-left li a {
            background-color: #5aa1bf;
            font-family: lato;
            font-size: 13px;
            opacity: .7;
        }

        .bulletTabs .nav.nav-tabs.tabs-left li.active a {
            /*background-color: #4D8BA5;*/
            opacity: 1;
        }

        .bulletTabs .nav.nav-tabs.tabs-left li i,
        .bulletTabs .nav.nav-tabs.tabs-left li a {
            color: white !important;
        }

    .bulletTabs .tab-pane {
        border: 1px solid #ccc;
        padding: 10px;
    }

        .bulletTabs .tab-pane .pluginContent {
            float: left;
            width: 100%;
        }




.smart-style-0 .bulletTabs .nav.nav-tabs.tabs-left li a {
    background: #3a3633;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left,#3a3633 93%,#2a2725 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(93%,#3a3633),color-stop(100%,#2a2725));
    background: -webkit-linear-gradient(left,#3a3633 93%,#2a2725 100%);
    background: -o-linear-gradient(left,#3a3633 93%,#2a2725 100%);
    background: -ms-linear-gradient(left,#3a3633 93%,#2a2725 100%);
    background: linear-gradient(to right,#3a3633 93%,#2a2725 100%);
    opacity: 1;
}

.smart-style-0 .bulletTabs .nav.nav-tabs.tabs-left li i,
.smart-style-0 .bulletTabs .nav.nav-tabs.tabs-left li a {
    color: #c0bbb7 !important;
}

.smart-style-0 .bulletTabs .nav.nav-tabs.tabs-left li.active i,
.smart-style-0 .bulletTabs .nav.nav-tabs.tabs-left li.active a,
.smart-style-0 .bulletTabs .nav.nav-tabs.tabs-left li:hover i,
.smart-style-0 .bulletTabs .nav.nav-tabs.tabs-left li:hover a {
    color: white !important;
}



.smart-style-1 .bulletTabs .nav.nav-tabs.tabs-left li a {
    background: #14161B;
    opacity: 1;
}

.smart-style-1 .bulletTabs .nav.nav-tabs.tabs-left li i,
.smart-style-1 .bulletTabs .nav.nav-tabs.tabs-left li a {
    color: #8b91a0 !important;
}

.smart-style-1 .bulletTabs .nav.nav-tabs.tabs-left li.active i,
.smart-style-1 .bulletTabs .nav.nav-tabs.tabs-left li.active a,
.smart-style-1 .bulletTabs .nav.nav-tabs.tabs-left li:hover i,
.smart-style-1 .bulletTabs .nav.nav-tabs.tabs-left li:hover a {
    color: white !important;
}


.smart-style-4 .bulletTabs .nav.nav-tabs.tabs-left li a {
    background: #3a3f51;
    opacity: 1;
}

.smart-style-4 .bulletTabs .nav.nav-tabs.tabs-left li i,
.smart-style-4 .bulletTabs .nav.nav-tabs.tabs-left li a {
    color: #bbc0cf !important;
}

.smart-style-4 .bulletTabs .nav.nav-tabs.tabs-left li.active i,
.smart-style-4 .bulletTabs .nav.nav-tabs.tabs-left li.active a,
.smart-style-4 .bulletTabs .nav.nav-tabs.tabs-left li:hover i,
.smart-style-4 .bulletTabs .nav.nav-tabs.tabs-left li:hover a {
    color: white !important;
}

.onoffswitch-inner:before {
    font-size: 11px;
}

.onoffswitch-inner:after {
    font-size: 11px;
}

/* Triangular Tags*/

.corner-tag,
.corner-tag-right {
    position: relative;
}

    .corner-tag::before,
    .corner-tag::after,
    .corner-tag-right::before,
    .corner-tag-right::after {
        content: '';
        position: absolute;
        top: 0;
        border-color: transparent;
        border-style: solid;
    }

    .corner-tag::before,
    .corner-tag::after {
        left: 0;
    }

    .corner-tag-right::before,
    .corner-tag-right::after {
        right: 0;
    }

    .corner-tag::after,
    .corner-tag-right::after {
        border-width: 1.2em;
        border-top-color: blue;
    }

    .corner-tag.corner-tag-sm::after,
    .corner-tag-right.corner-tag-sm::after {
        border-width: 16px;
    }

    .corner-tag::after {
        border-left-color: blue;
    }


    .corner-tag-right::after {
        border-right-color: blue;
    }

    .corner-tag.corner-tag-rounded::after {
        border-top-left-radius: 4px;
    }

    .corner-tag-right.corner-tag-rounded::after {
        border-top-right-radius: 4px;
    }

    .corner-tag.corner-tag-red::after {
        border-left-color: #77021d;
        border-top-color: #77021d;
    }

    .corner-tag-right.corner-tag-red::after {
        border-right-color: #77021d;
        border-top-color: #77021d;
    }

    .corner-tag.corner-tag-orange::after {
        border-left-color: #f78c40;
        border-top-color: #f78c40;
    }

    .corner-tag-right.corner-tag-orange::after {
        border-right-color: #f78c40;
        border-top-color: #f78c40;
    }


/*.bootstrap-switch-container {
    width: 102px !important;
}*/

.select2-container-multi .select2-choices .select2-search-choice.JobTitleTag {
    background-color: #e0dce4;
    border: 1px solid #ccc;
    color: #555;
}

.select2-container-multi .select2-choices .select2-search-choice.JobTitleTag {
    background-color: #e0dce4;
    border: 1px solid #ccc;
    color: #555;
}

.JobTitleTag .select2-search-choice-close:before {
    content: 'x';
    color: #fff;
    font-weight: 300;
    font-family: monospace;
    font-weight: 700;
    color: #565656;
    margin-bottom: auto;
}

.JobTitleTag .select2-search-choice-close {
    display: block;
    top: 0;
    right: 0;
    padding: 0 0 0 6px;
}

    .JobTitleTag .select2-search-choice-close:hover {
        background: #f3f1f1;
    }

.modal-content-no-shadow {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
}


/*.select2-search-choice-close:before {
    content: 'x';
    color: #fff;
    font-weight: 300;
    font-family: Arial;
   
    margin: 10px 0 10px 10px;
}
    */
/*
.select2-search-choice-close:before {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px;
}
    */

.dot {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

    .dot.dot-20 {
        height: 20px;
        width: 20px;
    }

    .dot.dot-15 {
        height: 15px;
        width: 15px;
    }

    .dot.dot-10 {
        height: 10px;
        width: 10px;
    }

.li-item-blue {
    display: block;
    font-size: 15px;
    margin: 5px 0;
    padding: 7px 15px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #3276b1;
    background: rgba(50, 118, 177,.9);
    width: 300px;
}

    .li-item-blue:hover {
        color: #333;
        background: #dad9de;
    }

.li-item-green {
    display: block;
    font-size: 15px;
    margin: 5px 0;
    padding: 7px 15px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #5b8110;
    background: #719a21;
    width: 300px;
}

    .li-item-green:hover {
        color: #333;
        background: #dad9de;
    }

.hidden-link {
    display: none;
}

.ui-state-highlight {
    height: 1.5em;
    line-height: 1.2em;
}


.ui-datepicker-prev,
.ui-datepicker-next {
    color: white !important;
}

    .ui-datepicker-prev.ui-state-hover,
    .ui-datepicker-next.ui-state-hover {
        background-color: #428bca;
        cursor: pointer;
    }

.ui-datepicker .ui-datepicker-header {
    background-color: #428bca;
    color: white;
}

    .ui-datepicker .ui-datepicker-header select {
        color: gray;
    }

.ui-datepicker td a {
    border-radius: 50% !important;
    width: 100%;
    height: 100%;
}

.ui-datepicker .ui-datepicker-calendar {
    font-size: 12.7px;
}

.ui-datepicker-calendar .period-start,
.ui-datepicker-calendar .period-end,
.ui-datepicker-calendar .period-day,
.ui-datepicker-calendar .period-start.ui-datepicker-current-day a.ui-state-active {
    background-color: lightblue;
    opacity: 1;
}

    .ui-datepicker-calendar .period-start span.ui-state-default,
    .ui-datepicker-calendar .period-end span.ui-state-default,
    .ui-datepicker-calendar .period-day span.ui-state-default {
        cursor: not-allowed;
    }

.ui-datepicker-calendar .period-start {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.ui-datepicker-calendar .period-end {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.select2-rounded.select2-container.select2-dropdown-open .select2-choice {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.select2-rounded.select2-container .select2-choice {
    border-radius: 4px !important;
    /*line-height: 30px;*/
    /*height: 30px;*/
}

.select2-rounded.select2-container .select2-choice,
.select2-light.select2-container .select2-choice {
    padding-left: 5px;
}

    .select2-rounded.select2-container .select2-choice .select2-chosen,
    .select2-light.select2-container .select2-choice .select2-chosen {
        margin-right: 25px;
    }


.select2-rounded .select2-arrow,
.select2-light .select2-arrow {
    background: white !important;
    border-left: none !important;
    width: 25px !important;
}

.select2-light .select2-choice {
    border-radius: inherit;
}

.rounded-corner-all,
.rounded-corner-all > .select2-choice,
.rounded-corner-all .bootstrap-tagsinput {
    border-radius: 4px !important;
}

    .rounded-corner-all.rounded-10,
    .rounded-corner-all.rounded-10 > .select2-choice,
    .rounded-corner-all.rounded-10 .bootstrap-tagsinput {
        border-radius: 10px !important;
    }

    .rounded-corner-all.rounded-8,
    .rounded-corner-all.rounded-8 > .select2-choice,
    .rounded-corner-all.rounded-8 .bootstrap-tagsinput {
        border-radius: 8px !important;
    }

    .rounded-corner-all.rounded-more,
    .rounded-corner-all.rounded-more > .select2-choice,
    .rounded-corner-all.rounded-more .bootstrap-tagsinput {
        border-radius: 20px !important;
    }

    .rounded-corner-all.more-rounded-tags > .select2-choices > .select2-search-choice {
        border-radius: 10px !important;
    }


.rounded-corner-top,
.rounded-corner-top .select2-choice {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.rounded-corner-bottom,
.rounded-corner-bottom .select2-choice {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.rounded-corner-left,
.rounded-corner-left .select2-choice {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}


.rounded-corner-right,
.rounded-corner-right .select2-choice {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.rounded-corner-top-left,
.rounded-corner-top-left .select2-choice {
    border-top-left-radius: 4px !important;
}

.rounded-corner-top-right,
.rounded-corner-top-right .select2-choice {
    border-top-right-radius: 4px !important;
}

.rounded-corner-bottom-left,
.rounded-corner-bottom-left .select2-choice {
    border-bottom-left-radius: 4px !important;
}

.rounded-corner-bottom-right,
.rounded-corner-bottom-right .select2-choice {
    border-bottom-right-radius: 4px !important;
}

.rounded-corner-all.rounded-corner-token,
.rounded-corner-all.rounded-corner-token .select2-choice {
    border-radius: 15px !important;
}

.select2-results .material-icons,
.select2-chosen .material-icons {
    color: #3276b1;
}

.select2-results .select2-highlighted .material-icons {
    color: white;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-bottom {
    vertical-align: bottom !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    max-width: inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

.modal-header.modal-header-colored .modal-title {
    font-weight: 400;
    color: white;
}

.modal-header .close {
    position: absolute;
    top: 15px;
    right: 15px;
}

    .modal-header .close span {
        font-size: 24px;
    }

.modal-header .close-right,
.modal-header .back-button {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    color: #ccc;
    display: none;
}

.modal-header .material-icons,
.modal-header .material-icons-outlined {
    font-size: 20px;
    vertical-align: sub;
}

.modal-header.modal-header-colored .close {
    opacity: .9;
    color: white;
}

.modal-header.rounded-corner-top {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.modal-content.rounded-corner-all {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.modal-content.rounded-corner-left {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.modal-dialog.modal-dialog-right {
    margin: 0px 0px 0px auto;
}

body > .modal .modal-dialog.modal-dialog-right .modal-header .close {
    right: 30px;
}

body > .modal .modal-dialog.modal-dialog-right {
    margin: 0px -18px 0px auto;
}


.select2-container-disabled > a,
.onoffswitch-checkbox:disabled + .onoffswitch-label {
    cursor: no-drop !important;
}

.beta {
    background: #f78c40;
    border-radius: 10px;
    font-size: 12px;
    padding: 4px 10px;
    line-height: 1;
    color: white;
    margin-left: 5px;
}

#left-panel .beta {
    font-size: 9px;
    padding: 3px 5px;
    margin-left: 5px;
}

.menu-on-top #left-panel .beta {
    margin-right: -4px;
    margin-top: -2px;
    margin-left: 0;
}

#left-panel .beta::after {
    content: 'BETA';
}

.table.table-no-horizontal-separators tbody td {
    border-top: none;
}

.rc_Cell.open-shift .rc_CellBadge,
.color-legend.open-shift {
    background-image: linear-gradient(135deg, #cccccc 25%, #eeeeee 25%, #eeeeee 50%, #cccccc 50%, #cccccc 75%, #eeeeee 75%, #eeeeee 100%);
    background-size: 14.14px 14.14px;
}


.rc_Cell.open-shift .rc_CellValue,
.rc_Cell.open-shift #rc_NotificationIcons > i {
    color: #404040;
}

.modal-header.modal-header-slim {
    padding: 10px;
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 20px auto;
    }
}

.modal-open .modal {
    z-index: 10001;
}

.underline-input {
    background: linear-gradient(to right, #232323, #232323) 5px calc(100% - 5px)/calc(100% - 10px) 1px no-repeat;
    /* <5px calc(100% - 5px)> : position of the gradient [5px from left and 5px from bottom  */
    /* <calc(100% - 10px) 2px> : size of the gradient [width:100%-10px height:1px] */
    background-color: #fff;
    border: none;
    padding: 10px;
}

.ui-dialog {
    font-family: Lato;
}

    .ui-dialog .ui-dialog-buttonpane {
        border-top: 1px solid #ccc;
    }

/*For google address autocomplete in modals*/
.pac-container {
    z-index: 999999 !important;
}

.dataTable.no-header,
.dataTable.no-header tr:first-child td {
    border-top: none;
}

    .dataTable.no-header thead {
        display: none;
    }

.dataTable tr.EditMode > td {
    background-color: #ecf3f8 !important;
}

.modal-popover-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #515151;
}

.modal-popover-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
    opacity: .1;
    height: 100vh;
    min-height: 100%;
    max-height: 100%;
    z-index: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-counter {
    font-size: 14px;
    color: white;
    font-weight: normal;
    position: absolute;
    top: 13px;
    right: 20px;
}

.select2-container.select2-style-1 .select2-arrow {
    border-left: none;
    background: none;
}

    .select2-container.select2-style-1 .select2-arrow b {
        font-weight: bold;
    }

.ui-dialog-content.ui-widget-content.no-padding {
    padding: 0 !important;
}

div.table-border {
    padding: 0;
    border: 1px solid rgb(221,221,221);
}

    div.table-border > table {
        margin: 0;
        border: none;
    }

        div.table-border > table tr:first-child td {
            border-top: none;
        }

.bullet {
    border-radius: 4px !important;
    border: 1px solid #eee;
    padding: 3px 5px;
}

.badge-hollow {
    background-color: white !important;
    border: 1px solid #999;
    border-radius: 50%;
    min-width: 10px;
    display: inline-block;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    color: #707171;
}

    .badge-hollow.txt-color-blueBright {
        color: #3276b1;
    }

    .badge-hollow.bg-color-red {
        border-color: #a90329;
    }

    .badge-hollow.bg-transparent {
        background-color: transparent !important;
    }

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

.well.well-light {
    background: white;
}

.not-resizable {
    resize: none;
}

.popover-content ol {
    padding-left: 25px;
}

.progress.progress-rounded {
    border-radius: 10px;
}

    .progress.progress-rounded .progress-bar {
        border-radius: 10px;
    }

.progress.progress-blueBright {
    background-color: #D6D6D6 !important;
}

    .progress.progress-blueBright .progress-bar {
        background-color: #20B9E4;
    }

.dataTables_scrollBody {
    border-bottom: solid 1px #ddd;
}

.txt-color-bluish {
    color: blue
}

.underline-hover:hover,
.underlined {
    text-decoration: underline;
}

.file-drop-zone {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.file-input .file-preview .file-drop-zone {
    background: url(/images/add_file.png);
    background-position: center;
    background-repeat: no-repeat;
}

.no-upload .file-preview .file-drop-zone {
    background: none;
}

.file-drop-zone-title {
    padding-top: 40px !important;
}

.file-input:not(.is-locked) .file-drop-zone .file-preview-thumbnails {
    cursor: pointer !important;
}

.no-upload .file-input:not(.is-locked) .file-drop-zone .file-preview-thumbnails {
    cursor: default !important;
}

.well .file-preview-frame {
    background: #fbfbfb;
}

.btn-disabled {
    color: #999;
    background-color: #f2f2f2;
    border-color: #ccc;
}

.dt-toolbar.dt-toolbar-header-filter {
    padding: 0;
    background: #f7f6f6;
    border: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .dt-toolbar.dt-toolbar-header-filter .dt-toolbar-header-filter-item {
        text-align: center;
        padding: 5px;
        border-right: 1px solid #ccc;
        position: relative;
    }

        .dt-toolbar.dt-toolbar-header-filter .dt-toolbar-header-filter-item:last-child {
            border-right: none;
        }

        .dt-toolbar.dt-toolbar-header-filter .dt-toolbar-header-filter-item.active a {
            color: #820ded;
        }

        .dt-toolbar.dt-toolbar-header-filter .dt-toolbar-header-filter-item.active::after {
            content: '';
            position: absolute;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            bottom: 0;
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            /*border-bottom: 7px solid #3276b1;*/
            border-bottom: 7px solid #820ded;
            clear: both;
            z-index: 1;
        }

        .dt-toolbar.dt-toolbar-header-filter .dt-toolbar-header-filter-item a {
            cursor: pointer;
        }

            .dt-toolbar.dt-toolbar-header-filter .dt-toolbar-header-filter-item a:hover {
                text-decoration: underline;
            }

.dt-toolbar.dt-toolbar-light {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
}

    .dt-toolbar.dt-toolbar-light .dataTables_length {
        margin-top: 2px;
    }

.DaysModalControl .btn.disabled {
    opacity: 1;
}

.ui-widget .jarviswidget .widget-body {
    font-family: "Open Sans",Arial,Helvetica,sans-serif !important;
    font-size: 13px !important;
}

.jarviswidget header .material-icons {
    vertical-align: sub;
    font-size: 18px;
}

.dataTables_filter.rounded-corner-all .form-control {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.dataTables_filter.rounded-corner-all .input-group-addon {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btn-gray {
    color: #333;
    border: 1px solid #ccc;
    background-color: #ebebeb;
}

.select2-drop.select2-hide-disabled .select2-results .select2-disabled {
    display: none;
}

.bigdrop.select2-drop {
    max-height: 300px !important;
}


    .bigdrop.select2-drop .select2-results {
        max-height: 220px !important;
    }

.checklist_group:not(:first-child) {
    margin-top: 40px
}

.select2-container.rounded-corner-all ul.select2-choices,
.select2-container.rounded-corner-all ul.select2-choices li.select2-search-choice {
    border-radius: inherit;
}

.input-group > .rounded-corner-all {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.input-group .rounded-corner-all + .input-group-addon {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.clear-both {
    clear: both;
}

.nav-tabs > li > a > .bi {
    opacity: .5;
}

.nav-tabs > li.active > a > .bi {
    opacity: 1;
}

nav > ul ul li a i.bi {
    font-size: 13px !important;
    margin-left: 3px;
    margin-right: 2px;
}

.btn.btn-outlined.btn-primary {
    background-color: white;
    border-color: #3276b1;
    color: #3276b1;
}

.table.table-bordered.table-bordered-no-separators th {
    border-left: none;
    border-right: none;
}

.table.table-bordered.table-bordered-no-separators td {
    border-right: none;
}

.select2-container.select2-container-multi.form-control {
    min-height: 32px;
    height: auto;
}

.label-cream {
    background: #fff4e6;
    color: #fd6c63;
}


.label-light {
    background: #fff;
    color: inherit;
}

a.label.label-light:focus, a.label:hover {
    color: inherit;
}

.label.label-lg {
    font-size: 100%;
    font-weight: normal;
    padding: .6em;
}

.label.label-lightgray {
    background: #f7f6f6;
    /*border: 1px solid #999;*/
    color: #555;
}


.panel {
    position: relative;
    margin: 20px 0;
}

    .panel .panel-header {
        padding: 5px;
        background-color: #f5f7f7;
        border: 1px solid #ccc;
    }

    .panel .panel-content {
        padding: 10px;
        border: 1px solid #ccc;
        border-top: none;
    }

.btn.selected-day {
    background: #6334E3;
    color: white;
}

.widget-icon .material-icons {
    font-size: 18px;
    vertical-align: sub;
}


.label.label-outlined {
    background: transparent;
    font-weight: normal;
    color: #333;
    border: 1px solid #333;
}

    .label.label-outlined.outline1 {
        border-radius: 1em;
        border-color: #eee;
    }

    .label.label-outlined.label-primary {
        color: #3276b1;
        border-color: #3276b1;
    }

    .label.label-outlined.label-danger {
        color: #a90329;
        border-color: #a90329;
    }

    .label.label-outlined.label-blue {
        color: blue;
        border-color: blue;
    }

    .label.label-outlined.label-blue1 {
        color: #8080fd;
        border-color: #7777f9;
    }

    .label.label-outlined.label-red {
        color: red;
        border-color: red;
    }

    .label.label-outlined.label-gray {
        color: gray;
        border-color: gray;
    }

.label.label-bullet-shadowed {
    border-radius: 7px;
    padding: 3px 10px;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.15);
}

.label.label-bullet.style-1 {
    border-radius: 4px;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 12px;
    background: #E7F1F8;
    position: relative;
}

    .label.label-bullet.style-1 .icon-container {
        padding: 1px;
        font-size: 13px;
        text-align: center;
        color: blue;
        position: absolute;
        left: 10px;
        top: 3px;
    }

    .label.label-bullet.style-1:hover a {
        text-decoration: underline;
    }

.label.label-bullet.style-2 {
    border-radius: 4px;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 13px;
    background: #EAF6F2;
    position: relative;
}

    .label.label-bullet.style-2 .icon-container {
        padding: 1px;
        font-size: 13px;
        text-align: center;
        color: #868585;
        position: absolute;
        left: 10px;
        top: 3px;
    }

    .label.label-bullet.style-2:hover a {
        text-decoration: underline;
    }

.label.label-bullet.style-3 {
    border-radius: 10px;
    padding: 5px 10px;
    margin: 1px 0;
    font-weight: normal;
    font-size: 13px;
    background: #EBF5FF;
    color: #249BF7;
    position: relative;
    border: 1px solid #eee;
}

    .label.label-bullet.style-3 .icon-container {
        padding: 1px;
        font-size: 13px;
        text-align: center;
        color: #249BF7;
        position: absolute;
        left: 10px;
        top: 3px;
    }

    .label.label-bullet.style-3:hover a {
        text-decoration: underline;
    }

.select2-results .select2-highlighted .label.label-bullet.style-3 {
    background: inherit;
    border: none;
    color: inherit;
}

.normal-font {
    font-weight: normal;
}

.table tbody .th {
    font-size: 12px;
    font-weight: bold;
    color: #404040;
}

.col-xs-1pt5 {
    position: relative;
    min-height: 1px;
    padding-left: 13px;
    padding-right: 13px;
    float: left;
    width: 12.5%;
}

#left-panel > nav > ul > li > a > i.material-icons-outlined,
#left-panel > nav > ul > li > a > i.material-symbols-outlined,
#left-panel > nav > ul > li > a > i.material-icons {
    font-size: 20px;
    margin-left: 4px;
    margin-right: 9px;
    vertical-align: text-bottom;
}


.select2-container.style-2 .select2-choice .select2-arrow,
.select2-container.style-3 .select2-choice .select2-arrow {
    border-left: none;
    background: none;
}

    .select2-container.style-2 .select2-choice .select2-arrow b:before,
    .select2-container.style-3 .select2-choice .select2-arrow b:before {
        bottom: 17px;
        border-bottom: 4px solid #404040;
    }

    .select2-container.style-2 .select2-choice .select2-arrow b:after,
    .select2-container.style-3 .select2-choice .select2-arrow b:after {
        bottom: 9px;
        border-top: 4px solid #404040;
    }

    .select2-container.style-2 .select2-choice .select2-arrow b:before,
    .select2-container.style-2 .select2-choice .select2-arrow b:after,
    .select2-container.style-3 .select2-choice .select2-arrow b:before,
    .select2-container.style-3 .select2-choice .select2-arrow b:after {
        content: '';
        position: absolute;
        right: 10px;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        width: auto;
    }

    .select2-container.style-3 .select2-choice .select2-arrow b:before {
        border-bottom: 4px solid #bcbcbc;
    }

    .select2-container.style-3 .select2-choice .select2-arrow b:after {
        border-top: 4px solid #bcbcbc;
    }

.select2-container.style-3 .select2-choice {
    border-radius: 12px;
}

.bootstrapWizard.bootstrapWizard-style2 li.active .step,
.bootstrapWizard.bootstrapWizard-style2 li.active.complete .step {
    background: #8a61f9;
    border: none;
}

.bootstrapWizard.bootstrapWizard-style2 li.complete .step {
    border: none;
}

.rounded-corner-all .bootstrap-tagsinput > span {
    border-radius: 4px !important;
}

.shadow-style-33 {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

label input[type=checkbox].checkbox.style-4:checked + span:before {
    color: #fff;
    border-color: #2196f3;
    background: #2196f3;
}

label input[type=checkbox].checkbox.rounded-corner-all + span:before {
    border-radius: 3px;
}

label input[type=checkbox][disabled].checkbox.style-4 + span:before,
label input[type=checkbox][disabled].checkbox.style-4:checked + span:before,
label:active input[type=checkbox][disabled].checkbox.style-4:checked + span:before,
label:hover input[type=checkbox][disabled].checkbox.style-4:checked + span:before {
    color: #A7A7A7;
}

label input[type=checkbox].checkbox.style-5 + span:before {
    border-radius: 50%;
    font-size: 14px;
    height: 15px;
    min-width: 15px;
}

label input[type=checkbox].checkbox.style-5:checked + span:before,
label input[type=checkbox][disabled].checkbox.style-5:checked + span:before,
label:active input[type=checkbox][disabled].checkbox.style-5:checked + span:before,
label:hover input[type=checkbox][disabled].checkbox.style-5:checked + span:before,
label input[type=radio].radiobox.style-5:checked + span:before,
label input[type=radio][disabled].radiobox.style-5:checked + span:before,
label:active input[type=radio][disabled].radiobox.style-5:checked + span:before,
label:hover input[type=radio][disabled].radiobox.style-5:checked + span:before {
    background-color: #8b51f5 !important;
    color: white;
    line-height: 17px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ") !important;
}

label input[type=checkbox][disabled].checkbox.style-5:checked + span:before,
label:active input[type=checkbox][disabled].checkbox.style-5:checked + span:before,
label:hover input[type=checkbox][disabled].checkbox.style-5:checked + span:before {
    opacity: 0.6;
}

label input[type=checkbox].checkbox.checkbox-md.style-5 + span:before {
    height: 18px;
    min-width: 18px;
}

label input[type=checkbox].checkbox.checkbox-md.style-5:checked + span:before,
label input[type=checkbox][disabled].checkbox.checkbox-md.style-5:checked + span:before,
label:active input[type=checkbox][disabled].checkbox.checkbox-md.style-5:checked + span:before,
label:hover input[type=checkbox][disabled].checkbox.checkbox-md.style-5:checked + span:before {
    margin-top: -5px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ") !important;
}

.NonWorkingDay,
.select2-choice.NonWorkingDay {
    color: #220dd7;
}

.select2-result.select2-highlighted .NonWorkingDay {
    color: white;
}

.select2-result.select2-highlighted .custom-color {
    color: white !important;
}

.select2-result.divider {
    min-height: 1px;
    background-color: #aaa;
}

    .select2-result.divider .select2-result-label {
        padding: 0;
        min-height: 1px;
    }

.blue-link {
    color: #512bdf;
}

.popover.popover-info {
    background-color: #0c87fa;
    color: white;
    border-radius: 10px;
}

    .popover.popover-info .arrow:after {
        border-top-color: #0c87fa;
    }

.popover.popover-rounded-more {
    border-radius: 10px;
}

.ui-widget-overlay {
    z-index: 1050 !important;
}

li .paycycle-custom-range {
    font-weight: 600;
    color: gray;
}

li.select2-highlighted .paycycle-custom-range {
    color: white;
}

.circle-icon {
    border: 1px solid #929292;
    color: #929292;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 4px;
    font-size: 14px;
    text-align: center;
    margin-top: -2px;
}

    .circle-icon.circle-icon-sm {
        width: 18px;
        height: 18px;
        padding: 2px;
        font-size: 12px;
        margin-top: 0px;
        padding-top: 0;
    }

    .circle-icon.txt-color-blueBright {
        color: #3276b1;
        border-color: #3276b1;
    }

    .circle-icon.txt-color-blue {
        color: #745df3;
        border-color: #745df3;
    }

.txt-color-blue {
    color: #745df3;
}

.token {
    padding: 3px 10px;
    border-color: #0069d9;
    background: #0069d9;
    margin: 4px 3px 4px 0;
    line-height: 18px;
    color: white;
    width: auto;
    float: left;
    border-radius: 10px;
}

.toggle-button .btn {
    position: relative;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

    .toggle-button .btn > i {
        position: absolute;
        left: 10px;
    }

    .toggle-button .btn > div,
    .toggle-button .btn > span {
        /*margin-left: 20px;*/
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.toggle-button .btn-group-vertical.btn-group-spaced .btn {
    margin-bottom: 5px;
}

.toggle-button .btn-group-vertical.btn-rounded .btn:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.toggle-button .btn-group-vertical.btn-rounded .btn:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.toggle-button .btn-group-vertical.btn-rounded.btn-group-spaced .btn {
    border-radius: 4px;
}

.toggle-button .btn-group-vertical.btn-group-spaced .btn:last-child {
    margin-bottom: 0px;
}

.toggle-button .btn-group-vertical.btn-group-spaced .btn {
    margin-bottom: 5px;
}

.employee-profile-photo-placeholder {
    background-image: url(/images/photo-placeholder.png);
    background-repeat: no-repeat;
    background-size: 200px;
}

.txt-color-blueMapMarker {
    color: #8b51f5;
}

.public-holiday-title a:hover {
    text-decoration: underline;
}

.btn-rounded-double {
    border-radius: 50px !important;
}

.simple-switch-lightPurple ._simple-switch-track.on {
    background: #8b51f5;
    border-color: #8b51f5;
}

.simple-switch-blueBright ._simple-switch-track.on {
    background: #3276b1;
    border-color: #3276b1;
}

.simple-switch-blue ._simple-switch-track._material.on {
    background: #90CAF9;
    border-color: #90CAF9;
}

    .simple-switch-blue ._simple-switch-track._material.on .handle {
        background: #2196F3;
    }

.btn-holiday-save {
    background-color: #1b92da !important;
    font-size: 1.3rem;
}

    .btn-holiday-save:hover {
        background-color: #1b92da
    }

.onoffswitch-allday::before {
    background-color: #1b92da;
}

#holidayForm input:focus, #holidayForm textarea:focus, #holidayForm select:focus {
    border-color: #1b92da;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(27, 143, 218, 0.6) !important;
    outline: 0 none;
}


#holidayForm textarea, #holidayForm select, #holidayForm input {
    background-color: #f9f9fd;
    color: #444444;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
}

#holidayForm textarea {
    min-height: 80px;
}

#holidayForm .timepicker {
    width: 50%;
}

#holidayFilter .selector {
    width: 200px;
}

#holidayFilter .caret {
    color: #1b92da;
    float: right;
}



.select-country {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    box-sizing: border-box;
    border-radius: 30px;
    border-color: #1b92da;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}


.custom-select {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #888;
}

    .custom-select select {
        display: block;
        width: 100% !important;
        min-height: 35px;
        border-radius: 30px !important;
        outline: none;
        margin-bottom: 5px;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
    }

    .custom-select::after {
        content: '';
        border-width: 5px;
        border-style: solid;
        border-color: transparent;
        border-top-color: #1b92da;
        display: inline-block;
        border-radius: 2px;
        position: absolute;
        right: 22px;
        bottom: 15px;
    }

.btn-right-rounded {
    min-width: 50px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}

.btn-left-rounded {
    min-width: 80px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}

.btn-purple-blue {
    background-color: #8b51f5 !important;
    color: white !important;
}

.btn-shadow {
    box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 10%) !important;
}

.btn-min-width-100 {
    min-width: 100px !important;
}

.txt-purple-blue {
    color: #8b51f5 !important;
}

.hide-visible {
    visibility: hidden;
}

.emp-assign a:hover {
    text-decoration: underline;
}

.rounded-corners,
.rounded-corners > .select2-choice,
.rounded-corners .bootstrap-tagsinput {
    border-radius: 10px !important;
}

.light-grey {
    color: #ccc;
}

.mr-0, .mx-0 {
    margin-right: 0px !important;
}

.ml-0, .mx-0 {
    margin-left: 0px !important;
}

.mr-5, .mx-5 {
    margin-right: 5px !important;
}

.ml-5, .mx-5 {
    margin-left: 5px !important;
}

.mt-0, .my-0 {
    margin-top: 0px !important;
}

.mb-0, .my-0 {
    margin-bottom: 0px !important;
}

.mt-5, .my-5 {
    margin-top: 5px !important;
}

.mb-5, .my-5 {
    margin-bottom: 5px !important;
}

.mt-15, .my-15 {
    margin-top: 15px !important;
}

.mb-15, .my-15 {
    margin-bottom: 15px !important;
}

.mt-20, .my-20 {
    margin-top: 20px !important;
}
.mt-25, .my-25 {
    margin-top: 25px !important;
}
.mt-30, .my-3{
    margin-top: 30px !important;
}


.mb-20, .my-20 {
    margin-bottom: 20px !important;
}

.my-8 {
    margin: 8px 0px !important;
}

.py-8 {
    padding: 8px 0px !important;
}

.no-border-bottom {
    border-bottom: none !important;
}

.py-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.py-5, .pt-5 {
    padding-top: 5px !important;
}

.py-5, .pb-5 {
    padding-bottom: 5px !important;
}

.py-10, .pt-10 {
    padding-top: 10px !important;
}

.py-10, .pb-10 {
    padding-bottom: 10px !important;
}

.h-120px {
    height: 120px !important;
}

.col-md-0_25 {
    width: 2.0833333333% !important;
}

.py-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.pr-0, .px-0 {
    padding-right: 0px !important;
}

.pl-0, .px-0 {
    padding-left: 0px !important;
}

.dropdown-rounded-menu {
    border-radius: 10px;
}

.btn-white-with-blue-text {
    color: #2998ff;
    background-color: #fff;
    border-radius: 40px;
    border: 1px solid #dbdee0;
    padding: 5px 12px;
    margin-right: 5px;
}

    .btn-white-with-blue-text:hover {
        color: #2998ff;
        /*background-color: #eee;*/
    }

.btn-active-blueBright2,
.btn-primary2 {
    color: white;
    background-color: #198efa;
    border: 1px solid #dbdee0;
}

.btn-active-blueBright2 {
    padding: 5px 12px;
    margin-right: 5px;
}

    .btn-active-blueBright2.active,
    .btn-active-blueBright2.focus,
    .btn-active-blueBright2:active,
    .btn-active-blueBright2:focus,
    .btn-active-blueBright2:hover,
    .open > .dropdown-toggle.btn-active-blueBright2,
    .btn-primary2.active,
    .btn-primary2.focus,
    .btn-primary2:active,
    .btn-primary2:focus,
    .btn-primary2:hover,
    .open > .dropdown-toggle.btn-primary2 {
        color: white;
        background-color: #0572d7;
    }

    .btn-active-blueBright2.disabled,
    .btn-active-blueBright2:disabled,
    .btn-primary2.disabled,
    .btn-primary2:disabled {
        color: #2998ff;
        background-color: #fff;
        border-width: 2px;
    }

.btn-primary2.btn-circle {
    width: 32px;
    height: 32px;
    padding: 7px;
    border: none;
    background-color: transparent;
    color: #333;
}

    .btn-primary2.btn-circle.active,
    .btn-primary2.btn-circle.focus,
    .btn-primary2.btn-circle:active,
    .btn-primary2.btn-circle:focus,
    .btn-primary2.btn-circle:hover,
    .open > .dropdown-toggle.btn-primary2.btn-circle {
        color: white;
        background-color: #198efa;
    }

.btn-2d {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #dbdee0;
}

.disabled-link {
    color: gray;
    pointer-events: none;
}

.txt-color-purpleBright {
    color: #8b51f5;
}

.bg-color-purpleBright {
    background-color: #8b51f5;
}

.btn-purpleBright,
.btn-purpleBright:active,
.btn-purpleBright:focus {
    color: white;
    background-color: #8b51f5;
}

    .btn-purpleBright:hover {
        color: white;
        background-color: #712cf1;
    }

.bordered-rounded {
    border: 1px solid #d3cfcf;
    border-radius: 7px !important;
}

.vertical-line-centered {
    border-left: 1px solid #d3cfcf;
    height: 40px;
    margin: 0 auto;
    width: 0px;
}


.red-circle {
    background-color: rgba(222, 41, 24, 1);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 1;
}

.red-circle-pulse {
    box-shadow: 0 0 0 0 rgba(222, 41, 24, 0);
    animation: red-circle-pulse 1.5s infinite;
}

@keyframes red-circle-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(222, 41, 24, 0.7);
    }

    70% {
        box-shadow: 0 0 0 7px rgba(222, 41, 24, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(222, 41, 24, 0);
    }
}

.white-circle {
    background-color: rgba(255, 255, 255, 1);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 1;
}

.white-circle-pulse {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    animation: white-circle-pulse 1.5s infinite;
}

@keyframes white-circle-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    70% {
        box-shadow: 0 0 0 7px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

#toast-container.toast-custom-new > div {
    min-width: fit-content !important;
    width: 400px !important;
    background-color: #f7f6f6;
    border: solid 1px #ebebeb;
    color: #000;
}

#toast-container.toast-custom-new > .toast-success {
    /*background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="rgb(34, 179, 120)" class="bi bi-check-circle" viewBox="0 0 16 16"%3E  %3Cpath d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/%3E  %3Cpath d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05"/%3E%3C/svg%3E ') !important;*/
    background-image: url('/images/toastr_success.png') !important;
    background-size: 3rem;
}

#toast-container.toast-custom-new > .toast-warning {
    background-image: url('/images/toastr_warning.png') !important;
    background-size: 3rem;
}

#toast-container.toast-custom-new > .toast-error {
    background-image: url('/images/toastr_error.png') !important;
    background-size: 3rem;
}

div.dataTables_scrollHead > table.table-bordered, div.dataTables_scrollBody > table.table-bordered {
    border: 1px solid #ddd !important;
}

.cell-grey-filled-box {
    width: 130px;
    margin: 0 auto;
    padding: 10px 15px;
    border: 1px solid #d4d3d3;
    background: #eee;
    border-radius: 6px;
}

.border-radius-10 {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
}

.icon-addon .bi,
.icon-addon.addon-md .bi {
    position: absolute;
    z-index: 2;
    left: 10px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px;
    font-size: 0.9em;
}

.icon-addon .timeValueBorder {
    padding-left: 28px;
    font-weight: 400;
}

.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
    background: #0069d9;
}

.btn.fake-disabled,
.btn.fake-disabled :active
.btn.fake-disabled :hover {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity = 65);
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    top: 0;
    left: 0;
}


.form-control-custom {
    border-radius: 4px !important;
}

    .form-control-custom > .select2-choice {
        border-radius: 4px !important;
    }

input.form-control-custom:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
}

span.custom-select-arrow {
    display: inline-block;
    width: 34px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #ccc;
    background: #eee;
    z-index: 2;
    pointer-events: none;
}

.custom-select-arrow b {
    width: 100%;
    height: 100%;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    font-size: 14px;
}

span.custom-select-arrow b:before {
    content: '\f107';
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
}

.rstr__d-flex {
    display: flex;
}

.rstr__d-block {
    display: block;
}

.inactive-state {
    opacity: 0.6;
    pointer-events: none;
}

.border-radius-15 {
    border-radius: 15px !important;
}

.min-width-80 {
    min-width: 80px;
}

.min-width-120 {
    min-width: 120px;
}

.warning-icon {
    margin: 0 auto;
    border-radius: 50%;
    background: #fff4e6;
    width: 45px;
    height: 45px;
    text-align: center;
    padding: 5px 3px;
}

    .warning-icon > i {
        color: #92D36E;
        display: contents;
    }

        .warning-icon > i.feather {
            font-size: 20px;
        }

        .warning-icon > i.bi {
            font-size: 36px;
        }

.jq-dropdown .jq-dropdown-menu li > a > i {
    color: #203040;
}

.jq-dropdown .jq-dropdown-menu li:disabled > a > i,
.jq-dropdown .jq-dropdown-menu li.disabled > a > i {
    color: #ccc;
}

.jq-dropdown .jq-dropdown-menu li:hover > a > i {
    color: white;
}

.jq-dropdown.style-1 .jq-dropdown-menu li > a > i {
    color: #408DFB;
}

.jq-dropdown.style-1 .jq-dropdown-menu li > a:hover > i {
    color: white;
}

.jq-dropdown.style-1 .jq-dropdown-menu {
    border-radius: 10px;
    padding: 5px 0;
    margin-top: 5px;
}

    .jq-dropdown.style-1 .jq-dropdown-menu li {
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 2px;
    }

        .jq-dropdown.style-1 .jq-dropdown-menu li > a:hover, .jq-dropdown .jq-dropdown-menu label:hover {
            background-color: #408dfb;
            border-radius: 10px;
            color: white;
        }

.btn.purple-selected {
    color: #fff;
    background-color: #8b51f5;
}

.font-weight-500 {
    font-weight: 500;
}

.border-purple-blue, .border-purple-blue-hover:hover {
    border: 1px solid #8b51f5;
}

.ui-dialog-title-white .ui-dialog-titlebar {
    background: #fff !important;
    border-bottom-color: #ddd;
}

.ui-dialog-title-white .ui-dialog-title {
    color: #000 !important;
}

.btn-dodger-blue {
    background-color: #198efa;
    color: white;
}

.tabs-left-purple > .tab-content {
    margin-left: 160px;
}

.tabs-left > .nav-tabs.plane-left-purple-tabs {
    padding-right: 25px;
    border: none;
}

.nav.nav-tabs.plane-left-purple-tabs li {
    background-color: #fff;
    margin-bottom: 8px;
}

    .nav.nav-tabs.plane-left-purple-tabs li > a {
        color: #8b51f5 !important;
        border-radius: 10px;
    }

.nav.nav-tabs.plane-left-purple-tabs.plane-left-purple-tabs-listview li > a {
    padding: 3px 10px;
}

.nav.nav-tabs.plane-left-purple-tabs li.active > a {
    font-weight: normal !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.nav.nav-tabs.plane-left-purple-tabs li.text-muted > a {
    color: #999 !important;
}

.nav.nav-tabs.plane-left-purple-tabs li > a i.dark-icon {
    color: #333;
}

.nav.nav-tabs.plane-left-purple-tabs li.active.text-muted > a,
.nav.nav-tabs.plane-left-purple-tabs li.text-muted:hover > a,
.nav.nav-tabs.plane-left-purple-tabs li.active > a i.dark-icon,
.nav.nav-tabs.plane-left-purple-tabs li:hover > a i.dark-icon {
    color: #fff !important;
}

.nav.nav-tabs.plane-left-purple-tabs li > a > i.bi {
    font-size: 14px;
    margin-right: 5px;
}

.nav.nav-tabs.plane-left-purple-tabs.plane-left-purple-tabs-dark-icons li > a > i.bi {
    color: black;
}

.nav.nav-tabs.plane-left-purple-tabs.plane-left-purple-tabs-dark-icons li:hover > a > i.bi,
.nav.nav-tabs.plane-left-purple-tabs.plane-left-purple-tabs-dark-icons li.active > a > i.bi {
    color: white;
}

.nav-tabs.plane-left-purple-tabs > li > a {
    border: none !important;
}

.nav-tabs.plane-left-purple-tabs > li.active > a {
    color: #fff !important;
    background-color: #8b51f5;
}

.nav-tabs.plane-left-purple-tabs > li > a:focus, .nav-tabs.plane-left-purple-tabs > li > a:hover {
    text-decoration: none;
    color: #fff !important;
    background-color: #8b51f5;
}

.height-100 {
    height: 100%;
}

.width-30 {
    width: 30%;
}

.width-100 {
    width: 100%;
}

.line-height-3 {
    line-height: 3;
}

.accordion-style-1 .ui-accordion-header {
    border-radius: 4px;
    padding: 15px 15px !important;
    font-size: 14px;
}

    .accordion-style-1 .ui-accordion-header:hover {
        text-decoration: underline;
        color: #3276b1;
        background-color: #E7F1FF;
        transition: background-color .5s ease;
    }

.accordion-style-1 > div {
    margin-bottom: 10px;
}

.accordion-style-1.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: auto !important;
    right: 12px !important;
}



.table.table-bordered.table-rounded-corners {
    border-radius: 8px;
    border-collapse: separate;
}

    .table.table-bordered.table-rounded-corners > thead > tr:first-child > th:first-child {
        border-top-left-radius: 8px;
    }

    .table.table-bordered.table-rounded-corners > thead > tr:first-child > th:last-child {
        border-top-right-radius: 8px;
    }

    .table.table-bordered.table-rounded-corners > thead > tr > th {
        border-bottom-width: 0;
        border-left-width: 0;
    }

    .table.table-bordered.table-rounded-corners > tbody > tr:last-child > td:first-child {
        border-bottom-left-radius: 8px;
    }

    .table.table-bordered.table-rounded-corners > tbody > tr:last-child > td:last-child {
        border-bottom-right-radius: 8px;
    }

.margin-centered {
    margin: 0 auto !important;
}

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

.border-right-silver {
    border-right: 1px solid #ccc;
}

.txt-boulder-gray {
    color: #7A7A7A;
}

.rounded-corner-top-left.rounded-8, .rounded-corner-top.rounded-8 {
    border-top-left-radius: 8px !important;
}

.rounded-corner-top-right.rounded-8, .rounded-corner-top.rounded-8 {
    border-top-right-radius: 8px !important;
}

.rounded-corner-bottom-left.rounded-8, .rounded-corner-bottom.rounded-8 {
    border-bottom-left-radius: 8px !important;
}

.rounded-corner-bottom-right.rounded-8, .rounded-corner-bottom.rounded-8 {
    border-bottom-right-radius: 8px !important;
}

ul.dropdown-menu.dropdown-style2 {
    border-radius: 10px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

    ul.dropdown-menu.dropdown-style2 li {
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 2px;
    }

        ul.dropdown-menu.dropdown-style2 li > a > i {
            margin-right: 8px;
            color: #408dfb
        }

        ul.dropdown-menu.dropdown-style2 li:last-child,
        ul.dropdown-menu.dropdown-style2 li.divider {
            margin-bottom: 0;
        }

        ul.dropdown-menu.dropdown-style2 li a:hover,
        ul.dropdown-menu.dropdown-style2 li a.selected {
            background-color: #408dfb;
            border-radius: 10px;
            color: white;
        }

.spinner-style-1.spinner-both {
    border-color: #ccc;
}

    .spinner-style-1.spinner-both.rounded-corner-all {
        border-radius: 4px;
    }

.ui-spinner {
    border-radius: 4px;
    border: 1px solid #ccc;
}

.spinner-style-1.spinner-both + .ui-spinner-button,
.spinner-style-1.spinner-both + .ui-spinner-button + .ui-spinner-button {
    width: 35px;
}

.spinner-style-1.spinner-both ~ .ui-spinner-up,
.spinner-style-1.spinner-both ~ .ui-spinner-down {
    color: white;
    background-color: white;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
}

.spinner-style-1.spinner-both ~ .ui-spinner-up {
    border-right: none;
}

.spinner-style-1.spinner-both ~ .ui-spinner-down {
    border-left: none;
}

    .spinner-style-1.spinner-both ~ .ui-spinner-up:hover,
    .spinner-style-1.spinner-both ~ .ui-spinner-down:hover {
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .spinner-style-1.spinner-both ~ .ui-spinner-up:before,
    .spinner-style-1.spinner-both ~ .ui-spinner-down:before {
        color: #408dfb;
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.spinner-style-1.spinner-both ~ .ui-spinner-up:before {
    content: "\f4fe";
}

.spinner-style-1.spinner-both ~ .ui-spinner-down:before {
    content: "\f2ea";
}

.slider-primary2 + .slider-track > .slider-selection {
    background: #198efa;
}

.slider.slider-horizontal .slider-primary2 + .slider-track .slider-handle {
    height: 10px;
    margin-top: 0px;
}

.slider-primary2 + .slider-track .slider-handle:before {
    content: none;
}

.lg-backdrop,
.lg-outer {
    z-index: 10001 !important;
}

.thumbnail-image {
    background-color: black;
    width: 150px;
    height: 100px;
    display: inline-block; /* makes it fit in like an <img> */
    background-size: contain; /* or cover */
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

a.inactive-link-button {
    color: #3F4648;
}

    a.active-link-button,
    a.active-link-button:active,
    a.inactive-link-button:focus,
    a.inactive-link-button:hover {
        color: #198efa;
    }

.rd-scale-1_25 {
    -ms-transform: scale(1.25); /* IE 9 */
    -webkit-transform: scale(1.25); /* Chrome, Safari, Opera */
    transform: scale(1.25);
}

img.submitted-form-image {
    width: 100% !important;
    height: auto !important;
    margin: 10px auto !important;
    border-radius: 4px;
    display: block;
}

.jq-dropdown.jq-dropdown-li-i-purple-blue .jq-dropdown-menu li > a > i {
    color: #8b51f5;
}

.jq-dropdown.jq-dropdown-li-i-purple-blue .jq-dropdown-menu li:hover > a > i {
    color: #fff;
}

.btn-hover-purple-blue:hover {
    background-color: #8b51f5;
    border-radius: 50%;
    color: #fff;
}

.jq-dropdown.rounded-8 .jq-dropdown-menu {
    border-radius: 8px;
}

.dimmed,
.dimmed:hover {
    color: #ccc;
}

a.disabled {
    color: #ccc !important;
    cursor: not-allowed;
    pointer-events: none;
    user-select: none; /* Standard */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
}
.highlighted-column {
    background-color: #408DFB !important;
    color: white;
    font-weight: 600;
    font-size: 1.3em;
}

.min-height-100 {
    min-height: 100px;
}

.select2-container.no-arrow-bg .select2-arrow {
    background: 0 0;
    border-left: none;
}


.btn-upload {
    background-color: #8b51f5;
    color: white;
}
.badge-custom {
    padding: 4px 7px;
}


.font-weight-600 {
    font-weight:600;
}

.d-flex {
    display: flex;
}

.justify-content-space-between {
    justify-content: space-between;
}