﻿* {
    font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

body {
    background-color: #E3E3E3 !important;
}

/*@font-face {
    font-family: 'Noto Sans' !important;
    src: url('../fonts/glyphicons-halflings-regular.eot') !important;
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg') !important;
}*/

.Login {
    background-color: #3F4454 !important
}

.login-simple-logo-main { 
    width: 467px;
    height: 185px;
}

.UserLoginHeader {
    background-color: #485164 !important;
}

/*.login-Label {
    background-color: #484848 !important;
}*/


.login-Label {
    color: #cccaca;
    font-weight: lighter;
    font-size: 1em;
    display: inherit;
    margin-bottom: -5px;
}

.login-simple-login-stacked {
    width: 217px;
    height: 178px;
    background-image: -webkit-linear-gradient(90deg,rgba(74,82,102,1.00) 0%,rgba(81,89,111,1.00) 100%);
    background-image: linear-gradient(0deg,rgba(74,82,102,1.00) 0%,rgba(81,89,111,1.00) 100%);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.btn-ei-defualt-blue {
    padding: 5px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: -moz-linear-gradient(top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -ms-linear-gradient(top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -o-linear-gradient(top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,196,241,1)), color-stop(4%, rgba(98,131,223,1)), color-stop(100%, rgba(72,97,164,1)));
    background: -webkit-linear-gradient(top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: linear-gradient(to bottom, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    color: #dadfe8;
    font-size: 12px;
    line-height: 1.5;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c4f1', endColorstr='#4861a4', GradientType=0 );
}

    .btn-ei-defualt-blue:focus {
        color: #dadfe8;
    } 
    

    .btn-ei-defualt-blue:hover {
        color: #333;
    }
    html input[type=button]:hover, .btn-ei-defualt-blue:hover {
        background: rgba(255,255,255,1);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(112,150,255,1) 4%, rgba(72,117,163,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(112,150,255,1) 4%, rgba(72,117,163,1) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(112,150,255,1) 4%, rgba(72,117,163,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(4%, rgba(112,150,255,1)), color-stop(100%, rgba(72,117,163,1)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(112,150,255,1) 4%, rgba(72,117,163,1) 100%) !important;
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(112,150,255,1) 4%, rgba(72,117,163,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4875a3', GradientType=0 );
    }

.login-simple-forgotten_link {
    text-decoration: none;
    color: #CCCACA;
    position: absolute;
    margin-top: .5em;
    vertical-align: bottom;
    letter-spacing: normal;
    word-spacing: normal;
    font-size: .9em;
    padding-bottom: 2em;
}

.login-simple-forgotten_link a {
    position: relative;
    top: .5em;
    left: 0em;
    color: #CCCACA;
    text-decoration: none;
}

.login-simple-forgotten_link a:hover {
    color: #87abff;
}

.treeHeaderBackGround {
    background: -moz- linear-gradient( top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -ms- linear-gradient( top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -o- linear-gradient( top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -webkit- linear-gradient( top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: linear-gradient( to bottom, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    color: #dadfe8;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6283df', endColorstr='#4861a4', GradientType=0 );
}

.tree-footerBackGround {
    width: 100%;
    height: 33px;
    background: -moz- linear-gradient( top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -ms- linear-gradient( top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -o- linear-gradient( top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -webkit- linear-gradient( top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: linear-gradient( to bottom, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    color: #dadfe8;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6283df', endColorstr='#4861a4', GradientType=0 );
}

.footer-blueBackGround { 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    background: -moz- linear-gradient( top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -ms- linear-gradient( top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -o- linear-gradient( top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -webkit- linear-gradient( top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: linear-gradient( to bottom, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    color: #dadfe8;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6283df', endColorstr='#4861a4', GradientType=0 );
}

/**/
#buttonCollapseUserContentTop {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: -moz-linear-gradient(top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -ms-linear-gradient(top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -o-linear-gradient(top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,196,241,1)), color-stop(4%, rgba(98,131,223,1)), color-stop(100%, rgba(72,97,164,1)));
    background: -webkit-linear-gradient(top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: linear-gradient(to bottom, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    color: #dadfe8;
    font-size: 12px;
    line-height: 1.5;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c4f1', endColorstr='#4861a4', GradientType=0 );
}


#buttonShowTreeMenu {
    padding: 0;
    width: 20px;
    height: 100%;
    background: none;
    color: #5A79CE;
}


    #buttonCollapseUserContentTop.Collapsed:hover, #buttonCollapseUtilityGrid1.Collapsed:hover,
    #buttonCollapseUtilityGrid2.Collapsed:hover, #buttonShowTreeMenu:hover {         
        background: none;
        color: #5A79CE;
    }

    #buttonCollapseUserContentTop.Collapsed {
        position: static;
        top: 5px;
        right: 0;
        left: 0;
        padding: 0;
        width: 100%;
        background: none;
        color: #5A79CE;
    }

#buttonCollapseUtilityGrid1, #buttonCollapseUtilityGrid2 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: -moz-linear-gradient(top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -ms-linear-gradient(top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -o-linear-gradient(top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,196,241,1)), color-stop(4%, rgba(98,131,223,1)), color-stop(100%, rgba(72,97,164,1)));
    background: -webkit-linear-gradient(top, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    background: linear-gradient(to bottom, rgba(179,196,241,1) 0%, rgba(98,131,223,1) 4%, rgba(72,97,164,1) 100%);
    color: #dadfe8;
    font-size: 12px;
    line-height: 1.5;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c4f1', endColorstr='#4861a4', GradientType=0 );
}
 
    #buttonCollapseUtilityGrid1.Collapsed, #buttonCollapseUtilityGrid2.Collapsed {
        position: static;
        background: none;
        color: #5A79CE;
    }

/* Main menu */
.navbar-default .navbar-nav > li > a {
    color: #51576F;
}

    .navbar-default .navbar-nav > li > a:hover {
        background: rgba(224,224,224,1);
        background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 52%, rgba(217,217,217,1) 98%, rgba(240,240,240,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,224,224,1)), color-stop(52%, rgba(255,255,255,1)), color-stop(98%, rgba(217,217,217,1)), color-stop(100%, rgba(240,240,240,1)));
        background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 52%, rgba(217,217,217,1) 98%, rgba(240,240,240,1) 100%);
        background: -o-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 52%, rgba(217,217,217,1) 98%, rgba(240,240,240,1) 100%);
        background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 52%, rgba(217,217,217,1) 98%, rgba(240,240,240,1) 100%);
        background: linear-gradient(to bottom, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 52%, rgba(217,217,217,1) 98%, rgba(240,240,240,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f0f0f0', GradientType=0 );
        -webkit-box-shadow: 0px 3px 0px 0px rgba(72,97,164,1);
        -moz-box-shadow: 0px 3px 0px 0px rgba(72,97,164,1);
        box-shadow: 0px 3px 0px 0px rgba(72,97,164,1);
    }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background: rgba(224,224,224,1);
    background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 52%, rgba(217,217,217,1) 98%, rgba(240,240,240,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,224,224,1)), color-stop(52%, rgba(255,255,255,1)), color-stop(98%, rgba(217,217,217,1)), color-stop(100%, rgba(240,240,240,1)));
    background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 52%, rgba(217,217,217,1) 98%, rgba(240,240,240,1) 100%);
    background: -o-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 52%, rgba(217,217,217,1) 98%, rgba(240,240,240,1) 100%);
    background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 52%, rgba(217,217,217,1) 98%, rgba(240,240,240,1) 100%);
    background: linear-gradient(to bottom, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 52%, rgba(217,217,217,1) 98%, rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f0f0f0', GradientType=0 );
    -webkit-box-shadow: 0px 3px 0px 0px rgba(72,97,164,1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(72,97,164,1);
    box-shadow: 0px 3px 0px 0px rgba(72,97,164,1);
}

/*Grid*/
.HeadingRowClass {
    background-color: #C5CFEA;
}


tr.trAccount:hover,
tr.trAccountSummary:hover {
    background-color: #CDD6ED !important;
}

.gridSelect,
.SelectedRowClass td.DataCell { 
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    border-right: #D0D0D0 1px solid;
    background-color: #C4D5FF; 
}

.SelectedRowClass td.SelectorCell {
    background-color: #C4D5FF;
}

.SelectedRowClass td.FirstDataCell {
    padding-right: 3px;
    padding-left: 2px;
    border-right: 0px;
    border-left: 1px solid #4B4B6F;
    background-color: #FFEEC2;
}

.SelectedRowClass td.LastDataCell {
    border-right: 1px solid #4B4B6F;
    background-color: #FFEEC2;
}

.gridAltRow,
.AlternatingRowClass {
    background-color: #E1E7F7;
}

.uudDetailGridAltRow_Background { 
    color: Black; 
    background-color: #C5CFEA;
}

#content {
    position: absolute;
    top: 41px;
    right: 1px;
    bottom: 19px;
    left: 1px;
    overflow: hidden; 
    margin: 5px 0 5px 5px;
    background-color: #e8e8e8;
}


.login-simple-content {
    background: #cfcfcf;
    width: 754px;
    height: 230px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.39);
    -moz-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.39);
    box-shadow: 2px 3px 3px -5px rgba(0,0,0,0.39),inset 0px 0px 0px 1px rgba(255,255,255,1);
} 
