html {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {
    min-height: 100%;
    color: #252525;
    font-family: "Roboto Regular",sans-serif;
    font-weight: 300;
    background-color: #F2F3F8;
    padding: 10px 0 0;
    margin: 0;
    font-size: 14px;
    /*font:caption;*/
}

@font-face {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Roboto-Light.ttf) format("truetype");
}

@font-face {
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: 300;
    src: url(../../fonts/Roboto-Medium.ttf) format("truetype");
}

@media print {
    body * {
        visibility: hidden;
    }

    #divPrintable, #divPrintable * {
        visibility: visible;
        display: block;
        width: 100%;
    }

    #divPrintable {
        position: absolute;
        left: 0;
        top: 0;
    }
}

a, a:link, a:visited, a:active {
    color: #252525;
}

    a:hover {
        cursor: pointer;
    }

.fd_padtopleft40 {
    padding-top: 40px;
    padding-bottom: 20px;
}

.fd_fullbtn {
    width: 100%;
}

.fd_positionlogin {
    width: 30%;
    margin: 0 auto;
    padding-top: 4%;
}

.fd_positionlogo {
    /*width: 50%;*/
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 50px;
}

/*.fd_formpanel {
    margin-top: 25%;
}*/

.fd_margW20 {
    margin-bottom: 20px;
    margin-top: 20px;
}


.SumoSelect > .optWrapper > .options > li label {
    font-weight: normal;
}

.fd_padright5 {
    padding-right: 15px;
}

.fd_margtop20 {
    margin-top: 20px;
}

.fd_padtop20 {
    padding-top: 20px;
}

.fd_copyright {
    font-size: 12px;
    color: #fff;
    margin: 0 auto;
}

@media only screen and (max-width : 320px) {
    .fd_positionlogin {
        width: 100% !important;
        margin: 0 auto;
        padding: 10px;
        margin-top: 12%;
    }

    /*.fd_formpanel {
        margin-top: 18%;
        margin-bottom: 0;
    }*/

    .panel-body {
        padding: 0 !important;
    }

    .fd_padright5 {
        padding-right: 10px !important;
    }

    .fd_paddleft10 {
        padding-left: 10px !important;
    }

    .fd_padtopleft40 {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .fd_fullbtn {
        width: 100%;
    }

    .fd_btnpadd {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .fd_positionlogo {
        /*width: 50%;*/
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .col-xs-12 {
        padding: 0;
    }
}

@media only screen and (min-width : 321px) and (max-width:479px) {
    .fd_positionlogin {
        width: 100% !important;
        margin: 0 auto;
        padding: 10px;
        margin-top: 10%;
    }

    .fd_formpanel {
        margin-top: 20%;
        margin-bottom: 0;
    }

    .panel-body {
        padding: 0 !important;
    }

    .fd_padright5 {
        padding-right: 10px !important;
    }

    .fd_paddleft10 {
        padding-left: 10px !important;
    }

    .fd_padlC {
        padding-left: 0px !important;
    }

    .fd_padtopleft40 {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .fd_fullbtn {
        width: 100%;
    }

    .fd_btnpadd {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .fd_positionlogo {
        /*width: 50%;*/
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .col-xs-12 {
        padding: 0;
    }

    .hiddenmob {
        display: none;
    }
}

@media only screen and (min-width : 480px)and (max-width:767px) {
    .fd_positionlogin {
        width: 100% !important;
        margin: 0 auto;
        padding: 10px;
        /*margin-top: 35%;*/
    }

    .fd_formpanel {
        margin-top: 0;
        margin-bottom: 0;
    }

    .panel-body {
        padding: 0 !important;
    }

    .fd_padright5 {
        padding-right: 5px !important;
    }

    .fd_paddleft10 {
        padding-left: 10px !important;
    }

    .fd_padtopleft40 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .fd_fullbtn {
        width: 100%;
    }

    .fd_btnpadd {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .fd_positionlogo {
        /*width: 50%;*/
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .col-xs-12 {
        padding: 0;
    }


    .subheaderflow {
        color: #607D8B;
        font-size: 24px;
    }

    .hiddenmob {
        display: none;
    }
}

@media only screen and (min-width : 768px)and (max-width:992px) {
    .fd_positionlogin {
        width: 50%;
        margin: 0 auto;
        padding-top: 35%;
    }
}

@media only screen and (min-width : 992px)and (max-width:1024px) {
    .fd_positionlogin {
        width: 40%;
        margin: 0 auto;
        padding-top: 15%;
    }
}


.fd_sicon {
    margin-top: 5px;
    position: absolute;
    color: #555;
    font-weight: 500;
}

.fd_Labeldr {
    font-size: 14px;
    font-weight: 400;
    color: #252525;
}

#MainContainer {
    height: 100%;
    transition: all .3s ease-in-out 0;
    width: 100%;
}
/*---------------------all icons change color ------------------*/
[class^="mdi-"], [class*="mdi-"] {
    color: #455A64;
}

.fd_align {
    text-align: right;
}


#FixedTopMenu {
    height: 70px;
    position: fixed;
    top: 0;
    z-index: 1002;
    box-shadow: 1px 0 5px rgba(0,0,0,0.30);
    width: 100%;
    background-color: #1565C0;
}

.cartlogo {
    pointer-events: none;
    background-color: #EEEEEE;
    padding-top: 25px;
    padding-bottom: 12px;
    /* border: 1px solid #252525; */
    position: absolute;
    margin-top: 0px;
    margin-left: 20px;
    /* box-shadow: 10px 10px 25px #fff; */
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
}

#divBtons .mdi-content-reply {
    color: #fff;
}

#btnComplete .mdi-action-done {
    color: #fff;
}

#btnMove .mdi-navigation-arrow-back {
    color: #fff;
}

#btnForword .mdi-navigation-arrow-forward {
    color: #fff;
}

.btn-info:not(.btn-link):not(.btn-flat) {
    background-color: #455A64;
}

.btn-info:hover:not(.btn-link):not(.btn-flat) {
    background-color: #546E7A;
}

#Mid-btn .mdi-content-clear {
    color: #fff;
}

#Mid-btn .mdi-action-lock {
    color: #fff;
}

#Mid-btn .mdi-file-file-download {
    color: #fff;
}

#Mid-btn .btn-info {
    background-color: #0D47A1;
}

#Mid-btn .btn-info {
    background-color: #0D47A1;
}

    #Mid-btn .btn-info:hover {
        background-color: #1565C0;
    }

    #Mid-btn .btn-info:hover {
        background-color: #1565C0;
    }

#divVersion .btn-info {
    background-color: #0D47A1;
    color: #fff;
}

    #divVersion .btn-info:hover {
        background-color: #1565C0;
    }

#divVersion .mdi-action-done {
    color: #fff;
}

#divDateFormat .btn-info {
    background-color: #0D47A1;
    color: #fff;
}

    #divDateFormat .btn-info:hover {
        background-color: #1565C0;
    }

#divDateFormat .mdi-action-done {
    color: #fff;
}

#divAlarm .btn-info {
    background-color: #0D47A1;
    color: #fff;
}

    #divAlarm .btn-info:hover {
        background-color: #1565C0;
    }

#divAlarm .mdi-action-done {
    color: #fff;
}

#divEmailArchival .btn-info {
    background-color: #0D47A1;
    color: #fff;
}

    #divEmailArchival .btn-info:hover {
        background-color: #1565C0;
    }

#divEmailArchival .mdi-action-done {
    color: #fff;
}


.SumoSelect > .optWrapper.multiple > .options > li.selected span i, .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i {
    background-color: #0D47A1 !important;
}

.form-control {
    border: 0;
    background-image: linear-gradient(#0D47A1, #0D47A1), linear-gradient(#d2d2d2, #d2d2d2) !important;
}

.fd_white {
    color: #fff!important;
}

    .fd_white a {
        color: #fff!important;
    }

        .fd_white a:hover {
            color: #fff!important;
            text-decoration: none;
        }

#FixedTopMenu .logo img {
    padding: 0px 21px 0 21px;
}

#divLogoPanel, #divAdvanceSearchPanel, #divUserProfilePanel {
    height: 100%;
}

    #divAdvanceSearchPanel > div {
        padding: 20px 10px 0;
    }

    #divAdvanceSearchPanel #txtAutoCompleteSearch {
        width: 30%;
        float: left;
    }

    #divAdvanceSearchPanel div.input-group {
        width: 100%;
    }

        #divAdvanceSearchPanel div.input-group div.input-group-btn {
            float: left;
        }

    #divAdvanceSearchPanel div#iconAdvanceSearch {
        z-index: 99999;
        position: absolute;
        width: 20px;
        padding: 15px 0 0 10px;
        margin-left: -35px;
        display: none;
        height: 99%;
    }

        #divAdvanceSearchPanel div#iconAdvanceSearch:hover {
            cursor: pointer;
            color: #337ab7;
        }

    #divAdvanceSearchPanel .caret {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px dashed;
        display: inline-block;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        width: 0;
    }

    #divAdvanceSearchPanel .btn {
        background-image: none;
        box-shadow: none;
        outline: 0 none;
    }

        #divAdvanceSearchPanel .btn:active, .btn.active {
            background-image: none;
            box-shadow: none !important;
            outline: 0 none;
        }

    #divAdvanceSearchPanel .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        margin-left: -50px;
        z-index: 100;
    }

/*#divQuickIcons {
    padding: 0 !important;
}

    #divQuickIcons > div {
        float: left;
    }

    #divQuickIcons i {
        padding: 26px 10px 0 5px;
    }

        #divQuickIcons i:hover {
            cursor: pointer;
        }

#divUserProfile {
    padding: 26px 0 10px 20px;
}*/

#divQuickIcons span {
    text-align: right;
    padding-right: 5px;
}

#divUserProfile .UserProfileMenu, #divUserProfile .UserProfileMenu:hover, #divUserProfile .UserProfileMenu:active, #divUserProfile .UserProfileMenu:focus, #divUserProfile .UserProfileMenu:link, #divUserProfile .UserProfileMenu:visited {
    text-decoration: none;
    color: #fff;
}

#divUserProfile .dropdown-menu {
    min-width: 200px;
    float: right;
    /*left: 0;*/
    top: auto;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 12px;
}

    #divUserProfile .dropdown-menu:before {
        position: absolute;
        top: -7px;
        right: 14px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0,0,0,0.30);
        content: '';
    }

    #divUserProfile .dropdown-menu:after {
        position: absolute;
        top: -6px;
        right: 15px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: '';
    }

    #divUserProfile .dropdown-menu > li > a {
        color: #252525;
        padding: 5px 5px 5px 10px;
    }

        #divUserProfile .dropdown-menu > li > a:hover {
            background-color: #f0f8ff;
            cursor: pointer;
            border-right: 3px solid #0277bd;
        }

    #divUserProfile .dropdown-menu > li .glyphicon {
        padding-right: 5px;
    }

    #divUserProfile .dropdown-menu > li:hover .glyphicon {
        color: #337ab7;
    }

#divUserProfile .dropdown-header {
    color: #337ab7;
    text-align: left;
}

#MainBody {
    margin-top: 70px;
}

    #MainBody #PanelTreeview {
        background-color: #fff !important;
        bottom: 0;
        height: 100%;
        overflow: hidden;
        padding: 0;
        position: fixed;
        top: 80px;
        margin-left: 10px;
        border: 1px solid transparent;
    }

.fd_padLR0 {
    padding-left: 0px;
    padding-right: 0px;
}

#MainBody #PanelTreeview .panelmargtreeview {
    padding-left: 15px;
}

#MainBody #PanelTreeview .nav {
    margin-bottom: 5px;
    padding: 0;
}

    #MainBody #PanelTreeview .nav > li {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #f2f3f6;
    }

        #MainBody #PanelTreeview .nav > li:hover {
            cursor: pointer;
        }

        #MainBody #PanelTreeview .nav > li > a {
            margin: 0;
            color: #252525;
            border-right: 3px solid #fff;
        }

    #MainBody #PanelTreeview .nav a:hover, #MainBody #PanelTreeview .nav a:focus {
        color: #252525;
        background-color: #f0f8ff;
        border-right: 3px solid #0277bd;
    }

    #MainBody #PanelTreeview .nav a .glyphicon {
        padding-right: 5px;
        margin-left: 20px;
    }

    #MainBody #PanelTreeview .nav a:hover .glyphicon {
        color: #337ab7;
    }


.CabSelected {
    color: #1565C0;
}

#MainBody #PanelTreeview .navFlow {
    display: none;
    margin-left: 20px;
}

#divTreeview #imgFolderSearch {
    margin-left: 0;
}

    #divTreeview #imgFolderSearch:hover {
        cursor: pointer;
        color: #337ab7;
    }

#divTreeview #imgbtnFolderHome {
    margin-left: 15px;
}

    #divTreeview #imgbtnFolderHome:hover {
        cursor: pointer;
        color: #337ab7;
    }



#MainBody #PanelUser {
    float: right;
}

#MainBody #FolderLevelOperations .page-breadcrumb {
    font-size: 12.5px;
    color: #252525 !important;
    display: none;
    margin-left: -45px;
}

    #MainBody #FolderLevelOperations .page-breadcrumb > li + li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0";
    }

/*------------admin header only-------start----------------*/
#divAdminPlaceholder .secondary-navbar {
    background-color: #F5F5F5;
    padding: 2px 0;
    opacity: 1;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

    #divAdminPlaceholder .secondary-navbar .secondary-navbar-inner {
        width: 100%;
        position: relative;
        margin: 0 auto;
        font-family: Roboto Light;
        color: #607D8B;
        /*font-size: 24px;*/
        font-size: 21px;
        padding-left: 20px;
        padding-top: 2px;
    }

.secondary-navbar {
    background-color: #F5F5F5;
    /*padding: 15px 0;*/
    padding: 2px 0;
    opacity: 1;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

    .secondary-navbar .secondary-navbar-inner {
        max-width: 1160px;
        position: relative;
        margin: 0 auto;
        font-family: Roboto Light;
        color: #263238;
        /*font-size: 24px;*/
        font-size: 21px;
        padding-left: 20px;
        padding-top: 2px;
    }

.fd_flowhdr {
    max-width: 1160px;
    position: relative;
    margin: 0 auto;
    font-family: Roboto Light;
    color: #607D8B;
    font-size: 24px;
    /*padding-left: 20px;*/
    padding-top: 2px;
    border-bottom: 1px solid #ccc;
}

.fd_flowsshdr {
    height: 30px;
    padding-top: 5px;
    color: #607D8B;
    padding-left: 5%;
    max-width: 1160px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 16px;
}
/*------------admin header only-------End----------------*/
#MainBody #FolderLevelOperations {
    background-color: #fff;
    padding: 5px;
    height: 30px;
    border-radius: 3px;
    display: none;
    margin-left: 5px;
    margin-right: -5px;
}

    #MainBody #FolderLevelOperations #divBreadCrumb .breadcrumb {
        background-color: #fff;
        list-style: outside none none;
        margin-bottom: 0;
        padding: 0;
    }

.breadcrumb > li {
    margin-top: -3px;
}

#MainBody #FolderLevelOperations #divBreadCrumb .breadcrumb a:hover {
    text-decoration: none;
}

#MainBody #FolderLevelOperations div[id^='divOperations'] > nav {
    padding: 0;
    margin: 0;
    min-height: 30px;
}

    #MainBody #FolderLevelOperations div[id^='divOperations'] > nav .nav {
        float: right !important;
        margin-top: -3px;
    }

        #MainBody #FolderLevelOperations div[id^='divOperations'] > nav .nav > li > a {
            padding: 0 12px;
        }

            #MainBody #FolderLevelOperations div[id^='divOperations'] > nav .nav > li > a:hover {
                cursor: pointer;
                background-color: #f0f8ff;
            }

                #MainBody #FolderLevelOperations div[id^='divOperations'] > nav .nav > li > a:hover .glyphicon {
                    color: #337ab7;
                }

#MainBody #FolderLevelOperations div[id^='divOperations'] .dropdown-menu {
    right: 0;
    left: auto;
}

#MainBody #FolderLevelOperations div[id^='divOperations'] > nav .nav .dropdown-menu > li > a {
    padding: 5px 5px 5px 10px;
}

    #MainBody #FolderLevelOperations div[id^='divOperations'] > nav .nav .dropdown-menu > li > a:hover {
        background-color: #f0f8ff;
    }

        #MainBody #FolderLevelOperations div[id^='divOperations'] > nav .nav .dropdown-menu > li > a:hover .glyphicon {
            color: #337ab7;
        }

#MainBody #FolderLevelOperations div[id^='divOperations'] > nav .nav .dropdown-menu > li .glyphicon {
    padding-right: 5px;
}

#PanelProperties {
    /*display: none;*/
    padding: 0;
    background-color: #fff;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 35px;
    right: 0;
}

    #PanelProperties div.row {
        margin: auto;
    }

#PanelBody {
    padding: 0;
    background-color: #fff;
    bottom: 0;
    height: 500px;
    max-width: 100%;
    overflow: auto;
    margin-left: 5px;
}

/*#PanelAdmin {
    background-color: #fff;
}*/
#divAdminPlaceholder {
    padding: 0;
    background-color: #fff;
    bottom: 0;
    max-width: 100%;
    /*overflow: auto;*/
    /*margin-left: 5px;*/
}

#divFullScreen {
    padding: 0;
    background-color: #fff;
    bottom: 0;
    max-width: 100%;
    /*margin-left: 5px;*/
}

#divAdavanceContainer {
    display: none;
}

#divPrintable {
    visibility: hidden;
}

#fd_legendl20 {
    padding-top: 10px;
    padding-left: 22px;
}

.fd_modulehdr {
    width: 95%;
    margin: 15px auto 0 !important;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
    font-size: 1.8em;
    color: #252525;
    padding-bottom: 10px;
}

.fd_padleft40 {
    padding-left: 40px;
}

.fd_paddright10 {
    padding-right: 10px;
}

.fd_padtop8 {
    padding-top: 8px;
}

.fd_dreport {
    padding-top: 8px;
}

.fd_paddright20 {
    padding-right: 20px;
}

.fd_paddleft10 {
    padding-left: 10px;
}

.fd_paddleft5 {
    padding-left: 5px;
}

.fd_position {
    width: 80%;
    margin: 0 auto;
}

#impchbox label {
    padding-left: 30px;
}

#divOperationsFlow {
    margin-top: -16px;
    height: 50px;
}

.ui-icon {
    background-image: url(/Content/images/ui-icons_454545_256x240.png) !important;
}

#toggle-view {
    list-style: none;
    font-size: 12px;
    margin: 0;
    padding-left: 0;
}

    #toggle-view li {
        border-bottom: 1px solid #ccc;
        position: relative;
        cursor: pointer;
        padding-right: 15px;
        padding-bottom: 15px;
    }

    #toggle-view h3 {
        font-size: 14px;
        color: #252525;
        font-weight: 600;
    }

    #toggle-view span {
        position: absolute;
        right: 5px;
        top: 0;
        font-size: 20px;
    }

    #toggle-view .panel {
        margin: 5px 0;
        display: none;
    }

#feature .paddleft-body {
    padding: 20px 0 0;
}

#flowinbox .col-md-12 {
    padding: 0;
}

#impchbox span {
    padding-right: 10px;
}

#submenuleftbarfol > #ulFlow > li {
    padding-top: 18px;
}

#submenuleftbarfol ul[id^='divOperations'] > .navbar-brand, .navbar-nav > li > a {
    padding: 4px 12px 7px;
}

    #submenuleftbarfol ul[id^='divOperations'] > .navbar-brand, .navbar-nav > li > a:hover {
        cursor: pointer;
        background-color: #f0f8ff;
    }

        #submenuleftbarfol ul[id^='divOperations'] > .navbar-brand, .navbar-nav > li > a:hover .glyphicon {
            color: #337ab7;
        }

.fd_fldetL {
    font-size: 14px;
    font-weight: 600;
    color: #252525;
    text-align: right;
    /*width: 100px;*/ /*check with all document attachment properties-28/8/2018*/
    padding-right: 10px;
    padding-left: 0;
}

.fd_fldetR {
    font-size: 14px;
    font-weight: 400;
    color: #252525;
    padding-right: 0;
    padding-left: 0;
}

.fd_topheight {
    padding-top: 20px;
}

.fd_strip0 {
    font-size: 15px;
    font-weight: 400;
    color: #252525;
    padding-bottom: 5px;
    word-break: break-all;
}

.fd_strip1 {
    font-size: 15px;
    font-weight: 400;
    color: #01579B;
    padding-bottom: 5px;
    word-break: break-all;
}

.fd_strip2 {
    font-family: "Roboto Regular",sans-serif;
    font-size: 13px;
    font-weight: 200;
    color: #284857;
    margin-bottom: 5px;
    word-break: break-all;
}

.fd_strip3 {
    font-size: 12px;
    font-weight: 400;
    color: #252525;
    word-break: break-all;
}

.fd_strip3admin {
    font-size: 12px;
    font-weight: 400;
    color: #252525;
    word-break: break-all;
    margin-bottom: 5px;
}

.fd_strip4 {
    font-size: 11px;
    font-weight: 400;
    color: #9E9E9E;
    word-break: break-all;
}

.fd_strip1 a {
    font-size: 15px;
    font-weight: 400;
    color: #0D47A1;
}

.fd_strip2 a {
    font-size: 15px;
    font-weight: 400;
    color: #0D47A1;
}

.fd_Label1 {
    font-size: 14px;
    font-weight: 400;
    color: #252525;
    padding-top: 8px;
    padding-right: 20px !important;
}

.fd_Labelstatus {
    font-size: 14px;
    font-weight: 400;
    color: #252525;
    padding-top: 5px;
}

.fd_boxdetailhdr {
    font-size: 18px;
    font-weight: 500;
    color: #252525;
    word-break: break-all;
    padding: 0 0 10px;
}

.fd_wordbreak {
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -webkit-pre-wrap;
    word-break: break-all;
    white-space: normal;
}

.fd_fonticon {
    font-size: 20px;
    cursor: pointer;
}
/*---------none linked icon --------------*/
.fd_fonticonNlink {
    font-size: 18px;
    cursor: pointer;
}
/*---------none linked icon----end----------*/


.fd_fonticonreport {
    font-size: 20px;
    cursor: pointer;
    position: absolute;
}

/*----------export, pdf, print icon---------------*/
.fd_iconexport {
    cursor: pointer;
    height: 18px;
    width: 18px;
    position: absolute;
    margin-top: 2px;
}

.fd_iconPDF {
    cursor: pointer;
    height: 18px;
    width: 18px;
    position: absolute;
    margin-left: 24px;
    margin-top: 2px;
}

.fd_fontiprnt {
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    margin-left: 50px;
    margin-top: 0px;
}
/*------------end--------------------*/

.fd_fonticon1 {
    font-size: 20px;
    cursor: pointer;
    background-color: #888889;
    color: #fff;
}

.fd_fonticon_White {
    font-size: 20px;
    cursor: pointer;
    color: #fff;
}

.fd_fonticon_WhiteSearch {
    font-size: 24px;
    cursor: pointer;
    color: #fff;
}

.fd_fonticon_Notify {
    font-size: 24px;
    cursor: pointer;
    color: #0569bf;
}

.fd_backgroud_Change {
    background-color: #E0E0E0;
}

.fd_fonticon_Message {
    font-size: 20px;
    color: #455A64;
    padding-right: 10px;
}


.fd_date {
    font-family: "Roboto Regular",sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #252525;
    text-align: left;
}

.fd_List1 {
    font-size: 14px;
    font-weight: 400;
    color: #1E88E5;
    word-break: break-all;
}

    .fd_List1 a {
        font-size: 14px;
        font-weight: 400;
        color: #1E88E5;
        word-break: break-all;
    }

.fd_fonticonMenu {
    font-size: 25px;
}

.fd_fonticonFlow {
    font-size: 18px;
    color: #455A64;
}

.fd_Menu1 {
    font-family: "Roboto Regular",sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #252525;
    padding-left: 5px !important;
}

.fd_propL {
    font-size: 14px;
    font-weight: 600;
    color: #252525;
    text-align: right;
    width: 100px;
    padding-right: 10px;
    padding-top: 15px;
}

.fd_propR {
    font-size: 14px;
    font-weight: 400;
    color: #252525;
}

.form-control:focus {
    outline: none;
    background-image: linear-gradient(#0277BD,#0277BD),linear-gradient(#0097a7,#0097a7);
    background-size: 100% 2px,100% 1px;
    box-shadow: none;
    transition-duration: .3s;
}

#divAdvSearchfg .form-control:focus {
    outline: none;
    background-image: linear-gradient(#0277BD,#0277BD),linear-gradient(#0097a7,#0097a7);
    background-size: 100% 2px,100% 1px;
    box-shadow: none;
    transition-duration: .3s;
}

#divlabelRouteName .form-control:focus {
    outline: none;
    background-image: linear-gradient(#0277BD,#0277BD),linear-gradient(#0097a7,#0097a7);
    background-size: 100% 2px,100% 1px;
    box-shadow: none;
    transition-duration: .3s;
}

#divsearchpanel .form-control:focus {
    outline: none;
    background-image: linear-gradient(#0277BD,#0277BD),linear-gradient(#d2d2d2,#d2d2d2);
    background-size: 100% 1px,100% 1px;
    box-shadow: none;
    transition-duration: .3s;
}

#selectCabinet .form-control:focus {
    outline: none;
    background-image: linear-gradient(#0277BD,#0277BD),linear-gradient(#d2d2d2,#d2d2d2);
    background-size: 100% 1px,100% 1px;
    box-shadow: none;
    transition-duration: .3s;
}

.fd_Labeladmin {
    font-size: 14px;
    font-weight: 400;
    color: #252525;
    text-align: right;
    padding-top: 5px;
}

.fd_Labeladfb {
    font-size: 14px;
    font-weight: 400;
    color: #424141;
    text-align: left;
    /*padding-top: 5px;*/
    font-weight: bold;
}

#PanelAdmin {
    display: none;
    position: absolute;
    top: 80px;
}

    #PanelAdmin #AdminDiv #AdminMenu {
        background-color: #fff;
        margin-bottom: 5px;
    }

    #PanelAdmin #AdminDiv #divAdminPlaceholder {
        background-color: #fff;
        padding: 0;
    }

    #PanelAdmin #AdminDiv #AdminMenu > nav {
        margin: 0;
        padding: 0;
    }

    #PanelAdmin #AdminDiv #AdminMenu a {
        padding: 5px 15px;
    }

        #PanelAdmin #AdminDiv #AdminMenu a:hover {
            background-color: #f0f8ff;
        }

    #PanelAdmin #AdminDiv #AdminMenu glyphicon {
        padding-right: 5px;
    }

    #PanelAdmin #AdminDiv #AdminMenu a:hover glyphicon {
        color: #337ab7;
    }

    #PanelAdmin #AdminDiv #divAdminBody > div {
        padding-left: 0;
        padding-right: 0;
    }

#Row1 .col-md-3 > #btnModifyFlow > span {
    padding: 0 10px;
}

#Row1 #padtpFN {
    padding-top: 5px;
}

#Row1 #padtop {
    padding-top: 20px;
}

#Row1 #padtopRN {
    padding-top: 20px;
}

#Row4 #padtopRT {
    padding-top: 15px;
}

#Row3 .col-md-3 > a > span {
    padding: 0 10px;
}

.multiselect-container {
    width: 100% !important;
}

#Row1 #crrt {
    padding-top: 20px;
}

#Row1 #mdffn {
    padding-top: 20px;
}

#Row1 #mdfsat {
    padding-top: 5px;
}

#Row2 #routeus {
    padding-top: 4px;
}

#Row5 #iatnu {
    padding-top: 4px;
}

#divFolderTree {
    margin: 10px 0 0 0;
    width: 95%;
    max-height: 265px;
    overflow: auto;
    text-align: left;
    z-index: 1000;
    word-break: break-all;
}

#divPropDetails {
    background-color: rgba(100, 100, 100, 0.9);
}
/*#btnPDFAnnotation .mdi-maps-rate-review {color: #ccc;}
#btnProp .mdi-action-info {color: #ccc;}
#btnPrint .mdi-action-print{color: #ccc;}*/

#tblCabinets th, #tblCabinets td {
    border-top: none;
    padding: 2px;
}

#tblCabinets {
    word-break: break-all;
    word-wrap: break-word;
}

    #tblCabinets a {
        color: #252525;
    }

#divAjaxLoader {
    display: none;
    position: absolute;
    top: 310px;
    margin-left: 95px;
}

#divAjaxLoaderProperty {
    display: none;
    position: absolute;
    top: 280px;
    right: 105px;
}

#divAjaxLoaderFolProperty {
    display: none;
    position: absolute;
    top: 280px;
    right: 105px;
}

#divAjaxLoaderMiddle {
    display: none;
    position: absolute;
    top: 300px;
    right: 555px;
}

#divTreeNextPrev, #AdmdivTreeNextPrev {
    width: 100%;
    padding: 0 8px 0 8px;
    display: none;
}

    #divTreeNextPrev ul li {
        display: inline;
        list-style: none;
    }

#btnUserWidget .mdi-action-assignment {
    color: #fff;
}

#btnWorkItems .mdi-action-assignment {
    color: #fff;
}

#btnDocumentWidget .mdi-action-assignment {
    color: #fff;
}

#btnDocumentDataClass .mdi-action-assignment {
    color: #fff;
}

#btnWorkItems .mdi-editor-insert-photo {
    color: #fff;
}

#btnDocumentWidget .mdi-editor-insert-photo {
    color: #fff;
}

#btnUserWidget .mdi-editor-insert-photo {
    color: #fff;
}

#btnDocumentDataClass .mdi-editor-insert-photo {
    color: #fff;
}

#btnaddGrp .mdi-social-group-add {
    color: #fff;
}

#btnaddUsr .mdi-social-person-add {
    color: #fff;
}

#btnAddNews .mdi-action-note-add {
    color: #fff;
}

#btnAddNotice .mdi-action-note-add {
    color: #fff;
}

#btnAddEvent .mdi-action-note-add {
    color: #fff;
}

#divTreeNextPrev a, #AdmdivTreeNextPrev a {
    display: none;
    color: #252525;
    font-size: 14px;
}

    #divTreeNextPrev a:hover, #AdmdivTreeNextPrev a:hover {
        color: #252525;
        cursor: pointer;
    }

#divTreeNextPrev .pager, #AdmdivTreeNextPrev .pager {
    margin: 0;
    padding: 0;
}

    #divTreeNextPrev .pager li, #AdmdivTreeNextPrev .pager li {
        padding: 0 5px;
    }

.FolderPath {
    color: #454545;
    font-size: .85em;
}

.trigger {
    display: inline-block;
    cursor: pointer;
}

.borderless td, .borderless th {
    border: none;
}

#divFolderTree i[class^="mdi-content-"] {
    cursor: pointer;
    font-size: 1.5em;
}

#divFolderTree .TreeBreadCrumb {
    word-break: break-all;
    word-wrap: break-word;
}

    #divFolderTree .TreeBreadCrumb i {
        cursor: pointer;
    }

    #divFolderTree .TreeBreadCrumb span[onclick], #divFolderTree .TreeBreadCrumb span[onclick]:hover {
        cursor: pointer;
        text-decoration: underline;
    }

#Updocuas > span {
    padding-right: 10px;
    padding-left: 5px;
}

#DocumentVersion #favpadding span {
    padding-right: 5px;
}

.iconsize {
    color: #252525;
    font-size: 12px;
}

.folprcloseicon {
    padding-top: 10px;
    margin-right: 10px;
    width: 14px;
}

.panel-default {
    border: none !important;
}

.ui-autocomplete, .ui-menu-item {
    z-index: 25000;
}

#fontweig label {
    font-weight: 400;
}

#DocumentVersion {
    border-collapse: collapse;
    max-width: 98%;
}

    #DocumentVersion .header {
        border: #ccc 1px solid;
        border-collapse: collapse;
        background-color: #337ab7;
        color: #fefefe;
    }

    #DocumentVersion .content {
        border: #ccc 1px solid;
        border-collapse: collapse;
        background-color: #fefefe;
        color: #585858;
    }

    #DocumentVersion .contentnew {
        border: #ccc 1px solid;
        border-collapse: collapse;
        background-color: #fefefe;
        color: #585858;
        line-height: 25px;
    }

#DocumentTrash .content {
    border: #ccc 1px solid;
    border-collapse: collapse;
    background-color: #fefefe;
    color: #585858;
    line-height: 25px;
}

#DivAlarm .content {
    border: #ccc 1px solid;
    border-collapse: collapse;
    background-color: #fefefe;
    color: #585858;
    line-height: 25px;
}

#divFolderProperties .panel-body {
    padding: 10px 10px 15px !important;
}

#propertiesfold .panel-body {
    padding: 10px 0 5px !important;
}

#divDocumentProperties .panel-body {
    padding: 10px 10px 15px !important;
}

.modal-dialog {
    padding-top: 150px;
    transform: translate(0px,0px);
}

/*#divPlaceholder .col-xs-1, #divPlaceholder .col-sm-1, #divPlaceholder .col-md-1, #divPlaceholder .col-lg-1, #divPlaceholder .col-xs-2, #divPlaceholder .col-sm-2, #divPlaceholder .col-md-2, #divPlaceholder .col-lg-2, #divPlaceholder .col-xs-3, #divPlaceholder .col-sm-3, #divPlaceholder .col-md-3, #divPlaceholder .col-lg-3, #divPlaceholder .col-xs-4, .col-sm-4, #divPlaceholder .col-md-4, #divPlaceholder .col-lg-4, #divPlaceholder .col-xs-5, #divPlaceholder .col-sm-5, #divPlaceholder .col-md-5, #divPlaceholder .col-lg-5, #divPlaceholder .col-xs-6, #divPlaceholder .col-sm-6, #divPlaceholder .col-md-6, #divPlaceholder .col-lg-6, #divPlaceholder .col-xs-7, #divPlaceholder .col-sm-7, #divPlaceholder .col-md-7, #divPlaceholder .col-lg-7, #divPlaceholder .col-xs-8, #divPlaceholder .col-sm-8, #divPlaceholder .col-md-8, #divPlaceholder .col-lg-8, #divPlaceholder .col-xs-9, #divPlaceholder .col-sm-9, #divPlaceholder .col-md-9, #divPlaceholder .col-lg-9, #divPlaceholder .col-xs-10, #divPlaceholder .col-sm-10, #divPlaceholder .col-md-10, #divPlaceholder .col-lg-10, #divPlaceholder .col-xs-11, #divPlaceholder .col-sm-11, #divPlaceholder .col-md-11, #divPlaceholder .col-lg-11, #divPlaceholder .col-xs-12, #divPlaceholder .col-sm-12, #divPlaceholder .col-md-12, #divPlaceholder .col-lg-12 {
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
}*/

.propertieslab {
    color: #252525;
    font-size: 13px;
    font-weight: 600;
    text-align: right;
    width: 77px;
    padding-right: 2px;
    padding-top: 15px;
}

.propertiespas {
    color: #252525;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    width: 150px;
    padding-right: 10px;
    padding-top: 15px;
}

.propertiesKeywords {
    color: #252525;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    width: 300px;
    text-wrap: normal;
    padding-right: 10px;
    padding-top: 15px;
}

.propertiesKeywordnone {
    color: #252525;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    width: 300px;
    text-wrap: normal;
    padding-right: 10px;
    padding-top: 5px;
}

.propertiesKeywordnonelink {
    color: #252525;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    text-wrap: normal;
    padding-right: 10px;
    padding-top: 15px;
}

.propertiespath {
    color: #434a54;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    width: 150px;
    padding-right: 10px;
}

#folderpathname label {
    color: #252525;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    display: table-row;
}

.foldrprop {
    color: #263238;
    font-family: "Roboto Regular",sans-serif;
    font-size: 17px;
    font-weight: 500;
    text-align: left;
    display: table-row;
}

.hrspace {
    padding-bottom: 20px;
    padding-top: 30px;
}

#UserSetting .nav-tabs {
    background-color: #fff;
}

#UserSetting .tabs .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    background: none repeat scroll 0 0 #fff !important;
    border-left-color: #eee !important;
    border-right-color: #eee !important;
    border-top: 3px solid #555 !important;
    color: #555 !important;
}

#UserSetting .tabs .nav-tabs li a {
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    margin-right: 1px;
    padding: 5px 10px !important;
    display: block;
    position: relative;
    color: #252525 !important;
}

#UserSetting .tabs .nav-tabs li a, .nav-tabs li a:hover {
    background: none repeat scroll 0 0 #f4f4f4;
}

.tabs .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    background: none repeat scroll 0 0 #fff;
    border-left-color: #eee;
    border-right-color: #eee;
    border-top: 3px solid #555 !important;
    color: #555;
}

.tabs .nav-tabs li a {
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    margin-right: 1px;
    padding: 5px 10px !important;
    display: block;
    position: relative;
    color: #252525 !important;
}

.tabs .nav-tabs li a, .nav-tabs li a:hover {
    background: none repeat scroll 0 0 #f4f4f4;
}

.ui-widget-header {
    background-color: #1565C0;
}

#fd_close .mdi-navigation-close {
    color: #fff;
}

#divGridviewColumns #tblColumns {
    width: auto;
}

#divGridviewColumns .table > thead > tr > th, #divGridviewColumns .table > tbody > tr > th, #divGridviewColumns .table > tfoot > tr > th, #divGridviewColumns .table > thead > tr > td, #divGridviewColumns .table > tbody > tr > td, #divGridviewColumns .table > tfoot > tr > td {
    padding: 3px 8px;
}

#divPlaceholder .NoRecordsMessage {
    padding: 20px 0 0 25px;
    position: absolute;
}

#divPlaceholder #Grid_Header {
    min-height: 60px;
}

/* Object Browser Stats here */
#GridCustomView {
    margin-bottom: 0;
}

    #tblColumns th, #GridCustomView th, #GridCustomView th a, #GridCustomView th a:visited, #GridCustomView th a:hover {
        background-color: #fff;
        vertical-align: middle;
    }

    #GridCustomView .DocName a, #GridCustomView .DocName a:link, #GridCustomView .DocName a:active, #GridCustomView .DocName a:visited, #GridCustomView .DocName a:hover {
        cursor: pointer;
        border-left: none;
        padding-left: 2px;
        vertical-align: middle;
        font-size: 15px;
        font-weight: 400;
        color: #0D47A1;
        padding-bottom: 5px;
        word-break: break-all;
    }

    #GridCustomView .Favourite a, #GridCustomView .Favourite a:link, #GridCustomView .Favourite a:active, #GridCustomView .Favourite a:visited #GridCustomView .Favourite a:hover, #divCustomView .Favourite a, #divCustomView .Favourite a:link, #divCustomView .Favourite a:active, #divCustomView .Favourite a:visited #divCustomView .Favourite a:hover {
        cursor: pointer;
        color: #C0C6CC;
    }

    #GridCustomView td {
        vertical-align: middle;
    }

        #GridCustomView td:nth-child(n+4) {
            font-family: "Roboto Regular",sans-serif;
            font-size: 12px;
            font-weight: 400;
            color: #252525;
        }

    #GridCustomView .DocName .DocType {
        float: left;
        border: none;
        padding-right: 5px;
    }

#divPlaceholder .Version {
    border: none;
    padding-left: 5px;
    color: #455a64;
    font-size: 1.2em;
    cursor: help;
}

#divPlaceholder .Checkedout {
    border: none;
    padding-left: 5px;
    color: #455a64;
    font-size: 1.2em;
    cursor: help;
}

#GridCustomView {
    margin-bottom: 0;
}

    #GridCustomView .Favourite {
        border-right: none;
        padding-right: 2px;
        vertical-align: middle;
    }

    #GridCustomView .CheckboxCol {
        border-right: none;
        border-left: none;
        padding: 8px;
        vertical-align: middle;
    }

    #GridCustomView .DocName {
        border-left: none;
        padding-left: 2px;
        vertical-align: middle;
    }

#GridCustomView {
    margin-bottom: 0;
}


    #GridCustomView a {
        color: #252525;
    }

.ObjectBrowser_Pager {
    background-color: #fefefe;
    width: 100%;
    text-align: right;
    right: 0;
    display: block;
}

    .ObjectBrowser_Pager table {
        display: inline-block;
    }

    .ObjectBrowser_Pager td {
        padding: 2px 5px;
    }

    .ObjectBrowser_Pager a, .ObjectBrowser_Pager a:link, .ObjectBrowser_Pager a:active, .ObjectBrowser_Pager a:visited, .ObjectBrowser_Pager a:hover {
        cursor: pointer;
    }

.Header_Pager {
    background-color: #fff;
    width: 100%;
    text-align: right;
    right: 0;
    display: block;
    border: none;
    font-size: .9em;
    vertical-align: middle;
}

    .Header_Pager table {
        display: inline-block;
    }

    .Header_Pager td {
        padding: 2px 5px;
    }

    .Header_Pager a, .Header_Pager a:link, .Header_Pager a:active, .Header_Pager a:visited, .Header_Pager a:hover {
        cursor: pointer;
    }

    .Header_Pager input[type='text'] {
        width: 45px;
        height: 20px;
    }

    .Header_Pager .ViewToggleButtons {
        border-left: #ccc 3px solid;
        padding-left: 10px;
        font-size: 1.1em;
    }

#GridCustomView_CurrentPageMessage {
    padding: 5px 5px 2px 0;
}

.FavouriteSelected {
    color: #dc6f26;
}

.fd_space_horizontal_list {
    padding-left: 15px;
    padding-right: 15px;
}

/* Object Browser Ends here */

#colorbox #cboxClose {
    top: 0;
    right: 0;
}

#cboxLoadedContent {
    margin-top: 28px;
    margin-bottom: 0;
}

#divCustomView {
    border-collapse: collapse;
}

    #divCustomView .row {
        margin: 0;
        padding: 0;
        border-bottom: 1px #eee solid;
    }

    #divCustomView .RecordSet {
        border: 1px #337ab7 solid;
        border-top: 2px #337ab7 solid;
        margin-bottom: 5px;
    }

#divExistingViews a, #divExistingViews a:link, #divExistingViews a:hover, #divExistingViews a:visited, #divNewViewName a, #divNewViewName a:link, #divNewViewName a:hover, #divNewViewName a:visited {
    cursor: pointer;
}

.desktopRight {
    text-align: left;
}

.desktopLeft {
    text-align: left;
}

.widgetcontainer {
    padding: 8px 5px 10px;
    width: 98%;
    background-color: #fff;
}

.gridster {
    width: 100%;
    margin: 0 auto;
}

    .gridster ul {
        width: 100%;
        margin: 0;
    }

        .gridster ul li {
            background-color: #FAFAFA !important;
            list-style: none;
        }

    .gridster .gs-w {
        background: #FFF;
        cursor: pointer;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
    }

    .gridster .player {
        -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    }

    .gridster .gs-w.try {
        background-image: url(../img/sprite.png);
        background-repeat: no-repeat;
        background-position: 37px -169px;
    }

    .gridster .preview-holder {
        border: none !important;
        border-radius: 0 !important;
        background: rgba(255,255,255,.2) !important;
    }

.DashUserRecentAddModify {
    background-color: #FAFAFA;
    color: #585858;
    height: 100%;
    padding: 0;
}

    .DashUserRecentAddModify .DashboardHeader {
        width: 100%;
        background-color: inherit;
        display: block;
        padding: 2px 5px;
        border: #ccc 1px solid;
        font-weight: 700;
    }

        .DashUserRecentAddModify .DashboardHeader i {
            color: #ccc;
            margin-left: 5px;
            margin-right: 5px;
            font-weight: 400;
        }

            .DashUserRecentAddModify .DashboardHeader i:hover {
                color: #585858;
            }

    .DashUserRecentAddModify .DashboardContent {
        width: 100%;
        display: block;
        padding: 5px 5px 2px;
        border: #ccc 1px solid;
    }

.DashUserFlowReport {
    background-color: #48B0F7;
    color: #fff;
    height: 100%;
    padding: 0;
}

.DashUserRecentAddModify .DashboardHeader {
    width: 100%;
    background-color: inherit;
    display: block;
    padding: 2px 5px;
    border: #ccc 1px solid;
    font-weight: 700;
}

    .DashUserRecentAddModify .DashboardHeader i {
        color: #ccc;
        margin-left: 5px;
        margin-right: 5px;
        font-weight: 400;
    }

.DashUserFlowReport .DashboardHeader i:hover {
    color: #585858;
}

.DashUserFlowReport .DashboardContent {
    width: 100%;
    display: block;
    padding: 5px 5px 2px;
    border: #ccc 1px solid;
}

.DashUserMyCheckedDocs {
    background-color: InfoBackground;
    color: #585858;
    height: 100%;
    padding: 0;
}

.DashUserRecentAddModify .DashboardHeader {
    width: 100%;
    background-color: inherit;
    display: block;
    padding: 2px 5px;
    border: #ccc 1px solid;
    font-weight: 700;
}

    .DashUserRecentAddModify .DashboardHeader i {
        color: #ccc;
        margin-left: 5px;
        margin-right: 5px;
        font-weight: 400;
    }

.DashUserMyCheckedDocs .DashboardHeader i:hover {
    color: #585858;
}

.DashUserMyCheckedDocs .DashboardContent {
    width: 100%;
    display: block;
    padding: 5px 5px 2px;
    border: #ccc 1px solid;
}

.DashUserRecentViwed {
    background-color: #f0f8ff;
    color: #585858;
    height: 100%;
    padding: 0;
}

.DashUserRecentAddModify .DashboardHeader {
    width: 100%;
    background-color: inherit;
    display: block;
    padding: 2px 5px;
    border: #ccc 1px solid;
    font-weight: 700;
}

    .DashUserRecentAddModify .DashboardHeader i {
        color: #ccc;
        margin-left: 5px;
        margin-right: 5px;
        font-weight: 400;
    }

.DashUserRecentViwed .DashboardHeader i:hover {
    color: #585858;
}

.DashUserRecentViwed .DashboardContent {
    width: 100%;
    display: block;
    padding: 5px 5px 2px;
    border: #ccc 1px solid;
}

.docnamec {
    color: #252525;
    font-size: 13px;
    font-weight: 400;
    padding-right: 25px;
    padding-top: 15px;
    padding-left: 20px;
}

.soundmatc {
    color: #252525;
    font-size: 13px;
    font-weight: 400;
    padding-right: 25px;
    padding-left: 40px;
}

.keyadvance {
    color: #252525;
    font-size: 13px;
    font-weight: 400;
    width: 95px;
}

.keyadvancesname {
    color: #252525;
    font-size: 13px;
    font-weight: 400;
    width: 120px;
}

.keyadvancenote {
    color: #252525;
    font-size: 13px;
    font-weight: 400;
    width: 60px;
    text-align: right;
}

.keyadvanceand {
    color: #252525;
    font-size: 13px;
    font-weight: 400;
}

.imgwarn {
    z-index: 9999;
    margin-left: 10px;
    margin-right: 10px;
}

#toggleData .col-md-1 a {
    color: #252525;
}

.unbold {
    font-weight: 400 !important;
}

#AdminDiv .navbar {
    margin: 0;
}

#divLevelGrp .panel-default {
    border: 1px solid #ddd !important;
}

/*#fbold {
    font-weight: 700;
}*/

#colorgrayic a {
    color: #455A64;
    text-decoration: none;
}

#tblGroupAdmin a {
    color: #455A64;
    text-decoration: none;
}

/*#divAdminBody a {
    color: #455A64;
    text-decoration: none;
}*/

.unboldur {
    font-weight: 400 !important;
    text-align: right;
}

#divlabelselectDesignation .multiselect-container {
    width: 100%;
}

#divlabelselectManager .multiselect-container {
    width: 100%;
}

#divPriv .multiselect-container {
    width: 100%;
}

#divlabelselectDocument .multiselect-container {
    width: 100%;
}

#divLevelGM .multiselect-container {
    width: 70%;
}

#divLevelUser .multiselect-container {
    width: 70%;
}

#adminuserpad .form-Admin {
    padding-bottom: 20px;
    padding-top: 20px;
}

#adgroup .form-Admin {
    padding-bottom: 20px;
    padding-top: 20px;
}

#adgroup .multiselect-container {
    width: 100%;
}

#divAddNews .form-Publish {
    padding-bottom: 20px;
    padding-top: 20px;
}

#divAddNews .multiselect-container {
    width: 100%;
}

#divAddNotice .form-Publish {
    padding-bottom: 20px;
    padding-top: 20px;
}

#divAddNotice .multiselect-container {
    width: 100%;
}

#divAdEvent .form-Publish {
    padding-bottom: 20px;
    padding-top: 20px;
}

#divAdEvent .multiselect-container {
    width: 100%;
}

#cabinetwid .multiselect-container {
    width: 100%;
}

#Cabinet .form-group {
    padding-bottom: 20px;
    padding-top: 20px;
}

#UserPrivileges .multiselect-container {
    width: 100%;
}

#FolderUserPrivileges .multiselect-container {
    width: 100%;
}

.position {
    width: 50%;
    margin: 0 auto;
}

.alert {
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 0px;
    font-size: 14px;
}

.alert-success {
    color: #1B5E20;
    background-color: #ffffff;
    border-color: #ffffff;
}

.alert-error {
    color: #B71C1C;
    background-color: #ffffff;
    border-color: #ffffff;
}

.alert-warning {
    color: #F57F17;
    background-color: #ffffff;
    border-color: #ffffff;
}

#MsgButton a {
    color: #1565C0;
}

.alert_closebutton {
    padding-bottom: 15px;
    text-decoration: none;
    color: #0097A7;
}

.field-validation-error {
    color: red;
}

#divBootModal .modal-header {
    padding-top: 5px;
    padding-bottom: 5px;
}

.entpage {
    background-color: #fff;
    border: 1px solid #e9ecf0;
    padding-bottom: 30px;
    border-radius: 4px;
    padding-left: 20px;
}

.borbot {
    border-bottom: 1px solid #e9ecf0;
}

.tealignbot {
    padding-bottom: 0;
}

    .tealignbot a {
        padding-left: 10px;
    }

.tealign {
    padding-left: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #454545;
}

.padzeero {
    margin-left: 40px !important;
    padding-left: 0 !important;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #252525;
}

.padzeerocr {
    margin-left: 34px !important;
    padding-left: 0 !important;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #5e5d5d;
}

.padzeercrea {
    margin-left: 40px !important;
    padding-left: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #5e5d5d;
}

.icondocs {
    float: right;
}

.chbx {
    vertical-align: middle;
    float: left;
    margin: 0;
}

.entpricon span {
    padding: 10px;
}

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: .2;
    filter: alpha(opacity=80);
    z-index: 10000;
}

#loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
    height: 150px;
}

.btn-theme {
    color: #fff;
    background-color: #4ECDC4;
    border-color: #48bcb4;
}

    .btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme.active, .open .dropdown-toggle.btn-theme {
        color: #fff;
        background-color: #48bcb4;
        border-color: #48bcb4;
    }

.label-theme {
    background-color: #4ECDC4;
}

/*.formheadlabel {
    font-size: 1.2em;
    color: #252525;
    font-weight: 400;
    text-align: right;
    padding-top: 7px;
}*/

.radio, .checkbox {
    margin-bottom: 1px !important;
    margin-top: 0 !important;
}

.fd_dashboardspace {
    margin-top: 30px;
    margin-bottom: 30px;
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}

.fd_marginbottom10 {
    margin-bottom: 10px;
}

.fd_text1 {
    font-size: 1.2em;
}

.fd_text2 {
    font-size: 1.1em;
}

.fd_text3 {
    font-size: 1em;
}

.fd_text4 {
    font-size: .9em;
}

.fd_text5 {
    font-size: .8em;
}

.fd_space_horizontal {
    padding-left: 5px;
    padding-right: 5px;
}

.fd_space_vertical {
    margin-top: 20px;
    margin-bottom: 20px;
}

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

.fd_margin20 {
    margin: 20px 15px;
}

.fd_margin20ent {
    margin: 20px 0px;
}

.fd_margin20entdoclist {
    margin: 20px 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.btn.btn-fab {
    font-size: 10px;
    margin: 0;
    width: 45px;
    height: 45px;
    padding: 9.5px 0 0;
}



.btn-info {
    background-image: none;
}

.fd_TopHeader {
    background-color: #00BCD4;
    color: #fff;
    font-size: 1.357em;
}

.fd_Padding {
    padding-top: 10px;
    font-size: 1.7em;
}

.fd_headsection {
    font-size: 1.357em;
    font-weight: initial;
    padding-top: 10px;
}

.fd_Row1 {
    background-color: #26C6DA;
    font-size: 1.357em;
}

.fd_Row2 {
    background-color: #4DD0E1;
    font-size: 1.286em;
}

.fd_Row3 {
    background-color: #80DEEA;
    font-size: .929em;
}

.fd_Row4 {
    background-color: #B2EBF2;
    font-size: .857em;
}

#Mid-btn {
    position: relative;
    z-index: 100;
}

    #Mid-btn .Firstbtn {
        margin-right: 10px;
        /*margin-top: 30px;*/
        margin-top: 12px;
    }

    #Mid-btn .Secondbtn {
        /*margin-top: 30px;*/
        margin-top: 12px;
        margin-right: 50px;
    }



.btn-fab {
    position: relative;
    float: right;
    margin: 5px 0;
    padding: 15px;
    border-radius: 100%;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    width: 62px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    height: 62px;
    line-height: 32px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.28);
}

    .btn-fab i {
        text-align: center;
        font-size: 32px;
    }

    .btn-fab:hover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

.btn-large {
    height: 54px;
    line-height: 56px;
}

    .btn-large i {
        font-size: 3.6rem;
    }

.blue {
    background-color: #0D47A1 !important;
}

.btn-floating {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 37px;
    height: 37px;
    line-height: 37px;
    padding: 0;
    background-color: #26a69a;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
}

    .btn-floating i {
        width: inherit;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 1.6rem;
        line-height: 37px;
    }

    .btn-floating:before {
        border-radius: 0;
    }

    .btn-floating.btn-large {
        width: 55.5px;
        height: 55.5px;
    }

        .btn-floating.btn-large i {
            line-height: 55.5px;
        }

.fixed-action-btn ul a.btn-floating {
    opacity: 0;
}

.fixed-action-btn {
    position: fixed;
    right: 23px;
    bottom: 23px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 998;
}

#txtAutoCompleteSearch::-webkit-input-placeholder {
    color: #fff;
}

#txtAutoCompleteSearch::-moz-placeholder {
    color: #fff;
}

#divCustomViewConfig {
    margin-left: 0;
    margin-right: 0;
    padding: 15px 10px 5px;
}

    #divCustomViewConfig .row {
        margin-left: 0;
        margin-right: 0;
    }

.fd_PropLeft {
    font-family: "Roboto Regular",sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #252525;
    text-align: right;
    padding-right: 8px;
    padding-left: 0;
}

.fd_PropRight {
    font-family: "Roboto Regular",sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #252525;
    padding-right: 0;
    padding-left: 0;
}

.pager li > a, .pager li > span {
    padding: 2px 5px;
    border-radius: 3px;
    color: #252525;
}

.fd_PropLeft {
    font-family: "Roboto Regular",sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #252525;
    text-align: right;
    padding-right: 8px;
    padding-left: 0;
}

#divAdvSearchfg .mdi-content-save {
    color: #455A64;
}

.fd_PropRight {
    font-family: "Roboto Regular",sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #252525;
    padding-right: 0;
    padding-left: 0;
}

.docprpertiesheadert {
    font-weight: 400;
    color: #546E7A;
    font-size: 16px;
    font-family: "Roboto Regular",sans-serif;
}

    .docprpertiesheadert a {
        font-weight: 500;
        color: #607D8B;
    }

        .docprpertiesheadert a:hover {
            font-weight: 500;
            color: #607D8B;
            text-decoration: none;
        }

.fd_formpanelCPwd {
    margin-top: 30%;
    margin-bottom: 10%;
}

.fd_stripAdmin1 {
    font-family: "Roboto Regular",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #252525;
    padding-bottom: 5px;
    word-break: break-all;
}

.fd_stripAdmin2 {
    font-family: "Roboto Regular",sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #252525;
    margin-bottom: 5px;
    word-break: break-all;
}

.fd_stripAdmin3 {
    font-family: "Roboto Regular",sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #455A64;
    margin-bottom: 5px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.fd_cardBackgroud {
    background-color: #e0e0e0;
}

.fd_cardColor {
    background-color: #ffffff;
}
/*-------ValidationMessageErrorClass*/
.validationErrorClass {
    color: red;
}
/*-------END ValidationMessageErrorClass*/


/*------------------only for next previous btn----------------start----------------*/
.pagernew {
    padding-left: 0;
    margin: 20px 0;
    /*text-align: center;*/
    list-style: none;
}

    .pagernew li {
        display: inline;
    }

        .pagernew li > a, .pagernew li > span {
            display: inline-block;
            /*padding: 5px 14px;*/
            /*background-color: #fff;*/
            /*border: 1px solid #ddd;
   border-radius: 15px;*/
        }

            .pagernew li > a:focus, .pagernew li > a:hover {
                text-decoration: none;
            }

    .pagernew .next > a, .pagernew .next > span {
        float: right;
    }

    .pagernew .previous > a, .pagernew .previous > span {
        float: left;
    }

    .pagernew .disabled > a, .pagernew .disabled > a:focus, .pagernew .disabled > a:hover, .pagernew .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
    }

.fd_nextbtn {
    margin-top: -3px;
    position: absolute;
    margin-left: 38px;
}

.fd_prevbtn {
    margin-top: -3px;
    position: absolute;
    margin-left: -30px;
}
/*------------------only for next previous btn------------------End----------------*/

/*-----------------new btn theme overwrite css------start--------*/
/*a:hover, a:focus {
    color: #00ACC1;
}*/

/*-----------------Radio btn---blue theme---start--------*/
.radio-primary input[type="radio"]:checked ~ .circle {
    border-color: #0D47A1;
}

.radio-primary input[type="radio"]:checked ~ .check {
    background-color: #0D47A1;
}

.radio-material-cyan-400 input[type=radio]:checked ~ .circle {
    border-color: #0D47A1;
}

.radio-material-cyan-400 input[type=radio]:checked ~ .check {
    background-color: #0D47A1;
}

.radio-success input[type=radio]:checked ~ .check {
    background-color: #0D47A1;
}

.radio-success input[type=radio]:checked ~ .circle {
    border-color: #0D47A1;
}

.radio-success input[type=radio]:checked ~ .check {
    background-color: #0D47A1;
}
/*-----------------Radio btn-----end--------*/
/*-----------------checkbox---blue theme---start--------*/
.checkbox-material-cyan-400 input[type=checkbox]:checked + .checkbox-material .check {
    color: #0D47A1;
}

    .checkbox-material-cyan-400 input[type=checkbox]:checked + .checkbox-material .check:before {
        color: #0D47A1;
    }

.checkbox input[type=checkbox]:checked + .checkbox-material .check, .checkbox-default input[type=checkbox]:checked + .checkbox-material .check {
    color: #0D47A1;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check, .checkbox-default input[type=checkbox]:checked + .checkbox-material .check {
    color: #0D47A1;
}

    .checkbox input[type=checkbox]:checked + .checkbox-material .check:before, .checkbox-default input[type=checkbox]:checked + .checkbox-material .check:before {
        color: #0D47A1;
    }

a:hover, a:focus {
    color: #0D47A1;
}
/*-----------------checkbox-----end--------*/
.btn-primary:hover:not(.btn-link):not(.btn-flat) {
    background-color: #1565C0;
}

.btn-primary:not(.btn-link):not(.btn-flat) {
    background-color: #0D47A1;
    color: rgba(255, 255, 255, 0.84);
}

#btnResDoc .mdi-action-settings-backup-restore {
    color: #fff;
}

#btnRemDoc .mdi-content-clear {
    color: #fff;
}

.dropdown-menu li a:hover,
.dropdown-menu-default li a:hover {
    color: #0D47A1;
}

.dropdown-menu > li > a:hover {
    color: #0D47A1;
}
/*---message-----------------btn-----------------*/
.btn-material-grey:hover:not(.btn-link):not(.btn-flat) {
    background-color: #1565C0;
}

.btn-material-grey:not(.btn-link):not(.btn-flat) {
    background-color: #0D47A1;
    color: rgba(255, 255, 255, 0.84);
}

.btn-primary:active:not(.btn-link):not(.btn-flat) {
    background-color: #1565C0 !important;
}

.btn-material-amber:not(.btn-link):not(.btn-flat) {
    background-color: #1565C0 !important;
    color: #fff;
}

.btn-material-amber:hover:not(.btn-link):not(.btn-flat) {
    background-color: #1565C0 !important;
}

.btn-material-amber:not(.btn-link):not(.btn-flat) {
    background-color: #1565C0 !important;
    color: #fff;
}

.btn-material-amber:hover:not(.btn-link):not(.btn-flat) {
    background-color: #1565C0 !important;
}

/*----------------End-------------------*/
.fd_link {
    cursor: pointer;
}

    .fd_link:hover {
        cursor: pointer;
        text-decoration: underline;
    }
/*-----------------Admin tree css------start--------*/
#AdmtblCabinets th, #AdmtblCabinets td {
    border-top: none;
    padding: 2px;
}

#AdmtblCabinets {
    word-break: break-all;
    word-wrap: break-word;
}

    #AdmtblCabinets a {
        color: #252525;
    }

#AdmdivFolderTree .TreeBreadCrumb span[onclick], #AdmdivFolderTree .TreeBreadCrumb span[onclick]:hover {
    cursor: pointer;
    text-decoration: underline;
}

/*#tblCabinets {width:90%;margin-left: 45px;}*/
/*----------------End-------------------*/

/* Admin DataClass Starts */
#divAdminBody #DataClass {
}

#divAdminBody .divDCCreate {
    padding-top: 10px;
}

#divAdminBody .divDCEdit {
    display: none;
}

#divAdminBody .divDescriptor {
}

#divAdminBody .divLocalDescriptorList {
}

#divAdminBody .divEditDescriptor {
    display: none;
}

#divAdminBody .divCreateDescriptor {
    display: none;
}

#divAdminBody .divAddDescriptor {
    padding: 10px 0 10px 10px;
}

#divAdminBody .divDescAutoFill {
    padding: 10px 10px 10px 10px;
    margin-bottom: 25px;
    border: 1px solid #eee;
    min-height: 70px;
}

#divAdminBody .divAutoFillValue {
    padding: 10px 0px 10px 0px;
    margin: 25px 0 0;
}

#divAdminBody .GlobalDescriptor {
    padding: 10px;
}

#divAdminBody .divGDescriptor {
    height: 70px;
}

#divAdminBody .divGEditDescriptor {
    display: none;
}

#divAdminBody .divGCreateDescriptor {
}
/* Admin DataClass Ends */


.alert-successSerach {
    color: #252525;
    background-color: #0097A7;
    border-color: #00BCD4;
}

.alert-errorSerach {
    color: #252525;
    background-color: #f33917;
    border-color: #00BCD4;
}

.alert-warningSerach {
    color: #252525;
    background-color: #E3F3B8;
    border-color: #00BCD4;
}

.fd_padL40 {
    padding-left: 40px;
}

.fd_padL55 {
    padding-left: 55px;
}

.fd_linkdate {
    padding-left: 0px;
}

.fd_lkdtcbox {
    padding-left: 0px;
}

.fd_padL0 {
    padding-left: 0px;
}

.fd_padLink {
    padding-left: 0px;
}

.fd_linkdate1 {
    padding-left: 0px;
}

.fd_admdesc {
    font-size: 15px;
    font-family: "Roboto Regular",sans-serif;
    margin-top: 6px;
    position: absolute;
    padding-left: 5px;
    width: 155px;
}

/* the class for showing count in Inbox */
/*.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: rgba(0,0,0,0.28);
    border-radius: 10px;
}*/

.badge_Inbox {
    background-color: #78909C;
    /*border-radius: 10px;*/
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 5px 5px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.glyphicon {
    color: #455a64;
}

#tblCabinets a {
    color: #212121;
}

.SumoSelect.disabled {
    opacity: 0;
}

.TreeviewDoCancel {
    position: absolute;
    right: 15px;
    bottom: 25px;
}

.SumoSelect > .optWrapper > .options {
    max-height: 200px !important;
}

#tblCabinets td {
    line-height: 1.5;
}

.pagination td a {
    color: #212121;
}

.requiredAsterisk {
    color: gray;
}

.glyphicon-remove {
    color: red;
}

.errmsg {
    color: red;
}

.ncabinetclr {
    color: #f9853f;
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) {
    .fd_hdrlogo {
        padding-left: 0px;
    }

    .fd_hdrsrch {
        width: 20%;
        padding-left: 0px;
    }

    .fd_hdrsrch1 {
        padding-left: 10px !important;
    }

    .fd_hdrlogo2 {
        margin-left: 10px;
    }

    .fd_hdrmenu {
        width: 55%;
        padding-left: 10px;
        padding-right: 10px;
    }

    #FixedTopMenu .logo img {
        padding: 0px 11px 0 11px;
    }

    #divAdvanceSearchPanel #txtAutoCompleteSearch {
        width: 35%;
        float: left;
    }
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #0D47A1;
    border-color: #0D47A1;
}