﻿
.layout-background-color{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#305e80+0,caf49c+100 */
background: #305e80; /* Old browsers */
background: -moz-linear-gradient(top, #305e80 5%, #caf49c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #305e80 5%,#caf49c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #305e80 5%,#caf49c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305e80', endColorstr='#caf49c',GradientType=0 ); /* IE6-9 */
}
.btnNewObject-img{
                /*background-image: none !important;
            background-color: transparent !important;
            border: none !important;*/
    position:absolute;
    left:75px;
    top:93px;  

}

.btnNewObject-invoices-img{
                /*background-image: none !important;
            background-color: transparent !important;
            border: none !important;*/
    position:absolute;
    left:113px;
    top:93px;  

}
.fa-check {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(.5, #519613), color-stop(1, #fff));
    background-image: gradient(linear, left top, right top, color-stop(0.5, #519613), color-stop(1, #fff));
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 1.8em;
}
.fa-backward-forward {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #242b60;
}
.fa-backward-forward:hover{
    color:#5f5f5f;
}
.fa:hover {
    color: #41aeff;
}
.fa-stack:hover{
    color: #41aeff;
}
.fa-Create-Entity-color {
    color: #242b60;
}
.fa-duplicate-Entity-color{
    color: #3c3c3c;
}
.fa-closed-file-color{
    color: #c31609;
}
.fa-late-file-color{
    color: #ef685e;
}
.fa-important-file-color{
    color: #c31609;
}
.body-background {
    color: #000 !important;
    background-color: #f1f1f1;
}
.dxr-tabContent .dxr-tabWrapper{
    width:100%;
height:100%;
}
.logo-image {
    width: 80%;
float: right;
}
.float-right
{
    float:right;
}
.office-name {
    /*margin-top: 16px;*/
    /*margin-right: 6px;*/
    /*text-align: left;*/
    font-size: 23.5px;
    float: unset !important;
    font-weight: 700;
    color: #242b60;
    font-family: calibri;
}
.button-larg{
width: 270px;}
.full-W3cell{
    padding: 0.01em 0px;
}
.header-backcolor{
    background:linear-gradient(to right,rgb(245, 240, 240) 1%,#9f9f9f 100%);
}
.card-backcolor{background-color: rgba(127, 191, 63, 0.54);}
/*.base-color{
background: #305e80; 

}*/
.base-color {
    background: #d7d9d9;
    box-shadow: 1px 1px 8px 1px #2bbaa3 !important;
}
.page-background-color{
        background: #F8F8F8;
}
    .viewport-full{
        background:#ecf0f1; 
        height:100vh; 
        width:100vw;
    }
    .viewport-header{
        height:10%;
        min-height:30px;
        background:#305e80;
    }
    .viewport-content{
        height:90%;
        background:inherit;
    }
    .full-content{
        width:100%;
        height:100%;
        
    }
    .full-height{
        height:100%;
    }
    .border-popup{width:100%;height:100%;border-color:#c0c0c0;border-style:solid;border-width:1px;}
    .border-popup-noWidth{border-color:#c0c0c0;border-style:solid;border-width:1px;}
    .Caption-Label{
            font: 14px Calibri;
    color: #333;
    white-space: nowrap;
    line-height: 16px;
    font-weight: normal;
    }
    .layout-padding{
padding: 1.5%;    }
    .col-page{
        height:100%;
        padding:8px;
        box-sizing: border-box;
        border-radius: 5px 5px;
    }
    .col-nav{
        height:90%;
        background:#ecf0f1;
        margin-bottom:15px;
        margin-top:15px;
        margin-left:15px;
        padding-bottom:15px;
        padding-top:15px;
        padding-left:15px;
        width:100%;
        box-sizing: border-box;

    }
.LogInside {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(../../Images/Background-min.jpg);
    background-size: 100%;
}
.LoginRoundPanel {
    margin: auto;
    height: 70%;
    width: 20%;
    position: relative;
    background-color: rgba(255, 255, 255, 0.80);
    text-align: center;
}
    .clpLogInForm{
padding-top:15px;
     text-align: center; 
     vertical-align: middle; 
    }
    .loading-panel{
        width:100vw;
        height:100vh;
    }
    .leftside{
            
        height:100%;
        background: #F8F8F8;
        margin:15px;
        padding:15px;
        border-radius: 5px 5px;
        box-sizing: border-box;
    
    }
.leftside-header {
    width: 300px;
    height: 40px;
    float: right;
    /* border-bottom: 1px solid #0136a5; */
    /* border-radius: 25px 10px; */
    /* background: #dcf7c0; */
    background: -moz-linear-gradient(left, #fff 1%, #305e80 100%);
    /* background: -webkit-linear-gradient(left, #fff 1%,#305e80 100%); */
    /* background: linear-gradient(to right, #fff 1%,#305e80 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#305e80',GradientType=1 );
}
    .PageControlTab{
    position: relative;
    /*width: 100%;*/
    font-family: Calibri;  
    height:100%;
    padding-left: 0.55px;
    padding-right: 0.55px;    
   overflow-y:auto;
    }
.leftside-header-text {
    color: #242b60;
    float: right;
    text-align: right;
    border-bottom: 1px solid #2bbaa3;
    /* border-bottom: 1px solid #2bbaa3; */
    line-height: 100%;
    padding: 3px 3px 3px 3px;
    margin: 4px 20px 3px 3px;
    padding: 2px 0;
    text-decoration: inherit;
    font: 18px calibri;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-weight: 700;
}
        .leftside-routing-text{
        color :white;
        float: right;
        text-align: right;
        line-height: 100%;
        padding: 3px 3px 3px 3px;
        margin: 4px 20px 3px 3px;
        padding: 2px 0;
        text-decoration: inherit;
        font: 11px Verdana, Geneva, sans-serif;
        box-sizing: border-box;
   
    }
        .header-row{
            height:7%;
                margin-bottom: 1.5%;
        }
        .collapse-row{
            height:15px;
        }
        .navbar-header{
        background: #305e80;
        width: 100%;
        height: 15%;
    }
    .navbar-header-text{
        width:100%;
        height:100%;
        color :white;
        float: right;
        text-align: center;
        line-height: 100%;
        padding: 3px 3px 3px 3px;
        margin: 4px 7px 3px 3px;
        padding: 2px 0;
        text-decoration: inherit;
        font: 50px Verdana, Geneva, sans-serif;
        box-sizing: border-box;

    }
    .navbar{
        height:100%;
        background: #305e80;
        margin-top:15px;
        margin-bottom:15px;
        margin-left:15px;
        margin-right:2px;
        padding-bottom:15px;
        padding-top:15px;
        padding-left:15px;
        padding-right:28px;
        border-radius: 5px 5px;   
        box-sizing: border-box;
 
    }
    .roundpanel-pading{
        padding-bottom:20px;
        padding-top:4px;
    }
    #btnUser_CD{
background-color: transparent;
    }
    #UpdateMajorEntityDetails{
    height:98%;
    min-height: 200px;
    max-height: 430px;    }
    .middle-pos{
        position:absolute;
        vertical-align:middle;
        top:50vh;
        left:50vw;
        
    }
    .login-button{
background-color:#013d48;
    }
    .action-main-details{
    height: 25%;
    border-style: solid;
    padding: 10px;
    border: 1px solid Silver;
    margin-top: 5px;
    margin-bottom: 10px;
    }
    .row-height{
        height:27px;
    }
            .NoStyle
        {
            background-image: none !important;
            background-color: transparent !important;
            border: none !important;
        }
.WithImageStyle{
    height: 25px;
    width: 15px;
    background-image: none !important;
    /*border: none !important;*/
    background-color: #305e80;
}
.rtl{
direction:rtl;
}
.ltr{
direction:ltr;
}
#Priority_ET{
    margin-top: 3px;
    float: right;
    /*direction:ltr;*/
}
.Button-Grid-Column{
    height: 25px;
    width: 25px;}

    .fixStyles {
        font: normal normal normal 14px/1 FontAwesome!important;
        color: black !important;
    }
        .fixStyles span {
            display: none;
        }

.dxnbLite_MetropolisBlueInvTheme .dxnb-item.dxnb-link, .dxnbLite_MetropolisBlueInvTheme .dxnb-item .dxnb-link {
    padding: 8px 10px 4px 4px !important;
    white-space: nowrap !important;
    background-color: transparent !important;
    border-bottom: 1px solid #e1e2e2a6!important;
    font-family: calibri !important;
    height: 50px !important;
    color: #242b60 !important;
    font-size: 16px !important;
    margin-bottom: 2px !important;
}
.dxnbLite_MetropolisBlueInvTheme .dxnb-header, .dxnbLite_MetropolisBlueInvTheme .dxnb-headerCollapsed {
    background-color: #e1e2e2 !important;
    padding: 9px 10px 6px !important;
    color: #242b60 !important;
    font-weight: bold !important;
    border-color: #d6d6d6 !important;
    font-family: calibri !important;
    font-size: 20px !important;
    /* border: 1px solid!important; */
    white-space: nowrap !important;
    border: 1px solid;
    border-radius: 5px;
}
.dxnbLite_MetropolisBlueInvTheme {
    color: #333333 !important;
    font: 13.5px Calibri !important;
    list-style: none none outside !important;
    margin: 0 !important;
    padding: 0px !important;
    float: left !important;
    /*width: 200px !important;*/
    box-sizing: border-box !important;
    border-radius: 5px 5px 5px 5px !important;
    background: #ffffff !important ;
}
.dxeTextBox_MetropolisBlueInvTheme {
    background-color: white;
    border: 1px solid #c0c0c0;
    font: 13.5px Calibri;
    width: 140px;
    border-radius: 5px !important;
}
.dxeButtonEdit_MetropolisBlueInvTheme {
    background-color: white;
    border: 1px solid #c0c0c0;
    width: 140px;
    font: 13.5px Calibri;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 5px !important;
}
.dxbButton_MetropolisBlueInvTheme div.dxb {
    padding: 2px 7px 3px;
    border: 1px dotted transparent;
    background-color: #242b60!important;
    color: #FFFFFF;
    width: 80px;
}
.dxgvFocusedRow_MetropolisBlueInvTheme {
    background-color: #242b60!important;
    color: White;
}
.dxWeb_edtCheckBoxChecked_MetropolisBlueInvTheme, .dxWeb_edtCheckBoxCheckedDisabled_MetropolisBlueInvTheme, .dxWeb_edtCheckBoxGrayed_MetropolisBlueInvTheme, .dxWeb_edtCheckBoxGrayedDisabled_MetropolisBlueInvTheme, .dxWeb_edtCheckBoxUnchecked_MetropolisBlueInvTheme, .dxWeb_edtCheckBoxUncheckedDisabled_MetropolisBlueInvTheme, .dxpnl-btnHover .dxWeb_pnlExpand_MetropolisBlueInvTheme, .dxpnl-btnHover .dxWeb_pnlExpandArrowBottom_MetropolisBlueInvTheme, .dxpnl-btnHover .dxWeb_pnlExpandArrowLeft_MetropolisBlueInvTheme, .dxpnl-btnHover .dxWeb_pnlExpandArrowRight_MetropolisBlueInvTheme, .dxpnl-btnHover .dxWeb_pnlExpandArrowTop_MetropolisBlueInvTheme, .dxpnl-btnPressed .dxWeb_pnlExpand_MetropolisBlueInvTheme, .dxpnl-btnPressed .dxWeb_pnlExpandArrowBottom_MetropolisBlueInvTheme, .dxpnl-btnPressed .dxWeb_pnlExpandArrowLeft_MetropolisBlueInvTheme, .dxpnl-btnPressed .dxWeb_pnlExpandArrowRight_MetropolisBlueInvTheme, .dxpnl-btnPressed .dxWeb_pnlExpandArrowTop_MetropolisBlueInvTheme, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpand_MetropolisBlueInvTheme, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpandArrowBottom_MetropolisBlueInvTheme, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpandArrowLeft_MetropolisBlueInvTheme, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpandArrowRight_MetropolisBlueInvTheme, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpandArrowTop_MetropolisBlueInvTheme, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpand_MetropolisBlueInvTheme, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowBottom_MetropolisBlueInvTheme, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowLeft_MetropolisBlueInvTheme, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowRight_MetropolisBlueInvTheme, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowTop_MetropolisBlueInvTheme {
    background-color: #242b60 !important;
}
.dxtcLite_MetropolisBlueInvTheme > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_MetropolisBlueInvTheme > .dxtc-stripContainer .dxtc-activeTab a {
    background-color: #242b60 !important;
    color: #FFFFFF;
}
.dxtcLite_MetropolisBlueInvTheme.dxtc-top > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_MetropolisBlueInvTheme.dxtc-top > .dxtc-stripContainer .dxtc-tab, .dxtcLite_MetropolisBlueInvTheme.dxtc-top > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite_MetropolisBlueInvTheme.dxtc-top > .dxtc-stripContainer .dxtc-spacer, .dxtcLite_MetropolisBlueInvTheme.dxtc-top > .dxtc-stripContainer .dxtc-rightIndent, .dxtcLite_MetropolisBlueInvTheme.dxtc-top > .dxtc-stripContainer .dxtc-sbWrapper, .dxtcLite_MetropolisBlueInvTheme.dxtc-top > .dxtc-stripContainer .dxtc-sbIndent, .dxtcLite_MetropolisBlueInvTheme.dxtc-top > .dxtc-stripContainer .dxtc-sbSpacer {
    border-bottom: 4px solid #2bbaa3!important;
}
.dxtcLite_MetropolisBlueInvTheme > .dxtc-stripContainer .dxtc-tabHover {
    background: #2bbaa3 url(/DXR.axd?r=101_268-bBYNf) repeat-x bottom!important;
}
.dxbButtonHover_MetropolisBlueInvTheme {
    background-color: #242b60 !important;
    border: 1px solid #2bbaa3 !important;
}
.dxeFocused_MetropolisBlueInvTheme {
    border: 1px solid #2bbaa3!important;
}
.dxeListBoxItemSelected_MetropolisBlueInvTheme {
    color: White;
    background-color: #242b60!important;
}
.dxeListBoxItemHover_MetropolisBlueInvTheme {
    background-color: #2bbaa3 !important;
}


.dxgvDataRow_MetropolisBlueInvTheme.dxgvFocusedRow_MetropolisBlueInvTheme  .fa{
    color:white;
}
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
