.pointerLabel {
    cursor: pointer !important;
}

.editableFields {
    background-color: lightgoldenrodyellow
}

.doubleCheckbox {
    zoom: 1.2;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
}

.ui-igcheckbox-container > span {
    border: 1px solid lightgrey !important;
}

button:disabled,
button[disabled] {
    border: 1px solid #999999 !important;
    background-color: #cccccc !important;
    color: #666666 !important;
}

.comboBoxHeight {
    height: 25px !important;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text */
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        /* Fade in tooltip */
        opacity: 0;
        transition: opacity 0.3s;
    }

        /* Tooltip arrow */
        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }


/*
    DEMO STYLE
*/

/*@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";*/

/*.ui-igcombo-wrapper {
    width: 80% !important;
}*/

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    text-align: center !important;
    float: none !important;
}

/*.jconfirm .jconfirm-box div.jconfirm-title-c {
    text-align: center !important;
}*/

.ui-igtreegrid-rowlevel1 {
    line-height: 8px !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b9b9b9;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b9b9b9;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #b9b9b9;
}

.ui-menu .ui-menu-item {
    padding: 0px !important;
    text-align: left !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: black !important;
}

label {
    font-weight: 500 !important
}

body {
    font-family: Open Sans,sans-serif !important;
    background: #fafafa;
}

.menubottomBtn {
    background-color: #15304a22 !important;
    color: #15304a !important;
    padding: 2px 6px !important;
    font-size: 15px !important;
    margin-right: 5px;
}

    .menubottomBtn:hover {
        box-shadow: 1px 1px 4px 0px rgb(0 0 0 / 10%);
        background-color: #E8842122 !important;
        color: #E88421 !important;
    }

/*p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}
*/
a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 290px;
    max-width: 290px;
    background: #f1f1f1;
    color: #fff;
    transition: all 0.3s;
}

    #sidebar ul li a i {
        color: darkorange !important;
    }

    #sidebar.active {
        margin-left: -250px;
    }

    #sidebar .sidebar-header {
        padding: 20px;
        background: #6d7fcc;
    }

    #sidebar ul.components {
        padding: 20px 0;
        /*border-bottom: 1px solid #47748b;*/
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 6px 8px 6px 8px;
        font-size: 1em;
        display: block;
        color: gray !important;
    }

        #sidebar ul li a:hover {
            background-color: rgb(232 132 33 / 0.2) !important;
            color: #e88421 !important;
        }

    #sidebar #sidebar_ul li.active > a,
    a.sidebar_sub_a[aria-expanded="true"] {
        background-color: rgb(232 132 33 / 0.2) !important;
        color: #e88421 !important;
    }

    #sidebar ul li.hasSubMenu > a:before {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        float: right;
        transition: all 0.5s;
        color: darkorange !important;
    }

    #sidebar ul li.hasSubMenu > a[aria-expanded="true"]:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 25px !important;
    /*background: #6d7fcc;*/
}

ul ul ul a {
    padding-left: 40px !important;
}

ul ul ul ul a {
    padding-left: 50px !important;
}

ul.CTAs {
    padding: 20px;
}

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    padding: 15px;
    min-height: 100vh;
    transition: all 0.3s;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }

        #sidebar.active {
            margin-left: 0;
        }

    #sidebarCollapse span {
        display: none;
    }
}

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

.font14 {
    font-size: 14px !important;
}

.btn-onlyIconRed {
    font-size: 16px !important;
    color: red;
}

.btn-onlyIconGreen {
    font-size: 16px !important;
    color: green;
}

.btn-onlyIconOrange {
    font-size: 16px !important;
    color: orange;
}

.btn-onlyIconBlue {
    font-size: 16px !important;
    color: #1066ae;
}

.btn-onlyIconPurple {
    font-size: 16px !important;
    color: #63126A;
}

.gridHeader {
    /*font-weight: bold;*/
    font-size: 18px;
    /*color: #1f628e;*/
}

.bothSideMargin {
    margin-left: 10px;
    margin-right: 10px;
}

.smallFormBackground {
    background-color: #e4e1e1;
    padding: 10px;
}

.ui-tabs .ui-tabs-nav {
    background: #fff !important;
}

.btn-extraMini {
    padding-left: 5px !important;
    padding-right: 2px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    font-size: 10px !important;
    width: 20px !important;
}

.buttonAsLink {
    background-color: transparent !important;
    border: hidden !important;
    color: darkblue !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

.buttonAsLinkRed {
    background-color: transparent !important;
    border: hidden !important;
    color: red !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

.buttonAsLinkGreen {
    background-color: transparent !important;
    border: hidden !important;
    color: darkgreen !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

.GridSmallBtn {
    font-size: 10px !important;
    padding: 2px 5px !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #555 !important;
    cursor: default !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-bottom-color: transparent !important;
}

.nav-tabs > li > a {
    padding: 8px !important;
    text-decoration: none !important;
}

.tab-content {
    border: 1px solid #cacaca !important;
    /*border-left: 1px solid #cacaca !important;*/
    /*border-right: 1px solid #cacaca !important;*/
    padding: 5px 25px !important;
    /*border-bottom: 1px solid #cacaca !important;*/
    /*border-top-width: 0px !important;*/
}

.modal {
    background-color: rgb(0 0 0 / 30%) !important
}

fieldset.scheduler-border {
    border: 1px solid #bdbdbd !important;
    padding: 0 1em 1em 1em !important;
    margin: 0 0 1em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    margin-bottom: 3px !important;
}

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

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

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

.largemodal {
    width: 90%;
    height: 100%;
    margin: 20px;
    padding: 0;
    display: contents;
}

    .largemodal > .modal-content {
        /*height: 100%;*/
        min-height: 92vh;
        border-radius: 0;
    }

.align-modal-center-100 {
    display: table !important;
    margin-left: 0% !important;
    height: 100% !important;
    width: 100% !important;
}

    .align-modal-center-100 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-98 {
    display: table !important;
    margin-left: 1% !important;
    height: 100% !important;
    width: 98% !important;
}

    .align-modal-center-98 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-96 {
    display: table !important;
    margin-left: 2% !important;
    height: 100% !important;
    width: 96% !important;
}

    .align-modal-center-96 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-90 {
    display: table !important;
    margin-left: 5% !important;
    height: 100% !important;
    width: 90% !important;
}

    .align-modal-center-90 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-80 {
    display: table !important;
    margin-left: 10% !important;
    height: 100% !important;
    width: 80% !important;
}

    .align-modal-center-80 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-70 {
    display: table !important;
    margin-left: 15% !important;
    height: 100% !important;
    width: 70% !important;
}

    .align-modal-center-70 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-60 {
    display: table !important;
    margin-left: 20% !important;
    height: 100% !important;
    width: 60% !important;
}

    .align-modal-center-60 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-50 {
    display: table !important;
    margin-left: 25% !important;
    /*height: 100% !important;*/
    width: 50% !important;
}

    .align-modal-center-50 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-40 {
    display: table !important;
    margin-left: 30% !important;
    /*height: 100% !important;*/
    width: 40% !important;
}

    .align-modal-center-40 > .modal-dialog {
        display: table-cell !important;
    }

.align-modal-center-30 {
    display: table !important;
    margin-left: 35% !important;
    /*height: 100% !important;*/
    width: 30% !important;
}

    .align-modal-center-30 > .modal-dialog {
        display: table-cell !important;
    }

.marginTop5 {
    margin-top: 5px !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop20 {
    margin-top: 20px !important;
}

.removeMargin5 {
    margin-top: -5px !important;
}

.removeMargin10 {
    margin-top: -10px !important;
}

.removeMargin20 {
    margin-top: -20px !important;
}

.smallInput input[type="text"] {
    height: 20px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.smallInput textarea {
    padding-right: 2px !important;
    padding-left: 2px !important;
}

.smallFont {
    font-size: 12px;
}

.smallestFont {
    font-size: 10px;
}

.fullWidth {
    width: 95%;
}

.alignTextRight {
    text-align: right !important;
}

.alignTextCenter {
    text-align: center !important;
}

.alignTextLeft {
    text-align: left !important;
}

.blackFont {
    color: black !important;
}

.disabledFont {
    color: #a1a0a0 !important;
    cursor: not-allowed !important;
}

.btn-greenBlue, .btn-greenBlue:focus {
    margin: 0;
    font-family: inherit;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 25px;
    color: white;
    background: #16473F;
    border: 1px solid #16473F;
    outline: none !important;
    padding: 3px 13px 3px;
    font-size: 14px;
    display: inline-block;
    line-height: 25px;
}

    .btn-greenBlue:hover, .btn-greenBlue:active {
        background-color: white !important;
        border: 1px solid #16473F !important;
        color: #16473F !important;
        outline: none !important;
    }

.btn-yellow, .btn-yellow:focus {
    margin: 0;
    font-family: inherit;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 25px;
    color: white;
    background: #DAA520;
    border: 1px solid #E1A730;
    outline: none !important;
    padding: 3px 13px 3px;
    font-size: 14px;
    display: inline-block;
    line-height: 25px;
}

    .btn-yellow:hover, .btn-yellow:active {
        background-color: white !important;
        border: 1px solid #DAA520 !important;
        color: #DAA520 !important;
        outline: none !important;
    }

.btn-success, .btn-success:focus {
    margin: 0 !important;
    font-family: inherit !important;
    text-align: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
    border-radius: 25px !important;
    color: white !important;
    background: #4caf50 !important;
    border: 1px solid #4caf50 !important;
    outline: none !important;
    padding: 3px 13px 3px !important;
    font-size: 14px !important;
    /*display: inline-block !important;*/
    line-height: 25px !important;
}

    .btn-success:hover, .btn-success:active {
        background-color: white !important;
        border: 1px solid #4caf50 !important;
        color: #4caf50 !important;
        outline: none !important;
    }


.btn-info, .btn-info:focus {
    margin: 0 !important;
    font-family: inherit !important;
    text-align: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
    border-radius: 25px !important;
    color: white !important;
    background: #3386bd !important;
    border: 1px solid #3386bd !important;
    outline: none !important;
    padding: 3px 13px 3px !important;
    font-size: 14px !important;
    /*display: inline-block !important;*/
    line-height: 25px !important;
}

    .btn-info:hover, .btn-info:active {
        background-color: white !important;
        border: 1px solid #3386bd !important;
        color: #3386bd !important;
        outline: none !important;
    }

.btn-danger, .btn-danger:focus {
    margin: 0 !important;
    font-family: inherit !important;
    text-align: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
    border-radius: 25px !important;
    color: white !important;
    background: #e88421 !important;
    border: 1px solid #e88421 !important;
    outline: none !important;
    padding: 3px 13px 3px !important;
    font-size: 14px !important;
    /*display: inline-block !important;*/
    line-height: 25px !important;
}

    .btn-danger:hover, .btn-danger:active {
        background-color: white !important;
        border: 1px solid #e88421 !important;
        color: #e88421 !important;
        outline: none !important;
    }

.btn-brown, .btn-brown:focus {
    margin: 0 !important;
    font-family: inherit !important;
    text-align: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
    border-radius: 25px !important;
    color: white !important;
    background: #795548 !important;
    border: 1px solid #795548 !important;
    outline: none !important;
    padding: 3px 13px 3px !important;
    font-size: 14px !important;
    /*display: inline-block !important;*/
    line-height: 25px !important;
}

    .btn-brown:hover, .btn-brown:active {
        background-color: white !important;
        border: 1px solid #795548 !important;
        color: #795548 !important;
        outline: none !important;
    }

.modal.in .modal-dialog {
    width: 100% !important
}

.boxShadowDiv {
    border-radius: 10px;
    box-shadow: 1px 1px 6px 1px rgb(188 184 184 / 95%);
    padding: 10px;
    /*padding-bottom: 0px;*/
    margin: 10px 0px;
}

.tealBadge, .Orangebadge {
    padding: 6px 15px;
    font-size: 15px;
    border-radius: 25px;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
}

.tealBadge {
    color: teal;
    background: #00808018;
}

.Orangebadge {
    background-color: rgba(232,132,33, 0.2);
    color: #e88421;
}

.greenButtonBadge, .redButtonBadge, .blueButtonBadge {
    padding: 2px 15px;
    font-size: 13px;
    border-radius: 25px;
    font-weight: 400;
    display: inline-block;
}

.greenButtonBadge {
    color: #4caf50;
    border: 1px solid #4caf50;
    background: rgb(76 175 80 / 0.2);
}

.redButtonBadge {
    background-color: rgb(244 67 54 / 0.1);
    color: #f44336;
    border: 1px solid #f44336;
}

.blueButtonBadge {
    background-color: #1f628e22;
    color: #1f628e;
    border: 1px solid #1f628e;
}

.custom-segmentTag-btn {
    font-size: 15px;
    border-radius: 25px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    cursor: default;
}

.labelBox {
    border: 1px solid gray !important;
    padding: 2px !important;
    font-size: 13px !important;
    text-align: right !important;
    min-height: 24px !important
}

.ui-iggrid .ui-iggrid-headercaption, .ui-iggrid .ui-iggrid-footer, .ui-iggrid .ui-iggrid-toolbar {
    padding-top: 0px !important;
}

.ui-iggrid .ui-iggrid-footer, .ui-iggrid .ui-iggrid-toolbar {
    height: 25px !important;
}

    .ui-iggrid .ui-iggrid-footer .ui-iggrid-results {
        line-height: normal !important;
    }

.ui-widget-footer {
    font-weight: bold !important;
    text-align: right !important;
    padding-right: 4px !important;
    font-size: 16px !important;
    color: darkblue !important;
}