/* global elements 
--------------------------------------------------------------------------------*/


* {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    outline: 0;
    /*vertical-align: baseline;*/
    vertical-align: top;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 11px; /* 0.625em = 10px */
    padding: 0px;
    margin: 0px;
    white-space:normal;
}

fieldset {
    padding: 10px;
    border: 1px solid #bbb;
    margin: 5px;
}

legend {
    font-weight: bold;
}

em {
    font-style: italic;
}

    em.missing {
        color: #006699;
    }

strong {
    font-weight: bold;
}

ul li {
    list-style-type: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

optgroup {
    font-weight: bold;
    margin: 0px 3px 10px;
    font-size: 110%;
}

    optgroup option {
        padding-left: 10px;
    }


/*html & body UN blue #69F;
--------------------------------------------------------------------------------*/

html {
    height: 100%;
    /*background:url('../images/main.png');	*/
}

body {
    color: #666666;
    padding: 0 0 40px;
    font-size: 9px;
    background: #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* anchors
--------------------------------------------------------------------------------*/
a {
    color: #3070b0;
    font-weight: normal;
    text-decoration: none;
}

    a:hover {
        color: #559ade;
        text-decoration: none;
    }

    a:focus {
        color: #559ade;
        text-decoration: none;
    }

/* headings
--------------------------------------------------------------------------------*/
/*h1, h2, h3, h4 { }*/
h1 {
    font-weight: normal;
    color: Red
}

h2 {
    font-weight: bold;
    font-size: 1.1em;
}

h3 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 5px 0px 10px;
}

h4 {
    font-size: 2.0em;
    font-weight: bold;
    color: #FFF
}

.fixed-width-amount {
    width: 200px !important;
}

h5 {
    font-size: 1.5em;
    font-weight: bold;
    color: #900;
    margin: 0px 0px 10px;
    text-decoration: underline;
}

.countryLbl {
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    margin: 0px auto;
    text-align: right;
}

p {
    margin: 5px 0px;
    height: 32px;
}

.underline {
    padding-bottom: 2px;
    border-bottom: 1px solid #bbb;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.clear {
    overflow: hidden;
}

.clearfix {
    display: inline-block;
    width: 193px;
}

    .clearfix:after {
        clear: both;
        content: '.';
        display: block;
        visibility: hidden;
        height: 0;
    }


/* container background
--------------------------------------------------------------------------------*/
.container {
    position: relative;
    width: 100%;
    min-width: 1230px;
}

.large-container {
    position: relative;
    width: 100%;
    min-width: 960px;
}
/* top-bar
--------------------------------------------------------------------------------*/

.titleBg {
    background: transparent url("../images/top_banner_map.svg") no-repeat right 0px !important;
    height: 65px;
}

.projTitle {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: right;
    padding: 2px 10px 0 0 !important;
}

#top-bar td {
    padding: 0px;
}

.lblWelcome {
    text-align: right;
    /*color: #0e6fa8;*/
    color: #fff;
    font-weight: normal;
    /*font-size: 10px;*/
    font-size: 12px;
    margin-top: 7px;
}

.lblRole {
    text-align: right;
    /*color: #0e6fa8;*/
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    position: relative;
    z-index: 10
}

#top-bar {
    background: #1F69B3 url("../images/logo_onegms.svg") no-repeat 10px center;
    height: 65px;
    background-size: 375px 100px;
}

#top-bar h4 {
    padding-top: 20px;
    text-align: right;
    margin-right: 10px;
    color: #555;
    font-size: 15px;
}

#top-bar h1 {
    padding-top: 20px;
    text-align: right;
    margin-right: 10px;
}

#main-wrapper {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 20px;
    overflow: auto;
}

#large-main-wrapper {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 20px;
}

.forms-data {
    padding: 15px;
    background: #fff;
    border: #999 1px solid;
    overflow: auto;
    min-width: 400px;
    border: solid 1px rgba(0, 0, 0, 0.3);
    outline: 0;
}

.large-forms-data {
    padding: 0px 15px 25px 15px;
    background: #fff;
    /*border: #999 1px solid;		
	border: solid 1px rgba(0, 0, 0, 0.3);*/
    min-width: 1200px;
    outline: 0;
    /*border-top: 5px solid #f37261;*/
}

/* table
--------------------------------------------------------------------------------*/


table.stripped th {
    padding: 5px 5px 2px;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    background-color: #0d6cb6 !important; /*#e6eeee;*/
    border-bottom: 2px solid #A4BED4;
    border-left: 1px solid #d9dee2;
    height: 20px;
    color:#fff;
}
    table.stripped th a {
        color: #fff !important;
        font-weight:bold;
    }

    table.stripped th:last-child {
        border-right: 1px solid #A4BED4;
    }

table.stripped tr {
    border-bottom: 1px solid #d9dee2;
}

table.stripped td {
    border-left: 1px solid #d9dee2;
    font-size: 11px;
}

    table.stripped td:last-child {
        border-right: 1px solid #d9dee2;
    }

table.stripped tr:hover {
    background: #bcd4ec !important;
}
/*--------------------------------------------------------------*/
table.stripped_1 th {
    padding: 5px 5px 2px;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    background-color: #0d6cb6 !important; /*#e6eeee;*/
    border-bottom: 1px solid #A4BED4;
    border-left: 1px solid #d9dee2;
    height: 20px;
    color:#fff;
}


    table.stripped_1 th:last-child {
        border-right: 1px solid #A4BED4;
    }

table.stripped_1 tr {
    border-bottom: 1px solid #d9dee2;
}

table.stripped_1 td {
    border-left: 1px solid #d9dee2;
    border-bottom: 1px solid #d9dee2;
    font-size: 11px;
}

    table.stripped_1 td:last-child {
        border-right: 1px solid #d9dee2;
    }

table.stripped_2 th {
    padding: 5px 5px 2px;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    background-color: #85A3C7 !important; /*#e6eeee;*/
    border: 1px solid #d9dee2;
    border-top: 0 !important;
    height: 20px;
}

table.stripped_2 tr {
    border-bottom: 1px solid #d9dee2;
}

table.stripped_2 td {
    border-left: 1px solid #d9dee2;
    border-bottom: 1px solid #d9dee2;
    border-right: 1px solid #d9dee2;
    font-size: 11px;
}

table.stripped_2 tr:hover {
    background: #bcd4ec !important;
}

/*--------------------------------------------------------------*/

table.quickFilter th {
    padding: 3px 3px 0px 7px;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    background-color: #0d6cb6 !important; /*#e6eeee;*/
    border: 1px solid #0d6cb6;
    height: 20px;
}

table.quickFilter td {
    border-left: 1px solid #d9dee2;
    border-right: 1px solid #d9dee2;
    border-bottom: none;
    font-size: 11px;
    padding: 4px 5px 4px 0px;
}

table.quickFilter tr.last-child {
    border-bottom: 1px solid #d9dee2;
}

table.quickFilter td .boxLabel input, .boxLabel label {
    margin: 0 0 0 7px !important;
}

table.quickFilter tr:hover {
    background: #bcd4ec !important;
}


.boxLabel_2 input, .boxLabel_2 label {
    float: left;
    line-height: 14px;
    margin-right: 10px;
}

.boxLabel_3 input, .boxLabel_3 label {
    display: inline;
    line-height: 12px;
    margin-right: 5px;
}

.boxLabel_5 input {
    float: left;
    line-height: 14px;
    margin-right: 5px;
}

.boxLabel_5 label {
    float: left;
    line-height: 14px;
    margin-right: 10px;
}

table.px800 {
    width: 800px;
}

table.px1000 {
    width: 1000px;
}

table.px600 {
    width: 600px;
}

.dataentrylabels {
    text-align: left;
    font-size: 12px;
    width: 120px;
}

table.dataentrylabels_1 {
    border-collapse: collapse;
}

    table.dataentrylabels_1 td {
        text-align: left;
        font-size: 11px;
        font-family: verdana;
    }

td {
    padding: 5px;
    text-align: left;
}

#answers tr, #answers th, #answers td {
    border: 1px solid #ccc;
    padding: 5px;
}

    #answers tr th {
        font-weight: bold;
    }


/**Footer
--------------------------------------------------------------------------------*/
.footer {
    /*background: url("../images/line.gif") repeat-x scroll left top transparent;	 */
    font-size: 11px;
    padding: 3px 10px;
    width: 100%;
    /*margin-top:30px;*/
    background-color: #888483;
    color: #fff;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    line-height: normal;
    z-index: 3;
    box-sizing: border-box;
}

hr {
    height: 5px;
    background-color: #ccc;
    border: 0;
}

div.section {
    padding: 5px;
    /*background-color:#ebebeb;
	border: 1px solid #666666;*/
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0;
    font-size: 120%;
    border-bottom: 1px dotted #ccc;
}

div.tabular-question {
    font-weight: bold;
    padding: 5px 0 10px;
    font-size: 120%;
    border-bottom: 1px dotted #ccc;
    text-transform: uppercase;
    margin: 10px 0;
}


div.question {
    padding: 5px 0px;
    font-weight: bold;
}

div.answer {
    padding: 5px 10px;
    border-bottom: 1px dotted #ccc;
}

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

table.checklabel tr td {
    border: 1px solid transparent;
    padding: 5px 0px;
}

table.checklabel label {
    display: inline-block;
    margin-bottom: 2px;
    width: auto;
    margin-left: 5px;
}
/*, textarea*/ /* Commented on 05/08/2013 */
/*input[type="text"],input[type="TextBox"], input[type="password"],select,input[type="file"] {
	background:#EEF3F4;
	border: 1px solid #008899;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	padding: .2em;
    width: 250px;
}

textarea 
{
   overflow: auto;
   min-width:176px!important;
    height: 80px;
} */ /** ie fix to clear the overflow-bars **/

.input-normal-textbox {
    width: 100%;
    border: 1px solid #008899;
    max-width: 450px;
}

.input-small-textbox {
    width: 100%;
    border: 1px solid #008899;
    max-width: 60px;
}

.input-budgetline-textbox {
    width: 100% !important;
    border: 1px solid #ccc !important;
    max-width: 320px !important;
    height: 12px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 7pt !important;
    background-color: #FFFFFF !important;
    width: 200px !important;
}

.input-unit-description {
    width: 100% !important;
    border: 1px solid #ccc !important;
    max-width: 40px !important;
    text-align: right !important;
    height: 12px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 7pt !important;
    background-color: #FFFFFF !important;
    width: 100px !important;
}

.input-small-units {
    width: 100% !important;
    border: 1px solid #ccc !important;
    max-width: 40px !important;
    text-align: right !important;
    height: 12px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 7pt !important;
    background-color: #FFFFFF !important;
    width: 50px !important;
}

.budgetGrayBg {
    background-color: #F0F0F0 !important;
    border: 1px solid #ccc !important;
    text-align: left !important;
    height: 12px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 8pt !important;
}

.budgetcode {
    width: auto !important;
    /*border: 1px solid #ccc;*/
    max-width: 42px !important;
    text-align: left !important;
    border: 0px solid #ccc !important;
    height: 12px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 8pt !important;
    background-color: #F0F0F0 !important;
}

.unit-cost {
    width: 100% !important;
    border: 1px solid #ccc !important;
    max-width: 90px !important;
    text-align: right !important;
    height: 12px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    background-color: #FFFFFF !important;
    font-size: 7pt !important;
}

.units {
    width: 100% !important;
    border: 1px solid #ccc !important;
    max-width: 40px !important;
    text-align: right !important;
    height: 12px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    background-color: #FFFFFF !important;
    font-size: 7pt !important;
}

.CHF-percentage {
    width: 100%;
    border: 1px solid #ccc;
    max-width: 40px;
    text-align: right;
}

.timeframe {
    width: 100%;
    border: 1px solid #ccc;
    max-width: 45px;
    text-align: right;
    height: 12px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    font-size: 7pt;
}

.amountusd {
    width: 100% !important;
    border: 1px solid #ccc !important;
    max-width: 60px !important;
    text-align: right !important;
    height: 12px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 7pt !important;
    background-color: #FFFFFF !important;
}

.quarter, .quarter1, .quarter2, .quarter3, .quarter4 {
    width: 90% !important;
    border: 1px solid #ccc !important;
    max-width: 60px !important;
    text-align: right !important;
    float: right;
    height: 12px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 7pt !important;
    background-color: #FFFFFF !important;
}

.organization {
    width: 100%;
    border: 1px solid #ccc;
    max-width: 60px;
    text-align: right;
}

.CHF {
    width: 100% !important;
    border: 1px solid #ccc !important;
    max-width: 60px !important;
    text-align: right !important;
    height: 12px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 7pt !important;
    background-color: #F0F0F0 !important;
}

.quarterTotal, .quarter1Total, .quarter2Total, .quarter3Total, .quarter4Total, .quarterSumTotal, .lineTotal {
    width: 98% !important;
    border: 0px solid #ccc !important;
    max-width: 100px !important;
    text-align: right !important;
    float: right;
    height: 12px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 7pt !important;
    background-color: #FFF !important;
}

.input-budget-remark {
    max-width: 125px !important;
    border: 1px solid #ccc !important;
    text-align: left !important;
    height: 12px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    background-color: #FFFFFF !important;
    font-size: 7pt !important;
}

.subtotalamtusd {
    text-align: right !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 7pt !important;
}

.subtotalquarter1, .subtotalquarter2, .subtotalquarter3, .subtotalquarter4, .subtotalQuarterSum {
    border: 0;
    text-align: right !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 7pt !important;
}

.grandtotalamtusd, .grandtotalQuarter1, .grandtotalQuarter2, .grandtotalQuarter3, .grandtotalQuarter4, .grandtotalQuarterTotal, .grandtotalchf, .grandtotalPercOfCHF {
    background-color: #bbb !important;
    text-align: right !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 7pt !important;
}

.input-date-textbox {
    width: 100%;
    max-width: 80px;
}

.input-smaller {
    width: 45%;
    max-width: 250px;
}

.input-small {
    width: 50%;
    max-width: 400px;
}

.input-medium {
    width: 75%;
    max-width: 500px;
}

.input-large {
    width: 90%;
    max-width: 500px;
}

input.input-borderless {
    border: 0px solid #ccc;
    background: none;
}

.input-textarea {
    min-width: 400px;
    height: 150px;
    overflow: auto;
}

input.input-borderless:hover, input.input-borderless:active, input.input-borderless:focus {
    outline: 1px solid #ccc;
    background: #eef3f4;
}


.back, .next {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.3em .8em;
    border: 1px solid #3072b3;
    border-bottom-color: #2a65a0;
    margin: 10px 0;
    font: 12px/normal sans-serif;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #3C8DDE;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}


    .back:hover, .next:hover, .back:focus, .next:focus, .back:active, .next:active {
        border: 1px solid #5b5b5b;
        text-decoration: none;
        text-shadow: 1px 1px 0 #fff;
        font: 12px/normal sans-serif;
        color: #333;
        padding: 0.3em .8em;
        margin: 10px 0;
        background-color: #0BB5FF;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00BFFF), to(#0BB5FF));
        background-image: -moz-linear-gradient(#00BFFF, #0BB5FF);
        background-image: -o-linear-gradient(#00BFFF, #0BB5FF);
        background-image: linear-gradient(#00BFFF, #0BB5FF);
    }


.back {
    float: left;
}

.next {
    float: right;
}



.back {
    float: left;
}

.next {
    float: right;
}

.nextbutton {
    margin: 150px auto;
}

.login {
    width: 418px;
    margin: 100px;
    FONT-SIZE: x-small;
    FONT-FAMILY: Tahoma, arial,helvetica, sans-serif;
}

table.formated-table td, table.formated-table th {
    text-align: left;
    vertical-align: top;
    padding: 3px;
    border: 1px solid #d2e2f1;
}


table.formated-table th {
    background-color: #9CF;
    border-top: 1px solid #e2e5e9;
    border-bottom: 1px solid #e2e5e9;
    font-weight: bold;
}

table.formated-table td {
    margin: 0 0 0 5px
}

.formated-table-number {
    font-size: 150%;
    font-weight: bold;
    color: #00bbf4;
}
/* 
table.formated-table tr:hover {
	background: #bcd4ec !important;
}
*/
.instructions {
    font-size: 90%;
    padding: 0 0 5px;
    text-transform: none;
}

.success, .error {
    padding: 10px;
    background-color: #cfc;
    border: 1px solid #c93;
}

.error {
    padding: 10px;
    background-color: #cfc;
    color: #f00;
}

.menu {
    padding: 9px 0 0;
    font-size: 120%;
}

    .menu a {
        font-weight: bold;
    }

.menu-within {
    padding: 1px 0 0;
}

/** TAB MENUS
--------------------------------------------------------------------------------*/

ul.link-tabs {
    list-style: none;
    height: 28px;
    border-bottom: 0px solid #999;
    /*border: 1px solid #999;*/
    width: 100%;
    margin-bottom: 6px;
}

    ul.link-tabs li {
        position: relative;
        overflow: visible;
        display: inline-block;
        padding: 0.5em .8em;
        border: 1px solid #bbb;
        border-bottom: 0px solid #bbb;
        margin: 0;
        margin-left: 2px;
        text-shadow: 1px 1px 0 #fff;
        color: #333;
        white-space: nowrap;
        cursor: pointer;
        outline: none;
        background-color: #ececec;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
        background-image: -moz-linear-gradient(#f4f4f4, #ececec);
        background-image: -o-linear-gradient(#f4f4f4, #ececec);
        background-image: linear-gradient(#f4f4f4, #ececec);
        -webkit-background-clip: padding;
        -moz-background-clip: padding;
        -o-background-clip: padding-box;
        /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-top-left-radius: 5px;
        -moz-border-top-right-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        /* IE hacks */
        zoom: 1;
        *display: inline;
    }

        ul.link-tabs li:first-child {
            margin-left: 0px;
        }

        ul.link-tabs li a {
            text-decoration: none;
            color: #666;
            display: block;
            padding: 1px 1px;
            outline: none;
        }

        ul.link-tabs li:hover {
            background: #ccc;
        }

        ul.link-tabs li.active {
            border-bottom: 1px solid #fff;
        }

            ul.link-tabs li.active a {
                font-weight: bold;
                border-bottom: 1px solid #fff;
            }


html ul.link-tabs li.active, html ul.link-tabs li.active a:hover {
    /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

/*TAB MENU WITHIN A PAGE */
ul.link-tabs-within {
    list-style: none;
    border-bottom: 0px solid #999;
    /*border: 1px solid #999;*/
    width: 100%;
    display: inline-block;
}

    ul.link-tabs-within li {
        position: relative;
        overflow: visible;
        display: inline-block;
        padding: 0.5em;
        margin-left: 2px;
        text-shadow: 0px 0px 0 #fff;
        color: #333;
        white-space: nowrap;
        cursor: pointer;
        outline: none;
        background-color: #eee;
        border-radius: 3px 3px 0 0;
    }

        ul.link-tabs-within li:first-child {
            margin-left: 0px;
        }

        ul.link-tabs-within li a {
            text-decoration: none;
            font-size: 13px;
            color: #777;
            display: block;
            padding: 2px 2px;
            outline: none;
            margin-bottom: -2px;
        }

        ul.link-tabs-within li a {
            font-size: 13px;
            color: #777;
            font-family: 'Roboto', sans-serif;
        }

        ul.link-tabs-within li:hover {
            background: #cbdeef;
        }

        ul.link-tabs-within li.active {
            border-bottom: 1px solid #fff;
        }

            ul.link-tabs-within li.active a {
                font-weight: bold;
                color: #3072b3;
            }

        ul.link-tabs-within li.active-1 {
            background: #fff;
            border-bottom: 1px solid #fff;
        }

            ul.link-tabs-within li.active-1 a {
                font-weight: bold;
                border-bottom: 1px solid #f0eff2;
                font-size: 12px;
                color: #4f81bd;
                line-height: 14px;
            }

.yr-active {
    background: none repeat scroll 0 0 #4F81BD;
    border-radius: 2px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 5px;
}


.button-color1 {
    background-color: #65e28f !important;
    background-image: linear-gradient(#A2F6E6, #2DD041) !important;
    float: right;
}

.button-color2 {
    background-color: #ffc15a !important;
    background-image: linear-gradient(#FFE597, #FFA222) !important;
    float: right;
}

.button-color3 {
    background-color: #84d7ff !important;
    background-image: linear-gradient(#A4F7FE, #6DC0FF) !important;
    float: right;
}

.button-color4 {
    background-color: #FCD686 !important;
    background-image: linear-gradient(#FCD686, #FFF) !important;
}

.button-color5 {
    background-color: #D5CFCF !important;
    background-image: linear-gradient(#D5CFCF, #FFF) !important;
}

    .button-color5 a {
        color: #777474 !important;
    }

.button-active {
    background: #fff !important;
    float: right;
}

    .button-active a {
        background: #fff !important;
        display: inline !important;
        font-weight: bold !important;
        font-size: 12px;
        color: #3072B3 !important;
    }

html ul.link-tabs-within li.active {
    /*--Makes sure that the active tab does not listen to the hover properties--*/
    /*background: #f0eff2;*/
    background: #fff;
    border-bottom: 3px solid #3070b0 !important; /*--Makes the active tab look like it's connected with its content--*/
}
/**
VERTICAL TABS f7f7fb
*************************************************************/

#form-data-inner-left {
    width: 170px;
    min-height: 400px;
    display: inline-block;
    float: left;
    z-index: 100000;
}

#form-data-inner-right {
    margin-left: 180px;
    padding: 0px 15px;
    min-height: 400px;
    border-left: 1px solid #bbb;
}

.vertical-tabs {
    margin: 0px 10px 70px 0px;
}

ul.vertical-tabs li:hover {
    width: 140px;
    background: #ecedf4
}

.vertical-tabs li {
    padding: 0px 10px;
    width: 140px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px #ddd solid;
    background: #f7f7fb
}

li.current {
    background: url('../images/hover_menu1.png') no-repeat;
    border-bottom: 0px #ddd solid;
    width: 168px;
    z-index: 100000;
}

#questionairres {
    height: 100px;
    width: 420px;
    padding: 10px;
    overflow: auto;
    background: #eef3f4;
    border: 1px solid #A4BED4;
}

#group-questions {
    width: 600px;
    padding: 10px 0px;
    overflow: auto;
}

#spacer {
    background: #C5E5FC;
}

.indent-checkbox {
    margin-bottom: 2px;
}

#add-new-section, #add-new-question, #add-column {
    background: #fff;
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    border: solid 1px rgba(0, 0, 0, 0.3);
    outline: 0;
    z-index: 11101;
    margin: -8px auto 20px;
    position: absolute;
    padding: 10px;
}


#add-section {
    margin-top: 20px;
    border: 1px solid #b3c7d1;
}

    #add-section h2 {
        background: #b3c7d1;
        padding: 3px 5px;
    }

    #add-section form {
        padding: 5px;
    }

#add-new-section {
    left: 16%;
    top: 140px;
    width: 300px;
}

#add-new-question {
    top: -20px;
    left: 16%;
}

#add-column {
    top: 35%;
    left: 33%;
    z-index: 11101;
    width: 500px;
}



.right-float {
    float: right;
    width: 15%;
    margin-right: 10px;
    display: inline;
}

.right-float-user {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    display: inline;
    font-size: 0.8em;
    font-weight: bold;
    color: #FFFFFF;
    height: 34px;
}

.left-float-questions {
    float: left;
    width: 30%;
    display: inline;
}

.rignt-float img {
    padding: 0;
    padding-bottom: -10px;
}

.left-float {
    float: left;
    width: 50%;
    display: inline;
}

.form-builder-header {
    padding: 3px 10px;
    background: #ccc;
    border: solid 1px rgba(0, 0, 0, 0.3);
    outline: 0;
    font-size: 12px;
    margin-bottom: .6em;
    overflow: auto;
}

.form-builder-questions {
    clear: both;
}

    .form-builder-questions li {
        padding: 1px 10px;
        margin: 5px 0px;
        outline: 0;
        border-bottom: dotted 1px rgba(0, 0, 0, 0.2);
        font-size: 10px;
        overflow: auto;
    }

        .form-builder-questions li:focus, .form-builder-questions li:active, .form-builder-questions li:hover {
            cursor: hand;
            cursor: grab;
            cursor: -moz-grab;
            cursor: -webkit-grab;
        }

    .form-builder-questions a img {
    }

.form-builder-header a img {
}

.form-builder-header a:first-child {
    margin-left: 20px;
}

.form-builder-wrapper {
    padding: 5px 0px;
    margin: 0 0 1em;
    overflow: auto;
}

.form-builder-on {
    background: #D4F0FE;
    border: 1px solid #6699CC;
    /** -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.4);
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);  **/
}

#add-new-question form, #add-new-section form {
    background: #fff;
    border: #999 1px solid;
    padding: 10px;
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    background-clip: content-box;
    -moz-background-clip: content;
    -webkit-background-clip: content;
    border: solid 1px rgba(0, 0, 0, 0.3);
    outline: 0;
}

.tableheader {
    background-color: #e2e3e5;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 1px 10px;
}

#tabular-data {
    padding: 10px 0px;
    border-bottom: 1px solid #bbb;
    overflow: auto;
}

.overlay {
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    width: 100%;
    z-index: 5000;
}

.cancel, .cancel:hover, .cancel:active, .cancel:focus {
    margin-left: 10px;
}

.border-div {
    clear: both;
    display: inline-block;
    margin: 10px 0px;
    padding: 10px;
    border: 1px solid #ddd;
}

.border-div1 {
    clear: both;
    display: inline-block;
    margin: 10px 0px;
    padding: 10px;
    border: 1px solid #bbb;
}

.data-border-div {
    clear: both;
    display: inline-block;
    margin: 10px 0px;
    padding: 10px;
    min-width: 400px;
    border: 1px solid #ddd;
}

#add-section-div {
    clear: both;
    display: inline-block;
    margin: 10px 0px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #ddd;
}

#column-form {
    width: 400px;
}

.title {
    font-size: 14px;
    font-weight: bold;
}

#table-creation-wizard {
    overflow: auto !important;
    width: 99%;
}

    #table-creation-wizard fieldset {
    }

.column-details {
    margin-left: 200px;
}

#column-definitions input {
    margin: 5px;
}

    #column-definitions input:first-child {
        margin-left: 0px;
    }


.grab {
    cursor: hand;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.grabbing {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.ui-sortable-helper {
    -webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    background-clip: content-box;
    -moz-background-clip: content;
    -webkit-background-clip: content;
    border: solid 1px rgba(0, 0, 0, 0.3) !important;
}

.data-entry-form input[type='text'], .data-entry-form select, .data-entry-form textarea {
    background: none;
    border: none;
}


/**
.data-entry-form select  {
	padding:0 .2em;
} **/

.data-entry-form table a {
    color: #666;
}

    .data-entry-form table a:hover {
        color: #00BBF4;
    }

.data-entry-form input[type='text']:hover, .data-entry-form input[type='text']:focus, .data-entry-form select:hover, .data-entry-form select:focus, .data-entry-form textarea:hover, .data-entry-form textarea:focus {
    outline: 1px solid #000;
}

.hsize {
    height: 10px;
}

/*
.tipsy {
	background: url(../images/tipsy.gif) no-repeat top center;
	padding: 5px;
}

.tipsy-inner {
	background-color:#FFF3CF;
	padding: 2px 2px 2px 2px;
	text-align: left;
	color: #000000;
	font-size : 10px;
	max-width: 400px;
	border: 1px solid #0d6cb6;
}
  */
.tabular-display {
}

.group-header {
    font-weight: normal;
    border-top: 1px solid #ccc;
    background: #ccc url('../images/switch_plus.gif') 5px no-repeat;
    padding: 3px 25px;
}

.group-select {
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-bottom: 0px solid #ccc;
    background: #f5f5f5;
    padding: 2px 10px;
    margin: 10px 0 0px;
    z-index: 10000;
}

    .group-select span {
        font-weight: bold;
    }

.group-select-details {
    padding: 5px 10px;
    margin: 0px;
    overflow: auto;
    background: #eef3f4;
    border: 1px solid #A4BED4;
}

.group-on {
    background: #ccc url('../images/switch_minus.gif') 5px no-repeat;
}

.group-details {
    padding: 5px 0px;
    margin: 0 0 2em;
    overflow: auto;
}

.right-align {
    margin-top: 30px;
    font-size: 14px;
    text-align: right;
}

    .right-align a {
        font-weight: bold;
    }

.tdBodyText {
    font-family: verdana;
    font-size: 9pt;
    text-decoration: none;
    text-align: left;
    vertical-align: top;
    padding: 5px;
    font-weight: normal;
}

.content-box {
    padding: 5px 0px 25px 0px;
    width: 900px;
    -webkit-box-shadow: 4px 4px 5px 0px #9097c5;
    -moz-box-shadow: 4px 4px 5px 0px #9097c5;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #cbcbcb;
}

.content-box01, .content-box02 { 
    width: 46% !important;
    border: 1px solid #d1d1d1;
    min-height: 164px;
    background-color: #ededed;
    padding: 10px;
}

.notification-box {
    padding: 5px 0px 25px 0px;
    width: 900px;
    -webkit-box-shadow: 4px 4px 5px 0px #969696;
    -moz-box-shadow: 4px 4px 5px 0px #969696;
    /*overflow:hidden; */
    margin-bottom: 30px;
    border: 1px solid #cbcbcb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.notification-box_1 {
    padding: 0px;
    border: 1px solid #cbcbcb;
    margin: 0;
}

    .notification-box_1 h1 {
        font-size: 13px;
        font-weight: bold;
        line-height: 24px;
        height: 26px;
        color: #fff;
        background: #4F81BD;
        padding: 0 10px;
        margin: 0 0 1px 0
    }

    .notification-box_1 h2 {
        font-size: 13px;
        font-weight: bold;
        line-height: 24px;
        height: 26px;
        color: #fff;
        background: #D85F63;
        padding: 0 10px;
        margin: 0 0 1px 0
    }


.tableNuggetBody {
    margin-top: -1px;
    border: 1px solid #ccc;
    color: #000000;
    overflow: hidden;
}

.tablereportBody {
    BORDER-RIGHT: #008899 1px solid;
    BORDER-TOP: #008899 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #008899 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #008899 1px solid;
    color: #000000;
    overflow: auto;
}

.tableverywidenoscroll {
    BORDER-RIGHT: #008899 1px solid;
    BORDER-TOP: #008899 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #008899 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #008899 1px solid;
    color: #000000;
    width: 100%;
}

.projecttableNuggetBody {
    PADDING: 0px;
    BORDER: #bbb 1px solid;
    color: #000000;
    /*overflow:hidden!important;*/
}

.projecttableNuggetBody_FTRReport {
    PADDING: 0px;
    BORDER: #bbb 1px solid;
    color: #000000;
    height: 500px;
    /*overflow:hidden!important;*/
}

table.proj-code tr td ul.tagit li input[type="text"] {
    background: none !important;
    padding: 0 !important;
    border: none !important;
    min-height: inherit;
}

table.chfdtails tr {
    border: 1px solid #d9dee2;
    /*border-top: 1px solid #d9dee2;
    border-bottom-style: solid;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-bottom-color: #d9dee2;
    border-right-color: #d9dee2;*/
}
/*table.chfdtails td:last-child
{
    border-right-style: solid;
    border-right-width: 0px;    
    border-right-color: #d9dee2;
}*/

table.chfdtails_1 {
    border-collapse: collapse
}

    table.chfdtails_1 tr {
        border-bottom: 1px solid #D9DEE2;
        border-right: 1px solid #D9DEE2;
        border-top: 1px solid #D9DEE2;
        padding: 0 !important;
    }

        table.chfdtails_1 tr th {
            border: 1px solid #D9DEE2;
            background: #bedbf1;
            color: #0E6CB6 !important;
            font-size: 10px;
            font-weight: bold;
            line-height: 14px;
            padding: 2px;
            text-align: center;
            vertical-align: top;
        }

        table.chfdtails_1 tr td {
            border: 1px solid #D9DEE2;
        }

    table.chfdtails_1 .highlt_col {
        background: none repeat scroll 0 0 #84B7DE;
        color: #FFFFFF !important;
        text-align: center;
    }

    table.chfdtails_1 .highlt_col_detail {
        background: none repeat scroll 0 0 #D6E8F5;
        font-style: italic
    }

input.savedata, input[type="submit"].btnMain, input[type="button"].btnMain {
    border: 1px solid #3072b3 !important;
    text-decoration: none !important;
    color: #fff;
    background-color: #3070b0 !important;
    background-image: none !important;
    display: inline-block;
    padding: 5px 10px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 7px;
    border-bottom: 2px solid #1e4d7b !important;
    transition: all 0.2s linear;
    text-shadow: none !important;
    cursor: pointer;
}

    input.savedata:hover, input[type="submit"].btnMain:hover, input[type="button"].btnMain:hover {
        background-color: #fff !important;
        border: 1px solid #3070b0 !important;
        background-image: none !important;
        color: #3070b0;
        text-shadow: none !important;
        border-bottom: 2px solid #1e4d7b !important;
    }
input.savedata, input[type="submit"].btnMain-1, input[type="button"].btnMain-1 {
    border: 1px solid #f37261 !important;
    text-decoration: none !important;
    color: #fff;
    background-color: #f37261 !important;
    background-image: none !important;
    display: inline-block;
    padding: 5px 10px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 7px;
    border-bottom: 2px solid #c5402f !important;
    transition: all 0.2s linear;
    text-shadow: none !important;
}
    input.savedata:hover, input[type="submit"].btnMain-1:hover, input[type="button"].btnMain-1:hover {
        background-color: #fff !important;
        border: 1px solid #f37261 !important;
        background-image: none !important;
        color: #f37261;
        text-shadow: none !important;
        border-bottom: 2px solid #c5402f !important;
    }

input[type="submit"]:disabled.btnMain {
    border: 1px solid #999 !important;
    text-decoration: none !important;
    color: #eee;
    background-color: #999 !important;
    display: inline-block;
    padding: 5px 10px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 7px;
    border-bottom: 2px solid #555 !important;
    transition: all 0.2s linear;
    text-shadow: none !important;
    cursor: not-allowed;
}

input[type="button"].btnCancel, input[type="submit"].btnCancel {
    border: 1px solid #999 !important;
    text-decoration: none !important;
    color: #555;
    background-color: #fff !important;
    background-image: none;
    display: inline-block;
    padding: 5px 10px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
    border-radius: 3px;
    border-bottom: 2px solid #555 !important;
    transition: all 0.2s linear;
    cursor: pointer;
}

input[type="button"].btnCancel:hover, input[type="submit"].btnCancel:hover {
    background-color: #777 !important;
    background-image: none !important;
    border: 1px solid #777 !important;
    color: #fff;
    border-bottom: 2px solid #555 !important;
}

.upload_btn {
    border: 1px solid #3072b3 !important;
    text-decoration: none !important;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3) !important;
    color: #fff;
    background-color: #3C8DDE !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3)) !important;
    background-image: -moz-linear-gradient(#599bdc, #3072b3) !important;
    background-image: -o-linear-gradient(#599bdc, #3072b3) !important;
    background-image: linear-gradient(#599bdc, #3072b3) !important;
    display: inline-block;
    padding: 0.3em .8em;
    font: 12px/normal sans-serif !important;
}

    .upload_btn img {
        vertical-align: middle
    }

.download_btn {
    background: none repeat scroll 0 0 #FEC787;
    border: 1px solid #FDA363;
    border-radius: 4px;
    padding: 10px;
    /*margin-bottom:-10px;*/
    min-width: 225px;
    margin: 7px 0 0 10px
}

.download_btn_fin_report {
    background: #FEC787;
    border: 1px solid #FDA363;
    border-radius: 4px;
    padding: 6px 10px;
    width: 205px;
    margin: 7px 0 0 10px;
    display: inline-table;
}

.download_btn_fin_report_1 {
    background: #FEC787;
    border: 1px solid #FDA363;
    border-radius: 4px;
    padding: 6px 10px;
    width: auto;
    margin: 7px 0 0 10px;
    display: inline-table;
    line-height: 18px;
}

.fin_report_btn {
    background: none repeat scroll 0 0 #89BCE3;
    border: 1px solid #76A9D0;
    border-radius: 3px;
    padding: 5px;
    margin: 5px 8px 6px 0;
    display: inline-block;
}

.revision_hist_btn {
    background: #ffeedf url('../images/under_revision_icon.png') 100px center no-repeat !important;
    border: 1px solid #ffb490 !important;
    padding: 5px !important;
    width: 128px !important;
    text-align: left;
}

    .revision_hist_btn:hover {
        color: #000 !important;
        text-shadow: 1px 1px 0 #FFFFFF !important;
    }

.prev_doc_btn {
    text-decoration: none !important;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3) !important;
    color: #fff;
    background-color: #999898 !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b5b5b5), to(#999898)) !important;
    background-image: -moz-linear-gradient(#b5b5b5, #999898) !important;
    background-image: -o-linear-gradient(#b5b5b5, #999898) !important;
    background-image: linear-gradient(#b5b5b5, #999898) !important;
    display: inline-block;
    height: 17px;
    padding: 0.4em .9em;
    font: 12px/normal sans-serif !important;
}

    .prev_doc_btn img {
        vertical-align: text-bottom
    }

INPUT.objectives {
    border-color: #900;
    border-bottom-color: #900;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #599bdc;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#900), to(#900));
    background-image: -moz-linear-gradient(#900, #900);
    background-image: -o-linear-gradient(#900, #900);
    background-image: linear-gradient(#900, #900);
}


/** Added from here **/
.right-float-notify {
    float: right;
    margin-top: -400px;
    margin-right: 10px;
    font-size: 0.8em;
    font-weight: bold;
    color: #3C8DDE;
    height: 34px;
}

.notification-box-floating {
    padding: 5px 0px 25px 0px;
    width: 200px;
    margin-right: 0px;
    -webkit-box-shadow: 4px 4px 5px 0px #969696;
    -moz-box-shadow: 4px 4px 5px 0px #969696;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #cbcbcb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.tblCellHeader {
    BORDER-RIGHT: #ffffff 1px dotted;
    BORDER-TOP: #000000 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    BACKGROUND: #f8f8f8;
    BORDER-LEFT: #ffffff 1px solid;
    CURSOR: normal;
    COLOR: #000000;
    BORDER-BOTTOM: #3EB1E8 2px solid;
    FONT-FAMILY: Helvetica,arial;
    HEIGHT: 25px;
}

.div1-fixed-height {
    background-color: #EAFFFF;
    width: 600px;
    height: 330px;
    overflow: auto;
}

.div1-wide-fixed-height {
    /** background-color:#EAFFFF; **/
    height: 500px;
    overflow: auto;
}

.div1-wide-fixed-CC-height {
    /** background-color:#EAFFFF; **/
    min-height: 170px;
    max-height: 500px;
    overflow: auto;
}

.div1-switchboard {
    min-width: 1200px;
    height: 600px;
    overflow: auto;
}

.div1-small-width {
    background-color: #eef3f4;
    height: 80px;
    width: 200px;
    overflow: auto;
}

table.non-tabular-questionnaire td, table.non-tabular-questionnaire th {
    text-align: left;
    vertical-align: top;
    padding: 1px;
    border: 1px solid #bbb;
}

.pad05 {
    padding: 4px 10px;
    margin-left: 5px;
    border: 0px solid #f00 !important;
    background: url('../images/icon-locate.png') no-repeat 0px 0px;
}

.divSearch {
    border: solid 1px #d7d7d7;
    font-size: 1em;
}

.tableHdr th {
    font-weight: bold;
    background-color: #CCCCCC;
    line-height: 20px;
    padding-left: 5px;
}

.mainRow {
    background-color: #efefef;
}

.mainRowAlt {
    background-color: #f0f;
}

.lblReport {
    font-size: 11px;
    color: #787878;
    line-height: 20px;
}


.mainSection {
    background-color: #dfd /*#3070b0*/;
}

.subSection {
    background-color: #ded;
}

.budgetTableHeader {
    background-color: #F0F0F0;
    font-size: 8px;
    text-align: center;
}

/* Contribution screen */

.divseparator {
    border-bottom: 1px solid #ccc;
}

.btmpad01 {
    padding-bottom: 10px;
}

.topbtmpad01 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.btmpad02 {
    padding-bottom: 20px;
}

.btmpad5b {
    padding-bottom: 5px;
    border-bottom: 1px solid #d9dee2 !important;
    margin-top: 8px;
    min-height: 16px;
    overflow: hidden;
}

.btmpad5ba {
    padding: 0px 5px 5px 0px;
    margin-top: 8px;
    min-height: 16px;
}

.btmpad5bc {
    border-bottom: 1px solid #d9dee2 !important;
    margin-top: 8px;
    overflow: hidden;
}

.btmpad5bd {
    border-bottom: 1px solid #d9dee2 !important;
    overflow: hidden;
}

.btmpad5be {
    padding-bottom: 5px;
    border-bottom: 1px solid #d9dee2 !important;
    margin-top: 8px;
    min-height: 30px;
    overflow: hidden;
}

/*.btmpad5b:last-child { padding-bottom: 5px; border-bottom:0px solid #d9dee2; }*/

.allpad5 {
    padding: 5px;
}

.allpad01 {
    padding: 10px;
}

.allpad02 {
    padding: 20px;
}

#whiteband {
    background-color: #ffffff;
    padding: 2px 0 2px 0;
    height: 18px;
    vertical-align: middle;
}

#fltlt, .fltlt {
    float: left;
}

#fltrt, .fltrt {
    float: right;
}

#fltlt01 {
    float: left;
    padding-right: 10px;
}

#fltrt01 {
    float: right;
    padding-left: 10px;
}

#fltlt02 {
    float: left;
    padding-right: 10px;
    width: 180px;
    border: 0px solid #f00;
}

#fltrt02 {
    float: right;
    padding-left: 10px;
    border: 0px solid #f00;
}

#fltlt03 {
    float: left;
    border-right: 1px solid #d9dee2;
    width: 50%;
}

#fltrt03 {
    float: right;
    width: 49.9%;
}

#fltlt03a {
    float: left;
    width: 47.3%;
    border: 1px solid #cdcdcd;
    padding: 10px;
    margin: 10px 0 5px 10px;
}



#fltlt04 {
    float: left;
    width: 100%;
}

#fltlt04a {
    float: left;
    width: 100%
}

#fltlt05 {
    float: left;
    width: 45%;
    padding: 10px;
}

#fltrt05 {
    float: right;
    width: 45%;
    padding: 10px;
    background-color: #eee;
    margin: 5px;
    border: 1px solid #787878;
}

#fltrt06 {
    float: right;
    padding-right: 15px;
    width: 47%;
}

#fltlt07 {
    float: left;
    border-right: 1px solid #d9dee2;
    width: 48.1%;
}

#fltrt07 {
    float: right;
    width: 48%;
}

.fltlt07a {
    float: left;
    border-right: 1px solid #d9dee2;
    width: 49.9%;
}

.fltrt07a {
    float: right;
    width: 50%;
}

.fltlt07b {
    float: left;
    width: 49%;
    margin: 8px 0 0 8px;
    border: 1px solid #d9dee2
}

.fltrt07b {
    float: right;
    width: 50%;
    padding: 0px
}

#fltlt08 {
    float: left;
    width: 45%;
    font-size: 11px;
}

#fltrt08 {
    float: right;
    width: 45%;
    text-align: right;
    padding-right: 10px;
    font-size: 11px !important;
}

#fltlt09 {
    float: left;
    width: 98%;
}

#fltrt09 {
    float: right;
    width: 2%;
}

#fltlt10 {
    float: left;
    width: 30%;
    padding-left: 10px;
}

#fltrt10 {
    float: right;
    width: 64%;
}

#fltlt11 {
    float: left;
    width: 31%;
    line-height: 32px;
    padding-left: 10px;
}

#fltrt11 {
    float: right;
    border-left: 1px solid #d9dee2;
    width: 64.5%;
    padding: 8px 0px 4px 5px;
}

#fltlt11a {
    float: left;
    width: 25%;
    line-height: 32px;
}

#fltrt11a {
    float: right;
    border-left: 1px solid #d9dee2;
    width: 69%;
    padding: 8px 0px 12px 5px;
}

#fltlt12 {
    float: left;
    width: 35%;
    line-height: 32px;
    padding-left: 10px;
}

#fltrt12 {
    float: right;
    border-left: 1px solid #d9dee2;
    width: 62%;
    padding: 8px 0px 4px 5px;
}

#fltlt12a {
    float: left;
    width: 35%;
    padding: 8px 0px 4px 10px;
    border-bottom: 1px solid #d9dee2;
    min-height: 39px
}

#fltrt12a {
    float: right;
    border-left: 1px solid #d9dee2;
    width: 62%;
    padding: 0px 0px 4px 5px;
    border-bottom: 1px solid #d9dee2;
}

.fltlt13 {
    float: left;
    width: 2%;
    padding: 24px 5px 5px;
    height: 33px;
    background-color: #5d90b7;
    border: 1px solid #5d90b7;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.fltrt13, .fltrt13a, .fltrt13b {
    float: left;
    width: 88%;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
}

.fltrt13 {
    background-color: #ececec;
    border: 1px solid #ececec;
    padding: 5px 12px;
    height: 52px;
}

.fltrt13a {
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    padding: 9px 12px;
    height: 44px;
    line-height: 15px
}

.fltrt13b {
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    padding: 1px 12px;
    height: 60px;
    margin-bottom: 25px
}

a.linkview, a.linkview00 {
    color: #990000;
    text-decoration: none;
    cursor: pointer;
}

    a.linkview:hover, a.linkview00:hover {
        color: #000000;
    }

    a.linkview00, a.linkview00:hover {
        text-align: right;
        padding-right: 10px;
    }

.btnalign00 {
    float: left;
    text-align: center;
    width: 60px;
    padding-right: 47px;
    vertical-align: middle;
    border: solid 0px #f00;
}

.tmarg01 {
    margin-top: 10px;
}

.tmarg02 {
    margin-top: 10px;
}

.tmarg03 {
    margin-top: 30px;
}

.bmarg01 {
    margin-bottom: 10px;
}

.bmarg5 {
    margin-bottom: 5px;
}

.tpad01 {
    padding-top: 10px;
}

.tpad5 {
    padding-top: 5px;
}

.btmpad6 {
    padding-bottom: 2px;
}

.btmpad5 {
    padding-bottom: 5px;
}

.btmpad5c {
    border-bottom: 1px solid #d9dee2 !important;
}

.btmpad5a {
    padding-bottom: 34px;
}

.btmpad01 {
    padding-bottom: 10px;
}

.btmpad01a {
    padding-bottom: 15px;
}

.btmpad0pad {
    padding-bottom: 0px;
}

.btmpad01b {
    padding-bottom: 13px;
}

.btmpad02 {
    padding-bottom: 21px;
}

.btmpad02a {
    padding-bottom: 10px;
    *padding-bottom: 17px;
}

.btmpad02b {
    padding-bottom: 24px;
}

.btmpad02c {
    padding-bottom: 26px;
}

.btmpad03 {
    padding-bottom: 29px;
}

.btmpad04 {
    padding-bottom: 35px;
}

.btmpad04a {
    padding-bottom: 41px;
}

.btmpad04b {
    padding-bottom: 42px;
}

.btmpad04c {
    padding-bottom: 35px;
}

.rpad01 {
    padding-right: 5px;
    vertical-align: top;
}

.rpad01a {
    vertical-align: top;
    text-align: right;
}

.btmalign {
    vertical-align: bottom;
    height: 32px;
    padding-bottom: 2px;
}

.rpad02 {
    padding-right: 16px;
}

.ltpad01 {
    padding-left: 10px;
}

.ltpad02 {
    padding-left: 20px;
}

.ltpad03 {
    padding-left: 30px;
}

.ltpad05 {
    padding-left: 50px;
}

.divErrorMsg00 {
    padding-left: 160px;
}

.divErrorMsg01 {
    padding-left: 20px;
}

.tpbtmpad {
    padding: 10px 0;
}

.tpbtmpad5 {
    padding: 5px 0;
}

.midcentre {
    vertical-align: middle;
    text-align: center;
    padding: 0 10px;
}

.btnalign {
    float: left;
    text-align: center;
    width: 130px;
    padding-right: 30px;
    vertical-align: middle;
}

.btnalign00 {
    float: left;
    text-align: center;
    width: 60px;
    padding-right: 47px;
    vertical-align: middle;
    border: solid 0px #f00;
}

.updetails {
    font-family: Verdana;
    font-size: 10px;
    color: #356183;
}

.reclabels {
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    color: #356183;
    padding-right: 10px;
}

.spacerdiv {
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    width: 100%;
    overflow: hidden;
}

#leftform {
    width: 379px;
    float: left;
}

#rightform {
    width: 379px;
    float: right;
}

#leftform00 {
    width: 970px;
    float: left;
    border: solid 0px #f00;
}

#leftform01 {
    width: 370px;
    float: left;
}

#rightform01 {
    width: 370px;
    float: right;
}

#leftform02 {
    width: 360px;
    float: left;
}

#rightform02 {
    width: 360px;
    float: right;
}

#leftform03 {
    width: 750px;
}

#leftform04 {
    width: 482px;
    float: left;
    border: solid 0px #f00;
}

#rightform04 {
    width: 482px;
    float: right;
    border: solid 0px #f00;
}

#rightform04a {
    width: 450px;
    float: right;
}

#leftform05 {
    width: 483px;
    float: left;
    border-right: dotted 1px #0d6cb6;
}

#rightform05 {
    width: 483px;
    float: right;
}

#leftform06 {
    width: 460px;
    float: left;
    border-right: dotted 1px #0d6cb6;
}

#rightform06 {
    width: 458px;
    float: right;
}

#leftform07 {
    width: 460px;
    float: left;
}

#rightform07 {
    width: 458px;
    float: right;
}

#leftform08 {
    width: 300px;
    float: left;
}

#rightform08 {
    width: 450px;
    float: right;
    padding-right: 10px;
}

#rightform08a {
    width: 278px;
    float: right;
}

.title01 {
    font-size: 12px;
    color: #990000;
    font-weight: bold;
}

.title02 {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 6px;
    line-height: 16px;
}

.title02a {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 6px;
    line-height: 16px;
    cursor: pointer;
}

.title03 {
    font-size: 11px;
    color: #990000;
    font-weight: bold;
}

.title03algn {
    float: left;
    margin-right: 10px;
    padding-top: 3px;
}

.title04 {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}

.bgtitle {
    background-image: url('../images/bg_titles01.gif') !important;
    background-repeat: repeat-x;
    line-height: 22px;
    height: 22px;
}

.bgtitle00 {
    background-image: url('../images/bg_titles.gif');
    background-repeat: repeat-x;
    margin: 10px 0 10px 0;
}

.bgtitle01 {
    background-image: url('../images/bg_titles01.gif');
    background-repeat: repeat-x;
    line-height: 22px;
    margin-top: 10px;
    height: 20px;
}

.bgtitle01a {
    line-height: 22px;
    margin-top: 10px;
    height: 20px;
}

.bgtitle02 {
    background-image: url('../images/bg_titles.gif');
    background-repeat: repeat-x;
    background-position: bottom;
}

.bgtitle03 {
    background-image: url('../images/bg_titles01.gif');
    background-repeat: repeat-x;
    background-position: 0 -2px;
}

.shadetabs {
    padding: 3px 0;
    margin-left: 0;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 0;
    font: bold 11px Arial;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

    .shadetabs li {
        display: inline;
        margin: 0;
    }

        .shadetabs li a {
            text-decoration: none;
            position: relative;
            padding: 3px 7px;
            margin-right: 3px;
            border: 1px solid #0d6cb6;
            color: #0d6cb6;
            background: #ffffff url(../images/bg_tabs_inactive.gif) top left repeat-x;
        }

            .shadetabs li a:visited {
                color: #2d2b2b;
            }

            .shadetabs li a:hover {
                text-decoration: none;
                color: #990000;
            }

            .shadetabs li a.selected { /*selected main tab style */
                position: relative;
                top: 1px;
            }

            .shadetabs li a.selected { /*selected main tab style */
                background-image: url(../images/bg_tabs_active.gif);
                border-bottom: solid 1px #e9e9e9;
            }

                .shadetabs li a.selected:hover { /*selected main tab style */
                    text-decoration: none;
                }

.tabcontent {
    display: none
}

#tabcontentbox {
    border: 1px solid #0d6cb6;
    width: 970px;
    margin-bottom: 1em;
    padding: 10px;
    background-color: #e9e9e9;
}

.tabtitle {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #4066a3;
}

/* ======================  Contribution List Grid Class  =========================  */
.grid TABLE {
    width: 100%;
    margin-top: 2px;
}

/* grid headers */
.grid #orders .head TH {
    background-color: #0d6cb6;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align: top;
    color: #fff;
}

    .grid #orders .head TH a {
        color: #fff;
        font-weight: 700;
    }

    .grid #orders .head TH.first { /* get rid of the first slash */
        background: #e9e9eb;
        width: 20px;
    }

/* group header */
.grid #orders .group TH {
    font-family: Arial;
    font-size: 10px;
    background-color: #c7e0ee;
    padding: 4px 0px 3px 0px;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}

.ingrid {
    font-family: Arial;
    font-size: 10px;
    background-color: #c7e0ee;
    color: #000000;
    text-align: center;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    vertical-align: top;
}

.grid #orders00 .group00 TH {
    font-family: Arial;
    font-size: 10px;
    background-color: #c3d0f1;
    padding: 4px 0px 3px 0px;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}

.ingrid00 {
    font-family: Arial;
    font-size: 10px;
    background-color: #0c4571;
    color: #fff;
    text-align: center;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    vertical-align: top;
}

.grid #orders01 .group01 TH {
    font-family: Arial;
    font-size: 10px;
    background-color: #e0e5ea;
    padding: 4px 0px 3px 0px;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}

.ingrid01 {
    font-family: Arial;
    font-size: 10px;
    background-color: #e0e5ea;
    color: #000000;
    text-align: center;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
}

.grid #orders .group TH.first {
    text-align: center;
    border-bottom: none;
}

/* data items */
.grid #orders .item TD {
    text-align: center;
    padding: 3px 0px 3px 6px;
    color: #222222;
}

/* pager */
.grid #pager .pager TD {
    height: auto;
    font-family: Verdana;
    font-size: 10px;
}

.grid #pager .pager .commands {
    height: auto;
    padding: 4px 0px 0px 25px;
}

.grid #pager .pager .info {
    padding: 4px 25px 0px 0px;
    text-align: right;
}

.hidden {
    display: none;
    visibility: hidden;
}

.AlterNate {
    font-family: Arial;
    font-size: 10px;
    background-color: #a7dbff;
    text-align: center;
    padding: 3px 0px 3px 6px;
    vertical-align: top;
}

.AlterNateWhite {
    font-family: Arial;
    font-size: 10px;
    text-align: center;
    padding: 3px 0px 3px 6px;
    background-color: #d5deeb;
    vertical-align: top;
}
/* ============================================== */

/*====================For GridView================================ */
.gvMainSubTotal, td.gvMainSubTotal {
    font-size: 10px;
    background-color: #ddd !important;
    white-space: nowrap;
    padding: 0 5px !important;
    text-align: right;
}

.gvMainRowAltLSP, td.gvMainRowAltLSP {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    background-color: #ffffff !important;
    white-space: nowrap;
    padding: 0 5px !important;
    text-align: right;
}

.gvMainRowLSP, td.gvMainRowLSP {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    background-color: #e4e4e4;
    white-space: nowrap;
    padding: 0 5px !important;
    text-align: right;
}

.gvMainRowAlt, tr.gvMainRowAlt td, td.gvMainRowAlt {
    font-size: 10px;
    color: #000000;
    background-color: #ffffff !important;
    border: none !important;
    border-right: 1px solid #fff !important;
}

.gvMainHead, tr.gvMainHead th {
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background-color: #0d6cb6;
    line-height: 14px;
    border-right: 1px solid #fff !important;
}

.gvMainHead00 {
    font-family: Verdana;
    font-size: 9px;
    color: #000000;
    font-weight: normal;
    text-align: center;
    background-color: transparent;
    line-height: 14px;
}

.gvMainRow, tr.gvMainRow td, td.gvMainRow {
    font-size: 10px;
    color: #000000;
    border: none !important;
    border-right: 1px solid #fff !important;
}

.eneMainRow {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    border: none !important;
    border-right: 1px solid #fff !important;
}

.eneMainRowAlt {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    border: none !important;
    border-right: 1px solid #fff !important;
    background-color: #e4e4e4;
}

.gvMainRow00 {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    border-bottom: dotted 1px #a5a4bd;
    vertical-align: top;
}

.gvMainRow01 {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    vertical-align: top;
}

.gvMainRow02 {
    font-family: Verdana;
    font-size: 10px !important;
    color: #000000;
    background-color: #e4e4e4;
}

.gvMainRowAlt02 {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    background-color: #ffffff !important;
}

.gvMainPager {
    color: #990000;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
}

    .gvMainPager a { /*color: #0D6CB6;*/
        color: #bababa;
        font-family: Verdana;
        font-size: 11px;
        text-decoration: none;
    }

.gvMainEmpty {
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
}

.gvMainRowSel {
    background: #ccfcf9;
    font-family: Verdana;
    font-size: 10px;
}

.gvMainRowEdit {
    background: #ccfcf9;
    color: #990000;
    font-family: Verdana;
    font-size: 10px;
}

.gvMainHead_1, tr.gvMainHead_1 th {
    font-family: Verdana;
    font-size: 10px;
    color: #000 !important;
    font-weight: bold;
    text-align: center;
    background-color: #bed9f4;
    line-height: 14px;
    border-right: 1px solid #fff !important;
}

.gvMainRow_1, tr.gvMainRow_ td, td.gvMainRow_1 {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    background-color: #fff;
    border: none !important;
    border-right: 1px solid #fff !important;
}

/*  ==============================================================  */

/* ==================== POP-UP Window Class ================== */
.modalBackground {
    background-color: #000000;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.popbg {
    border: 2px solid #0d6cb6;
    width: 350px;
    padding: 10px;
    background-color: #e9e9e9;
}

.popbg00 {
    border: 2px solid #0d6cb6;
    width: 450px;
    padding: 10px;
    background-color: #e9e9e9;
    display: block;
}

.modalPopup {
    background-color: #f0eeee;
    border: solid 2px #ffffff;
    padding: 10px;
    width: 430px;
    height: 250px;
    top: auto auto;
    left: auto auto;
}

#popnolist ul li, #popnolist li {
    list-style-type: none;
    line-height: 22px;
}

.popnolist {
    list-style-type: none;
    line-height: 22px;
}

.divErrorMsg {
    padding-left: 180px;
}

.divErrorMsg-tgn {
    padding-left: 10px;
}

.Msg {
    padding-bottom: 29px;
    text-align: right;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    color: #356183;
}

.FundingMsg {
    text-align: left;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10px;
    color: #356183;
    nowrap;
}

#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    height: 100%;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 100600;
}

#processMessage {
    position: absolute;
    top: 10%;
    left: 43%;
    height: 100%;
    filter: alpha(opacity=50);
    opacity: 0.5;
    padding: 10px;
    width: 14%;
    z-index: 1001;
}

.processtitle {
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    color: #4066a3;
}

.tooltip {
    display: none;
    background-color: #FFEDB5;
    padding: 2px 5px;
    border: 1px solid #cdcdcd;
    font-size: 10px;
    color: #000;
    z-index: 2000;
}

/*.lblFieldName { font-family: verdana; font-size: 11px; width:250px; text-align:right; vertical-align:top; padding-right:10px; }*/
.lblFieldName {
    text-align: right;
    width: auto;
}

.lblFieldName00 {
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    padding-right: 10px;
}

.lblFieldName0Width {
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    padding-right: 2px;
}

.lblFieldNameNoBold {
    font-family: verdana;
    font-size: 11px;
    padding-right: 2px;
}

.lblFieldNameSmall {
    font-family: verdana;
    font-size: 9px;
    padding-right: 2px;
    width: 100%;
}

.lblFieldName01 {
    font-family: verdana;
    font-size: 11px;
    width: 250px;
    text-align: left;
    padding-right: 10px;
}

.lblFieldName02 {
    font-family: verdana;
    font-size: 11px;
    text-align: right;
    padding-right: 10px;
}

.lblFieldName03 {
    font-family: verdana;
    font-size: 10px;
    text-align: right;
    padding-right: 2px;
    float: right;
    vertical-align: top;
}

.lblFieldName04 {
    font-family: verdana;
    font-size: 10px;
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
}

.lblFieldName05 {
    color: #356183 !important;
    background-color: #c6e0ed !important;
    padding-right: 5px;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
}

.lblFieldName06 {
    font-family: verdana;
    font-size: 10px;
    padding-right: 10px;
    text-align: right !important;
    float: right;
}

.lblFieldName07 {
    font-family: verdana;
    font-size: 11px;
    text-align: center;
    vertical-align: top;
}

.lblFieldName08 {
    font-family: verdana;
    font-size: 11px;
    width: 250px;
    text-align: right;
    vertical-align: top;
    padding-right: 0px;
}

.lblFieldName09 {
    font-family: verdana;
    font-size: 11px;
    text-align: left;
    vertical-align: top;
    padding-left: 10px;
}

.lblFieldName10 {
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding-left: 10px;
}

.lblFieldName11 {
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding: 0px;
}

/*.Control { font-family: Arial, Helvetica, sans-serif; font-size: 10px; border: solid 1px #008899; }*/

.Control00 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: solid 1px #008899 !important;
    vertical-align: top;
    background-color: #ddeaf5;
}

/*.btnMain { font-family:Verdana; font-size:11px; font-weight:bold; text-align:center; background-image:url('../images/bg_button_darkblue.gif')!important; background-repeat:repeat-x; color:#ffffff; border: solid 1px #18c9fc!important; margin: 4px 0; }*/

.btnMain00 {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background-image: url('../images/bg_button.gif') !important;
    background-repeat: repeat-x;
    color: #4d4d4d;
    border: solid 1px #cccccc !important;
    margin-left: 10px;
}

.btnMain01 {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background-image: url('../images/bg_button_blue.gif') !important;
    background-repeat: repeat-x;
    color: #0d6cb6;
    border: solid 1px #c3d0f1 !important;
}

/*th, th a { font-size:11px; padding:2px; color:#ffffff!important; font-weight:bold; text-align:center; background-color:#0d6cb6; line-height:14px; vertical-align:top; }*/

th a:link {
    text-decoration: underline !important;
}

/*====================For GridView================================ */
.gvMainSubTotal, td.gvMainSubTotal {
    font-size: 10px;
    background-color: #ddd !important;
    white-space: nowrap;
    padding: 0 5px !important;
    text-align: right;
}

.gvMainRowAltLSP, td.gvMainRowAltLSP {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    background-color: #ffffff !important;
    white-space: nowrap;
    padding: 0 5px !important;
    text-align: right;
}

.gvMainRowLSP, td.gvMainRowLSP {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    background-color: #e4e4e4;
    white-space: nowrap;
    padding: 0 5px !important;
    text-align: right;
}

.gvMainRowAlt, td.gvMainRowAlt {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    background-color: #ffffff !important;
}

.gvMainHead {
    font-family: Verdana;
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background-color: #0d6cb6;
    line-height: 14px;
}

.gvMainHead00 {
    font-family: Verdana;
    font-size: 9px;
    color: #000000;
    font-weight: normal;
    text-align: center;
    background-color: transparent;
    line-height: 14px;
}

.gvMainRow, td.gvMainRow {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    background-color: #fff;
}

.gvMainHead04a {
    font-family: Verdana;
    font-size: 10px;
    color: #000000 !important;
    font-weight: 700;
    padding: 5px 5px 15px 5px;
    text-align: left;
    background-color: #c4d6e9;
    line-height: 14px;
    width: 250px;
    border-bottom: 1px dashed #fff;
    height: 63px
}

.gvMainHead04b {
    font-family: Verdana;
    font-size: 10px;
    color: #000000 !important;
    font-weight: 700;
    padding: 5px 5px 15px 5px;
    text-align: left;
    background-color: #e1eaf4;
    line-height: 14px;
    width: 250px;
    border-bottom: 1px dashed #fff;
    height: 63px
}

/*tr.gvMainHead05 th:first-child { font-family:Verdana; font-size:10px; color:#000000!important; font-weight:700; padding:5px 5px 15px 5px; text-align:left; background-image:none; line-height:14px; width:250px; }*/

tr.gvMainHead04 th:first-child {
    font-family: Verdana;
    font-size: 10px;
    color: #000000 !important;
    font-weight: 700;
    padding: 5px 5px 15px 5px;
    text-align: left;
    background-image: none;
    line-height: 14px;
    width: 250px;
}

tr.gvMainHead04, tr.gvMainHead04 th {
    font-family: Verdana;
    font-size: 10px;
    color: #000000 !important;
    font-weight: 700;
    padding: 5px 5px 15px 5px;
    text-align: left;
    background: #c4d6e9 url(../images/header_arrow.png) -150px 48px no-repeat;
    line-height: 14px;
    min-width: 150px;
    border-bottom: 1px dashed #fff;
    height: 42px
}

tr.gvMainHead05, tr.gvMainHead05 th {
    font-family: Verdana;
    font-size: 10px;
    color: #000000 !important;
    font-weight: 700;
    padding: 5px 5px 15px 5px;
    text-align: left;
    line-height: 14px;
    min-width: 150px;
    border-bottom: 1px dashed #fff;
    background-color: #e1eaf4;
    height: 42px
}

.gvMainRow04 td, .gvMainRow05 td {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    border-bottom: 1px dashed #cfcfcf;
    vertical-align: top;
    background-color: #ececec
}

.gvMainRowAlt04 td, .gvMainRowAlt05 td {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    border-bottom: 1px dashed #cfcfcf;
    vertical-align: top
}

.gvMainHead04 th, .gvMainHead05 th {
    border-right: 1px dashed #cfcfcf
}

.gvMainHead04 td:first-child {
    width: 150px
}

.gvMainRow04 td, .gvMainRowAlt04 td, .gvMainRow05 td, .gvMainRowAlt05 td, .gvMainHead04b td, .gvMainHead04a td {
    border-right: 1px dashed #cfcfcf
}

.gvMainRow00 {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    border-bottom: dotted 1px #a5a4bd;
    vertical-align: top;
}

.gvMainRow01 {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    vertical-align: top;
}

.gvMainRow02 {
    font-family: Verdana;
    font-size: 10px !important;
    color: #000000;
    background-color: #e4e4e4;
}

.gvMainRowAlt02 {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    background-color: #ffffff !important;
}

.gvMainPager {
    color: #990000;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
}

    .gvMainPager a { /*color: #0D6CB6;*/
        color: #bababa;
        font-family: Verdana;
        font-size: 11px;
        text-decoration: none;
    }

.gvMainEmpty {
    color: #000000;
    font-family: Verdana;
    font-size: 10px;
}

.gvMainRowSel {
    background: #ccfcf9;
    font-family: Verdana;
    font-size: 10px;
}

.gvMainRowEdit {
    background: #ccfcf9;
    color: #990000;
    font-family: Verdana;
    font-size: 10px;
}

.gridbox {
    margin: 0 0 15px 0px;
    overflow: auto;
    width: 87%;
}

.gridboxLeft {
    width: 15%;
    float: left;
    padding: 0;
    margin: 0
}

.gridboxRight {
    width: 84%;
    float: left;
    padding: 0;
    margin: 0
}

.gridboxRight-1 {
    width: 66%;
    float: left;
    padding: 0;
    margin: 0
}

/*WIDTH RELATED CLASSES */
.width-100p {
    width: 100%;
    border-collapse: collapse;
}

.width-100-p {
    width: 100%
}

/*  ==============================================================  */

.spacerdiv {
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    width: 100%;
}

.input-InD {
    width: 30px !important;
    border: 1px solid #ccc !important;
    background-color: #FFFFFF !important;
}

li.link-invalid-tab {
    background-color: #cbdeef;
    box-shadow: 0 2px 0 0 #ff0000 inset;
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e1a3a3), to(#fff))!important;
    background-image: -moz-linear-gradient(#e1a3a3, #fff)!important;
    background-image: -o-linear-gradient(#e1a3a3, #fff)!important;
    background-image: linear-gradient(#e1a3a3, #fff)!important;*/
}

    li.link-invalid-tab:hover {
        background-color: #ffe6e6 !important;
    }

li.invalid-active {
    background: #fff !important;
    box-shadow: 0 2px 0 0 #ff0000 inset;
    border-bottom: 3px solid #3070b0;
}

    li.invalid-active:hover {
        background-color: #ffe6e6 !important;
    }

    li.invalid-active a {
        border-bottom: 2px solid transparent !important;
        color: #3072b3 !important;
        font-weight: bold
    }

.bulletedList {
    list-style: disc inside none;
}
.bulletedList-1 {
    list-style: disc outside none;
    margin-left: 15px;
}

/* Classes added on 05/08/2013 @ Trigyn */
#formbrdr {
    border: solid 1px #0d6cb6;
    background-color: #e9e9e9;
    margin-top: 10px;
    padding: 10px;
}

/* Classes added for Help */
.helpHeader {
    font-family: Verdana;
    font-size: 9px;
    padding: 3px 0px 3px 0px;
}

.helpSubTopicHeader {
    font-family: Verdana;
    font-size: 9px;
    padding: 3px 0px 3px 5px;
}

/* class for interim report field in final report screen */
.interimReport {
    background-color: #eef3f4;
    height: 30px;
    overflow: auto;
}

/*class for displaying Mandatory message on project pages*/
.mandatoryIndicator {
    text-align: right;
    padding-bottom: 7px; /*padding-top:5px;*/
}


.chkbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

table.chkbox tr td span label, table.chkbox tr td label {
    display: inline-block;
    margin-left: 5px;
}

table.chkbox tr td span input[type="checkbox"], table.chkbox tr td input[type="checkbox"] {
    vertical-align: top;
}

.totalrow {
    background-color: #ccc !important;
}

.opsClass {
    width: 100%;
    overflow-y: auto;
    background-color: #E7EFF5;
    padding-left: 3px;
    border: 1px solid #1B3851;
    height: 100px
}

.disabledClass {
    background-color: #ccc !important;
    color: #787878 !important;
}

.disabledClass_workplan {
    background-color: #F0F0F6 !important;
    color: #787878 !important;
    text-align: center !important;
}

/* Horizontal drop down menu
----------------------------------------------- */
#menuWrapper {
    width: 100%;
    height: 34px;
    border-top: 1px solid #437fbb;
    border-bottom: 1px solid #437fbb;
    /*background: #437fbb;*/
    background: #144372;
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 5;
    font-family: Verdana;
    font-size: 12px;
    width: 1204px;
}

    .menu li:hover li a {
        background: none;
    }

    .menu li.top {
        float: left;
        /*background: #437fbb;*/
        background: #144372;
        height: 34px;
    }

    .menu li a.top_link {
        float: left;
        line-height: 34px;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        padding: 0 2px;
        cursor: pointer;
        text-align: center;
    }

        .menu li a.top_link span {
            float: left;
            display: block;
            padding: 0px 5px;
        }

            .menu li a.top_link span.down {
                padding: 0px 12px;
                font-size: 13px;
                font-weight: normal;
            }

            .menu li a.top_link span.arrow { /* Submenu Background Color */
                background: transparent url(../images/menu_arrow_down.png) right 16px no-repeat;
                margin-right: 11px;
            }

        .menu li a.top_link:hover, .menu li:hover > a.top_link {
            color: #fff;
            /*background: #3b91e6;*/
            background: #1F69B3;
        }

    .menu li:hover {
        position: relative;
        z-index: 2;
    }

        .menu ul, .menu li:hover ul ul, .menu li:hover ul li:hover ul ul, .menu li:hover ul li:hover ul li:hover ul ul, .menu li:hover ul li:hover ul li:hover ul li:hover ul ul {
            position: absolute;
            left: -9999px;
            top: -9999px;
            width: 0;
            height: 0;
            margin: 0;
            padding: 0;
            list-style: none;
            border: solid 1px #0e6fa8;
        }

        .menu li:hover ul.sub {
            left: 0;
            top: 34px;
            background: #fff; /* Submenu background color */
            white-space: nowrap;
            width: auto;
            height: auto;
            z-index: 3;
            border: 1px solid rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
        }

            .menu li:hover ul.sub li {
                display: block;
                position: relative;
                float: left;
                width: auto;
                font-weight: normal;
            }

                .menu li:hover ul.sub li a {
                    display: block;
                    width: 180px;
                    line-height: 14px;
                    color: #3c3c3c;
                    text-decoration: none;
                    padding: 3px 5px 0 5px;
                    font-family: Verdana;
                    font-size: 10px;
                    white-space: normal;
                }

    .menu li ul.sub li {
        border-bottom: 1px solid #dddddd;
        display: block
    }

        .menu li ul.sub li:last-child {
            border-bottom: 0
        }

div.desc_pad {
    display: block;
    width: 175px;
    white-space: normal;
    margin: 0px;
    padding: 0px;
    color: #878787;
    line-height: 10px;
    padding: 2px 0 6px 0;
    font-weight: normal;
    font-family: Verdana;
    font-size: 10px;
}

.menu li ul.sub li a.fly {
    /* Submenu Background Color */
    background: #fff url(../images/sub_menu_arrow.png) 180px 6px no-repeat;
}

.menu li:hover ul.sub li a:hover, .menu li:hover ul.sub li a:hover > div {
    background: #0e6fa8; /* Background Color on mouseover */
    color: #fff;
}

.menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly, .menu li:hover ul li:hover > a.fly > div {
    /* Background on Mouseover */
    background: #0e6fa8 url(../images/sub_menu_arrow_hover.png) 180px 6px no-repeat;
    color: #fff;
}

.menu li ul.sub li a.fly_inactive {
    /* Submenu Background Color */
    background: #ccc url(../images/sub_menu_arrow.png) 180px 6px no-repeat;
    cursor: default;
}

.menu li:hover ul.sub li a.fly_inactive:hover, .menu li:hover ul li:hover > a.fly_inactive, .menu li:hover ul li:hover > a.fly_inactive > div {
    /* Background on Mouseover */
    background: #0e6fa8 url(../images/sub_menu_arrow_hover.png) 180px 6px no-repeat;
    color: #fff;
    cursor: default;
}

.menu li ul.sub li a.fly_inactive_1 {
    /* Submenu Background Color */
    background: #dddddd;
    cursor: default;
}

.menu li:hover ul.sub li a.fly_inactive_1:hover, .menu li:hover ul li:hover > a.fly_inactive_1 {
    /* Background on Mouseover */
    background: #646464;
    color: #fff;
    cursor: default;
}

.menu li:hover ul li:hover ul, .menu li:hover ul li:hover ul li:hover ul, .menu li:hover ul li:hover ul li:hover ul li:hover ul, .menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
    left: 190px;
    top: -1px;
    background: #fff; /* Background Color of the Submenu */
    padding: 0;
    white-space: nowrap;
    width: auto;
    z-index: 4;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
}

.topbtmpad00 {
    padding: 4px 5px 4px 0px !important;
}

.btndisplay {
    width: 34%;
    display: inline-block;
    vertical-align: top;
    float: left;
    height: 75px;
}

.titleposition {
    width: 36%;
    display: block;
    vertical-align: top;
    text-align: center;
    float: left;
    margin-bottom: 15px;
}

.extntitleposition {
    width: 97%;
    display: block;
    vertical-align: top;
    margin: 0 auto;
    position: absolute;
}

    .extntitleposition h5, .extntitleposition h2 {
        margin: 0 auto;
        text-align: center;
    }

.commentdisplay {
    width: 30%;
    float: right;
}

.parentSection {
    background-color: #B9ECBA /*#3070b0*/;
    width: 100%;
    display: inline-block;
    padding: 3px 0px 3px 0px;
}

.lblalign {
    display: inline-block;
    position: relative;
    width: 60%;
}

.charCount {
    color: #b1b1b1;
    width: 40px;
    min-width: 40px;
    text-align: right;
}

.budgetRemarks {
    background-color: #e7eff5;
    font-style: italic;
}

.budgetRemarks_new {
    display: block;
    font-weight: normal;
    color: #000;
    font-style: italic;
    line-height: 13px;
    padding: 0 0 5px;
    font-size: 9px
}

.percentCost {
    width: 100% !important;
    border: 1px solid #ccc !important;
    max-width: 30px !important;
    text-align: right !important;
    height: 12px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    background-color: #FFFFFF !important;
    font-size: 7pt !important;
}

.sectionTitle03 {
    background-color: #dadada;
    padding: 5px 0 5px 10px;
    border-top: 2px double #000000 !important;
}

.sectionTitle04 {
    background-color: #5D90B7;
    padding: 5px 0 5px 10px;
    border-top: 2px double #000000 !important;
}

.sectionTitleLabel01 {
    color: #990000;
    font-size: 12px !important;
    font-weight: bold !important;
    font-family: Calibri;
    background: transparent url(../images/icon_downarrow.png) 0 6px no-repeat !important;
    border-bottom: 1px solid #97b7d7;
    padding-left: 15px;
    width: 86.5% !important;
    display: block;
}

.sectionTitleLabel02 {
    color: #990000;
    font-size: 12px !important;
    font-weight: bold !important;
    font-family: Calibri;
    background: transparent url(../images/icon_downarrow.png) 0 6px no-repeat !important;
    border-bottom: 1px solid #97b7d7;
    padding-left: 15px;
    width: 98% !important;
    display: block;
}

.sectionTitleLabel {
    color: #990000;
    font-size: 12px !important;
    font-weight: bold !important;
}

.sectionTitleLabel_new {
    color: #fff;
    font-size: 12px !important;
    font-weight: bold !important;
}

.sectionTitleInfo_new {
    color: #bedbf1;
    font-size: 11px !important;
    font-style: italic;
}

.sectionTitleInfo {
    font-size: 11px !important;
    font-style: italic;
}

.sectionTitleLabel4 {
    color: #fff;
    font-size: 12px !important;
    font-weight: bold !important;
}

.sectionTitleInfo4 {
    font-size: 11px !important;
    font-style: italic;
    color: #d0e6f4;
}

.sectionTitleLabel4 {
    color: #fff;
    font-size: 12px !important;
    font-weight: bold !important;
}

.sectionTitleInfo4 {
    font-size: 11px !important;
    font-style: italic;
    color: #d0e6f4;
}

.commentSection01 {
    border: 1px solid #A2A2A2;
    width: 570px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.commentTitle01 {
    padding: 2px 2px;
    background-color: #E4E4E4;
}

.commentSection02 {
    padding-top: 3px;
    margin-top: 10px;
}

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

.commentTitle02 {
    padding: 4px 0px;
    color: #990000;
    font-size: 10px;
}

.commentTitle03 {
    color: #990000;
    font-size: 10px;
    font-weight: bold;
}

.statusYesButton {
    color: #007417 !important;
}

.statusNoButton {
    color: #853535 !important;
}

.successDialog {
    background-color: #E7FADC;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0px;
    margin-bottom: 2px;
}

.successDialogText {
    color: #990000;
    font-size: 11px !important;
    font-weight: bold !important;
}

.notificationPending-box {
    padding: 5px 0px 25px 0px;
    width: 100%;
    -webkit-box-shadow: 4px 4px 5px 0px #969696;
    -moz-box-shadow: 4px 4px 5px 0px #969696;
    /*overflow:hidden; */
    margin-bottom: 30px;
    border: 1px solid #cbcbcb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.scoringroweven {
    background-color: #ececec;
    color: #000000;
}

.scoringrowodd {
    background-color: #ffffff;
    color: #000000;
}

.clsYellow {
    background-color: #ECF244 !important;
}

.clsGreen {
    background-color: #64C477 !important;
}

.clsRed {
    background-color: #F24949 !important;
    color: #fff !important;
}

.clsBlue {
    background-color: #4787ED !important;
    color: #fff !important;
}

.clsOrange {
    background-color: #DE8123 !important;
    color: #fff !important;
}

.clsGrey {
    background-color: #ADADAD !important;
    color: #fff !important;
}

.clsTxtAlignRight {
    text-align: right;
}

.charCountText {
    border: 0px solid #008899 !important;
    width: 70px !important;
    background-color: #fff !important;
    color: #9c9c9c;
    font-style: italic;
}

.charCountDiv {
    color: #9c9c9c;
    line-height: 17px;
    font-style: italic;
    display: none;
}

.ConceptNoteText {
    width: 100%;
    height: 40px;
}
/*LOGICAL FRAMEWORK UI STYLES STARTS */
ul.clusterTabs {
    list-style: none;
    width: 100%;
    margin-bottom: 0px;
    border-bottom: 1px solid #999;
    height: auto;
    font-weight: bold;
    height: 21px;
}

    ul.clusterTabs li {
        position: relative;
        overflow: visible;
        display: inline-block;
        padding: 0.2em 0.5em 0.3em;
        border: 1px solid #bbb;
        border-bottom: 0px solid #bbb;
        margin: 0;
        margin-left: 2px;
        text-shadow: 0px 0px 0 #fff;
        color: #333;
        white-space: nowrap;
        cursor: pointer;
        outline: none;
        /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug **/
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        /* background: #ded url("../images/hover_menu.png") no-repeat;*/
        /* IE hacks */
        zoom: 1;
        *display: inline;
    }

        ul.clusterTabs li:first-child {
            margin-left: 0px;
        }

        ul.clusterTabs li a {
            text-decoration: none;
            color: #333;
            display: block;
            padding: 2px 2px;
            outline: none;
            margin-bottom: -2px;
        }

        ul.clusterTabs li:hover {
            background: #cbdeef;
        }

        ul.clusterTabs li.active {
            border-bottom: 1px solid #fff;
        }

            ul.clusterTabs li.active a {
                font-weight: bold;
                border-bottom: 1px solid #f0eff2;
                font-size: 11px;
                color: #3072b3;
            }

        ul.clusterTabs li.inactive {
            border-bottom: 1px solid #fff;
            background-image: linear-gradient(#C8D1DA, #fff);
        }

            ul.clusterTabs li.inactive a {
                font-weight: bold;
                border-bottom: 1px solid #f0eff2;
                font-size: 11px;
                color: #929292;
            }

html ul.clusterTabs li.active, html ul.clusterTabs li.active a:hover {
    /*--Makes sure that the active tab does not listen to the hover properties--*/
    /*background: #f0eff2;*/
    background: #fff;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

table.OutcomeTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-color: #0d6cb6;
    border-width: 1px;
    border-style: double;
    margin-bottom: 10px
}

.OutputButton {
    border: 1px solid #A8B9FF;
    height: 15px;
    min-height: 15px;
    width: 85px;
    /*   float:right;*/
    text-align: left;
    display: inline-block;
    padding: 4px 2px 4px 2px;
    margin-right: 20px;
    background-color: #E1EEFA;
    background-image: linear-gradient(#E1EEFA, #FFFFFF) !important;
}

.OutputRowHead td {
    border-top-color: #929292;
    border-top-style: solid;
    border-top-width: 1px;
}

.OutputLabel {
    color: #0d6cb6;
    font-weight: bold;
}

.IndicatorButton {
    border: 1px solid #A8B9FF;
    height: 15px;
    min-height: 15px;
    width: 95px;
    /*   float:right;*/
    text-align: left;
    display: inline-block;
    padding: 4px 2px 4px 2px;
    margin-right: 20px;
    background-color: #FCE9CD;
    background-image: linear-gradient(#FCE9CD, #FFFFFF) !important;
}

.ActivityButton {
    border: 1px solid #A8B9FF;
    height: 14px;
    min-height: 14px;
    width: 85px;
    /*   float:right;*/
    text-align: left;
    display: inline-block;
    padding: 4px 2px 4px 2px;
    margin-right: 20px;
    background-color: #E3FFDB;
    background-image: linear-gradient(#E3FFDB, #FFFFFF) !important;
}

.LogFrameSection {
    background-color: #dadada;
    padding: 5px 0 5px 10px;
    border-top: 2px none #000000 !important;
    color: #990000;
    font-size: 10px !important;
    font-weight: bold !important;
}

.LogFrameSectionIndicator {
    background-color: #dadada;
}

.OutcomeButton {
    border: 1px solid #A8B9FF;
    height: 15px;
    min-height: 15px;
    width: 100px;
    float: right;
    text-align: left;
    display: inline-block;
    padding: 4px 2px 4px 2px;
    margin-right: 10px;
    background-color: #D3D3D3;
    background-image: linear-gradient(#D3D3D3, #FFFFFF) !important;
}

.OutcomeText {
    max-height: 50px;
    overflow: auto;
    word-break: break-all;
}

.OutputText {
    max-height: 50px;
    overflow: auto;
    word-break: break-all;
}

.ActivityText {
    max-height: 50px;
    overflow: auto;
    word-break: break-all;
}

.IndicatorText {
    max-height: 50px;
    overflow: auto;
    word-break: break-all;
}

.IndicatorUnit {
    padding-left: 10px;
    font-style: oblique;
    color: #919191;
}
/*LOGICAL FRAMEWORK UI STYLES ENDS */

.BudgetQtrButton {
    border: 1px solid #A8B9FF;
    height: 15px;
    min-height: 15px;
    width: 100px;
    /*   float:right;*/
    text-align: left;
    display: inline-block;
    padding: 4px 2px 4px 2px;
    margin-right: 20px;
    background-color: #E1EEFA;
    background-image: linear-gradient(#E1EEFA, #FFFFFF) !important;
}

.BudgetQtrButton_1 {
    border: 1px solid #A8B9FF;
    min-height: 15px;
    text-align: center;
    display: inline-block;
    padding: 2px 7px;
    background-color: #E1EEFA;
    background-image: linear-gradient(#E1EEFA, #FFFFFF) !important;
}

.budget_qtrplan_btn {
    background: #fff url('../images/add_icon_quatplan.png') 0 0 no-repeat;
    border: 1px solid #79c97e;
    border-radius: 2px;
    height: 15px;
    text-align: left;
    display: inline-block;
    padding: 3px 5px;
    text-indent: 24px;
}

    .budget_qtrplan_btn:hover {
        background: #d4ffd7 url('../images/add_icon_quatplan.png') 0 0 no-repeat;
        color: #0a4674
    }

td.InvalidData {
    background-color: #e1a3a3;
}

td.InvalidData_imp {
    background-color: #e1a3a3 !important;
}

.BigRed {
    font-size: 15px !important;
    color: Red;
    font-weight: bold !important;
    text-decoration: blink !important;
}

.BudgetTotal {
    background-color: #bedbf1;
    color: #000;
    font-weight: bold !important;
    font-size: 11px;
    border-top: 2px double #35709e !important;
}

.Budget_total_cost {
    background-color: #35709e;
    color: #fff;
    font-weight: bold !important;
    font-size: 11px;
    border-top: 2px double #000 !important;
}

.BudgetGrandTotal {
    background-color: #dd9c5c;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px !important;
}

.NoPadCell {
    padding: 0px;
    margin: 0px;
}

.readOnlySection {
    background-image: url('../images/bg_readonly.png');
    background-repeat: repeat;
    width: 100%;
}

tr.gvMainRowAlt td.EditableCell, tr.gvMainRow td.EditableCell, .EditableCell {
    background-color: #FFF0DD !important;
    vertical-align: top;
}

.greenSectionHead {
    background-color: #ACD197;
    font-weight: bold;
    padding: 5px 0px;
}

.fontBold {
    font-weight: bold;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Roboto', sans-serif !important;
}

.ui-multiselect {
    min-height: 27px;
}

/*Common Classes*/
.float-l {float: left;}
.float-r {float: right;}
.float-none {float: none;}
.txt-align-l {text-align: left;}
.txt-align-r {text-align: right;}
.txt-align-c {text-align: center;}
.txt-align-l-imp {text-align: left !important;}
.txt-align-c-imp {text-align: center !important;}
.txt-align-r-imp {text-align: right !important;}
.disp-none {display: none;}
.disp-Block {display: block;}
.disp-Block-imp {display: block !important;}
.disp-inlineBlock {display: inline-block;}
.disp-inlineBlock-imp {display: inline-block !important;}
.disp-flex {display:flex;}
.disp-table {display: table;}
.bg-color-grey {background: #F0F0F6;}
.brdr-collapse {border-collapse: collapse;}
.brdr-bottom-none {border-bottom: none !important;}
.brdr-bottom {border-bottom: 2px solid #0d6cb6;}
.brdr-bottom-1 {border-bottom: 1px solid #e7e7e7;}
.brdr-bottom-2 {border-bottom: 1px solid #bbbbbb;}
.brdr-bottom-3 {border-bottom: 1px solid #ccc;}
.brdr-bottom-4 {border-bottom: 1px solid #fff !important;}
.brdr-bottom-5 {border-bottom: 2px solid #3070b0 !important;}
.brdr-bottom-6 {border-bottom: 1px solid #3070b0 !important;}
.brdr-bottom-7 {border-bottom: 1px solid #bababa;}
.brdr-bottom-8 {border-bottom: 2px solid #ffda88 !important;}
.brdr-bottom-9 {border-bottom: 2px solid #bcd1e6 !important;}
.brdr-right {border-right: 1px solid #d9dee2 !important;}
.brdr-top {border-top: 1px solid #D9DEE2;}
.brdr-top-1 {border-top: 1px solid #3070b0;}
.brdr-top-2 {border-top: 2px solid #3070b0;}
.brdr-top-3 {border-top: 1px solid #929292 !important;}
.brdr-top-4 {border-top: 1px solid #ccc !important;}
.brdr-top-5 {border-top: 2px solid #bcd1e6 !important;}
.brdr-top-none {border-top: none !important;}
.brdr-dark-top-imp {border-top: 1px double #17232D !important;}
.brdr-right-1 {border-right: 1px solid #d9dee2 !important;}
.brdr-right-2 {border-right: 1px solid #fff !important;}
.brdr-right-3 {border-right: 2px solid #fff !important;}
.brdr-right-4 {border-right: 1px solid #35709e !important;}
.brdr-right-5 {border-right: 1px solid #eee !important;}
.brdr-right-6 {border-right: 1px solid #ccc !important;}
.brdr-right-7 {border-right: 2px solid #eca154 !important;}
.brdr-right-none {border-right: none !important;}
.brdr-left-none {border-left: none !important;}
.brdr-left-1 {border-left: 1px solid #ccc !important;}
.brdr-left-2 {border-left: 1px solid #ebf4fa;}
.brdr-l {border-left: 1px solid #ccc !important;}
.line_height_normal {line-height: normal !important;}
.line_height_14 {line-height: 14px !important;}
.line_height_16 {line-height: 16px;}
.line_height_18 {line-height: 18px;}
.line_height_18-imp {line-height: 18px !important;}
.line_height_21 {line-height: 21px;}
.line_height_21-imp {line-height: 21px !important;}
.line_height_20 {line-height: 20px;}
.line_height_24 {line-height: 24px;}
.line_height_25 {line-height: 25px;}
.line_height_26 {line-height: 26px;}
.line_height_26_imp {line-height: 26px !important;}
.line_height_30 {line-height: 30px;}
.line_height_70 {line-height: 70px;}
.txt-clr-red {color: #990000;}
.bg-clr-trans {background-color: transparent;}
.bg-clr-lightBlue {background-color: #def1ff;}
.bg-clr-white {background: #fff;}
.bg-clr-white-imp {background: #fff !important;}
.bg-clr-blue {background: #3070b0;}
.bg-clr-1 {background: #85A3C7 !important;}
.bg-clr-2 {background: #DD9C5C !important;}
.bg-clr-3 {background-color: #fff;}
.bg-clr-4 {background-color: #CBDEEF;}
.bg-clr-5 {background-color: #ECECEC;}
.bg-clr-6 {background-color: #f9fbfb;}
.bg-clr-7 {background-color: #f0f0f0;}
.bg-clr-8 {background-color: #eaf1f7;}
.bg-clr-9 {background-color: #f6f6f6;}
.bg-clr-10 {background-color: #ffd0b8 !important;}
.bg-clr-11 {background-color: #ffc5a7;}
.bg-clr-12 {background-color: #77aad1 !important;}
.bg-clr-13 {background-color: #5d90b7 !important;}
.bg-clr-14 {background-color: #f2dede !important;}
.bg-clr-15 {background-color: #35709E !important;}
.bg-clr-16 {background-color: #f8716e !important;}
.bg-clr-17 {background-color: #7fac50 !important;}
.bg-clr-18 {background-color: #ffe8dc !important;}
.bg-clr-19 {background-color: #e7eff5 !important;}
.bg-clr-20 {background-color: #a5bcd5 !important;}
.bg-clr-21 {background-color: #ffeaca !important;}
.bg-clr-22 {background-color: #bc8858 !important;}
.bg-clr-23 {background-color: #d5a373 !important;}
.bg-clr-24 {background-color: #fff5d9 !important;}
.bg-clr-25 {background-color: #f7f6f6 !important;}
.bg-clr-grey {background-color: #e1e1e1 !important;}
.bg-clr-grey-1 {background-color: #f3f3f3;}
.bg-clr-grey-2 {background-color: #eee;}
.bg-clr-lightGrey {background-color: #f9f9f9 !important;}
.bg-clr-error {background-color: #F4B8B8;}
.opac {opacity: 0.6;}
.font_20 {font-size: 20px !important;}
.font_18 {font-size: 18px !important;}
.font_17 {font-size: 17px !important;}
.font_16 {font-size: 16px !important;}
.font_15 {font-size: 15px !important;}
.font_14 {font-size: 14px !important;}
.font_13 {font-size: 13px !important;}
.font_12 {font-size: 12px;}
.font_12_imp {font-size: 12px !important;}
.font_11 {font-size: 11px !important;}
.font_9 {font-size: 9px !important;}
.vert_align_mid {vertical-align: middle !important;}
.vert_align_mid_chrome {vertical-align: -webkit-baseline-middle !important;}
.vert_align_btm {vertical-align: bottom !important;}
.vert_align_top {vertical-align: top !important;}
.clr-both {clear: both;}
.clr-right {clear: right;}
.scroll {overflow: auto;}
.direction {direction: rtl;}
.direction-ltr {direction: ltr;}
.brdr {border: 1px solid #d9dee2;}
.brdr_none {border: none !important;}
.color_1 {color: #fff !important;}
.color_2 {color: #0C4782;}
.color_3 {color: #5b5b5b;}
.color_4 {color: #3c3c3c;}
.color_5 {color: #888;}
.color_6 {color: #0260AA;}
.color_7 {color: #D65717;}
.color_8 {color: #0e6cb6;}
.color_9 {color: #666;}
.color_10 {color: #f27545;}
.color_11 {color: #953b39;}
.color_12 {color: #d05d0f;}
.color_13 {color: #bf504e;}
.color_14 {color: #d05f26;}
.color_15 {color: #bedbf1 !important;}
.color_maroon {color: #990000;}
.color_red {color: #ff0000;}
.color_red-1 {color: #f55a5a;}
.color_red-2 {color: #ff2321;}
.color_red-2-imp {color: #ff2321 !important;}
.color_green {color: #00aa00;}
.color_green-1 {color: #44dc4a;}
.color_grey {color: #535353;}
.color_grey-1 {color: #777;}
.color_grey-2 {color: #333 !important;}
.color_grey-3 {color: #aaa !important;}
.color_grey-4 {color: #999;}
.color_grey-5 {color: #ccc;}
.color_black {color: #000;}
.color_black-imp {color: #000 !important;}
.color-blue {color: #3072b3;}
.color-blue-imp {color: #3072b3 !important;}
.color-blue-1 {color: #0882e3;}
.color-warning {color: #ff9800;}
.color-orange-1 {color: #ff5a00;}
.brdr_1 {border: 1px solid #ccc !important;}
.brdr_2 {border: 1px solid #008899;}
.brdr_3 {border: 1px solid #dbe0e4;}
.brdr_4 {border: 1px solid #3072b3;}
.brdr_5 {border: 1px solid #eed3d7;}
.brdr_6 {border: 1px solid #fff !important;}
.brdr_7 {border: 1px solid #bbb !important;}
.brdr_8 {border: 1px solid #eee !important;}
.brdr_9 {border: 1px solid #d4e7f6 !important;}
.brdr_10 {border: 1px solid #f0f0f0 !important;}
.font_italic {font-style: italic;}
.font_bold {font-weight: bold;}
.font_bold_imp {font-weight: bold !important;}
.font_bold_500 {font-weight: 500;}
.font_normal_imp {font-weight: normal !important;}
.relative {position: relative;}
.static_position {position: static;}
.absolute_position {position: absolute;}
.sticky_position {position: sticky;}
.top_0{top: 0;}
.right_0{right: 0;}
.right_5{right: 5px !important;}
.right_10{right: 10px !important;}
.btm_0 {bottom: 0;}
.z_indx_0 {z-index: 0;}
.z_indx_1 {z-index: 1;}
.z_indx_10 {z-index: 10;}
.list_style {list-style-type: disc;}
.cursor_default {cursor: default !important;}
.cursor_hand {cursor: pointer !important;}
.cursor-na {cursor:not-allowed !important;}
.word_break {word-break: break-all;}
table.tbl_1 tr td {padding: 0;}
table.tbl_2 tr td {padding: 0 0 8px 0;}
.list_style_disc {list-style-type: disc !important;}
.txt_area_budget {border: 1px solid #e7e7e7; background: #fff; color: #6a6a6a; font-size: 7pt;}
.disable_input {background: #ccc !important; cursor: default;}
.disable_control {cursor: default; border: 1px solid #bbbaba !important; background-color: #f5f5f5 !important;}
.lnk {color: #006699 !important; font-weight: normal !important; text-decoration: underline !important;}
.brdr-radius {border-radius: 0 !important;}
.brdr-radius-3 {border-radius: 3px !important;}
.word-break {word-break: break-word;}
.lnk-underline {text-decoration: underline !important;}
.mandatory {color: #FF0000; font-weight: bold;}
.anchor-link {color: #3070b0 !important; font-weight: normal; text-decoration: none;}
.anchor-link:hover {color: #559ade !important; text-decoration: none;}
.box-sizing {box-sizing: border-box;}
.th-fixed{position:sticky; top:-1px;}

/*width related*/
.wdth-100p {width: 100%;}
.wdth-100p-imp {width: 100% !important;}
.wdth-94p {width: 94%;}
.wdth-97p {width: 97%;}
.wdth-98p {width: 98%;}
.wdth-99p {width: 99% !important;}
.wdth-auto {width: auto;}
.wdth-auto-imp {width: auto !important;}
.wdth-1p {width: 1%;}
.wdth-2p {width: 2%;}
.wdth-3p {width: 3%;}
.wdth-4p {width: 4%;}
.wdth-5p {width: 5%;}
.wdth-6p {width: 6%;}
.wdth-7p {width: 7%;}
.wdth-8p {width: 8%;}
.wdth-9p {width: 9%;}
.wdth-10p {width: 10%;}
.wdth-11p {width: 11%;}
.wdth-12p {width: 12%;}
.wdth-13p {width: 13%;}
.wdth-14p {width: 14%;}
.wdth-15p {width: 15%;}
.wdth-16p {width: 16%;}
.wdth-17p {width: 17%;}
.wdth-18p {width: 18%;}
.wdth-19p {width: 19%;}
.wdth-19-2p {width: 19.2%;}
.wdth-15p-imp {width: 15% !important;}
.wdth-23-6p {width: 23.6%;}
.wdth-20p-imp {width: 20% !important;}
.wdth-21p-imp {width: 21% !important;}
.wdth-22p-imp {width: 22% !important;}
.wdth-23p {width: 23% !important;}
.wdth_24p {width: 24%;}
.wdth_24_5p {width: 24.5%;}
.wdth-25p {width: 25%;}
.wdth-25p-imp {width: 25% !important;}
.wdth-25_7p {width: 25.7%;}
.wdth-26p {width: 26%;}
.wdth-27p {width: 27%;}
.wdth-28p {width: 28%;}
.wdth-28p-imp {width: 28% !important;}
.wdth-29p {width: 29%;}
.wdth-30p {width: 30%;}
.wdth-30p-imp {width: 30% !important;}
.wdth_31p {width: 31%;}
.wdth_32p {width: 32%;}
.wdth_32_5p {width: 32.5%;}
.wdth_32_7p {width: 32.7%;}
.wdth-33-33p {width: 33.33%;}
.wdth-34p {width: 34%;}
.wdth-35p {width: 35%;}
.wdth-36p {width: 36%;}
.wdth-37p {width: 37%;}
.wdth-39p {width: 39%;}
.wdth-40p {width: 40%;}
.wdth-41p {width: 41%;}
.wdth-42p {width: 42%;}
.wdth-43p {width: 43%;}
.wdth-44p {width: 44%;}
.wdth-45p {width: 45%;}
.wdth-46p {width: 46%;}
.wdth-47p {width: 47%;}
.wdth-48p {width: 48%;}
.wdth-49p {width: 49%;}
.wdth-49-5p {width: 49.5%;}
.wdth-49-6p {width: 49.6%;}
.wdth-50p {width: 50%;}
.wdth-50p-imp {width: 50% !important;}
.wdth-53p {width: 53%;}
.wdth-55p {width: 55%;}
.wdth-58p {width: 58%;}
.wdth-59p {width: 59%;}
.wdth-60p {width: 60%;}
.wdth-63p {width: 63%;}
.wdth-65p {width: 65% !important;}
.wdth-70p {width: 70%;}
.wdth-72p {width: 72%;}
.wdth-74p {width: 74%;}
.wdth_75p {width: 75%;}
.wdth-77p {width: 77%;}
.wdth-77p-imp {width: 77% !important;}
.wdth-78p {width: 78%;}
.wdth-79p {width: 79%;}
.wdth-80p {width: 80%;}
.wdth-80p-imp {width: 80% !important;}
.wdth-81p {width: 81%;}
.wdth-82p {width: 82%;}
.wdth-85p {width: 85%;}
.wdth-86p-imp {width: 86% !important;}
.wdth-87p {width: 87%;}
.wdth-87p-imp {width: 87% !important;}
.wdth-88p {width: 88%;}
.wdth-89p {width: 89%;}
.wdth-89p-imp {width: 89% !important;}
.wdth-80-2p {width: 80.2%;}
.wdth-90p {width: 90% !important;}
.wdth-92p {width: 92% !important;}
.wdth-96p {width: 96%;}
.wdth-98p {width: 98%;}
.wdth-98-6p {width: 98.6%;}
.wdth-40 {width: 40px;}
.wdth-50 {width: 50px !important;}
.wdth-75 {width: 75px !important;}
.wdth-80 {width: 80px !important;}
.wdth-100 {width: 100px !important;}
.wdth-110 {width: 110px !important;}
.wdth-116 {width: 116px;}
.wdth-125 {width: 125px !important;}
.wdth-150 {width: 150px !important;}
.wdth-155 {width: 155px !important;}
.wdth-160 {width: 160px !important;}
.wdth-200 {width: 200px;}
.wdth-220 {width: 220px;}
.wdth-240 {width: 240px;}
.wdth-250 {width: 250px !important;}
.wdth-244 {width: 244px !important;}
.wdth-256 {width: 256px !important;}
.wdth-260 {width: 260px !important;}
.wdth-261 {width: 261px !important;}
.wdth-300 {width: 300px !important;}
.wdth-350 {width: 350px !important;}
.wdth-400 {width: 400px !important;}
.wdth-450 {width: 450px !important;}
.wdth-635 {width: 635px !important;}
.wdth-850 {width: 850px !important;}
.min_wdth_77p {min-width: 77% !important;}
.min_wdth_80 {min-width: 80px !important;}
.min_wdth_98p {min-width: 98% !important;}
.min_wdth_100p {min-width: 100% !important;}
.min_wdth_100 {min-width: 100px !important;}
.min_wdth_200 {min-width: 200px !important;}
.min_wdth_250 {min-width: 250px !important;}
.min_wdth_300 {min-width: 300px !important;}
.min_hght_125 {min-height: 125px} 
.min_wdth_max_cont {min-width: max-content !important;}

/*height related*/
.hght_auto {height: auto}
.hght_auto_imp {height: auto !important;}
.hght_12 {height: 12px !important}
.hght_13 {height: 13px !important}
.hght_16 {height: 16px !important}
.hght_19 {height: 19px !important}
.hght_22 {height: 22px !important}
.hght_23 {height: 23px !important}
.hght_24 {height: 24px !important}
.hght_40 {height: 40px !important;}
.hght_45 {height: 45px !important}
.hght_46 {height: 46px}
.hght_50 {height: 50px !important}
.hght_63 {height: 63px}
.hght_70 {height: 70px}
.hght_75 {height: 75px}
.hght_77 {height: 77px}
.hght_79 {height: 79px}
.hght_80 {height: 80px}
.hght_82 {height: 82px}
.hght_90 {height: 90px}
.hght_95 {height: 95px}
.hght_119 {height: 119px}
.hght_125 {height: 125px}
.hght_128 {height: 128px}
.hght_130 {height: 130px}
.hght_153 {height: 150px}
.hght_182 {height: 182px}
.hght_190 {height: 190px}
.hght_195 {height: 195px}
.hght_200 {height: 200px}
.hght_215 {height: 215px}
.hght_225 {height: 225px}
.hght_257 {height: 257px}
.hght_300 {height: 300px}
.hght_325 {height: 325px}
.hght_163 {height: 167px !important}
.hght_162 {height: 168px !important}
.hght_162p {height: 162px}
.hght_165 {height: 165px}
.hght_419 {height: 419px}
.hght_452 {height: 452px}
.hght_508 {height: 508px}
.hght_585 {height: 585px}
.hght_625 {height: 625px !important}
.min_hght_20 {min-height: 20px !important}
.min_hght_21 {min-height: 21px !important}
.min_hght_25 {min-height: 25px}
.min_hght_27 {min-height: 27px}
.min_hght_28 {min-height: 28px}
.min-hght_184 {min-height: 184px !important;}
.max_hght_300 {max-height: 300px; overflow:auto;}

/*padding related*/
.padd-0 {padding: 0 !important;}
.padd-3 {padding: 3px;}
.padd-4 {padding: 4px;}
.padd-5 {padding: 5px;}
.padd-5-imp {padding: 5px !important;}
.padd-6 {padding: 6px;}
.padd-7 {padding: 7px;}
.padd-7-imp {padding: 7px !important;}
.padd-8 {padding: 8px;}
.padd-10 {padding: 10px;}
.padd-10-imp {padding: 10px !important;}
.padd-lr-10 {padding:0 10px;}
.padd-13 {padding: 13px !important;}
.padd-14 {padding: 14px !important;}
.padd-15 {padding: 15px !important;}
.padd-l-none {padding-left: 0 !important;}
.padd-r-none {padding-right: 0 !important;}
.padd-b {padding-bottom: 0 !important;}
.padd-b10 {padding-bottom: 10px;}
.padd-b15 {padding-bottom: 15px;}
.padd-t {padding-top: 0 !important;}
.padd-t5 {padding-top: 5px;}
.padd-t5-imp {padding-top: 5px !important;}
.padd-t4 {padding-top: 4px;}
.padd-t3 {padding-top: 3px;}
.padd-t7 {padding-top: 7px !important;}
.padd-t10 {padding-top: 10px !important;}
.padd-tb10 {padding: 10px 0;}
.padd-b5 {padding-bottom: 5px;}
.padd_r_1p {padding-right: 1%;}
.padd_tr_10 {padding: 10px 5px 0 0;}
.padd-tb-0 {padding: 0 5px !important;}
.padd-tb-5 {padding: 5px 5px !important;}
.padd-t-10 {padding-top: 10px;}
.padd-t-12 {padding-top: 12px;}
.padd-t-12-imp {padding-top: 12px !important;}
.padd-tl-5 {padding: 5px 0 0 5px;}
.padd-r5 {padding-right: 5px;}
.padd-r14 {padding-right: 14px;}
.padd-r10 {padding-right: 10px;}
.padd-r20 {padding-right: 20px;}
.padd-l7 {padding: 0 0 0 7px;}
.padd-top-btm-5 {padding: 5px 0 !important;}
.padd-l-10 {padding-left: 10px !important;}
.padd-l-20 {padding-left: 20px !important;}
.padd-l-35 {padding-left: 35px !important;}
.padd-l-48 {padding-left: 48px !important;}
.padd-l-5 {padding-left: 5px !important;}
.padd-t-20 {padding-top: 20px;}
.padd-t-40 {padding-top: 40px;}
.padd-rl-6 {padding: 0 6px 6px;}
.padd-tb-3 {padding: 3px 5px !important;}
.padd-tb-6 {padding: 6px 12px !important;}
.padd-tr-3-5 {padding: 3px 5px 0 0 !important;}
.padd-t-16 {padding-top: 16px;}
.padd-t-24 {padding-top: 24px;}
.padd-tb7-rl5 {padding: 7px 5px !important;}
.padd-tb5-lr10 {padding: 5px 10px;}
.padd-tb10-lr5 {padding: 10px 5px;}
.padd-tb7-lr10 {padding: 7px 10px;}
.padd-tb7-rl8 {padding: 7px 8px !important;}
.padd-tb7 {padding: 7px 0 !important;}
.padd-lr10 {padding: 0 10px;}

/*margin related*/
.marg_none{margin:0}
.marg_none_imp{margin:0 !important}
.marg_r_none{margin-right:0 !important}
.marg_l_none{margin-left:0 !important}
.marg_t_none{margin-top:0 !important}
.marg_3{margin:3px}
.marg_t3{margin-top:3px}
.marg_t4{margin-top:4px}
.marg_t5{margin-top:5px}
.marg_minus_t5{margin-top:-5px}
.marg_minus_t13{margin-top:-13px}
.marg_minus_t15{margin-top:-15px !important;}
.marg_minus_l30{margin-left:-30px !important;}
.marg_t5_imp{margin-top:5px !important}
.marg_t6{margin-top:6px}
.marg_t8{margin-top:8px}
.marg_t10{margin-top:10px}  
.marg_t15{margin-top:15px}
.marg_t18{margin-top:18px}
.marg_t28{margin-top:28px}
.marg_t35{margin-top:35px}
.marg_t36{margin-top:36px}
.marg_rt{margin:90px 0 0 0 !important}
.marg_r_1p{margin-right:1%}
.marg_r_2p{margin-right:2%}
.marg_r_3{margin-right:3px}
.marg_r_5{margin-right:5px}
.marg_r_5_imp{margin-right:5px !important;}
.marg_r_7{margin-right:7px}
.marg_r_10{margin-right:10px !important}
.marg_r_12{margin-right:12px}
.marg_r_15{margin-right:15px}
.marg_r_19{margin-right:19px}
.marg_r_33{margin-right:33px}
.marg-rb-5{margin: 0 5px 5px 0;}
.marg_t_1_minus{margin-top:-1px !important}
.marg_5{margin:0 5px !important}
.marg_tb_10{margin:10px 0}
.marg_tb_15{margin:15px 0}
.marg_lr_15{margin:0 15px}
.marg_b_4 {margin-bottom: 4px;}
.marg_b_5{margin:0 0 5px 0}
.marg_b_5_imp{margin-bottom:5px !important}
.marg_5_all{margin:5px}
.marg_10_all{margin:10px}
.marg_10_imp{margin:10px !important;}
.marg_b_7{margin-bottom:7px}
.marg_b7{margin-bottom:7px} 
.marg_b_7_imp{margin-bottom:7px !important}
.marg_b_9{margin:0 0 9px 0}
.marg_b_10{margin:0 0 10px 0}
.marg_b_10-imp{margin-bottom:10px !important;}
.marg_b_20{margin:0 0 20px 0 !important}
.marg_b_30{margin-bottom:30px !important;}
.marg_05p{margin:0.5% !important}
.marg_tr{margin:5px 2px 0 0}
.marg_b_0{margin-bottom:0 !important}
.marg_b_1{margin-bottom:1px}
.marg_b_3{margin:0 0 3px 0}
.marg_l_3{margin-left:3px}
.marg_l_5{margin-left:5px}
.marg_l_10 {margin-left: 10px}
.marg_l_11{margin-left:11px}
.marg_l_15{margin-left:15px}
.marg_l_18p{margin-left:18%;}
.marg-l-45p{margin-left: 45%;}
.marg_l_25{margin-left:25px}
.marg_l_55{margin-left:55px}
.marg_l_261{margin-left:261px !important}
.marg_lrb_7{margin:0 7px 10px 7px}
.marg_l_2p{margin-left:2%}
.marg_tl_6{margin:6px 0px 0px 7px}
.marg_lr_5{margin:0 5px 0 5px}
.marg_tb_4{margin:4px 0}
.marg_rb_5{margin:0 5px 5px 0 !important}
.marg_rl_10{margin:0 10px 0 10px !important}

.cont_details_tab {
    border: 1px solid #d9dee2;
    float: left;
    height: 257px;
    overflow: auto;
    margin: 0 8px 1% 0;
}
.cont_details_tab:nth-child(3n) {
        margin-right: 0;
    }
.cont_details_tab h1, .sign_fin_rep h1 {
        font-size: 10px;
        font-weight: bold;
        color: #0e6cb6;
        background: #bedbf1;
        padding: 2px 7px;
        line-height: 15px;
        min-height: 32px;
    }

.sign_fin_rep {
    border: 1px solid #d9dee2;
    min-height: 100px;
    margin: 1%
}

.cont_details {
    margin: 0px;
    float: left;
    font-size: 10px;
    color: #3C3C3C;
    min-height: 156px;
}

    .cont_details .txt_bold {
        font-weight: bold;
    }

    .cont_details .txt_address {
        line-height: 14px;
    }

    .cont_details .line_height {
        line-height: 20px
    }

    .cont_details img {
        padding: 0 8px 0 0
    }

    .cont_details hr {
        background: #dddddd;
        height: 1px;
        margin: 9px 0 7px 0
    }

.cont_details_title {
    width: 88%;
    display: inline-block
}

.cont_signatory_title {
    display: block;
    background-color: #E4A14E !important;
    color: #fff !important;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 7px;
    line-height: 15px;
    min-height: 32px;
}

.profile {
    float: right;
    margin: 7px 7px 7px 0;
    width: 25%
}

    .profile img.pic {
        border: 1px solid #d9dee2;
        width: 104px;
        height: 94px;
        float: right
    }

    .profile .btn {
        margin: 20px 0 0 0;
        width: 100px
    }

.hd_band {
    background: #0e6cb6;
    border-top: 2px solid #000;
    height: 25px;
    line-height: 24px;
    padding: 0 9px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.hd_band_1 {
    background: #d9e2ea;
    border-top: 2px solid #000;
    height: 25px;
    line-height: 24px;
    padding: 0 9px;
    color: #0e6cb6;
    font-size: 12px;
    font-weight: bold;
}

.hd_band_2 {
    background: #5c90b7;
    border-top: 2px solid #000;
    height: 25px;
    line-height: 24px;
    padding: 0 9px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

table.workPlan {
    border-collapse: collapse;
    border-spacing: 0;
    height: 14px;
}

table.workPlan {
    width: 100%;
}

    table.workPlan tr {
        border-bottom: 1px solid #d9dee2;
        border-top: 1px solid #d9dee2;
        border-bottom-style: solid;
        border-right-style: solid;
        border-bottom-width: 1px;
        border-right-width: 1px;
        border-bottom-color: #d9dee2;
        border-right-color: #d9dee2;
        padding: 0 !important;
    }

    table.workPlan td {
        border-right: none;
    }

table.workPlan_extn {
    border-collapse: collapse;
    border-spacing: 0;
    height: 14px;
}

table.workPlan_extn {
    width: 100%;
}

    table.workPlan_extn tr {
        padding: 0 !important;
        border: 1px solid #d9dee2;
        border-right: none;
        border-left: none;
        border-bottom: none;
    }

    table.workPlan_extn td {
        border-right: none;
    }

/*Main Container Classes*/
table.inactive {
    display: inline-table;
    width: 100%;
    margin: 0;
    border-collapse: collapse
}

    table.inactive tr th {
        background: #d3d3d3;
        height: 25px;
        font-size: 10px;
        font-weight: bold;
        color: #7d7d7d !important;
        text-align: left;
        padding: 0 0 0 7px;
        line-height: 24px
    }

    table.inactive tr td {
        background: #e4e4e4;
        height: 25px;
        font-size: 10px;
        font-weight: normal;
        color: #858585;
        text-align: left;
        padding: 0 0 0 7px;
        line-height: 24px
    }

    table.inactive .icon_padd {
        padding: 5px 15px 0 0;
        display: inline-block
    }

table.inactive_1 {
    display: inline-table;
    width: 100%;
    margin: 0;
    border-collapse: collapse
}

    table.inactive_1 tr th {
        background: #d3d3d3;
        border: 1px solid #e6e6e6;
        height: 25px;
        font-size: 10px;
        font-weight: bold;
        color: #737373 !important;
        text-align: left;
        padding: 0 0 0 7px;
        line-height: 24px
    }

    table.inactive_1 tr td {
        background: #fff;
        border: 1px solid #e6e6e6;
        height: 25px;
        font-size: 10px;
        font-weight: normal;
        color: #858585;
        text-align: left;
        padding: 0 0 0 7px;
        line-height: 24px
    }

.inactiveAction {
    opacity: 0.4;
}

.inactiveDisabledAction {
    opacity: 0.4;
    pointer-events: none;
}

.clsFloatingComment {
    font-size: 11px;
    padding: 3px 10px;
    width: 4%; /*margin-top:30px;*/
    color: #fff;
    position: fixed;
    bottom: 25px;
    /*left: 0px;*/
    right: 0px;
    float: right;
    z-index: 100;
}

.clsbtnFloat {
    float: right;
    margin-bottom: 30px;
    background-color: #cdcdcd;
    padding: 10px;
    webkit-border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    border-radius: 20px 0px 0px 20px;
    border: 1px solid #787878;
    border-right: 0px;
}

.clscomments {
    display: none;
    background-color: #cdcdcd;
    padding: 10px;
    webkit-border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
    width: 98.2%;
    border: 1px solid #787878;
    border-bottom: 0px;
    margin-bottom: -6px;
}


.btn1 {
    background: url(../images/bg_btn.png) repeat-x;
    display: block;
    width: auto;
    height: 23px;
    line-height: 20px;
    border: 1px solid #dcdcdc;
    font-size: 10px;
    font-weight: normal;
    padding: 0 5px;
    border-radius: 3px;
    color: #006699;
    white-space: nowrap;
}

    .btn1 img {
        vertical-align: middle;
    }

/*Agency Page Classes*/
.agency_page h1 {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}

    .agency_page h1 span {
        color: #3C3C3C;
        font-size: 14px;
        font-weight: bold;
    }

    .agency_page h1 .txt-normal {
        font-weight: normal;
    }

.agency_page .hd_box {
    border: 1px solid #e7e7e7;
    display: inline-block;
    width: 100%;
}

.agency_page .hd_box_name {
    background: none repeat scroll 0 0 #E0E9F4;
    padding: 5px;
}

.agency_page .details_hd {
    background: none repeat scroll 0 0 #E0E9F4;
    color: #3C3C3C;
    font-size: 11px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 5px;
    text-align: right;
}

.year-panel {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
}

.agency_tab_scroll {
    overflow: auto;
    height: 200px
}

/*Agency Page New Classes*/
.agency_page_new h1 {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}

    .agency_page_new h1 span {
        color: #3C3C3C;
        font-size: 14px;
        font-weight: bold;
    }

    .agency_page_new h1 .txt-normal {
        font-weight: normal;
    }

.agency_page_new .box_hd {
    background: none repeat scroll 0 0 #E0E9F4;
    border: 1px solid #e7e7e7;
    display: inline-block;
    width: 99%;
    padding: 5px;
    margin: 5px 0 10px 0;
}

.agency_page_new {
    display: inline-block;
    width: 100%
}

    .agency_page_new .main_panel {
        display: inline-block;
        width: 100%
    }

    .agency_page_new .left_panel {
        float: left;
        width: 49.6%;
        margin: 0
    }

    .agency_page_new .right_panel {
        float: right;
        width: 49.6%;
        margin: 0
    }

    .agency_page_new .panel {
        margin: 0 0 10px 0;
    }

    .agency_page_new h1.create_hd {
        background: #f27545;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        height: 25px;
        line-height: 24px;
        border-radius: 2px 2px 0 0;
        margin: 0;
        padding: 0 7px
    }

    .agency_page_new h1.proj_hd {
        background: #0083ab;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        height: 25px;
        line-height: 24px;
        border-radius: 2px 2px 0 0;
        margin: 0;
        padding: 0 7px
    }

    .agency_page_new h2.report_hd {
        background: #6eb4cd;
        font-size: 11px;
        color: #fff;
        font-weight: bold;
        height: 25px;
        line-height: 24px;
        border-radius: 2px 2px 0 0;
        margin: 0;
        padding: 0 7px
    }

    .agency_page_new h2.report_sub_hd {
        font-size: 11px;
        color: #f27545;
        font-weight: bold;
        height: 22px;
        line-height: 20px;
        margin: 0;
        padding: 0 7px
    }

    .agency_page_new .box_padd {
        border: 1px solid #ccc;
        padding: 7px;
        display: block
    }

    .agency_page_new .box_panel {
        border: 1px solid #6eb4cd;
        margin: -1px 0 0 0;
        display: block
    }

    .agency_page_new .tab_panel {
        display: inline-block;
        margin: 0;
    }

    .agency_page_new a.tab {
        border: 1px solid #6eb4cd;
        padding: 0 9px;
        margin: 0 5px 0 0;
        background: #6eb4cd;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        height: 20px;
        line-height: 18px;
        text-align: center;
        border-radius: 2px 2px 0 0;
        float: left
    }

    .agency_page_new a:hover.tab {
        border: 1px solid #6eb4cd;
        border-bottom: none;
        background: #fff;
        font-size: 11px;
        font-weight: bold;
        height: 21px;
        color: #f27545;
    }

    .agency_page_new a.tab.active {
        border: 1px solid #6eb4cd;
        border-bottom: none;
        background: #fff;
        font-size: 11px;
        font-weight: bold;
        height: 21px;
        color: #f27545;
    }

    .agency_page_new .year_panel {
        padding: 7px;
        margin: 0;
        display: inline-block;
        font-size: 10px;
        font-weight: bold;
        color: #666;
        line-height: 19px
    }

        .agency_page_new .year_panel span {
            padding: 2px 5px;
            margin: 0;
            display: inline-block;
            font-size: 11px;
            font-weight: bold;
        }

            .agency_page_new .year_panel span.all_btn {
                padding: 0px 7px;
                height: 18px;
                margin: 0 3px 0 3px;
                display: inline-block;
                background: #2c95b5;
                font-size: 10px;
                box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2) inset;
                border-radius: 2px;
                font-weight: bold;
                color: #fff;
                cursor: pointer
            }

        .agency_page_new .year_panel select {
            border: 1px solid #6eb4cd;
            font-size: 10px;
            color: #000;
            height: 18px;
            width: 60px;
            padding: 0;
            margin: 0 0 0 5px
        }

table.agency_table1 {
    display: inline-table;
    width: 100%;
    margin: 0;
}

    table.agency_table1 tr th {
        background: #ffded1;
        height: 26px;
        border: 1px solid #ccc;
        border-top: 1px solid #fff;
        font-size: 11px;
        font-weight: bold;
        color: #333 !important;
        text-align: left;
        padding: 0 5px;
        line-height: 24px
    }

    table.agency_table1 tr td {
        background: #fff;
        border: 1px solid #ccc;
        font-size: 11px;
        font-weight: normal;
        color: #666666;
        text-align: left;
        padding: 5px
    }

table.agency_table2 {
    display: inline-table;
    width: 100%;
    margin: 0;
}

    table.agency_table2 tr th {
        background: #b4d4e0;
        border: 1px solid #d9dee2;
        font-size: 11px;
        font-weight: bold;
        color: #0083ab !important;
        text-align: left;
        padding: 0 5px;
        line-height: 26px
    }

    table.agency_table2 tr td {
        background: #fff;
        border: 1px solid #d9dee2;
        font-size: 11px;
        font-weight: normal;
        color: #666666;
        text-align: left;
        padding: 5px;
        line-height: 14px
    }

        table.agency_table2 tr td.due_date_1 {
            background: #ff5259;
            color: #fff
        }

        table.agency_table2 tr td.due_date_2 {
            background: #ffde77;
        }

.closed_instan_btn {
    background: url(../images/closed_instan_btn_img.png) no-repeat;
    width: 143px;
    height: 26px;
    padding: 0;
    text-indent: -9999px;
    cursor: pointer
}

.monitor_instan_btn {
    background: url(../images/monitoring_instan_btn_img.png) no-repeat;
    width: 143px;
    height: 26px;
    padding: 0;
    text-indent: -9999px;
    cursor: pointer
}

.closed_instan_btn_new {
    background: #f27545 url(../images/closed_inst_icon.png) 5px center no-repeat;
    height: 19px;
    padding: 0 5px;
    font-size: 11px;
    color: #fff;
    text-indent: 20px;
    cursor: pointer;
    border: 1px solid #deb7a8;
    border-radius: 2px;
    margin: 3px 0 0 0
}

.monitor_instan_btn_new {
    background: #f27545 url(../images/monitoring_icon.png) 5px center no-repeat;
    height: 19px;
    padding: 0 5px;
    font-size: 11px;
    color: #fff;
    text-indent: 20px;
    cursor: pointer;
    border: 1px solid #deb7a8;
    border-radius: 2px;
    margin: 3px 0 0 0
}

.profile_btn {
    background: url(../images/profile_btn_img.png) no-repeat;
    width: 143px;
    height: 26px;
    padding: 0;
    text-indent: -9999px;
    cursor: pointer
}

/* APPLICATION FORM DOCUMENTS */
.reqrd_doc {
    display: block;
    padding: 0px 7px;
}

table.req_doc {
    display: inline-table;
    width: 100%;
    border-collapse: collapse
}

    table.req_doc tr td {
        font-size: 10px;
        font-weight: normal;
        padding: 5px 0 !important;
        line-height: 16px;
    }

.highlight {
    background: #ffffe4;
    border-top: 1px solid #d9dee2;
    margin: -1px 0 0 0
}

    .highlight .red_txt {
        color: #d10000;
    }

.reqrd_doc_tab {
    border: 1px solid #D9DEE2;
    height: 543px;
    overflow: auto
}

.divider {
    border-bottom: 1px solid #d9dee2;
    margin: 8px 0 4px 0
}

.doc_view_btn {
    background: url(../images/view_icon.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 14px 0 0;
    float: left
}

.doc_del_btn {
    background: url(../images/delete_icon.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 14px 0 0;
    float: left
}

.doc_upload_btn {
    background: url(../images/upload_doc_icon.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 14px 0 0;
    float: left
}

.doc_user_btn {
    background: url(../images/icon-user.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 14px 0 0;
    float: left
}

.doc_comments_btn {
    background: url(../images/comments_doc_icon.png) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0 14px 0 0;
    float: left
}

.reqrd_doc_tab h2 {
    background: #a9a7a8;
    color: #fff;
    padding: 7px
}

.divider {
    border-bottom: 1px solid #D9DEE2;
    margin: 0
}

.padd-highlight {
    padding: 3px 2px 6px
}

.descBox {
    display: inline-block;
    width: 90%;
    margin-left: 10px
}

.pre_sign_fin {
    overflow: scroll;
    height: 140px
}

.steps_box01, .steps_box02 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 64px;
}

.steps_box01 {
    margin: 20px 10px 1px 10px
}

.steps_box02 {
    margin: 1px 10px
}

.steps_box03 {
    margin: 1px 10px
}

.step_arrow {
    background: url(../images/icon_arrowdown.png) center 0 no-repeat;
    width: 100%;
    height: 20px;
    display: inline-block
}

.steps_box_popup {
    background: #fff;
    border: 1px solid #d88c20;
    width: 90%;
    padding: 8px 18px;
    border-radius: 5px;
    display: block;
    overflow: hidden
}

/* DISBURSMENT - START */
#fltrt03a {
    float: right;
    width: 47.3%;
    border: 1px solid #cdcdcd;
    padding: 10px;
    margin: 10px 10px 10px 0;
}

.sectionTitle05 {
    background-color: #5D90B7;
    padding: 5px 0 5px 10px;
    border-top: 2px double #000000 !important;
    color: #fff;
    font-weight: bold;
    font-size: 12px !important;
}

.sectionTitle05_sub {
    background: #BEDBF1;
    padding: 5px 0 5px 10px;
    border: 1px solid #D9DEE2;
    color: #35688F;
    font-weight: bold;
    font-size: 11px !important;
}

.sectionTitle07 {
    background: #ccc;
    padding: 5px 0 5px 10px;
    border-top: 2px double #000000 !important;
    color: #3c3c3c;
    font-weight: bold;
    font-size: 12px !important;
}

.sectionTitle08 {
    background-color: #5D90B7;
    padding: 4px 0 4px 10px;
    border-top: 2px double #000000 !important;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

.sectionTitle09 {
    width: 100%;
    padding: 3px 0px 3px 0px;
    display: inline-block;
    margin-top: 15px;
    background-color: #f0dbc4;
    color: #535353;
    border-top: 2px double #626060 !important;
}

.sectionTitleLabel09 {
    color: #535353;
    font-size: 12px !important;
    font-weight: bold !important;
}

.sectionTitle10 {
    background-color: #f38642;
    padding: 4px 0 4px 9px;
    color: #fff;
    font-weight: bold;
    font-size: 12px !important;
}

.sectionTitle11 {
    background-color: #5d90b7;
    padding: 4px 0 4px 9px;
    color: #fff;
    font-weight: bold;
    font-size: 12px !important;
}

.sectionTitle12 {
    background: #a9c7de;
    padding: 4px 0 4px 10px;
    border-top: 2px double #000 !important;
    color: #023465;
    font-weight: bold;
    font-size: 11px;
}

.sectionTitle13 {
    background-color: #5D90B7;
    padding: 5px 0 5px 10px;
    border-top: 2px double #000000 !important;
    color: #fff !important;
}

    .sectionTitle13 span {
        color: #fff;
    }

.sectionTitle14 {
    background-color: #da6b69;
    padding: 5px 0 5px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.sectionTitle15 {
    background-color: #fff;
    color: #35689c;
    font-size: 13.2px;
    border-left: 5px solid #BEDBF1;
    border-top: 1px solid #BEDBF1 !important;
    border-right: 1px solid #BEDBF1;
    padding: 8px;
    font-weight: bold
}

.sectionTitle16 {
    background-color: #fff;
    color: #35689c;
    font-size: 13.2px;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-left: 5px solid #BEDBF1;
    padding: 8px;
    font-weight: bold
}

.sectionTitle17 {
    color: #db6f19 !important;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 3px;
}

.last_date {
    float: right;
    margin-right: 10px;
    font-weight: normal;
    font-style: italic
}

.btn_2 {
    background: #E79E00;
    border: 1px solid #D08700;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
    text-align: center;
}

.bg-clr-3 {
    background: #E7F9FF !important
}

table.stripped_3 {
    width: 98.4%;
    margin: 0 10px
}

    table.stripped_3 th {
        padding: 4px 5px 2px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background-color: #BEDBF1 !important; /*#e6eeee;*/
        border: 1px solid #d9dee2;
        border-top: 0 !important;
        height: 17px;
        color: #35688F !important;
    }

    table.stripped_3 tr {
        border-bottom: 1px solid #d9dee2;
    }

    table.stripped_3 td {
        border-left: 1px solid #d9dee2;
        border-bottom: 1px solid #d9dee2;
        border-right: 1px solid #d9dee2;
        font-size: 11px;
        font-weight: normal;
    }

table.stripped_3_new {
    width: 98.4%;
    margin: 0 10px
}

    table.stripped_3_new th {
        padding: 4px 5px 2px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background-color: #BEDBF1 !important; /*#e6eeee;*/
        border: 1px solid #d9dee2;
        border-top: 0 !important;
        height: 17px;
        color: #35688F !important;
    }

    table.stripped_3_new tr {
        border-bottom: 1px solid #d9dee2;
    }

    table.stripped_3_new td {
        border: 1px solid #d9dee2;
        font-size: 11px;
        font-weight: normal;
    }

table.stripped_4 {
    width: 98.8%;
    border-top: 1px solid #d9dee2 !important;
    margin: -5px 7px 5px;
}

    table.stripped_4 th {
        padding: 4px 5px 2px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background-color: #E5E5E5 !important; /*#e6eeee;*/
        border: 1px solid #d9dee2;
        border-top: 0 !important;
        height: 17px;
        color: #3c3c3c !important;
    }

    table.stripped_4 tr {
        border-bottom: 1px solid #d9dee2;
    }

    table.stripped_4 td {
        border-left: 1px solid #d9dee2;
        border-bottom: 1px solid #d9dee2;
        border-right: 1px solid #d9dee2;
        font-size: 11px;
    }

table.stripped_5 {
    width: 100%
}

    table.stripped_5 th {
        padding: 4px 5px 2px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background: #dd9c5c !important;
        border: 1px solid #d9dee2;
        border-top: 0 !important;
        height: 17px;
        color: #fff !important;
    }

    table.stripped_5 tr {
        border-bottom: 0px solid #d9dee2;
    }

    table.stripped_5 td {
        border-left: 1px solid #d9dee2;
        border-bottom: 0px solid #d9dee2;
        border-right: 1px solid #d9dee2;
        font-size: 11px;
        font-weight: normal;
        background: #fff3e2
    }

table.stripped_6 {
    border: 1px solid #d9dee2;
}

    table.stripped_6 tr {
        border-bottom: 1px solid #fff;
    }

    table.stripped_6 td {
        border-bottom: 1px solid #fff;
        background: #e5e5e5;
        line-height: 18px;
    }

        table.stripped_6 td:hover {
            border-bottom: 1px solid #fff;
            background: #EEEEEE;
            line-height: 18px;
        }

        table.stripped_6 td a {
            color: #4d84bc;
        }

            table.stripped_6 td a:hover {
                color: #4bbbff;
            }

table.stripped_7 th {
    padding: 3px 5px;
    text-align: left;
    font-weight: bold;
    font-size: 10px;
    background-color: #E5E5E5 !important; /*#e6eeee;*/
    color: #3c3c3c !important;
}

table.stripped_7 tr {
    border-bottom: 0px solid #d9dee2;
}

table.stripped_7 td {
    font-size: 10px;
}

table.stripped_8 {
    border-collapse: collapse;
    background: #fedfc3;
}

    table.stripped_8 tr {
        border-bottom: 0px solid #d9dee2;
    }

    table.stripped_8 td {
        font-weight: bold;
        font-size: 10px;
        padding: 3px 5px 3px 5px;
    }

table.stripped_10 {
    width: 100%
}

    table.stripped_10 th {
        padding: 4px 5px 2px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background: #dd9c5c !important;
        border: 1px solid #d9dee2;
        border-top: 0 !important;
        height: 17px;
        color: #fff !important;
    }

    table.stripped_10 tr {
        border-bottom: 0px solid #d9dee2;
    }

    table.stripped_10 td {
        border-left: 1px solid #d9dee2;
        border-bottom: 1px solid #d9dee2;
        border-right: 1px solid #d9dee2;
        font-size: 11px;
        font-weight: normal;
        background: #fff3e2
    }

table.stripped_11 {
    border-collapse: collapse;
    width: 100%;
}

    table.stripped_11 td {
        font-size: 10px;
        padding: 0px 5px 5px 0;
    }

table.stripped_12 th {
    padding: 4px 3px 2px;
    text-align: left;
    font-weight: bold;
    font-size: 10px;
    background-color: #BEDBF1 !important; /*#e6eeee;*/
    border: 1px solid #d9dee2;
    border-top: 0 !important;
    height: 17px;
    color: #35688F !important;
    border-collapse: collapse;
}

    table.stripped_12 th a {
        background-color: #BEDBF1 !important; /*#e6eeee;*/
        color: #35688F !important;
        font-size: 10px !important;
    }

table.stripped_12 tr {
    border-bottom: 1px solid #d9dee2;
}

table.stripped_12 td {
    padding: 4px 3px 2px;
    border-left: 1px solid #d9dee2;
    border-bottom: 1px solid #d9dee2;
    border-right: 1px solid #d9dee2;
    font-size: 10px;
    font-weight: normal;
    padding-bottom: 0px;
}

table.stripped_13 {
    border-collapse: collapse;
    width: 100%;
    font-size: 10px;
}

    table.stripped_13 th a {
        background-color: #BEDBF1 !important;
        color: #35688F !important;
        font-size: 10px !important;
    }

    table.stripped_13 tr {
        border-bottom: 1px solid #d9dee2;
    }

    table.stripped_13 td {
        padding: 4px 3px 2px;
        border-left: none;
        border-bottom: 1px solid #d9dee2;
        border-right: none;
        font-size: 10px;
        font-weight: normal;
    }

table.stripped_14 th {
    padding: 4px 5px 2px;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    background: #4e79aa; /*#e6eeee;*/
    border: 1px solid #d9dee2;
    border-top: 0 !important;
    height: 17px;
    color: #fff;
}

    table.stripped_14 th a {
        background: #4e79aa; /*#e6eeee;*/
        color: #fff;
        font-size: 10px !important;
    }

    table.stripped_14 th.hd1 {
        padding: 4px 5px 2px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background: #c4d2e3 !important; /*#e6eeee;*/
        border: 1px solid #d9dee2;
        border-top: 0 !important;
        height: 17px;
        color: #35688F !important;
    }

table.stripped_14 tr {
    border-bottom: 1px solid #d9dee2;
}

table.stripped_14 td {
    border-left: 1px solid #d9dee2;
    border-bottom: 1px solid #d9dee2;
    border-right: 1px solid #d9dee2;
    font-weight: normal;
}

table.stripped_15 {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #B8CDE4
}

    table.stripped_15 th {
        padding: 4px 5px 2px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background: #4e79aa; /*#e6eeee;*/
        border: 1px solid #B8CDE4;
        border-top: 0 !important;
        height: 17px;
        color: #fff;
    }

        table.stripped_15 th a {
            background: #4e79aa; /*#e6eeee;*/
            color: #fff;
            font-size: 10px !important;
        }

    table.stripped_15 td {
        border: 1px solid #B8CDE4;
        font-weight: normal;
        font-size: 10px;
    }

table.stripped_16 {
    border-collapse: collapse;
    width: 100%;
}

    table.stripped_16 tr th {
        background: #FAF2EA;
        border: 1px solid #d9dee2 !important;
        color: #7e7e7e !important;
        padding: 5px;
        text-align: left;
    }

    table.stripped_16 tr td {
        border: 1px solid #d9dee2 !important;
        color: #000;
        padding: 5px;
    }

.work_flow_row {
    background-color: #E4EDF7
}

.gridWindow {
    height: 500px;
    overflow: auto;
    width: 100%
}

.gridWindow01 {
    height: 268px;
    overflow: auto;
    width: 100%;
    position: relative;
    top: 0px;
    bottom: 0px;
}

.dataBottom {
    position: absolute;
    bottom: 0;
    max-height: 100%;
    right: 0px;
    left: 0px;
    overflow-y: auto
}

.projectStatuswidth {
    width: 33%;
    text-align: center
}

.projectStatus {
    background-color: #e9f3fa;
    display: block;
    width: 90%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 3px;
    border: 1px solid #7caacd;
    padding: 3px 6px;
    font-weight: normal;
    color: #20547c;
    line-height: 16px
}

tr.statusBg {
    background-color: #f0f0f0;
    -webkit-border-radius: 10px;
}

.projectStage {
    background: transparent url('../images/icon_arrow.png') center 0 no-repeat;
    height: 12px;
    width: 11px;
    margin: 0 auto
}

tr:first-child td div.projectStage {
    display: none
}

tr.mainAltrow {
    background: #f2f2f2
}

    tr.mainAltrow td, tr.mainrow td {
        font-size: 12px !important
    }

.mainDate {
    color: #900
}

.sectionTitle06 {
    background: none repeat scroll 0 0 #81B4DB;
    border: 1px solid #81B4DB !important;
    color: #FFFFFF !important;
    display: block;
    font: bold 11px Verdana !important;
    margin-bottom: 0 !important;
    overflow: hidden;
    padding: 4px 5px;
    text-align: center;
}

.section_subtitle {
    background: #d1e5f4;
    color: #3b6e95;
    display: block;
    font-weight: bold;
    padding: 0 0 0 5px;
    text-decoration: none;
    margin: 1px 0 0 0
}

    .section_subtitle td span {
        font-size: 11px
    }

.section_subtitle_sub {
    border-bottom: 1px solid #CCC;
    color: #f38642;
    display: block;
    font-weight: bold;
    padding: 0;
}

.marg_t15 {
    margin-top: 15px
}

/* DISBURSMENT - END */

.lable_1 {
    font-size: 11px;
    width: 130px !important;
}

.alloc-label {
    color: #9C5100;
    margin-top: 5px;
    display: block;
}

.alloc-label-header {
    margin-top: 5px;
    display: block;
    font-size: 11px
}


/* Landing Page - Start */
.landing_top-bar {
    background: #d3ebf6 url("../images/top_banner_map.png") no-repeat right top;
    height: 62px;
    padding: 0 9px 0 0;
}

.logo {
    background: url("../images/ocha_logo_new.png") no-repeat 10px center;
    width: 200px; 
    height: 40px;
    float: left;
    margin: 10px 0 0 0
}

.login_panel {
    position: absolute;
    text-align: center;
    width: 100%;
    margin: 20px 0 0
}

.login_btn {
    background: #f5fcff url('../images/login_icon_blue.png') 6px center no-repeat !important;
    border: 1px solid #9dcce2 !important;
    border-radius: 3px;
    color: #1295d2;
    font-size: 11px !important;
    font-weight: 900 !important;
    height: 26px;
    text-indent: 30px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 10px 0 0 !important;
    margin: 0 5px 0 0;
}

    .login_btn:hover {
        background: #f5fcff url('../images/login_icon_blue.png') 6px center no-repeat !important;
        color: #18b6ff
    }

.landing_logout_btn {
    background: #f5fcff url('../images/logout_blue_icon.png') 6px center no-repeat !important;
    border: 1px solid #9dcce2 !important;
    border-radius: 3px;
    color: #1295d2;
    font-size: 11px !important;
    font-weight: 900 !important;
    height: 26px;
    text-indent: 26px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 5px 0 0 !important;
    margin: 0 5px 0 0;
}

    .landing_logout_btn:hover {
        background: #f5fcff url('../images/logout_blue_icon.png') 6px center no-repeat !important;
        color: #18b6ff
    }

.user_home_btn {
    background: #d4e5f7 url('../images/user_blue_icon.png') 7px center no-repeat !important;
    border: 1px solid #9dcce2 !important;
    border-radius: 3px;
    color: #1295d2;
    font-size: 11px !important;
    font-weight: 900 !important;
    height: 26px;
    text-indent: 26px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 5px 0 0 !important;
    margin: 0 5px 0 0;
}

    .user_home_btn:hover {
        background: #f5fcff url('../images/user_blue_icon.png') 7px center no-repeat !important;
        color: #18b6ff
    }

.detail_panel {
    float: right;
    margin: 2px 0 0 0
}

    .detail_panel .title_hd {
        color: #0e6fa8;
        font-size: 13px;
        font-weight: 700;
        padding: 0 0 3px 5px;
        text-align: right;
        display: block;
    }

    .detail_panel .name {
        color: #FFFFFF;
        font-size: 11px;
        padding: 0;
        text-align: right;
        display: block
    }

    .detail_panel .phone {
        background: transparent url('../images/phone_icon_blue.png') left center no-repeat !important;
        color: #0e6fa8;
        font-size: 10px;
        padding: 0 5px 0 20px;
        height: 16px
    }

    .detail_panel .email {
        background: transparent url('../images/email_icon_blue.png') left center no-repeat !important;
        color: #0e6fa8;
        font-size: 10px;
        padding: 0 0 0 20px;
        height: 16px
    }

    .detail_panel .skype {
        background: transparent url('../images/skype_icon.png') left center no-repeat !important;
        color: #0e6fa8;
        font-size: 10px;
        padding: 0 0 0 20px;
        height: 12px
    }

    .detail_panel .more {
        background: transparent url('../images/more_icon_blue.png') left center no-repeat !important;
        color: #0e6fa8;
        font-size: 10px;
        padding: 0 0 0 20px;
        height: 16px
    }

.landing_container {
    background: #fff;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.year-panel-landing {
    background: #d1e2f4;
    height: 25px;
    margin: 0 0 8px 0
}

.yr-tab-btn {
    color: #3f7dba;
    padding: 5px 18px;
    float: left;
    font-size: 11px;
    border-right: 1px solid #FFFFFF;
    line-height: 15px;
}

.yr-tab-btn-active {
    background: #5a9ad8;
    color: #fff;
    font-weight: bold;
    padding: 5px 18px;
    float: left;
    font-size: 11px;
    border-right: 1px solid #FFFFFF;
    line-height: 15px;
}

    .yr-tab-btn-active:hover {
        color: #fff !important
    }

.landing-tab-menu {
    height: 23px
}

.landing-tab-details {
    border: 1px solid #ccae94
}

ul.landing-tab {
    list-style: none;
    height: 21px;
    border-bottom: 0px solid #999;
}

    ul.landing-tab li {
        float: left;
        padding: 4px 12px;
        margin: 0 5px 0 0;
        color: #e0bd97;
        cursor: pointer;
        background-color: #ffe7d3;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        height: 15px;
    }

        ul.landing-tab li a {
            font-size: 11px;
            color: #cca36d;
            font-weight: bold
        }

            ul.landing-tab li a.active {
                font-size: 11px;
                color: #fff;
                font-weight: bold
            }

        ul.landing-tab li.active {
            color: #fff;
            cursor: pointer;
            background-color: #ccae94;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

.country_active {
    background: transparent url('../images/active_bg.png') right center repeat-x;
    color: #FFFFFF !important;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    line-height: 26px;
    padding: 0 0 0 5px;
}

.arrow_img {
    background: #fff url('../images/arrow_img.png') left center no-repeat !important;
    width: 14px;
    height: 28px;
    display: block
}

.country_active_chf {
    background: transparent url('../images/select_arrow_active1.png') left center no-repeat;
    color: #FFFFFF !important;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    line-height: 26px;
    padding: 0 0 0 5px;
    width: 235px;
}

.active_panel {
    background-color: transparent !important;
    padding: 0 !important;
    height: 28px;
    position: relative
}

.landing_footer {
    background: #878382;
    padding: 3px 10px;
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 98.5%
}

.landing_container h2 {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #3070b0;
    padding: 5px;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    font-weight: normal;
    margin-bottom: 10px;
}

.item1 {
    grid-area: header;
    border: 1px solid #eee;
}

.item2 {
    grid-area: chart;
    border: 1px solid #eee;
}

.item3 {
    grid-area: sidebar;
    padding: 0 !important;
    line-height: 0;
    height: 84px;
}

.item4 {
    grid-area: video;
    border: 1px solid #eee;
    padding: 0 !important;
    height: 300px;
}

.grid-container {
    display: grid;
    /*grid-template-columns: 8fr 4fr;*/
    grid-template-areas: 'header header header header header header header header header header header header' 'chart chart chart chart chart chart chart chart chart sidebar sidebar sidebar' 'chart chart chart chart chart chart chart chart chart video video video' 'chart chart chart chart chart chart chart chart chart video video video' 'chart chart chart chart chart chart chart chart chart video video video';
    grid-gap: 15px;
    padding: 15px;
}

    .grid-container > div {
        padding: 10px;
    }

    .grid-container p {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        line-height: 25px;
        color: #333;
        font-weight: 300;
        height: auto;
        margin: 0;
    }

    .grid-container b {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        line-height: 25px;
        color: #333;
    }

.image-container {
    background: url('../images/pf-data-hub-banner-bg.jpg') 0 bottom repeat !important;
    display: grid;
    width: 100%;
    height: 100%;
    max-height: 84px;
}

    .image-container p {
        font-family: 'Roboto', sans-serif;
        text-align: center;
        font-size: 22px;
        color: #fff;
        padding: 30px 0 0 0;
        font-weight: 500;
        line-height: 0;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
    }

        .image-container p span {
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            font-weight: 200;
            vertical-align: bottom;
        }

    .image-container a {
        font-family: 'Roboto', sans-serif;
        text-align: center;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        display: block;
        font-weight: 200;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
    }

.video-panel a {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 14px;
    color: #3070b0;
    text-decoration: none;
    display: block;
    padding: 10px;
}

    .video-panel a img {
        vertical-align: middle;
        margin-right: 5px;
    }

    .video-panel a span {
        font-family: 'Roboto', sans-serif;
        color: #404040;
        font-size: 14px;
    }

.tabs .tabs-panel {
    display: inline-block;
    border-bottom: 2px solid #d2d2d2;
    width: 100%;
    margin-top: -50px;
    margin-left: -11px;
    padding-right: 12px;
    padding-left: 10px;
    list-style: none;
}

    .tabs .tabs-panel li {
        float: left;
        padding: 6px 15px 4px 15px;
        border-radius: 3px 3px 0 0;
        font-size: 14px;
        color: #777;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        margin-left: -10px;
        margin-right: 5px;
        font-weight: 300;
        margin-bottom: -1px;
        cursor: pointer;
    }

        .tabs .tabs-panel li.active {
            background-color: #3070b0;
            font-size: 14px;
            color: #fff;
            font-weight: 500;
            border-bottom: 2px solid #1b4d92;
            float: left;
        }

.tabs .tab {
    display: none;
}

.tabs .tabs-panel li a {
    text-decoration: none;
    color: #777;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.tabs .tabs-panel li.active a {
    color: #fff !important;
    font-weight: 500 !important;
}

.tabs .tabs-panel-sidebar {
    display: inline-block;
    border-bottom: 2px solid #d2d2d2;
    width: 100%;
    margin-top: -11px;
    list-style: none;
}

    .tabs .tabs-panel-sidebar .sidebar-title {
        padding: 5px 15px;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        font-size: 14px;
        color: #333;
        font-weight: 500;
        display: block;
        float: none;
        margin-bottom: 1px;
    }



/* Landing Page - End */
/* Advance Switchboard - Start */
.filters_tab {
    display: block;
    border: 1px solid #d9dee2;
    width: 99%
}

    .filters_tab h1 {
        background: #5c90b7;
        display: block;
        height: 24px;
        line-height: 22px;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        padding: 0 8px;
    }

    .filters_tab .project_code {
        border: 1px solid #c5daeb;
        width: 100%;
        height: 18px
    }
    .filters_tab table tr td ul.tagit input[type="text"] {
        background: none !important;
        padding: 0 !important;
        border: none !important;
        min-height: inherit;
    }
.expand_btn {
    background: url(../images/expand_icon.png) right center no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    float: right;
    padding: 5px 0 0;
    cursor: pointer
}

.collapse_btn {
    background: url(../images/collapse_icon.png) right center no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    float: right;
    padding: 5px 0 0;
    cursor: pointer
}

.filter_btns {
    display: block;
    margin: 0 0 7px 0;
    width: 100%
}

.switch_brd_excel_bt {
    background: #e8f4fd;
    border: 1px solid #c5dbec;
    font-size: 10px;
    padding: 2px 5px;
    float: left;
    margin: 0 0 0 7px
}

    .switch_brd_excel_bt span {
        background: url(../images/excel_icon.png) right center no-repeat;
        margin: 0 0 0 5px;
        width: 15px;
        height: 15px;
        display: inline-block
    }

table.adv_quickFilter th {
    padding: 0 28px;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    background: #dd9c5c url(../images/filter_icon.gif) 8px center no-repeat;
    border: 1px solid #dd9c5c;
    height: 22px;
    display: block;
    line-height: 20px;
}

table.adv_quickFilter td {
    border-left: 1px solid #d9dee2;
    border-right: 1px solid #d9dee2;
    border-bottom: none;
    font-size: 11px;
    padding: 5px 5px 5px 0;
    display: block;
    height: 13px;
}

table.adv_quickFilter tr.last-child {
    border-bottom: 1px solid #d9dee2;
}

table.adv_quickFilter tr:hover {
    background: #bcd4ec !important;
}

.tool_tip {
    background: url(../images/tool_tip_icon.png) left center no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: sub
}

table.stripped_9 th {
    padding: 4px 5px 2px;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    background-color: #BEDBF1 !important; /*#e6eeee;*/
    border: 1px solid #d9dee2;
    border-top: 0 !important;
    height: 17px;
    color: #35688F !important;
}

    table.stripped_9 th a {
        background-color: #BEDBF1 !important; /*#e6eeee;*/
        color: #35688F !important;
        font-size: 10px !important;
    }

table.stripped_9 tr {
    border-bottom: 1px solid #d9dee2;
}

table.stripped_9 td {
    border-left: 1px solid #d9dee2;
    border-bottom: 1px solid #d9dee2;
    border-right: 1px solid #d9dee2;
    font-size: 11px;
    font-weight: normal;
}

input[type="submit"].switchboard_btn, input[type="button"].switchboard_btn {
    border-color: #f07020 !important;
    text-decoration: none !important;
    color: #fff;
    background-color: #f07020 !important;
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif !important;
    cursor: pointer;
    border-radius: 3px;
    border-bottom: 2px solid #b44804 !important;
}
input[type="submit"].switchboard_btn:hover, input[type="button"].switchboard_btn:hover {
    background-color: #fff !important;
    border: 1px solid #f07020 !important;
    background-image: none !important;
    color: #f07020;
    text-shadow: none !important;
    border-bottom: 2px solid #b44804 !important;
}

/*input[type="submit"].switchboard_btn, input[type="button"].switchboard_btn {
    border-color: #b44804 !important;
    text-decoration: none !important;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3) !important;
    color: #fff;
    background-color: #b44804 !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f07020), to(#b65518)) !important;
    background-image: -moz-linear-gradient(#f07020, #b65518) !important;
    background-image: -o-linear-gradient(#f07020, #b65518) !important;
    background-image: linear-gradient(#f07020, #b65518) !important;
    display: inline-block;
    padding: 0.3em .8em;
    font: 12px/normal sans-serif !important;
    cursor: pointer;
}*/

/* Advance Switchboard - End */
input[type="submit"].red_btn, input[type="button"].red_btn {
    border: 1px solid #d24040 !important;
    text-decoration: none !important;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3) !important;
    color: #fff;
    background-color: #d24040 !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef5050), to(#d24040)) !important;
    background-image: -moz-linear-gradient(#ef5050, #d24040) !important;
    background-image: -o-linear-gradient(#ef5050, #d24040) !important;
    background-image: linear-gradient(#ef5050, #d24040) !important;
    display: inline-block;
    padding: 0.3em .8em;
    font: 12px/normal sans-serif !important;
    cursor: pointer;
}

input[type="submit"].orange_btn, input[type="button"].orange_btn {
    border: 1px solid #b76526 !important;
    text-decoration: none !important;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3) !important;
    color: #fff;
    background-color: #c7702d !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#df8642), to(#c7702d)) !important;
    background-image: -moz-linear-gradient(#df8642, #c7702d) !important;
    background-image: -o-linear-gradient(#df8642, #c7702d) !important;
    background-image: linear-gradient(#df8642, #c7702d) !important;
    display: inline-block;
    padding: 0.3em .8em;
    font: 12px/normal sans-serif !important;
    cursor: pointer;
}

.added_records {
    background: none repeat scroll 0 0 #EAEAEA;
    border-bottom: 1px solid #BBBBBB;
    color: #3577B8;
    margin: 0 5px 5px 5px;
    padding: 3px 5px;
}

a.disabled_anchor {
    color: #000 !important;
    text-decoration: none !important;
}

li.list {
    list-style-type: disc;
    margin-left: 10px;
    padding-bottom: 5px;
}

.proj_extn_btn {
    padding: 5px;
    margin: 5px 0 5px 0;
    background: #CBDEEF;
    border: 1px solid #b5c8d9;
    font-weight: bold;
    display: inline-block
}

table.brdr_none tr td {
    border: 0 !important
}

.ext_proj_details {
    background: #CBDEEF;
    display: inline-block;
    border: 1px solid #0D6CB6;
    width: 99.9%
}

    .ext_proj_details .cluster_panel {
        background: #F9FBFB;
        min-height: 47px
    }

/*Edit Profile Classes Start*/
.profile_panel {
    border: 1px solid #c9d7e1;
    background: #e7f3fa;
    padding: 0;
    display: inline-block;
    width: 100%
}

    .profile_panel h1 {
        background: #5d90b7;
        height: 23px;
        line-height: 22px;
        padding: 0 7px;
        font-size: 12px;
        font-weight: bold;
        color: #fff
    }

.step_panel {
    border: 1px solid #bedbf1;
    background: #fff;
    padding: 0;
    margin: 0 0 7px 0
}

    .step_panel h1 {
        background: #bedbf1;
        height: 21px;
        line-height: 20px;
        padding: 0 7px;
        font-size: 11px;
        font-weight: bold;
        color: #35688f
    }

.user_signon_panel {
    border: 1px solid #d8d8d8;
    background: #fff;
    padding: 0;
    margin: 0 0 7px 0
}

    .user_signon_panel h1 {
        background: #d7d6d6;
        height: 21px;
        line-height: 19px;
        padding: 0 7px;
        font-size: 11px;
        font-weight: bold;
        color: #636363
    }

.step_panel_disable {
    background: #9e9e9e;
}

.opac_0_7 {
    opacity: 0.7
}

.btn_5 {
    background: #f3f3f3 url(../images/circ_arrow_icon.png) 7px center no-repeat;
    text-indent: 16px;
    height: 23px;
    font-size: 10px;
    padding: 0 7px;
    line-height: 22px;
    cursor: pointer;
    color: #1f76b8;
    border-top: 1px solid #e7e7e7;
    display: block
}

    .btn_5:hover {
        color: #555;
    }

.marg_r0_5 {
    margin-right: 0.5%
}

table.usergroup {
    border-collapse: collapse;
    width: 100%
}

    table.usergroup tr td {
        padding: 0 5px 5px 0;
    }
/*Edit Profile Classes End*/

/*Mozilla Hack*/
html >/**/ body .hght_95, x:-moz-any-link, x:default {
    height: 102px !important
}

/*.faq_icon{background:url(images/faq_icon.png) top center no-repeat; width:60px; height:26px; display:block; position:fixed; top:68px; right:0;cursor: pointer;z-index:10;}*/
.faq_icon {
    background: url(images/faq_icon4.png) top center no-repeat;
    width: 60px;
    height: 26px;
    display: block;
    position: fixed;
    top: 84px;
    right: -33px;
    transition-duration: 0.3s;
    cursor: pointer;
    z-index: 10;
}

    .faq_icon:hover {
        right: 0;
    }


/* Checkbox labels */
span.chkLabel label {
    width: 50px;
    display: inline-block;
    margin: -1px 0 0 5px
}

span.chkLabel_1 label {
    display: inline-block;
    margin: -1px 0 0 5px
}

.wdth_22p {
    width: 22%
}

.wdth_15_5p {
    width: 15.5%;
}

.wdth_25p {
    width: 35%;
}

.fund_name {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    /*margin: 7px 0 0 0*/
    margin: 8px 0 0 0
}

.globe {
    background: url(../images/globe_img.png) left center no-repeat;
    /*min-height: 34px;*/
    min-height: 36px;
    display: inline-block;
    text-indent: 25px;
    margin: 7px 0 0 0;
    padding: 0 0 0 4px;
    color: #0e6fa8;
    text-align: left
}

    .globe span {
        font-size: 13px;
        font-weight: bold
    }

    .globe .role_txt {
        font-size: 11px;
        font-weight: normal;
        line-height: 16px;
        display: block
    }

.divider_1 {
    border-left: 1px solid #9cc6da;
    display: inline-block;
    /*height: 48px;*/
    height: 51px;
    margin: 0 8px 0 4px
}

/* Access Type Dropdown*/
.selectricWrapper {
    position: relative;   
    margin: 0 0 6px;
    width: 300px;
    cursor: pointer;
    display: inline-block;
}

.selectricResponsive {
    width: 100%;
}

.selectric {
    border: 1px solid #E0E0E0;
    /*border-bottom-width: 2px;*/
    background: #F8F8F8;
    position: relative;
    height:20px;
    border-radius: 3px;
}

    .selectric p {
        height: auto;
        text-align: left;
    }

    .selectric .label {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        margin: 0 30px 0 0;
        padding: 0 6px;
        font-size: 11px;
        /*line-height: 18px;*/
        line-height: 21px;
        color: #444;
        min-height: 18px;
        font-weight: normal;
    }

    .selectric .button {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 25px;
        height: 19px;
        background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOCA1IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjgiIGhlaWdodD0iNSI+PHBhdGggZD0iTTcuNzgxIDEuNDQ0Yy0uMjgxLjMwNy0zLjIzOCAzLjMxMS0zLjIzOCAzLjMxMS0uMTUxLjE2NC0uMzQ3LjI0NS0uNTQ0LjI0NS0uMTk3IDAtLjM5NC0uMDgyLS41NDMtLjI0NSAwIDAtMi45NTctMy4wMDMtMy4yMzktMy4zMTEtLjI4MS0uMzA3LS4zLS44NTkgMC0xLjE4OC4zMDEtLjMyOC43MTktLjM1NCAxLjA4NyAwbDIuNjk1IDIuNzU1IDIuNjk0LTIuNzU1Yy4zNjgtLjM1NC43ODctLjMyOCAxLjA4NyAwIC4zMDEuMzI4LjI4Mi44ODEgMCAxLjE4N3oiIGZpbGw9IiNiYmIiLz48L3N2Zz4K) no-repeat 50% !important;
        font: 0/0 a;
        border: none;
    }

@media \0screen\,screen\9 {
    .selectric .button {
        color: #DDD;
        text-align: center;
        font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
    }
}

.selectricHover .selectric {
    border-color: #CCC !important;
}

    .selectricHover .selectric .button {
        color: #888 !important;
    }

        .selectricHover .selectric .button:after {
            border-top-color: #888 !important;
        }

.selectricOpen {
    z-index: 9999;
}

    .selectricOpen .selectric {
        border-color: #CCC;
        background: #F0F0F0;
        margin-top: 1px;
        border-bottom-width: 1px;
    }

    .selectricOpen .selectricItems {
        display: block;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

.selectricDisabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectricHideSelect {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

    .selectricHideSelect select {
        position: absolute;
        left: -100%;
        display: none;
    }

.selectricInput {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectricItems {
    display: none;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    position: absolute;
    top: 100%;
    left: 0;
    background: #fefefe;
    border: 1px solid #CCC;
    z-index: -1;
    box-shadow: 0 0 10px -6px, inset 0 0 0px 1px #fff;
    margin: 8px 0;
    padding: 10px 0;
    border-radius: 4px;
}

    .selectricItems .selectricScroll {
        height: 100%;
        overflow: auto;
    }

    .selectricItems:before,
    .selectricItems:after {
        content: "";
        position: absolute;
        top: -11px;
        left: 12px;
        width: 0;
        height: 0;
        border-bottom: 7px solid #BBB;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        margin-top: 3px;
    }

    .selectricItems:after {
        margin-top: 4px;
        border-bottom-color: #FFF;
    }

.selectricAbove .selectricItems:before,
.selectricAbove .selectricItems:after {
    top: 100%;
    border-bottom-width: 0;
    border-top: 6px solid #BBB;
    margin-top: 0;
}

.selectricAbove .selectricItems:after {
    border-top-color: #FFF;
    margin-top: -1px;
}

.selectricAbove .selectricItems {
    top: auto;
    bottom: 100%;
}

.selectricItems ul, .selectricItems li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    line-height: 20px;
    min-height: 20px;
}

.selectricItems li {
    display: block;
    padding: 6px 30px 6px 10px;
    color: #666;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: left;
    font-weight: normal;
}

    .selectricItems li.selected {
        background: #E0E0E0;
        color: #444;
        font-weight: normal;
    }

    .selectricItems li:after {
        content: "";
        position: absolute;
        z-index: 3;
        top: 0;
        right: -10px;
        width: 30px;
        height: 100%;
        background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEwIj48cGF0aCBkPSJNMCA1YzAtLjIyNC4wNzItLjQxNS4yMTctLjU3MmwxLjA1My0xLjE0NWMuMTQ0LS4xNTcuMzItLjIzNi41MjYtLjIzNi4yMDYgMCAuMzgyLjA3OS41MjYuMjM2bDIuMjc2IDIuNDgzIDUuMDc5LTUuNTNjLjE0NS0uMTU3LjMyLS4yMzYuNTI2LS4yMzYuMjA2IDAgLjM4Mi4wNzkuNTI2LjIzNmwxLjA1MyAxLjE0NWMuMTQ0LjE1Ny4yMTcuMzQ4LjIxNy41NzIgMCAuMjI0LS4wNzIuNDE1LS4yMTcuNTcybC02LjY1OCA3LjIzOWMtLjE0NC4xNTctLjMyLjIzNi0uNTI2LjIzNi0uMjA2IDAtLjM4Mi0uMDc5LS41MjYtLjIzNmwtMy44NTYtNC4xOTJjLS4xNDUtLjE1Ny0uMjE3LS4zNDgtLjIxNy0uNTcyeiIgZmlsbD0iI2JiYiIvPjwvc3ZnPgo=) no-repeat 50% 50%;
        opacity: 0;
        -webkit-transition: .2s;
        transition: .2s;
    }

    .selectricItems li.selected:after {
        opacity: 1;
        right: 0;
    }

    .selectricItems li:hover {
        background: #F0F0F0 !important;
        color: #444 !important;
    }

    .selectricItems li.disabled {
        background: #F5F5F5;
        color: #BBB;
        border-top-color: #FAFAFA;
        cursor: default;
    }

.menu_panel ul {
    list-style: none;
    padding: 3px 0 0 19px;
}

.menu_panel li {
    list-style: none;
    padding: 3px 0 3px 0;
    color: #3c3c3c
}

.usr_grp_rights_hd {
    background: #5D90B7;
    font-weight: bold;
    color: #fff
}

.usr_grp_rights_links {
    background: #f2f7f9;
    width: 600px;
    height: 330px;
    overflow: auto;
    padding: 5px 0 5px 0
}

.usr_grp_active input, .usr_grp_active label {
    display: inline;
    line-height: 12px;
    margin-right: 5px;
    color: #35688F;
    cursor: pointer
}

.usr_grp_inactive input, .usr_grp_inactive label {
    display: inline;
    line-height: 12px;
    margin-right: 5px;
    font-style: normal;
    color: #000
}

.breakWord {
    word-break: break-all;
}

.freezeColumn {
    background-color: #eaf4fd !important;
}

INPUT.statusbutton_red {
    border-color: #e23b30 !important;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    cursor: pointer;
    background-color: #e23b30 !important;
    background-image: linear-gradient(#e23b30, #ff8486) !important;
    margin-left: 0 !important;
}

    INPUT.statusbutton_red:hover {
        border-color: #e23b30 !important;
        text-decoration: none;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3) !important;
        color: #fff;
        background-color: #e23b30 !important;
        background-image: linear-gradient(#e23b30, #e23b30) !important;
    }

INPUT.statusbutton_green {
    border-color: #3d9b35 !important;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    cursor: pointer;
    background-color: #3d9b35 !important;
    background-image: linear-gradient(#3d9b35, #5cc151) !important;
}

    INPUT.statusbutton_green:hover {
        border-color: #3d9b35 !important;
        text-decoration: none;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3) !important;
        color: #fff;
        background-color: #3d9b35 !important;
        background-image: linear-gradient(#3d9b35, #3d9b35) !important;
    }

INPUT.statusbutton_orange {
    border-color: #ffa500 !important;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    cursor: pointer;
    background-color: #ffa500 !important;
    background-image: linear-gradient(#ffa500, #ffa500) !important;
}

    INPUT.statusbutton_orange:hover {
        border-color: #FF7F00 !important;
        text-decoration: none;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3) !important;
        color: #fff;
        background-color: #FF7F00 !important;
        background-image: linear-gradient(#FF7F00, #FF7F00) !important;
    }

INPUT.statusbutton_purple {
    border-color: #800080 !important;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff;
    border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    cursor: pointer;
    background-color: #800080 !important;
    background-image: linear-gradient(#800080, #800080) !important;
}

    INPUT.statusbutton_purple:hover {
        border-color: #682860 !important;
        text-decoration: none;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3) !important;
        color: #fff;
        background-color: #682860 !important;
        background-image: linear-gradient(#682860, #682860) !important;
    }

.under_rev_btn {
    background: url(../images/under_revision_tab.png) left center no-repeat;
    width: 19px;
    height: 203px;
    display: block;
    position: fixed;
    left: 0px;
    top: 242px
}

.overwrite_rev_btn {
    background: url(../images/revision_overwritten_tab.png) left center no-repeat;
    width: 19px;
    height: 282px;
    display: block;
    position: fixed;
    left: 0px;
    top: 235px
}

.under_closed_btn {
    background: url(../images/project_closed_tab.png) left center no-repeat;
    width: 17px;
    height: 203px;
    display: block;
    position: fixed;
    left: 0px;
    top: 242px;
    z-index: 10
}

.workflw_info_icon {
    display: inline-block;
    margin: 2px 5px 2px 0
}
/* Extension Project Details */
.extn_proj_details {
    overflow: hidden;
    border: 1px solid #0d6cb6;
    background-color: #cbdeef;
}

.non_edit_row {
    background-color: #FDF9DA !important;
}
/*.edit_row {background-color:#dcfff1!important;font-family:Verdana;font-size:10px}*/
.lg_edit {
    padding: 5px;
    background-color: #dcfff1
}

.lg_nedit {
    padding: 5px;
    background-color: #FDF9DA
}

.rev_header {
    background: #ffe5cd url(../images/revision_bg.png) left center repeat-x;
    min-height: 80px;
    border-radius: 3px;
    border: 1px solid #f8d7b9;
    padding: 7px 7px 0;
    position: relative;
    margin: 0 0 10px 0
}

.no_record_txt {
    color: #FF0000;
    display: inline-block;
    padding: 5px;
    text-align: center;
    width: 100%;
}
/* Print with comments */
.print_panel {
    background: #fff;
    border: 1px solid #9cc2e0;
    height: 48px;
    width: 286px;
    float: right
}

.print_top {
    background: #9cc2e0;
    height: 18px;
    padding: 3px
}

    .print_top .print_rev {
        float: left;
        background: url(../images/print_rev_icon.png) left center no-repeat;
        height: 16px;
        line-height: 16px;
        font-size: 10px;
        color: #0d6cb6;
        text-indent: 21px;
        font-weight: bold;
        margin: 0 5px 0 7px
    }

    .print_top .print_comments {
        font-size: 10px;
        color: #fff;
        line-height: 16px;
        font-weight: bold
    }

    .print_top input {
        margin: 2px 5px 0 9px
    }

    .print_top select {
        width: 39px;
        height: 18px;
        border: 1px solid #cfcfcf;
        font-size: 10px;
        margin: 0 5px 0 5px;
        padding: 0 !important;
        vertical-align: top;
        min-height:auto;
    }

.print_btm {
    background: #fff;
    height: 17px;
    padding: 3px
}

    .print_btm select {
        height: 18px;
        border: 1px solid #cfcfcf;
        font-size: 10px;
        margin: 0 5px 0 2px;
        padding: 0 !important;
        vertical-align: top;
        float: left;
        min-height:auto;
    }

    .print_btm ul {
        list-style: none;
        margin: 0 0 0 2px
    }

    .print_btm li {
        list-style: none;
        float: left;
        margin: 0 4px 0 0
    }

    .print_btm .word {
        background: url(../images/word_rev_icon.png) left center no-repeat;
        width: 14px;
        height: 14px;
        float: left
    }

    .print_btm .pdf {
        background: url(../images/pdf_rev_icon.png) left center no-repeat;
        width: 15px;
        height: 14px;
        float: left
    }

    .print_btm .html {
        background: url(../images/html_rev_icon.png) left center no-repeat;
        width: 14px;
        height: 14px;
        float: left
    }

    .print_btm input {
        margin: 0 5px 0 0
    }

.print_top .divide {
    border-right: 1px solid #fff;
    height: 18px;
    float: left;
    margin: 0 0 0 6px
}

.print_btm .divide1 {
    border-right: 1px solid #a3b8c3;
    height: 12px;
    margin: 2px 0 0 0;
    float: left
}

.print_btm .link1 {
    font-size: 10px;
    color: #006699;
    display: block;
    line-height: 13px
}

.pdf_btn {
    background-image: url('../images/pdf_btn.png') !important;
    width: 45px;
    height: 18px;
    cursor: pointer;
    float: left;
    border: none !important
}

.pdf_new {
    background: url('../images/pdf_icon.gif') no-repeat 0 0 transparent !important;
    width: 153px;
    height: 16px;
    cursor: pointer;
    float: left;
    border: none !important;
    padding-left: 3px !important;
    text-decoration: underline;
    color: #006699;
    font-size: 12px !important;
}

.word_btn {
    background-image: url('../images/word_btn.png') !important;
    width: 49px;
    height: 18px;
    cursor: pointer;
    float: left;
    border: none !important
}

.html_btn {
    background-image: url('../images/html_btn.png') !important;
    width: 49px;
    height: 18px;
    cursor: pointer;
    float: left;
    margin-right: 0 !important;
    border: none !important
}

.ErrorBudgetTotal {
    background-color: #C34848;
    color: #ffffff;
    font-weight: bold !important;
    font-size: 11px;
    border-top: 2px double #000000 !important;
    text-align: right;
}

.ErrorBudgetLine {
    background-color: #C34848;
    color: #ffffff;
    text-align: right;
}

.ErrorBudgetGrandTotal {
    background-color: #F4B8B8;
    color: #000;
}

.reportData {
    text-align: right;
    background-color: #C8ECCD;
}

.print_select select {
    height: 18px;
    border: 1px solid #cfcfcf;
    font-size: 10px;
    margin: 0 5px 0 2px;
    padding: 0;
    vertical-align: middle;
}

table.table_brdr {
    border-collapse: collapse
}

    table.table_brdr tr td {
        border-top: 1px solid #D9DEE2;
        border-bottom: 1px solid #D9DEE2;
    }

table.table_brdr_1 tr td {
    border: none !important;
}

input[type="submit"].overwrite_btn, input[type="button"].overwrite_btn {
    border-color: #b44804 !important;
    text-decoration: none !important;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3) !important;
    color: #fff;
    background-color: #b44804 !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f07020), to(#b65518)) !important;
    background-image: -moz-linear-gradient(#f07020, #b65518) !important;
    background-image: -o-linear-gradient(#f07020, #b65518) !important;
    background-image: linear-gradient(#f07020, #b65518) !important;
    display: inline-block;
    padding: 0.3em .8em;
    font: 12px/normal sans-serif !important;
    cursor: pointer;
}

.variance_hd_bg {
    background: #e4b034 !important
}

.variance_brdr_btm {
    border-bottom: 2px solid #e4b034 !important
}

input[type="submit"].reset_btn, input[type="button"].reset_btn {
    border-color: #f00 !important;
    text-decoration: none !important;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3) !important;
    color: #fff;
    background-color: #f00 !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff7878), to(#f00)) !important;
    background-image: -moz-linear-gradient(#ff7878, #f00) !important;
    background-image: -o-linear-gradient(#ff7878, #f00) !important;
    background-image: linear-gradient(#ff7878, #f00) !important;
    display: inline-block;
    padding: 0.3em .8em;
    font: 12px/normal sans-serif !important;
    cursor: pointer;
}
/* Advance Switchboard */
.main_filter_container {
    background: #f2f3f3;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    width: 999px;
    display: block;
    padding: 19px 0;
}

.quick_filters_area {
    display: inline-block;
    margin: 0 6px 0 auto
}

.quick_filters_main {
    background: #fdd17d;
    padding: 26px 10px 10px 10px;
    border-radius: 3px;
    display: inline-block;
    margin: -16px 0 0 0
}

.quick_filters {
    background: #fff;
    width: 255px;
    float: left;
    border: 1px solid #e0a73a;
    border-radius: 3px;
    margin: 0
}

    .quick_filters h1 {
        background: #e0a73a;
        display: block;
        height: 27px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        padding: 0 28px;
    }

table.quick_filt {
    background: #fff;
    display: inline-table;
    width: 100%;
}

    table.quick_filt tr th {
        background: #e0a73a;
        display: block;
        height: 27px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        padding: 0 28px;
    }

    table.quick_filt tr td {
        background: #fff;
        height: 29px;
        border-bottom: 1px dotted #a6a6a6;
        display: block;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-align: left;
        padding: 0 0 0 10px;
        line-height: 25px
    }

    table.quick_filt input {
        margin: 7px 4px 0 0;
        vertical-align: middle
    }

.tool_tip {
    background: url(../images/tool_tip_icon.png) left center no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle
}

.quick_filter_icon {
    background: url(../images/quick_filter_icon.png) center center no-repeat;
    height: 33px;
    text-align: center;
    position: relative
}

.filters_area {
    display: inline-block;
    margin: 0 auto
}

.filters_main {
    background: #afdcf8;
    padding: 26px 10px 10px 10px;
    border-radius: 3px;
    display: inline-block;
    margin: -16px 0 0 0
}

.filters {
    width: 664px;
    float: left;
    border: 1px solid #46a4da;
    border-radius: 3px;
    margin: 0
}

    .filters h1 {
        background: #46a4da;
        display: block;
        height: 27px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        padding: 0 28px;
    }

table.filt {
    background: #fff;
    display: inline-table;
    width: 100%;
}

    table.filt tr td {
        height: 29px;
        border-bottom: 1px dotted #a6a6a6;
        display: block;
        font-size: 10px;
        font-weight: normal;
        color: #000;
        text-align: left;
        padding: 0 0 0 10px;
        line-height: 25px
    }

.filter_icon {
    background: url(../images/filter_icon.png) center center no-repeat;
    height: 33px;
    text-align: center;
    position: relative
}

table.filt tr td:last-child {
    border-bottom: none;
}

.buttons_panel {
    display: inline-block;
    margin: 0 auto;
}

.line_divider {
    border-bottom: 1px solid #c4c4c4;
    margin: 10px 13px
}

.reload_filt_btn {
    background: #cde0ec url(../images/reload_icon.png) 9px center no-repeat !important;
    border: 1px solid #a1c4db !important;
    border-radius: 3px;
    padding: 0 9px !important;
    color: #3c3c3c;
    font-size: 10px !important;
    font-weight: bold;
    line-height: 22px;
    display: inline-block;
    text-indent: 21px;
    cursor: pointer;
    margin: 0 0 0 20px;
    font-family: Verdana !important
}

    .reload_filt_btn:hover {
        background: #c5d7e3 url(../images/reload_icon.png) 9px center no-repeat;
    }

table.filt_1 {
    background: #fff;
    display: inline-block;
    border-collapse: collapse;
    padding: 0;
    width: 100%
}

    table.filt_1 tr td {
        text-align: left;
        padding: 0 10px 10px 0;
    }

        table.filt_1 tr td button {
            width: 316px !important;
            min-height: 24px
        }

        table.filt_1 tr td .project_code {
            border: 1px solid #c5daeb;
            width: 310px;
            height: 18px
        }
        table.filt_1 tr td ul.tagit input[type="text"] {
            background: none !important;
            padding: 0 !important;
            border: none !important;
            min-height: inherit;
        }
.filter_top_bg {
    background: #fef7eb !important;
    border-bottom: 1px solid #f9e4bb
}

.filter_btm_bg {
    background: #fff0d1 !important;
    border-top: 1px solid #f8dfae
}

input[type="submit"].click_to_filter_btn, input[type="button"].click_to_filter_btn {
    text-decoration: none !important;
    font-family: verdana !important;
    text-indent: 25px;
    font-size: 12px;
    color: #fff;
    background: url(../images/click_to_filter_bg.png) 0 0 no-repeat !important;
    border: none;
    cursor: pointer;
    height: 27px;
    width: 133px;
    float: left;
    margin: 0 10px 0 0;
}

input[type="submit"].clear_filter_btn, input[type="button"].clear_filter_btn {
    text-decoration: none !important;
    font-family: verdana !important;
    text-indent: 25px;
    font-size: 12px;
    color: #fff;
    background: url(../images/clear_filter_bg.png) 0 0 no-repeat !important;
    border: none;
    cursor: pointer;
    height: 27px;
    width: 133px;
    float: left
}

.ui-multiselect.year_filter {
    background: url(../images/year_filter_bg_img.png) 50% 50% repeat-x;
    border: 1px solid #ffccb1;
    color: #cc4600
}

    .ui-multiselect.year_filter .ui-icon {
        background-image: url(../images/ui-icons_orange_256x240.png) !important;
    }

    .ui-multiselect.year_filter .ui-icon-triangle-2-n-s {
        background-position: -128px -16px
    }

.ui-multiselect.other_filter {
    background: url(../images/other_filter_bg_img.png) 50% 50% repeat-x;
    border: 1px solid #e2d6cf;
    color: #7f5e4d
}

    .ui-multiselect.other_filter .ui-icon {
        background-image: url(../images/ui-icons_brown_256x240.png) !important;
    }

    .ui-multiselect.other_filter .ui-icon-triangle-2-n-s {
        background-position: -128px -16px
    }

.ui-multiselect.monitor_filter {
    background: url(../images/monitor_filter_bg_img.png) 50% 50% repeat-x;
    border: 1px solid #f1cea9;
    color: #ca7922
}

    .ui-multiselect.monitor_filter .ui-icon {
        background-image: url(../images/ui-icons_brown_256x240.png) !important;
    }

    .ui-multiselect.monitor_filter .ui-icon-triangle-2-n-s {
        background-position: -128px -16px
    }

.quick_filt_label {
    line-height: 25px !important;
    margin-left: 0 !important
}

.boxLabel_4 input {
    margin: 7px 4px 0 0;
    float: left;
}

.boxLabel_4 label {
    margin: 0 0 0 7px !important;
    line-height: 25px !important;
    float: left;
}

.switch_prev_btn {
    background: url(../images/switch_prev_icon.png) 0 0 no-repeat;
    width: 27px;
    height: 27px
}

.show_filter_btn {
    background: #fff3d2 url(../images/filter_btn_icon.png) 92px center no-repeat;
    border: 1px solid #fbb674;
    box-shadow: 0 1px #fbb674;
    -webkit-box-shadow: 0 2px #d28456;
    -moz-box-shadow: 0 2px #d28456;
    color: #EC6501;
    font-size: 11px;
    font-weight: bold;
    padding: 0 7px;
    display: inline-block;
    border-radius: 3px;
    line-height: 19px;
    width: 97px !important;
    height: 20px;
    float: left;
    margin: 0 7px 0 0
}

    .show_filter_btn:hover {
        background: #fde6a8 url(../images/filter_btn_icon.png) 92px center no-repeat;
        border: 1px solid #fbb674;
        box-shadow: 0 1px #fbb674;
        -webkit-box-shadow: 0 2px #d28456;
        -moz-box-shadow: 0 2px #d28456;
        cursor: pointer
    }

table.required_doc_table {
    border-collapse: collapse;
}

    table.required_doc_table tr td {
        padding: 5px 0
    }

table.addi_doc_table {
    border-collapse: collapse;
    width: 100%
}

    table.addi_doc_table tr td {
        padding: 7px
    }

table.addi_doc_subtable {
    border-collapse: collapse;
    width: 100%;
}

    table.addi_doc_subtable tr th {
        background: #d9e2ea;
        color: #000 !important;
        font-size: 10px;
        padding: 2px 5px;
        text-align: left;
        border: 1px solid #fff
    }

    table.addi_doc_subtable tr td {
        padding: 5px;
        color: #000;
        border: 1px solid #fff
    }

table.prev_table {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 7px 0
}

    table.prev_table tr th {
        background: #d6d6d6;
        color: #636363 !important;
        font-size: 10px;
        padding: 5px;
        text-align: left;
        border: 1px solid #d9dee2
    }

    table.prev_table tr td {
        padding: 5px;
        color: #949494;
        border: 1px solid #d9dee2
    }

.standardActivity {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 5px;
    margin-bottom: 3px;
}

.projectBudgetHead {
    margin: 0 5px;
    background-color: #ccc;
    padding: 5px;
    font-weight: bold;
    font-size: 12px;
    border-top: 2px solid #000
}

.BudgetHeaderButton {
    height: 15px;
    min-height: 15px;
    width: 85px;
    text-align: left;
    display: inline-block;
    padding: 4px 2px 4px 2px;
    margin: 6px 7px;
    background-image: linear-gradient(#E1EEFA, #FFFFFF) !important;
    background: #fed189 !important;
    border: 1px solid #C27E00;
    color: #3c3c3c;
}

.btn_6 {
    padding: 3px 7px;
    width: auto;
    background: #fff3d2;
    border: 1px solid #fbb674;
    box-shadow: 0 1px #fbb674;
    -webkit-box-shadow: 0 2px #d28456;
    -moz-box-shadow: 0 2px #d28456;
    color: #EC6501;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    border-radius: 3px;
    line-height: 26px;
    float: left;
    margin: 5px;
}

table.stripped_17 {
    border-collapse: collapse;
    width: 100%;
}

    table.stripped_17 tr th {
        background: #35709E;
        border: 1px solid #fff !important;
        color: #E8E1E1 !important;
        padding: 5px;
        text-align: left;
    }

    table.stripped_17 tr td {
        border: 1px solid #d9dee2;
        color: #000;
        padding: 5px;
    }

    table.stripped_17 tr.headerRow {
        background-color: #bedbf1;
        color: #35688f;
    }

        table.stripped_17 tr.headerRow td {
            background-color: #bedbf1;
            color: #35688f;
            font-size: 11px !important;
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
        }

table.stripped_18 {
    width: 100%;
    border: 1px solid #B0B0B0;
    border-collapse: collapse
}

    table.stripped_18 tr th {
        border: 1px solid #d9dee2 !important;
        background-color: #e2eef8;
        color: #558eba !important;
        padding: 5px;
        text-align: left;
    }

    table.stripped_18 tr td {
        border: 1px solid #d9dee2 !important;
        color: #000;
        padding: 5px;
    }

table.stripped_19 {
    border-collapse: collapse;
    width: 100%;
}

    table.stripped_19 th {
        padding: 4px 5px 2px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background-color: #BEDBF1 !important; /*#e6eeee;*/
        border: 1px solid #dbdbdb;
        height: 17px;
        color: #35688F !important;
    }

        table.stripped_19 th a {
            background-color: #BEDBF1 !important; /*#e6eeee;*/
            color: #35688F !important;
            font-size: 10px !important;
        }

    table.stripped_19 tr {
        border-bottom: 1px solid #dbdbdb;
    }

    table.stripped_19 td {
        border-left: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        font-size: 11px;
        font-weight: normal;
        background: #fff;
    }

table.stripped_19_new {
    border-collapse: collapse;
    width: 100%;
}

    table.stripped_19_new th {
        padding: 4px 5px 2px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background-color: #BEDBF1 !important; /*#e6eeee;*/
        border: 1px solid #dbdbdb;
        height: 17px;
        color: #35688F !important;
    }

        table.stripped_19_new th a {
            background-color: #BEDBF1 !important; /*#e6eeee;*/
            color: #35688F !important;
            font-size: 11px !important;
        }

    table.stripped_19_new tr {
        border-bottom: 1px solid #dbdbdb;
    }

    table.stripped_19_new td {
        border-left: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        font-size: 11px;
        font-weight: normal;
    }

table.stripped_20 th {
    padding: 4px 5px 2px;
    text-align: left;
    font-weight: bold;
    font-size: 10px;
    background-color: #BEDBF1 !important; /*#e6eeee;*/
    border: 1px solid #d9dee2;
    border-top: 0 !important;
    height: 17px;
    color: #35688F !important;
}

    table.stripped_20 th a {
        background-color: #BEDBF1 !important; /*#e6eeee;*/
        color: #35688F !important;
        font-size: 10px !important;
    }

table.stripped_20 tr {
    border-bottom: 1px solid #d9dee2;
}

table.stripped_20 td {
    border-left: 1px solid #d9dee2;
    border-bottom: 1px solid #d9dee2;
    border-right: 1px solid #d9dee2;
    font-size: 10px;
    font-weight: normal;
}

table.stripped_21 {
    border-collapse: collapse;
    width: 100%;
}

    table.stripped_21 tr th {
        background: #5d90b7;
        border: 1px solid #B8CDE4 !important;
        border-top: 0 !important;
        color: #fff !important;
        padding: 4px 5px;
        text-align: left;
        font-weight: bold;
        font-size: 10px;
    }

    table.stripped_21 tr td {
        border: 1px solid #d9dee2;
        color: #000;
        padding: 5px;
        font-weight: normal;
        font-size: 10px;
    }

        table.stripped_21 tr td a {
            color: #006699
        }

            table.stripped_21 tr td a:hover {
                color: #00bbf4
            }

table.stripped_22 {
    border-collapse: collapse;
    width: 100%;
}

    table.stripped_22 th {
        padding: 4px 5px 2px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background-color: #BEDBF1 !important; /*#e6eeee;*/
        border: 1px solid #dbdbdb;
        height: 17px;
        color: #35688F !important;
    }

    table.stripped_22 tr {
        border-bottom: 1px solid #dbdbdb;
    }

    table.stripped_22 td {
        border-left: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        font-size: 10px;
        font-weight: normal;
        background: #fff;
    }

table.stripped_23 th {
    padding: 4px 5px 2px;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    background-color: #eaeaea !important; /*#e6eeee;*/
    border: 1px solid #d9dee2;
    border-top: 0 !important;
    height: 17px;
    color: #3c3c3c !important;
}

table.stripped_23 tr {
    border-bottom: 1px solid #d9dee2;
}

table.stripped_23 td {
    border-left: 1px solid #d9dee2;
    border-bottom: 1px solid #d9dee2;
    border-right: 1px solid #d9dee2;
    font-size: 10px;
    font-weight: normal;
}

table.stripped_24 {
    border-collapse: collapse;
    width: 100%;
}

    table.stripped_24 th {
        padding: 4px 5px 5px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background-color: #c9e2f6 !important; /*#e6eeee;*/
        border: 1px solid #bedbf1;
        line-height: 14px;
        color: #35688F !important;
    }

    table.stripped_24 td {
        border-left: 1px solid #bedbf1;
        border-bottom: 1px solid #bedbf1;
        border-right: 1px solid #bedbf1;
        font-size: 11px;
        font-weight: normal;
        background: #fff;
        padding: 4px 5px 5px;
        line-height: 16px;
    }

table.stripped_25 {
    border-collapse: collapse;
}

    table.stripped_25 th {
        padding: 3px 5px;
        text-align: left;
        font-weight: bold;
        font-size: 10px;
        background: #ffe1d1 !important;
        border: 1px solid #efcebc !important;
        min-height: 17px;
        color: #3c3c3c !important;
    }

    table.stripped_25 td {
        border-left: 1px solid #efcebc;
        border-bottom: 1px solid #efcebc;
        border-right: 1px solid #efcebc;
        font-size: 10px;
        font-weight: normal;
        background: #fff;
        padding: 3px 5px;
    }

table.stripped_26 {
    border-collapse: collapse;
}

    table.stripped_26 th {
        padding: 3px 5px;
        text-align: left;
        font-weight: bold;
        font-size: 10px;
        background: #fcefcf !important;
        border: 1px solid #eadec0 !important;
        min-height: 17px;
        color: #3c3c3c !important;
    }

    table.stripped_26 td {
        border-left: 1px solid #eadec0;
        border-bottom: 1px solid #eadec0;
        border-right: 1px solid #eadec0;
        font-size: 10px;
        font-weight: normal;
        background: #fff;
        padding: 3px 5px;
    }

table.stripped_27 {
    border-collapse: collapse;
    width: 100%;
}

    table.stripped_27 th {
        padding: 4px 5px 5px;
        text-align: left;
        font-weight: bold;
        font-size: 10px;
        background-color: #35709e; /*#e6eeee;*/
        border: 1px solid #bedbf1;
        line-height: 14px;
        color: #fff;
    }

    table.stripped_27 td {
        border-left: 1px solid #bedbf1;
        border-bottom: 1px solid #bedbf1;
        border-right: 1px solid #bedbf1;
        font-size: 10px;
        font-weight: normal;
        background: #fff;
        padding: 4px 5px 5px;
        line-height: 16px;
    }

table.stripped_28 {
    border-collapse: collapse;
}

    table.stripped_28 th {
        padding: 4px 5px 5px;
        text-align: left;
        font-weight: bold;
        font-size: 10px;
        background: #ebf4fa !important;
        border: 1px solid #d4e7f6 !important;
        min-height: 17px;
        color: #4482b2 !important;
    }

    table.stripped_28 td {
        border-left: 1px solid #d4e7f6;
        border-bottom: 1px solid #d4e7f6;
        border-right: 1px solid #d4e7f6;
        font-size: 10px;
        font-weight: normal;
        background: #fff;
        padding: 4px 5px 5px;
        word-break: break-all;
        white-space: normal;
    }

table.stripped_30 {
    border-collapse: collapse;
}

    table.stripped_30 th {
        padding: 3px 5px;
        text-align: left;
        font-weight: bold;
        font-size: 10px;
        background: #eaeaea !important;
        border: 1px solid #d9dee2 !important;
        min-height: 17px;
        color: #3c3c3c !important;
    }

    table.stripped_30 td {
        border-left: 1px solid #d9dee2;
        border-bottom: 1px solid #d9dee2;
        border-right: 1px solid #d9dee2;
        font-size: 10px;
        font-weight: normal;
        background: #fff;
        padding: 3px 5px;
    }

.add_atlas_btn {
    background: url(../images/add_atlas_icon.png) left center no-repeat;
    border: 1px solid #f07b05;
    color: #3c3c3c;
    text-indent: 30px;
    padding-right: 7px;
    font-weight: bold;
    border-radius: 2px;
    height: 23px;
    cursor: pointer
}

    .add_atlas_btn:hover {
        background: #feebd7 url(../images/add_atlas_icon.png) left center no-repeat;
    }

.add_proj_btn {
    background: url(../images/add_proj_icon.png) left center no-repeat;
    border: 1px solid #5d90b7;
    text-indent: 21px;
    line-height: 14px;
    padding-right: 6px;
    font-weight: normal;
    border-radius: 2px;
    height: 15px;
    cursor: pointer
}

.sub_head {
    color: #d65717;
    font-weight: bold;
    font-size: 11px;
    padding: 7px 0px 5px 0
}

.sub_sub_head {
    color: #0d6cb6;
    font-weight: bold;
    font-size: 11px;
    padding: 7px 0px 5px 13px
}

.error_indicator {
    background-color: #C34848 !important;
    color: #fff !important;
}

.excel_btn {
    background: none repeat scroll 0 0 #ededed;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 5px 5px 4px;
}

.exp_excel_bt {
    font-size: 10px;
    padding: 2px 0;
    float: left;
    margin: 0 0 0 7px
}

    .exp_excel_bt span {
        background: url(../images/excel_icon.png) right center no-repeat;
        margin: 0 0 0 5px;
        width: 15px;
        height: 15px;
        display: inline-block
    }

/* Manage Fund Milestone */
.inpt_style {
    border: 1px solid #79a7c9 !important;
    height: 14px;
}

.selct_style {
    border: 1px solid #79a7c9 !important
}

.col_det_subhd {
    padding: 0;
    line-height: 20px;
    color: #34688f;
    font-weight: bold
}

.col_det_subhd_1 {
    padding: 0;
    line-height: 20px;
    color: #e76615;
    font-weight: bold
}

.col_det_bg {
    background: #d4e3ee;
}

.col_det_bg_1 {
    background: #fee4d2;
}

/*Task Assignment*/
.taskExpireWarning {
    display: block;
    position: fixed;
    top: 219px;
    left: -125px;
    transition-duration: 0.3s;
    cursor: pointer;
    z-index: 10;
    border: 2px solid #fd4239;
    background: #fff;
    padding: 3px 4px;
    border-radius: 0 5px 5px 0;
    color: #3070b0;
    font-weight: bold;
    line-height: 14px;
}

    .taskExpireWarning:hover {
        color: #3c3c3c;
        font-weight: bold;
        left: 0;
    }

.taskReleaseRequest {
    display: block;
    position: fixed;
    top: 190px;
    left: -111px;
    transition-duration: 0.3s;
    cursor: pointer;
    z-index: 10;
    border: 2px solid #f07b05;
    background: #fff;
    padding: 3px 4px;
    border-radius: 0 5px 5px 0;
    color: #3070b0;
    font-weight: bold;
    line-height: 14px;
}

    .taskReleaseRequest:hover {
        color: #3c3c3c;
        font-weight: bold;
        left: 0;
    }

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.table_box_highlight {
    background: #ffdfc7;
    color: #3c3c3c;
    font-size: 13px !important;
    padding: 5px !important;
    font-weight: bold !important;
}

.bank_info_btn_1 {
    background: #a1d88b;
    border: 1px solid #72a559;
    color: #000;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    padding: 2px 5px;
    text-align: center;
    border-radius: 2px;
    margin: 0 5px 0 0
}

.bank_info_btn_2 {
    background: #fe8383;
    border: 1px solid #e43f3f;
    color: #000;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    padding: 2px 5px;
    text-align: center;
    border-radius: 2px;
    margin: 0 5px 0 0
}


/*DASHBOARD*/
.dashbrd_container {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    background: #e7e6e6;
    padding: 10px;
    border: 1px solid #d7d7d7;
    border-top: 2px solid #b1b1b1;
    font-family: Arial, Helvetica, sans-serif !important;
}

.dashboard_hd {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #0e6fa8;
    padding: 5px 0 6px 0
}

.dashbrd_left_panel {
    float: left;
    width: 73.7%;
}

.dashbrd_right_panel {
    float: right;
    width: 25.5%;
    margin-left: 0.8%
}

.task_list {
    background: #fff;
    padding: 10px;
    display: block;
    border-radius: 0 0 3px 3px;
    border: 1px solid #d3d3d3;
    border-top: none;
    margin: 0 0 10px 0
}

.task_list_panel {
    background: #fff;
    padding: 5px 0 4px 9px;
    display: block;
    border-radius: 3px 3px 0 0;
    border: 1px solid #d3d3d3;
}

.task_list_hd {
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #3c3c3c
}

table.task_list_table {
    display: inline-table;
    width: 100%;
    border-collapse: collapse
}

    table.task_list_table tr th {
        background: #bedbe9;
        border: 1px solid #b0cfde;
        font-size: 10px !important;
        font-weight: bold;
        color: #27769b !important;
        text-align: left;
        padding: 4px 6px;
        line-height: 15px
    }

        table.task_list_table tr th a {
            background: none;
            color: #27769b !important;
            font-size: 10px !important;
        }

    table.task_list_table tr td {
        background: #fff;
        border: 1px solid #b0cfde;
        font-size: 10px;
        font-weight: normal;
        color: #3c3c3c;
        text-align: left;
        padding: 4px 6px;
        line-height: 15px
    }

.quick_access_hd {
    background: #f0ab00;
    padding: 5px 0 4px 9px;
    display: block;
    line-height: 20px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #f0ab00;
    font-size: 12px;
    font-weight: bold;
    color: #fff
}

.quick_access {
    position: absolute;
    top: 100px;
    left: 77%;
    text-align: center;
    width: 300px;
    z-index: 99
}

.quick_acc_btn1 {
    background: #03cb73;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 9px 7px;
    line-height: 14px;
    margin: 0 0 2px;
    min-width: 158px
}

    .quick_acc_btn1:hover {
        background: #03b165;
        color: #fff
    }

.quick_acc_btn2 {
    background: #2ab6c7;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 9px 7px;
    line-height: 14px;
    margin: 0 0 2px;
    min-width: 156px
}

    .quick_acc_btn2:hover {
        background: #24a0af;
        color: #fff
    }

.quick_acc_btn3 {
    background: #058bae;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 9px 7px;
    line-height: 14px;
    margin: 0 0 2px;
    min-width: 156px
}

    .quick_acc_btn3:hover {
        background: #047998;
        color: #fff
    }

.quick_acc_btn4 {
    background: #0e6fa8;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 9px 7px;
    line-height: 14px;
    margin: 0 0 2px;
    min-width: 156px
}

    .quick_acc_btn4:hover {
        background: #0c6092;
        color: #fff
    }

.quick_acc_close {
    font-size: 12px;
    float: right;
    margin-right: 12px;
}

.quick_acc_container {
    background-color: #f7f7f7;
    padding: 8px 4px;
}
/*Quick Access Panel*/
.quick_acc_links {
    display: inline-block;
    font-size: 11px;
    border: 1px solid #ccc;
    padding: 48px 8px 8px 8px;
    width: 72px;
    margin-bottom: 2px;
    text-align: center;
    min-height: 26px;
}

    .quick_acc_links.dollar_fund {
        background: #fff url(../images/quickaccess/qac_fundbalance.png) center 7px no-repeat;
    }

        .quick_acc_links.dollar_fund:hover {
            background: #fff url(../images/quickaccess/qac_fundbalance.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.bulkproj_print {
        background: #fff url(../images/quickaccess/qac_bulkprint.png) center 7px no-repeat;
    }

        .quick_acc_links.bulkproj_print:hover {
            background: #fff url(../images/quickaccess/qac_bulkprint.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.fund_overview {
        background: #fff url(../images/quickaccess/qac_process2.png) center 7px no-repeat;
    }

        .quick_acc_links.fund_overview:hover {
            background: #fff url(../images/quickaccess/qac_process2.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.fundg_process {
        background: #fff url(../images/quickaccess/qac_cbpf_milestone.png) center 7px no-repeat;
    }

        .quick_acc_links.fundg_process:hover {
            background: #fff url(../images/quickaccess/qac_cbpf_milestone.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.revsn_overview {
        background: #fff url(../images/quickaccess/qac_Revision.png) center 7px no-repeat;
        ) center 7px no-repeat;
    }

        .quick_acc_links.revsn_overview:hover {
            background: #fff url(../images/quickaccess/qac_Revision.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.monitor_overview {
        background: #fff url(../images/quickaccess/qac_Monitoring.png) center 7px no-repeat;
    }

        .quick_acc_links.monitor_overview:hover {
            background: #fff url(../images/quickaccess/qac_Monitoring.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.process_monitor {
        background: #fff url(../images/quickaccess/qac_process1.png) center 7px no-repeat;
    }

        .quick_acc_links.process_monitor:hover {
            background: #fff url(../images/quickaccess/qac_process1.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.report_overview {
        background: #fff url(../images/quickaccess/qac_Report.png) center 7px no-repeat;
    }

        .quick_acc_links.report_overview:hover {
            background: #fff url(../images/quickaccess/qac_Report.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.audit_overview {
        background: #fff url(../images/quickaccess/qac_audit.png) center 7px no-repeat;
    }

        .quick_acc_links.audit_overview:hover {
            background: #fff url(../images/quickaccess/qac_audit.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.disburse_overview {
        background: #fff url(../images/quickaccess/qac_Disbursement.png) center 7px no-repeat;
    }

        .quick_acc_links.disburse_overview:hover {
            background: #fff url(../images/quickaccess/qac_Disbursement.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.ocha_assurance {
        background: #fff url(../images/quickaccess/qac_ocha_assur.png) center 7px no-repeat;
    }

        .quick_acc_links.ocha_assurance:hover {
            background: #fff url(../images/quickaccess/qac_ocha_assur.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.global_task {
        background: #fff url(../images/quickaccess/qac_globalTasks.png) center 7px no-repeat;
    }

        .quick_acc_links.global_task:hover {
            background: #fff url(../images/quickaccess/qac_globalTasks.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.global_fund_proc {
        background: #fff url(../images/quickaccess/qac_global_milestone.png) center 7px no-repeat;
    }

        .quick_acc_links.global_fund_proc:hover {
            background: #fff url(../images/quickaccess/qac_global_milestone.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.alloc_type_doc {
        background: #fff url(../images/quickaccess/qac_allocation_docs.png) center 7px no-repeat;
    }

        .quick_acc_links.alloc_type_doc:hover {
            background: #fff url(../images/quickaccess/qac_allocation_docs.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.ftr_overview {
        background: #fff url(../images/quickaccess/qac_ftr.png) center 7px no-repeat;
    }

        .quick_acc_links.ftr_overview:hover {
            background: #fff url(../images/quickaccess/qac_ftr.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

    .quick_acc_links.adv_switch {
        background: #058bae url(../images/adv_switchbrd_icon.png) center 7px no-repeat;
    }

        .quick_acc_links.adv_switch:hover {
            background: #057e9e url(../images/adv_switchbrd_icon.png) center 7px no-repeat;
            background-color: #ecf3fb;
            color: #006699;
        }

.show_quick_access {
    background: #e4e4e4;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px 5px;
    color: #f76400;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    display: inline-block;
    line-height: 12px
}

    .show_quick_access input {
        margin: 0 5px 0 0 !important
    }

    .show_quick_access input, label {
        display: inline-block;
        margin-left: 4px;
    }

.quick_filters_dashbrd {
    background: #fff;
    border: 1px solid #d3d3d3;
    border-top: none;
    border-radius: 0 0 3px 3px;
    margin: 0 0 10px 0
}

.quick_filters_dashbrd_hd {
    background: #fed189;
    display: block;
    height: 28px;
    line-height: 27px;
    border-radius: 3px 3px 0 0;
    text-align: left;
    color: #ae761d;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 10px;
}

.filters_dashbrd {
    border: 1px solid #d3d3d3;
    border-top: none;
    border-radius: 0 0 3px 3px;
    margin: 0
}

.filters_dashbrd_hd {
    background: #c0ddea;
    display: block;
    height: 28px;
    line-height: 27px;
    border-radius: 3px 3px 0 0;
    text-align: left;
    color: #4284a3;
    font-size: 12px;
    font-weight: bold;
    padding: 0 10px;
}

table.filters_dashbrd {
    background: #fff;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
    border: none
}

    table.filters_dashbrd tr td {
        text-align: left;
        padding: 0 10px 10px 10px;
    }

        table.filters_dashbrd tr td button {
            width: 100% !important;
            min-height: 24px
        }

        table.filters_dashbrd tr td .project_code {
            border: 1px solid #c5daeb;
            width: 98%;
            height: 18px
        }

        table.filters_dashbrd tr td ul.tagit input[type="text"] {
            background: none !important;
            padding: 0 !important;
            border: none !important;
            min-height: inherit;
        }

.filters_tab_dashbrd {
    display: block;
    width: 100%
}

    .filters_tab_dashbrd h1 {
        background: #c0ddea;
        display: block;
        height: 28px;
        line-height: 27px;
        border-radius: 3px 3px 0 0;
        color: #4284a3;
        font-size: 12px;
        font-weight: bold;
        padding: 0 10px;
    }

input[type="submit"].click_to_filter_btn_dashbrd, input[type="button"].click_to_filter_btn_dashbrd {
    text-decoration: none !important;
    border-radius: 2px;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset;
    border: none;
    color: #fff;
    font-size: 12px;
    color: #fff;
    background: #0096db;
    cursor: pointer;
    height: 27px;
    width: 49%;
    float: left;
    margin: 0 2% 0 0;
}

    input[type="submit"].click_to_filter_btn_dashbrd:hover, input[type="button"].click_to_filter_btn_dashbrd:hover {
        background: #018ac9;
    }

input[type="submit"].clear_filter_btn_dashbrd, input[type="button"].clear_filter_btn_dashbrd {
    text-decoration: none !important;
    border-radius: 2px;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset;
    border: none;
    color: #fff;
    font-size: 12px;
    color: #fff;
    background: #909aa0;
    cursor: pointer;
    height: 27px;
    width: 49%;
    float: left
}

    input[type="submit"].clear_filter_btn_dashbrd:hover, input[type="button"].clear_filter_btn_dashbrd:hover {
        background: #80898e;
    }

.expand_btn_dashbrd {
    background: url(../images/expand_icon_dashbrd.png) right center no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    float: right;
    padding: 5px 0 0;
    cursor: pointer
}

.collapse_btn_dashbrd {
    background: url(../images/collapse_icon_dashbrd.png) right center no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    float: right;
    padding: 5px 0 0;
    cursor: pointer
}

th.overwrite {
    background: #d3e5f9 !important;
    color: #35678c !important;
    font-weight: normal !important
}

td.overwrite {
    background: #d3e5f9 !important;
    color: #35678c !important;
    font-weight: normal !important
}

#dvLoading {
    height: 100px !important
}

    #divLandingLoad img, #dvLoading img, #divLoad img, #divRptLoading img, #divLoading img, #divLogLoading img, #divDialogLoading img, #divWorkflowLoading img, #divMapLoading img, #divLocLoading img, #divCashLoading img {
        display: block;
        margin: 0 auto;
        padding: 0 0 5px 0
    }

    #divLandingLoad span, #dvLoading span, #divLoad span, #divRptLoading span, #divLoading span, #divLogLoading span, #divDialogLoading span, #divWorkflowLoading span, #divMapLoading span, #divLocLoading span, #divLocLoading span, #divCashLoading span {
        padding: 25px 0 35px 0 !important;
        font-size: 12px;
        text-align: center;
    }

/*Workflow Panel*/
.comments_box {
    background: #f0f0f0;
    border: 1px solid #e4e4e4;
    padding: 7px;
    overflow: hidden;
    margin: 0 0 7px 0
}

.comments_box_revision {
    overflow: hidden;
    margin: 0 0 7px 0
}

.print_btns {
    font-size: 11px;
    font-weight: normal;
    color: #0d6cb6;
    text-align: right
}

.print_btns_divider {
    border-right: 1px solid #8e8e8e;
    height: 18px;
    margin: 0 5px;
    display: inline-block
}

.page_top_title {
    display: block;
    margin: 10px 0 20px 0;
    min-height: 5px
}

    .page_top_title h5 {
        color: #ff5a00;
        font-size: 2em;
        font-weight: bold;
        text-decoration: none;
        display: inline-block;
        margin: 0 5px 0 0;
        vertical-align: middle;
        line-height: normal;
        font-family: 'Open Sans', serif;
    }

    .page_top_title h2 {
        color: #333;
        margin: 0;
        font-size: 1.1em;
        font-weight: bold;
        font-style: normal;
        border-left: 2px solid #ccc;
        padding-left: 7px;
        display: inline-block;
        vertical-align: middle;
        line-height: 25px;
        font-family: 'Open Sans', serif;
    }

.print_popup {
    display: inline-block;
    margin: 0 auto;
    z-index: 10;
    position: relative
}

    .print_popup .arrow {
        background: url(../images/print_box_arrow.png) 135px 0 no-repeat;
        height: 9px;
        display: block;
    }

.print_box {
    background: #fff;
    display: inline-block;
    border: 1px solid #f0ab00;
    border-radius: 0 0 3px 3px;
    padding: 7px;
    font-size: 10px;
    font-weight: bold
}

.print_box_hd {
    background: #f0ab00;
    display: block;
    border-radius: 3px 3px 0 0;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 2px 2px 2px 12px;
    color: #fff
}

.print_box input {
    vertical-align: middle
}

.print_box select {
    font-size: 11px;
    border: 1px solid #ccc;
    padding: 0 0 3px 0;
    margin: 0;
    height: 19px;
    vertical-align: middle
}

.print_box .btn_style {
    margin: 0 auto;
    display: inline-block
}

.assign_btn {
    background: #00a8e1 url(../images/rel_assign_btn_img.png) 8px 3px no-repeat !important;
    display: inline-block;
    border: none !important;
    height: 22px;
    border-radius: 2px;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 6px 4px !important;
    line-height: 15px;
    cursor: pointer;
    text-indent: 17px
}

    .assign_btn:hover {
        background: #0192c3 url(../images/rel_assign_btn_img.png) 8px 3px no-repeat !important;
        color: #fff
    }

.button + .button, .button + .button-group, .button-group + .button, .button-group + .button-group {
    margin-left: 0 !important
}

.cluster_msg {
    background: #f2dede;
    border: 1px solid #f1c1c1;
    border-radius: 2px;
    padding: 1px 5px 4px;
    font-size: 10px;
    color: #ac1a2f;
    line-height: 13px;
    display: inline-block;
    width: 255px;
    margin: 0 0 0 10px
}

/*Logical Framework*/
table.outcome {
    border-collapse: collapse;
    width: 100%;
    background: #fff !important;
}

    table.outcome tr td {
        padding: 5px;
        text-align: left;
        border: 1px solid #bedbf1
    }

    table.outcome tr.level_1 {
        background: #c9e2f6
    }

        table.outcome tr.level_1 .hd1 {
            font-size: 11px;
            font-weight: bold;
            color: #35688f;
        }

        table.outcome tr.level_1 .hd_desc {
            font-size: 11px;
            font-weight: bold;
            color: #35688f;
        }

    table.outcome tr.level_2 {
        background: #e1eef8
    }

        table.outcome tr.level_2 .hd2 {
            background: url(../images/output_arrow.png) left center no-repeat !important;
            font-size: 10px;
            font-weight: bold;
            color: #35688f;
            text-indent: 14px;
            display: block
        }

        table.outcome tr.level_2 .output_txt {
            font-size: 10px;
            font-weight: normal;
            color: #35688f;
        }

    table.outcome tr.level_3 {
        background: #fff
    }

        table.outcome tr.level_3 .hd3 {
            font-size: 10px;
            font-weight: bold;
            color: #35688f;
            border-bottom: 1px solid #fff;
            padding: 5px 5px 0 15px
        }

table.outcome_innertbl {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #bedbf1;
    display: inline-table
}

    table.outcome_innertbl tr th {
        background: #e1eef8;
        border: 1px solid #bedbf1;
        padding: 3px 5px;
        font-size: 10px;
        color: #39709b !important;
        font-weight: bold;
        text-align: left
    }

    table.outcome_innertbl tr td {
        border: 1px solid #bedbf1;
        padding: 5px;
        font-size: 10px;
        color: #3c3c3c;
        font-weight: normal
    }

.add_output_btn {
    background: #fff url('../images/add_icon_output.png') 0 0 no-repeat;
    border: 1px solid #66aee5;
    border-radius: 2px;
    height: 15px;
    text-align: left;
    display: inline-block;
    padding: 3px 5px;
    text-indent: 24px;
}

    .add_output_btn:hover {
        background: #d3ecff url('../images/add_icon_output.png') 0 0 no-repeat;
        color: #0a4674
    }

.add_indicator_btn {
    background: #fff url('../images/add_icon_indicator.png') 0 0 no-repeat;
    border: 1px solid #f7c274;
    border-radius: 2px;
    height: 15px;
    text-align: left;
    display: inline-block;
    padding: 3px 5px;
    text-indent: 24px;
}

    .add_indicator_btn:hover {
        background: #ffedd3 url('../images/add_icon_indicator.png') 0 0 no-repeat;
        color: #0a4674
    }

.add_activity_btn {
    background: #fff url('../images/add_icon_activity.png') 0 0 no-repeat;
    border: 1px solid #99d99e;
    border-radius: 2px;
    height: 15px;
    text-align: left;
    display: inline-block;
    padding: 3px 5px;
    text-indent: 24px;
}

    .add_activity_btn:hover {
        background: #dcfedf url('../images/add_icon_activity.png') 0 0 no-repeat;
        color: #0a4674
    }

.add_outcome_btn {
    background: #fff url('../images/add_icon_outcome.png') 0 0 no-repeat;
    border: 1px solid #fd8918;
    border-radius: 2px;
    height: 15px;
    text-align: left;
    display: inline-block;
    padding: 3px 5px;
    text-indent: 24px;
    font-size: 11px;
    font-weight: bold
}

    .add_outcome_btn:hover {
        background: #fee0c3 url('../images/add_icon_outcome.png') 0 0 no-repeat;
        color: #0a4674
    }

/*Audit Overview*/
.low_risk {
    background: #30c067;
    color: #fff;
    padding: 0 4px 2px;
    border-radius: 2px
}

.medium_risk {
    background: #fe8750;
    color: #fff;
    padding: 0 4px 2px;
    border-radius: 2px
}

.mail_failed {
    background: #f2dede !important;
    color: #bc3434 !important;
    border-left: 4px solid #d3432d !important
}

.mail_success {
    background: #c0f2cd !important;
    color: #0d7e2a !important;
    border-left: 4px solid #1fac44 !important
}

/*Grant Agreement*/
.grant_btn1 {
    background: #fbe2d1 !important;
    border: 1px solid #ff8736 !important;
    padding: 3px 5px !important;
    color: #3c3c3c;
    font-size: 12px;
    font-family: Arial;
    float: left;
    border-radius: 2px;
    margin: 0 0 0 5px;
    cursor: pointer
}

    .grant_btn1:hover {
        background: #fec7a2 !important;
        border: 1px solid #ff8736 !important;
    }

.grant_btn2 {
    background: #ff8737 !important;
    border: 1px solid #ff8736 !important;
    padding: 3px 5px !important;
    color: #fff;
    font-size: 12px;
    font-family: Arial;
    float: left;
    border-radius: 2px;
    margin: 0 0 0 5px;
    cursor: pointer
}

    .grant_btn2:hover {
        background: #c9692a !important;
        border: 1px solid #c9692a !important;
    }

.grant_btn_exprt {
    background: #d1e8f4 !important;
    border: 1px solid #5c9cbb !important;
    padding: 2px 7px 4px !important;
    color: #3c3c3c;
    font-size: 12px;
    font-family: Arial;
    float: left;
    border-radius: 2px;
    margin: 0 0 0 5px;
    cursor: pointer
}

    .grant_btn_exprt:hover {
        background: #a4cbdf !important;
        border: 1px solid #5c9cbb !important;
        color: #3c3c3c !important
    }

    .grant_btn_exprt img {
        vertical-align: middle;
        padding: 0 0 0 2px
    }

.grant_info_msg {
    font-size: 10px;
    font-style: italic;
    color: #ff0000;
    line-height: 11px;
    width: 165px;
    float: left;
}

/*Disbursement Tranches*/
table.tranche_popup {
    display: inline-table;
    border-collapse: collapse
}

    table.tranche_popup tr th {
        border: 1px solid #ccc;
        background: #0d6cb6;
        padding: 3px 5px;
        font-size: 9px;
        font-weight: normal;
        color: #fff;
        text-align: left;
        font-weight: bold
    }

    table.tranche_popup tr td {
        border: 1px solid #ccc;
        background: #fff;
        padding: 3px 5px;
        font-size: 9px;
        font-weight: normal;
        color: #000;
        text-align: left
    }

.error_msg {
    background: #ffebeb;
    border: 1px solid #ffaeae;
    padding: 5px 7px;
    color: #9e2f2d;
    line-height: 14px;
    font-weight: bold;
    border-radius: 2px;
    min-height: 18px
}

    .error_msg img {
        float: left;
        margin: 0 5px 12px 0
    }

.radiobuttonlistItem1 {
    color: green;
}

.radiobuttonlistItem2 {
    color: red;
}

.btn_link {
    background: #fff url(../images/circ_arrow_icon.png) 7px center no-repeat;
    text-indent: 16px;
    height: 23px;
    font-weight: bold;
    margin: 5px;
    border-radius: 3px;
    font-size: 11px;
    padding: 0 7px;
    line-height: 25px;
    cursor: pointer;
    color: #1f76b8;
    border: 1px solid #ed915d;
    display: inline-block
}


input[type="submit"].disable_button, input[type="button"].disable_button {
    border: 1px solid #6886a4 !important;
    text-decoration: none !important;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3) !important;
    color: #fff;
    background-color: #89a2b4 !important;
    display: inline-block;
    padding: 0.3em .8em;
    font: 12px/normal sans-serif !important;
}

/*Funding Process*/
table.stripped_12 th.fund_pro_col1, td.fund_pro_col1 {
    background: #fe7145 !important;
    color: #fff !important;
}

table.stripped_12 th.fund_pro_col2, td.fund_pro_col2 {
    background: #ff9800 !important;
    color: #fff !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

table.stripped_12 th.fund_pro_col3, td.fund_pro_col3 {
    background: #8bc34a !important;
    color: #fff !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

table.stripped_12 th.fund_pro_col4, td.fund_pro_col4 {
    background: #4caf50 !important;
    color: #fff !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

table.stripped_12 th.fund_pro_col5, td.fund_pro_col5 {
    background: #009688 !important;
    color: #fff !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

table.stripped_12 th.fund_pro_col6, td.fund_pro_col6 {
    background: #00bcd4 !important;
    color: #fff !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

.fund_pro_ind_col {
    color: #333 !important
}

.fund_pro_ind_high {
    background: #ffffaa;
}

table.stripped_12 th.alt_bg, td.alt_bg {
    background: #f0f0f6 !important;
}

table.stripped_12 th.alt_bg2, td.alt_bg2 {
    background: #81b0eb !important;
}

.table_brdr_none table tr td {
    border: none !important
}

    .table_brdr_none table tr td input[type="radio"] {
        margin-right: 5px
    }

table.stripped_12 th.txt-align-c-imp {
    text-align: center !important;
}

table.stripped_12 th.fund_pro_default_bg {
    background: #dacbb9 !important;
    color: #333 !important
}

table.row_highlight tr:hover {
    background: #bcd4ec !important;
}

    table.row_highlight tr:hover td {
        background: transparent !important;
    }

.excel_btn_1 {
    background: url(../images/bg_btn.png) repeat-x !important;
    display: inline-block;
    width: auto;
    height: 23px;
    line-height: 20px;
    border: 1px solid #dcdcdc !important;
    font-size: 10px !important;
    font-family: Verdana !important;
    font-weight: bold;
    padding: 0 5px !important;
    border-radius: 3px;
    color: #006699;
    white-space: nowrap
}

.excel_btn_1_disabled {
    background: url(../images/bg_btn.png) repeat-x !important;
    display: inline-block;
    width: auto;
    height: 23px;
    line-height: 20px;
    border: 1px solid #dcdcdc !important;
    font-size: 10px !important;
    font-family: Verdana !important;
    font-weight: bold;
    padding: 0 5px !important;
    border-radius: 3px;
    color: #6ea0b9;
    white-space: nowrap
}

.page_title {
    font-size: 14px !important;
    color: #666
}

/*OCHA Assurance*/
table.stripped_12 th.ocha_assur_col1, td.ocha_assur_col1 {
    background: #92d050 !important;
    color: #000 !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

    table.stripped_12 th.ocha_assur_col1 .GridCellDiv, td.ocha_assur_col1 .GridCellDiv {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col1:first-child .GridCellDiv, td.ocha_assur_col1:first-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col1:last-child .GridCellDiv, td.ocha_assur_col1:last-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col1 .GridCellDiv, td.ocha_assur_col1 .GridCellDiv a {
        color: #f00;
        font-weight: bold
    }

table.stripped_12 th.ocha_assur_col2, td.ocha_assur_col2 {
    background: #d9d9d9 !important;
    color: #000 !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

    table.stripped_12 th.ocha_assur_col2:first-child, td.ocha_assur_col2:first-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col2:last-child, td.ocha_assur_col2:last-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col2, td.ocha_assur_col2 a {
        color: #f00;
        font-weight: bold
    }

table.stripped_12 th.ocha_assur_col3, td.ocha_assur_col3 {
    background: #ffff00 !important;
    color: #000 !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

    table.stripped_12 th.ocha_assur_col3:first-child, td.ocha_assur_col3:first-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col3:last-child, td.ocha_assur_col3:last-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col3, td.ocha_assur_col3 a {
        color: #f00;
        font-weight: bold
    }

table.stripped_12 th.ocha_assur_col4, td.ocha_assur_col4 {
    background: #c5d9f1 !important;
    color: #000 !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

    table.stripped_12 th.ocha_assur_col4:first-child, td.ocha_assur_col4:first-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col4:last-child, td.ocha_assur_col4:last-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col4, td.ocha_assur_col4 a {
        color: #f00;
        font-weight: bold
    }

table.stripped_12 th.ocha_assur_col5, td.ocha_assur_col5 {
    background: #f2dcdb !important;
    color: #000 !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

    table.stripped_12 th.ocha_assur_col5:first-child, td.ocha_assur_col5:first-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col5:last-child, td.ocha_assur_col5:last-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col5, td.ocha_assur_col5 a {
        color: #f00;
        font-weight: bold
    }

table.stripped_12 th.ocha_assur_col6, td.ocha_assur_col6 {
    background: #daeef3 !important;
    color: #000 !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

    table.stripped_12 th.ocha_assur_col6:first-child, td.ocha_assur_col6:first-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col6:last-child, td.ocha_assur_col6:last-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col6, td.ocha_assur_col6 a {
        color: #f00;
        font-weight: bold
    }

table.stripped_12 th.ocha_assur_col7, td.ocha_assur_col7 {
    background: #ccc0da !important;
    color: #000 !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

    table.stripped_12 th.ocha_assur_col7:first-child, td.ocha_assur_col7:first-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col7:last-child, td.ocha_assur_col7:last-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col7, td.ocha_assur_col7 a {
        color: #f00;
        font-weight: bold
    }

table.stripped_12 th.ocha_assur_col8, td.ocha_assur_col8 {
    background: #b7dee8 !important;
    color: #000 !important;
    padding: 4px 3px !important;
    vertical-align: middle
}

    table.stripped_12 th.ocha_assur_col8:first-child, td.ocha_assur_col8:first-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col8:last-child, td.ocha_assur_col8:last-child {
        font-weight: bold
    }

    table.stripped_12 th.ocha_assur_col8, td.ocha_assur_col8 a {
        color: #f00;
        font-weight: bold
    }

table.ocha_assur tr td {
    border: 1px solid #fff !important
}

table.ocha_assur tr th {
    border: 1px solid #fff !important;
    border-bottom: none !important
}

/*Performance Index*/
.pi_panel {
    padding: 10px;
    border: 1px solid #e7d2c1;
    background: #fdf2e9;
}

    .pi_panel select, .pi_panel textarea {
        background: #fff;
        border: 1px solid #ccc
    }

.pi_panel_hd {
    background: #df8642;
    padding: 6px 0 6px 7px;
    border-radius: 2px 2px 0 0;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: -1px;
    z-index: 0;
    position: relative
}

.prev_quest_title {
    font-weight: bold !important;
    font-size: 11px !important;
    color: #296096 !important
}

.prev_quest_highlt {
    background: #ecf0f3 url(../images/high_bg_normal.png) left center repeat-y !important;
    padding-left: 10px
}

.prev_quest_highlt_sub {
    background: #ecf0f3 url(../images/high_bg_sub_normal.png) left center repeat-y !important;
    padding-left: 10px
}

.curnt_quest_title {
    font-weight: bold !important;
    font-size: 11px !important;
    color: #db6f19 !important
}

.curnt_quest_highlt {
    background: #ecf0f3 url(../images/high_bg_current.png) left center repeat-y !important;
    padding-left: 10px
}

.curnt_quest_highlt_sub {
    background: #ecf0f3 url(../images/high_bg_sub_current.png) left center repeat-y !important;
    padding-left: 10px
}

.pi_mand_msg {
    background: #fdf1f1;
    font-size: 10px;
    font-style: italic;
    padding: 3px 7px;
    border: 1px solid #fed6d6;
    border-radius: 2px;
    color: #df3939
}

.pi_user {
    background: url(../images/user_pi.png) left center no-repeat !important;
    width: 14px;
    height: 14px;
    float: right;
    margin: 0 5px 0 0
}

#spnExpand {
    color: #d3d3d3;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
}

#spnCollapse {
    color: #fff;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
}

.red_borderPI {
    border-color: red !important;
}

.containerPICurrentQuestion {
    width: 100%;
    background: #fff;
}

.contentPIQuestion {
    width: 100%;
    background: #fff;
}

.containerPIQuestion .containerPICurrentQuestion div {
    width: 100%;
}

.containerPIQuestion .headerPIQuestion {
    background-color: #a2a9b1;
    padding: 5px 7px 5px 5px;
    font-weight: bold;
    color: #fff;
    border-radius: 2px 2px 0 0;
    font-size: 11px;
}

.containerPICurrentQuestion .headerPICurrentQuestion {
    background-color: #6b7c8e;
    padding: 5px;
    font-weight: bold;
    color: #fff;
    border-radius: 2px 2px 0 0;
    font-size: 11px;
}

.cssPoor {
    background: #ff0000;
    padding: 3px 5px;
    font-weight: bold;
    color: #fff;
    border-left: 1px solid #fff;
}

.cssNeedsImprovement {
    background: #ff7f00;
    padding: 3px 5px;
    font-weight: bold;
    color: #fff;
    border-left: 1px solid #fff;
}

.cssBelowAverage {
    background: #fabf8f;
    padding: 3px 5px;
    font-weight: bold;
    color: #000;
    border-left: 1px solid #bda700;
}

.cssSatisfactory {
    background: #ffff00;
    padding: 3px 5px;
    font-weight: bold;
    color: #000;
    border-left: 1px solid #bda700;
}

.cssAboveAverage {
    background: #c4d79b;
    padding: 3px 5px;
    font-weight: bold;
    color: #000;
    border-left: 1px solid #bda700;
}

.cssGood {
    background: #80d828;
    padding: 3px 5px;
    font-weight: bold;
    color: #000;
    border-left: 1px solid #fff;
}

.cssExcellent {
    background: #00b050;
    padding: 3px 5px;
    font-weight: bold;
    color: #fff;
    border-left: 1px solid #fff;
}

.pi_top_border {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px dotted #727272;
    display: block;
}

.pi_success_btn {
    background: #5cb85c !important;
    color: #fff !important;
    border: 1px solid #4cae4c !important
}

    .pi_success_btn:hover {
        background: #45a142 !important;
    }

.pi_cancel_btn {
    background: #d9534f !important;
    color: #fff !important;
    border: 1px solid #d43f3a !important
}

    .pi_cancel_btn:hover {
        background: #c44a47 !important;
    }

#spnPIScoreTotal {
    border-left: none
}

.project_code_panel {
    background: #fdf2e9;
    border: 1px solid #df8642;
    border-radius: 2px;
    display: block;
    padding: 3px
}

.pi_top_border {
    display: none
}

.pi_panel {
    border-radius: 2px
}

.pi_btn_panel {
    padding: 10px;
    border: 1px solid #ddd
}

.pi_panel_hd {
    text-align: center
}

.pi_logs_panel_hd {
    background: #999;
    padding: 6px 0 6px 7px;
    border-radius: 2px 2px 0 0;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    z-index: 0;
    position: relative;
    text-align: center
}

.font_10 {
    font-size: 10px !important
}

.pi_warning {
    background: url(../images/warning.png) left center no-repeat !important;
    width: 16px;
    height: 16px;
    float: right;
    margin: 0 5px 0 5px
}

.pi_score_save_btn {
    background-color: #4c8ecf;
    border-radius: 2px;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    margin-bottom: 10px;
    display: inline-block
}

.pi_score_logs_btn {
    background-color: #fff;
    border: 1px solid #df8642;
    border-radius: 2px;
    padding: 4px 10px;
    color: #3c3c3c;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    margin-bottom: 10px;
    display: inline-block
}

.pi_quest_reset_btn {
    background: #5d6b7a;
    padding: 2px 7px;
    text-align: center;
    color: #fff !important;
    border-radius: 2px;
    font-size: 10px;
    float: right;
    margin-right: 7px;
    cursor: pointer;
    height: 12px;
    line-height: 11px
}

.pi_category_score {
    background: #fff;
    border: 1px solid #2d6194;
    border-radius: 2px;
    color: #2d6194;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 6px;
    line-height: 10px;
    float: left;
    margin-left: 5px
}

.pi_category_score1 {
    background: #fff;
    border: 1px solid #f27545;
    border-radius: 2px 0 0 2px;
    color: #5a5a5a;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 6px;
    line-height: 10px;
    float: left
}

.pi_category_score2 {
    background: #5a5a5a;
    border: 1px solid #5a5a5a;
    border-radius: 0 2px 2px 0;
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 7px;
    line-height: 10px;
    float: left
}

.pi_category_score3 {
    background: #dde4ec;
    border: 1px solid #a2a9b1;
    border-radius: 2px;
    color: #000;
    text-align: center;
    font-size: 10px;
    padding: 2px 7px;
    line-height: 10px;
    margin-left: 3px
}

table.legend_tbl {
    border-collapse: collapse;
    border: 1px solid #e5e5e5;
    width: 100%;
}

    table.legend_tbl tr th {
        background: #e5e5e5;
        border: 1px solid #e5e5e5;
        color: #515151 !important;
        padding: 2px 5px;
        text-align: left;
        font-weight: bold;
        font-size: 10px;
    }

    table.legend_tbl tr td {
        color: #515151;
        border: 1px solid #e5e5e5;
        padding: 5px;
        font-weight: normal;
        font-size: 10px;
        text-align: left
    }

table.legend_tbl_new_1 {
    border-collapse: collapse;
    width: 100%
}

    table.legend_tbl_new_1 tr th {
        background: #e5e5e5;
        border: 1px solid #e5e5e5;
        color: #515151 !important;
        padding: 5px;
        text-align: left;
        font-weight: bold;
        font-size: 10px;
    }

    table.legend_tbl_new_1 tr td {
        color: #515151;
        padding: 5px;
        font-weight: normal;
        font-size: 10px;
        text-align: left;
        border: 1px solid #e5e5e5;
        vertical-align: middle
    }

    table.legend_tbl_new_1 .hd {
        background: #fff;
        font-size: 11px;
    }

    table.legend_tbl_new_1 tr td.High_risk, table.legend_tbl_new_1 tr td.Medium_risk, table.legend_tbl_new_1 tr td.Low_risk {
        padding: 2px 5px !important
    }

.adapted_panel {
    font-weight: normal;
    border: 1px solid #ccc;
    background: #ccc;
    padding: 1px 5px;
    border-radius: 2px;
    display: inline-block;
    margin-left: 5px;
    font-size: 11px
}

/*Dollar Fund Overview*/
.back_btn {
    background: #fef8e9 url(../images/prev_arrow.png) 5px center no-repeat;
    color: #018413;
    padding: 2px 5px 3px 5px;
    text-indent: 11px;
    display: inline-block;
    font-weight: bold;
    font-size: 10px;
    border: 1px solid #e9a481;
    border-radius: 2px
}

.next_btn {
    background: #fef8e9 url(../images/next_arrow.png) 207px center no-repeat;
    color: #018413;
    padding: 2px 19px 3px 5px;
    display: inline-block;
    font-weight: bold;
    font-size: 10px;
    border: 1px solid #e9a481;
    border-radius: 2px
}

    .next_btn:hover, .next_btn:focus, .next_btn:active {
        color: #00690f;
    }

.back_btn:hover, .back_btn:focus, .back_btn:active {
    color: #00690f;
}

.filter_hd {
    background: #e7eef4;
    border: 1px solid #b8cce4;
    color: #3c3c3c;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 9px 4px 9px;
    display: block;
    border-radius: 2px 2px 0 0;
    line-height: 20px
}

.filter_panel {
    background: #fff;
    padding: 10px;
    display: block;
    border-radius: 2px 2px 0 0;
    border: 1px solid #b8cce4;
    border-top: none;
}

/*OCHA Assurance New*/
.oa_grant {
    background-color: #92d050;
    color: #000
}

.oa_process {
    background-color: #daeef3;
    color: #000
}

.oa_ngo {
    background-color: #c4d79b;
    color: #000
}

.oa_redcross {
    background-color: #da9694;
    color: #000
}

.oa_details {
    background-color: #d9d9d9;
    color: #000
}

.oa_un {
    background-color: #c5d9f1;
    color: #000
}

table.oa_grid th {
    padding: 4px 5px 2px;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    background-color: #007582 !important;
    border: 1px solid #fff;
    border-top: 0 !important;
    height: 17px;
    color: #fff !important;
}

table.oa_grid tr {
    border-bottom: 1px solid #fff;
}

table.oa_grid td {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size: 10px;
    font-weight: normal;
}

table.oa_grid tr:first-child th div {
    font-size: 12px !important;
    text-align: center !important
}

table.oa_grid tr:nth-child(2) th div {
    font-weight: normal !important;
    font-style: italic !important;
}

.btn_orange, .AddOtherFundingSource {
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25)) !important;
    background: -moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%) !important;
    background: -webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%) !important;
    background: -o-linear-gradient(top, #ffc477 5%, #fb9e25 100%) !important;
    background: -ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%) !important;
    background: linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
    background-color: #ffc477;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #eeb44f !important;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #cc9f52;
    float: right;
}

/*HID and Single Sign On Passport Sign In*/
/* 
 .authbox {margin-top:20px;border:1px solid #d4d4d4;padding:16px;margin-left: 12px;width:85%}
 .authbox_header {font-size: 15px;font-weight: bold;padding: 8px 6px;border-bottom: 3px solid #0e6fa8;color:#0e6fa8;border-top-right-radius: 16px;border-left: 1px solid #ccc8e2;}
 .authbox_container {margin:12px 0px;width: 30%;border: 1px solid #ccc8e2;display: inline-block;border-top-right-radius: 16px;padding-bottom:90px;height:450px;background-color:#fff;}
    */
@font-face {
    font-family: "OpenSansRegular";
    src: url("fonts/OpenSans-Regular.eot");
    src: url("fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Regular.woff2") format("woff2"), url("fonts/OpenSans-Regular.woff") format("woff"), url("fonts/OpenSans-Regular.ttf") format("truetype"), url("fonts/OpenSans-Regular.svg#FontAwesome") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "OpenSansSemibold";
    src: url("fonts/OpenSans-Semibold.eot");
    src: url("fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Semibold.woff2") format("woff2"), url("fonts/OpenSans-Semibold.woff") format("woff"), url("fonts/OpenSans-Semibold.ttf") format("truetype"), url("fonts/OpenSans-Semibold.svg#FontAwesome") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "OpenSansBold";
    src: url("fonts/OpenSans-Bold.eot");
    src: url("fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Bold.woff2") format("woff2"), url("fonts/OpenSans-Bold.woff") format("woff"), url("fonts/OpenSans-Bold.ttf") format("truetype"), url("fonts/OpenSans-Bold.svg#FontAwesome") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "humanitarian-icons-v02";
    src: url("fonts/humanitarian-icons-v02.eot?9761083");
    src: url("fonts/humanitarian-icons-v02.eot?9761083#iefix") format("embedded-opentype"), url("fonts/humanitarian-icons-v02.woff?9761083") format("woff"), url("fonts/humanitarian-icons-v02.ttf?9761083") format("truetype"), url("fonts/humanitarian-icons-v02.svg?9761083#humanitarian-icons-v02") format("svg");
    font-weight: normal;
    font-style: normal
}

.main_container {
    padding: 81px 0 0 0;
}

.authbox {
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0;
}

    .authbox .unlogo {
        display: inline-block;
        background: url(../images/un_logo_bg.png) center center no-repeat;
        width: 361px;
        height: 308px;
    }

    .authbox .divider_line {
        display: inline-block;
        border-left: 1px solid #dcdcdc;
        height: 307px;
        margin: 0 21px 0 21px;
    }

    .authbox .login_email {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        padding: 77px 0 0 0;
    }

        .authbox .login_email h1 {
            font-family: "OpenSansSemibold";
            font-weight: normal;
            color: #3070b0;
            font-size: 18px;
            border-bottom: 1px solid #989898;
            padding: 0 0 6px 0;
            margin: 0 0 18px 0;
        }

        .authbox .login_email h3 {
            font-family: "OpenSansRegular";
            font-size: 12px;
            color: #666;
            padding: 0 0 8px 0;
            font-weight: normal;
            display: block;
            margin: 0;
        }

        .authbox .login_email .form-group {
            position: relative;
            margin-bottom: 20px;
        }

    .authbox .errorMsg {
        color: #ff0000;
        margin-top: 4px;
        font-family: "OpenSansSemibold";
        font-weight: normal;
        font-size: 12px;
    }

.form-control:focus {
    border-color: #4891dc !important;
    box-shadow: 0 0 3px #4891dc !important;
}

.form-control {
    width: 100%;
    height: 34px;
    border: 1px solid #ccc !important;
    border-radius: 2px;
    background: #fff;
    padding: 5px 50px 5px 10px !important;
    color: #999;
    box-sizing: border-box;
    font-size: 14px;
    font-family: "OpenSansRegular";
    color: #333
}

.form-group i.email_icon {
    background: #eee url(../images/login_email_icon.png) no-repeat center center;
    display: inline-block;
    position: absolute;
    right: 1px;
    width: 37px;
    height: 32px;
    top: 1px;
    border-left: 1px solid #ccc;
}

.auth_login_btn {
    background: #faa42d url(../images/login_btn_icon.png) no-repeat 15px center;
    padding: 5px 16px 7px 16px;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ec9b2b;
    float: left;
    text-indent: 18px;
    cursor: pointer;
    height: 34px;
    font-family: "OpenSansRegular";
}

    .auth_login_btn:hover {
        background: #ec9b2b url(../images/login_btn_icon.png) no-repeat 15px center;
    }

.user_notice {
    display: block;
    width: 775px;
    margin: 0 auto;
    text-align: center;
    padding: 25px 0 0 0;
}

    .user_notice p {
        display: block;
        text-align: left;
        font-size: 11px;
        color: #666;
        line-height: 18px;
        height: auto;
        padding: 6px 0px;
    }

        .user_notice p b {
            font-size: 11px;
        }

        .user_notice p a {
            font-size: 11px;
            text-decoration: underline;
        }

.authbox .input {
    background-color: #fff;
    width: 100%;
}

.resend_btn {
    background: #d5eafe url(../images/resend_email_icon.png) no-repeat 12px center;
    padding: 2px 12px 5px 12px;
    border-radius: 2px;
    color: #0f4b87;
    font-size: 13px;
    text-align: center;
    border: 1px solid #8fafce;
    text-indent: 17px;
    cursor: pointer;
    height: 24px;
    font-family: "OpenSansRegular";
    margin: 0 10px 0 0;
}

    .resend_btn:hover {
        background: #fff url(../images/resend_email_icon.png) no-repeat 12px center;
        border: 1px solid #8fafce;
    }

.signin_btn {
    background: #faa42d url(../images/login_btn_icon.png) no-repeat 12px center;
    padding: 2px 12px 5px 12px;
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    border: 1px solid #ec9b2b;
    text-indent: 17px;
    cursor: pointer;
    height: 24px;
    font-family: "OpenSansRegular";
}

    .signin_btn:hover {
        background: #ec9b2b url(../images/login_btn_icon.png) no-repeat 12px center;
    }

.authbox .authOptions {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: #fff;
    width: 374px;
    box-shadow: 0 0 5px #ccc;
    min-height: 277px;
    padding: 15px;
    border-radius: 2px;
}

    .authbox .authOptions h1 {
        font-family: "OpenSansSemibold";
        font-weight: normal;
        background-color: #3070b0;
        text-align: center;
        font-size: 16px;
        padding: 7px;
        height: 18px;
        border-radius: 2px 2px 0 0;
        line-height: 16px;
        margin: -15px -15px 15px -15px;
        color: #fff;
    }

    .authbox .authOptions p {
        font-family: "OpenSansRegular";
        font-size: 12px;
        color: #f00;
        font-weight: normal;
        display: block;
        margin: 0 0 10px 0;
    }

        .authbox .authOptions p sub {
            background: #f00;
            width: 5px;
            height: 5px;
            display: inline-block;
            vertical-align: middle;
            border-radius: 50%;
            margin: 0 3px 0 0;
        }

    .authbox .authOptions span {
        font-family: "OpenSansRegular";
        font-size: 12px;
        color: #f00;
        font-weight: bold;
    }

.authbox_primary {
    background: #fff;
    margin: 0 0 15px 0;
    border: 1px solid #6ca3da;
    padding: 12px;
    box-shadow: 0 0 5px #ddd;
    text-align: center;
    border-radius: 2px;
}

.authbox_additional {
    background: #fff;
    border: 1px solid #ccc;
    padding: 12px;
    text-align: center;
    border-radius: 2px;
}

    .authbox_additional img {
        margin: 5px 0 0 0
    }

.authbox_footer {
    text-align: right;
}

    .authbox_footer a {
        font-family: "OpenSansRegular";
        font-weight: normal;
        font-size: 12px;
    }

.btn_grey {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #676767;
    font-family: Arial;
    font-size: 12px;
    padding: 3px 20px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

    .btn_grey:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
        background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
        background-color: #dfdfdf;
    }

    .btn_grey:active {
        position: relative;
        top: 1px;
    }

table.stripped_29 {
    width: 100%;
    border-collapse: collapse;
}

    table.stripped_29 th {
        padding: 4px 5px 2px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background-color: #BEDBF1 !important; /*#e6eeee;*/
        border: 1px solid #f0f0f0;
        border-top: 0 !important;
        min-height: 17px;
        color: #35688F !important;
    }

    table.stripped_29 tr {
        border-bottom: 1px solid #f0f0f0;
    }

    table.stripped_29 td {
        border: 1px solid #f0f0f0;
        font-size: 11px;
        color: #4c545b;
    }

.lhtgrey_clr {
    background-color: #D3D3D3;
}

a.btnMain-custom {
    border: 1px solid #3072b3 !important;
    text-decoration: none !important;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3) !important;
    color: #fff !important;
    background-color: #3C8DDE !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3)) !important;
    background-image: -moz-linear-gradient(#599bdc, #3072b3) !important;
    background-image: -o-linear-gradient(#599bdc, #3072b3) !important;
    background-image: linear-gradient(#599bdc, #3072b3) !important;
    display: inline-block;
    padding: 0.3em .8em;
    font: 12px/normal sans-serif !important;
    cursor: pointer;
}

input[type="text"], input[type="TextBox"], input[type="password"], select, textarea, input[type="file"], input[type="number"] {
    background: #f5fafb;
    font-size: 11px;
    padding: 5px;
    border: 1px solid #999;
    border-radius: 3px;
    box-sizing: border-box;
    min-height: 27px;
    width: 250px;
}

input, textarea, select {
    transition: all .5s ease;
}

    input:focus, textarea:focus, select:focus {
        outline: none;
        border: 1px solid #4285F4 !important;
        box-shadow: 0 0 10px rgba(66, 133, 244, .5);
    }

.implementation_panel {
    background: #f3f4f4;
    padding: 5px 10px;
    border-bottom: 1px solid #dbdbdb;
    display: block;
    overflow: auto
}

.implementation_hd {
    font-size: 10px;
    text-align: center;
    background: #ddd;
    color: #3c3c3c;
    padding: 4px 0;
    font-weight: bold;
    border-top: 1px solid #dbdbdb;
}

.imple_date_panel {
    overflow: hidden;
}

    .imple_date_panel h3 {
        font-family: Verdana;
        font-weight: normal;
        font-size: 10px;
        margin: 0 0 5px 0;
        width: auto;
        color: #555;
        text-align: left
    }

    .imple_date_panel input {
        border: 1px solid #ccc !important;
        border-radius: 5px;
        padding: 2px 5px !important;
        width: 120px !important;
        height: 18px;
        background: #fff url(../images/calendar_date_icon.png) no-repeat 102px center !important;
        font-size: 9px;
        float: left;
        margin-right: 10px;
    }

    .imple_date_panel select {
        border: 1px solid #ccc !important;
        border-radius: 5px;
        padding: 2px 5px !important;
        width: 115px !important;
        height: 24px;
        background: #fff !important;
        font-size: 10px;
        float: left;
        margin-right: 10px
    }

    .imple_date_panel input:last-child {
        margin-right: 0 !important
    }

.imple_duration_panel h3 {
    font-family: Verdana;
    font-weight: normal;
    font-size: 10px;
    margin: 0 0 5px 0;
    width: auto;
    color: #555;
    text-align: left
}

.imple_duration_panel input {
    border: 1px solid #ccc !important;
    border-radius: 5px;
    padding: 2px 5px !important;
    width: 74px !important;
    height: 18px;
    background: #fff !important;
    font-size: 10px;
    float: left;
    margin-right: 10px
}

.imple_duration_panel select {
    border: 1px solid #ccc !important;
    border-radius: 5px;
    padding: 2px 5px !important;
    width: 115px !important;
    height: 24px;
    background: #fff !important;
    font-size: 10px;
    float: left;
    margin-right: 10px
}

.imple_duration_panel input:last-child {
    margin-right: 0 !important
}

@media screen and (max-device-width: 1366px) {
    .imple_date_panel input:first-child {
        margin-right: 5px;
    }

    .imple_date_panel h3 {
        width: auto !important
    }
    /*.imple_date_panel input{width:107px !important; font-size:9px; background-position: 102px center !important}*/
}

.feedback_msg {
    padding: 4px 8px 3px 8px;
    background: #fff6ed;
    border: 1px solid #ff9b37;
    border-radius: 3px;
    color: #3c3c3c;
    display: inline-block;
    margin-bottom: 10px
}

.ftr_overview_btn {
    background-color: #edf9ff !important;
    color: #3c3c3c;
    border: 1px solid #45a3db !important;
    border-radius: 3px;
    font-family: verdana !important;
    cursor: pointer;
    height: 27px;
    width: 133px;
    float: left;
    margin: 0 10px 0 0;
    text-align: center;
    font-size: 12px
}

.init-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: #aaaaaa;
    background-color: #aaaaaa;
    overflow-x: hidden;
    transition: 0.5s;
    opacity: 0.3;
}

.init-overlay-content {
    position: relative;
    top: 30%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    opacity: 1;
}

.init-overlay-content-inner {
    padding-top: 35px;
    display: block;
    padding-bottom: 35px;
    background-color: #000;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-left: 30%;
    margin-right: 30%;
    border: 2px #fff solid;
}

/*Operational Modality*/
.operational_modality_hd {
    font-size: 12px;
    font-weight: bold;
    color: #3072b3;
    padding: 10px;
    border-left: 5px solid #bedbf1;
}

.operational_modality tr td .highlight_color {
    color: #119649 !important
}

.operational_modality tr.warning_msg {
    background-color: #eee;
}

    .operational_modality tr.warning_msg td {
        color: #f00;
    }

.add_operation_modality_btn {
    background-color: #fb9f27 !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
    color: #fff;
    border-radius: 2px;
    font-weight: bold;
    border: 1px solid #dc8b23 !important;
    cursor: pointer
}

.operational_modality tr.total_bg {
    background-color: #f1f1f1
}

    .operational_modality tr.total_bg td {
        color: #f00;
        font-weight: bold !important
    }

.sectionTitle18 {
    background-color: #fff;
    color: #5D90B7;
    border: 1px solid #d9dee2;
    border-top: 1px solid #d9dee2 !important;
    padding: 8px 6px;
    font-weight: bold;
    font-size: 11px;
}

.content_single_line {
    overflow: hidden;
    white-space: nowrap;
}

/*Multiple Project Instance Download*/
.project_filter_panel {
    border: 1px solid #3573b1;
    padding: 5px;
    display: block;
}

.project_filter_subpanel {
    background: #fef5ea;
    border: 1px solid #3573b1;
    padding: 5px;
    display: block;
    border-top: none;
}

/*Workplan 8+3 layout*/
.noyear {
    background-color: #fff !important;
    color: #fff !important;
}

.year0 {
    background-color: #f1fff0 !important;
    color: #159e34 !important;
    font-weight: bold !important;
}

td.year0 {
    text-align: center;
    padding: 8px !important;
}

.year1 {
    background-color: #fffcf0 !important;
    color: #eca234 !important;
    font-weight: bold !important;
}

td.year1 {
    text-align: center;
    padding: 8px !important;
}

.year2 {
    background-color: #fff2f2 !important;
    color: #d41616 !important;
    font-weight: bold !important;
}

td.year2 {
    text-align: center;
    padding: 8px !important;
}

.year3 {
    background-color: #f3f3f3 !important;
    color: #808080 !important;
    font-weight: bold !important;
}

td.year3 {
    text-align: center;
    padding: 8px !important;
}

table.stripped_31 {
    border-collapse: collapse;
}

    table.stripped_31 th {
        padding: 4px 5px 5px;
        text-align: left;
        font-weight: bold;
        font-size: 10px;
        background: #ebf4fa;
        border: 1px solid #d4e7f6 !important;
        min-height: 17px;
        color: #4482b2 !important;
        font-weight: bold;
    }

    table.stripped_31 td {
        border-left: 1px solid #d4e7f6;
        border-bottom: 1px solid #d4e7f6;
        border-right: 1px solid #d4e7f6;
        font-size: 10px;
        font-weight: normal;
        background: #fff;
        padding: 4px 5px 5px;
        word-break: break-all;
        white-space: normal;
    }

/*8+3 Project Proposal*/
.info-box {
    border: 1px solid #ffbb63;
    padding: 3px 5px;
    display: inline-block;
    border-radius: 3px;
    background: #fff7ee;
}

.info-box_1 {
    padding: 3px 5px;
    display: inline-block;
    color: #c36e09;
    border: 1px solid #f3c289;
    border-radius: 3px;
    margin-top: 5px;
    font-weight: bold
}

.legend-panel {
    background: #f5f5f5;
    display: inline-block;
    padding: 4px 6px;
    border-radius: 3px;
    border: 1px solid #ccc;
    vertical-align: middle;
}

    .legend-panel span {
        background-color: #ffe7bd;
        border: 1px solid #000;
        width: 10px;
        height: 10px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
    }

/**Case Management*/
.case_compliance_identified {
    background-image: linear-gradient(#ff1717, #b92300);
    background-color: transparent;
    width: 30%;
    padding: 2px 16px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    position: fixed;
    bottom: 19px;
    left: 0;
    right: 0px;
    z-index: 10;
    border-top-right-radius: 12px;
}

.case_internal_compliance {
    background-color: transparent;
    width: 30%;
    padding: 2px 16px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    position: fixed;
    bottom: 19px;
    left: 0;
    background-image: linear-gradient(#fef891, #f4d139);
    right: 0px;
    z-index: 10;
    border-top-right-radius: 12px;
    border: 1px solid #b9acac;
}

ul.Tab1 {
    list-style: none;
    width: 100%;
    margin-bottom: 0px;
    border-bottom: 1px solid #d9dee2;
    font-weight: bold;
    height: 21px;
}

    ul.Tab1 li {
        position: relative;
        overflow: visible;
        display: inline-block;
        padding: 0.2em 0.5em 0.3em;
        border: 1px solid #bbb;
        border-bottom: 0px solid #bbb;
        margin: 0;
        margin-left: 2px;
        text-shadow: 0px 0px 0 #fff;
        color: #333;
        white-space: nowrap;
        cursor: pointer;
        outline: none;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        zoom: 1;
        *display: inline;
    }

        ul.Tab1 li:first-child {
            margin-left: 0px;
        }

        ul.Tab1 li a {
            text-decoration: none;
            color: #333;
            display: block;
            padding: 2px 2px;
            outline: none;
            margin-bottom: -2px;
        }

        ul.Tab1 li:hover {
            background: #cbdeef;
        }

        ul.Tab1 li.active {
            border-bottom: 1px solid #fff;
        }

            ul.Tab1 li.active a {
                font-weight: bold;
                border-bottom: 1px solid #f0eff2;
                font-size: 11px;
                color: #3072b3;
            }

        ul.Tab1 li.inactive {
            border: 1px solid #dedede;
            background-image: linear-gradient(#eaeaea, #fff);
            border-bottom: 1px solid #f0eff2;
            font-size: 11px;
            color: #929292;
        }

            ul.Tab1 li.inactive a {
                font-weight: normal;
                border-bottom: 1px solid #f0eff2;
                font-size: 11px;
                color: #929292;
                margin-top: -1px;
            }

html ul.Tab1 li.active, html ul.Tab1 li.active a:hover {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.note {
    color: #e22929;
    padding: 10px;
    border: 1px solid #f9ca0f;
    background-color: #fffee2;
    font-size: 11.5px;
    margin-bottom: 6px;
    margin-top: 4px;
}

.container-inline {
    width: 100%;
    vertical-align: top;
    border: 1px solid #c0c0c0;
    display: inline-block;
}

.info_main {
    padding: 8px;
    background-color: #f2f7fb;
    border: 1px solid #a0bcda;
    color: #4178a2;
    margin-bottom: 8px;
}

.info_header {
    display: inline-block;
    font-weight: bold;
    font-size: 11px
}

.info_warning {
    display: inline-block;
    font-weight: bold;
    font-size: 11px;
    color: #db6f19;
}

.info_text {
    display: inline-block;
    font-size: 11.5px
}

.info_text2 {
    display: inline-block;
    padding: 3px;
    border: 1px solid #88dcac;
    background-color: #f1fff0;
    color: #afaeae;
    margin-left: 6px;
    border-radius: 4px;
    float: right;
}

.info_text2_invalid {
    display: inline-block;
    padding: 3px;
    border: 1px solid #e09489;
    background-color: #fff2f2;
    color: #afaeae;
    margin-left: 6px;
    border-radius: 4px;
    float: right;
}

.sectionTitle19 {
    color: #db6f19 !important;
    padding: 8px 3px;
    font-weight: bold;
    font-size: 11px;
}

table.stripped_32 {
    border-collapse: collapse;
}

    table.stripped_32 th {
        padding: 4px 5px 5px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        background: #ebf4fa !important;
        border: 1px solid #d4e7f6 !important;
        min-height: 17px;
        color: #4482b2 !important;
    }

    table.stripped_32 td {
        border-left: 1px solid #d4e7f6;
        border-bottom: 1px solid #d4e7f6;
        border-right: 1px solid #d4e7f6;
        font-size: 11px;
        font-weight: normal;
        padding: 4px 5px 5px;
        word-break: break-all;
        white-space: normal;
    }

.locationEmptyBox {
    height: 250px;
    overflow: auto;
    margin-top: 12px;
    color: #ccc;
    font-size: 14px;
    text-align: center;
    line-height: 250px;
    border: 1px solid #efefef;
}

.header_dotted {
    margin-bottom: 12px;
    border-bottom: 1px dotted #dedcdc
}

.activeview {
    display: inline-block;
    margin-top: -5px;
    border: 1px solid #69b3e7;
    padding: 4px;
    margin-right: 4px;
    border-radius: 4px;
    background-color: #ebf4fa;
}

.inactiveview {
    display: inline-block;
    margin-top: -5px;
    border: 1px solid #dedede;
    padding: 4px;
    margin-right: 4px;
    border-radius: 4px;
}

.btnAdd_blue {
    border: 1px solid #A8B9FF;
    border-radius: 4px;
    height: 15px;
    min-height: 15px;
    text-align: left;
    display: inline-block;
    padding: 4px 6px 6px 3px;
    margin-right: 8px;
    background-color: #f4faff;
    font-size: 11px;
}

.label-wdth input[type="text"] {
    width: 80px !important
}

.info_text2_invalid_cell {
    border: 1px solid #e09489;
    background-color: #ffefef !important;
    margin-left: 6px;
}

ul.tagit li.tagit-choice-green {
    border: 1px solid #88dcac;
    background-color: #f1fff0;
    background-image: none;
    color: #777;
}

ul.tagit li.tagit-choice-red {
    border: 1px solid #e09489;
    background-color: #fff2f2;
    background-image: none;
    color: #777;
}

/*Authorization Link Button*/
.authorization_link {
    background: #fff;
    box-shadow: 0 2px 0 0 #FFC107;
    padding: 4px 5px 2px 5px;
    border-radius: 3px;
    border: 1px solid #eee;
}

    .authorization_link a {
        color: #006699;
        font-weight: bold;
        padding-left: 5px;
    }

.disbled-multiselect {
    border-color: #ddd;
    color: #aaa;
    background: #eee;
}

    .disbled-multiselect:hover {
        border-color: #ddd !important;
        color: #aaa !important;
        background: #eee !important;
        font-weight: normal !important;
    }

.input-unit-description-edit {
    width: 100% !important;
    border: 1px solid #ccc !important;
    max-width: 40px !important;
    text-align: right !important;
    height: 12px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 7pt !important;
    background-color: #ffc90e !important;
    width: 100px !important;
}

.edit_input {
    background: #ffc90e !important;
    cursor: default
}

.checkboxLabel_f11 label {
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 4px;
}

table.noaccess {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #B8CDE4
}

    table.noaccess th {
        padding: 4px 5px 2px;
        text-align: left !important;
        font-weight: bold;
        font-size: 10px;
        background: #4e79aa; /*#e6eeee;*/
        border: 1px solid #B8CDE4;
        border-top: 0 !important;
        height: 17px;
        color: #fff;
    }

    table.noaccess td {
        border: 1px solid #B8CDE4;
        font-weight: normal;
        font-size: 10px;
    }

input.btn-primary {
    color: #fff;
    background-color: #3e84b4;
    border-color: #3e84b4;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-shadow: none;
}

input.btn-success {
    color: #fff;
    background-color: #7bb859;
    border-color: #7bb859;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-shadow: none;
}

input.btn-danger {
    color: #fff;
    background-color: #ff3d55;
    border-color: #ff3d55;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-shadow: none;
}

input.btn-orange {
    color: #fff;
    background-color: #ffa500;
    border-color: #ffa500;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-shadow: none;
}

input.btn-purple {
    color: #fff;
    background-color: #800080;
    border-color: #800080;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-shadow: none;
}

.highlight_msg {
    border: 1px solid #fbb941 !important;
    border-radius: 3px;
    background-color: #fff9ed;
    font-weight: bold;
}

.button-spacing input {
    margin-right: 5px;
}

html.fas {
    display: inline-block;
    width: 1.28571429em;
}

    html.fas::before {
        content: "\00a0";
    }

.tooltip-custom {
    display: inline-block;
    position: relative;
    text-align: left;
}

    .tooltip-custom .bottom {
        min-width: 340px;
        top: 25px;
        left: 50%;
        transform: translate(-50%, 0);
        padding: 7px;
        color: #000;
        background-color: #fffca5;
        font-weight: normal;
        font-size: 13px;
        border-radius: 3px;
        position: absolute;
        z-index: 99999999;
        box-sizing: border-box;
        display: none;
        border: 1px solid #555;
    }

        .tooltip-custom .bottom p {
            margin: 0;
            height: auto;
        }

        .tooltip-custom .bottom i {
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -12px;
            width: 24px;
            height: 12px;
            overflow: hidden;
        }

            .tooltip-custom .bottom i::after {
                content: '';
                position: absolute;
                width: 12px;
                height: 12px;
                left: 50%;
                transform: translate(-50%,50%) rotate(45deg);
                background-color: #555;
            }

    .tooltip-custom:hover .bottom {
        display: block;
    }

.step-box {
    background: #DD9C5C;
    padding: 3px 10px;
    color: #fff;
    border-radius: 3px;
    margin-left: 10px;
    font-size: 11px;
    display: inline-block;
    margin-top: 5px;
    line-height: 14px;
}

.download_excel_btn {
    font-weight: bold;
    border: 2px solid #f0ab00;
    padding: 7px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 11px;
}

    .download_excel_btn:hover {
        background-color: #f0ab00;
        color: #fff !important;
    }

.link-btn {
    border: 1px solid #4e79aa;
    padding: 2px 6px;
    color: #4e79aa;
    font-weight: bold;
}

    .link-btn:hover {
        background-color: #4e79aa;
        color: #fff;
    }

.dashboard-refresh-parent {
    margin-left: 8px;
    display: inline-block;
    border: 1px #d4d4d4 solid;
    padding: 2px 4px;
    border-radius: 4px;
    background-color: #fff4d9;
}
/* Start: Styles for Suspended Organization */
.PartnerSuspendedFloatingMsg {
    width: 30%;
    padding: 2px 16px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    position: fixed;
    bottom: 19px;
    left: 0;
    right: 0px;
    z-index: 10;
    border-top-right-radius: 12px;
    text-align: left !important;
}

.CSSIsSuspended_prd {
    background-color: #ff0000 !important;
    color: #fff !important;
    text-align: center;
}

.CSSIsSuspended_txt {
    color: #ff0000 !important;
}
/* End: Styles for Suspended Organization */

.sectionTitle15Text {
    color: #35689c;
    font-size: 13.2px;
    font-weight: bold;
}

.successMessage {
    border-left: 3px solid #498000;
    color: green;
    font-size: 11px;
    font-weight: bold;
    background-color: #e4ffe4;
}

.errorMessage {
    border-left: 3px solid #d23939;
    color: #d23939;
    font-size: 11px;
    font-weight: bold;
    background-color: #fff4f3;
}

.brdr-red-2 {
    border: 2px solid red !important;
}

.visible {
    display: block;
    visibility: initial;
}

.tabletip {
    width: 94% !important;
    position: absolute;
    background-color: #fff7c0;
    z-index: 999;
    border: 1px solid #000;
    border-collapse: separate !important;
    border-spacing: 0;
}

.pin {
    transform: rotate(270deg);
}

.tabletip table tr td {
    border-bottom: 1px solid #f3dd9e;
    border-right: none !important;
    border-left: none;
}

/* Landing Page - Start */
.logout_btn {
    /*
    background: #f5fcff url('../images/logout_blue_icon.png') 6px center no-repeat !important;
    border: 1px solid #9dcce2 !important;
    border-radius: 3px;
    color: #1295d2;
    font-size: 11px !important;
    font-weight: bold;
    height: 26px;
    text-indent: 26px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 5px 0 0 !important;
    margin: 0;
        */
    margin: 0 5px 0 0;
    padding: 0 0px 0 20px !important;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    background: url("../images/icon_logout.svg") 0px center no-repeat !important;
    line-height: 24px;
}
/*
    .logout_btn:hover {
        background: #fff url('../images/logout_blue_icon.png') 6px center no-repeat !important;
        color: #18b6ff
    }
    */
.fund_home_btn {
    /*
    background: #f5fcff url('../images/fund_home_blue_icon.png') 7px center no-repeat !important;
    border: 1px solid #9dcce2 !important;
    border-radius: 3px;
    color: #1295d2;
    font-size: 11px !important;
    font-weight: bold;
    height: 26px;
    text-indent: 26px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 5px 0 0 !important;
    margin: 0 5px 0 0;
        */
    margin: 0 10px 0 0;
    padding: 0 10px 0 20px !important;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    border-right: 1px solid #fff;
    background: url("../images/icon_fundhome.svg") 0px center no-repeat !important;
    line-height: 24px;
}
/*
    .fund_home_btn:hover {
        background: #fff url('../images/fund_home_blue_icon.png') 7px center no-repeat !important;
        color: #18b6ff
    }
  */  
/* One GMS */
.heading {
    font-size: 15px !important;
    font-weight: bold;
    background-color: #bedbf1;
    padding: 7px;
    color: #000 !important;
    margin-bottom: 10px;
}

.sub-heading {
    font-size: 12px;
    font-weight: bold;
    color: #3070b0;
    padding: 7px;
    border-bottom: 2px solid #3070b0;
}

    .sub-heading span {
        font-size: 12px !important;
        font-weight: bold;
        color: #3070b0;
    }

.sub-heading-2 {
    font-size: 11px;
    font-weight: bold;
    color: #3070b0;
    padding-bottom: 3px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #3070b0;
    display: block;
}

.section-heading {
    background-color: #fff;
    color: #35689c;
    font-size: 13px;
    padding: 8px;
    font-weight: bold;
    border: 1px solid #d4e7f6;
    border-bottom: none;
    vertical-align: middle;
}
.proj-label {color: #3070b0; font-weight: bold; font-size: 11px;}
.proj-comments-panel {
    margin-right: 7px;
    border-right: 1px solid #999;
    padding-bottom: 5px;
    padding-right: 3px;
}

a.fa-times-circle:hover {
    color: #e03e3e;
}

a.fa-times:hover {
    color: #e03e3e;
}

a.fa-edit:hover, a.fa-sync-alt:hover, a.fa-eye:hover {
    color: #1e4d7b;
}

.header-title {
    font-size: 15px;
    font-weight: bold;
    background-color: #bedbf1;
    padding: 7px;
}

table.table-1 {width: 100%; border-collapse: collapse; font-family: 'Roboto', sans-serif;}
table.table-1 tr th {background: #ebf4fa; border: 1px solid #d4e7f6 !important; padding: 7px; font-weight: normal; font-size: 12px; color: #35688F !important; text-align: left;}
table.table-1 tr th a {font-size: 12px;}
table.table-1 tr td {border: 1px solid #f0f0f0 !important; padding: 7px; font-size: 11px; color: #000; word-break:break-word;}
table.table-1 tr td a {font-size: 11px;}
table.table-1 tr td span {font-size: 11px;}
table.table-1 tr td span#lblTotal {width: auto !important;}
table.table-1 tr td ul.clusterlist {padding-left: 15px;}
table.table-1 tr td ul.clusterlist li {list-style: disc; list-style-type: disc;}
table.table-1 tr td p {height: auto !important; margin: 0px !important;}
table.table-3 {width: 100%; border-collapse: collapse; margin-bottom: 10px;}
table.table-3 tr th {background-color: #f5f5f5; border: 1px solid #ddd; padding: 7px; font-size: 12px; vertical-align: top; color: #000; font-weight: bold; text-align: left;}
table.table-3 tr td {background-color: #fff; border: 1px solid #f0f0f0; padding: 7px; font-size: 11px; vertical-align: top; color: #000; font-weight: normal; text-align: left;}
table.table-4 {width: 100%; border-collapse:collapse;}
table.table-4 tr {border-bottom: 1px solid #f0f0f0;}
table.table-4 tr th {background-color: #dfedf8; padding: 7px 5px; font-size: 12px; font-weight: bold; color: #35688F;}
table.table-4 tr td {padding: 7px 5px; font-size: 11px; color: #000; border: 1px solid #f0f0f0;}
table.table-4 tr td p {height:auto !important;}
table.table-2 {width: 100%; border-collapse: collapse; margin-bottom: 10px;}
table.table-2 tr th {background-color: #ebf4fa !important; border: 1px solid #d4e7f6 !important; padding: 7px; font-size: 12px; vertical-align: top; color: #35688F !important; font-weight: normal !important; text-align: left;}
table.table-2 tr td {background-color: #fff; border: 1px solid #f0f0f0; padding: 7px; font-size: 11px; vertical-align: top; color: #000; font-weight: normal; text-align: left;}
table.table-2 tr td p {height:auto !important;}

table.table-2-n {width: 100%; border-collapse: collapse; margin-bottom: 10px;}
table.table-2-n tr th {background-color: #ebf4fa !important; border: 1px solid #d4e7f6 !important; padding: 7px; font-size: 12px; vertical-align: top; color: #35688F !important; font-weight: normal !important; text-align: left;}
table.table-2-n tr td {background-color: #fff; border: 1px solid #f0f0f0 !important; padding: 7px; font-size: 11px; vertical-align: top; color: #000; font-weight: normal; text-align: left;}
table.table-2-n tr td p {height:auto !important;}

.add-btn-primary {display: inline-block; background-color: #fff; border: 1px solid #3070b0; border-radius: 3px; font-size: 13px !important; padding: 0 7px 0 0; color: #3070b0 !important; cursor: pointer; transition: all 0.2s linear; vertical-align: middle; line-height: 23px;}
.add-btn-primary .icon-plus {background-color: #3070b0; padding: 5px 7px; margin-right: 7px; display: inline-block; transition: all 0.2s linear;}
.add-btn-primary .icon-plus i {font-size: 14px; color: #fff;}
.add-btn-primary:hover {background-color: #3070b0; color: #fff !important; border-radius: 3px;}
.add-btn-primary:hover span {background-color: #fff; color: #3070b0; border-radius: 2px 0 0 2px;}
.add-btn-primary:hover span i {color: #3070b0;}
.add-btn-primary:hover a {color: #fff;}
.add-btn-primary a {font-size: 13px !important;}
.add-btn-primary a:hover {font-size: 13px !important; color: #fff;}
.add-btn-primary-sm {display: inline-block; background-color: #fff; border: 1px solid #3070b0; border-radius: 3px; font-size: 10px !important; padding: 0 5px 0 0; color: #3070b0; cursor: pointer; transition: all 0.2s linear; vertical-align: middle;}
.add-btn-primary-sm .icon-plus {background-color: #3070b0; padding: 3px 5px; margin-right: 5px; display: inline-block; transition: all 0.2s linear;}
.add-btn-primary-sm .icon-plus i {font-size: 10px; color: #fff;}
.add-btn-primary-sm:hover {background-color: #3070b0; color: #fff; border-radius: 3px;}
.add-btn-primary-sm:hover span {background-color: #fff; color: #3070b0; border-radius: 3px 0 0 3px;}
.add-btn-primary-sm:hover span i {color: #3070b0;}
.add-btn-primary .icon-save {background-color: #3070b0; padding: 5px 7px; margin-right: 7px; display: inline-block; transition: all 0.2s linear;}
.add-btn-primary .icon-save i {font-size: 14px; color: #fff;}
.add-btn-primary.disabled {cursor: not-allowed; opacity:0.4;}

.clr-green {background-color: #fff !important; border: 1px solid #7FB92F; color: #6fa720 !important;}
.clr-green span {background-color: #7FB92F !important;}
.clr-green:hover span {background-color: #fff !important; color: #7FB92F !important;}
.clr-green:hover {background-color: #7FB92F !important;}
.clr-green:hover span i {color: #7FB92F;}
.clr-orange {background-color: #fff !important; border: 1px solid #ff5a00;}
.clr-orange span {background-color: #ff5a00 !important;}
.clr-orange:hover {background-color: #ff5a00 !important;}
.clr-orange:hover span {background-color: #fff !important; color: #ff5a00 !important;}
.clr-orange:hover span i {color: #ff5a00;}

table.data-entry-radio {width:100%;}
table.data-entry-radio tr td {padding-bottom: 0;}
table.data-entry-radio tr td input {width: 14px;}
table.data-entry-radio tr td label {width:90%;}

.btn-custom-1 {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #7899b9;
    background-color: #f2f8ff;
    font-size: 11px;
    cursor: pointer;
    border-radius: 3px;
    border-bottom: 2px solid #7899b9;
    text-align: center;
    transition: all 0.2s linear;
    color: #3070b0;
}

    .btn-custom-1:hover {
        background-color: #3070b0;
        border: 1px solid #3070b0;
        border-bottom: 2px solid #1e4d7b;
        color: #fff;
    }

.multilingual-select {
    height: 25px;
    width: 72px;
    border: 1px solid #9dcce2 !important;
    color: #1295d2;
    font-size: 11px;
    margin-right: 5px;
    min-height:26px;
}

.header-tbl {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px;
}
.header-tbl tr td {
    padding: 5px;
    color: #333;
    border-bottom: 1px solid #eee;
    vertical-align: top;
}
.header-tbl tr td:nth-child(2n) {
    border-bottom: none;
}
.header-tbl tr td span {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}
.header-tbl tr td label {
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 5px;
    margin-left: 0;
    display: block;
    color: #999;
    font-family: 'Roboto', sans-serif;
}
.header-tbl tr td .label {
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 5px;
    display: block;
    color: #999;
    font-family: 'Roboto', sans-serif;
}
.header-tbl tr td b {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}
.header-tbl-cluster {
    width: 100%;
    border-collapse: collapse;    
}
.header-tbl-cluster tr {
    border-bottom: 1px solid #f0f0f0;
}
.header-tbl-cluster tr th {
    background-color: #dfedf8 !important;
    padding: 7px 5px;
    font-size: 12px;    
    color: #35688F !important;
    font-weight: bold;
}
.header-tbl-cluster tr td {
    padding: 7px 5px;
    font-size: 11px;    
    color: #000;
    border: none;
}
a.show-guidanse {
    font-size: 11px;
    background-color: #3070b0;
    padding: 3px 10px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    border-bottom: 2px solid #1e4d7b !important;
    border: 1px solid #3070b0;
    transition: all 0.2s linear;
}
a.show-guidanse:hover {
    background-color: #fff;
    color: #3070b0 !important;
    border-bottom: 2px solid #1e4d7b !important;
    border: 1px solid #3070b0;
}
a.show-guidanse:focus {
    color: #fff;
}
.show-guidanse-panel {
    padding: 10px;
    background-color: #f3f3f3;
    margin-bottom: 10px;
    color: #000;
}
.show-guidanse-panel p {margin:0; height:auto;}
.hide-guidanse {
    font-size: 11px;
    background-color: #999;
    padding: 3px 10px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    border-bottom: 2px solid #777 !important;
    border: 1px solid #999;
    transition: all 0.2s linear;
}
.hide-guidanse:hover {
    color: #fff;
}
.hide-guidanse:focus {
    color: #fff;
}
.guidance .brdr-btm {
    text-align: right;    
    display: block;    
}
.guidance-info {
    font-size: 10px;    
    background-color: #f3f3f3;
    padding: 10px;
    margin-bottom: 10px;
    color: #000;
}
.tooltip-partner-log {display: inline-block; position: relative; text-align: left;}
.tooltip-partner-log .top {min-width: 200px; top: -10px; left: 50%; transform: translate(-50%, -100%); padding: 10px; color: #444444; background-color: #fff; font-weight: normal; font-size: 13px; border-radius: 4px; position: absolute; z-index: 99999999; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: opacity 0.2s; border: 1px solid #35709E;}
.tooltip-partner-log .top p {font-size: 11px; height: auto; margin: 0;}
.tooltip-partner-log:hover .top {visibility: visible; opacity: 1;}
.tooltip-partner-log .top q {position: absolute; top: 100%; left: 50%; margin-left: -12px; width: 24px; height: 12px; overflow: hidden;}
.tooltip-partner-log .top q::after {content: ''; position: absolute; width: 12px; height: 12px; left: 50%; transform: translate(-50%,-50%) rotate(45deg); background-color: #fff; box-shadow: 0 1px 8px rgba(0,0,0,0.5); border: 1px solid #35709E;}
.tooltip-partner-wp {display: inline-block; position: relative; text-align: left;}
.tooltip-partner-wp .right {min-width: 400px; top: 50%; left: 100%; transform: translate(0, -50%); padding: 10px; color: #444444; background-color: #fff; font-weight: normal; font-size: 13px; border-radius: 4px; position: absolute; z-index: 99999999; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: opacity 0.2s; border: 1px solid #35709E;}
.tooltip-partner-wp .right p {font-size: 11px; height: auto; margin: 0;}
.tooltip-partner-wp .right p span {font-size: 11px !important; font-family: 'Roboto', sans-serif !important;}
.tooltip-partner-wp .right span {font-size: 11px !important; font-family: 'Roboto', sans-serif !important; word-break:break-word;}
.tooltip-partner-wp .right span img {width:100% !important;}
.tooltip-partner-wp:hover .right {visibility: visible; opacity: 1;}
.tooltip-partner-wp .right q {position: absolute; top: 50%; right: 100%; margin-top: -8px; width: 24px; height: 12px; overflow: hidden;}
.tooltip-partner-wp .right q::after {content: ''; position: absolute; width: 12px; height: 12px; left: 12px; top: 50%; transform: translate(50%,-50%) rotate(-45deg); background-color: #fff; box-shadow: 0 1px 8px rgba(0,0,0,0.5); border: 1px solid #35709E;}
.tooltip-partner-wp .right .ptooltip {max-height:200px; overflow:auto;}
.tooltip-partner-wp .right .ptooltip table {width:100%;}
.tooltip-partner {display: inline-block; position: relative; text-align: left;}
.tooltip-partner .top {min-width: 200px; top: -10px; left: 50%; transform: translate(-50%, -100%); padding: 10px; color: #444444; background-color: #fff; font-weight: normal; font-size: 13px; border-radius: 4px; position: absolute; z-index: 99999999; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: opacity 0.2s; border: 1px solid #35709E;}
.tooltip-partner .top p {font-size: 11px; height: auto; margin: 0;}
.tooltip-partner:hover .top {visibility: visible; opacity: 1;}
.tooltip-partner .top q {position: absolute; top: 100%; left: 50%; margin-left: -12px; width: 24px; height: 12px; overflow: hidden;}
.tooltip-partner .top q::after {content: ''; position: absolute; width: 12px; height: 12px; left: 50%; transform: translate(-50%,-50%) rotate(45deg); background-color: #fff; box-shadow: 0 1px 8px rgba(0,0,0,0.5); border: 1px solid #35709E;}
.tooltip-partner .bottom {min-width: 200px; top: 25px; left: 50%; transform: translate(-50%, 0); padding: 10px; color: #444444; background-color: #fff; font-weight: normal; font-size: 13px; border-radius: 4px; position: absolute; z-index: 99999999; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: opacity 0.2s; border: 1px solid #35709E;}
.tooltip-partner .bottom p {font-size: 11px; height: auto; margin: 0;}
.tooltip-partner:hover .bottom {visibility: visible; opacity: 1;}
.tooltip-partner .bottom i {position: absolute; bottom: 100%; left: 50%; margin-left: -12px; width: 24px; height: 12px; overflow: hidden;}
.tooltip-partner .bottom i::after {content: ''; position: absolute; width: 12px; height: 12px; left: 50%; transform: translate(-50%,50%) rotate(45deg); background-color: #fff; box-shadow: 0 1px 8px rgba(0,0,0,0.5); border: 1px solid #35709E;}
.tooltip-partner .left {min-width:200px; top:50%; right:100%; margin-right:12px; transform:translate(0, -50%); padding: 10px;    color:#444444; background-color:#fff; font-weight:normal; font-size:13px; border-radius:4px; position:absolute; z-index:99999999;    box-sizing:border-box; box-shadow:0 1px 8px rgba(0,0,0,0.5); visibility:hidden; opacity:0; transition:opacity 0.2s; border: 1px solid #35709E;}
.tooltip-partner .left p{font-size: 11px; height: auto; margin: 0;}
.tooltip-partner:hover .left {visibility:visible; opacity:1;}
.tooltip-partner .left i {position:absolute; top:50%; left:100%; margin-top:-8px; width:24px; height:12px; overflow:hidden;}
.tooltip-partner .left i::after {content:''; position:absolute; width:12px; height:12px; left:-2px; top:50%;    transform:translate(-50%,-50%) rotate(45deg); background-color:#fff; box-shadow:0 1px 8px rgba(0,0,0,0.5); border: 1px solid #35709E;}
.tooltip-partner .right {min-width:200px; top:50%; left:100%; margin-left:12px; transform:translate(0, -50%); padding: 10px;    color:#444444; background-color:#fff; font-weight:normal; font-size:13px; border-radius:4px; position:absolute; z-index:99999999;    box-sizing:border-box; box-shadow:0 1px 8px rgba(0,0,0,0.5); visibility:hidden; opacity:0; transition:opacity 0.2s; border: 1px solid #35709E;}
.tooltip-partner .right p{font-size: 11px; height: auto; margin: 0;}
.tooltip-partner:hover .right {visibility:visible; opacity:1;}
.tooltip-partner .right i {position:absolute; top:50%; right:100%; margin-top:-8px; width:24px; height:12px; overflow:hidden;}
.tooltip-partner .right i::after {content:''; position:absolute; width:12px; height:12px; left:12px; top:50%;   transform:translate(50%,-50%) rotate(-45deg); background-color:#fff; box-shadow:0 1px 8px rgba(0,0,0,0.5); border: 1px solid #35709E;}

.guidance-panel {padding: 8px; background-color: #fdf0c9; margin: 4px;}
.guidance-panel p {display: inline-block; height: auto; font-size: 11px; margin: 0;}
.guidance-panel a {display: inline-block; height: auto; font-size: 11px; margin: 0; color: #006699 !important;}

.project-comments {padding: 10px; border-bottom: 1px dashed #a09c9c;}
.project-comments .number {font-size: 13px; color: #3948f7; display: inline-block; border: 1px solid #ccc; padding: 2px 6px; border-radius: 12px; font-weight: bold; float: left; margin-right: 5px;}
.project-comments .title {font-size: 13px; color: #3948f7; border-bottom: 1px dotted #aaa; margin-bottom: 10px; padding-bottom: 5px; line-height: 20px;}
.project-comments p {max-height: 40px; overflow: auto; font-size: 11px; margin: 0;}

div.sceditor-toolbar {
    background: #f5f5f5 !important;
}

.sceditor-container {
    background: #f5fafb !important;
    border: 1px solid #999 !important;
    width: auto !important;
}
    /*height: 125px !important;*/
    .sceditor-container iframe, .sceditor-container textarea {
        background: #f5fafb !important;
        font-family: 'Roboto', sans-serif !important;
    }

    .sceditor-container:focus {
        outline: none;
        border: 1px solid #4285F4 !important;
        box-shadow: 0 0 10px rgba(66, 133, 244, .5);
    }

.summary-project {
    background-color: #f3f3f3;
    font-size: 11px;
    padding: 10px;
}

    .summary-project h3 {
        font-size: 14px;
        margin: 0 0 5px 0;
        font-weight: bold;
    }

    .summary-project p {
        margin: 0;
        height: auto;
    }

.alert {
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

    .alert span {
        font-size: 13px !important;
    }
.alert ul {margin-left: 30px; margin-top: 5px;}
.alert ul li {list-style-type:disc; padding: 3px 0; font-size: 12px;}
.alert-primary {
    color: #3072b3;
    background-color: #dbedff;
    border-color: #cae0f7;
}

.alert-success {
    color: #028207;
    background-color: #d4ffec;
    border-color: #c1f1db;
}

.alert-warning {
    color: #a98006;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.alert-error {
    color: #d83745;
    background-color: #fde6e8;
    border-color: #f7d8db;
}

.control-error {
    border-color: #ff9780 !important;
    box-shadow: 0 0 0 0.3rem #ff230040;
}
.control-error-1 {
    border: 1px solid rgb(255, 0, 0) !important;
}

.calendar-icon {
    padding: 4px 7px;
    background-color: #3070b0;
    border-radius: 0 3px 3px 0;
    border: 1px solid #3070b0;
    margin-left: -4px;
    min-height: 17px;
    color: #fff;
}

.edit-proj-btn {
    background: #fff;
    color: #3070b0;
    border-radius: 12px;
    padding: 2px 8px;
    float: right;
    line-height: 11px;
    vertical-align: middle;
    font-weight: normal;
    border: 2px solid #3070b0;
    cursor: pointer;
    transition: all 0.2s linear;
}

    .edit-proj-btn:hover {
        background: #3070b0;
        border: 2px solid #3070b0;
        color: #fff;
    }

    .edit-proj-btn.disabled {
        background: #999 !important;
        border-color: #777 !important;
        color: #eee;
        cursor: not-allowed;
    }

.alloc-prior-panel {
    display: block;
    width: 100%;
}

    .alloc-prior-panel .title {
        background-color: #dfeffc;
        color: #3070b0;
        border: 1px solid #99b5cc !important;
        padding: 8px 6px;
        font-weight: bold;
        font-size: 11px;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        box-sizing: border-box;
        line-height: 19px;
    }

    .alloc-prior-panel .content {
        border: 1px solid #99b5cc;
        padding: 8px;
        line-height: 14px;
        margin-top: -1px;
        font-size: 10px;
    }

.brdr-divider {
    border-bottom: 2px solid #3070b0;
    display: block;
    margin: 10px 5px;
}

.radio-label label {
    margin-left: 5px;
}

.marg_r_4 {
    margin-right: 4px
}

.pnlQuestionAnswer input[type="text"] {
    width: 116px !important;
}

.pnlQuestionAnswer input.DateField {
    width: 90px !important;
}

/*Question Repository Classes*/
.question-repository textarea {
    height: 40px;
}

.question-repository .ui-multiselect {
    width: 195px !important;
}

.multi-lingual-control {
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    padding: 2px 6px;
    border-radius: 3px;
    margin-top: 3px;
}

/*Allocation Type Classes*/
.inactive-content {
    display: inline-block;
    padding-top: 4px;
    color: #aaa;
}

.inactive-row {
    color: #aaa !important;
}

ul#ulAllocationCCList li > input[type=text] {
    display: none;
}

.inactive-row input[type=checkbox] {
    background-color: #f5f5f5 !important;
    border: 1px #d4d3d3 solid !important;
    cursor: not-allowed;
}
.allocation-type fieldset {
    border-color: #eee;
    padding: 15px;
}

    .allocation-type fieldset legend {
        color: #3070b0;
        font-size: 11px;
        padding: 5px 10px;
        border-radius: 3px;
        border: 1px solid #3070b0;
    }

.allocation-type input.readonly_Currency {
    background-color: #f5f5f5 !important;
    border: 1px #d4d3d3 solid !important;
    cursor: not-allowed;
}

.allocation-type .thousandSeparator {
    width: 90px !important;
    padding: 4px 5px;
    display: inline-block;
}
.legend-box {background-color: #fff; padding: 5px 10px; border-radius: 3px; border: 1px solid #bbb; color: #e17009;}
.font_StrikeOff_imp {
    text-decoration: line-through !important;
}

.allocation-type .lblWorkflow {
    font-size: 10px;
    color: #949494;
    padding: 2px 0px;
}

.allocation-type tr.dateRow td {
    padding-bottom: 10px;
}

.allocation-type table.table-1 tr td {
    border: 1px solid #f0f0f0 !important;
}

.allocation-type .web-status {
    display: inline-block;
    border: 1px #ff5a00 solid;
    padding: 3px 10px;
    background-color: #fff5f0;
    color: #333;
    font-size: 11px;
    border-radius: 3px;
}

    .allocation-type .web-status i {
        padding-left: 8px;
        padding-top: 2px;
    }

.allocation-type .radio-btn-panel table {
    display: inline-block;
}

.allocation-type .radio-btn-panel .radio-btn-span {
    display: inline-block !important;
    padding: 5px;
}

.infoBoxGrey {
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    margin-left: 8px;
    padding: 2px 6px;
    border-radius: 4px;
    color: #6b6b6b;
}

.allocation-type #tblKeyDates .information {
    color: #ff9800;
    margin-top: 3px;
    display: block;
    font-size: 11px;
}

.information {
    color: #ff9800;
    margin-top: 3px;
    display: block;
    font-size: 11px;
}

.proj-title {
    font-size: 14px !important;
    font-weight: normal;
    color: #ff5a00 !important;
    border: none !important;
    padding-top: 0;
}

.high-priority {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 3px;
    background-color: #ff6767;
    font-weight: normal;
    float: right;
    color: #fff;
    margin-left: 10px;
}

    .high-priority span {
        font-weight: bold;
        font-size: 11px;
        font-family: 'Arial', sans-serif;
    }

.wf-panel {
    padding: 10px;
}

.wf-digit {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: #ccc;
    padding: 3px 8px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.wf-digit-active {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: #ff5a00;
    padding: 3px 8px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #ff5a00;
    vertical-align: middle;
}

.wf-digit-deactive {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: #ff5a00;
    padding: 3px 8px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #ffcaae;
    background-color: #ffcaae;
}

.wf-copy {
    display: inline-block;
    padding: 3px 10px 4px 18px;
    font-size: 11px;
    max-width: 230px;
    background-color: #eee;
    margin-left: -15px;
    border-radius: 0 32px 32px 0;
    line-height: 16px;
    vertical-align: middle;
    font-weight: normal;
    color: #999;
    border: 1px solid #eee;
}

.wf-copy-active {
    display: inline-block;
    padding: 3px 10px 4px 18px;
    font-size: 11px;
    max-width: 230px;
    background-color: #ffe6d9;
    margin-left: -15px;
    border-radius: 0 32px 32px 0;
    line-height: 16px;
    vertical-align: middle;
    font-weight: bold;
    color: #ff5a00;
    border: 1px solid #ffe6d9;
}

.wf-copy-deactive {
    display: inline-block;
    padding: 3px 10px 4px 18px;
    font-size: 11px;
    max-width: 230px;
    margin-left: -15px;
    border-radius: 0 32px 32px 0;
    line-height: 16px;
    vertical-align: middle;
    color: #ffcaae;
    font-weight: normal;
    border: 1px solid #ffcaae;
    background-color: #fff;
}

.wf-line {
    display: inline-block;
    border-bottom: 3px solid #ccc;
    width: 5px;
    vertical-align: middle;
    line-height: normal;
}

.wf-line-deactive {
    display: inline-block;
    border-bottom: 3px solid #eee;
    width: 5px;
    vertical-align: middle;
    line-height: normal;
}

.wf-line-active {
    display: inline-block;
    border-bottom: 3px solid #ff5a00;
    width: 5px;
    vertical-align: middle;
    line-height: normal;
}

.workflow-tooltip {
    text-align: right;
}

    .workflow-tooltip .panel {
        border: 1px solid #aaa;
        border-radius: 32px;
        padding: 12px;
        background-color: #fff;
        display: inline-block;
        border-bottom: 2px solid #636363;
        position: absolute;
        z-index: 99999999;
        box-sizing: border-box;
        box-shadow: 0 1px 8px rgba(0,0,0,0.1);
        right: 15px;
        top: 113px;
        display: none;
    }

        .workflow-tooltip .panel span {
            display: inline-block;
            font-size: 12px;
            color: #777;
            vertical-align: middle;
        }

    .workflow-tooltip:hover .panel {
        display: block;
    }

    .workflow-tooltip .panel i {
        position: absolute;
        top: 100%;
        right: 36%;
        margin-left: -15px;
        width: 30px;
        height: 15px;
        overflow: hidden;
    }

        .workflow-tooltip .panel i::after {
            content: '';
            position: absolute;
            width: 15px;
            height: 15px;
            left: 50%;
            transform: translate(-50%,-50%) rotate(45deg);
            background-color: #636363;
            box-shadow: 0 1px 8px rgba(0,0,0,0.1);
        }

.workflow-arrow {
    margin: 0 5px;
}

.workflowbutton-orange {
    box-shadow: 0 3px 13px -5px #ff5a00;
    background-color: #ff5a00;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 14px;
    text-decoration: none;
    text-shadow: 0px 0px 0px #025290;
    border: 1px solid #ff5a00;
    transition: all 0.2s linear;
}

    .workflowbutton-orange:hover {
        color: #ff5a00;
        background-color: #fff;
        border: 1px solid #ff5a00;
    }

    .workflowbutton-orange:active {
        position: relative;
        top: 1px;
    }

    .workflowbutton-orange:disabled {
        opacity: 0.4;
        cursor: not-allowed;
        background-color: #ff5a00;
        color: #ffffff;
        border: 1px solid #ff5a00;
    }

.workflowbutton-blue {
    box-shadow: 0px 3px 13px -5px #3070b0;
    background-color: #3070b0;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 14px;
    text-decoration: none;
    border: 1px solid #3070b0;
    transition: all 0.2s linear;
}

    .workflowbutton-blue:hover {
        background-color: #ffffff;
        color: #3070b0;
        border: 1px solid #3070b0;
    }

    .workflowbutton-blue:active {
        position: relative;
        top: 1px;
    }

    .workflowbutton-blue:disabled {
        opacity: 0.4;
        cursor: not-allowed;
        background-color: #3070b0;
        color: #ffffff;
        border: 1px solid #3070b0;
    }

.workflowbutton-grey {
    box-shadow: 0px 3px 13px -5px #777;
    background-color: #777;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 14px;
    text-decoration: none;
    border: 1px solid #777;
    transition: all 0.2s linear;
}

    .workflowbutton-grey:hover {
        border: 1px solid #777;
        color: #777;
        background: #fff
    }

    .workflowbutton-grey:active {
        position: relative;
        top: 1px;
    }

    .workflowbutton-grey:disabled {
        opacity: 0.4;
        cursor: not-allowed;
        background-color: #777;
        color: #ffffff;
        border: 1px solid #777;
    }

.nowrap {
    white-space: nowrap;
}

.legend-border-blue {
    color: #3070b0;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #3070b0;
}

#lblUploadedDocName ul {
    text-align: left;
    margin-left: 15px;
}

    #lblUploadedDocName ul li {
        list-style-type: disc !important;
    }

/*Projects Classes*/
.location-popup {
    float: left;
    width: 100%;
}

    .location-popup .left-panel {
        padding: 5px;
        font-weight: bold;
        border: 1px dotted #ccc;
        border-bottom: none;
        color: #3070b0;
        background-color: #ebf4fa;
        display: block;
    }

    .location-popup span#dvProjectLocation {
        display: block;
    }

        .location-popup span#dvProjectLocation ul.fancytree-container {
            border: 1px dotted #ccc !important;
        }

    .location-popup .right-panel {
        padding: 5px;
        font-weight: bold;
        border: 1px dotted #ccc;
        border-bottom: none;
        color: #3070b0;
        background-color: #ebf4fa;
        display: block;
    }

    .location-popup span#dvProjectSelectedLocations {
        border: 1px dotted #ccc;
        display: block;
    }

        .location-popup span#dvProjectSelectedLocations ul.fancytree-container {
            border: none !important;
        }

.legend-grid {
    text-align: right;
    display: inline-block;
    font-size: 10px;
    color: #3c3c3c;
}

.legend-red {
    background-color: #ff2321;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    float: left;
    margin-right: 5px;
}

.legend-green {
    background-color: #44dc4a;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    float: left;
    margin-right: 5px;
}

.legend-green-1 {
    background-color: #c9c300;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    float: left;
    margin-right: 5px;
}

.legend-grey {
    background-color: #aaa;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    float: left;
    margin-right: 5px;
}
.legend-grey-1 {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}
.legend-warn {
    background-color: #ff9800;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    float: left;
    margin-right: 5px;
}

/*People Targeted Classes*/
.people-targeted-hd-panel {
    display: block;
    background-color: #ecf7ff;
    margin-top: 5px;
    border: 2px solid #bedbf1;
    padding: 8px;
}

    .people-targeted-hd-panel h3 {
        font-size: 11px;
        font-weight: bold;
        margin: 0;
    }

    .people-targeted-hd-panel p {
        font-size: 11px;
        padding-top: 4px;
        color: #555;
        margin: 0;
        height: auto;
    }

.people-targeted-title {
    display: block;
    margin-bottom: 5px;
    color: #ff5a00;
}

.people-targeted-tblrow-bg {
    background-color: #f3faff !important;
}

.people-targeted-tblrow-brdr {
    background-image: url('../images/dgrey_bg.png');
    background-repeat: repeat-y
}

.people-targeted-title span {
    list-style: square;
    display: list-item;
    list-style-position: inside;
    margin-left: 5px;
}


/* Affected Persons */
.affected-persons, .locations-panel {display: block;}
.title h1 {display: block; color: #333; font-weight: bold; font-size: 15px; padding: 7px; border-bottom: 2px solid #3070b0;}
.affected-persons h3, .locations-panel h3 {display: block; color: #555; font-weight: normal; font-size: 13px; padding: 5px 7px; border-bottom: 1px solid #bbb;}
.affected-persons input {border: 1px solid #ddd !important; padding: 7px 3px !important; box-sizing: border-box; width: 100% !important; text-align: center; font-size: 11px; line-height: 14px; color: #3c3c3c; border-radius: 3px; font-family: 'Roboto', sans-serif; background: #fff !important; transition: all .5s ease;}
.locations-panel input {border: 1px solid #ddd !important; padding: 7px 8px !important; box-sizing: border-box; width: 100% !important; text-align: center; font-size: 12px; color: #3c3c3c; border-radius: 3px; font-family: 'Roboto', sans-serif; background: #fff !important; transition: all .5s ease;}
.affected-persons textarea, .locations-panel textarea {padding: 7px 8px !important; box-sizing: border-box; width: 100% !important; font-size: 12px; color: #3c3c3c; background-color: #f3f2f2 !important; border-radius: 3px; border: none; min-width: inherit !important; transition: all .5s ease;}
.affected-persons .guidelines {padding: 10px; background: #f3f3f3; margin: 0 10px;}
.affected-persons .guidelines p {display: block; color: #555; font-weight: normal; font-size: 11px; margin: 0; height: auto;}
.affected-persons .guidelines h1 {display: block; color: #555; font-weight: bold; font-size: 12px; margin-bottom: 7px;}
.affected-persons-title {margin-bottom: 5px; color: #ff5a00; list-style: square; display: list-item; list-style-position: inside; margin-left: 5px;}

.tbl-0 {border-collapse: collapse; font-family: 'Roboto', sans-serif; width: 100%;}
.tbl-0 tr {border: none !important;}
.tbl-0 tr td {padding: 0; background-color: transparent; vertical-align: middle; border: none !important;}
.tbl-0 tr td .title {font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: bold; line-height: 16px; color: #3070b0;}
.tbl-0 tr td .title-1 {font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: bold; line-height: 16px; color: #333; text-align: center;}
.tbl-0 tr td input {border: 1px solid #ddd !important; padding: 7px 5px !important; box-sizing: border-box; width: 100%; text-align: center; font-size: 13px; color: #3c3c3c; border-radius: 3px; font-family: 'Roboto', sans-serif; background: #fff !important;}
.tbl-0 tr td .reset-btn {background-color: #3070b0; padding: 8px; vertical-align: middle; line-height: normal; display: inline-block; border-radius: 3px;}
.tbl-0 tr td img {width: auto !important;}

.cluster-type {min-height: 47px;vertical-align: middle; position: relative; margin-bottom: 5px;}
.cluster-type .title {line-height: 16px; color: #3070b0; vertical-align: middle; position: absolute; bottom: 0; left: 0;}

.tbl-1 {border-collapse: collapse; font-family: 'Roboto', sans-serif;}
.tbl-1 tr th {display: inline-table; background-color:transparent; min-height: 55px;}
.tbl-1 tr {border: none !important;}
.tbl-1 tr td {border: 1px solid transparent !important; font-family: 'Roboto', sans-serif; font-size: 12px; color: #000; padding: 7px 5px; line-height: 15px; vertical-align: middle;}
.tbl-1 tr td li {font-size: 12px;}
.tbl-1 tr:nth-child(9) td {padding-left: 5px !important;}
.tbl-1 tr:nth-child(9) td li {list-style-type: none;}

.dashed-brdr {border-bottom: 1px dashed #3070b0; width: 100%; display: inline-block;}
.dashed-brdr-padd {padding: 9px 0 !important;}
.dashed-brdr-padd-1 {padding: 5px 0 !important;}
.tbl-2 {border-collapse: collapse; font-family: 'Roboto', sans-serif;}
.tbl-2 tr th {border: 1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 13px; color: #35688f !important; background-color: #bedbf1; padding: 6px 5px; vertical-align: middle; font-weight: normal; border-radius: 3px;}
.tbl-2 tr th span {display: block; font-weight: normal;}
.tbl-2 tr td {border: 1px solid #fff !important; font-family: 'Roboto', sans-serif; font-size: 12px; color: #3c3c3c; padding: 0; position: relative;}
.tbl-2 tr:nth-child(11) td input {background-color: #f3f2f2 !important; border: 1px solid #f3f2f2 !important; font-family: 'Roboto', sans-serif;}
.tbl-2#tableDisabled tr:nth-child(2) td input {background-color: #f3f2f2 !important; border: 1px solid #f3f2f2 !important; font-family: 'Roboto', sans-serif;}
.tbl-2#tableDisabled tr:first-child td input{background-color: #fff !important; border: 1px solid #ddd !important;}
.tbl-2 tr td:last-child input {background-color: #f3f2f2 !important; border: 1px solid #f3f2f2 !important; font-family: 'Roboto', sans-serif;}
.tbl-2 tr:nth-child(7) td input {background-color: #fff !important; border: 1px solid #ddd !important; font-family: 'Roboto', sans-serif;}
.tbl-2#tableDisabled tr:first-child td input:focus, textarea:focus, select:focus {outline: none; border: 1px solid #4285F4 !important; box-shadow: 0 0 10px rgba(66, 133, 244, .5);}
.tbl-2#tableDisabled .tagit .tagit-new input {background: none !important; padding: 0 !important; border: none !important; min-height: inherit; border: none !important;}

.tbl-total-1 {border-collapse: collapse; font-family: 'Roboto', sans-serif;}
.tbl-total-1 tr th {border: 1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 13px; color: #fff !important; background-color: #6f9bc8; padding: 6px 5px; vertical-align: middle; font-weight: normal; border-radius: 3px;}
.tbl-total-1 tr th span {display: block; font-weight: normal;}
.tbl-total-1 tr td {border: 1px solid #fff !important; font-family: 'Roboto', sans-serif; font-size: 12px; color: #3c3c3c; padding: 0;}
.tbl-total-1 tr:nth-child(11) td input {background-color: #f3f2f2 !important; border: 1px solid #f3f2f2 !important; font-family: 'Roboto', sans-serif;}
.tbl-total-1#tableDisabled tr:nth-child(2) td input {background-color: #f3f2f2 !important; border: 1px solid #f3f2f2 !important; font-family: 'Roboto', sans-serif;}
.tbl-total-1#tableDisabled tr:first-child td input{background-color: #fff !important; border: 1px solid #ddd !important;}
.tbl-total-1 tr td:last-child input {background-color: #f3f2f2 !important; border: 1px solid #f3f2f2 !important; font-family: 'Roboto', sans-serif;}
.tbl-total-1 tr:nth-child(7) td input {background-color: #fff !important; border: 1px solid #ddd !important; font-family: 'Roboto', sans-serif;}
.tbl-total-1#tableDisabled tr:first-child td input:focus, textarea:focus, select:focus {outline: none; border: 1px solid #4285F4 !important; box-shadow: 0 0 10px rgba(66, 133, 244, .5);}
.tbl-total-1#tableDisabled .tagit .tagit-new input {background: none !important; padding: 0 !important; border: none !important; min-height: inherit; border: none !important;}

.tbl-3 {border-collapse: collapse; font-family: 'Roboto', sans-serif;}
.tbl-3 tr th {display: inline-table; background-color: #fff; min-height: 120px;}
.tbl-3 tr td {border: 1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 14px; color: #3c3c3c; padding: 5px; line-height: 15px; vertical-align: middle;}

.tbl-3_1{border-collapse: collapse; font-family: 'Roboto', sans-serif;}
.tbl-3_1 tr th{display: inline-table; background-color: #fff; color: #333 !important; vertical-align: bottom; line-height: 43px; font-size: 15px; font-family: 'Roboto', sans-serif; text-align: left;}
.tbl-3_1 tr td{border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 13px; color:#3c3c3c; padding: 5px; line-height: 19px; vertical-align: middle;}

.tbl-4{border-collapse: collapse; font-family: 'Roboto', sans-serif;}
.tbl-4 tr th{border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 13px; color:#35688f !important; background-color: #bedbf1; padding: 6px 5px; vertical-align: middle; font-weight: normal; border-radius: 3px;}
.tbl-4 tr th span{display: block; font-weight: normal; font-family: 'Roboto', sans-serif; font-size: 11px;}
.tbl-4 tr td{border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 12px; color:#3c3c3c; padding: 0;}
.tbl-4 tr:last-child input{background-color: #bedbf1 !important; border:1px solid #bedbf1 !important; font-family: 'Roboto', sans-serif; font-weight: bold;}

.locations-panel .tbl-4{border-collapse: collapse; font-family: 'Roboto', sans-serif;}
.locations-panel .tbl-4 tr th{border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 13px; color:#35688f !important; background-color: #bedbf1; padding: 6px 5px; vertical-align: middle; font-weight: normal; border-radius: 3px;}
.locations-panel .tbl-4 tr th span{display: block; font-weight: normal; font-family: 'Roboto', sans-serif; font-size: 11px;}
.locations-panel .tbl-4 tr td{border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 12px; color:#3c3c3c; padding: 0;}
.locations-panel .tbl-4 tr.total-rows {background-color: #bedbf1 !important; border:1px solid #bedbf1 !important; font-family: 'Roboto', sans-serif; font-weight: bold;}

.tbl-5{border-collapse: collapse; font-family: 'Roboto', sans-serif;}
.tbl-5 tr th{border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 13px; color:#35688f !important; background-color: #fff; padding: 13px 5px; vertical-align: middle; font-weight: normal; border-radius: 4px;}
.tbl-5 tr th span{display: block; font-weight: normal; font-family: 'Roboto', sans-serif; font-size: 11px; color:#333;}
.tbl-5 tr td{border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 12px; color:#3c3c3c; padding: 0;}
.tbl-5 tr td:nth-child(1) input{border: 1px solid #ddd;}
.tbl-5 tr td:nth-child(2) input{border: none !important;}
.tbl-5 tr td:nth-child(2) input:focus{border: none !important; box-shadow: none !important;}
.tbl-5 tr td:nth-child(3) input{border: none !important;}
.tbl-5 tr td:nth-child(3) input:focus{border: none !important; box-shadow: none !important;}
.tbl-5 tr td input{border-color: #fff;}
.tbl-5 tr td .total-col{background-color: #bedbf1 !important; border:1px solid #bedbf1 !important; font-family: 'Roboto', sans-serif; font-weight: bold; border-radius: 3px;}

.tbl-6 {border-collapse: collapse; font-family: 'Roboto', sans-serif;}
.tbl-6 tr th{border:1px solid #fff; font-size: 13px; color:#35688f !important; background-color: #bedbf1; padding: 6px 5px; vertical-align: middle; font-weight: normal; border-radius: 3px;}
.tbl-6 tr th span{display: block; font-weight: normal; font-size: 11px;}
.tbl-6 tr td{border:1px solid #fff; font-size: 12px; color:#3c3c3c; padding: 0;}
.tbl-6 tr td input {background: #fff; border: 1px solid #ddd !important; padding: 7px 2px !important; box-sizing: border-box; width: 100% !important; text-align: center; font-size: 12px; color: #3c3c3c; border-radius: 3px; font-family: 'Roboto', sans-serif;}
.tbl-6 tr:last-child input{background-color: #bedbf1 !important; border:1px solid #bedbf1 !important; font-weight: bold;}
.tbl-6 tr:last-child span{background-color: #f3f2f2 !important; border: 1px solid #ddd !important; padding: 7px 2px !important;box-sizing: border-box;text-align: center;border-radius: 3px; display:block; font-size: 12px;}
.tbl-6 tr td:last-child span{font-size:12px;background-color: #f3f2f2 !important; border: 1px solid #ddd !important; padding: 7px 2px !important;box-sizing: border-box;text-align: center;border-radius: 3px; display:block;}

.tbl-freeze-col{border-collapse: collapse; font-family: 'Roboto', sans-serif;}
.tbl-freeze-col tr th{display: inline-table; background-color: #fff; min-height: 195px;}
.tbl-freeze-col tr td{border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 12px; color:#777; padding: 7px 5px; line-height: 15px; vertical-align: middle;}

.error-field {background: #fda8a8 !important;}

.tbl-disabled tr td input {background-color: #f3f2f2 !important; font-family: 'Roboto', sans-serif; font-size: 12px; border: 1px solid #f3f2f2; color: #3c3c3c;}
.tbl-total tr th {padding: 13px;}
.sub-heading-1 {font-size: 15px !important; color: #333 !important; font-weight: bold; background-color: #bedbf1; padding: 7px;}
.question-hd {font-size: 11px; color: #3070b0; font-weight: bold; border-bottom: 1px dotted #3070b0; display: block; padding-bottom: 3px; margin-bottom: 5px;}
.question-ul ul{margin-top: 10px; display: block;}
.question-ul li {list-style-type: disc; font-size: 11px; margin-left: 15px; padding-bottom: 5px;}
.grey-hd {background-color: #aaa !important;}
.grey-hd span {color: #fff !important;}
.disabled-input {background-color: #f3f2f2 !important;}
.owl-item {width: 16% !important;}
.owl-theme .owl-nav {position: absolute; right: -10px; top: 0; height: 100%; background-color: #fff; margin-top: 0 !important;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {background-color: #3e84b5 !important; border-radius: 50%; color: #fff !important; vertical-align: middle; display: block; padding: 0px 12px !important; min-height: 31px;}
.owl-prev span, .owl-next span {font-size: 26px; margin-top: -5px; display: inline-block;}
.owl-prev {margin-top: 300% !important; margin-bottom: 10px !important;}
.owl-theme .owl-dots {margin-top: 20px;}
.owl-theme .owl-dots .owl-dot span {background: #bedbf1 !important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #3070b0 !important;}
.owl-carousel {z-index: 0 !important;}
.bg-readonly {background: url("bg_readonly.png") repeat 0 0;}
.info-icon {font-size: 16px !important; color: #3072b3; vertical-align: middle; cursor: default;}
.male-female-panel {padding: 7px 8px !important; background-color: #e1ecf5;}
input:focus, textarea:focus, select:focus {outline: none; border: 1px solid #4285F4 !important; box-shadow: 0 0 10px rgba(66, 133, 244, .5);}
.tbl-2#tableDisabled .tagit .tagit-new input:focus {box-shadow: none !important; border: none !important; text-align:left;}
.tbl-2#tableDisabled .ui-widget-content {border: 1px solid #ddd !important; border-radius: 3px !important;}
.tbl-2#tableDisabled ul.tagit {height: 24px; overflow: auto;}
.tbl-2#tableDisabled ul.tagit li.tagit-new {min-height: 14px; width: 65px !important;}
.tbl-2#tableDisabled ul.tagit::-webkit-scrollbar {width: 6px; height:6px; background-color: #F5F5F5; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);}
.tbl-2#tableDisabled ul.tagit::-webkit-scrollbar-thumb {background-color: #c3c3c3; border-radius: 10px;}
.legend-box {background-color: #fff; padding: 5px 10px; border-radius: 3px; border: 1px solid #bbb; color: #e17009;}

.tbl-2-1#tableDisabled .tagit .tagit-new input {background: none !important; padding: 0 !important; border: none !important; min-height: inherit; border: none !important;}
.tbl-2-1#tableDisabled .tagit .tagit-new input:focus {box-shadow: none !important; border: none !important; text-align:left;}
.tbl-2-1#tableDisabled .ui-widget-content {border: 1px solid #ddd !important; border-radius: 3px !important;}
.tbl-2-1#tableDisabled ul.tagit {height: 24px; overflow: auto;}
.tbl-2-1#tableDisabled ul.tagit li.tagit-new {min-height: 14px; width: 65px !important;}
.tbl-2-1#tableDisabled ul.tagit::-webkit-scrollbar {width: 6px; height:6px; background-color: #F5F5F5; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);}
.tbl-2-1#tableDisabled ul.tagit::-webkit-scrollbar-thumb {background-color: #c3c3c3; border-radius: 10px;}

/* Locations Classes */
.locations-btns{display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #ddd;}
.add-locations{background-color: #3070b0; background-image: url('plus-location-icon.png'); background-repeat: no-repeat; background-position: 10px center; text-indent: 25px; border:2px solid #3070b0; padding: 6px 8px; color: #eee; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: normal; font-family: 'Roboto', sans-serif; box-shadow: 0 5px 7px -3px rgba(0,0,0,0.17); -webkit-box-shadow: 0 5px 7px -3px rgba(0,0,0,0.17); -moz-box-shadow: 0 5px 7px -3px rgba(0,0,0,0.17); transition: all 0.2s linear; cursor: pointer;}
.add-locations:hover{background-color: #fff; background-image: url('plus-location-hover-icon.png'); color:#3070b0; border:2px solid #3070b0; padding: 6px 8px;}
.generate-locations{background-color: #fff; background-image: url('generate-data-icon.png'); background-repeat: no-repeat; background-position: 10px center; text-indent: 28px; border:2px solid #3070b0; border-radius: 3px; padding: 6px 8px; color:#3070b0; display: inline-block; font-size: 14px; font-weight: normal; font-family: 'Roboto', sans-serif; vertical-align: middle; line-height: normal; box-shadow: 0 5px 7px -3px rgba(0,0,0,0.17); -webkit-box-shadow: 0 5px 7px -3px rgba(0,0,0,0.17); -moz-box-shadow: 0 5px 7px -3px rgba(0,0,0,0.17); cursor: pointer;}
.generate-locations:hover{background-color: #3070b0; background-image: url('generate-data-hover-icon.png'); border:2px solid #3070b0; padding: 6px 8px; color:#eee; transition: all 0.2s linear;}
.map-locations{background-color: #fff; background-image: url('map-pin-icon.png'); background-repeat: no-repeat; background-position: center center; border:2px solid #3070b0; border-radius: 3px; padding: 14px 16px; display: inline-block; vertical-align: middle; line-height: normal; box-shadow: 0 5px 7px -3px rgba(0,0,0,0.17); -webkit-box-shadow: 0 5px 7px -3px rgba(0,0,0,0.17); -moz-box-shadow: 0 5px 7px -3px rgba(0,0,0,0.17); transition: all 0.2s linear; cursor: pointer;}
.map-locations:hover{background-color: #3070b0; background-image: url('map-pin-hover-icon.png'); border:2px solid #3070b0; padding: 14px 16px;}
.map-locations-1{background-color: #3070b0; padding: 6px 10px; border-radius: 3px; border:1px solid #3070b0; transition: all 0.2s linear; cursor: pointer;}
.map-locations-1 i{font-size: 14px; color: #fff;}
.map-locations-1:hover{background-color: #fff; color:#3070b0; border:1px solid #3070b0;}
.map-locations-1:hover i{color:#3070b0;}
.tree-view{display: block; position: absolute; min-width: 275px; z-index: 10; box-shadow: 0 5px 15px -3px rgb(0 0 0 / 27%);}
.tree-view-panel{background-color: #fff; padding: 15px; border:1px solid #ddd; margin-top: 5px; box-shadow: 0 5px 15px -3px rgb(0 0 0 / 27%);} 
.tree-view-panel h1{font-size: 16px; color:#3070b0; line-height: normal; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.tree-view-panel p{font-size: 11px; color:#333; line-height: normal; height:auto;} 
.tree-view-panel h1 a {font-size: 14px;text-align: right;float: right;color: #bcbcbc;border: 1px solid #cecece;padding: 0px 4px;border-radius: 12px;}

.map-view{display: block; box-shadow: 0 5px 15px -3px rgb(0 0 0 / 27%);}
.map-view-panel{background-color: #fff; margin-top: 5px;}
.map-view-panel h1{background-color: #3070b0; padding: 8px 10px; color:#fff; font-size: 14px; font-weight: bold;}
.map-view-panel .map{display: block; border:1px solid #ccc; box-sizing: border-box;}
.map-view-panel .map img{width:100%; max-width: 100%; height: auto;}

.locations-add{display: block;}
.location {border-bottom: 2px solid #333; padding: 5px 7px; font-size: 14px; color:#333; line-height: normal; font-weight: bold; margin-bottom: 5px;}
.location span {font-size: 14px;}
.location-edit {background-color: #fde79b; border-bottom: 2px solid #333; padding: 5px 7px; font-size: 14px; color:#333; line-height: normal; font-weight: bold; margin-bottom: 5px;}
.btns-panel {display: block; margin-top: 10px; margin-bottom: 30px; margin-left: 270px; overflow: auto;}
.btns-panel .save-btn {border: 1px solid #3072b3 !important; text-decoration: none !important; color: #fff; background-color: #3070b0 !important; background-image: none !important; display: inline-block; padding: 5px 10px; font-size: 13px !important; font-weight: normal; cursor: pointer; border-radius: 3px; margin-right: 7px; border-bottom: 2px solid #1e4d7b !important; transition: all 0.2s linear; float: left; text-align: center; width: 90px !important;}
.btns-panel .save-btn:hover{ background-color: #fff !important; border: 1px solid #3070b0 !important; color: #3070b0; border-bottom: 2px solid #1e4d7b !important;}
.btns-panel .delete-btn {border: 1px solid #f55a5a !important; text-decoration: none !important; color: #fff; background-color: #f55a5a !important; background-image: none !important; display: inline-block; padding: 5px 10px; font-size: 13px; font-weight: normal; cursor: pointer; border-radius: 3px; margin-right: 7px; border-bottom: 2px solid #d34141 !important; transition: all 0.2s linear; float: left; text-align: center; width: 90px !important;}
.btns-panel .delete-btn:hover{background-color: #fff !important; border: 1px solid #f55a5a !important; color: #f55a5a; border-bottom: 2px solid #d34141 !important;}
.btns-panel .cancel-btn {border: 1px solid #999 !important; text-decoration: none !important; color: #555; background-color: #fff !important; background-image: none; display: inline-block; padding: 5px 10px; font-size: 13px !important; font-weight: normal; cursor: pointer; border-radius: 3px; border-bottom: 2px solid #555 !important; margin-left: 0px; transition: all 0.2s linear; float: left; text-align: center; width: 90px !important;}
.btns-panel .cancel-btn:hover {background-color: #777 !important; border: 1px solid #777 !important; color: #fff; border-bottom: 2px solid #555 !important;}

.location-data-panel {border-bottom: 1px solid #3e84b7; padding: 10px 0;}
.location-data-panel .guidelines {color: #000; text-align: left; padding: 10px; background: #f3f3f3; display: block; font-weight: normal; margin: 38px 0 0 0; font-size: 11px;}
.location-data-panel .tbl-1 tr td {border: 1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 12px; color: #777; padding: 7px 5px; line-height: 15px; vertical-align: middle;}

.locations-panel .tbl-0 tr td .automate-btn {background-color: #3070b0; padding:4px 8px; vertical-align: middle; line-height: normal; display: inline-block; border-radius: 3px; font-size: 12px; color: #fff; font-family: 'Roboto', sans-serif; transition: all 0.2s linear;}
.locations-panel .tbl-0 tr td .automate-btn:hover {background-color: #235f9b;}
.locations-panel .tbl-0 tr td .beneficiary {width: 20px !important; margin-top: -3px; margin-bottom: -5px; margin-right: 3px;}
.locations-panel .tbl-3 tr td .beneficiary {width: 20px !important; margin-top: -3px; margin-bottom: -5px; margin-right: 3px;}
.locations-panel .tbl-0 tr td .budget-percntg { font-weight: bold; display: inline-block !important; text-align:right !important; width: 25% !important;}
.locations-panel .tbl-0 tr td .budget-value{color:#3c3c3c;font-size: 13px;border-radius: 3px;padding: 7px 2px !important;float:right; font-weight:bold; display: inline-block !important; text-align: right !important; width: 69% !important;}
.locations-panel .tbl-0 tr td .people-tgt-brkdwn { font-weight: bold; display: inline-block !important; text-align:right !important; width: 25% !important; margin-right: 5px;}
.locations-panel .tbl-0 tr td .people-tgt-brkdwn-value{color:#3c3c3c;font-size: 13px;border-radius: 3px;padding: 7px 2px !important;float:right; font-weight:bold; display: inline-block !important; text-align: right !important; width: 50% !important;}

.locations-panel .tbl-1 tr th{display: inline-table; background-color: #fff; min-height: 124px;}
.locations-panel .tbl-1 tr td{border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 12px; color:#3c3c3c; padding: 7px 5px; line-height: 15px; vertical-align: middle;}

.dashed-brdr{border-bottom:1px dashed #3070b0; width:100%; display: inline-block;}
.dashed-brdr-padd{padding: 9px 0 !important;}
.dashed-brdr-padd-1{padding: 5px 0 !important;}

.locations-panel .tbl-3 tr th{display: inline-table; background-color: #fff; min-height: 140px;}
.locations-panel .tbl-3 tr td{border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 13px; color:#3c3c3c; padding: 5px; line-height: 16px; vertical-align: middle;}

.locations-panel .tbl-4 tr td{border:1px solid #f3f2f2; font-family: 'Roboto', sans-serif; font-size: 12px; color:#3c3c3c; padding: 7px 5px; text-align: center;}
.tbl-4 tr td.tbl-row-sticky {position:sticky; background: #fcfdfd; border-bottom: 1px solid #fff; z-index: 1; left: 0;}
.bg-clr-error-imp {background-color: #F4B8B8!important;}       
input.error-field { -moz-box-shadow: inset 0px 0px 1px 1px #fa5f3c; -webkit-box-shadow: inset 0px 0px 1px 1px #fa5f3c; box-shadow: inset 0px 0px 1px 2px #fa5f3c; color: #e22929!important;}
.error-row {background-color: #ffe0e0;}

.cerf-location .title-panel {border-bottom: 1px solid #3070b0;min-height: 47px;vertical-align: middle; position: relative;}
.cerf-location .title-panel .title {line-height: 16px; color: #3070b0; vertical-align: middle; position: absolute; bottom: 0; left: 0;}
.cerf-location .tbl-5 img.beneficiary {width: 20px; margin-top: -2px; margin-bottom: -5px;}
.cerf-location .tbl-5 .cell-people-value {padding-right:20px!important;padding-top: 7px!important;padding-bottom: 7px!important;}
.cerf-location .tbl-5 .cell-people-total {width:60%;padding-right:20px!important;padding-top: 7px!important;padding-bottom: 7px!important;}
.cerf-location .tbl-5 .padd-7_2{padding: 7px 2px !important;}
.locations-panel .loc-tite {font-size: 18px;color: #3070b0; vertical-align: middle; margin-right: 7px;}

.tbl-disabled tr td input{background-color: #f3f2f2 !important; font-family: 'Roboto', sans-serif; font-size: 12px; border:1px solid #f3f2f2; color:#3c3c3c;}
.tbl-total tr th{padding: 13px;}
.tbl-total tr td input{font-weight: bold;}
.grey-hd{background-color: #aaa !important;}
.grey-hd span{color:#fff !important;}
.orange-hd{background-color: #aaa !important;}
.orange-hd span{color:#fff !important;}
.disabled-input{background-color: #f3f2f2 !important;}

.tbl-edit{border-collapse: collapse; width: 100%;}
.tbl-edit tr:nth-child(2), .tbl-edit tr:nth-child(2) input {background-color: #fde79b !important;} 

#dvTabComment .title02a, .print-comment-title .title02a{font-size: 12px !important;}
.tab-comments {display: block;}
.tab-comments .select-option {background-color: #eee; padding: 5px; margin-top: 10px;}
.tab-comments .select-option .radio {font-size: 11px; font-weight: bold; display: inline-block;}
.tab-comments .select-option .option {font-size: 11px; color: #f00;}
.tab-comments .select-option input {margin-right: 5px;}
.tab-comments .select-option label {font-size: 11px; font-weight: bold; display: inline-block; margin: 0; color: #000;}
.tab-comments hr {height: 2px; margin: 15px 0;}
.tab-comments .tab-details {display: block; border-top: 1px solid #bbb; margin-top: -1px; margin-bottom: 10px; padding-top: 10px;}
.tab-comments .tab-details h3{font-size: 11px; margin: 0 0 0 0; background: #ebf4fa !important; padding: 5px; color: #3070b0; font-weight: normal;}
.tab-comments .tab-details h3 span {color: #999; font-size: 11px;}
.tab-comments .tab-details h3 b {color: #333; font-size: 11px;}
.tab-comments .tab-details p {height: auto; font-size: 11px; color: #555; display: block;}
.tab-comments .tab-details ul {font-size: 11px; color: #555; margin-left: 15px;}
.tab-comments .tab-details ul li {font-size: 11px; color: #555; list-style-type: disc;}
.tab-comments .tab-save-panel {margin: 10px 0 10px 0; border-bottom: 1px dotted #ccc; padding-bottom: 10px;}
.tab-comments .no-border {border-style: none !important; padding-top: 0;}

.sort-panel {display: block; margin: 10px 0 5px 0; text-align: right;}
.sort-panel a {font-family: 'Roboto', sans-serif; font-size: 11px; color: #006699 !important;}
.sort-panel a:hover {color: #00bbf4 !important;}
.sort-panel .divider-line {margin: 0 12px 0 8px; color: #aaa; border-right: 2px solid #ccc;}
.font_14 {font-size: 14px !important;}
.color_grey_1 {color: #aaa;}

.all-comments-1 .sort-panel .divider-line {display: none;}
input[type="submit"].edit-btn{-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;font-family: "Font Awesome 5 Free" !important; font-weight: 900; color: #3072b3; font-size: 14px !important; }
input[type="submit"].edit-btn::before{content: "\f044" !important;}
#menuTabs {
    margin-bottom: 1px;
}
#menuTabs li {margin-right: 5px;}
#menuTabs li a {background: #eee; border-radius: 3px 3px 0 0; border:none; padding: 0.5em !important; color:#777; position: relative; overflow: visible; display: inline-block; font-size: 13px !important; cursor: pointer;}
#menuTabs li a:hover {background: #cbdeef;}
#menuTabs li a.selected {background: #fff; color: #3070b0 !important; border-bottom: 3px solid #3070b0 !important; padding: 0.5em !important; position: relative; overflow: visible; display: inline-block; font-weight: bold; font-size: 13px !important;}

.project-details {overflow: auto; padding: 5px 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #aaa;}
.project-details-1 {overflow: auto; padding: 5px; color: #aaa; background-color: #f5f5f5; display: block;}
table.sector-cluster {width: 100%; border-collapse:collapse;}
table.sector-cluster tr {border-bottom: 1px solid #f0f0f0;}
table.sector-cluster tr th {background-color: #dfedf8; padding: 7px 5px; font-size: 12px; font-weight: bold; color: #35688F;}
table.sector-cluster tr td {padding: 7px 5px; font-size: 11px; color: #000;}

/*Workplan Classes*/
.month-arrow {width: 81%; background-color: #E9F2FB; text-align: center; font-size: 1.5em; line-height: 57px; display: block; font-size: 14px;}
.month-arrow::after {content: ""; border-top: 27px solid transparent; border-bottom: 30px solid transparent; border-left: 43px solid #E9F2FB; position: absolute; left: 24.4%;}
.work_plan .month {background-color: #159e34 !important; color: #fff !important; text-align: center; padding: 10px 5px; font-size: 11px; vertical-align: middle; font-weight: bold; width: 5.83%;}
.work_plan .month a {display: block; padding: 10px 5px; color: #fff; font-weight: bold !important;}
.work_plan .month:hover {background-color: #0e7e27 !important;}
.work_plan .month-more {background-color: #965410 !important; color: #fff !important; font-weight: bold !important; text-align: center; padding: 10px 5px; font-size: 11px;}
.work_plan .month-more:hover {background-color: #7a430b !important;}
.work_plan tr td span p {height: auto;}
.work_plan tr td .cluster-title {display: block; font-size: 11px; font-weight: bold; margin-bottom: 5px; border-bottom: 1px dotted #ccc; padding-bottom: 3px; text-align:left;}
.work_plan tr td .activity-title {font-size: 11px; color: #3070b0; padding-right: 5px; font-weight: normal;}
.work_plan tr td p{height:auto !important;}
.work_plan tr td ul, ol{margin-left: 20px;}
.work_plan tr td ul li{list-style-type: disc !important;}
.work_plan .activity-brdr {border-top: 2px solid #bedbf1 !important; border-right: 1px solid #f0f0f0;}
.work_plan .month-check{text-align: center !important; background-color: #edfff1; padding: 10px 5px; vertical-align:middle;}
.work_plan .month-check-more{text-align: center !important;	background-color: #FAE6D1; padding: 10px 5px;}
.work_plan .year{text-align: center !important;	font-size: 13px; font-weight: bold; color:#3070b0;}
.work_plan .month-more-plus {background-color: #0d6cb6 !important; color: #fff !important; font-weight: bold !important; text-align: center; padding: 10px 5px; font-size: 11px;}
.work_plan tr th {background: #f3f3f3 !important; border: 1px solid #d4e7f6 !important; padding: 7px 5px;}
.tooltip-month {position: relative; text-align: left;}
.tooltip-month .top {min-width: 85px; top: -10px; left: 50%; transform: translate(-50%, -100%); padding: 5px 10px; color: #444444; background-color: #fff; font-weight: bold; font-size: 13px; border-radius: 4px; position: absolute; z-index: 99999999; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: opacity 0.2s; border: 1px solid #35709E;}
.tooltip-month .top p {font-size: 12px; height: auto; margin: 0;}
.tooltip-month .top span {display: block; font-size: 11px; font-weight: normal; margin-top: 2px;}
.tooltip-month:hover .top {visibility: visible; opacity: 1;}
.tooltip-month .top i {position: absolute; top: 100%; left: 50%; margin-left: -12px; width: 24px; height: 12px; overflow: hidden;}
.tooltip-month .top i::after {content: ''; position: absolute; width: 12px; height: 12px; left: 50%; transform: translate(-50%,-50%) rotate(45deg); background-color: #fff; box-shadow: 0 1px 8px rgba(0,0,0,0.5); border: 1px solid #35709E;}
.work_plan .month-check-more1 {
    text-align: center !important;
    background-color: #fff2f2;
    padding: 10px 5px;
}
.demo-icon {
    font-family: "humanitarian-icons-v02";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    margin: 0;
    line-height: 15px;
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
} 

/*Logical Framework CSS Classes*/
.logical-framework {display: block; font-family: 'Roboto', sans-serif;}
.logical-framework .title {overflow: hidden;}
.logical-framework .title .arrow{float:left; padding: 6px;}
.logical-framework .title h1{color: #333; font-weight: bold; font-size: 13px; padding: 7px; border-bottom: 2px solid #3070b0;}
.logical-framework .title .description{background-color: #f8f8f8; border:1px solid #bedbf1; padding: 5px 10px; color:#777; font-size: 12px; font-weight: normal; line-height: 20px; transition: 0.25s ease;}
.logical-framework h3 {display: block; color: #555; font-weight: normal; font-size: 13px; padding: 5px 7px; border-bottom: 1px solid #bbb; margin:0;}
.logical-framework .panel{background-color: #f8f8f8; border:1px solid #bedbf1; padding: 10px;}
.logical-framework .panel select {background-color: #fff !important; border:1px solid #e9e9e9 !important; border-radius:2px; width: 100% !important; font-size: 11px; color: #777; padding: 3px 5px !important;}
.logical-framework .panel input {background-color: #fff !important; border:1px solid #e9e9e9 !important; border-radius:2px; width: 70px !important; font-size: 11px; color: #777; padding: 3px 5px !important;}
.logical-framework .panel textarea {background-color: #fff; border:1px solid #e9e9e9; border-radius:2px; width: 100%; height: auto; font-size: 11px; color: #777; padding: 5px; box-sizing: border-box;}
.logical-framework .panel .brdr-btm{border-bottom: 1px solid #3070b0; display: block}
.logical-framework .panel .bg-readonly{background-color: #ddd !important;}
.logical-framework .panel .btn1{padding: 0 5px; border: 1px solid #9ab8d6; border-radius: 2px; display: inline-block; font-size: 11px; color:#3070b0;}
.logical-framework .panel .add-sector-btn{display: inline-block; background-color: #fff; border:1px solid #66aee5; border-radius: 3px; font-weight: normal; font-size: 11px !important; padding: 0 6px 0 0; color:#35688f; line-height: 12px; cursor: pointer; transition: all 0.2s linear;} 
.logical-framework .panel .add-sector-btn .icon-plus{background-color: #6f9bc8; padding: 5px 7px; margin-right: 6px; vertical-align: middle; display: inline-block; transition: all 0.2s linear;}
.logical-framework .panel .add-sector-btn .icon-plus i {font-size: 12px; color:#fff;}
.logical-framework .panel .add-sector-btn:hover{background-color: #6f9bc8; color:#fff;}
.logical-framework .panel .add-sector-btn:hover span{background-color: #fff; color:#6f9bc8; border-radius: 3px 0 0 3px;}
.logical-framework .panel .add-sector-btn:hover span i{color:#6f9bc8;}
.logical-framework .panel .add-outcome-panel{display: block; margin-top: 20px;}
.logical-framework .panel .add-outcome-panel .add-outcome-btn{display: inline-block; background-color: #fff; border:1px solid #fd8918; border-radius: 3px; font-weight: bold; font-size: 13px !important; padding: 0 7px 0 0; color:#3070b0; cursor: pointer; transition: all 0.2s linear; line-height: 23px;}  
.logical-framework .panel .add-outcome-panel .add-outcome-btn .icon-plus{background-color: #fd8918; padding: 5px 7px; margin-right: 7px;  display: inline-block; transition: all 0.2s linear;}
.logical-framework .panel .add-outcome-panel .add-outcome-btn .icon-plus i {font-size: 14px; color:#fff;}
.logical-framework .panel .add-outcome-panel .add-outcome-btn:hover{background-color: #fd8918; color:#fff;}
.logical-framework .panel .add-outcome-panel .add-outcome-btn:hover span{background-color: #fff; color:#fd8918; border-radius: 3px 0 0 3px;}
.logical-framework .panel .add-outcome-panel .add-outcome-btn:hover span i {color:#fd8918;}

.logical-framework .panel .add-outcome-panel .add-outcome-ind-btn{display: inline-block; background-color: #fff; border:1px solid #6f9bc8; border-radius: 3px; font-weight: normal; font-size: 11px !important; line-height: 12px; padding: 0 6px 0 0; color:#35688f !important; cursor: pointer; transition: all 0.2s linear; text-decoration: none !important; font-family: 'Roboto', sans-serif;}  
.logical-framework .panel .add-outcome-panel .add-outcome-ind-btn .icon-plus{background-color: #6f9bc8; padding: 5px 7px; margin-right: 6px; vertical-align: middle; display: inline-block; transition: all 0.2s linear;}
.logical-framework .panel .add-outcome-panel .add-outcome-ind-btn .icon-plus i {font-size: 12px; color:#fff;}
.logical-framework .panel .add-outcome-panel .add-outcome-ind-btn:hover{background-color: #6f9bc8; color:#fff !important;}
.logical-framework .panel .add-outcome-panel .add-outcome-ind-btn:hover span{background-color: #fff; color:#6f9bc8; border-radius: 3px 0 0 3px;}
.logical-framework .panel .add-outcome-panel .add-outcome-ind-btn:hover span i {color:#6f9bc8;}

.logical-framework .panel .add-outcome-panel .add-output-btn{display: inline-block; background-color: #fff; border:1px solid #3070b0; border-radius: 3px; font-weight: normal; font-size: 10px !important; padding: 0 6px 0 0; color:#35688f; line-height: 12px; cursor: pointer; transition: all 0.2s linear;}  
.logical-framework .panel .add-outcome-panel .add-output-btn .icon-plus{background-color: #3070b0; padding: 5px 7px; margin-right: 6px; vertical-align: middle; display: inline-block; transition: all 0.2s linear;}
.logical-framework .panel .add-outcome-panel .add-output-btn .icon-plus i{font-size: 12px; color:#fff;}
.logical-framework .panel .add-outcome-panel .add-output-btn:hover{background-color: #3070b0; color:#fff;}
.logical-framework .panel .add-outcome-panel .add-output-btn:hover span{background-color: #fff; color:#3070b0; border-radius: 3px 0 0 3px;}
.logical-framework .panel .add-outcome-panel .add-output-btn:hover span i {color:#3070b0;}

.logical-framework .panel .add-outcome-panel .add-indicator-btn{display: inline-block; background-color: #fff; border:1px solid #f7c274; border-radius: 3px; font-weight: normal; font-size: 10px !important; padding: 0 6px 0 0; color:#35688f !important; line-height: 12px; cursor: pointer; transition: all 0.2s linear; text-decoration: none !important;}  
.logical-framework .panel .add-outcome-panel .add-indicator-btn .icon-plus{background-color: #f7c274; padding: 5px 7px; margin-right: 6px; vertical-align: middle; display: inline-block; transition: all 0.2s linear;}
.logical-framework .panel .add-outcome-panel .add-indicator-btn .icon-plus i{font-size: 12px; color:#fff;}
.logical-framework .panel .add-outcome-panel .add-indicator-btn:hover{background-color: #f7c274; color:#fff !important;}
.logical-framework .panel .add-outcome-panel .add-indicator-btn:hover span{background-color: #fff; color:#f7c274; border-radius: 3px 0 0 3px;}
.logical-framework .panel .add-outcome-panel .add-indicator-btn:hover span i {color:#f7c274;}

.logical-framework .panel .add-outcome-panel .add-activity-btn{display: inline-block; background-color: #fff; border:1px solid #99d99e; border-radius: 3px; font-weight: normal; font-size: 10px !important; padding: 0 6px 0 0; color:#35688f !important; line-height: 12px; cursor: pointer; transition: all 0.2s linear; text-decoration: none !important;}  
.logical-framework .panel .add-outcome-panel .add-activity-btn .icon-plus{background-color: #99d99e; padding: 5px 7px; margin-right: 6px; vertical-align: middle; display: inline-block; transition: all 0.2s linear;}
.logical-framework .panel .add-outcome-panel .add-activity-btn .icon-plus i{font-size: 12px; color:#fff;}
.logical-framework .panel .add-outcome-panel .add-activity-btn:hover{background-color: #99d99e; color:#fff !important;}
.logical-framework .panel .add-outcome-panel .add-activity-btn:hover span{background-color: #fff; color:#99d99e; border-radius: 3px 0 0 3px;}
.logical-framework .panel .add-outcome-panel .add-activity-btn:hover span i {color:#99d99e;}

.logical-framework .panel .add-outcome-panel .outcome-tbl-1{border-collapse: collapse; width: 100%; font-family: 'Roboto', sans-serif;}
.logical-framework .panel .add-outcome-panel .outcome-tbl-1 tr th{background-color: #c9e2f6; padding: 10px; font-size: 13px; font-weight: bold; color:#35688f !important; border-right: 1px solid #aecfea; text-align: left; font-family: 'Roboto', sans-serif;}
.logical-framework .panel .add-outcome-panel .outcome-tbl-1 tr th .OutcomeText p {margin: 0; height: auto; font-size: 13px; font-weight: bold;}
.logical-framework .panel .add-outcome-panel .outcome-tbl-1 tr th .OutcomeText p b, .OutcomeText p i, .OutcomeText p u, .OutcomeText p span, .OutcomeText p li{font-size: 13px;}
.logical-framework .panel .add-outcome-panel .outcome-tbl-1 tr th .OutcomeText ul, .outcome-tbl-1 tr th .OutcomeText ol{padding-left: 15px; margin-left:0;}
.logical-framework .panel .add-outcome-panel .outcome-tbl-1 tr th .OutcomeText li{list-style: inherit; font-size: 13px;}
.logical-framework .panel .add-outcome-panel .outcome-tbl-1 tr th .OutcomeText li u{font-size: 13px;}

.logical-framework .panel .add-outcome-panel .outcome-tbl-1 tr th:last-child{border-right:none !important;}
.logical-framework .panel .add-outcome-panel .outcome-tbl-1 tr td{background-color: #fff; padding: 10px; font-size: 11px; font-weight: normal; color:#3c3c3c !important; border: 1px solid #e1eef8; text-align: left; font-family: 'Roboto', sans-serif;}
.logical-framework .panel .add-outcome-panel .outcome-tbl-1 tr td.title1{color:#35688f !important; font-size: 11px !important; font-weight: bold !important;}
.logical-framework .panel .add-outcome-panel .outcome-tbl-1 tr td p{height: auto; margin: 0;}
.logical-framework .panel .add-outcome-panel .outcome-tbl-1 tr td .OtcmIndicatorText p span{font-size: 11px;}
.logical-framework .panel .add-outcome-panel .outcome-tbl-1-1{border-collapse: collapse; margin-top: 10px;}
.logical-framework .panel .add-outcome-panel .outcome-tbl-1-1 tr td{background-color: #fff; padding: 0 5px; font-size: 11px; font-weight: normal; color:#3c3c3c !important; border: none; text-align: left; }
.logical-framework .panel .add-outcome-panel .outcome-tuib {overflow:auto; margin-top:10px;}
.logical-framework .panel .add-outcome-panel .outcome-tuib div {float:left;}

.logical-framework .panel .add-outcome-panel .output-tbl-1{border-collapse: collapse; width: 100%; font-family: 'Roboto', sans-serif;}
.logical-framework .panel .add-outcome-panel .output-tbl-1 tr th{background-color: #e1eef8; padding: 10px; font-size: 11px; font-weight: bold; color:#35688f !important; border-right: 1px solid #aecfea; text-align: left; font-family: 'Roboto', sans-serif;}
.logical-framework .panel .add-outcome-panel .output-tbl-1 tr th.OutputText p {margin: 0 !important; height: auto !important;}
.logical-framework .panel .add-outcome-panel .output-tbl-1 tr th.OutputText p b, .OutputText p i, .OutputText p u, .OutputText p span, .OutputText p li{font-size: 11px;}
.logical-framework .panel .add-outcome-panel .output-tbl-1 tr th.OutputText ul, .output-tbl-1 tr th.OutputText ol {padding-left: 15px; margin-left:0;}
.logical-framework .panel .add-outcome-panel .output-tbl-1 tr th.OutputText li{list-style: inherit; font-size: 11px;}
.logical-framework .panel .add-outcome-panel .output-tbl-1 tr th.OutputText li u {font-size: 11px;}
.logical-framework .panel .add-outcome-panel .output-tbl-1 tr th:last-child{border-right:none !important;}
.logical-framework .panel .add-outcome-panel .output-tbl-1 tr th a {text-decoration: none !important;}

.logical-framework .panel .add-outcome-panel .output-tbl-1 tr td.title{color:#35688f !important; font-size: 10px !important; font-weight: bold !important;}

.logical-framework .panel .add-outcome-panel .output-tbl-2{border-collapse: collapse; width: 100%;}
.logical-framework .panel .add-outcome-panel .output-tbl-2 tr th{background-color: #f4f5f5; padding:5px 10px; font-size: 11px; font-weight: bold; color:#35688f !important; border: 1px solid #e1eef8; text-align: left;}
.logical-framework .panel .add-outcome-panel .output-tbl-2 tr td{background-color: #fff; padding:5px 10px; font-size: 10px; font-weight: normal; color:#3c3c3c !important; border: 1px solid #e1eef8; text-align: left;}
.logical-framework .panel .add-outcome-panel .output-tbl-2 tr td span, .IndicatorText {font-size: 10px;}
.logical-framework .panel .add-outcome-panel .output-tbl-2 tr td p {margin: 0; height: auto; font-family: 'Roboto', sans-serif !important;}
.logical-framework .panel .add-outcome-panel .output-tbl-2-1{border-collapse: collapse;}
.logical-framework .panel .add-outcome-panel .output-tbl-2-1 tr th{background-color: #e1eef8; padding:7px 10px; font-size: 11px; font-weight: bold; color:#3070b0 !important; border: 1px solid #fff; text-align: center; width: 10%;}
.logical-framework .panel .add-outcome-panel .output-tbl-2-1 tr th span{font-weight: normal;}
.logical-framework .panel .add-outcome-panel p {height:auto; margin: 0; font-family: 'Roboto', sans-serif !important;}
.gender-tbl tr th span {font-weight: normal; display:block;}
.logical-framework .panel .add-outcome-panel .output-tbl-2-1 tr td{background-color: #ececec; padding:7px 10px; font-size: 10px; font-weight: normal; color:#3c3c3c !important; border: 1px solid #fff; text-align: center;}

.p-0 p {margin: 0; height: auto;}
.clusterSection {position: relative; margin-bottom: 10px;}
.clusterSection .title {background-color: #FFFFFF; cursor: pointer; transition: 0.2s ease;}
.clusterSection .arrow {color: #563e6e; font-size: 60px; transition: 0.25s ease; opacity: 1; transform: rotate(0deg);}
.clusterSection .title:hover .arrow {opacity: 1;}
.clusterSection .title:hover, .clusterSection .active {background-color: #eee;}
.clusterSection .arrow-animate {transform: rotate(90deg); opacity: 1;}
.clusterSection .panel {background-color: #FFFFFF; overflow: auto; display: none;}
#dialogOutcome .sceditor-container {margin-bottom:5px;}
#dialogOutput .sceditor-container {margin-bottom:5px;}
#dialogActivity .sceditor-container {margin-bottom:5px;}


/* Subgrants Classes */
.subgrants .shared-psc {display: block; padding-top: 10px; margin-top: 10px; border-top: 1px dashed #c1d9eb;}
.subgrants .shared-psc .label {margin-top: 10px; font-size: 12px; padding-top: 10px; vertical-align:middle;}
.subgrants .shared-psc .thousandSeparator {vertical-align:middle;}
.subgrants .shared-psc input {width: 35px; vertical-align:middle; margin: 0 5px; text-align: right;}
.subgrants .shared-psc .txt-area-label {display: block; margin-top: 10px; font-size: 11px; color: #777;}
.subgrants .shared-psc textarea {min-width: 100%;}
.subgrants .sub-activity li {list-style-type: disc; border-top: 1px dotted #aaa; margin-top: 5px; padding-top: 5px;}
.subgrants .sub-activity li:first-child {border-top:none !important;}
.subgrants .sub-activity li b.title {font-size: 11px; font-weight: bold; color: #3070b0; margin: 0px 0px 3px; display:block;}
.subgrants .sub-activity li .sub-title {font-size: 10px; display:block;}
.subgrants .sub-activity li p {height:auto; margin: 3px 0px;}

/* Budget Classes */
.budget-wrapper {}
.budget-wrapper .title {padding: 0 0 7px 0; color: #3070b0; border-bottom: 2px solid #3070b0;}
.budget-wrapper .title .details{font-weight: 300; font-size: 12px; color: #3070b0; display: block; margin-top: 5px; margin-left: 14px;}
.budget-wrapper .title .details a{font-size:12px;}
.budget-wrapper .budget-row {background-color: #fbfce9;}
.budget-wrapper .BudgetRow .icon-padd{padding: 0 8px; width: 15px; float:left;}
.budget-wrapper .unlock-btn {background-color: #3070b0; border-radius: 3px; display: inline-block; color: #fff; font-weight: normal; padding: 5px 10px; text-decoration: none; border: 1px solid #3072b3; font-size: 13px; transition: all 0.2s linear; border-bottom: 2px solid #1e4d7b; cursor:pointer;}
.budget-wrapper .unlock-btn:hover {background-color: #fff; color: #3070b0; border: 1px solid #3072b3; border-bottom: 2px solid #1e4d7b;}
.budget-wrapper .lock-btn {background-color: #aaa; border-radius: 3px; display: inline-block; color: #fff; font-weight: normal; padding: 5px 10px; text-decoration: none; border: 1px solid #aaa; font-size: 13px; transition: all 0.2s linear; border-bottom: 2px solid #777; cursor:pointer;}
.budget-wrapper .lock-btn:hover {background-color: #fff; color: #777; border: 1px solid #aaa; border-bottom: 2px solid #777;}
.budget-wrapper .unlock-btn-grid {background-color: #3070b0; border-radius: 3px; display: inline-block; color: #fff; font-weight: normal; padding: 7px 5px; text-align:center; text-decoration: none; border: 1px solid #3070b0; transition: all 0.2s linear; min-width: 17px; border-bottom: 2px solid #1e4d7b; cursor:pointer;}
.budget-wrapper .unlock-btn-grid:hover {background-color: #fff; color: #3070b0 !important; border: 1px solid #3070b0; border-bottom: 2px solid #1e4d7b;}
.budget-wrapper .lock-btn-grid {background-color: #aaa; border-radius: 3px; display: inline-block; color: #fff; font-weight: normal; padding: 7px 5px; text-align:center; text-decoration: none; border: 1px solid #aaa; transition: all 0.2s linear; min-width: 17px; border-bottom: 2px solid #777; cursor:pointer;}
.budget-wrapper .lock-btn-grid:hover {background-color: #fff; color: #777 !important; border: 1px solid #aaa; border-bottom: 2px solid #777;}
.budget-wrapper .add-row-btn {border: 1px solid #8fbadc; padding: 3px 5px; font-size: 11px; border-radius: 3px; color: #3070b0; transition: all 0.2s linear; cursor: pointer;}
.budget-wrapper .add-row-btn:hover {background-color: #3070b0; color: #fff !important; border: 1px solid #3070b0;}
.budget-wrapper .icon-Partnership {font-size: 20px; color: #3070b0; margin: 5px 0 5px 3px;}
.budget-wrapper .txt-box {height: 40px; min-width: 300px;}
.budget-wrapper .budget-total-row {background-color: #ebf4fa;}
.budget-wrapper .psc-cost {border: 1px solid #d4e7f6;}
.budget-wrapper table.tbl-custom tr th {background: #ebf4fa !important; border: 1px solid #d4e7f6 !important; font-weight: normal !important; padding: 7px 5px; font-size: 12px; font-family: 'Roboto', sans-serif; color: #35688F !important; text-align: left;}
.budget-wrapper table.tbl-custom tr td {padding: 7px 5px; font-size: 11px; font-family: 'Roboto', sans-serif; color: #000; border: 1px solid #f0f0f0 !important;}
.budget-wrapper table.stripped_27 tr th, .budget-wrapper table.stripped_27 tr td {padding: 7px 5px; font-size: 11px !important;}
.budget-wrapper table.stripped_29 tr {border: none;}
.budget-wrapper table.stripped_29 tr th {padding: 7px 5px; font-size: 12px; font-family: 'Roboto', sans-serif;}
.budget-wrapper table.stripped_29 tr td {padding: 7px 5px; font-size: 11px; font-family: 'Roboto', sans-serif; color: #000; border: none;}

/* Agency One GMS Classes */
.agency1-wrapper {display: block;}
.agency1-panel {margin: 12px 0px; border-color: #ccc8e2; border-style: solid; border-width: 0 1px 1px 1px; display: block;}
.agency1-panel .heading-main{background-color: #6f9bc8; color: #ffffff; font-size: 15px; font-weight: bold; padding: 8px 6px;}
.agency1-panel .details-panel {padding: 10px 0; display: flex; align-items: center;}
.agency1-panel .details-panel .left-section {width: 50%; border-right: 1px dotted #aaa; padding: 0 10px;}
.agency1-panel .details-panel .left-section .title {font-size:12px; font-weight:bold; color:#000; border-bottom: 1px dotted #ccc; padding-bottom: 5px;}
.agency1-panel .details-panel .right-section {width: 50%; padding: 0 10px;}
.agency_projects h1 {color: #000000; font-size: 14px; font-weight: bold;}
.agency_projects h1 span {color: #3C3C3C; font-size: 14px; font-weight: bold;}
.agency_projects h1 .txt-normal {font-weight: normal;}
.agency_projects .box_hd {background: none repeat scroll 0 0 #E0E9F4; border: 1px solid #e7e7e7; display: inline-block; width: 99%; padding: 5px; margin: 5px 0 10px 0;}
.agency_projects {display: inline-block; width: 100%}
.agency_projects .main_panel {display: inline-block; width: 100%;}
.agency_projects .left_panel {float: left; width: 49.4%; margin: 0; border: 1px solid #d4e7f6;}
.agency_projects .right_panel {float: right; width: 49.4%; margin: 0; border: 1px solid #d4e7f6;}
.agency_projects h1.create_hd {background: #f27545; font-size: 12px; color: #fff; font-weight: bold; height: 25px; line-height: 24px; border-radius: 2px 2px 0 0; margin: 0; padding: 0 7px;}
.agency_projects h1.proj_hd {background: #0083ab; font-size: 12px; color: #fff; font-weight: bold; height: 25px; line-height: 24px; border-radius: 2px 2px 0 0; margin: 0; padding: 0 7px;}
.agency_projects h2.report_hd {background: #6eb4cd; font-size: 11px; color: #fff; font-weight: bold; height: 25px; line-height: 24px; border-radius: 2px 2px 0 0; margin: 0; padding: 0 7px;}
.agency_projects h2.report_sub_hd {font-size: 11px; color: #f27545; font-weight: bold; height: 22px; line-height: 20px; margin: 0; padding: 0 7px;}
.agency_projects .box_padd {border: 1px solid #ccc; padding: 7px; display: block;}
.agency_projects .box_panel {border: 1px solid #d4e5ea; margin: -1px 0 0 0; border-left: 0px; border-right: 0px;} 
.agency_projects .box_panel .tbl-title {font-weight: bold; color: #000; vertical-align: middle;}
.agency_projects .box_panel #d3chartcontainernewgms {z-index: 0; padding: 10px; padding-top: 0 !important;}
.agency_projects .tab_panel {display: inline-block; margin: 0;}
.agency_projects a.tab {border: none; padding: 0.5em; margin: 0 5px 0 0; background: #eee; font-size: 12px; font-weight: normal; color: #777; text-align: center; border-radius: 3px 3px 0 0; float: left;}
.agency_projects a:hover.tab {border: none; background: #cbdeef;}
.agency_projects a.tab.active {border: none; border-bottom: 3px solid #3070b0; background: #fff; font-weight: bold; color: #3072b3;}
.agency_projects a.tab:first-child {margin-left: 8px;}
.agency_projects .year_panel {padding: 10px; display: inline-block; font-size: 11px; font-weight: bold; color: #3070b0;}
.agency_projects .year_panel span {padding: 2px 5px; margin: 0; display: inline-block; font-size: 11px; font-weight: bold;}
.agency_projects .year_panel span.all_btn {padding: 0px 7px; height: 18px; margin: 0 3px 0 3px; display: inline-block; background: #2c95b5; font-size: 10px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2) inset; border-radius: 2px; font-weight: bold; color: #fff; cursor: pointer;}
.agency_projects .year_panel select {margin: 0 0 0 7px; vertical-align:middle;}
.agency_projects .opac1 {opacity: 0.4;}
.agency_projects .opac1:hover {opacity: 0.9;}
.agency_projects p {margin: 0 !important;}
table.agency_table1 {display: inline-table; width: 100%; margin: 0;}
table.agency_table1 tr th {background: #ffded1; height: 26px; border: 1px solid #ccc; border-top: 1px solid #fff; font-size: 11px; font-weight: bold; color: #333 !important; text-align: left; padding: 0 5px; line-height: 24px;}
table.agency_table1 tr td {background: #fff; border: 1px solid #ccc; font-size: 11px; font-weight: normal; color: #666; text-align: left; padding: 5px;}
table.agency_table2 {display: inline-table; width: 100%; margin: 0;}
table.agency_table2 tr th {background: #b4d4e0; border: 1px solid #d9dee2; font-size: 11px; font-weight: bold; color: #0083ab !important; padding: 0 5px; line-height: 26px;}
table.agency_table2 tr td {background: #fff; border: 1px solid #d9dee2; font-weight: normal; color: #666; padding: 7px 6px; line-height: 14px;}
table.agency_table2 tr td a.fa-search {color:#666;}
table.agency_table2 tr td a.fa-search:hover {color:#666;}
table.agency_table2 tr td a.fa-print {color:#3072b3;}
table.agency_table2 tr td a.fa-print:hover {color:#3072b3;}
table.agency_table2 tr td a.fa-chart-line {color:#f27545;}
table.agency_table2 tr td a.fa-chart-line:hover {color:#f27545;}
table.agency_table2 tr td.due_date_1 {background: #ff5259; color: #fff;}
table.agency_table2 tr td.due_date_2 {background: #ffde77;}
table.agency_table2 tr td a.fa-external-link-alt.color-warning:hover { color: #ff9800; }
table.agency_table2 tr td a.fa-external-link-alt.color_grey-4:hover { color: #999; }

/* Disbursement Classes */
.disbursement-panel {padding: 15px; border: 1px solid #d4e7f6;}
.disbursement-panel .left-section {display: inline-block; width: 47%;}
.disbursement-panel .right-section {display: inline-block; width: 47%;}
.disbursement-panel .title {padding: 5px; border-bottom: 1px dotted #3070b0; font-size: 12px; font-weight: bold;}
.disbursement-panel .divider-col {border-left: 1px solid #eee; display: inline-block; width: 2.5%; height: 245px; margin-left: 2.5%; margin-top: 25px;}
.disbursement-panel table.umoja-grid {width:100%;}
.disbursement-panel table.umoja-grid tr td {padding: 7px 5px; font-size: 11px !important; vertical-align:middle; text-align: left; line-height: 24px;}
.disbursement-panel table.umoja-grid tr td.label {color: #3070b0; font-weight: bold;}
.disbursement-wrapper table.disbursement {width: 100%;}
.disbursement-wrapper table.disbursement tr:nth-child(-n+2) {border-left: 5px solid #3070b0 !important;}
.disbursement-wrapper table.disbursement tr th {background: #ebf4fa !important; border: 1px solid #d4e7f6 !important; font-weight: normal !important; padding: 7px 5px; font-size: 12px; font-family: 'Roboto', sans-serif; color: #35688F !important; text-align: left;}
.disbursement-wrapper table.disbursement tr td {padding: 7px 5px; font-size: 11px; font-family: 'Roboto', sans-serif; color: #000; border: 1px solid #f0f0f0;}
.disbursement-wrapper table.disbursement-internal {width: 100%;}
.disbursement-wrapper table.disbursement-internal tr:nth-child(-n+2) {border-left:none !important;}
.disbursement-wrapper table.disbursement-internal tr th {background-color: #eee !important; color: #777 !important; padding: 5px; font-size: 11px;}
.disbursement-wrapper table.disbursement-internal tr td {padding: 5px; font-size: 11px; font-family: 'Roboto', sans-serif; color: #000; border: 1px solid #f0f0f0;}
.disb-tracking .tracking-title {color: #3070b0; border: none !important; border-bottom: 1px solid #bedbf1 !important; font-size: 12px; padding: 4px 0px; display: block; text-align: center; font-weight: bold;}
table.disb-add-tbl {width: 100%; border-collapse:collapse;}
table.disb-add-tbl tr td {vertical-align:middle;}
.disbursement-wrapper #dvPaymentSchedule, #accordion-1, accordion-2 {margin-bottom: 10px;}
.disbursement-wrapper #accordion-1 .panel .float-r{float: left !important;}
.disbursement-wrapper .arrow {color: #563e6e; font-size: 60px; transition: 0.25s ease; opacity: 1; transform: rotate(0deg);}
.disbursement-wrapper .arrow-animate {transform: rotate(90deg); opacity: 1;}

/* Manage Sub IP Classes */
.sub-ip-wrapper {}
table.popup-field-tbl {width:100%;}
table.popup-field-tbl tr td {padding: 5px !important; font-size: 11px; vertical-align: middle;}
.sub-ip-wrapper table.org-tbl {width:100%;}
table.org-tbl tr td{padding: 7px 5px; font-size: 11px; font-family: 'Roboto', sans-serif; color: #000; border: none;}
table.org-tbl tr td label {color: #3070b0; font-weight: bold; margin: 0 0 5px 0; line-height: 16px; display: block;}
table.org-tbl tr td input[type="text"], table.org-tbl tr td textarea {width: 100% !important;}

.entity-comments .commentTitle01 {
    padding: 10px 10px;
    margin-bottom: 5px;
}

table.stripped_33 {width: 100%; border-collapse: collapse; font-family: 'Roboto', sans-serif;}
table.stripped_33 th {padding: 7px 5px; text-align: left; font-weight: bold; font-size: 12px; background-color: #ebf4fa !important; border-top: 0 !important; min-height: 17px; color: #35688F !important; font-family: 'Roboto', sans-serif; border-collapse: collapse;}
table.stripped_33 tr {border-bottom: 1px solid #d4e7f6;}
table.stripped_33 tr td {white-space:normal;}

.guidance-panel-1 p, a {display: inline-block; height: auto; font-size: 11px; margin: 0;}
.disabled-gridrow {background-color: #f5f5f5;}

.ui-widget-content a {color: #3072b3 !important;}
.ui-widget-content a:hover {color: #00bbf4 !important;}

@font-face {
    font-family: 'humanitarian-icons-v02';
    src: url('fonts/humanitarian-icons-v02.eot');
    src: url('fonts/humanitarian-icons-v02.eot?#iefix') format('embedded-opentype'), url('fonts/humanitarian-icons-v02.woff') format('woff'), url('./font/humanitarian-icons-v02.ttf') format('truetype'), url('fonts/humanitarian-icons-v02.svg#humanitarian-icons-v02') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon-Partnership {
    cursor: pointer;
    font-size: 15px;
    color: #3070b0;
    font-family: "humanitarian-icons-v02";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    margin: 0;
    line-height: 15px;
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
input.edited-field {-moz-box-shadow: inset 0px 0px 1px 1px #ffc107; -webkit-box-shadow: inset 0px 0px 1px 1px #ffc107; box-shadow: inset 0px 0px 1px 1px #ffc107; background-color: #f9e2bf !important;}

/*Create Project*/
.add-cluster-btn {
    font-size: 16px;
    color: #fff;
    padding: 5px 8px;
    background-color: #3070b0;
    border-radius: 3px;
    margin-left: 5px;
}


.lock-btn {
    /*box-shadow: 0 3px 13px -5px #ff5a00;*/
    background-color: #3070b0;
    border-radius: 3px;
    display: inline-block;
    color: #fff !important;
    font-weight: normal;
    padding: 4px 10px;
    text-decoration: none;
    border: 1px solid #3070b0;
    font-size: 13px;
    transition: all 0.2s linear;
    border-bottom: 2px solid #1e4d7b;
}

    .lock-btn:hover {
        background-color: #fff;
        color: #3070b0 !important;
        border: 1px solid #3070b0;
        border-bottom: 2px solid #1e4d7b;
    }

.lock-btn-grid {
    background-color: #3070b0;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    padding: 7px 5px;
    text-decoration: none;
    border: 1px solid #3070b0;
    transition: all 0.2s linear;
    min-width: 17px;
}

    .lock-btn-grid:hover {
        background-color: #fff;
        color: #3070b0 !important;
        border: 1px solid #3070b0;
    }

.unlock-btn-grid {
    background-color: #aaa;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    padding: 7px 5px;
    text-decoration: none;
    border: 1px solid #aaa;
    transition: all 0.2s linear;
    min-width: 17px;
}

    .unlock-btn-grid:hover {
        background-color: #fff;
        color: #777 !important;
        border: 1px solid #aaa;
    }

.add-row-btn {
    border: 1px solid #8fbadc;
    padding: 3px 5px;
    font-size: 11px;
    border-radius: 3px;
    color: #3070b0;
    transition: all 0.2s linear;
}

    .add-row-btn:hover {
        background-color: #3070b0;
        color: #fff !important;
        border: 1px solid #3070b0;
    }

.excel-icon-btn {
    float: right;
    font-size: 11px;
    border: 1px solid #ccc;
    padding: 5px 7px;
    border-radius: 3px;
    color: #3070b0;
    transition: all 0.2s linear;
}

    .excel-icon-btn:hover {
        border: 1px solid #3070b0;
        background-color: #3070b0;
        color: #fff;
    }
.excel-icon-btn:hover i {color: #fff;}

.disabled-grid {
    background-color: #f5f5f5;
}

    .disabled-grid td {
        color: #aaa !important;
    }

        .disabled-grid td input {
            color: #aaa !important;
            border: 1px solid #ccc;
            cursor: not-allowed;
        }

        .disabled-grid td textarea { 
            color: #aaa !important;
            border: 1px solid #ccc;
            cursor: default;
        }

        .disabled-grid td i {
            color: #aaa !important;
        }

.search-btn {
    font-size: 14px;
    color: #fff;
    margin-left: 5px;
    padding: 4px 6px;
    border: 1px solid #3070b0;
    background-color: #3070b0;
    border-radius: 3px;
    border-bottom: 2px solid #1e4d7b !important;
    display: inline-block;
}

    .search-btn:hover {
        background-color: #fff;
        border: 1px solid #3070b0;
        color: #3070b0;
    }
.action-button {
    width: 200px;
    white-space: normal;
}

.workflowbutton-red {
    box-shadow: 0px 3px 13px -5px #e23b30;
    background-color: #e23b30;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    padding: 6px 14px;
    text-decoration: none;
    border: 1px solid #e23b30;
    transition: all 0.2s linear;
}

    .workflowbutton-red:hover {
        background-color: #ffffff;
        color: #e23b30;
        border: 1px solid #e23b30;
    }

    .workflowbutton-red:active {
        position: relative;
        top: 1px;
    }

    .workflowbutton-red:disabled {
        opacity: 0.4;
        cursor: not-allowed;
        background-color: #e23b30;
        color: #ffffff;
        border: 1px solid #e23b30;
    }

.workflowbutton-green {
    box-shadow: 0px 3px 13px -5px #3d9b35;
    background-color: #3d9b35;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    padding: 6px 14px;
    text-decoration: none;
    border: 1px solid #3d9b35;
    transition: all 0.2s linear;
}

.workflowbutton-green:hover {
    background-color: #ffffff;
    color: #3d9b35;
    border: 1px solid #3d9b35;
}

.workflowbutton-green:active {
    position: relative;
    top: 1px;
}

.workflowbutton-green:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background-color: #3d9b35;
    color: #ffffff;
    border: 1px solid #3d9b35;
}

.workflowbutton-purple {
    box-shadow: 0px 3px 13px -5px #930093;
    background-color: #930093;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    padding: 6px 14px;
    text-decoration: none;
    border: 1px solid #930093;
    transition: all 0.2s linear;
}

.workflowbutton-purple:hover {
    background-color: #ffffff;
    color: #930093;
    border: 1px solid #930093;
}

.workflowbutton-purple:active {
    position: relative;
    top: 1px;
}

.workflowbutton-purple:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background-color: #930093;
    color: #ffffff;
    border: 1px solid #930093;
}
.task-action-data {margin: 12px 0px 25px 0px;padding: 15px;border: 1px solid #bbb;background: #fff;}
hr.grey-line {margin: 15px 0px;height: 2px;background-color: #eee;}
.task-action-data .box_hd {margin-bottom: 15px;padding: 5px;width: 100%;font-size: 14px;font-weight: bold;color: #000000;border-bottom: 2px solid #ccc;background-color: #eee;}
.task-action-data .main_panel {margin-bottom: 15px;display: inline-block;width: 100%;}
.task-action-data .main_panel .panels {margin-bottom: 15px;margin: 0 1%;width: 31%;display: inline-block;}
.task-action-data .main_panel .panels p {height: auto;}
.task-action-data .table-scroll::-webkit-scrollbar {width: 5px;}
.task-action-data .table-scroll::-webkit-scrollbar-track {background-color: #e0e0e0;}
.task-action-data .table-scroll::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #bbb;}
.task-action-data .table-scroll::-webkit-scrollbar-thumb:hover {background-color: #aaa;}
.task-action-data .table-scroll {margin-bottom: 15px;position: relative;width: 100%;z-index: 1;overflow-y: auto;height: 80px;border: 1px solid #cfe9fa;border-width: 0px 1px 0px 0px;}
.task-action-data .table-scroll table {width: 100%;margin: auto;border-collapse: separate;border-spacing: 0;}
.task-action-data .table-wrap {position: relative;}
.task-action-data .table-scroll th, .task-action-data .table-scroll td {padding: 5px 10px;border: 1px solid #cfe9fa;background: #fff;vertical-align: top;}
.task-action-data .table-scroll thead th {background: #ebf4fb;color: #356990 !important;position: -webkit-sticky;position: sticky;top: 0;text-align: left;}
/* safari and ios need the tfoot itself to be position:sticky also */
.task-action-data .table-scroll tfoot, .task-action-data .table-scroll tfoot th, .task-action-data .table-scroll tfoot td {position: -webkit-sticky;position: sticky;bottom: 0;background: #666;color: #fff;z-index: 4;}
.task-action-data th:first-child {position: -webkit-sticky;position: sticky;left: 0;z-index: 2;background: #ccc;}
.task-action-data thead th:first-child, .task-action-data tfoot th:first-child {z-index: 5;}
.task-action-data .completed {color: #1a9200 !important;font-weight: bold;}
.task-action-data .cancelled {color: #fe2423 !important;font-weight: bold;}
.task-action-data .clearfix {overflow: auto;}
.task-action-data .clearfix::after {content: "";clear: both;display: table;}
.task-action-data #more {display: none;}
.action-button {width: auto;}

.faqs_btn {
    margin: 0 10px 0 0;
    padding: 0 10px 0 20px !important;
    font-size: 12px !important;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    border-right: 1px solid #fff;
    background: url("../images/icon_faqs.svg") 0px center no-repeat !important;
}
.header-form-label {
    margin-right: 10px;
    font-size: 12px;
    line-height: 22px;
}
.cbpf-top-banner {border-top: 5px solid #f37261;}
.cerf-top-banner {border-top: 5px solid #fbd45c;}
.cbpf-top-banner-landing {width: 50%;line-height: 5px;background-color: #f37261;display: inline-block;}

.cerf-top-banner-landing {width: 50%; line-height: 5px; background-color: #fbd45c; float: left; display: inline-block}

/*Project Status*/
.project-status-panel {position:fixed; left:0; top:265px; background: #838383;  border-radius: 0 5px 5px 0; z-index: 100; box-shadow: 6px 6px 16px 2px rgba(0,0,0,0.24); -webkit-box-shadow: 6px 6px 16px 2px rgba(0,0,0,0.24); -moz-box-shadow: 6px 6px 16px 2px rgba(0,0,0,0.24); width: 19px;}
.project-status-panel .panel-name {font-size: 12px; text-transform: uppercase; color:#fff; padding: 10px 4px 10px 1px; writing-mode: vertical-lr; text-orientation: upright; text-align: center; font-weight: 600;}
.project-status-panel.readonly{background: #838383; top:256px;}
.project-status-panel.revision{background: #f37261; top:256px;}
.project-status-panel.revision-overwrite{background: #f37261; top:256px;}
.project-status-panel.tablocked{background: #838383; top:256px;}
.project-status-panel.projunderclose{background: #e70000; top:256px;}
.project-status-panel.projclosed{background: #e70000; top:256px;}
.project-status-panel .panel-icon {padding: 15px 3px; border-radius: 0 0 5px 0;}
.project-status-panel.readonly .panel-icon {background:#414141 url("../images/read-only-icon.png") no-repeat center center;} 
.project-status-panel.revision .panel-icon {background:#414141 url("../images/revision-overview-icon.png") no-repeat center center;} 
.project-status-panel.revision-overwrite .panel-icon {background:#414141 url("../images/revision-overview-icon.png") no-repeat center center;} 
.project-status-panel.tablocked .panel-icon {background:#414141 url("../images/tab-locked-icon.png") no-repeat center center;} 
.project-status-panel.projunderclose .panel-icon {background:#414141 url("../images/proj-closed-icon.png") no-repeat center center;} 
.project-status-panel.projclosed .panel-icon {background:#414141 url("../images/proj-closed-icon.png") no-repeat center center;}
input[type="text"].control-readonly {background-color: #f5f5f5 !important; border: 1px #d4d3d3 solid !important; cursor: not-allowed; color: #777;}
.control-readonly {background-color: #f5f5f5 !important; border: 1px #d4d3d3 solid !important; cursor: not-allowed; color: #777;}

/*Contact Management*/
.cont-mangmt {display: block;}
.cont-mangmt .search-title {}
.cont-mangmt .search-title .plus-btn {background-color: #bedbf1; font-size: 13px; padding: 5px; margin-bottom: 5px;}
.cont-mangmt .search-title .plus-btn span {background-color: #fff; padding: 3px 5px; display:inline-block; border-radius: 3px; transition: all 0.2s linear; margin-right: 10px; cursor: pointer;}
.cont-mangmt .search-title .plus-btn span:hover {background-color: #3070b0; color: #fff;}
.cont-mangmt .search-title .minus-btn {background-color: #bedbf1; font-size: 13px; padding: 5px; margin-bottom: 5px;}
.cont-mangmt .search-title .minus-btn span {background-color: #fff; padding: 3px 5px; display:inline-block; border-radius: 3px; transition: all 0.2s linear; margin-right: 10px; cursor: pointer;}
.cont-mangmt .search-title .minus-btn span:hover {background-color: #3070b0; color: #fff;}

table.cont-tbl {width: 100%; border-collapse:collapse;}
table.cont-tbl tr:first-child{background-color: #bedbf1;}
table.cont-tbl tr td:first-child {padding:10px !important;}
table.cont-tbl tr td:first-child span{font-weight:bold; float:left; font-size:15px; line-height: 26px;}
table.cont-tbl tr td:first-child a {float:right;}

/*Interim Report*/
.br-theme-bars-1to10 .br-widget {height: 50px; white-space: nowrap;}
.br-theme-bars-1to10 .br-widget a {width: 10px; height: 10px; float: left; background-color: #F0F0F0; margin: 5px 5px 0 0; border: 1px solid #f0f0f0;}
.br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected {background-color: #edb867;}
.br-theme-bars-1to10 .br-widget .br-current-rating {font-size: 20px; line-height: 2; float: left; padding: 0 20px 0 20px; color: #edb867; font-weight: 400;}
.br-theme-bars-1to10 .br-readonly a {cursor: default;}
.br-theme-bars-1to10 .br-readonly a.br-active, .br-theme-bars-1to10 .br-readonly a.br-selected {background-color: #0CC8E0; border: 1px solid #0CC8E0;}
.br-theme-bars-1to10 .br-readonly .br-current-rating {background-color: #0CC8E0; border: 1px solid #0CC8E0;}
.greenBox {background-color: #10FF00 !important; border: 1px solid #10FF00 !important;}
.orangeBox {background-color: #FF7009 !important; border: 1px solid #FF7009 !important;}
.guidelines {padding: 10px; background: #f3f3f3;}
.guidelines p {display: block; color: #555; font-weight: normal; font-size: 11px; margin: 0; height: auto;}
.interim-report-acrd .panel {background-color: #fff; overflow: auto; display: none;}
.interim-report-acrd .description {background-color: #f8f8f8; color: #777; font-size: 12px; font-weight: normal; padding:5px 7px; transition: 0.25s ease;}
.gen-proj-info-tbl p {height:auto; margin: 0;}
.interim-report-acrd {position: relative; margin-bottom: 10px;}
.interim-report-acrd .title {background-color: #fff; cursor: pointer; transition: 0.2s ease;}
.interim-report-acrd .arrow {color: #563e6e; font-size: 60px; transition: 0.25s ease; opacity: 1; transform: rotate(0deg);}
.interim-report-acrd .title:hover .arrow {opacity: 1;}
.interim-report-acrd .active {background-color: #eee;}
.interim-report-acrd .arrow-animate {transform: rotate(90deg); opacity: 1;}
.interim-report-acrd .panel {background-color: #fff; overflow: auto; display: none; }

/*Revision Request*/
.bgt-rev-config {padding: 10px; margin-top: 10px; background: #ebf4fa; display: block; font-size: 12px; font-weight: bold; color: #3070b0; border-bottom: 2px solid #3070b0;}
.bgt-rev-config-details {padding: 10px; background: #f3f3f3; display: block;}

/*Revision Budget*/
.legend-grid-divider {margin-right: 10px; border-right: 1px solid #ccc; padding: 6px 10px 6px 6px; float:right;}
.sub-total-row tr td {font-weight: bold; color: #000; text-align: right;}
.sub-total-row tr td span{font-size:12px;}
.sub-total-row tr td.yellow-highlight {background-color: #ffda88 !important;}
.greyed-grid {border-bottom: 2px solid #888 !important; background-color: #f5f5f5 !important; font-style: italic;}
.addition-grid {border-bottom: 2px solid #03c92f !important; background-color: #dbfddf !important;}
.error-column {background-color: #ffe7d3 !important; font-weight: bold !important; color: #DF5345 !important;}

/*Revision Logframe*/
.not-imptd {font-size: 11px; color: #f00; margin-top: 10px; font-weight: bold;}
.addition-grid {/*border-bottom: 2px solid #03c92f !important;*/ background-color: #dbfddf  !important;}
.greyed-grid {/*border-bottom: 2px solid #888 !important;*/ background-color: #e0e0e0  !important}
.not-imptd-icon {color: #fff;margin-top: 4px;background-color: #ff5a00; padding: 1px 7px; border: 1px solid #ff5a00; border-radius: 10px;font-size:10px;}

/*Revision People Targeted*/
.affected-persons .tbl-2-1 {border-collapse: collapse; width: 100%;}
.affected-persons .tbl-2-1 tr th {border: 1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 13px; color: #35688f !important; background-color: #bedbf1; padding: 6px 5px; vertical-align: middle; font-weight: normal; border-radius: 3px;}
.affected-persons .tbl-2-1 tr th span {display: block; font-weight: normal;}
.affected-persons .tbl-2-1 tr td {border: 1px solid transparent !important; font-family: 'Roboto', sans-serif; font-size: 12px; color: #3c3c3c; padding: 8px 5px; text-align: center;}
.affected-persons .tbl-2-1 tr:nth-child(10) td input {background-color: #f3f2f2 !important; border: 1px solid #f3f2f2 !important; font-family: 'Roboto', sans-serif;}
.affected-persons .tbl-2-1 tr td:last-child input {background-color: #f3f2f2 !important; border: 1px solid #f3f2f2 !important; font-family: 'Roboto', sans-serif;}
.affected-persons .tbl-2-1 tr:nth-child(7) td input {background-color: #fff !important; border: 1px solid #ddd !important; font-family: 'Roboto', sans-serif;}
.affected-persons .tbl-2-1-total {border-collapse: collapse; width: 100%;}
.affected-persons .tbl-2-1-total tr th {border: 1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 13px; color: #fff !important; background-color: #6f9bc8; padding: 6px 5px; vertical-align: middle; font-weight: normal; border-radius: 3px;}
.affected-persons .tbl-2-1-total tr th span {display: block; font-weight: normal;}
.affected-persons .tbl-2-1-total tr td {border: 1px solid transparent !important; font-family: 'Roboto', sans-serif; font-size: 12px; color: #3c3c3c; padding: 8px 5px; text-align: center;}
.affected-persons .row-green {background-color: #cbfbd1;}
.affected-persons .row-red {background-color: #fbddc3;}

/*Revision Workplan*/
.work_plan .month-non-edit {background-color: #bbb !important; color: #fff !important; font-weight: bold !important; text-align: center; padding: 0; font-size: 11px; width: 5.83%;}
.work_plan .month-check-non-edit {text-align: center !important; background-color: #eee; padding: 10px 5px; vertical-align: middle; width: 5.83%;}
.work_plan .month-extend {background-color: #c9c300 !important; color: #fff !important; font-weight: bold !important; text-align: center; padding: 0; font-size: 11px; vertical-align: middle; width: 5.83%;}
.work_plan .month-check-extend {text-align: center !important; background-color: #efedb0; padding: 10px 5px; vertical-align: middle;}
.logical-framework #accordion-1, accordion-2 {margin-bottom: 10px;}
.logical-framework #accordion-1 .panel .float-r{float: left !important;}
.logical-framework .arrow {color: #563e6e; font-size: 60px; transition: 0.25s ease; opacity: 1; transform: rotate(0deg);}
.logical-framework .arrow-animate {transform: rotate(90deg); opacity: 1;}
.work-plan table.stripped_28 td {vertical-align: middle;}
.work-plan table.stripped_28 td.month-check-non-edit input {width:auto !important;}

/*Revision Overview*/
.table-2 tr.bg-grey td {background-color: #ddd !important;}
.table-1 tr.bg-grey td {background-color: #ddd !important;}
 #tblFundingSource tr.bg-grey td {background-color: #ddd !important;}

/*PNR Logframe*/
 #divOutcomeInd span p {margin: 0; height:auto;}
 #spanIndicatorOutName p, #spanIndicatorTypeName p, #spanIndicatorName p, #spanIndicatorOutName p, #dialogOutcomeIndicator p {margin: 0; height:auto;}
 .popup-btns {margin: 0.5em 0.4em 0.5em 0 !important; padding: 0.4em 1em !important; border: 1px solid #c5dbec !important; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x !important;}

/*PNR Overview*/
.check-align tr td:nth-child(4) {text-align:center; vertical-align:middle;}
.monitoring-panel .monitoring-title {border-bottom: 1px dotted #aaa; display: block; padding-bottom: 7px; margin-bottom: 7px; font-size:12px; font-weight:bold;}
.monitoring-panel .Active {margin-right: 10px; border-right: 1px solid #ccc; padding-right: 10px; color: #ef6500;}
.monitoring-panel .Completed {margin-right: 10px; border-right: 1px solid #ccc; padding-right: 10px; color: #00a67e;}
.monitoring-panel .date {color: #555;}

/*AA Config*/
.trigger-btn {padding: 5px 10px; background-color: #ff5a00; color: #fff; border: 1px solid #ff5a00; display: inline-block; font-size: 12px; margin-top: 10px; text-align: center; border-radius: 3px; transition: all 0.2s linear; cursor:pointer;}
.trigger-btn:hover {background-color: #fff; color: #ff5a00; border: 1px solid #ff5a00;}
a.trigger-btn {color: #fff;}
.add-btn-primary-disbled {cursor: not-allowed; opacity: 0.5; border-radius: 3px; font-size: 13px !important; padding: 0 7px 0 0; color: #3070b0; line-height: 23px; vertical-align: middle; display: inline-block;}
.add-btn-primary-disbled .icon-plus {padding: 5px 7px; margin-right: 7px; display: inline-block; transition: all 0.2s linear;}
.add-btn-primary-disbled .icon-plus i {font-size: 14px; color: #fff;}
.add-btn-primary-disbled:hover{color: #fff;}
.disabled-link {pointer-events: none; background-color: #ddd; cursor: not-allowed;}

/*Modify Cluster*/
.disable-link {pointer-events: none;}
.ErrorTd {background-color: #ffe7d3 !important;}
tr.DeletedTd td {background-color: #e5e5e5 !important;}
tr.addedTd td {background-color: #c9f0c6 !important;}

/*Email log*/
.filter-emaillog {padding:10px; background-color:#f5f5f5; border-bottom:1px solid #ddd;}
table.emaillog {width: 100%; border-collapse: collapse; margin-bottom: 10px;}
table.emaillog tr th {background-color: #ebf4fa !important; border: 1px solid #d4e7f6 !important; padding: 7px; font-size: 12px; vertical-align: top; color: #35688F !important; font-weight: normal !important; text-align: left;}
table.emaillog tr td {border: 1px solid #f0f0f0; padding: 7px; font-size: 11px; vertical-align: top; color: #000; font-weight: normal; text-align: left;}
table.emaillog tr td p {height:auto !important;}
table.emaillog tr.box-hd {background-color: #fff;}
table.emaillog tr.box-hd td {font-size:15px; border-bottom: 1px solid #3070b0 !important; font-weight:bold; color: #35688F;}
.OutboxLog {width: 100%; background-color: #f7e3c0;}

.column {float: left; width: 40%; height: 400px; overflow: auto; border: 1px solid #f6f6f6; box-sizing: border-box;}
.column1 {float: left; width: 60%; overflow: auto; height: 400px; border: 1px solid #f6f6f6; box-sizing: border-box;}
.columnPag {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; padding:0 5px;}
.columnPag .pager-link a.page-active {background-color: #3070b0 !important; color: #fff !important; text-align: center; padding: 6px 3px; border-radius: 50%;}
.columnPag .pager-link a {background-color: #eee; text-align: center; padding: 6px 3px; border-radius: 50%;}
.columnPag a:hover i {color:#3070b0 !important;}
.column-row:after {content: ""; display: table; clear: both;}
.row-active {width: 100%; background-color: #cce3f5;}
.column::-webkit-scrollbar, .column1::-webkit-scrollbar {width: 5px; height: 5px;}
.column::-webkit-scrollbar-track, .column1::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px;}
.column::-webkit-scrollbar-thumb, .column1::-webkit-scrollbar-thumb {-webkit-border-radius: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);}
.column::-webkit-scrollbar-thumb:window-inactive, .column1::-webkit-scrollbar-thumb:window-inactive {background: rgba(255, 255, 255, 0.3);}

/*FNR Header*/
.tooltip-fnr-hd {display: inline-block; position: relative; text-align: left;}
.tooltip-fnr-hd .top {min-width: 425px; top: -10px; left: 50%; transform: translate(-50%, -100%); padding: 10px; color: #444444; background-color: #fff; font-weight: normal; font-size: 13px; border-radius: 4px; position: absolute; z-index: 99999999; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: opacity 0.2s; border: 1px solid #35709E;}
.tooltip-fnr-hd .top p {font-size: 11px; height: auto; margin: 0;}
.tooltip-fnr-hd:hover .top {visibility: visible; opacity: 1;}
.tooltip-fnr-hd .top i {position: absolute; top: 100%; left: 50%; margin-left: -12px; width: 24px; height: 12px; overflow: hidden;}
.tooltip-fnr-hd .top i::after {content: ''; position: absolute; width: 12px; height: 12px; left: 50%; transform: translate(-50%,-50%) rotate(45deg); background-color: #fff; box-shadow: 0 1px 8px rgba(0,0,0,0.5); border: 1px solid #35709E;}

/*FNR People Targeted*/
.affected-persons-fnr, .locations-panel-fnr {display: block;}
.affected-persons-fnr h3, .locations-panel-fnr h3 {display: block; color: #555; font-weight: normal; font-size: 13px; padding: 5px 7px; border-bottom: 1px solid #bbb;}
.affected-persons-fnr input, .locations-panel-fnr input {background: #fff !important; border: 1px solid #00e12e; padding: 7px 2px !important; box-sizing: border-box; width: 100% !important; text-align: center; font-size: 11px !important; color: #3c3c3c; border-radius: 3px; font-family: 'Roboto', sans-serif;}
.affected-persons-fnr textarea, .locations-panel-fnr textarea {padding: 7px 8px !important; box-sizing: border-box; width: 100% !important; font-size: 12px; color: #3c3c3c; background-color: #f3f2f2 !important; border-radius: 3px; border: none; min-width: inherit !important; transition: all .5s ease;}
.affected-persons-fnr .guidelines {padding: 10px; background: #f3f3f3; margin: 0 10px;}
.affected-persons-fnr .guidelines p {display: block; color: #555; font-weight: normal; font-size: 11px; margin: 0; height: auto;}
.affected-persons-fnr .guidelines h1 {display: block; color: #555; font-weight: bold; font-size: 12px; margin-bottom: 7px;}
.affected-persons-fnr .tbl-2-1 {border-collapse: collapse; width: 100%;}
.affected-persons-fnr .tbl-2-1 tr th {border: 1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 13px; color: #35688f !important; background-color: #bedbf1; padding: 6px 5px; vertical-align: middle; font-weight: normal; border-radius: 3px;}
.affected-persons-fnr .tbl-2-1 tr th span {display: block; font-weight: normal;}
.affected-persons-fnr .tbl-2-1 tr td {border: 1px solid transparent !important; font-family: 'Roboto', sans-serif; font-size: 12px; color: #3c3c3c; padding: 8px 5px; text-align: center;}
.affected-persons-fnr .tbl-2-1 tr td:last-child input {background-color: #f3f2f2 !important; border: 1px solid #00e12e; font-family: 'Roboto', sans-serif;}
.affected-persons-fnr .tbl-2-1 tr td.bg-total input {background-color: #c8fbd2!important;}

.affected-persons-fnr .tbl-2-1-total {border-collapse: collapse; width: 100%;}
.affected-persons-fnr .tbl-2-1-total tr th {border: 1px solid #fff; font-family: 'Roboto', sans-serif; font-size: 13px; color: #fff !important; background-color: #6f9bc8; padding: 6px 5px; vertical-align: middle; font-weight: normal; border-radius: 3px;}
.affected-persons-fnr .tbl-2-1-total tr th span {display: block; font-weight: normal;}
.affected-persons-fnr .tbl-2-1-total tr td {border: 1px solid transparent !important; font-family: 'Roboto', sans-serif; font-size: 12px; color: #3c3c3c; padding: 8px 5px; text-align: center;}

.affected-persons-fnr .tbl-1 {border-collapse: collapse; font-family: 'Roboto', sans-serif;}
.affected-persons-fnr .tbl-1 tr th {display: inline-table; background-color:transparent; min-height: 55px;}
.affected-persons-fnr .tbl-1 tr {border: none !important;}
.affected-persons-fnr .tbl-1 tr td {border: 1px solid transparent !important; font-family: 'Roboto', sans-serif; font-size: 12px; color: #000; padding: 7px 5px; line-height: 14px; vertical-align: middle;}
.affected-persons-fnr .tbl-1 tr td li {font-size: 12px;}
.affected-persons-fnr .tbl-1 tr:nth-child(9) td {padding-left: 5px !important;}
.affected-persons-fnr .tbl-1 tr:nth-child(9) td li {list-style-type: none;}


/*FNR Subgrant*/
.interim-link {display: block; margin-top: 4px; padding-top: 4px; border-top:1px dotted #aaa;}

.divInvalid {
    border: 1px solid #ffa6a6;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(252,131,131,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(252,131,131,1);
    box-shadow: 0px 0px 10px 0px rgba(252,131,131,1);
}

.scroll-tbl {overflow:auto;}
.scroll-tbl .grid-tbl {float:left; width: 50%;}
.scroll-tbl .scrollbar {height:200px; border:1px solid #bedbf1; overflow-y:auto;}
.scroll-tbl .table-1 tr th {position: sticky; top: -1px;}

.ui-multiselect-linked {
    background-color: #ffebd9;
    color: #3070b0;
    font-weight: bold;
}
 .legend-linked {background-color: #ffd7b3; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px; padding: 5px;}
input.warning-field{ -moz-box-shadow: inset 0px 0px 1px 1px #ffbf65; -webkit-box-shadow: inset 0px 0px 1px 1px #ffbf65; box-shadow: inset 0px 0px 1px 2px #ffbf65; color: #bd9119!important; }
.warning-row {background-color: #fce8cc;}
.not-linked-row td { background-color: #eee !important; }