/* Minification failed. Returning unminified contents.
(1893,41): run-time error CSS1046: Expect comma, found '0'
(1893,45): run-time error CSS1046: Expect comma, found '/'
(1894,33): run-time error CSS1046: Expect comma, found '0'
(1894,37): run-time error CSS1046: Expect comma, found '/'
 */

body {
    background-color: #f1f1f1;
}

a {
    color: #134BAB;
}

a.black {
   color:  #333333;
}

/* Font formats */

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 38px;
    padding-right: 38px;
}
.body-content-50 {
    padding-left: 50px;
    padding-right: 50px;
}

#page_overlay {
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .00;
    filter: alpha(opacity=00);
}

.sessionTimeout {
    z-index: 15000;
}

.col-left {
    padding-left: 25px;
}
.col-top{
    padding-top: 20px;
}
.col-bottom{
    padding-bottom: 30px;
}

.form-horizontal .form-group{
    margin-bottom:2px;
    margin-top:2px;
}

.pageTitle, .pageTitle-breadcrumb {
    font-size: 36px;
    font-weight: 700;
    /*line-height: 54px;*/
    font-style: normal;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    line-height: 100%;
}
.pageTitle-breadcrumb {
    padding-top: 5px;
}

.sub-header-title {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
}

.pageHeaderPeriod {
    font-style: normal;
    padding-top: 0px;
    padding-left: 0px;
    float: left;
}

.zeroTopPadding {
    padding-top: 0px;
}

.bottomPadding-50 {
    padding-bottom: 50px;
}

.bottomPadding-15 {
    padding-bottom: 15px;
}
.bottomPadding-20 {
    padding-bottom: 20px;
}

.topPadding-20 {
    padding-top: 20px;
}

.sub-header-title-container {
    padding: 10px 30px;
    gap: 10px;
    border-bottom: 1px solid #C5C5C5;
}
#ittHeader div {
    margin-bottom: 2px;
    margin-top: 2px;
}

.form-group .page-header{
    font-size:20px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

input.max-width-400,
select.max-width-400,
textarea.max-width-400 {
    max-width: 400px;
}

input.maxWidth, select.maxWidth, textarea.maxWidth {
    max-width: 95%;
}

lg-select{
     max-width: 400px !important;
}

input:invalid {
    border: 2px solid red;
}

#indicatorGrid .k-grid-content>table>tbody>.k-alt{
    background-color:white;
    color: #000000;
}

#indicatorGrid .k-grid-content-locked>table>tbody>.k-alt{
    background-color:white;
    color: #000000;
}

#indicatorGrid .k-grid-content-locked .k-alt>table>tbody>.k-state-selected  {
  background-color: #C0C0C0;
  color: #000000;
}

#indicatorGrid .k-grid-content .k-alt>table>tbody>.k-state-selected  {
  background-color: #C0C0C0;
  color: #000000;
}
 
#indicatorGrid .k-grid-content-locked>table>tbody>.k-state-selected  {
  background-color: #C0C0C0;
  color: #000000;
}

#indicatorGrid .k-grid-content>table>tbody>.k-state-selected  {
  background-color: #C0C0C0;
  color: #000000;
}

/*CP*/
/*#cpDetail .btn-cp-menuAction:hover {
    background-color: #bcb4b0;
}*/

#cpDetail .btn-cp-menuAction {
    border: 1px solid #78828f;
    border-radius: 2px;
    background-color: transparent;
    color: #2a2e33;
    box-shadow: 0px 2px 4px #666666;
    padding: 3px 6px;
    text-transform: uppercase;
    height: 43px;
    border-radius : 100%
}

#cpGrid .k-grid-content>table>tbody>.k-alt{
    background-color:white;
    color: #000000;
}

#cpDetail .k-state-focused.k-state-selected, #cpDetail .k-state-selected
{
    -webkit-box-shadow:inset 0 0 3px 1px #C0C0C0;
    box-shadow:inset 0 0 3px 1px #C0C0C0;
    color:black;
    background-color:rgb(241, 242, 243);
}

#cpGrid .k-grid-content-locked>table>tbody>.k-alt{
    background-color:white;
    color: #000000;
}

#cpGrid .k-grid-content-locked .k-alt>table>tbody>.k-state-selected  {
  background-color: #C0C0C0;
  color: #000000;
}

#cpGrid .k-grid-content .k-alt>table>tbody>.k-state-selected  {
  background-color: #C0C0C0;
  color: #000000;
}

#cpGrid.k-grid td{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

#cpGrid .k-grid-content-locked>table>tbody>.k-state-selected  {
  background-color: #C0C0C0;
  color: #000000;
}

.k-list>.k-state-focused.k-state-selected{
  background-color: rgb(21, 87, 197);
  color: #000000;
}

#cpGrid .k-item .k-state-selected {
  background-color: #134BAB;
  color: #000000;
}

#cpGrid .k-grid-content>table>tbody>.k-state-selected  {
  background-color: #C0C0C0;
  color: #000000;
}

.popover {
  max-width:100%;
  height:300px;
}

.progress-bar-gray {
    background-color: gray !important;
}

.progress-bar-royalblue {
    background-color: royalblue !important;
}
.progress-bar-blueCard {
    background-color: #3871B6 !important;
}
.progress-bar-greenCard {
    background-color: #30C49B !important;
}
.progress-bar-orangeCard {
    background-color: #FFB239 !important;
}
.progress-bar-grayCard {
    background-color: #78828F !important;
}
.progress-bar-lightBlueCard {
    background-color: #91B6F3 !important;
}
.progress-white {
    background-color: white !important;
}
.progress-bar-margin-btm-5 {
    margin-bottom: 5px;
}

.panel-default > .panel-heading-custom {
    background: #ffffff;  
}

.k-grid td {
    font-size: 13px;
}

.k-grid-header th {
    font-size: 14px;
    font-weight:bold;
}

#indicatorGrid .k-grid-save-changes, #indicatorGrid .k-grid-cancel-changes
{
    background-color: #0D3578;
    color: #FFF;
    padding: 1.2rem 1.2rem;
    border: none;
    background-image: none;
    height: 30px;
    border-radius: 2px;
}

#indicatorGrid .k-grid-save-changes:hover, #indicatorGrid .k-grid-save-changes:focus,
#indicatorGrid .k-grid-cancel-changes:hover, #indicatorGrid .k-grid-cancel-changes:focus 
{
    background-color: #375099;
}

#indicatorGrid .k-grid-toolbar { 
    height: 41px;
    background: #0d3578;
}

#indicatorGrid .k-header {
      height: 35px;
      vertical-align: middle;
}
/*CP*/
#cpGrid .k-grid-save-changes, #cpGrid .k-grid-cancel-changes,  #cpGrid .k-grid-edititems-changes,  #cpGrid .k-grid-download-changes
{
    background-color: #0D3578;
    color: #FFF;
    padding: 1.2rem 1.2rem;
    border: none;
    background-image: none;
    height: 30px;
    border-radius: 2px;
}

#cpGrid .k-grid-edititems-changes:hover, #cpGrid .k-grid-download-changes:focus,
#cpGrid .k-grid-save-changes:hover, #cpGrid .k-grid-save-changes:focus,
#cpGrid .k-grid-cancel-changes:hover, #cpGrid .k-grid-cancel-changes:focus 
{
    background-color: #375099;
}
.retiredRow{
    
    background-color:#C0C0C0;
}
.waivedRow{
    
    background-color:#C0C0C0;
}
.cpHier{
    white-space:nowrap;
}
.cpDesc{
    white-space:nowrap;
}
.cpPGroup{
    white-space:nowrap;
}
#cpGrid .k-grid-toolbar { 
    height: 41px;
    background: #0d3578;
}

#cpGrid .k-icon, .k-tool-icon {
    height:1.5em;
}

#cpGrid .k-header {
      height: 28px;
      vertical-align: middle;
      text-align:center;
}

#cpGrid .k-checkbox-label::before{
    background-color:#fff;
    border-color:#cacaca;
    color:#040405
}

.header-checkbox{
    float:right;
    text-align:center;
}
/*#indicatorGrid .k-grid td {
    white-space: nowrap;
    overflow: hidden;
}*/

#DisaggregationRelationshipGrid .k-header {
      height: 35px;
      vertical-align: middle;
}

#DisaggregationGrid .k-header {
      height: 35px;
      vertical-align: middle;
}
#IndicatorRelationshipTypeGrid .k-header {
      height: 35px;
      vertical-align: middle;
}

#PIFGrid .k-header {
      height: 35px;
      vertical-align: middle;
}

#footer
{ 
	background: #fff;
	position:relative;
    height: 100px;
    width: 100%;
    margin-top: -51px;
}

.headerImg {
    float: left;
    width: 687px;
    height: 72px;
    background-image: url('/ContentOld/midasHeaderImg.jpg');
}

div.header
{
    background-image: url('/ContentOld/bkgHeader.jpg');
    background-repeat: repeat-x;
    height: 72px;
    color:White;
    font-size: 11px;
}

p {
    font-size: 14px;
}

p.centered {
    text-align: center;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    color: #444;
    margin-bottom:0.3em;
}

.modal-header{
     background-color: lightgrey;
}

.close {
    opacity: .75;
}

.countryDiv {
    float: left; 
    margin-top: .8em; 
    margin-left: 200px;
    font-size: 1.2em;    
}

.dropdown:hover .dropdown-menu-MisMenu {
    display: block;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: 0px;
}
/*Main Navigation*/
.navbar-nav-misMenu > li > a, .navbar-brand {
    padding-top: 20px !important;
    padding-bottom: 5px !important;
    height: 40px;
    color: #fff;
    font-size: 14px;
}
nav .glyphicon-menu-down {
    font-size: 10px;
}

.navbar-misMenu {
    min-height: 30px !important;
    border-radius: 0px !important;
    background-color: #00163B;
    margin-bottom: 0px;
}

.navbar-misMenu .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar-misMenu .nav > li.current-menu-item > a,
.navbar-misMenu .nav > li.current-menu-ancestor > a {
    /*font-weight: bold;*/
    background-color: #00163B;
}

.navbar-midas-background {
    background-color: #060606;
    color: #ffffff;
    font-weight: bold;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: 30px;
}

.misHeaderlogo, .misFooterlogo {
    height: 19px;
    width: 70px;
    float: left;
}

.misFooterlogoHorizontal {
    float: right;
    font-size: 12px;
    width: 200px;
}

.logobar-misMenu .profileName a {
    color: #ffffff;
}

.container-fluid-mis {
    padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto;
}

.navbar .navbar-misMenu-itemContainer {
    float: right;
}

.logobar-misMenu .profileName {
    float: right;
    font-size: 12px;
    font-weight: normal;
    padding-top:3px;
    height:20px;
}

.logobar-misMenu .misHeaderlogo, .navbar-misMenu .countryBadge {
    float: left;
}
/*Profile name dropdown*/
.navbar-midas-background .dropdown-menu-MisMenu a {
    background-color: #ffffff;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    display: block;
    color: #333;
}
/*Hide image for dropdown so that new bground color can be displayed*/
/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-image: none !important;
}*/

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #1557C5;
    color: #fff;
}

.dropdown-menu > li > a {
    padding: 3px 20px;
}

.dropdown-toggle:active, .open .dropdown-toggle {
    background: #00163B !important;
    color: #fff !important;
}

.countryBadge {
    padding-top: 2px;
    float: left;
}

.p-home {
    font-size: 13px;
}

  [v-cloak] {
    display: none;
  }

  [v-cloak]::before { 
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('/ContentOld/spinner.gif');
}

.btn {
    height: 43px;
}
.btn.btn-link.black {
  color: #333333;
}
.btn.btn-primary {
    border-radius: 2px;
    background-color: #1557c5;
    color: #ffffff;
    box-shadow: 0px 2px 4px #666666;
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
}

.btn.btn-primary:hover {
    background-color: #4483EB;
}

.btn.btn-secondary {
    border-radius: 2px;
    background-color: #515861;
    color: #ffffff;
    box-shadow: 0px 2px 4px #666666;
    padding: 6px;
    text-transform: uppercase;
}

.btn.btn-secondary:hover {
    background-color: #78828F;
}

.btn.btn-menuAction {
    border: 1px solid #333;
    border-radius: 2px;
    background-color: transparent;
    color: #2a2e33;
    box-shadow: 0px 2px 4px #666666;
    text-transform: uppercase;
    height: 40px;
    align-items: center;
    font-size: 12px;
}

.btn-modal {
    border: 1px solid #78828f;
    border-radius: 2px;
    color: #2a2e33;
    box-shadow: 0px 2px 4px #666666;
    padding: 3px 6px;
    text-transform: uppercase;
    height: 30px;
    background-color: #ffffff;
}

.btn.btn-fileInput {
    border: 1px solid #78828f;
    border-radius: 1px;
    height: 32px;
    color: #FFFFFF;
    background-color: #78828F;
    box-shadow: 0px 2px 4px #666666;
    padding: 3px 15px;
}

.btn.btn-save, .btn-cancel {
    width: 100px;
}

.btn.btn-passwordReset {
    background-color:midnightblue;
    color:white;
    width: 120px;
    height:70px;
    padding:15px;
    float: left;
    background-image: none;
}

.div-width { width: 97%; }


.panel-monthly {
    border-top: 5px solid #3871B6;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    margin-top: 10px;
}
.panel-quarterly {
    border-top: 5px solid #30C49B;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    margin-top: 20px;
}
.panel-procurement {
    border-top: 5px solid #FFB239;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    margin-top: 20px;
}
.panel-meplan {
    border-top: 5px solid #91B6F3;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    margin-top: 20px;
}

.row-monthly {
    border-left: 5px solid #3871B6;
    overflow: hidden;
}

.row-quarterly {
    border-left: 5px solid #30C49B;
    overflow: hidden;
}

.row-procurement {
    border-left: 5px solid #FFB239;
    overflow: hidden;
}

.row-meplan {
    border-left: 5px solid #91B6F3;
    overflow: hidden;
}

.reporting-period{
    text-align: right;
    padding-top: 20px;
}

.progress.active-package-card{
    margin-top: 20px;
    margin-bottom: 5px;
}

.panel-active-package-card{
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
}

.pointer-card { 
    cursor: pointer; 
}

.page-header-custom {
    margin-top: 30px;
    margin-bottom: 40px;
}

.page-header, .no-margin {
    margin-top: 0px;
    margin-bottom: 0px;
}
.backgound-white
{
    background-color:#FFFFFF;
}
/*.reports-mainheader{ 
    font-size: 22px; 
    color: #040405;
    text-decoration: none solid rgb(4, 4, 5);
    padding:10px;
}
.reports-groupheader{    
   padding-left:18px;   
   padding-bottom:10px;
   
}
.reports-groupheader2{
    font-size: 18px;
    color: #000000;
    text-decoration: none solid rgb(0, 0, 0);    
     padding:10px; 
   border-bottom: 2px solid #ededed;
}*/
.reports-groupheaderNone{
    font-size: 18px;
    text-decoration: none;    
    padding:10px;    
}
/*.reports-individual{   
    color: #134bab;   
    text-decoration: none solid rgb(19, 75, 171); 
}*/

.page-mainheader{ 
    font-size: 22px; 
    padding-left:10px;
    padding-bottom:20px;
}

.page-links-groupheader{
    padding-left:18px;
    padding-bottom:10px;
    font-size: 18px;
    padding:10px; 
    border-bottom: 1px solid #ededed;
}

.page-links{   
    padding-top:10px;
    text-decoration: none; 
}

.page-links li{   
    padding-top:10px;
}

.btn-viewmode {
    border-color: rgb(221, 221, 221);
    background-color: white;
    color: rgb(34, 34, 34);
    border-width: 0px;
    border-radius: 3px;
    border-style: solid;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px, rgba(0, 0, 0, 0.25) 0px 2px 4px, rgba(0, 0, 0, 0.25) 0px 2px 4px;
    width: 40px;
    height: 40px;
    font-size:14px;
    padding: 0px;
}

.btn-viewmode.active {
    background-color: rgb(129, 175, 230);
    color: white;
}

.inline-lable-spacer {
    margin-left: 20px;
    margin-right: 5px;
}

.custom-header-bar {
    color: lightgray;
    margin-left: 5px;
    margin-right: 5px;
}
.block {
    display: block;
}
.inline-block {
    display:inline-block;
}
.inline {
    display: inline;
}
/*Begin Package Detail css*/

    .table-status {
        table-layout: fixed !important;
    }

    .table-status td {
        border-top: none !important;
        border-left: none !important;
        overflow: hidden !important;
        padding: 0px !important;
        font-size: 11px;
        word-break: break-word;
    }


    .nav-tabs-status {
        border-bottom: 2px solid #DDD;
    }

        .nav-tabs-status > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            border-width: 0;
        }

        .nav-tabs-status > li > a {
            border: none;
            color: #337ab7;
        }

            .nav-tabs-status > li.active > a, .nav-tabs > li > a:hover {
                border: none;
                color: black !important;
                background: transparent;
                font-weight: 600;
            }

            .nav-tabs-status > li > a::after {
                content: "";
                background: black;
                height: 3px;
                position: absolute;
                width: 100%;
                left: 0px;
                bottom: -1px;
                transition: all 250ms ease 0s;
                transform: scale(0);
            }

        .nav-tabs-status > li.active > a::after, .nav-tabs > li:hover > a::after {
            transform: scale(1);
        }

    .tab-nav-status > li > a::after {
        background: #21527d none repeat scroll 0% 0%;
        color: #fff;
    }

    .tab-pane-status {
        padding: 15px 0;
    }

    .tab-content-status {
        padding: 20px;
    }

    .card {
        background: #FFF none repeat scroll 0% 0%;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
        margin-bottom: 30px;
    }

    .card-recon {
        background: #FFF none repeat scroll 0% 0%;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    }
        
    .card-toolbar {
        background-color: #0d3578;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
        margin-bottom: 30px;
        padding: 3px;
    }

    .card-toolbar-btn {
        border-radius: 2px;
        background-color: #0d3578;
        color: #ffffff;
        padding: 6px;
        text-transform: uppercase;
    }

    .card-toolbar-btn:hover {
        background-color: #375099;
        color: #ffffff;
    }

    .team-circle {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        font-size: 15px;
        color: black;
        line-height: 45px;
        text-align: center;
    }

    .team-circle-green {
          background-color: rgb(48, 196, 155); 
          color: #FFFFFF;
    }

    .team-circle-light-green {
        background-color: rgb(178, 236, 220);
    }

    .team-circle-gray {
        background-color: rgb(213, 216, 220);
    }

    .team-fullname {
        font-size: 14px;
    }

    .team-permission {
        font-size: 13px;
    }


    .table-border-top-gray > thead > tr > th, 
    .table-border-top-gray > tbody > tr > th, 
    .table-border-top-gray > tfoot > tr > th, 
    .table-border-top-gray > thead > tr > td, 
    .table-border-top-gray > tbody > tr > td, 
    .table-border-top-gray > tfoot > tr > td
    {
        border-top: 1px solid #f7f7f7;
    }

    .no-Items-text {
        font-size: 15px;
    }

    .component-padding {
        padding-right: 50px;
    }
 /*End package detail css*/

.floatright {  
	float: right;
	margin-left: 8px;
}
.floatleft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.form-group.required .control-label:after, .required-font-small:after {
  content:"*";
  color:red;
  font-weight: bold;
}

.required:after 
{
    content: "*";
    font-size:large;
    font-weight: bold;
    color: red;   
    
}

div.centered {
    text-align: center;
}

div.middle-alignment {
    vertical-align: middle;
}

div.grayBox {
    display: inline-block; 
    border-style: solid; 
    border-width: 1px; 
    width: 270px; 
    border-color: #cccccc; 
    border-radius: 2px; 
    padding: 25px; 
    padding-right: 25px;
}

.buttonNextSteps{
    min-width: 196px;
}

table p { 
    margin-bottom: 10px;
    margin-top: 10px;
}

.hierarchybox {
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
}

.avoid-clicks {
  pointer-events: none;
}

.submission-btn {
    padding: 6px 13px 6px 16px !important;
}

.submission-header {
    font-size:20px;
}

.submission-btn .k-icon {
    margin-left: 3px !important;
    font-size: 14px !important;
}

#scheduleAGrid .k-header .k-link {
    text-align: center;
    white-space: normal !important;
}

#scheduleAGrid .k-grouping-row {
    text-align: right !important;
}

#scheduleAGrid .k-grouping-row .project-name {
    text-align: left !important;
}

#drForm .kendoDatePicker {
    width: 400px;
}


.panel-body-gray {
background: #f1f1f1;
}


 /*Procurement form*/ 

 .PPGrid .k-grid-content td{
     overflow: hidden;
     white-space: nowrap;   
    }

 .PPSubmissionBtn {
     font-weight: bold;
     width:100px;
     height:50px
 }
  .PPCancelBtn {
     font-weight: bold;
     width:100px;
     height:48px;
     background-color:lightgray;
 }
 .PPFormFieldDiv{
     padding:15px;
 }

 .PPFormFieldDiv .col-sm-3,
 .PPFormFieldDiv .col-sm-4,
 .PPFormFieldDiv .col-sm-5,
 .PPFormFieldDiv .col-sm-7,
 .PPFormFieldDiv .col-sm-2
  {
     padding-bottom:2px;
     padding-top:2px;
 }

 .ppRow
  {
     padding-bottom:5px;
     padding-top:5px;
 }

  .PPField{
     width:100%;    
 }
 .PPDisabledField{
     width:100%;
     background-color:#F0F0F0
 }
 .PPValidateMsg{
     color:red;

 }
 /*End Procurement form*/

 .noTableBorder > thead > tr > th, 
 .noTableBorder > tbody > tr > th, 
 .noTableBorder > tfoot > tr > th, 
 .noTableBorder > thead > tr > td, 
 .noTableBorder > tbody > tr > td, 
 .noTableBorder > tfoot > tr > td,
 .noTableBorder > tr > td {

     border-top: 0px;
 }

 .btn-navigate-next {
    border: 1px solid #78828f;
    background-color: transparent;
    color: #2a2e33;
    box-shadow: 0px 1px 1px #666666;
    padding: 3px 6px;
    text-transform: uppercase;
    height: 43px;
    border-radius: 100%;
}

.btn-navigate-next:active,
.btn-navigate-next:focus { 
    outline: none;
}

.boldTag
{
    font-weight:bold;
}

#mcdrGrid .k-grid-sub-header {
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
}

#mcdrGrid .k-grouping-row {
    text-align: right !important;
}

#mcdrGrid .k-grouping-row .project-name {
    text-align: left !important;
}

#mcdrGrid .k-grid-header-override {
    text-align: center;
    vertical-align: middle;
}

#mcdrGrid .k-footer-template-background {
    background-color: #FFF2D1 !important;
}

.card-margin-btm-5 {
    margin-bottom: 5px;
}

#mcdrGrid .column-header-template {
    border-style: solid; 
    border-width: 1px 0px 0px 0px; 
    border-color: #e6e6e6; 
    margin-top: 5px;
    padding-top: 5px;
    font-size: 14px;
}

#mcdrGrid div.actuals-column-title {
    display: table-cell;
    vertical-align: middle;
    height:60px;
}

/*Workflow Progress Bar*/
div input.progressBarSuccessDU
{
    width:120px;
    height:14px;
    background-color:green;
}

.TableDU
{
    display: table;
}

.TableRowDU
{
    display: table-row;
}

.TableCellProgressDU
{
    display: table-cell;  
}

div .TableCellProgressDU input {
    padding: 4px 6px 4px 6px;
    border: 1px solid #ccc!important;
    border-radius: 3px;
}

div .TableCellProgressDU input[readonly] {
    cursor: not-allowed;
    
}

div input.progressBarDU
{
    width:120px;
    height:14px;
           
}

div span.progressInfoDU
{
    padding-left:25px;
}

.progressInfoSuccessDU
{
    font-weight:bold;
    padding-left:25px;
}

.boldSpan
{
    font-weight:bold;
}

/***Html Grid Styles***/
.htmlGrid {
    text-align: left;
    font-size: .85em;
}
.hierarchyActivity-indent {
    padding-left: 25px !important;
}
.hierarchySubActivity-indent {
    padding-left: 40px !important;
}
.hierarchyTask-indent {
    padding-left: 50px !important;
}

.clickable 
{
    cursor: pointer;
}

.errorMsg{
    color:red;
}

.cursor-pointer{
  cursor: pointer;
}

.highlightMsg{
    color:#A2412D;
}

.overflow-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

.k-grid tr.k-state-selected:hover td{
    background-color:#777777
}

.adUserName{
    white-space:nowrap;
}

.program-dropdown {
    background-color: #00163B;
    color: white;
    border-color: #00163B !important;
    font-weight: bold;
    font-size: 18px;
    padding:0px !important;
}

.program-dropdown:focus {
    background-color: #00163B;
    border-color: #00163B !important;
    color: white;
    font-weight: bold;
    font-size: 18px;
    padding: 0px !important;
}

.programDD-li-menu {
    height: 300px;
    overflow: hidden;
    overflow-y: scroll;
    padding-left: 8px;
}

.form-control-programDD {
    display: block;
    border: 1px solid #00163B;
    box-shadow: #00163B;
}

.form-control-programDD:focus {
    border-color: #66afe9;
    outline: 0;
}

.buttonDisabled {
    Cursor: text !important;
    Text-Decoration: None !important;
}
.pg-itemType-button-purple {
    background: #E7D3FF;
    border-radius: 8px;
    border: 1px solid #7314EB;
    color: #7314EB;
    font-size: 12px;
    font-weight: bold;
}

.pg-itemType-button-aqua {
    background: #B9F5FD;
    border-radius: 8px;
    border: 1px solid #007F87;
    color: #007F87;
    font-size:12px;
}

.pg-actionButton, .pg-actionViewButton, .actionButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border: 1px solid #333333;
    border-radius: 50px;
    flex: none;
    order: 0;
    flex-grow: 0;
    color: #333333;
    background:#FFFFFF;
    /*  width: 26px;
    height: 26px;*/
}
    .pg-actionButton:hover,
    .pg-actionButton:focus,
    .pg-actionViewButton:hover,
    .pg-actionViewButton:focus,
    .actionButton:hover, .actionButton:focus {
        background: #1557C5;
        border: 1px solid #1557C5;
        color: #fff;
    }
    .actionButton:disabled, .actionButton[disabled],
    .actionButton:disabled:hover, .actionButton[disabled]:active {
        background: #C5C5C5;
        border: 1px solid #333333;
        cursor: not-allowed;
        opacity: .65;
        color: #333333;
    }
div#div_MssBreadcrumb 
{
    /*margin:1.5rem 0 1rem 0;*/
    padding-top: 20px
}

        div#div_MssBreadcrumb a {
            display: inline-block;
            vertical-align: top;
            position: relative;
            color: #333333;
            margin: 0 5px 0 0px;
            outline: none;
        }

div#div_MssBreadcrumb a:after {
    left: -10px;
    top: -2px;
    font-size: 2rem;
    position: absolute;
}

div#div_MssBreadcrumb a:first-child:after {
    display: none;
}

.pad-top-bottom-10 {
    padding-bottom: 2px;
    padding-top: 10px;
}

/* Spacing and Alignment - for post IE8 */

.pad0 {
    padding: 0;
}

.pad-half {
    padding: .5rem;
}

.pad1 {
    padding: 1rem;
}

.pad2 {
    padding: 2rem;
}

.pad3 {
    padding: 3rem;
}

.pad4 {
    padding: 4rem;
}

.pad5 {
    padding: 5rem;
}

.pad-top {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.pad-right {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.pad-bottom {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.pad-left {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.pad-top-bottom {
    padding-left: 0;
    padding-right: 0;
}
.pad-top-bottom-left {
    padding-right: 0;
}

.pad-top-right {
    padding-left: 0;
    padding-bottom: 0;
}
.pad-sides {
    padding-top: 0;
    padding-bottom: 0;
}

.margin0 {
    margin: 0;
}

.margin0-2 {
    margin: 0.2rem;
}
.margin-half {
    margin: .5rem;
}

.margin1 {
    margin: 1rem;
}

.margin2 {
    margin: 2rem;
}

.margin3 {
    margin: 3rem;
}
.margin3-5 {
    margin: 3.5rem;
}
.margin4 {
    margin: 4rem;
}
.margin4-5 {
    margin: 4.5rem;
}
.margin5 {
    margin: 5rem;
}
.margin6 {
    margin: 6rem;
}

.margin-top {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.margin-right {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.margin-bottom {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.margin-left {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.margin-top-bottom {
    margin-left: 0;
    margin-right: 0;
}

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

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

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-top-10 {
    margin-top: 10px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/*MCAC*/
#pgMCAGrid .k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header {
    font-size: 14px;
}

#pgMCAGrid .k-grid-content {
    overflow-y: visible;
}

#pgMCAGrid .k-grid-toolbar {
    background-color: transparent;
    border: 1px solid #C5C5C5;
    padding: 0px;
}

    #pgMCAGrid .k-grid-toolbar .actionBar {
        background: #0D3578;
        height: 42px;
        padding: 10px;
    }

#pgMCAGrid .k-button {
    border: 1px solid #4483EB;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0px;
    font-size: 12px;
    background-color: #0D3578;
}

#pgMCAGrid .k-button:hover {
    border: 1px solid #1557c5;
    background-color: #1557c5;
}

#pgMCAGrid .k-grid-header th.k-header > .k-link {
    color: #333;
}
/*End*/
/*MCC*/
#pgMCCGrid .k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header,
.grid .k-grid-header .k-header {
    font-size: 14px;
}

#pgMCCGrid .k-grid-content, .grid .k-grid-content {
    overflow-y: visible;
}

#obsAndCodesGrid .k-grid-content {
    overflow-y: scroll;
}

#pgMCCGrid .k-grid-toolbar, .grid .k-grid-toolbar {
    background-color: transparent !important;
    border: 1px solid #C5C5C5 !important;
    padding: 0px !important;
}

    #pgMCCGrid .k-grid-toolbar .actionBar, .grid .k-grid-toolbar .actionBar {
        background: #0D3578 !important;
        height: 42px !important;
        padding: 10px !important;
    }

#pgMCCGrid .k-button,
.grid .toolbar .k-button,
.grid.k-grid .k-header .k-button {
    border: 1px solid #4483EB !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 0px !important;
    font-size: 12px !important;
    background-color: #0D3578 !important;
}
.grid .toolbar a.k-button .glyphicon {
    width: 30px !important;
    padding-bottom:3px;
}

.grid .toolbar a.k-button.disabled {
    cursor: not-allowed;
    box-shadow: none;
    opacity: .65;
}

#pgMCCGrid .k-button:hover,
.grid .toolbar .k-button:hover,
.grid.k-grid .k-header .k-button:hover {
    border: 1px solid #1557c5 !important;
    background-color: #1557c5 !important;
}

#pgMCCGrid .k-grid-header th.k-header > .k-link,
.grid .k-grid-header th.k-header > .k-link,
.grid .k-grid-header .k-header {
    color: #333 !important;
}
.grid .k-grid-header .k-header {
    font-weight: 700;
}
.grid .inner-grid-title-lg {
    font-size: 16px;
}
.grid .inner-grid-title-lg-700 {
    font-weight: 700;
}

.k-treelist.k-widget {
    color: #000 !important;
}

/*kendo tooltip styling*/
.k-tooltip {
    font-size: 12px !important;
}
.k-widget.k-tooltip {
    border-color: rgba(100,100,100,.9) !important;
    background-color: #FFFFFF !important;
    color: rgba(100, 100, 100, .9) !important;
}
.k-callout-n {
    border-bottom-color: #FFFFFF !important;
}

.k-callout-w {
    border-right-color: #FFFFFF !important;
}

.k-callout-s {
    border-top-color: #FFFFFF !important;
}

.k-callout-e {
    border-left-color: #FFFFFF !important;
}

/*End*/
.modal-xlg {
    width: 85%;
}

.misModal .modal-header {
    background: #00163B;
    padding: 0.5rem;
}

.misModal .modal-header.modal-header-sticky
{
    position: sticky;
    top: 0;
    z-index: 1000; /* keep sticky header above the modal-content */
}

    .misModal .modal-header .modal-title, .misModal .modal-header .modal-title-regular {
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        padding-top: 1rem;
        padding-bottom: 0;
        margin-left: 3rem;
        line-height: 100%;
        display: inline-block;
    }
    .misModal .modal-header .modal-title-regular {
        font-weight: 400;
        margin-left: 0;
        padding-left: 0.5rem;
    }

    .misModal .modal-header .modal-sub-title {
        font-size: 14px;
        color: #fff;
        padding-top: 0;
        padding-bottom: 0.1rem;
        margin-left: 3rem;
        line-height: 100%;
        text-transform: uppercase;
    }
.misModal .modal-header .close, .misModal .modal-header .close:hover, .misModal .modal-header .close:focus {
    opacity: .95;
    font-size: 40px;
    font-weight: normal;
    color: #FFFFFF;
    padding-top: 0.8rem;
    margin-right: 3rem;
}

.misModal .modal-body {
    max-height: 80vh;
    overflow-y: auto;
    padding: 20px;
}

#viewPgItemModal .modal-body {
    padding: 0px;
}

.viewpg .container {
    /*padding: 50px;
    padding-top: 25px;*/
    padding: 25px 50px 50px 50px;
}
.createpg {
    padding-left: 0;
    padding-right: 0;
    /*font-family: 'Source Sans Pro';*/
}
.createpg .createpg-row, .pg-row {
    margin-bottom: 3rem;
}
.viewpg .viewpg-row {
    margin-bottom: 1.2rem;
}

.createpg .panel .panel-default, .viewpg .panel .panel-default {
    border-radius: 5px;
}
.createpg .panel-heading, .viewpg .panel-heading {
    background: #FFFFFF;
    font-weight: bold;
}

.createpg .panel-heading, .viewpg .panel-heading, .panel-title {
    background: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
}


    .viewpg .panel-heading label + div {
        font-weight: normal;
    }

.summaryInfoTab {
    margin-right: 3rem;
}
.createpg .panel.panel-default.project-funding-info,
.createpg .panel.panel-default.summary,
.viewpg .panel.panel-default.project-funding-info {
    margin-bottom: 0;
    
}

.viewpg .panel.panel-default.item-info .panel-body {
    padding-left: 10px;
}

.viewpg .panel.panel-default.project-funding-info .panel-body {
    padding : 0 0 15px 0;
}

.viewpg .project-fund{
    padding-top: 1rem;
}

.panel-default-noBorder {
    border-style: solid none none none;
    -webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 5%);
    box-shadow: 0 0px 0px rgb(0 0 0 / 5%);
}

.panel-body-noBorder {
    border-top: 0px;
}

.createpg .project-fund {
    background: #FFFFFF;
    border: 1px solid #C5C5C5;
    border-radius: 5px;
    margin-bottom: 3rem;
}
.createpg .summary-line-items {
    margin: 2rem 0 0 0;
   
}
.infoTab {
    margin: 2rem 0 0 0;
}

.createpg .itemType {
    display: inline;                       
    margin-right: 2rem;
}

.form-control:focus, span.k-datepicker.k-state-border-down, span.k-datepicker.k-state-border-up{
    /*bootstrap override*/
    border: 1px solid #4483EB;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


span.k-datepicker {
    border: 1px solid #C5C5C5;
    border-radius: 2px;
}

.k-datepicker .k-input { 
    border-right: 1px solid #C5C5C5;
}
.k-datepicker .k-picker-wrap.k-state-border-down .k-input, 
.k-datepicker .k-picker-wrap.k-state-border-up .k-input {
    border-right: 1px solid #4483EB;
}

.createpg textarea {
    width: 95%;
    max-width: 95%;
    border: 1px solid #C5C5C5;
    border-radius: 2px;
}

/*.createpg input[type="checkbox"] {
    vertical-align: middle;
    position: relative;
    bottom: 3px;
    width: 15px;
    height: 15px;
}*/

.createpg .btn.btn-default, .btn.btn-default.btn-white,
.btn.btn-default {
    border: 1px solid #333333;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    color: #333333;
    padding: 10px;

}

.createpg .btn.btn-default.btn-default:hover, .btn.btn-default.btn-white.btn-white:hover,
.btn.btn-default:hover{
    color: #FFFFFF;
    background-color: #1557C5;
}
.createpg .btn.btn-default.btn-default.remove:hover {
    color: #FFFFFF;
    background-color: #BC133E;
}
.createpg .btn.btn-default:disabled, .createpg .btn.btn-default[disabled],
.createpg .btn.btn-default:disabled:hover,.createpg .btn.btn-default[disabled]:focus,
.btn.btn-default:disabled, .btn.btn-default[disabled],
.btn.btn-default:disabled:hover,.btn.btn-default[disabled]:focus {
    background: #C5C5C5;
    border: 1px solid #333333;
    color: #333333;
    cursor: not-allowed;
    opacity: .65;
    
}
.createpg .btn.btn-default .glyphicon,.btn.btn-default .glyphicon { 
    /*bootstrap override*/
        line-height: 0;
}

.createpg .total, .viewpg .total, .award-summary .total {
    background: #238D70;
    color: #FFFFFF;
    min-height: 4rem;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center;
    margin-bottom: 3rem;
}
.award-summary .total {
    justify-content:right;
}
.award-summary .total {
    margin-bottom: 0;
}
    .viewpg .total-label {
    padding-left: 10px;
}
.viewpg .total-value {
    padding-right: 10px;
}

.action-button-row {
    margin-top: 2rem;
}
.award-summary .panel.panel-default.item-info .panel-body {
    padding: 0;

}
.award-summary .awardrow {
    border-bottom: 1px solid #C5C5C5;
}
    .award-summary .awardrow .vendor, .award-summary .awardrow .amount {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 10px;
        margin-top: 10px;
        display: flex;
        justify-content: left;
    }
    .award-summary .awardrow .amount {
        justify-content: right;
    }
.createpg .summary-header {
    border-bottom: 1px solid #DEDEDE;
}

.viewpg .viewpg-row label, .viewpg row label {
    margin-bottom: 0;
}

.viewpg .banner {}
    .viewpg .banner .glyphicon, .awarded.banner .glyphicon, .banner .glyphicon {
        top: 7px;
        font-size: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }
.viewpg .banner .procurmentphase .glyphicon{
    top: 2px;
    font-size: 15px;
    padding-left: 0px;
    padding-right: 0px;
}
.awarded.banner .glyphicon {
    padding-left: 0;
}

.awarded.banner div {
    min-width:205px;
}

.viewpg .banner .orange, .banner.orange {
    height: 40px;
    background: #FFEAC4;
    border-left: 5px solid #FFB239;
}
    .viewpg .banner .orange .glyphicon, .banner.orange .glyphicon {
        color: #FFB239;
    }

.commonIndicatorModal .banner .red,
.obsAndCodesModal .banner .red,
.commonIndicatorDisaggregation .banner .red,
.viewpg .banner .red {
    height: 40px;
    background: #FFDBE4;
    border-left: 5px solid #BC133E;
}
.commonIndicatorModal .banner .red .glyphicon,
.obsAndCodesModal .banner .red .glyphicon,
.commonIndicatorDisaggregation .banner .red .glyphicon,
.viewpg .banner .red .glyphicon {
    color: #BC133E;
}

.viewpg .banner .green, .banner-info .green {
    height: 40px;
    background: #CAE8DF;
    border-left: 5px solid #238D70;
}
.banner-info .green {
    padding-top: 1rem;
    padding-left: 1rem;
}
    .viewpg .banner .green .glyphicon {
        color: #238D70;
    }

.viewpg .button-amendment-green {
    height: 100%;
    background: #CAE8DF;
    border-left: 5px solid #238D70;
    font-size:12px;
    padding:5px;
}
.viewpg .button-amendment-red {
    height: 100%;
    background: #FFDBE4;
    border-left: 5px solid #238D70;
    font-size: 12px;
    padding: 5px;
}

.glyphicon-circle-arrow-up-blue {
    color: #1557C5;
}

.glyphicon-circle-arrow-up-lg, .glyphicon-ok-sign.glyphicon-ok-sign-lg {
    font-size: 50px;
}
.glyphicon-ok-sign-green {
    color: #238D70;
}

/**************** Progress Bars*************/
/* Horizontal Progress Bar*/
.horizontal-progress-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F1F1;
    height: 100px;
}

.nav.nav-tabs-progress-bar {
    padding: 2rem 0;
    position: relative;
    z-index: 2;
    display: flex;
}
.nav-tabs-progress-bar > li {
    display: inline-block;
    text-align: center;
    width: 240px;
    flex: 1;
}
/*connector line*/
.nav-tabs-progress-bar li:not(:last-child)::after {
    content: "";
    position: absolute;
    border: 1px solid #D9D9D9;
    width: calc(100% - 50px);
    top: 20%;
    left: 60%;
}
.nav.nav-tabs-progress-bar .circle {
    background: #D9D9D9;
    display: block;
    margin: 0 auto 10px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

    .nav.nav-tabs-progress-bar .circle .glyphicon{
        color: transparent;
        font-size: 1.1rem;
        top: 0.4px;
    }

    .nav.nav-tabs-progress-bar .title, .nav.nav-tabs-progress-bar .circle.done + .title {
        font-weight: normal;
    }
    .nav.nav-tabs-progress-bar .circle.done {
        background: #238D70;
        cursor: pointer;
    }

    .nav.nav-tabs-progress-bar .circle.done .glyphicon {
        color: #FFFFFF;
    }

    .nav-tabs-progress-bar li.done:not(:last-child):after {
        border: 1px solid #238D70;
    }
    .nav.nav-tabs-progress-bar .circle.incomplete {
        background: #1557C5;
        cursor: pointer;
    }
    .nav.nav-tabs-progress-bar .circle.incomplete .glyphicon {
        color: transparent;
    }

    .nav.nav-tabs-progress-bar .circle.active + .title, 
    .nav.nav-tabs-progress-bar .circle.active.done + .title {
        font-weight: bold;
    }


/* Vertical Progress Bar*/
.createpg .progress-panel {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    padding-left: 4rem;
}
.createpg .pgprogress {
    margin: 2rem 2rem;
    height: 100%;
    color: #333333;
    font-size: 14px;
}
    .createpg .pgprogress .circle {
        position: absolute;
        display: inline-block;
        background: #C4C4C4;
        width: 25px;
        height: 25px;
        border-radius: 40px;
        vertical-align: top;
        /*display: flex;
        flex-direction: column;*/
    }
        .createpg .pgprogress .circle .outer {
            display: inline-block;
            margin-top: 1px;
            margin-left: 5px;
            font-size: 17px;
            position: relative;
        }
            .createpg .pgprogress .circle .outer .glyphicon {
                color: transparent;
                font-size: 1.4rem;
            }
    .createpg .pgprogress .title {
        color: #333333;
        margin-left: 4rem;
        display: inline-block;
        margin-top: 3px;
        text-align: left;
    }

/* Active */
.createpg .pgprogress .circle.active {
    background: #1557C5;
}

    .createpg .pgprogress .circle.active .title {
        color: #333333;
        /*font-weight: bold;*/  /*moving this to JS*/
    }

 /* Done */
.createpg .pgprogress .circle.done{
    background: #238D70;
}
    .createpg .pgprogress .circle.done .outer .glyphicon {
        color: #FFFFFF;
    }
    .createpg .pgprogress .circle.done .title {
        color: #333333;
      
    }
 

.createpg .pgprogress .bar {
    display: block;
    width: 1px;
    height: 80px;
    border: 1px solid #C4C4C4;
    margin-left: 12px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.createpg .glyphicon-alert {
    color: #BC133E;
    padding-right: 10px;
}

.createpg .glyphicon-ok-sign {
    color: #238D70;
    font-size: 15px;
    padding-right: 10px;
}


/*ViewPG Line Items*/
.glyphicon-alert {
    color: #BC133E;
    padding-right: 10px;
}
.validate-alert {
    color: #BC133E;
}
.error-input-validate-alert,
input.error-input-validate-alert, input.error-input-validate-alert:focus, input.error-input-validate-alert:invalid,
textarea.error-input-validate-alert, textarea.error-input-validate-alert:focus,
select.error-input-validate-alert, select.error-input-validate-alert:focus,
.k-datepicker.error-input-validate-alert {
    border: 1px solid #BC133E;
    background-color: #FFF0F4;
}
.k-datepicker.error-input-validate-alert .k-input, .k-datepicker.error-input-validate-alert .k-input:focus,
.k-datepicker.error-input-validate-alert .k-select {
    background-color: #FFF0F4;
}
.input-validate-ok,
input.input-validate-ok, input.input-validate-ok:focus,
textarea.input-validate-ok, textarea.input-validate-ok:focus,
select.input-validate-ok, select.input-validate-ok:focus,
.k-datepicker.input-validate-ok {
    border: 1px solid #238D70;
    background-color: #EFFFFB;
}
.k-datepicker.input-validate-ok .k-input, .k-datepicker.input-validate-ok .k-input:focus,
.k-datepicker.input-validate-ok .k-select {
    background-color: #EFFFFB;
}

.glyphicon-ok-sign {
    color: #238D70;
    font-size: 15px;
    padding-right: 10px;
}

.ui-accordion .ui-accordion-content {
    padding: 2rem 1rem 1rem 1rem;
    overflow: auto;
}

.ui-accordion .ui-widget-content {
    border: none;
}

.ui-accordion-header.ui-state-default, .ui-accordion-header.ui-state-default, .ui-accordion-header.ui-state-active {
    background: #F1F1F1;
    border: 1px solid #F1F1F1;
    font-weight: 700;
    color: #333333;
    height: auto;
    padding: 13px;
}
.view-mcc.ui-accordion-header.ui-state-default, .view-mcc.ui-accordion-header.ui-state-default, .view-mcc.ui-accordion-header.ui-state-active {
    background: #FFFFFF;
    border: none;
    border-top: 1px solid #C5C5C5;
}
.ui-state-active .ui-icon,
.ui-state-default .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    /* Default JqueryUI accordion style*/
    /*background-image: url(../../Content/images/ui-icons_444444_256x240.png);*/
    text-indent: inherit;
    display: inline;
    margin-right: 1rem;
    background-image: none;
}
.ui-state-active .ui-icon:before,
.ui-state-default .ui-icon:before,
.ui-state-hover .ui-icon:before,
.ui-state-focus .ui-icon:before {
        content: "\e080";
        color: #1557C5;
        position: relative;
        top: 0.1rem;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }
.ui-state-active .ui-icon:before {
    content: "\e114";
}

.total-awarded {
    position: fixed;
    width: 30%;
    margin-top: 6.5rem; /* Position below AddAward button*/
}
.filter-row {
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
.pgFilter, .grid .filter {
    background-color: #fff;
    color: #000;
    padding-left: 10px;
}

.pg-filter-button, .filter-button {
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #C5C5C5;
    color: #000;
    font-size: 12px;
    min-width: 80px;
    height: 40px;
    margin-bottom: 5px;
}
    .pg-filter-button:hover, .filter-button:hover {
        border: 1px solid #1557c5;
    }

.pg-filter-button-selected, .filter-button-selected {
    background: #1557C5;
    border-radius: 5px;
    border: 1px solid #1557C5;
    color: #fff;
    font-size: 12px;
    min-width: 80px;
    height: 40px;
    margin-bottom: 5px;
}

.pg-filter-button-selected .pg-filter-button-recordCount,.filter-button-selected .filter-button-recordCount {
    border-radius: 5px;
    border: 1px solid #1557C5;
    color: #000;
    font-size: 12px;
    background-color: #fff;
    padding: 2px;
    margin-left: 2px;
    display: inline-block;
    min-width: 20px;
}

.pg-filter-button .pg-filter-button-recordCount, .filter-button .filter-button-recordCount {
    border-radius: 5px;
    border: 1px solid #1557C5;
    color: #000;
    font-size: 12px;
    background-color: #C4C4C4;
    padding: 2px;
    margin-left: 2px;
    border: 1px solid #C5C5C5;
    display: inline-block;
    min-width: 20px;
}


.k-grid td.actionMenuCell {
    overflow: visible;
}
    .actionMenu.dropdown .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    min-width: 120px;
    border: 1px solid #333333;
}
    .actionMenu.dropdown .dropdown-menu .divider {
        margin: 0;
    }
    .actionMenu.dropdown .dropdown-menu > li > a {
        padding: 10px;
    }
    .actionMenu.dropdown .dropdown-menu > .active > a,
    .actionMenu.dropdown .dropdown-menu > .active > a:hover,
    .actionMenu.dropdown .dropdown-menu > .active > a:focus {
        background-color: #1557C5;
    }
        .actionMenu.dropdown .dropdown-menu > li > a > i.glyphicon {
            padding-right: 10px;
            top: 2px;
        }

.horizontalscrollmenu {
    overflow: auto;
    white-space: nowrap;
}

.nav-tabs-status > li.active > span, .nav-tabs > li.active > span:focus, .nav-tabs > li.active > span:hover {
    border-width: 0;
}

.nav-tabs-status > li > span {
    border: none;
    color: black !important;
    padding:25px;
}

.nav-tabs-status > li:hover {
    cursor: pointer;
}

.nav-tabs-status > li.active > span, .nav-tabs > li > span:hover {
    border: none;
    color: black !important;
    background: transparent;
    font-weight: 600;
}

.nav-tabs-status > li > span::after {
    content: "";
    background: #1557c5;
    height: 3px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.nav-tabs-status > li.active > span::after, .nav-tabs > li:hover > span::after {
    transform: scale(1);
}

.tab-nav-status > li > span::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}



.actionMenu.dropdown .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    min-width: 120px;
    border: 1px solid #333333;
}

    .actionMenu.dropdown .dropdown-menu .divider {
        margin: 0;
    }

    .actionMenu.dropdown .dropdown-menu > li > a {
        padding: 10px;
    }

    .actionMenu.dropdown .dropdown-menu > .active > a,
    .actionMenu.dropdown .dropdown-menu > .active > a:hover,
    .actionMenu.dropdown .dropdown-menu > .active > a:focus {
        background-color: #1557C5;
    }

    .actionMenu.dropdown .dropdown-menu > li > a > i.glyphicon {
        padding-right: 10px;
        top: 2px;
    }
    .actionMenu.dropdown.award {
        margin-top: -5px;
    }

/*-----------------*/
.pgdropdown {
    background-color: white;
    width: 200px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 2px;
}

    .pgdropdown li:hover {
        background-color: #1557C5 !important;
        color: #fff !important;
        cursor: pointer;
    }

    .pgdropdown a {
        color: black !important;
        text-decoration: none;
    }

    .pgdropdown .glyphicon {
        font-weight: 500;
        padding-right: 2.5px;
    }

    .pgdropdown a:hover {
        color: #fff !important;
    }

    .pgdropdown ul {
        padding-inline-start: 0px;
    }

    .pgdropdown li {
        list-style-type: none;
        padding: 8px;
    }

.pgconfirmation-modal {
    max-height: 80vh;
    overflow-y: auto;
    padding: 20px;
    text-align: center;
}

.confirmation-modal-icon {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
}

.confirmation-modal-body {
    text-align: center;
}

.confirmation-modal-footer {
    text-align: center;
}

.confirmation-modal-icon .glyphicon {
    color: #fff !important;
}

.confirmation-modal-icon .glyphicon-repeat {
    color: #1557C5 !important;
}

.pgcircle-icon-red {
    height: 50px;
    width: 50px;
    background-color: #BC133E;
    border-radius: 50%;
    display: inline-block;
    padding-top: 10px;
}

.pgcircle-icon-green {
    height: 50px;
    width: 50px;
    background-color: #238D70;
    border-radius: 50%;
    display: inline-block;
    padding-top: 10px;
}
.pgcircle-icon-yellow {
    height: 50px;
    width: 50px;
    background-color: #FFB239;
    border-radius: 50%;
    display: inline-block;
    padding-top: 10px;
}
#confirmationmodal .modal-dialog, .confirmation .modal-dialog {
    top: 40%;
}

#confirmationmodal .modal-footer, .confirmation .modal-footer {
    border-top: none;
}

#successmodal .modal-dialog {
    top: 40%;
}

#successmodal .modal-footer {
    border-top: none;
}

.success-modal-icon {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
}

.success-modal-body {
    text-align: center;
}

.success-modal-icon .glyphicon {
    color: #fff !important;
}

.success-modal-icon .glyphicon-repeat {
    color: #1557C5 !important;
}

.pg-glyphicon-chevron-down-blue, .pg-glyphicon-chevron-right-blue {
    color: #1557C5;
}
.pg-glyphicon-chevron-down-blue {
    color: #1557C5;
    transform: rotate(90deg);
    transition: transform 0.5s;
}

.pg-glyphicon-bell-blue {
    color: #1557C5;
    transform: rotate(90deg);
    transition: transform 0.5s;
}

.obsandcodes-red {
    background-color: #FF0000;
}
.obsandcodes-green {
    background-color: #00FF00;
}


.commonindicator-level {
    padding: 5px;
    margin-top: 4px;
}

.commonindicator-level-text {
    margin-top: -8px;
    padding-left: 21px
}

.commonindicator-detail-level-text {
    font-size:18px;
}

.commonindicator-level-green-dot {
    background: #238D70;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
}

.commonindicator-level-silver-dot {
    background: #C0C0C0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    /*margin-top: 2px;*/
}

.commonindicator-level-process {
    width: 81px;
    height: 25px;
    padding: 5px, 10px, 5px, 10px;
    border-radius: 70px;
    line-height: 15px;
    letter-spacing: 0em;
    border: 1px solid #CCDFFF;
    color: #000;
    background-color: #CCDFFF;
    margin-left: 2px;
    display: inline-block;
    min-width: 40px;
}

.commonindicator-level-process-dot {
    background: #1557C5;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    margin-left: 2px;
}

.commonindicator-level-outcome {
    width: 81px;
    height: 25px;
    padding: 5px, 10px, 5px, 10px;
    border-radius: 70px;
    line-height: 15px;
    letter-spacing: 0em;
    border: 1px solid #CAE8DF;
    color: #000;
    background-color: #CAE8DF;
    margin-left: 2px;
    display: inline-block;
    min-width: 40px;
}

.commonindicator-level-outcome-dot {
    background: #238D70;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
}

.commonindicator-level-output {
    width: 81px;
    height: 25px;
    padding: 5px, 10px, 5px, 10px;
    border-radius: 70px;
    line-height: 15px;
    letter-spacing: 0em;
    border: 1px solid #FFEAC3;
    color: #000;
    background-color: #FFEAC3;
    margin-left: 2px;
    display: inline-block;
    min-width: 40px;
}

.commonindicator-level-output-dot {
    background: #FFB239;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
}


.commonindicator-level-goal {
    width: 81px;
    height: 25px;
    padding: 5px, 10px, 5px, 10px;
    border-radius: 70px;
    line-height: 15px;
    letter-spacing: 0em;
    border: 1px solid #FFEAC3;
    color: #000;
    background-color: #FFEAC3;
    margin-left: 2px;
    display: inline-block;
    min-width: 40px;
}

.commonindicator-level-goal-dot {
    background: #FFB239;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
}

.commonindicator-level-risk-assumption {
    width: 140px;
    height: 25px;
    padding: 5px, 10px, 5px, 10px;
    border-radius: 70px;
    line-height: 15px;
    letter-spacing: 0em;
    border: 1px solid #FFDBE4;
    color: #000;
    background-color: #FFDBE4;
    margin-left: 2px;
    display: inline-block;
    min-width: 40px;
}

.commonindicator-level-risk-assumption-dot {
    background: #BC133E;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
}
/*CI Badges Start*/
.ci-level-goal, .ci-level-outcome, .ci-level-output, .ci-level-process, .ci-level-risk-assumption {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 10px;
    gap: 5px;
    border-radius: 20px;
    background: #CCDFFF;
    border: none;
}
.ci-level-goal {
    background: #F1F1F1;
}
.ci-level-outcome {
    background: #CAE8DF;
}
.ci-level-output {
    background: #FFEAC4;
}
.ci-level-process {
    background: #CCDFFF;
}
.ci-level-risk-assumption {
    background: #FFDBE4;
}

.ci-level-text {
    height: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    flex: none;
    order: 1;
    flex-grow: 0;
    /*width: 46px;font-family: 'Inter';line-height: 15px;*/
}
.grid td .ci-level-text {
    height: 18px;
}
.ci-level-goal .circle, .ci-level-outcome .circle, .ci-level-output .circle, .ci-level-process .circle, .ci-level-risk-assumption .circle {
    width: 10px;
    height: 10px;
    flex: none;
    order: 0;
    flex-grow: 0;
    border-radius: 5px;
}
.ci-level-goal .circle {
    background: #7B7F85;
}
.ci-level-outcome .circle {
    background: #238D70;
}
.ci-level-output .circle {
    background: #FFB239;
}
.ci-level-process .circle{
    background: #1557C5;
}

.ci-level-risk-assumption .circle {
    background: #BC133E;
}
/*CI Badges End*/

.cidropdown {
    background-color: white;
    width: 200px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 2px;
}

.cidropdown li:hover {
    background-color: #1557C5 !important;
    color: #fff !important;
    cursor: pointer;
}

.cidropdown a {
    color: black !important;
    text-decoration: none;
}

.cidropdown .glyphicon {
    font-weight: 500;
    padding-right: 2.5px;
}

.cidropdown a:hover {
    color: #fff !important;
}

.cidropdown ul {
    padding-inline-start: 0px;
}

.cidropdown li {
    list-style-type: none;
    padding: 8px;
}

.commonindicator-level-DT-dot {
    color: #7314EB;
    background: #E7D3FF;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    position: absolute;
    padding: 5px;
    font-weight: bold;
    border: 1px solid #7314EB;
}

.commonindicator-level-Input-dot {
    color: #007F87;
    background: #B9F5FD;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    position: absolute;
    padding-top: 5px;
    padding-left: 7px;
    font-weight: bold;
    border: 1px solid #007F87;
}

.ci-input-padding {
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.child-disaggregation-row {
    padding-left: 45px;
    padding-right: 45px;
}
.grandchild-disaggregation-row {
    padding-left: 57px;
    padding-right: 45px
}
.child-input-row {
    min-height: 150px;
    padding-left: 45px;
    padding-right: 48px;
}
.grandchild-input-row {
    padding-left: 55px;
    padding-right: 45px;
}
    .child-disaggregation-row > div.panel,
    .grandchild-disaggregation-row > div.panel,
    .child-input-row > div.panel,
    .grandchild-input-row > div.panel {
        margin-bottom: 10px;
    }

.child-disaggregation-row > div.panel {
    padding-left: 0;
    padding-right: 0;
}
.grandchild-disaggregation-row > div.panel {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.child-disaggregation-row .commonindicator-level-green-dot, .child-disaggregation-row .commonindicator-level-silver-dot,
.grandchild-disaggregation-row .commonindicator-level-green-dot, .grandchild-disaggregation-row .commonindicator-level-silver-dot {
    margin-top: 0.5rem;
}
.child-input-row .commonindicator-level-green-dot, .child-input-row .commonindicator-level-silver-dot,
.grandchild-input-row .commonindicator-level-green-dot, .grandchild-input-row .commonindicator-level-silver-dot {
    margin-top: 0.2rem;
}
.padding-top-5 {
    padding-top: 5px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-bottom-5 {
    padding-top: 5px;
}

.padding-sides-30 {
    padding-left: 30px;
    padding-left: 30px;
}

.padding-left-30 {
    padding-left: 30px;
}

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

.padding-right-30 {
    padding-right: 30px;
}

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

.padding-right-10 {
    padding-right: 10px;
}

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

.ciinputaccordion {
}

.ciinputaccordion.ui-accordion-header, .ciinputaccordion.ui-state-default, .ciinputaccordion.ui-accordion-header, .ciinputaccordion.ui-state-default, .ciinputaccordion .ui-accordion-header, .ciinputaccordion.ui-state-active {
    background: #FFFFFF;
    border: none;
    border-top: 1px solid #FFFFFF;
    font-weight: 400;
}

.commonindicator-text {
    /*margin-top: -5px;*/
    padding-left: 20px
}
.commonindicator-gray-text {
    color: #7B7F85;

}
.griddropbtn {
   /* border: none;*/
}

.action-button-dropdown {
    /*position: relative;*/
    display: inline-block;
}

.action-button-dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    min-width: 160px;
    border-radius: 2px;
    border: 1px solid #333333;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    z-index: 1000;
    outline-offset: 10px;
}

.action-button-dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.action-button-dropdown-content a:hover {
    background-color: #1557C5 !important;
    color: #f1f1f1;
    cursor: pointer;
}

.action-button-dropdown:hover .action-button-dropdown-content {
    display: block;
}

.action-button-dropdown:hover .griddropbtn {
    background-color: #2e6da4;
    color: #f1f1f1;
}

.action-button-dropdown-content a .glyphicon{
    margin-right:5px;
}
.commonindicator-header a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.commonindicator-header a:hover {
    color: #1557C5 !important;
    text-decoration: underline;
}

.commonindicator-detail-header {
    background: #FFFFFF;
    font-weight: bold;
    font-size: 24px;
    font-weight: 700;
    margin-left: 2rem;
    margin-right: 2rem;
}

.commonindicator-child-menu-dot, .action-button-notext {
    border: 1px solid #000000;
    background: #FFFFFF;
    width: auto;
    height: 26px;
    border-radius: 15px;
    position: absolute;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    display: inline-flex;
    padding: 5px;
    justify-content: center;
    align-items: center;
}
.action-button-notext {
    position: relative;
    color: #333333;
}
    .action-button-notext .glyphicon {
        line-height: 0;
        top: 0;
    }
.commonindicator-floatright {
    float: right;
    margin-top: -5px;
}

    .action-button-notext:hover {
        background-color: #1557C5 !important;
        border-color: #1557C5;
        color: #f1f1f1;
        cursor: pointer;
    }
        a.action-button-notext:hover {
            text-decoration: none;
        }

.ci-detailpage-dropdown:hover .commonindicator-child-menu-dot {
    background-color: #2e6da4;
    color: #f1f1f1;
}
/*.glyphicon.action-button-notext {
    font-size: 3rem;
}


    .glyphicon.action-button-notext::before {
        font-weight: 100;
    }*/
input.max-width-35 {
    max-width: 35px;
    text-align: center;
    margin-bottom: 10px;
    padding: 0px 0px 0px 0px;
}

.commonIndicatorDisaggregation .container {
    padding: 25px 50px 50px 20px;
}

.obsAndCodesModal .container {
    padding: 25px 50px 25px 50px;
}

.commonIndicatorModal .container {
    padding: 10px 50px 25px 35px;
}

.misModal .modal-body.noPadding {
    padding: 0px;
}

.commonindicator-child-menu-dot-disabled {
    border: 1px solid #666666;
    background: #C5C5C5;
    color: darkgray;
    width: auto;
    height: 26px;
    border-radius: 15px;
    position: absolute;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    display: inline-flex;
    padding: 5px;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 2px 4px #666666;
}

.commonindicator-child-menu-dot-disabled:hover {
    cursor: not-allowed;
}

.inactive-color {
    color: #999999;
}

.active-color {
    color: #333333;
}

.modal-title-indicator-name {
    font-weight: normal;
}

input[type="checkbox"] {
    vertical-align: middle;
    position: relative;
    bottom: 3px;
    width: 15px;
    height: 15px;
    accent-color: dodgerblue;
}

#commonIndicatorGrid .k-state-active {
    color: red !important;
}

.print {
    display: none;
}

@media print {

    .no-print,
    #wrapper nav.logobar-misMenu,
    #wrapper nav.navbar-misMenu,
    #div_MssBreadcrumb, #div_MssBreadcrumbRow,
    #footer {
        display: none;
    }

    .print {
        display: block;
    }

    body {
        margin: 0;
        font-size: 12px;
    }
    .body-content {
        padding-left: 3px;
        padding-right: 3px;
    }
    @page {
        margin: 20px;
       
    }
    fieldset{
        padding:0;
    }
        fieldset legend {
           font-size: 13px;
        }

        .printable .panel-body {
        padding: 15px 6px;
    }

    .printable.container-fluid {
        padding-right: 1px;
        padding-left: 1px;
    }

    .printable .panel-body {
        padding: 5px;
    }

    a[href]:after {
        display: none;
    }

    select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;

    }

    input[type="text"] {
        border: none;
        text-wrap: normal;
    }

    p {
        text-indent: 12px;
        font-size: 12px;
    }
        p.print {
            word-wrap: break-word;
        }

    label {
        margin-bottom: 1px;
        font-size: 12px;
        
    }

    .form-group {
        margin-bottom: 6px !important;
    }

    .printable .form-control {
        border: none;
        font-size: 12px;
        padding-bottom: 1px;
        height: auto;
    }

    .pad0-print {
        padding: 0;
    }
}

.projectSymbol, .activitySymbol {
    font-weight: 700;
    font-size: 16px;
}

.timeline{}

    .timeline .schedule-panel, .timeline .pg-schedule-panel {
        width: 100%;
        min-height: 150px;
        padding-left: 25px;
        padding-top: 15px;
    }
        .timeline .schedule-panel .schedule-panel-title {
            padding-bottom: 1rem;
        }
    

    .timeline-card {
        padding: 2rem;
    }

        .timeline-card td.title {
            padding-bottom: 1rem;
        }
            .timeline-card td.title .glyphicon {
                margin-left: -5px;
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }
        .timeline-card tr.datarow td {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .timeline-card.pg-card {
            padding-left: 0px;
            padding-top: 0px;
        }