/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

:root {
    /*Style SBD*/
    --html-bg-color: black;
    --body-bg-color: rgba( 26, 55, 59, .37);
    --body-content-bg-color: rgba( 0, 0, 0, .15);
    --body-content-border: solid thin rgba(97, 134, 145, .6);
    --tabcontent-bg-color: rgba(0, 0, 0, .3);
    --tabcontent-border: solid thin rgba(97, 134, 145, .6);
    --sbdtabcontent-bg-color: transparent;
    --sbdtabcontent-border: none;
    --sbd_background-bg-color: rgba(234, 236, 225, .96);
    --sbd_MainMenuBar_Top-bg-color: rgba(0, 0, 0, .85);
    --sbd_MainMenuBar_Top-border-bottom: solid thin black;
    --sbd_MainMenuBar_Top-border-top: solid thin black;
    --sbd_MainMenuBarColor_Top-color: whitesmoke;
    --sbd_MainMenuBarHoverColor_Top-color: rgba(234, 236, 225, .9);
    --sbd_MainMenuBar_TopInvoicing-bg-color: rgba(0, 0, 0, .85);
    --sbd_MainMenuBar_TopInvoicing-color: gold;
    --sbd_MainMenuBar_Bottom-bg-color: rgba(0, 0, 0, .85);
    --sbd_MainMenuBar_Bottom-border-bottom: solid thick rgba(0, 0, 0, .25);
    --sbd_MainMenuBar_Bottom-border-top: solid thick rgba(0, 0, 0, .25);
    --sbd_MainMenuBarColor_Bottom-color: gray;
    --sbd_MainMenuBarHoverColor_Bottom-color: rgba(234, 236, 225, .9);
    --sbd_MainMenuBar_Mid-bg-color: transparent;
    --sbd_MainMenuBar_Mid-border-bottom: solid thin gray;
    --sbd_MainMenuBar_Mid-border-top: none;
    --sbd_MainMenuBarColor_Mid-color: whitesmoke;
    --sbd_FormHeaderDisplay-bg-color: rgba(0, 0, 0, .6);
    --sbd_FormHeaderDisplay-border-bottom: none;
    --sbd_FormHeaderDisplay-color: whitesmoke;
    --sbd_SubFormHeaderDisplay-color: silver;
    --sbd_ShadeBackground-bg-color: rgba(0,0,0,.8); /*rgba(0,0,0,.17);*/
    --sbd_ShadeInlayBackground-bg-color: rgba(0,0,0,.6);
    --sbd_ShadeDustBackground-bg-color: rgba(0,0,0,.3);
    --sbd_FormBackgroundOuter-bg-color: rgba(0,0,0,.15);
    --sbd_FormBackgroundOuter-border: none;
    --sbd_FormBackgroundInner-bg-color: rgba(97, 134, 145, .25);
    --sbd_FormBackgroundInner-border: solid thin rgba(97, 131, 141,.75);
    --sbd_ListBackgroundOuter-bg-color: rgba(0,0,0,.15);
    --sbd_ListBackgroundOuter-border: none;
    --sbd_ListBackBackgroundInner-bg-color: rgba(97, 134, 145, .3);
    --sbd_ListBackBackgroundInner-border: solid thin rgba(97, 131, 141,.75);
    --sbd_ListNavagation-color: rgba(234, 236, 225, .96);
    --sbd_FilterControlStyleOuter-bg-color: rgba(0,0,0,.15);
    --sbd_FilterControlStyleOuter-border: none;
    --sbd_FilterControlStyleOuter-color: whitesmoke;
    --sbd_FilterControlStyleInner-bg-color: rgba(97, 134, 145, .25);
    --sbd_FilterControlStyleInner-border: solid thin rgba(97, 134, 145, .3);
    --sbd_FilterControlStyleInner-color: whitesmoke;
    --sbd_FilterControlStyle1-bg-color: rgba(97, 131, 141,.25);
    --sbd_FilterControlStyle1-border: rgba(97, 134, 145, .3);
    --sbd_FilterControlStyle1-color: whitesmoke;
    --sbd_DataGridForm-bg-color: rgba(0,0,0,.15);
    --sbd_DataGridForm-border: none;
    --sbd_DataGridHeader-bg-color: rgba(97, 134, 145, .17);
    --sbd_DataGridHeader-border-bottom: none;
    --sbd_DataGridHeader-color: whitesmoke;
    --sbd_DataGridList-bg-color: rgba(0,0,0,.15);
    --sbd_DataGridList-border: none;
    --sbd_DataGridRow-bg-color: rgba(234, 236, 225, .96);
    --sbd_DataGridRow-border-bottom: solid thin silver;
    --sbd_DataGridRow-color: rgba(0, 0, 0, 1);
    --sbd_DataGridRowHover-bg-color: rgba(234, 236, 225, .96);
    --sbd_DataGridRowHover-border-bottom: solid thin silver;
    --sbd_DataGridRowHover-color: rgba(0, 0, 0, .8);
    --sbd_DropDownMenu-bg-color: rgba(234, 236, 225, 1);
    --sbd_DropDownMenu-border-bottom: solid thin silver;
    --sbd_DropDownMenu-border-top: solid thin silver;
    --sbd_DisplayCard-bg-color: rgba(234, 236, 225, .96);
    --sbd_DisplayCard-border: solid thin #505050;
    --sbd_DisplayCard-color: #505050;
    --sbd_DisplayCardHover-bg-color: rgba(244, 246, 235, 1);
    --sbd_DisplayCardHover-border: solid thin #505050;
    --sbd_DisplayCardHover-color: #505050;
    --sbd_DisplayCardHeader-bg-color: transparent;
    --sbd_DisplayCardHeader-border-bottom: none;
    --sbd_DisplayCardHeader-color: rgba(50, 50, 50, 1);

    --sbd_DisplayCardRM-bg-color: rgba(234, 236, 225, .96);
    --sbd_DisplayCardRM-border: solid thin #505050;
    --sbd_DisplayCardRM-color: #505050;
    --sbd_DisplayCardRMHover-bg-color: rgba(244, 246, 235, 1);
    --sbd_DisplayCardRMHover-border: solid thin #505050;
    --sbd_DisplayCardRMHover-color: #505050;
    --sbd_DisplayCardRMHeader-bg-color: transparent;
    --sbd_DisplayCardRMHeader-border-bottom: none;
    --sbd_DisplayCardRMHeader-color: rgba(50, 50, 50, 1);

    --sbd_FormDisplayCard-bg-color: rgba(234, 236, 225, .96);
    --sbd_FormDisplayCard-border: solid thin #505050;
    --sbd_FormDisplayCard-color: #505050;
    --sbd_FormDisplayCardHover-bg-color: rgba(244, 246, 235, 1);
    --sbd_FormDisplayCardHover-border: solid thin #505050;
    --sbd_FormDisplayCardHover-color: #505050;
    --sbd_FormDisplayCardHeader-bg-color: transparent;
    --sbd_FormDisplayCardHeader-border-bottom: none;
    --sbd_FormDisplayCardHeader-color: whitesmoke;
    --sbd_FormDisplayCardHeaderHover-bg-color: transparent;
    --sbd_FormDisplayCardHeaderHover-border-bottom: none;
    --sbd_FormDisplayCardHeaderHover-color: rgba(50, 50, 50, 1);
    --sbd_DisplayMultiEquip-bg-color: rgba(234, 236, 225, .96);
    --sbd_DisplayMultiEquip-border: solid thin #505050;
    --sbd_DisplayMultiEquipHover-bg-color: rgba(244, 246, 235, 1);
    --sbd_DisplayMultiEquipHover-border: solid thin #505050;
    --sbd_lblDisplayDataHeader-color: silver;
    --sbd_lblDisplayData-color: #cccccc;
    --sbd_DisplayData-color: rgba(0, 0, 0, 1);
    --sbd_InputTextDisabled-bg-color: rgba(0,0,0,.18);
    --sbd_InputTextDisabled-border: none;
    --sbd_InputTextDisabled-color: whitesmoke;
    --sbd_Button-bg-color: rgba(0,0,0,.3);
    --sbd_Button-border: solid thin rgba(0,0,0,.3);
    --sbd_Button-color: whitesmoke;
    --sbd_ButtonHover-bg-color: rgba(0, 0, 0, .6);
    --sbd_ButtonHover-border: solid thin rgba(0,0,0,.3);
    --sbd_ButtonHover-color: whitesmoke;
    --sbd_ButtonLight-bg-color: rgba(234, 236, 225, .96);
    --sbd_ButtonLight-border: solid thin #505050;
    --sbd_ButtonLight-color: rgba(0,0,0,.9);
    --sbd_ButtonLightHover-bg-color: rgba(234, 236, 225, .2);
    --sbd_ButtonLightHover-border: solid thin #505050;
    --sbd_ButtonLightHover-color: whitesmoke;
    --sbd_ButtonDark-bg-color: rgba(0,0,0,.3);
    --sbd_ButtonDark-border: solid thin rgba(0,0,0,.3);
    --sbd_ButtonDark-color: whitesmoke;
    --sbd_ButtonDarkHover-bg-color: rgba(0, 0, 0, .6);
    --sbd_ButtonDarkHover-border: solid thin rgba(0,0,0,.3);
    --sbd_ButtonDarkHover-color: whitesmoke;
    --sbd_ButtonSearch-bg-color: rgba(40, 40, 40, .1);
    --sbd_ButtonSearch-border: solid thin rgba(97, 134, 145, .8);
    --sbd_ButtonSearch-color: whitesmoke;
    --sbd_ButtonSearchHover-bg-color: rgba(40, 40, 40, .6);
    --sbd_ButtonSearchHover-border: solid thin rgba(97, 134, 145, .8);
    --sbd_ButtonSearchHover-color: whitesmoke;
    --sbd_CalOfficeCust-color: gainsboro;
    --sbd_CalHeader-color: whitesmoke;
    --sbd_CalText-color: silver;
    --sbd_CalPriorityCust-color: #c8c384;
    --sbd_PriorityCust-color: #7b7737;
    --sbd_CalEscalatedJob-color: #246175;
    --sbd_EscalatedJob-color: #246175;
    --sbd_CalDownMach-color: #add8e6;
    --sbd_DownMach-color: #246175;
    --sbd_CalReturnCodeClosed-color: #e68a00;
    --sbd_ReturnCodeClosed-color: #b36b00;
    --sbd_CalRecReturnCode-color: #9fc69f;
    --sbd_RecReturnCode-color: #9fc69f;
    --sbd_CalReturnReason-color: #9fc69f;
    --sbd_RecReturnReason-color: #3f8da7;
    --sbd_CalScheduleNote-color: #3f8da7;
    --sbd_ScheduleNote-color: #609f60;
    --sbd_SchedCalItemHeader-color: whitesmoke;
    --sbd_SchedCalItem-bg-color: rgba(0,0,0,.2);
    --sbd_SchedCalItem-border: solid thin rgba(0,0,0,.55);
    --sbd_SchedCalItem-color: silver;
    --sbd_SchedCalItemHeaderHover-color: whitesmoke;
    --sbd_SchedCalItemHover-bg-color: rgba(0,0,0,.5);
    --sbd_SchedCalItemHover-border: solid thin rgba(0,0,0,.55);
    --sbd_SchedCalItemHover-color: silver;
    --tablinks-bg-color: rgba(0, 0, 0, .4);
    --tablinks-border-bottom: none;
    --tablinks-border-color: gray; /* rgba(97, 134, 145, .3);*/
    --tablinks-color: rgba(234, 236, 225, .8);
    --tablinksHover-bg-color: rgba(0, 0, 0, .7);
    --tablinksHover-border-bottom: solid thin transparent;
    --tablinksHover-border-color: rgba(97, 134, 145, .3);
    --tablinksHover-color: rgba(234, 236, 225, .8);
    --subtablinks-bg-color: rgba(97, 134, 145, .3);
    --subtablinks-border-bottom: none;
    --subtablinks-border-color: rgba(97, 134, 145, .3);
    --subtablinks-color: rgba(234, 236, 225, .8);
    --tablinksActive-bg-color: rgba(0, 0, 0, .7);
    --tablinksActive-border: solid thin gray;
    --tablinksActive-border-bottom: none;
    --tablinksActive-color: rgba(234, 236, 225, 1);
    --inputtext-bg-color: rgba(234, 236, 225, .9)
}



html {
    background-color: var(--html-bg-color);
   /* background-image: url('/images/pexels-adrien-olichon-23875332.jpg');*/
    background-size: contain;
    min-height: 100%;
    min-width: 100%;
    align-content: center;
    /*background-image: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, rgba(26,55,59,1) 100px, rgba(56,87,93,1) 120px, rgba(56,87,93,1) calc(100% - 220px), rgba(26,55,59,1) calc(100% - 200px), rgba(0,0,0,1) calc(100% - 200px), rgba(0,0,0,1) 100%);*/ /* ff3.6+ */
    /*background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100px, rgba(0,0,0,1)), color-stop(100px, rgba(26,55,59,1)), color-stop(120px, 56,87,93,1), color-stop( calc(100% - 220px), 56,87,93,1), color-stop(calc(100% - 200px), rgba(26,55,59,1)), color-stop(calc(100% - 200px), rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));*/ /* safari4+,chrome */
    /*background-image: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, rgba(26,55,59,1) 100px, rgba(56,87,93,1) 120px, rgba(56,87,93,1) calc(100% - 220px), rgba(26,55,59,1) calc(100% - 200px), rgba(0,0,0,1) calc(100% - 200px), rgba(0,0,0,1) 100%);*/ /* safari5.1+,chrome10+ */
    /*background-image: -o-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100px, rgba(26,55,59,1) 100px, rgba(56,87,93,1) 120px, rgba(56,87,93,1) calc(100% - 220px), rgba(26,55,59,1) calc(100% - 200px), rgba(0,0,0,1) calc(100% - 200px), rgba(0,0,0,1) 100%);*/ /* opera 11.10+ */
    /*background-image: linear-gradient(45deg, rgba(0,0,0,1) 0px, rgba(0,0,0,1) 100px, rgba(26,55,59,1) 100px, rgba(56,87,93,1) 120px, rgba(56,87,93,1) calc(100% - 220px), rgba(26,55,59,1) calc(100% - 200px), rgba(0,0,0,1) calc(100% - 200px), rgba(0,0,0,1) 100%);*/ /* w3c */
   
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );*/ /* ie6-9 */
}

body {
    /*background-color: rgba(97, 134, 145, 0);*/ /* var(--body-bg-color);*/
    background-color: transparent;
    background-image: url('/images/pexels-bymalens-2268553.jpg');
    padding: 60px 0px 70px 0px;
    min-height: 100%;
    height: 100%;
}

.body-content {
    background-color: transparent; /* rgba(56,87,93,.8);*/ /*var(--body-bg-color);*/
    background-image: url(/images/formbackground.jpg ); /*url(/images/pexels-cottonbro-3826435.jpg);*/
    /* background-image: url(/images/formbackground.jpg);*/
    border: var(--body-content-border);
    margin: auto;
    min-width: 335px;
    width: 96%;
    min-height: 600px;
    height: 100%;
    padding: 0px;
    border-radius: 0px 0px 10px 10px;
    border-top: none;
}

.container-fluid {
    padding: 0px;
    margin: auto;
}

.tabcontent {
    background-color: rgba(0,0,0,.3); /*var(--tabcontent-bg-color);*/
    border: var(--tabcontent-border);
    min-width: 325px;
    min-height: 550px;
    padding: 0px;
    margin: 0px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    border: none;
}

.subtabcontent {
    background-color: transparent;
   /* background-image: url(/images/pexels-cottonbro-3826435.jpg);*/
    border: var(--tabcontent-border);
    min-width: 325px;
    min-height: 550px;
    padding: 0px;
    margin: 0px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    border: none;
}


.sbd_tabcontent {
    background-color: var(--sbdtabcontent-bg-color);
    background-image: url(/images/formbackground.jpg);
    border: var(--sbdtabcontent-border);
    min-width: 325px;
    min-height: 550px;
    padding: 0px;
    margin: 0px;
    padding-bottom: 60px;
    margin-bottom: 20px;
    border: none;
}

.sbd_MainMenuBar_Top {
    background-color: var(--sbd_MainMenuBar_Top-bg-color);
    background-image: url(/images/formbackground.jpg );
    border-bottom: var(--sbd_MainMenuBar_Top-border-bottom);
    border-top: var(--sbd_MainMenuBar_Top-border-top);
    min-width: 320px;
    height: 60px;
    padding-top: 10px;
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
}

.sbd_MainMenuBarColor_Top {
    color: var(--sbd_MainMenuBarColor_Top-color);
}

    .sbd_MainMenuBarColor_Top:hover {
        color:var(--sbd_MainMenuBarHoverColor_Top-color);        
    }

.sbd_MainMenuBar_TopInvoicing {
    background-color: var(--sbd_MainMenuBar_TopInvoicing-bg-color);
    color: var(--sbd_MainMenuBar_TopInvoicing-color);
}

.sbd_MainMenuBar_Bottom {
    background-color: black; /*var(--sbd_MainMenuBar_Bottom-bg-color);*/
    /* background-image: url(/images/formbackground.jpg );*/
    border-bottom: var(--sbd_MainMenuBar_Bottom-border-bottom);
    border-top: var(--sbd_MainMenuBar_Bottom-border-top);
    min-width: 300px;
    height: 80px;
    padding-top: 10px;
}

.sbd_MainMenuBarColor_Bottom {
    /*color: whitesmoke !important;*/
    color: var(--sbd_MainMenuBarColor_Bottom-color) !important;
}
    .sbd_MainMenuBarColor_Bottom:hover {
        color: var(--sbd_MainMenuBarHoverColor_Bottom-color);
    }
.sbd_MainMenuBar_Mid {
    background-color:  var(--sbd_MainMenuBar_Mid-bg-color);
    border-bottom: var(--sbd_MainMenuBar_Mid-border-bottom);
    border-top: var(--sbd_MainMenuBar_Mid-border-top);
    min-width: 300px;
}

.sbd_MainMenuBarColor_Mid {
    /*color: whitesmoke !important;*/
    color: var(--sbd_MainMenuBarColor_Mid-color);
}

.sbd_FormHeaderDisplay {
    background-color: var(--sbd_FormHeaderDisplay-bg-color);
    border-bottom: var(--sbd_FormHeaderDisplay-border-bottom);
    color: var(--sbd_FormHeaderDisplay-color);
    margin-bottom: 0px;
    padding: 0px;
    padding-bottom: 5px;
    border-radius: 0px 0px 0px 0px;
}

.sbd_SubFormHeaderDisplay {
    color: var(--sbd_SubFormHeaderDisplay-color);
    margin: 0px;
    padding: 5px;
    padding-left: 16px;
    padding-bottom: 10px;
}

.sbd_Background {
    background-image: url(/images/formbackground.jpg);
}

.sbd_ShadeBackground {
    background-color: var(--sbd_ShadeBackground-bg-color);
   
}

.sbd_ShadeInlayBackground {
    background-color:  var(--sbd_ShadeInlayBackground-bg-color);
}

.sbd_ShadeDustBackground {
    background-color: var(--sbd_ShadeDustBackground-bg-color);
}

.sbd_FormBackgroundOuter {
    background-color: var(--sbd_FormBackgroundOuter-bg-color);
   /* background-image: url(/images/pexels-cottonbro-3826435.jpg);*/
    border: var(--sbd_FormBackgroundOuter-border);
}

.sbd_FormBackgroundInner {
    background-color: var(--sbd_FormBackgroundInner-bg-color);
    background-image: url(/images/formbackground.jpg);
    border: var(--sbd_FormBackgroundInner-bg-color);
}

.sbd_ListBackgroundOuter {
    background-color: var(--sbd_ListBackgroundOuter-bg-color);
    border: var(--sbd_ListBackgroundOuter-border);
}

.sbd_ListBackBackgroundInner {
    background-color: var(--sbd_ListBackBackgroundInner-bg-color);
    border: var(--sbd_ListBackBackgroundInner-border);
}

.sbd_ListNavagation {
    color: var(--sbd_ListNavagation-color);
}

.sbd_FilterControlStyleOuter {
    background-color: var(--sbd_FilterControlStyleOuter-bg-color);
    border: var(--sbd_FilterControlStyleOuter-border);
    color: var(--sbd_FilterControlStyleOuter-color);
    border-radius: 10px;
    padding: 2px;
}
.sbd_FilterControlStyleInner {
    background-color: var(--sbd_FilterControlStyleInner-bg-color);
    border: var(--sbd_FilterControlStyleInner-border);
    color: var(--sbd_FilterControlStyleInner-color);
    border-radius: 10px;
    padding: 10px;
    margin:0px;
}


.sbd_FilterControlStyle1 {
    background-color: var(--sbd_FilterControlStyle1-bg-color);
    border: var(--sbd_FilterControlStyle1-border);
    color: var(--sbd_FilterControlStyle1-color);
    border-radius:10px;
}

.sbd_DataGridForm {
    background-color: var(--sbd_DataGridForm-bg-color);
    border: var(--sbd_DataGridForm-border);
    margin: 0px;
    padding: 2px;
    border-radius: 10px;
    min-height: 300px;
}

.sbd_DataGridHeader {
    background-color: var(--sbd_DataGridHeader-bg-color);
    border-bottom: var(--sbd_DataGridHeader-border-bottom);
    color: var(--sbd_DataGridHeader-color);
    padding-left: 10px;
    padding-bottom: 3px;
    min-width: 310px;
}

.sbd_DataGridList {
    background-color: var(--sbd_DataGridList-bg-color);
    border: var(--sbd_DataGridList-border);
    padding: 5px;
    padding-left: 15px;
}

.sbd_DataGridRow {
    background-color:  var(--sbd_DataGridRow-bg-color);
    border-bottom: var(--sbd_DataGridRow-border-bottom);
    color:  var(--sbd_DataGridRow-color);
    padding-top: 3px;
    padding-bottom: 7px;
    padding-left: 10px !important;
    min-height: 26px;
    border-radius: 0px;
    margin-bottom: 0px;
    min-width: 310px;
    cursor: pointer
}
 .sbd_DataGridRow:hover {
        background-color: var(--sbd_DataGridRowHover-bg-color);
        border-bottom: var(--sbd_DataGridRowHover-border-bottom);
        color: var(--sbd_DataGridRowHover-color);
        padding-top: 3px;
        padding-bottom: 7px;
        padding-left: 10px;
        min-height: 26px;
        border-radius: 0px;
        margin-bottom: 0px;
        min-width: 310px;
        cursor: pointer
    }
.sbd_FormDataGridRow {
    background-color: transparent; /* var(--sbd_DataGridRow-bg-color);*/
    border-bottom:none;/* var(--sbd_DataGridRow-border-bottom);*/
    color: whitesmoke; /*var(--sbd_DataGridRow-color);*/
    padding-top: 3px;
    padding-bottom: 7px;
    padding-left: 10px !important;
    min-height: 26px;
    border-radius: 0px;
    margin-bottom: 0px;
    min-width: 310px;
    cursor: pointer
}

    .sbd_FormDataGridRow:hover {
        background-color: var(--sbd_DataGridRowHover-bg-color);
        border-bottom: var(--sbd_DataGridRowHover-border-bottom);
        color: var(--sbd_DataGridRowHover-color);
        padding-top: 3px;
        padding-bottom: 7px;
        padding-left: 10px;
        min-height: 26px;
        border-radius: 0px;
        margin-bottom: 0px;
        min-width: 310px;
        cursor: pointer
    }

.sbd_FormDisplayData {
  /*  color: var(--sbd_DisplayData-color);*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.sbd_FormDataGridRowBackgroundColor {
    background-color: transparent; /*rgba(234, 236, 225, 1);*/
}

.sbd_DataGridRowBackgroundColor {
    background-color:transparent; /*rgba(234, 236, 225, 1);*/
}

.sbd_DropDownMenu {
    background-color: var(--sbd_DropDownMenu-bg-color);
    border-bottom: var(--sbd_DropDownMenu-border-bottom);
    border-top: var(--sbd_DropDownMenu-border-top);
    border-radius: 10px;
}

.sbd_FormDisplayCard {
    background-color: var(--sbd_FormDisplayCard-bg-color);
    border: var(--sbd_FormDisplayCard-border);
    color: var(--sbd_FormDisplayCard-color);
    border-radius: 10px 10px;
    min-height: 110px;
    min-width: 310px;
}

    .sbd_FormDisplayCard:hover {
        background-color: var(--sbd_FormDisplayCardHover-bg-color);
        border: var(--sbd_FormDisplayCardHover-border);
        color: var(--sbd_FormDisplayCardHover-color);
        border-radius: 10px 10px;
        min-height: 110px;
        min-width: 310px;

    }

.sbd_FormDisplayCardHeader {
    background-color: var(--sbd_FormDisplayCardHeader-bg-color);
    border-bottom: var(--sbd_FormDisplayCardHeader-border-bottom);
    color: var(--sbd_FormDisplayCardHeader-color);
    font-size: smaller;
    font-weight: bold;
    border-bottom: solid thin dimgray;
}
    .sbd_FormDisplayCardHeader:hover {
        background-color: var(--sbd_FormDisplayCardHeaderHover-bg-color);
        border-bottom: var(--sbd_FormDisplayCardHeaderHover-border-bottom);
        color: var(--sbd_FormDisplayCardHeaderHover-color);
        font-size: smaller;
        font-weight: bold;
        border-bottom: solid thin dimgray;
    }


.sbd_DisplayCard {
    background-color: var(--sbd_DisplayCard-bg-color);
    border: var(--sbd_DisplayCard-border);
    color: var(--sbd_DisplayCard-color);
    border-radius: 10px 10px;
    min-height: 110px;
    min-width: 310px;
}
    .sbd_DisplayCard:hover {
        background-color: var(--sbd_DisplayCardHover-bg-color);
        border: var(--sbd_DisplayCardHover-border);
        color: var(--sbd_DisplayCardHover-color);
        border-radius: 10px 10px;
        min-height: 110px;
        min-width: 310px;
    }

.sbd_DisplayCardHeader {
    background-color: var(--sbd_DisplayCardHeader-bg-color);
    border-bottom: var(--sbd_DisplayCardHeader-border-bottom);
    color: var(--sbd_DisplayCardHeader-color);
    font-size: smaller;
    font-weight: bold;
    border-bottom: solid thin dimgray;
}

.sbd_DisplayMultiEquip {
    background-color: var(--sbd_DisplayMultiEquip-bg-color);
    border: var(--sbd_DisplayMultiEquip-border);
    min-height: 80px;
    min-width: 310px;
    border-radius: 10px 10px;
}
.sbd_DisplayMultiEquip:hover {
        background-color: var(--sbd_DisplayMultiEquipHover-bg-color);
        border: var(--sbd_DisplayMultiEquipHover-border);
        min-height: 80px;
        min-width: 310px;
        border-radius: 10px 10px;
    }

.sbd_DisplayCardRM {
    background-color: var(--sbd_ShadeDustBackground-bg-color);
    border: var(--sbd_DisplayCard-border);
    color: silver; /*var(--sbd_FormHeaderDisplay-color);*/
    border-radius: 10px 10px;
    min-height: 110px;
    min-width: 310px;
}

    .sbd_DisplayCardRM:hover {
        background-color: var(--sbd_DisplayCardHover-bg-color);
        border: var(--sbd_DisplayCardHover-border);
        color: var(--sbd_DisplayCardHover-color);
        border-radius: 10px 10px;
        min-height: 110px;
        min-width: 310px;
    }

.sbd_DisplayCardRMHeader {
    background-color: var(--sbd_DisplayCardHeader-bg-color);
    border-bottom: var(--sbd_DisplayCardHeader-border-bottom);
    color: var(--sbd_DisplayCardHeader-color);
    font-size: smaller;
    font-weight: bold;
    border-bottom: solid thin dimgray;
}

.sbd_lblDisplayDataHeader {
    color: var(--sbd_lblDisplayDataHeader-color);
}

.sbd_lblDisplayData {
    color:   var(--sbd_lblDisplayData-color);
}

.sbd_DisplayData {
    color: var(--sbd_DisplayData-color);
    overflow: hidden;
    text-overflow: ellipsis;
}

.sbd_InputTextDisabled {
    color: var(--sbd_InputTextDisabled-color);
    background-color: var(--sbd_InputTextDisabled-bg-color);
    border: var(--sbd_InputTextDisabled-border);
}

.sbd_Button {
    background-color: var(--sbd_Button-bg-color);
    border: silver; /*var(--sbd_Button-border);*/
    color: silver; /*var(--sbd_Button-color);*/
    border-radius: 5px;
}
.sbd_Button:hover {
        background-color: rgba(0,0,0,.4); /*var(--sbd_ButtonHover-bg-color);*/
        border: var(--sbd_ButtonHover-border);
        color: white; /*var(--sbd_ButtonHover-color);*/
        border-radius: 5px;
    }

.sbd_ButtonMapping {
    background-color: transparent;
    border: silver; /*var(--sbd_Button-border);*/
    color: silver; /*var(--sbd_Button-color);*/
    border-radius: 5px;
}

    .sbd_ButtonMapping:hover {
        background-color: transparent; /*var(--sbd_ButtonHover-bg-color);*/
        border: white;
        color: white; /*var(--sbd_ButtonHover-color);*/
        border-radius: 5px;
    }

.sbd_ButtonMappingListItem {
    background-color: whitesmoke;
    border: silver; /*var(--sbd_Button-border);*/
    color: black; /*var(--sbd_Button-color);*/
    border-radius: 10px;
}

    .sbd_ButtonMappingListItem:hover {
        background-color: rgba(0,0,0,.2); /*var(--sbd_ButtonHover-bg-color);*/
        border: white;
        color: black; /*var(--sbd_ButtonHover-color);*/
        border-radius: 10px;
    }

.sbd_ButtonLight {
    background-color: var(--sbd_ButtonLight-bg-color);
    border: var(--sbd_ButtonLight-border);
    color: var(--sbd_ButtonLight-color);
    border-radius: 5px;
}

    .sbd_ButtonLight:hover {
        background-color: var(--sbd_ButtonLightHover-bg-color);
        border: var(--sbd_ButtonLightHover-border);
        color: var(--sbd_ButtonLightHover-color);
        border-radius: 5px;
    }

.sbd_ButtonDark {
    background-color: var(--sbd_ButtonDark-bg-color);
    border: var(--sbd_ButtonDark-border);
    color: var(--sbd_ButtonDark-color);
    border-radius: 7px;
}
    .sbd_ButtonDark:hover {
        background-color: var(--sbd_ButtonDarkHover-bg-color);
        border: var(--sbd_ButtonDarkHover-border);
        color: var(--sbd_ButtonDarkHover-color);
        border-radius: 5px;
    }

.sbd_ButtonSearch {
    background-color: var(--sbd_ButtonSearch-bg-color);
    border: var(--sbd_ButtonSearch-border);
    color: var(--sbd_ButtonSearch-color);
    border-color: dimgray;
    border-radius: 7px;
    padding-bottom:8px;
}

    .sbd_ButtonSearch:hover {
        background-color: var(--sbd_ButtonSearchHover-bg-color);
        border: var(--sbd_ButtonSearchHover-border);
        color: var(--sbd_ButtonSearchHover-color);
        border-color: dimgray;
        border-radius: 7px;
        padding-bottom: 8px;
    }

.sbd_JobListTopMargin {
    margin-top: 38px !important;
}


/*Job Status Color Codes*/
.sbd_CalOfficeCust {
    color: var(--sbd_CalOfficeCust-color);
}

.sbd_CalHeader {
    color: var(--sbd_CalHeader-color);
}

.sbd_CalText {
    color: var(--sbd_CalText-color);
}

.sbd_CalPriorityCust {
    color: var(--sbd_CalPriorityCust-color);
}

.sbd_PriorityCust {
    color: var(--sbd_PriorityCust-color);
}

.sbd_CalEscalatedJob {
    color: var(--sbd_CalEscalatedJob-color);
}

.sbd_EscalatedJob {
    color: var(--sbd_EscalatedJob-color);
}

.sbd_CalDownMach {
    color: var(--sbd_CalDownMach-color);
}

.sbd_DownMach {
    color: var(--sbd_DownMach-color);
}

.sbd_CalReturnCodeClosed {
    color: var(--sbd_CalReturnCodeClosed-color);
}

.sbd_ReturnCodeClosed {
    color: var(--sbd_ReturnCodeClosed-color);
}

.sbd_CalRecReturnCode {
    color: var(--sbd_CalRecReturnCode-color);
}

.sbd_RecReturnCode {
    color: var(--sbd_RecReturnCode-color);
}

.sbd_CalReturnReason {
    color: var(--sbd_CalReturnReason-color);
}

.sbd_RecReturnReason {
    color: var(--sbd_RecReturnReason-color);
}

.sbd_CalScheduleNote {
    color: var(--sbd_CalScheduleNote-color);
}

.sbd_ScheduleNote {
    color: var(--sbd_ScheduleNote-color);
}

.sbd_SchedCalItemHeader {
    color: var(--sbd_SchedCalItemHeader-color);
}

.sbd_SchedCalItem {
    background-color: var(--sbd_SchedCalItem-bg-color);
    border: var(--sbd_SchedCalItem-border);
    color: var(--sbd_SchedCalItem-color);
    border-radius: 8px;
}

    .sbd_SchedCalItem:hover {
        background-color: var(--sbd_SchedCalItemHover-bg-color);
        border: var(--sbd_SchedCalItemHover-border);
        color: var(--sbd_SchedCalItemHover-color);
        border-radius: 8px;
    }


.tablinks {
    background-color: var(--tablinks-bg-color);
    border-bottom: var(--tablinks-border-bottom);
    border-color: var(--tablinks-border-color);
    color: var(--tablinks-color);
}
    .tablinks:hover {
        background-color: var(--tablinksHover-bg-color);
        border-bottom: var(--tablinksHover-border-bottom);
        border-color: var(--tablinksHover-border-color);
        color: var(--tablinksHover-color);
    }

.subtablinks {
    background-color: var(--subtablinks-bg-color);
    border-bottom: var(--subtablinks-border-bottom);
    border-color: var(--subtablinks-border-color);
    color: var(--subtablinks-color);
}


.active {
    background-color: var(--tablinksActive-bg-color) !important;
    border: var(--tablinksActive-border) !important;
    border-bottom: var(--tablinksActive-border-bottom) !important;
    color: var(--tablinksActive-color) !important;
}

input, select, textarea {
    background-color: var(--inputtext-bg-color);
    /*background-color: rgba(234, 236, 225, .9);*/
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}



/*a.nav-item:hover {
    color: royalblue;
}*/
/* Provide sufficient contrast against white background */
/*a {
  color: #0366d6;
}*/

/*.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}*/


.signature-pad > canvas {
    display: block;
    width: 100%;
    height: 200px;
    margin-bottom: 5px;
    background-color: white;
}