html {
    margin: 0;
    padding: 0;
    text-decoration-line: none !important;
    font-family: "verdana";
}
* {
    text-decoration-line: none !important;
}
body {
    background: url('../img/bg-internal.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: transparent !important;
}
    body.bg-enable {
        background: url('../img/bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-color:transparent !important;
    }
/*Header buttons and links*/
#ctl00_ctl00_HeaderPane_ImageButton1, ctl00_ctl00_HeaderPane_HeadLoginView_ImgButLogout {
    margin-top: 0 !important;

}


#ctl00_ctl00_HeaderPane_HyperLink1, #ctl00_ctl00_HeaderPane_HyperLink2, #ctl00_ctl00_HeaderPane_HLChangePassword, #ctl00_ctl00_HeaderPane_LblFullName {
    color: white;
    text-decoration: none;
}
    #ctl00_ctl00_HeaderPane_LblFullName span {
    color:#a6cf4f
    }

    #ctl00_ctl00_HeaderPane_HyperLink1:hover, #ctl00_ctl00_HeaderPane_HyperLink2:hover, #ctl00_ctl00_HeaderPane_HLChangePassword:hover {
        color: #a6cf4f
    }
    #ctl00_ctl00_HeaderPane_NotifyHyperLink {
        color: white;
        text-decoration: none;
        position:relative;
       
    }

    
        #ctl00_ctl00_HeaderPane_NotifyHyperLink span {

            font-size: 8pt;
            font-weight:700;
            padding: 6px;
            color:white;
            background-color:darkred;
            top:-20px;
            left:12px;
            position:absolute;
            border-radius:50%;
        }
      

        h2#loginTitle {
            text-align: center;
            color: #ffffff;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
#Login1 {
    background-color:rgba(255,255,255,.2);
    border-radius:10px;
}
.essTitle {
    border-radius: 10px;
    padding:3px;
}

.essTitle::after {
    margin-bottom:200px;    
    }

    input[name="Login1$LoginButton"]:hover {
        padding: 5px 20px;
        margin-right: 20px;
        background-color: #228ece;
        border-color: #228ece;
        color: #FFFFFF;
    }
input[name="Login1$LoginButton"] {
    padding: 5px 20px;
    margin-right: 20px;
    background-color: #1363a2;
    border-color: #1363a2;
    color: #ffffff;
    cursor: pointer;
}
input[name="Login1$UserName"] {
    background-color: #cccccc;
    border-color: transparent !important;
    padding: 2px 0px;
    color: #1363a2;
}
input[name="Login1$Password"] {
    background-color: #cccccc;
    border-color: transparent !important;
    padding: 2px 0px;
    color: #1363a2;
}
input[name="Login1$RememberMe"] {
    margin-left: 60px !important;
}
/*Flyout menu*/
#ctl00_ctl00_HeaderPane_ASPxImageGallery1 {
    position: absolute;
    top: 62px;
    right: 130px;
    overflow: auto;
    background-color: rgba(0,0,0,.8);
    /*background-color: rgba(166,207,76,.8);  Light Green*/
}
#ctl00_ctl00_HeaderPane_ASPxImageGallery1.dxigControl {
    display: inline-grid;
    overflow: scroll;
    overflow-x: hidden;
}
    #ctl00_ctl00_HeaderPane_ASPxImageGallery1.dxigControl::-webkit-scrollbar {
        width: 10px;
    }

    #ctl00_ctl00_HeaderPane_ASPxImageGallery1.dxigControl::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.7);
    }

    #ctl00_ctl00_HeaderPane_ASPxImageGallery1.dxigControl::-webkit-scrollbar-thumb {
        background-color:#228ece;
        outline: 1px solid white;
    }

#ctl00_ctl00_HeaderPane_ASPxImageGallery1_CCell {
   
    margin:0px !important;
    padding: 25px 0px 25px 25px;
}

#ctl00_ctl00_HeaderPane_ASPxImageGallery1 .dxigItem {
    float: left !important;
    max-height: 100px;
    max-width: 100px;
}
#ctl00_ctl00_HeaderPane_ASPxImageGallery1 .dxig-thumbnailTextArea {
    text-align: center;
    color: #a6cf4f;
    background-color: transparent !important;
    font-size: 10px;
    white-space: normal;
    display: block;
    transition: 0.50s color ease-in-out;
}
#ctl00_ctl00_HeaderPane_ASPxImageGallery1 .dxigItem:hover > .dxig-thumbnailTextArea {
    color: #ffffff !important;
    
}
#ctl00_ctl00_HeaderPane_ASPxImageGallery1 .dxig-thumbnailBorder {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: solid 1px #228ECE;
    transition: all .5s ;
}

    #ctl00_ctl00_HeaderPane_ASPxImageGallery1 .dxig-thumbnailBorder:hover {
        
        border: solid 2.5px #a6cf4f;
    }

/*Main page Gallery control*/
#ctl00_ctl00_MainPane_Content_MainContent_ASPxImageGallery1 {
    margin: 30px auto;
    padding-top: 120px;
    background-color: rgba(10,60,100,.4);
    border-radius: 15px;
}
    
    #ctl00_ctl00_MainPane_Content_MainContent_ASPxImageGallery1 .dxig-thumbnailTextArea {
        text-align: center;
        color: #a6cf4f;
        background-color: transparent !important;
        font-size: 11px;
        white-space: normal;
        display: block;
        transition: 0.50s color ease-in-out;
    }
    #ctl00_ctl00_MainPane_Content_MainContent_ASPxImageGallery1 .dxigItem .dxig-thumbnailWrapper:hover > .dxig-thumbnailTextArea {
        color: white;
    }
    #ctl00_ctl00_MainPane_Content_MainContent_ASPxImageGallery1 .dxig-thumbnailBorder {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: solid 1px #228ece;
        transition: all .5s;
    }

        #ctl00_ctl00_MainPane_Content_MainContent_ASPxImageGallery1 .dxig-thumbnailBorder:hover {
            border: solid 4px #a6cf4f;
        }


/*Grids and tabular data*/
.dxgvStatusBar_PlasticBlue {
    background-color:transparent !important;
    border:none !important;
}
table#ctl00_ctl00_MainPane_Content_MainContent_ASPxGridView1_DXMainTable, table#ctl00_ctl00_MainPane_Content_MainContent_tbUser_ess {
    min-width: 600px;
}

.dxgvTable_PlasticBlue tbody tr td {
    width: 1%;
    white-space: nowrap;
    text-align: left;
    word-break: break-word;
}
.dxgvHeader td {
    max-width: 110px;
    white-space: pre-wrap;
    text-align: left;
    word-break: initial;
}
.dxgvControl_PlasticBlue, .dxgvControl {
    background-color: transparent !important;
    border: 0px none !important;
    width:100%;
    min-width: 80%;
    margin: 0 auto;
}

.dxgvTable_PlasticBlue {
    background-color: rgba(0,0,0,.7);
    border-radius: 5px;
}


.dxgvHeader_PlasticBlue {
    padding: 10px;
    /* border-top: none; */
    border: 1px dashed #228ece;
    background: #1363a2;
    overflow: hidden;
    font-weight: normal;
    text-align: center;
}
.dxgvHeader {
    padding: 15px !important;
    /* border-top:none ; */
    border: 1px dashed #228ece;
    background: #1363a2;
    overflow: hidden;
    font-weight: normal;
    text-align: center;
}

  .dxgvHeader table {
    color: white; 
    text-align: left;
    word-break:break-word;
    }
.dxgvSelectedRow_PlasticBlue {
    background-color:rgba(166,207,79,1);
    color:white;
}
.dxgvDataRow {
    line-height:25px;
}

#ctl00_ctl00_MainPane_Content_MainContent_tbUser, div.centered-auto > div, div.centered > div {
    background-color: rgba(10,60,100,.7);
    border-radius: 5px;
    color: white;
}
#ctl00_ctl00_MainPane_Content_MainContent_ASPxGridView1_DXMainTable {
    color: #2b2b2b;
}
div.centered-auto > div, div.centered > div {
    padding: 30px !important;
    overflow:auto;
}
.dx-ar, .dx-ac {
    text-align: left !important;
}


/*Remove bottom border from table rows*/
.dxgvEditFormDisplayRow_PlasticBlue td.dxgv, .dxgvDataRow_PlasticBlue td.dxgv, .dxgvDataRowAlt_PlasticBlue td.dxgv, .dxgvSelectedRow_PlasticBlue td.dxgv, .dxgvFocusedRow_PlasticBlue td.dxgv {
        border-bottom:none !important;
    }
    

/*New button or similar grid button*/

.button {
    min-width: 50px !important;
    display:inline-block;
    text-align:center;
}

#ctl00_ctl00_MainPane_Content_MainContent_BtnMainSave {
    margin: 0px 3px 0px 0px;
    color: black;
    background-color: #cccccc;
    padding: 4px 6px;
    border-radius: 3px;
    text-decoration: none !important;
    min-width: 50px !important;
}
    #ctl00_ctl00_MainPane_Content_MainContent_BtnMainSave:hover {
        margin: 0px 3px 0px 0px;
        color: #cccccc;
        background-color: black;
        padding: 4px 6px;
        border-radius: 3px;
        text-decoration: none !important;
        min-width: 50px !important;
    }

#ctl00_ctl00_MainPane_Content_MainContent_BtnPrint {
    margin: 0px 3px 0px 0px;
    color: white;
    background-color: #228ece;
    padding: 4px 6px;
    border-radius: 3px;
    text-decoration: none !important;
    min-width: 50px !important;
}
#ctl00_ctl00_MainPane_Content_MainContent_BtnPrint:hover {
    margin: 0px 3px 0px 0px;
    color: #228ece;
    background-color: white;
    padding: 4px 6px;
    border-radius: 3px;
    text-decoration: none !important;
    min-width: 50px !important;
}
a.dxgvCommandColumnItem_PlasticBlue,
#ctl00_ctl00_MainPane_Content_MainContent_BtnUserSave,
#ctl00_ctl00_MainPane_Content_MainContent_BtnSave,
#ctl00_ctl00_MainPane_Content_MainContent_BtnPost,
#ctl00_ctl00_MainPane_Content_MainContent_BtnPost2,
#ctl00_ctl00_MainPane_Content_MainContent_BtnLineNew {
    margin: 0px 3px 0px 0px;
    color: White;
    background-color: #a6cf4f;
    padding: 4px 6px;
    border-radius: 3px;
    text-decoration: none !important;
    min-width: 50px !important;
}

    a.dxgvCommandColumnItem_PlasticBlue:hover,
    #ctl00_ctl00_MainPane_Content_MainContent_BtnUserSave:hover,
    #ctl00_ctl00_MainPane_Content_MainContent_BtnPost:hover,
    #ctl00_ctl00_MainPane_Content_MainContent_BtnPost2:hover,
    #ctl00_ctl00_MainPane_Content_MainContent_BtnSave:hover,
    #ctl00_ctl00_MainPane_Content_MainContent_BtnLineNew:hover {
        margin: 0px 3px 0px 0px;
        color: #a6cf4f;
        background-color: white;
        padding: 4px 6px;
        border-radius: 3px;
        text-decoration: none !important;
    }

.dxgvCommandColumnItem_PlasticBlue:nth-of-type(2) {
    margin: 0px 3px 0px 0px;
    color: White;
    background-color: red !important;
    padding: 4px 6px;
    border-radius: 3px;
    text-decoration: none !important;
}
.dxgvCommandColumnItem_PlasticBlue:nth-of-type(2):hover {
    
    background-color: darkred !important;
}
a.dxbButton_PlasticBlue, a.dxbButton, a#ctl00_ctl00_MainPane_Content_MainContent_BtnUserSave, #ctl00_ctl00_MainPane_Content_MainContent_ASPxGridView1_DXCBtn_NR_-1_4 {
    margin: 0px 3px 0px 0px;
    color: White;
    background-color: #a6cf4f;
    padding: 4px 6px;
    border-radius: 3px;
    text-decoration: none !important;
    min-width: 50px !important;
}
    a.dxbButton_PlasticBlue:hover, a.dxbButton:hover, #ctl00_ctl00_MainPane_Content_MainContent_BtnUserSave:hover, #ctl00_ctl00_MainPane_Content_MainContent_ASPxGridView1_DXCBtn_NR_-1_4:hover {
        color: #a6cf4f;
        background-color: white;
    }

    a.dxbButton_PlasticBlue:nth-of-type(2),
    a.dxbButton:nth-of-type(2),
    a#ctl00_ctl00_MainPane_Content_MainContent_BtnEnd,
    a#ctl00_ctl00_MainPane_Content_MainContent_BtnUnPost{
        margin: 0px 3px 0px 0px;
        color: White;
        background-color: red;
        padding: 4px 6px;
        border-radius: 3px;
        text-decoration: none !important;
    }
        a.dxbButton_PlasticBlue:nth-of-type(2):hover,
        a.dxbButton:nth-of-type(2):hover,
        a#ctl00_ctl00_MainPane_Content_MainContent_BtnEnd:hover,
        a#ctl00_ctl00_MainPane_Content_MainContent_BtnUnPost:hover {
            background-color: darkred;
        }

    a.dxbButton_PlasticBlue[class~="dxgvCommandColumnItem_PlasticBlue"],
    a.dxeHyperlink_PlasticBlue,
    a.dxeHyperlink_PlasticBlue:visited,
    a.dxeHyperlink,
    a.dxeHyperlink:visited,
    a#ctl00_ctl00_MainPane_Content_MainContent_HyperLink1,
    a#ctl00_ctl00_MainPane_Content_MainContent_BtnNewLocal,
    a#ctl00_ctl00_MainPane_Content_MainContent_HLSubGroup,
    a#ctl00_ctl00_MainPane_Content_MainContent_HlLocation,
    a#ctl00_ctl00_MainPane_Content_MainContent_HLStores,
    a#ctl00_ctl00_MainPane_Content_MainContent_HyperLink2, a#ctl00_ctl00_MainPane_Content_MainContent_HyperLink3,
    #ctl00_ctl00_MainPane_Content_MainContent_BtnLineEdit, #ctl00_ctl00_MainPane_Content_MainContent_BtnPreviewAvailableQty {
        color: white;
        text-decoration: none;
        background-color: #1464a3;
        margin: 5px auto;
        padding: 4px 6px;
        border-radius: 3px;
        text-align: center;
        min-width: 50px;
        display: inline-block;
        cursor: pointer;
    }
        a.dxbButton_PlasticBlue[class~="dxgvCommandColumnItem_PlasticBlue"]:hover,
        a.dxeHyperlink_PlasticBlue:hover,
        a.dxeHyperlink:hover,
        a#ctl00_ctl00_MainPane_Content_MainContent_HyperLink1:hover,
        a#ctl00_ctl00_MainPane_Content_MainContent_BtnNewLocal:hover,
        a#ctl00_ctl00_MainPane_Content_MainContent_HLSubGroup:hover,
        a#ctl00_ctl00_MainPane_Content_MainContent_HlLocation:hover,
        a#ctl00_ctl00_MainPane_Content_MainContent_HLStores:hover,
        a#ctl00_ctl00_MainPane_Content_MainContent_HyperLink2:hover, a#ctl00_ctl00_MainPane_Content_MainContent_HyperLink3:hover,
        #ctl00_ctl00_MainPane_Content_MainContent_BtnLineEdit:hover, #ctl00_ctl00_MainPane_Content_MainContent_BtnPreviewAvailableQty:hover {
            color: white;
            background-color: #228ece;
        }


.dxeButtonEditButton_PlasticBlue {
    padding: 0 2px;
    background: #a6cf4f;
    border: 1px Solid #2c4182;
}

a#ctl00_ctl00_MainPane_Content_MainContent_BtnUserNew {
    margin: 0px 7px 0px 0px;
    color: White;
    background-color: #a6cf4f;
    display: inline-block;
    float:left;

    padding: 6px 8px;
    border-radius: 3px;
    text-decoration: none !important;
    text-align: center;
    min-width:50px;
}
    a#ctl00_ctl00_MainPane_Content_MainContent_BtnUserNew:hover {
        background-color: #8db042;
    }

a#ctl00_ctl00_MainPane_Content_MainContent_BtnUserEdit {
    margin: 0px 7px 0px 0px;
    color: White;
    background-color: #1464a3;
    display: inline-block;
    float: left;
    padding: 6px 8px;
    border-radius: 3px;
    text-decoration: none !important;
    text-align: center;
    min-width: 50px;
}
    a#ctl00_ctl00_MainPane_Content_MainContent_BtnUserEdit:hover {
        background-color: #228ece;
    }
    a#ctl00_ctl00_MainPane_Content_MainContent_BtnUserNew > img, a#ctl00_ctl00_MainPane_Content_MainContent_BtnUserEdit > img {
        display: none;
    }

.dxgvHeader a.dxgvCommandColumnItem,.dx-ac a.dxbButton_PlasticBlue {
    margin: 0px 7px 0px 0px;
    color: White;
    background-color: #228ece;
    display: inline-block;
    float: left;
    padding: 6px 8px;
    border-radius: 3px;
    text-decoration: none !important;
    text-align: center;
    min-width: 50px;
}
    .dxgvHeader a.dxgvCommandColumnItem:hover, .dx-ac a.dxbButton_PlasticBlue:hover {
        background-color: #0e4672;
    }
.del_btn {
    background-color: red !important;
}

/*Custom styles for specific buttons*/

/*Settings page*/
#ctl00_ctl00_MainPane_Content_MainContent_ASPxGridView1_DXCBtn_NR_-1_4, 
#ctl00_ctl00_MainPane_Content_MainContent_ASPxGridView1_DXCBtn_NR_-1_5 {
    margin-top:20px;
    line-height:20px;
}
/*Cancel and delete buttons*/
#ctl00_ctl00_MainPane_Content_MainContent_ASPxGridView1_DXCBtn_NR_-1_5 {
    background-color:red;
    margin-right:0px;
}
#ctl00_ctl00_MainPane_Content_MainContent_ASPxGridView1_DXCBtn_NR_-1_5:hover {
    background-color: darkred;
    color: #ffffff;
}

#ctl00_ctl00_MainPane_Content_MainContent_ASPxGridView1_DXCBtn_NR_-1_4.dxbDisabled {
    color: #789833 !important;
}
/*paging*/
.dxpLite_PlasticBlue, .dxpLite {
    font: 12px Tahoma, Geneva, sans-serif;
    color: #fff;
    background-color: #1464a3;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 5px;
}
    .dxpLite_PlasticBlue .dxp-button, .dxpLite_PlasticBlue .dxp-button:hover  {
        color: #a6cf4f;
        white-space: nowrap;
        text-align: center;
        padding: 2px 5px;
    }
    .dxpLite_PlasticBlue .dxp-disabledButton, .dxpLite_PlasticBlue .dxp-disabledButton:hover {
        color: #0b3353;
        white-space: nowrap;
        text-align: center;
        padding: 2px 5px;
    }
    .dxpLite_PlasticBlue .dxp-num, .dxpLite .dxp-num {
        color: #79c0f7;
    }
        .dxpLite_PlasticBlue .dxp-num:hover, .dxpLite .dxp-num:hover {
            color: #ffffff;
        }
    .dxpLite_PlasticBlue .dxp-current, .dxpLite .dxp-current {
        color: #ffffff;
        background-color: #228ece;
    }



/*General helper classes*/
div.centered {
    max-width:100%;
    width:100%;
    margin:10px auto
}
div.centered-auto {
    min-width:20%;
    max-width:90%;
    width:40%;
    margin: 10px auto
}
.divInPageDialog {
    padding: 30px;
}
.divInPageDialog table {
    padding: 3px;
}
#ctl00_ctl00_MainPane_Content_MainContent_LblMessage , #ctl00_ctl00_MainPane_Content_MainContent_lblPost {
    color:white !important;
    font-size:16px;
}
 
/*Reports cards*/

.dx-widget-viewer-container .dx-cardItem {
    background-color:rgba(0,0,0,.8);
    border: none !important;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    padding: 10px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.15);
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
    border: 1px solid #d9d9d9;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    
}
.dx-dashboard-title-text {
    color: #a6cf4f!important;
}
.dx-widget-viewer-container .dx-cardItem .dx-card-title, .dx-card-mainValue .dx-carditem-default-color {
    color: #228ece !important;
    line-height: 100%;
    font-size: 48px !important;
    font-weight: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin-top:30px;
}
.dx-widgets-viewer-style_id0 .dx-cardItem .dx-card-values-container .dx-card-mainValue {
    font-family:"Tahoma" !important;
    font-size:72px !important;
    line-height:100% !important;
    text-align:center;
}
.dx-widget-viewer-container .dx-cardItem .dx-card-mainValue {
    display: block;
    position: relative !important;
    width: 70%;
    margin: 180px auto;
    color: #228ece !important;
}