/* Minification failed. Returning unminified contents.
(910,1): run-time error CSS1019: Unexpected token, found '@import'
(910,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap')'
 */


/*@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

/* common page styles */

#mainContent {
    /*background-color: #ECF0F5 !important;*/
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
}


.pageHeader {
    font-size: large;
    font-weight: bold;
}

.pageHeaderMedium {
    font-size: medium;
    font-weight: bold;
}

.pageHeaderSmall {
    font-size: 12px;
    font-weight: bold;
}

.pageHeaderLarge {
    font-size: larger;
    font-weight: bold;
}


.horizonalSpaceSmaller {
    margin-bottom: 0.5%;
}

.horizonalSpace {
    margin-bottom: 2%;
}

.horizonalSpaceMedium {
    margin-bottom: 4%;
}

.horizonalSpaceLarge {
    margin-bottom: 6%;
}


.horizonalSpaceSmall {
    margin-bottom: 1%;
}

.dynamicWidth {
    width: calc(650px + (1900 - 650) * ((100vw - 750px) / (2048 - 750)));
}

.customCard {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 4px 6px 0 silver;
    transition: 0.3s;
    padding: 1% 1% 1% 1%;
    border-top: #00C0EF solid 2px;
}

.subCustomCard {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 4px 6px 0 silver;
    transition: 0.3s;
    padding: 1% 1% 1% 1%;
    border-top: #c3e4e8 solid 2px;
}

.noBorderCustomCard {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 4px 6px 0 silver;
    transition: 0.3s;
    padding: 1% 1% 1% 1%;
}


.backgroundWhite {
    /*background-color: white;*/
}

.rightFloater {
    float: right !important;
}

.leftFloater {
    float: left !important;
}

.rightAlignedItemsDiv {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.redText {
    color: #b94a48;
    padding-left: 3%;
    padding-right: 1%;
}

.errorText {
    color: #b94a48;
}

.boldText {
    font-weight: bold;
}

.nonBold {
    font-weight: normal;
}

.solidBorder {
    /*border: 2px solid black !important;*/
}

.smallerPadding {
    padding: 1%;
}

.smallPadding {
    padding: 2%;
}

.smallMargin {
    margin: 2%;
}

.centerAligned {
    text-align: center !important;
    justify-content: center !important;
}

.leftRightMarginAdder {
    margin-left: 1%;
   
}

.noLeftPadding {
    padding-left: 0;
}

.noRightPadding {
    padding-right: 0;
}

.tomatoLabel {
    color: tomato;
}

.greenText {
    color: green;
}

.blueText {
    color: darkblue;
}

.hoverPointer:hover {
    cursor: pointer;
}

.hoverNoDecoration:hover {
    text-decoration: none !important;
    cursor: default;
}


/* form elements */

.form-group {
    margin-bottom: 0px;
}

/* button group */

.dot {
    height: 12px;
    width: 12px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-right: 4%;
    border: 1px solid #333;
}

.custBtnGroup:hover .dot {
    border: 1px solid #333 !important; 
}

.custBtnGroup label {
    /*background-color: #4ead67;
    border: #4ead67 1px solid;*/
    /*background-color: #686eb1;
    border: #686eb1 1px solid;
    height: 2%;
    width: 8%;
    border-radius: 0;
    margin-right: 0.5%;*/
    width: 110px;
    border-radius: 25px !important;
    margin-right: 1%;
    background-color: #EEEEEE;
    border: #EEEEEE 1px solid;
    color: #333;
}

    .custBtnGroup label:hover {
        /*background-color: #027821;
        border: #027821 1px solid;*/
        /*background-color: #464972;
        border: #464972 1px solid;*/
        /*background-color: lightskyblue;
        border: lightskyblue 1px solid;
        color: white;*/
        background-color: silver;
        border: silver 1px solid;
        color: #333;
    }

        .custBtnGroup label:hover .dot {
            border: #EEEEEE 1px solid;
        }

    .custBtnGroup label.active {
        /*background-color: #027821 !important;
        border: #027821 1px solid !important;*/
        /*background-color: #464972 !important;
        border: #464972 1px solid !important;*/

        background-color: #337AB7 !important;
        border: #337AB7 1px solid;
        color: white;
    }

        .custBtnGroup label.active .dot {
            border: 1px solid white;
        }

.custBtnGroup .btn-default {
    background-color: #EEEEEE;
    border: #EEEEEE 1px solid;
}

    .custBtnGroup .btn-default.active:hover {
        /*background-color: lightskyblue;
        border: lightskyblue 1px solid;*/
        background-color: #337AB7;
        border: #337AB7 1px solid;
        color: white;
    }


.custBtnGroup img {
    margin-bottom: 2px;
    height: 12px;
    width: 12px;
    margin-right: 4%;
}

/* end button group */

.btnWithLongText {
    width: 100%;
    color: white;
    background-color: mediumpurple;
    border-radius: 0;
}

    .btnWithLongText:hover {
        background-color: blueviolet;
    }

.saveButtonNew {
    border-radius: 0 !important;
    background-color: #d85c43 !important;
    border-color: #d85c43 !important;
    color: white !important;
    box-shadow: none !important;
}

    .saveButtonNew:hover {
        background-color: #eb5030 !important;
        border-color: #eb5030 !important;
    }

.btnNormal {
    width: 100%;
    color: white;
    background-color: #3C8DBC;
    border-radius: 0;
}

    .btnNormal:hover {
        background-color: #1E90FF;
    }

.btnClear {
    width: 100%;
    color: black;
    background-color: antiquewhite;
    border-radius: 0;
}
    .btnClear:hover {
        color: black;
        background-color: navajowhite;
    }

.btnBack {
    border-radius: 0;
    background-color: #dcdcdc;
    border-color: #dcdcdc;
    box-shadow: none;
    color: black;
}

    .btnBack:hover {
        background-color: #b4b4be;
        border-color: #b4b4be;
        color: black;
    }


.flexDisplay {
    display: flex;
}

.fullWidthFormControl {
    flex: 1;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    border: 1px solid #D7DBE2;
    box-shadow: none;
}


    /* kendo date pickers */
    .fullWidthFormControl .k-picker-wrap.k-state-default .k-input {
        box-shadow: none;
    }

.form-control[disabled] {
    background-color: #eee;
    opacity: 0.8;
}

.styledFormControl {
    border-radius: 0;
    border: 1px solid #D7DBE2;
    box-shadow: none;
    width: 90%;
}

.styledBtnSpaced {
    border-radius: 0;
    box-shadow: none;
    width: 90%;
}

/* multi select drop down */
.customSelectPickerDiv button {
    background-color: #ffffff;
    border-radius: 0;
    border: 1px solid #ffffff;
    color: black;
    box-shadow: none;
}

.customSelectPickerDiv .btn-default {
    background-color: #ffffff !important;
    border-radius: 0 !important;
    border: 1px solid #ffffff !important;
    color: black !important;
    box-shadow: none;
}
.customSelectPickerDiv .btn-default.active {
    background-color: #ffffff !important;
    border-radius: 0 !important;
    border: 1px solid #ffffff !important;
    color: black !important;
    box-shadow: none;
}

    .customSelectPickerDiv button:hover {
        background-color: #ffffff;
        border-radius: 0;
        border: 1px solid #ffffff;
        color: black;
        box-shadow: none;
    }


.open > .dropdown-toggle.btn-default:hover {
    background-color: #ffffff !important;
    color: black !important;
    border: 1px solid #ffffff;
    box-shadow: none;
}

.open > .dropdown-toggle.btn-default.active {
    background-color: #ffffff !important;
    color: black !important;
    border: 1px solid #ffffff;
    box-shadow: none;
}

.open > .dropdown-toggle.btn-default {
    background-color: #ffffff !important;
    color: black !important;
    border: 1px solid #ffffff;
    box-shadow: none;
}

/* end multi select drop down */


/* radio button styles */


.radioBtncontainer input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: #ffffff !important;
    box-shadow: none !important;
}

.radioBtncontainer input[type="radio"]:focus {
    box-shadow: none !important;
    outline: none;
    outline-offset: 0;
}

.radioBtncontainer input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: #ffffff !important;
    box-shadow: none !important;
}

    .radioBtncontainer input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: lightskyblue;
        content: '';
        display: inline-block;
        visibility: visible;
        border: #ffffff !important;
        box-shadow: none !important;
    }


/* end radio button styles */


.largeTextBox {
    
    height: 2em !important;
    width: 2em !important;
}

.mediumCheckbox {
    height: 1.5em !important;
    width: 1.5em !important;
}

.verticallyAlignedLabel {
    display: inline-block;
    vertical-align: middle;
    line-height: 2em;
}

.btn-group.bootstrap-select button.btn.dropdown-toggle.btn-default {
    border: silver 1px solid !important;
}


/* different color buttons */

.redBtn {
    border-radius: 0;
    background-color: #df382c;
    border-color: #df382c;
    color: white;
    box-shadow: none;
}

.redBtn:hover {
    background-color: #bc271c;
    border-color: #b3251b;
}

.tomatoBtn {
    border-radius: 0 !important;
    background-color: #d85c43 !important;
    border-color: #d85c43 !important;
    color: white !important;
    box-shadow: none !important;
}

.tomatoBtn:hover {
    background-color: #eb5030 !important;
    border-color: #eb5030 !important;
}

.lightTomatoBtn {
    border-radius: 0 !important;
    background-color: #ff8e7c !important;
    border-color: #ff8e7c !important;
    color: white !important;
    box-shadow: none !important;
}

    .lightTomatoBtn:hover {
        background-color: #ff7862 !important;
        border-color: #ff7862 !important;
    }


.yellowBtn {
    border-radius: 0 !important;
    background-color: #efb73e;
    border-color: #efb73e;
    color: white !important;
    box-shadow: none !important;
}

    .yellowBtn:hover {
        background-color: #e7a413;
        border-color: #dd9d12;
    }


.greenBtn {
    border-radius: 0 !important;
    background-color: #38b44a;
    border-color: #38b44a;
    color: white !important;
    box-shadow: none !important;
}

    .greenBtn:hover {
        background-color: #2c8d3a;
        border-color: #298537;
    }

.blueBtn {
    border-radius: 0 !important;
    background-color: #337AB7;
    border: #337AB7 1px solid;
    color: white !important;
    box-shadow: none !important;
}

    .blueBtn:hover {
        background-color: #1E90FF;
        border-color: #1E90FF;
    }

.fixedLengthBtn {
    width: 5em;
}

.smallSpan {
    width: 6em;
    height: 1em;
    margin: 0.5em;
    
}

/* end different color buttons */

.noScroll {
    overflow-y: hidden;
    overflow-x: hidden;
}

/* grid styles */
.customCard .k-widget.k-grid {
    border: none;
}

    .customCard .k-widget.k-grid tr td {
        border: none;
        font-size: 14px;
    }

.customCard .k-widget.k-grid tr th {
    border: none;
}

.customCard .k-widget.k-grid .k-grid-header .k-header .k-link {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}


    .customCard .k-widget.k-grid .k-header.k-grid-toolbar {
        border: none;
    }

.customCard .k-widget.k-grid .k-header {
    border: none;
    background-color: #ffffff;
}

.customCard .k-grid .k-header .k-button {
    border-radius: 0;
    background-color: dodgerblue;
    border-color: dodgerblue;
    box-shadow: none;
    /*text-transform: capitalize;*/
}


    .customCard .k-grid .k-header .k-button:hover {
        background-color: #0e4bef;
        border-color: #0e4bef;
    }

.customCard .k-widget.k-grid tr .k-button.k-grid-edit {
    border-radius: 0;
    background-color: #dcdcdc;
    border-color: #dcdcdc;
    box-shadow: none;
}

    .customCard .k-widget.k-grid tr .k-button.k-grid-edit:hover {
        background-color: #b4b4be;
        border-color: #b4b4be;
    }

.customCard .k-widget.k-grid tr .k-button.k-grid-delete {
    border-radius: 0;
    background-color: #FF7F7F;
    border-color: #FF7F7F;
    box-shadow: none;
}

    .customCard .k-widget.k-grid tr .k-button.k-grid-delete:hover {
        /*background-color: white;
        border-color: #e7e7e7;*/
    }

/* kendoGridEdit and kendoGridDelete */

.customCard .k-widget.k-grid tr .k-button.kendoGridEdit {
    border-radius: 0;
    background-color: #dcdcdc;
    border-color: #dcdcdc;
    box-shadow: none;
}

    .customCard .k-widget.k-grid tr .k-button.kendoGridEdit:hover {
        background-color: #b4b4be;
        border-color: #b4b4be;
    }

.customCard .k-widget.k-grid tr .kendoGridDelete {
    border-radius: 0;
    background-color: #FF7F7F;
    border-color: #FF7F7F;
    box-shadow: none;
}

.customCard .k-widget.k-grid tr .k-button.kendoGridDelete:hover {
    /*background-color: white;
        border-color: #e7e7e7;*/
}

/* end kendoGridEdit and kendoGridDelete */

.customCard .k-widget.k-grid tr .k-button.k-grid-other-btn-1 {
    border-radius: 0;
    background-color: #aac3e4;
    border-color: #aac3e4;
    box-shadow: none;
}

    .customCard .k-widget.k-grid tr .k-button.k-grid-other-btn-1:hover {
        background-color: #789ac7;
        border-color: #789ac7;
    }

.customCard .k-widget.k-grid tr .k-button.k-grid-other-btn-2 {
    border-radius: 0;
    background-color: #d9c699;
    border-color: #d9c699;
    box-shadow: none;
}

    .customCard .k-widget.k-grid tr .k-button.k-grid-other-btn-2:hover {
        background-color: #c5a863;
        border-color: #c5a863;
    }

.customCard .k-widget.k-grid tr .k-button.k-grid-other-btn-3 {
    border-radius: 0;
    background-color: #b4b4be;
    border-color: #b4b4be;
    box-shadow: none;
}


    .customCard .k-widget.k-grid tr .k-button.k-grid-other-btn-3:hover {
        background-color: #8e8e9a;
        border-color: #8e8e9a;
    }

.customCard .k-widget.k-grid tr .k-button.k-grid-other-btn-4 {
    border-radius: 0;
    color: white;
    background-color: mediumpurple;
    border-color: mediumpurple;
    box-shadow: none;
}

    .customCard .k-widget.k-grid tr .k-button.k-grid-other-btn-4:hover {
        background-color: blueviolet;
        border-color: blueviolet;
    }

.customCard .k-widget.k-grid tr .k-button.k-grid-update {
    background-color: #5DADE2;
    border-color: #5DADE2;
    border-radius: 0;
    box-shadow: none;
}

    .customCard .k-widget.k-grid tr .k-button.k-grid-update:hover {
        background-color: #3498DB;
        border-color: #3498DB;
    }

.customCard .k-widget.k-grid .k-grid-edit-row > td > .text-box {
    width: 100%;
    border: 1px solid silver;
    box-shadow: none;
    color: #444;
}

.customCard .k-widget.k-grid .k-grid-edit-row  .k-checkbox-label:after {
    background-color: #ffffff;
    border-color: silver;
    border-radius: 0;
    color: dodgerblue;
}

.customCard .k-widget.k-grid .k-grid-edit-row .k-checkbox:checked + .k-checkbox-label:after {
    background-color: #ffffff;
    border-color: silver;
    border-radius: 0;
    color: dodgerblue;
}

/* grid search box */

#FieldFilter {
    border-radius: 0;
    display: inline;
    float: left !important;
}

#searchGlyphBtn {
    border-radius: 0;
    display: inline;
    border-color: #b4b4be;
    background-color: #b4b4be;
    vertical-align: initial;
    float: left !important;
}

/* end grid search box */

.searchSpan {
    border-radius: 0;
}




/* alt colors on rows for grids */

.alternateRowColorsGrid .k-widget.k-grid tr:nth-child(even) {
    background-color: #e7e7e7; /*#f9ffe3;*/
}

.alternateRowColorsGrid .k-widget.k-grid tr:nth-child(odd) {
    /*background-color: silver;*/
}


.altColorHeirachicalGrid .k-alt {
    background-color: #e7e7e7 !important;
    color: darkblue !important;
}
.altColorHeirachicalGrid .k-state-selected {
    color: darkblue !important;
}       
/* end alt color styles */

/* tab strip styles */

.customCard .k-widget.k-tabstrip {
    box-shadow: none;
   
}





.customCard .k-widget.k-tabstrip.k-header.k-floatwrap.k-tabstrip-top .k-tabstrip-items {
    background-color: #ffffff;
    /*border-bottom: 1px solid silver;*/
    /*border: none;*/
}


    .customCard .k-widget.k-tabstrip.k-header.k-floatwrap.k-tabstrip-top .k-tabstrip-items:hover {
        background-color: #ffffff !important;
        /*border-bottom: 1px solid silver;*/
        /*border: none;*/
    }


    .customCard .k-widget.k-tabstrip.k-header.k-floatwrap.k-tabstrip-top .k-tabstrip-items .k-item {
        background-color: #ffffff;
       
    }

        .customCard .k-widget.k-tabstrip.k-header.k-floatwrap.k-tabstrip-top .k-tabstrip-items .k-item .k-link {
            color: #333333 !important;
            font-weight: bold;
            text-transform: capitalize;
            background-color: #ffffff;
        }

            .customCard .k-widget.k-tabstrip.k-header.k-floatwrap.k-tabstrip-top .k-tabstrip-items .k-item .k-link:hover {
                /*color: #3f51b5 !important;*/
                color: dodgerblue !important;
                border: none !important;
            }


        .customCard .k-widget.k-tabstrip.k-header.k-floatwrap.k-tabstrip-top .k-tabstrip-items .k-item:focus {
        }
    .customCard .k-widget.k-tabstrip.k-header.k-floatwrap.k-tabstrip-top .k-tabstrip-items .k-state-active .k-link {
        
        color: tomato !important;
        /*color: dodgerblue !important;*/
        font-weight: bolder;
        
    }


    .customCard .k-widget.k-tabstrip.k-header.k-floatwrap.k-tabstrip-top .k-tabstrip-items .k-state-active.k-item {
        border-color: dodgerblue !important;
        border: 2px solid;
        border-left: none;
        border-right: none;
        border-bottom: none;
        /*background-color: #f0f2f1 !important;*/
    }


    .customCard .k-widget.k-tabstrip.k-header.k-floatwrap.k-tabstrip-top .k-tabstrip-items .k-item .k-loading.k-progress.k-complete {
        background-color: #ffffff !important;
        /*border: red !important;*/
    }

.customCard .k-widget.k-tabstrip.k-header.k-floatwrap.k-tabstrip-top .k-tabstrip-items .k-item span {
    background-color: #ffffff !important;
    /*border: red !important;*/
}

    .customCard .k-widget.k-tabstrip .k-content {
        /*background-color: #f7faf2 !important;*/
        /*background-color: #f6f2f6 !important;*/
        /*background-color: #f0f1f1 !important;*/
        background-color: #f0f2f1 !important;
    }
   


@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');


.k-widget .k-window {
    background-color: #f7faf2;
    font-family: 'Open Sans', sans-serif;
}


.k-window-title {
    text-transform: capitalize;
    font-size: 15px;
}

.k-window-titlebar {
    background-color: #31639c;
}

.k-window-actions .k-window-action.k-link:hover {
    background-color: #31639c;
    border-color: #31639c;
}


.windowNormalBtn {
    border-radius: 0;
    background-color: #b4b4be;
    border-color: #b4b4be;
    box-shadow: none;
}

    .windowNormalBtn:hover {
        background-color: grey;
        border-color: grey;
    }

.windowSaveButton {
    border-radius: 0;
    background-color: #d85c43;
    border-color: #d85c43;
    color: white;
    box-shadow: none;
}

    .windowSaveButton:hover {
        background-color: #eb5030;
        border-color: #eb5030;
    }

/* popup window tab strip styles */
/* tab strip styles */
.k-window .k-tabstrip {
    box-shadow: none;
}

    .k-window .k-tabstrip .k-tabstrip-items {
        background-color: #ffffff !important;
    }

        .k-window .k-tabstrip .k-tabstrip-items:hover {
            background-color: #ffffff !important;
        }

        .k-window .k-tabstrip .k-tabstrip-items .k-item {
            background-color: #ffffff;
            border: none;
            text-transform: capitalize;
        }

            .k-window .k-tabstrip .k-tabstrip-items .k-item:hover {
                border-color: dodgerblue !important;
                border: 2px solid;
                border-top: none;
                border-left: none;
                border-right: none;
                border-bottom: none;
            }

        .k-window .k-tabstrip .k-tabstrip-items .k-state-default .k-link {
            color: #444444 !important;
            font-weight: bold;
        }

        .k-window .k-tabstrip .k-tabstrip-items .k-state-active .k-link {
            color: tomato !important;
        }

    .k-window .k-tabstrip .k-content {
        background-color: #f0f2f1 !important;
    }


    .k-window .k-tabstrip .k-tabstrip-items .k-state-active.k-item {
        border-color: dodgerblue !important;
        border: 1px solid;
        border-left: none;
        border-right: none;
        border-bottom: none;
        background-color: #f0f2f1 !important;
    }

/* end popup window tab strip styles */

/* kendo message dialog buttons */
input.confirm_yes.k-button {
    background-color: #d2f8d2;
    border-radius: 0;
    border-color: #d2f8d2;
}

input.confirm_no.k-button {
    background-color: silver;
    border-radius: 0;
    border-color: silver;
}

/* end kendo message dialog buttons */