html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%; /* needed for container min-height */
    /*background-color: #DAE5F2;*/
    overflow: visible;
}

@font-face {
    font-family: Monaco;
    src: url('../Media/fonts/Monaco.ttf');
}

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

.default-roundpanel {
    width: 100%;
    margin-bottom: 5px;
    pointer-events: auto;
}

.options-roundpanel {
    width: 260px !important;
    font: 11px Verdana, Geneva, sans-serif !important;
}

.hide {
    display: none;
}

.ims-drawercontrol {
    display: block;
    width: 100%;
    height: 100%;
}

/*************************************************************************/
/**********     SVG selections                                  **********/
/*************************************************************************/
svg text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    svg text::selection {
        background: none;
    }


/*************************************************************************/
/**********     Object In focus styles                          **********/
/*************************************************************************/

.objectinfocus {
    display: table-cell;
    border-right: 1px solid #5875ae;
    padding: 3px 5px 3px 10px;
    color: #5875ae;
    font-weight: bold;
}

    .objectinfocus:hover {
        color: #003399;
    }

/*************************************************************************/
/**********     Start quickview styles                          **********/
/*************************************************************************/
.quickview-item-container {
    width: 100%;
    margin: 3px;
}

.quickview-item {
    float: left;
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
    margin-bottom: 4px;
}

    .quickview-item a {
        color: inherit;
        text-decoration: none;
    }

        .quickview-item a:hover {
            text-decoration: underline;
        }

    .quickview-item.important {
        color: red;
    }
/*************************************************************************/
/**********     Start quickview styles                          **********/
/*************************************************************************/
/*************************************************************************/
/**********     Start fieldset styles                           **********/
/*************************************************************************/
/*reconcile style*/
.fieldset-reconcile-options {
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 10px;
    border-width: 2px;
}

.fieldset-reconcile-button {
    margin: 0;
    padding-top: 5px;
    padding-left: 17px;
    border-width: 0;
}
/*************************************************************************/
/**********     End fieldset styles                             **********/
/*************************************************************************/



/*************************************************************************/
/**********     Start custom form styles                        **********/
/*************************************************************************/
/*  start label/value on one row ( used in NewCircuit, the options in the searchbar */
.form-row {
    width: 100%;
    margin: 0 auto;
    height: 28px;
}

.form-row-label {
    width: 40%;
    float: left;
}

.form-row-value {
    width: 60%;
    float: left;
}
/*************************************************************************/
/**********     End custom form styles                          **********/
/*************************************************************************/



/*************************************************************************/
/**********     Start main menu styles                          **********/
/*************************************************************************/

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

/* Main Menu */
.mainmenuscrollarea {
    background: #F0F0F0 none !important;
}

    .mainmenuscrollarea > div {
        width: 100%;
    }

/* Sidebar */
.sbSPCC {
    background: #F0F0F0 none !important;
}

.mainMenuArea_Office2010Blue {
    background-color: #e4effa;
}

.mainMenuArea_Office2010Silver {
    background-color: #e7eaee;
}

.mainMenuArea_Office2010Black {
    background-color: #737473;
}

/*test form light main menu*/
/*.mainmenu-container .noimage {
    height: 30;
}
.mainmenu-container .noimage img {
    width: 16px !important;
    height: 16px !important;
    
}*/
/*************************************************************************/
/**********     End main menu styles                            **********/
/*************************************************************************/
/*************************************************************************/
/**********     Start splitter styles                           **********/
/*************************************************************************/
.sbSPCC_Office2010Blue {
    background-color: #e4effa;
}

.sbSPCC_Office2010Silver {
    background-color: #e7eaee;
}

.sbSPCC_Office2010Black {
    background-color: #737473;
}

.spltrSmallPaneContent {
    min-height: 0px !important;
}

.spltrSmallPane {
    height: 0px !important;
}

/*************************************************************************/
/**********     End splitter styles                             **********/
/*************************************************************************/
/*************************************************************************/
/**********     Start Button styles                             **********/
/*************************************************************************/
/* image button*/
.ims-imagebutton {
    margin: 0 0 2px 0;
    width: 24px !important;
    height: 24px;
}

    .ims-imagebutton img {
        width: 20px;
        height: 20px;
    }
/*************************************************************************/
/**********     End Button styles                               **********/
/*************************************************************************/


/*************************************************************************/
/**********     Start ASPXDateEdit styles                       **********/
/*************************************************************************/
.aspxde .dxMonthGridWithWeekNumbers {
    display: none;
}
/*************************************************************************/
/**********     End ASPXDateEdit styles                         **********/
/*************************************************************************/


/*************************************************************************/
/**********     Start messagebox styles                         **********/
/*************************************************************************/
.aspxPopupHeaderStyle {
    background-color: #003399 !important;
    text-align: left;
}

    .aspxPopupHeaderStyle .dxpc {
        color: #FFFFFF;
        font-family: Tahoma;
        font-size: 11px;
        font-weight: bold;
    }
/*************************************************************************/
/**********     End messagebox styles                           **********/
/*************************************************************************/

.loadingpanel {
    z-index: 9999;
}
/*************************************************************************/
/**********     Start custom tabs                               **********/
/*************************************************************************/
.tabcontrol-table {
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 2px;
}

    .tabcontrol-table .color-row {
        padding-bottom: 4px;
    }

        .tabcontrol-table .color-row .color-cell {
            height: 4px;
        }


    .tabcontrol-table tr.caption-row {
        height: 14px;
    }

        .tabcontrol-table tr.caption-row td.caption-cell {
            height: 12px;
        }

            .tabcontrol-table tr.caption-row td.caption-cell .caption-cell-label {
                margin-left: 5px;
                margin-right: 5px;
            }


        .tabcontrol-table tr.caption-row td.button-cell {
            margin: 0;
            padding: 0;
            height: 12px;
        }

            .tabcontrol-table tr.caption-row td.button-cell .button-cell-button {
                margin: 0;
                padding: 0;
                width: 14px;
                height: 14px;
                margin-right: 3px;
                cursor: pointer;
            }
/*************************************************************************/
/**********     End custom tabs                                 **********/
/*************************************************************************/



/*************************************************************************/
/**********     start lookup and search                         **********/
/*************************************************************************/
/*lookup and search*/
.lookupandsearch-buttoncontainer {
    margin-bottom: 10px;
}

.lookupandsearch-lookupcontainer {
    margin-bottom: 10px;
}

.lookupandsearch-searchcontainer {
    width: 100% !important;
}

    .lookupandsearch-searchcontainer label {
        margin-bottom: 2px;
        display: block;
    }

/*submit-textbox*/
.submit-textbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}
/*************************************************************************/
/**********     end lookup and search                           **********/
/*************************************************************************/



/*************************************************************************/
/**********     Start Devexpress corrections                    **********/
/*************************************************************************/
/*todo: find out why this was needed and describe what it does*/
.dxb {
    padding: 1px 1px 1px 1px !important;
}

/* todo: find out why this was needed and describe what it does /
.dxflGroupCell_Office2010Blue {
    padding: 2px !important;
}

.dxsplControl_Office2010Blue .dxsplLCC {
    padding: 2px; /*this it reduces the space/margin within the splitter panes  (default it was 8px) /
    /* overflow: visible;*/ /*do not hide content because it will hide dropdowns and popups /
}

.dxsplControl_Office2010Blue .dxsplCC {
    overflow: visible; /*do not hide content because it will hide dropdowns and popups /
}

.dxeEditArea_Office2010Blue.dxeDisabled_Office2010Blue {
    color: #777 !important; /* should improve readability of disabled text fields /
}

/*

.dxrpAW {
    overflow: visible !important;
}
/*************************************************************************/
/**********     End Devexpress corrections                      **********/
/*************************************************************************/
/*************************************************************************/
/**********     Start Blocking Div                              **********/
/*************************************************************************/
.blockUI {
    opacity: 0.6;
    background: #FFFFFF;
    position: absolute;
    cursor: default;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
}

/*************************************************************************/
/**********     End Blocking Div                                **********/
/*************************************************************************/

.ImsSplitter {
    visibility: hidden;
}

/*************************************************************************/
/**********     Start Home Form                                 **********/
/*************************************************************************/

.home-form-splitter {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

/* div table */
.div-table {
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: separate;
    border-spacing: 50px;
}

.div-table-row {
    display: table-row;
}

.div-table-cell {
    opacity: 0.9;
    display: table-cell;
    padding: 10px;
    width: 33%;
}

.div-table-body {
    display: table-row-group;
}

.button-float-right {
    float: right;
    display: block;
}

/*************************************************************************/
/**********     End Home Form                                 **********/
/*************************************************************************/

.environment-topcorner {
    position: absolute;
    top: 3px;
    right: 30px;
    z-index: 999;
    color: #636363;
    display: none;
}

.environment-topcorner-content {
    color: #636363;
}

.environment-topcorner-left {
    display: inline;
    float: left;
}

.environment-topcorner-right {
    display: inline;
    float: left;
    margin-left: 4px;
}

/*************************************************************************/
/**********     Ribbon                                          **********/
/*************************************************************************/
/*used to force resize on icons input ribbon submenu's*/
.ims-ribbon img.dxm-image {
    width: 16px;
    height: 16px;
}

/*************************************************************************/
/**********     Networkmap                                      **********/
/*************************************************************************/
/*override the google autocomplete width*/
.pac-container, .pac-item {
    width: 400px !important;
}


.uppercase .dxeEditAreaSys {
    text-transform: uppercase;
}

.networkmap-sidepanel {
    position: absolute;
    left: 5px;
    top: 30px;
    height: 100%;
    pointer-events: none;
}

.stockitemcontent{
    height :90px !important;
}



#statusDiv {
    color:white;
    position: absolute;
    bottom: 10px;
    left: 5px;
    width: auto;
    background-color: #5a6268;
    border-radius: 5px;
    opacity:0.8;
    padding: 8px;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
    z-index: 1000; 
}