/*
    1. General
    
    2. shared page specific

    3A. pg_landing
   3B. pg_meeting 
    3C. pg_mydashboard
    3D. pg_index 

    */

/*.col-md-8 {background-color: #fff !important;}*/
/*.content-main {background-color: #fff !important;}*/

/* styles for gitem links in top menu */
a.lnkItem, a.lnkItem:hover, a.lnkItem:visited {
    color: #00c087;
}

.btn-link {
  color: #00c087;
  font-weight: normal;
  border-radius: 0;
}

.btn-link-wrap {
    white-space: normal !important;
}

a.lnkWrap, a.lnkWrap:hover, a.lnkWrap:active, a.lnkWrap:visited {
  color: #00c087;
  font-weight: normal;
  font-size: 12px;
  border-radius: 0;
}

a.lnkInline, a.lnkInline:hover, a.lnkInline:active, a.lnkInline:visited {
  color: #00c087;
  font-weight: normal;
  font-size: 12px;
  border-radius: 0;
  padding: 0px 6px !important;
}

/*shift ? one pixel further over*/
.badge.badge-info{
    padding: 2px 6px;
}

/*make main nav menus same fonts style as right menu*/

.nav-dropdown-ul li a {
    font-family: 'robotomedium';
    font-size: 12px;
}

/*center align logo*/
/*.navbar-brand {
    float: none;
    font-size: 18px;
    height: 30px;
    line-height: 20px;
    padding-left: 15px;
    
}*/
.navbar-brand img{
    height: 50px;
    margin: 0 0 0 0 !important;
}

.sidebar-nav {
    min-height: 100%;
    }





/* 2A. white backgrounds */
/*
body#pg_landing, 
    #pg_landing .content-main, */
body#pg_mydashboard, 
    #pg_mydashboard .content-main,
body#pg_index, 
    #pg_index .content-main
  {
    background-color: #fff !important;
}

/* 2B. white bottom line in header */

body#pg_meeting .col-md-12-line {
    border-bottom: solid 1px #eee;
}








/* 3A. pg_landing */
#pg_landing .table-tblPadLess > tbody > tr > td {
    padding: 0px !important;
}

/* 3B. pg_meeting */
#pg_meeting .table .badge-info {
    padding: 2px 5px;

}

#pg_meeting #rblShowInGI {
    width: 140px;
    padding: 0px !important;
    border-top: solid 0px #fff !important;
}

#pg_meeting #rblShowInGI td {
    padding: 0px !important;
    vertical-align: top !important;
}

#pg_meeting #rblShowInGI td span input {
    width: 40% !important;
}


/* 2C. pg_mydashboard */

/* 2D. pg_index */

/*#pg_entity .content-main {

    background-color: pink !important;
}*/
#pg_milestone .item-add {
    margin-bottom: 0;
}

#pg_mydashboard .table-tblPadLess > tbody > tr > td {
    padding: 0px !important;
}


.inp50{
    width:50px !important;
}
.inp100{
    width:100px !important;
}
.inp150{
    width:150px !important;
}
.inp200{
    width:200px !important;
}
.inp250{
    width:250px !important;
}
.inp300{
    width:300px !important;
}
.inp350{
    width:350px !important;
}
.inp350Blk {
    width:350px !important;
    color: #000 !important; 
}
.inp50Blk {
    width: 50px !important;
    color: #000 !important;
}
.txtRed{
    font-size:10px !important;
    color:red !important;
    font-weight:normal !important; 
}


.divManageScroll {
    height: 450px;
    width: 90%;
    /*width: 1200px;*/
    /*height: 80%;
    width: 80%;*/
    overflow: auto;
    background-color: lime;
}

textarea.txaWide {
    width: 100%;
}

table.tblEntityManage {
       width: 100%;
}

td.tdEntityManageName {
    width:30%;
    padding-left: 10px;
}

/*td.tdEntityManageCheck {
    width:7%;
    word-wrap: break-word;
}*/

.tblAdminScroll {
    display: block;
}

.tblAdminScroll thead {
   display: block;
    width: 99%;
}
    
.tblAdminScroll tbody {
   overflow: auto;
   height: 400px;
   display: block;
    width: 100%;

}

.tblAdminScroll th {
    font-size: 12px !important;
}

.tblAdminScroll th, .tblAdminScroll td {
        /*width: 7%;*/
        width: 80px !important;
        /*background-color: yellow;*/
        text-align: center;
    }


.tblManageScroll { width: 1300px !important; }


.tblManageScroll {
    display: block;
}

.tblManageScroll thead {
   display: block;
    width: 99%;
}
    
.tblManageScroll tbody {
   overflow: auto;
   height: 500px;
   display: block;
    width: 100%;

}


.tblManageScroll th, .tblManageScroll td {
        text-align: center;
    }

.tblManageScroll th {
    /*background-color: #fcf9d2;*/
    border-bottom: solid 2px #26b786;
    color: #4d585a;
    font-size: 0.70em !important;
    vertical-align: bottom;
    padding: 6px 0 2px 0; 
}

.tblManageScroll td {
    border-bottom: solid 1px #d6faee;
    color: #4d585a;
    font-size: 0.80em !important;
    vertical-align: bottom; 
}

.tblManageScroll .tdEntityManageName {
        width: 300px !important;
        text-align: left !important;
    }

.tblManageScroll .tdEntityBase {
        width: 60px !important;
    }

.tblManageScroll .tdEntityRisk {
        width: 60px !important;
    }

.tblManageScroll .tdEntityTactical {
        width: 60px !important;
    }

.tblManageScroll .tdEntityCascade {
        width: 60px !important;
    }

.tblManageScroll .tdEntityKpi {
        width: 60px !important;
    }


.tblManageScroll .tdEntityKnowledge {
        width: 60px !important;
    }

.tblManageScroll .tdEntityFinancial {
        width: 60px !important;
    }

.tblManageScroll .tdEntityManage {
        width: 60px !important;
    }

.tblManageScroll .tdEntityFull {
        width: 60px !important;
    }

.tblManageScroll .tdEntityDirector {
        width: 60px !important;
    }

.tblManageScroll .tdEntityBoard {
        width: 60px !important;
    }

.tblManageScroll .tdEntityAlternative {
        width: 60px !important;
    }

.tblManageScroll .tdEntityEssential {
        width: 60px !important;
    }

.tblManageScroll .tdEntityEmail {
        width: 60px !important;
    }


.tblManageScroll .tdEntityDocument {
        width: 60px !important;
    }
/*
.tblManageScroll th, .tblManageScroll td {
    background-color: #fff !important;
}
    */


.tblManageScroll .tdEntityManageButton {
        width: 200px !important;
        text-align: center;
    }

.tblManageScroll .tdEntityManageStatus {
        width: 200px !important;
        text-align: left;
    }

.tblManageScroll .tdEntityManageAction {
        width: 200px !important;
        text-align: left;
    }



.tblReportScroll {
    width: 1500px !important;
}


.tblReportScroll {
    display: block;
}

    .tblReportScroll thead {
        display: block;
        width: 99%;
    }

    .tblReportScroll tbody {
        overflow: auto;
        height: 500px;
        display: block;
        width: 100%;
    }


    .tblReportScroll th, .tblReportScroll td {
        text-align: center;
    }

    .tblReportScroll th {
        /*background-color: #fcf9d2;*/
        border-bottom: solid 2px #26b786;
        color: #4d585a;
        font-size: 0.70em !important;
        vertical-align: bottom;
        padding: 6px 0 2px 0;
    }

    .tblReportScroll td {
        border-bottom: solid 1px #d6faee;
        color: #4d585a;
        font-size: 0.80em !important;
        vertical-align: bottom;
    }

    .tblReportScroll .tdGovernanceItem {
        width: 300px !important;
        text-align: left !important;
    }

    .tblReportScroll .tdRiskDescription {
        width: 300px !important;
        text-align: left !important;
    }

    .tblReportScroll .tdControl {
        width: 300px !important;
        text-align: left !important;
    }

    .tblReportScroll .tdEffective {
        width: 100px !important;
    }


    .tblReportScroll .tdNotes {
        width: 400px !important;
        text-align: left !important;
    }

    .tblReportScroll .tdEdit {
        width: 60px !important;
    }

    /*
.tblReportScroll th, .tblReportScroll td {
    background-color: #fff !important;
}
    */


 /*   .tblReportScroll .tdEntityManageButton {
        width: 200px !important;
        text-align: center;
    }

    .tblReportScroll .tdEntityManageStatus {
        width: 200px !important;
        text-align: left;
    }

    .tblReportScroll .tdEntityManageAction {
        width: 200px !important;
        text-align: left;
    }
*/



/* debug */
/*     
  
body#pg_landing {
    background-color: red !important;
}
#pg_landing .content-main .content-container {
    background-color: green !important;
}

#pg_landing .table > tbody > tr > td {
        background-color: yellow !important;
}
body#pg_meeting .col-md-12-line {
    background-color: lightblue;
}

    */ 



.pagination td
{
  
  font-family:Arial, Tahoma, Sans-Serif;
  font-size:12px;
  border:none !important;
  white-space: nowrap;
   color:#000;
}

.pagination span
{
  padding: 6px;
  text-decoration: none;
  white-space: nowrap;
   color:#000;
}

.pagination a, 
.pagination a:visited
{
  text-decoration: underline;
  padding: 6px;
  white-space: nowrap;
  font-size: 12px;
  color: #00c18c;
}
.pagination a:hover, 
.pagination a:active
{
  padding: 6px;
  text-decoration: underline;
  white-space: nowrap;
  font-size: 12px;
  color: #000;
}

/*.divEntry {    background-color: orange !important;} */ 

.divEntry .prior-tr {
    padding: 2px;
    min-height: 20px;
} 
.divEntry .input-sm  {
    padding: 2px;
}

.risk-matrix {
    height: 300px !important;
} 

#pg_meeting_overview #rblSelectItem span {
    font-size: 14px !important;
    font-weight: normal;
    font-family: 'robotolight' !important;
	}

/* when replace old page with new page, remove old style rules*/
#pg_meeting_overview #rblSelectItem span.aspNetDisabled {
font-style: italic;
    color: #aaaaaa;
}

#pg_meeting_overview_combined #rblSelectItem span {
    font-size: 14px !important;
    font-weight: normal;
    font-family: 'robotolight' !important;
}

#pg_meeting_overview_combined #rblSelectItem span.aspNetDisabled {
    font-style: italic;
    color: #aaaaaa;
}

.divRiskExtreme, .divRiskHigh, .divRiskModerate, .divRiskLow, .divRiskVeryLow  {
    padding: 6px;
    width: 100%;
    text-align: center;
}

.divRiskExtreme {
    color: #fff;
    background-color: #990000;
}

.divRiskHigh {
    color: #333;
    background-color: #ff6633;
}

.divRiskModerate {
    color: #333;
    background-color: #ffcc00;
}

.divRiskVeryLow {
    color: #fff;
    background-color: #0000FF;
}

.divRiskLow {
    color: #333;
    background-color: #00CC00;
}


.divVelVerySlow, .divVelSlow, .divVelModerate, .divVelFast, .divVelImmediate  {
    padding: 6px;
    width: 100%;
    text-align: center;
}

.divVelVerySlow {
    color: #333;
    background-color: #00CC00;
}

.divVelSlow {
    color: #333;
    background-color: #ffcc00;
}

.divVelModerate {
    color: #333;
    background-color: #ff6633;
}

.divVelFast {
    color: #fff;
    background-color: #990000;
}



.divVelImmediate {
    color: #fff;
    background-color:#000;
}



.divTolVeryLow, .divTolLow, .divTolModerate, .divTolHigh, .divTolNil {
    padding: 6px;
    width: 100%;
    text-align: center;
}

.divTolVeryLow {
    color: #333;
    background-color: #00CC00; /*Green*/
}

.divTolLow {
    color: #333;
    background-color: #ffcc00;  /*Yellow*/
}

.divTolModerate {
    color: #333;
    background-color: #ff6633; /*Orange*/
}

.divTolHigh {
   color: #fff;
    background-color: #990000; /*Red*/
  /*  color: #333;*/
}

/*Zero*/
.divTolNil {
    color: #fff;
    background-color: #0000ff; /*Blue*/
    /*color: #333;*/
}


.tdRiskFootprintLow
{
    width:75px;height:50px; background-color:#00CC00;text-align:center;color: #fff;
}

.tdRiskFootprintModerate{
width:75px;height:50px; background-color:#ffcc00;text-align:center;color: #fff;
}

.tdRiskFootprintHigh{
    width:75px;height:50px; background-color:#ff6633;text-align:center;color: #fff;
} 

.tdRiskFootprintExtreme{
    width:75px;height:50px; background-color:#990000;text-align:center;color: #fff;
}

.tdRiskFootprintVeryLow{
    width:75px;height:50px; background-color:#0000FF;text-align:center;color: #fff;
}

#tblRiskFootprintWrap {
    width: 1000px;
    /*border: solid 1px blue;*/
}

#tblRiskFootprint {
    width: 90%;
}

#tblRiskFootprint td {
    text-align: center;
    border: solid 1px #fff;
    height: 30px;
}

#tblRiskFootprint .tdCaptionY {
    width: 14%;
    text-align: right;
    padding-right: 5px;
}


.tdRiskFootprintDetailRED, .tdRiskFootprintDetailORANGE, .tdRiskFootprintDetailYELLOW, .tdRiskFootprintDetailGREEN , .tdRiskFootprintDetailBLUE{
    padding: 6px;
    width: 16%;
    text-align: center;
}

.tdRiskFootprintDetailRED {
    color: #fff;
    background-color: #990000;
}

.tdRiskFootprintDetailORANGE {
    color: #333;
    background-color: #ff6633;
}

.tdRiskFootprintDetailYELLOW {
    color: #333;
    background-color: #ffcc00;
}

.tdRiskFootprintDetailGREEN {
    color: #333;
    background-color: #00CC00;
}
.tdRiskFootprintDetailBLUE {
    color: #333;
    background-color: #0000FF;
}


.txtCentre{
    text-align:center !important;
}
.txtCentre150{
    text-align:center !important;
    width:150px;
}

.divMatrix{
    float:left; padding-left:70px
}

.divRiskType a, .divRiskType a:active, .divRiskType a:visited {
    color: #2c37b7;
    text-decoration: underline;
}

#pg_mydashboard .divPrStatusDsp, #pg_mydashboard .divMCommentDsp, #pg_mydashboard .divPerDsp {
    cursor: pointer;
}

.trMajor{
    float:left;
    padding:2px;
}

.tdMinor{
    padding-left:20px !important; 
}

.modal-iframe-main {
    height: 100%;
    margin-top:-70px;
}

.modal-iframe-main select {
    background: url(../img/select-arrow.png) no-repeat #fafafa;
    background-position: right center;
    background-origin: content-box;
}

.divCommentInitiative {
    margin-top: 4px;
    border-top: solid 1px #efefef;
    width:100%;
}

.divCommentInitiative div {
    float: left;
    font-size: 11px;
    color: #7688BB;
}

    .divCommentInitiative .divCommentInitiativeDate {
        padding: 2px 4px 2px 0px;
        width: 14%;
        text-align: right;
    }

    .divCommentInitiative .divCommentInitiativeText {
        padding: 2px 4px;
        width: 67%;
    }

    .divCommentInitiative .divCommentInitiativeAdd {
        padding: 2px 0px 2px 4px;
        width: 14%;
        text-align: right;
    }
        .divCommentInitiative .divCommentInitiativeAdd a, .divCommentInitiative .divCommentInitiativeAdd a:visited, .divCommentInitiative .divCommentInitiativeAdd a:active {
            color: #888888;
        }


.custom-readonly {
    background-color: white !important; 
    cursor: default !important; 
}