h1, h2, h3, h4, h5 {  /* Make sure that the header font is Calibri (eclemmer) */
                font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif !important;
          }
          #menu {
                background-image: url("{!URLFOR($Resource.IDM_Resources_New, 'IDM_Resources_New/img/header_bg.png')}");
                background-repeat: no-repeat;
          }
          #menu > .navbar {
                margin-bottom: 0;
                min-height: 120px;
          } 
          #collapse-menu a{
            font-size : 1.25em;
          }
          .footer-title {
                font-weight: normal;
                color: #fff;
                text-decoration: none;
              font-family: 'fira_sans_light';
           }
        /* begin styling addition by eclemmer for revamped footer*/
            .footer-small-text{
                display: block;
                font-size: 75%;
            }
            .footer-links>a, .footer-pages>a{
                margin-bottom: 8px;
                display: block;
            }
        /* end stying additions by eclemmer */
           .footer-note p {
                font-weight: normal;
                color: #fff;
                font-family: 'fira_sans_light';
            }
          .footer-note a{
            font-family: 'fira_sans_light';
          }
          .rc-anchor-light {
                background: #fff;
          }
          .well{
            background-color: #fff; 
          }
          .input-group-addon {
              background-color: #fff;
          }
        .menu-list{
            margin-top : 8px;
        }
        .footer-content{
            float : right;
            color: white;
            font-size : .8em;
            margin-right : 15px;
            margin-top : 20px;
        }
        .footer-title {
            font-weight : normal;
            color : #fff;
            text-decoration : none;
            /* added by eclemmer */
            display: block;
            margin-bottom: 8px;
        }
        .footer-title:link {
            text-decoration: none;
        }
    
        .footer-title:visited {
            text-decoration: none;
        }
        .footer-item {
            margin-bottom : 20px;
        }
        .gsa-logo{
            margin-right : 10px;
        }
        .footer-item{
            color : #fff;
        }
        .navbar-brand>img {
            margin-top: 0px;
            width: 220px;
        }
        
        @media only screen and (min-width: 48em){
            .navbar-brand > img {
                //margin-top: 0px;
                width: 358px;
            }
        }
        @media only screen and (max-width: 800px){
            #no-more-tables td {
                min-height: 18px;
            }
            div.dataTables_wrapper > div.row > div{
                padding-left: 0; 
                padding-right: 0; 
            }
        }
        
        @media (max-width:48em){
            .container-fluid > .navbar-collapse{
                background-color: #000;
                width: 111%;
            }
            .dataTables_wrapper .dataTables_paginate{
                display: none;
            }
        }
        @media (min-width: 768px)
            .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
               margin-right: 0;
            margin-left: 0;
            margin-top: 10px;
            margin-bottom: 5px;
          }
        .navbar-header{
            margin-top: 20px;
        }
        .navbar-collapse {
                margin-right: 0;
                margin-left: 0;
                margin-top: 20px;
          }
            .navbar-nav {
                float: left;
                margin: 10px;
          }
        .parsley-errors-list {
            width:50%;
          }
            
          .parsley-error {
            border: 2px solid #c00;
          }
          .my_error_container{
            position:absolute;
            bottom: 90px; 
            width:50%;
          }  
            
          .errorMsg {
            color: #d74c3b; 
          }
            
          .message[class*='error'] {
            background-color: #eee;
            padding: 0 20px 10px;
            margin-bottom: 25px;
            border-radius: 3px;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(204,0,0,0.4);
            -moz-box-shadow: 0px 0px 5px 0px rgba(204,0,0,0.4);
            box-shadow: 0px 0px 5px 0px rgba(204,0,0,0.4);
          }
            
          .message[class*='error'] .messageTable {
            width: 100%;
          }
            
          .message[class*='error'] .messageText {
            border-bottom: 1px solid grey;
            height: 30px; 
          }  
        .notification-count {
          background-color: #d9534f;
          border-radius: 15px;
          font-size: 10px;
          color: white;
          position: absolute;
          height: 13px;
          width: 13px;
          text-align: center;
          vertical-align: middle;
          top: 8px;
          left: 8px;
          line-height: 13px;
        }
        .footable td
        {
            padding-left : 5px;
        }
        .dropdown-menu{
            background-color : #000;
        }
        .dropdown:hover .dropdown-menu {
            display: block;
            margin-top: 0;
         }
        .content
        {
            min-height : 640px;
        }
        .error {
            color: #A94442;
            font-size: 12px;
        }
        
        .white {
            color: white;
        }
        
        .btn-lg {
            font-size: 38px;
            line-height: 1.33;
            border-radius: 6px;
        }
        
        .box>.icon {
            text-align: center;
            position: relative;
        }
        
        .box>.icon>.image {
            position: relative;
            z-index: 2;
            margin: auto;
            width: 88px;
            height: 88px;
            border: 7px solid white;
            line-height: 88px;
            border-radius: 50%;
            background: #63B76C;
            vertical-align: middle;
        }
        
        .box>.icon:hover>.image {
            border: 4px solid black;
        }
        
        .box>.icon>.image>i {
            font-size: 40px !important;
            color: #fff !important;
        }
        
        .box>.icon:hover>.image>i {
            color: white !important;
        }
        
        .box>.icon>.info {
            margin-top: -24px;
            background: rgba(0, 0, 0, 0.04);
            border: 1px solid #e0e0e0;
            padding: 15px 0 10px 0;
        }
        
        .box>.icon>.info>h3.title {
            color: #222;
            font-weight: 500;
        }
        
        .box>.icon>.info>p {
            color: #666;
            line-height: 1.5em;
            margin: 20px;
        }
        
        .box>.icon:hover>.info>h3.title,.box>.icon:hover>.info>p,.box>.icon:hover>.info>.more>a
            {
            color: #222;
        }
        
        .box>.icon>.info>.more a {
            color: #222;
            line-height: 12px;
            text-transform: uppercase;
            text-decoration: none;
        }
        
        .box>.icon:hover>.info>.more>a {
            color: #000;
            padding: 6px 8px;
            border-bottom: 4px solid black;
        }
        
        .box .space {
            height: 30px;
        }
        
        .panel-heading span {
            margin-top: -20px;
            font-size: 15px;
        }
        
        .row {
            margin-top: 30px;
            padding: 0 10px;
        }
        
        .clickable {
            cursor: pointer;
        }
        footer{
            /*background-image: url("{!URLFOR($Resource.IDM_Resources_New, 'IDM_Resources_New/img/footer_bg.png')}");*/
            background-repeat: no-repeat;
            min-height: 120px;!important/*updated by ramesh to make the footer fit correctly on pages*/
        }
        footer .menu .menu-list>li {
            display: inline-block;
        }
        footer .menu .menu-list > li a {
            font-size: 1.25em;
        }
        footer .menu{
            margin-top: 1.5em;
            /*height: 50px;*/
            background-color: transparent;
            overflow-x: hidden;
        }
        .footer-con{
            margin-top:25px;
            margin-left:10px;
        }
        .footer-content{
            float : right;
            color: white;
            font-size : .8em;
            margin-right : 15px;
            margin-top : 20px;
        }
        a .footer-title {
            font-weight : normal;
            color : white;
            text-decoration : none;
        }
        a:link {
            text-decoration: none;
        }
    
        a:visited {
            text-decoration: none;
        }
        .footer-item {
            margin-bottom : 20px;
        }
        .gsa-logo{
            margin-right : 10px;
        }
    
            div.bhoechie-tab-container{
              z-index: 10;
              background-color: #ffffff;
              padding: 0 !important;
              border-radius: 4px;
              -moz-border-radius: 4px;
              border:1px solid #ddd;
              margin-top: 20px;
              -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
              box-shadow: 0 6px 12px rgba(0,0,0,.175);
              -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
              background-clip: padding-box;
              opacity: 0.97;
              filter: alpha(opacity=97);
            }
            div.bhoechie-tab-menu{
              padding-right: 0;
              padding-left: 0;
              padding-bottom: 0;
            }
            div.bhoechie-tab-menu div.list-group{
              margin-bottom: 0;
            }
            div.bhoechie-tab-menu div.list-group>a{
              margin-bottom: 0;
            }
            div.bhoechie-tab-menu div.list-group>a .glyphicon,
            div.bhoechie-tab-menu div.list-group>a .fa {
              color: #337ab7;
            }
            div.bhoechie-tab-menu div.list-group>a:first-child{
              border-top-right-radius: 0;
              -moz-border-top-right-radius: 0;
            }
            div.bhoechie-tab-menu div.list-group>a:last-child{
              border-bottom-right-radius: 0;
              -moz-border-bottom-right-radius: 0;
            }
            div.bhoechie-tab-menu div.list-group>a.active,
            div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
            div.bhoechie-tab-menu div.list-group>a.active .fa{
              background-color: #337ab7;
              background-image: #5A55A3;
              color: #ffffff;
            }
            div.bhoechie-tab-menu div.list-group>a.active:after{
              content: '';
              position: absolute;
              left: 100%;
              top: 50%;
              margin-top: -13px;
              border-left: 0;
              border-bottom: 13px solid transparent;
              border-top: 13px solid transparent;
              border-left: 10px solid #337ab7;
            }
            div.bhoechie-tab-content{
              background-color: #ffffff;
              /* border: 1px solid #eeeeee; */
              padding-left: 20px;
              padding-top: 10px;
              margin-bottom : 30px;
            }
            
            div.bhoechie-tab div.bhoechie-tab-content:not(.active){
              display: none;
            }
            .unread{
                background-color: #fff;
            }
            .read{
                background-color: #f3f3f3;
            }
            .timeline {
              list-style: none;
              padding: 20px 0 20px;
              position: relative;
            }
            .timeline:before {
              top: 0;
              bottom: 0;
              position: absolute;
              content: " ";
              width: 3px;
              background-color: #eeeeee;
              left: 50%;
              margin-left: -1.5px;
            }
            .timeline > li {
              margin-bottom: 20px;
              position: relative;
            }
            .timeline > li:before,
            .timeline > li:after {
              content: " ";
              display: table;
            }
            .timeline > li:after {
              clear: both;
            }
            .timeline > li:before,
            .timeline > li:after {
              content: " ";
              display: table;
            }
            .timeline > li:after {
              clear: both;
            }
            .timeline > li > .timeline-panel {
              width: 50%;
              float: left;
              border: 1px solid #d4d4d4;
              border-radius: 2px;
              padding: 20px;
              position: relative;
              -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
              box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            }
            .timeline > li.timeline-inverted + li:not(.timeline-inverted),
            .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
            margin-top: -60px;
            }
            
            .timeline > li:not(.timeline-inverted) {
            padding-right:90px;
            }
            
            .timeline > li.timeline-inverted {
            padding-left:90px;
            }
            .timeline > li > .timeline-panel:before {
              position: absolute;
              top: 26px;
              right: -15px;
              display: inline-block;
              border-top: 15px solid transparent;
              border-left: 15px solid #ccc;
              border-right: 0 solid #ccc;
              border-bottom: 15px solid transparent;
              content: " ";
            }
            .timeline > li > .timeline-panel:after {
              position: absolute;
              top: 27px;
              right: -14px;
              display: inline-block;
              border-top: 14px solid transparent;
              border-left: 14px solid #fff;
              border-right: 0 solid #fff;
              border-bottom: 14px solid transparent;
              content: " ";
            }
            .timeline > li > .timeline-badge {
              color: #fff;
              width: 50px;
              height: 50px;
              line-height: 50px;
              font-size: 1.4em;
              text-align: center;
              position: absolute;
              top: 16px;
              left: 50%;
              margin-left: -25px;
              background-color: #999999;
              z-index: 100;
              border-top-right-radius: 50%;
              border-top-left-radius: 50%;
              border-bottom-right-radius: 50%;
              border-bottom-left-radius: 50%;
            }
            .timeline > li.timeline-inverted > .timeline-panel {
              float: right;
            }
            .timeline > li.timeline-inverted > .timeline-panel:before {
              border-left-width: 0;
              border-right-width: 15px;
              left: -15px;
              right: auto;
            }
            .timeline > li.timeline-inverted > .timeline-panel:after {
              border-left-width: 0;
              border-right-width: 14px;
              left: -14px;
              right: auto;
            }
            .timeline-badge.primary {
              background-color: #2e6da4 !important;
            }
            .timeline-badge.success {
              background-color: #3f903f !important;
            }
            .timeline-badge.warning {
              background-color: #f0ad4e !important;
            }
            .timeline-badge.danger {
              background-color: #d9534f !important;
            }
            .timeline-badge.info {
              background-color: #5bc0de !important;
            }
            .timeline-title {
              margin-top: 0;
              color: inherit;
            }
            .timeline-body > p,
            .timeline-body > ul {
              margin-bottom: 0;
            }
            .timeline-body > p + p {
              margin-top: 5px;
            }
        
            @media only screen and (max-width:600px){
                #menu .navbar-brand {
                    padding: 0px;
                }
                .navbar-brand>img{
                    margin-top: 10px;
                    width: 243px;
                    height: 50px;
                }
            }
        
            @media only screen and (min-width: 48em){
                .menu .menu-list {
                    height: 5.2em;
                }
                .footer-con{
                    /*margin-top:50px;*/  
                    margin-left:10px;
                }
            }

             a.skip-main {
      left:-999px;
      position:absolute;
      top:auto;
      width:1px;
      height:1px;
      overflow:hidden;
      z-index:-999;
    }
    a.skip-main:focus, a.skip-main:active {
      color: #fff;
      background-color:#000;
      left: auto;
      top: auto;
      width: 30%;
      height: auto;
      overflow:auto;
      margin: 10px 35%;
      padding:5px;
      border-radius: 15px;
      border:4px solid yellow;
      text-align:center;
      font-size:1.2em;
      z-index:999;
    }
    .screenreader{
      position:absolute;
      left:-10000px;
      top:auto;
      width:1px;
      height:1px;
      overflow:hidden;
    }
    @media (max-width:48em){
      .container-fluid > .navbar-collapse{
        background-color: #8ba6ca !important;
        width: 111%;
        padding-left:44px;
      }
      .dataTables_wrapper .dataTables_paginate{
        display: none;
      }
    }
    #menu .navbar-nav a:hover{
      background-color:#8ba6ca ;
      border:1px solid #8ba6ca;
      border-radius:5px;
    }
    .USflag{
      margin-top: 0;
      margin-right: 0.7rem;
      width: 2rem;
      float: left;
    }
    @import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');

    .panel-heading .accordion-toggle:after {
        /* symbol for "opening" panels */
        font-family: 'FontAwesome';
        content: "\f078";    
        float: right;
    }
    .panel-heading .accordion-toggle.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\f054"; 
    }
    .panel-heading .accordion-toggle:after{
        float:none;
    }
    .panel-group{
        margin-bottom: 0px;
    }
    .panel{
        border-color: transparent;
    }
    .panel-body{
        background-color: #F1F1F1;
    }
    .panel-heading{
         padding-top: 0px;
        padding-bottom: 0px;
    }
    .panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top: none;
    }
    .USflagContent{
        margin-top: 2px;
        margin-bottom: 2px;
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;
        font-size: 1.2rem;
    }
  
    #breadcrumb{
      margin-top: 12px;
    }
    .disabledFY{
      background-color: lightgrey;
    }
    .slds-theme--default {
      background-color: #FAFAF9;
      color: #3e3e3c;
    }
    .slds-box{
  
    }
    .slds-section__title-action{
      background-color:  #8ba6ca;
    }
    footer {
      background-color: #205493;
      background-repeat: no-repeat;
      min-height: 120px;
    }
    #menu {  
      background-repeat: no-repeat; 
      background-color: #205493;
    }
    input::placeholder {
      font-size: 14px;
    }
    input{
      padding: 10px;
    }
   .usa-grid{
      max-width: 100%
    }
    .facasearch{
      margin: 25px;
    }
    .searchfilter{
      margin-top : 10px;
      margin-bottom: 35px;
    }
    .faca-srch-dataoption{
      display:block; 
      width:213px;
      margin: 0px 0px 25px 43%;
    }
    .faca-srch-dataoption table{
      margin: 0px;
    }
    .faca-srch-dataoption table td{
      padding: : 0px;
      border: none;
      width: 75px;
    }
    .faca-srch-dataoption label{
      margin-top : 0px;
    }
    .faca-srch-dataoption input{
      margin-right : 5px;
    }
    #searchparams legend{
      width: max-content;
      border:none;
      font-size: 20px;
    }
    .bPageBlock{
      border-top-width:1px;
      border-top: 1px solid #eaeaea; 
    }
    .dataTables_length{
      padding-bottom: 5px;
    }
    body .bPageBlock {
      padding: 0;
      margin-bottom: 0px;
      border-top-width: 0px;
      margin: 0px;
      padding-top: 10px;
      padding-bottom: 10px;
    }
    tr.spaceUnder>td {
        padding-bottom: 1em;
    }
    select{
      width: 100%
    }
    .inputfield{
      background-color: white;
      border: 1px solid #dddbda;
      border-radius: 0.25rem;
      width: 100%;
      transition: border 0.1s linear, background-color 0.1s linear;
      display: inline-block;
      padding: 0 1rem 0 0.75rem;
      line-height: 1.875rem;
      min-height: calc(1.875rem + (1px * 2));
      margin-right: 10px;
      height: 33px;
    }
    .customlabel{
      margin-right: 10px;
    }

    .dataTables_filter input{
      padding: 3px;
      border-radius: 4px;
      border: 1px solid grey;
    }
    select{
      background-color: #FFFFFF;
    }

    ::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 5px;
    }

    ::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background-color: rgba(0,0,0,.5);
      -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
    .customlabel{
      margin-top: none;
    }
    .searchfilter td{
      border:none;
    }
    .slds-section__title-action{
      padding: 6px;
      font-size: 16px;
      color: black;
    }
    #dataset{
      margin-right: 5px;
    }
    .custombutton{
      padding: 6px;
      width: 100px;
    }

   .dropdown:hover .dropdown-menu{
    display: none;
   }
   .nav{
    margin-top: 12px;
   }

   .dataTables_length select{
    width:50px;
   }

    #menu .navbar-nav a:hover{
            background-color:#8ba6ca ;
            border:1px solid #8ba6ca;
            border-radius:5px;
        }