html, body {
    background-color: #fff;
    color: #636b6f;
    font-family: 'Nunito', sans-serif;
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 200;
    height: 100vh;
    margin: 0;
}


/*Google Material Design Offline Start*/

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/lib/google/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/lib/google/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
    url(/lib/google/iconfont/MaterialIcons-Regular.woff) format('woff'),
    url(/lib/google/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}


.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

/*Google Material Design Offline End */


.height-full {
height: 100vh;
}

.height-80 {
height: 80vh;
}

/*Removed to change to white theme*/
/*.height-90 {
height: 90vh;
}*/

.flex,
.row{
    display: flex;
}

.flex-1{
    flex: 1;
}.flex-2{
    flex: 2 !important;
}

.bg-red{
    background: #FF5252;
}.bg-green{
    background: #77AB59 !important;
}.bg-blue{
    background: #009BD6;
}.bg-dark-blue{
    background: #138496 !important;
}.bg-orange{
    background: #FDA63A;
}.bg-maroon{
    background: #CD6630 !important;
}

.text-red{
    color: #FF5252 !important;
}.text-green{
     color: #77AB59 !important;
 }.text-blue{
       color: #009BD6 !important;
  }.text-orange{
       color: #FDA63A !important;
   }.text-gray-light{
       color: #6B7B8A !important;
   }

.hover-green:hover{
    color: #77AB59;
}


.border-bottom-green{
    border-bottom: solid 1px #77AB59;
}

   .m-r-10{
       margin-right: 20px;
   }.m-l-10{
       margin-left: 20px;
   }

.box-shadow-default{
    -webkit-box-shadow: 0 8px 6px -6px #222232;
    -moz-box-shadow: 0 8px 6px -6px #222232;
    box-shadow: 0 8px 6px -6px #222232;
}

.section-main{
    margin-bottom: 10px;
    /*min-height: 250px;*/
}

/*Removed to change to white theme*/
.bg-cover-welcome {
    /*background-color: #0095B6;
    background-image: url("/img/bg/home_bg.png");*/
}

.bg-cover-thin {
    background-color: #0095B6;
    background-image: url("/img/slider/reporting.jpg");
    /*background-image: url("/img/slider/business-planning.jpg");*/
}

.bg-cover{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.item-wrapper{
    padding: 10px;
    color: #fff;
}

.box{
    padding: 10px;
}

.box-info-center{
    justify-content: center;
    /*display: flex;*/
    /*flex-direction: column;*/
    align-items: center;
    color: #555555; /*Removed to change to white theme from #fff*/
    /*margin-top: 30px;*/
    font-weight: bold;
}


/*Added to change to white theme from #fff*/
.box-info-center > div > h1{
/*color: #009BD6;*/
color: #CD6630;
}

.box-list-item{
    /*background: #6B873B;*/
    opacity: 0.9;
    cursor: pointer;
    min-height: 180px;

}

.box-list-item:hover{
    opacity: 1;
}

.box-list-item .material-icons{
    font-size: 50px;
}

.box-list-item *{
    margin: 5px;
    text-align: center;
}



header{
    /*background-image: linear-gradient(to right,#a25b5b,#692e4c);*/
    /*background-image: linear-gradient(to right,#4b6cb7,#182848);*/
    /*padding: 1.5em 2em;*/

    /*background: #F8F8F8;*/  /*Removed to change to white theme*/
}

.brand-logo{
    /*height: 50px;*/
    height: 70px;
}

header h1{
    margin-top: 0;
    font-size: 1.6em;
}


.header-top{
    justify-content: space-between;
    color: #ffffff;

    /*font-weight: bold;*/
}

.header-top a{
    /*color: inherit;*/
}

.app-title{
    color: #333333;
}

.top-nav{
    justify-content: center;
    padding-bottom: 10px;
}


.new-account {
    /*position: relative;*/
    /*left: -178px;*/
    /*width: 260px;*/
    height: 50px;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    /*border-radius: 30px;*/

}

.hover-round:hover{
    /*-webkit-box-shadow: 0 8px 6px -6px #222232;*/
    /*-moz-box-shadow: 0 8px 6px -6px #222232;*/
    /*box-shadow: 0 8px 6px -6px #222232;*/
    border-radius: 30px;
}
.nameko-btn-default {
    background-image: linear-gradient(to bottom, #CD6630 0px, #CD6630 100%);
    /*background-image: linear-gradient(to bottom, #6bb120 0px, #6bb120 100%);*/
    background-repeat: repeat-x;
    border-color: #6bb120;
    color: #ffffff;
}

.btn-round{
    border-radius: 30px;
}


a{
    text-decoration: none;
    /*color: #222222;*/
}

a:hover{
    /*color: rgba(0,0,0,1);*/
    color: #0098DA;
    text-decoration: none;
}

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

nav > a,header a,header{
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    /*color: rgba(255,255,255,.5);*/
    color: #222222;
}nav > a,header a{
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    /*color: rgba(255,255,255,.5);*/
    color: #7F1417;
    /*color: #222222;*/
}


footer{
    /*background: #333333;*/
    background: #003580;
    /*background: #CCCCCC;*/
    /*height: 100px;*/
    /*margin-top: 200px;*/

}

footer > section{
    align-items: center;
    padding-bottom: 20px;
}


footer .container > div{
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: baseline;

}

footer .container > div > *{
    padding: 10px;
    color:#fff;
}

.brand-symbol{
    border-top: 1px solid #fff;
    padding-top: 8px;
    color: #fff;
}

.text-size-r1-1{
    font-size: 1.1rem;
}.font-size-r1-3{
    font-size: 1.3rem;
}.font-size-r1-4{
    font-size: 1.4rem;
}


.content-section-3{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content-section-3 .section{
    flex: 1;
    display: flex;
    margin: 10px;
    padding: 10px;
    width: 100%;
    padding: 40px;
}

.bg-def-title{
    background: #009BD6;
    color: white;
    padding: 10px;
    text-align: center;
}

.table-borderless a:hover{
    cursor: pointer;
    color: #009BD6 !important;
}

.table-borderless tr:hover{
    color: #009BD6;
}

.link-large{
    font-size: 1.6rem;
}

.custom-checkbox:hover{
    cursor: pointer;
}.custom-checkbox label:hover{
    cursor: pointer;
}
input[type='checkbox']:hover{
    cursor: pointer;
}

#heading-breadcrumbs h1 {
    color: #333333;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0.08em;
    text-align: center;
}


#fullHeightModalLeft a{
    margin-bottom: 10px;
}

#fullHeightModalLeft a:hover,.hover-bold:hover{
    color: #339AF0;
    font-weight: bold;
}


.faq h5{
    color: #009BD6 !important;
}

/*tables*/
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    bottom: .5em;
}

#sidebar.active{
    max-width: 130px;
    min-width: 130px;
}

.point:hover{
    cursor: pointer;
}

.magic-menu .dropdown-menu{
    padding: 30px;
}

.magic-menu a:hover{
  /*background: #009BD6;*/
    color: #009BD6;
}


.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 300px !important;
}

.strong{
    font-weight: bold !important;
}

.hover-light-blue tbody tr:hover{
    background: #E6F1FF;
}

.action-btn{
    /*width: 35px;*/
    /*height: 38px;*/
    border-radius: 30px;
    padding: 18px;
    border-color: #6c757d !important;
    color: #6c757d !important;
}

.content-menu .menu-block:hover{
    background: #E6F1FF !important;
    color: #fff;
    border-radius: 10px;
}

.nameko-tab-default{
    background: #138496 !important;
}
.nameko-tab-default .nav-item{
    margin: 10px;
    color: #fff;
}
.nameko-tab-default .nav-link{
    text-align: center;
}.nameko-tab-default .nav-link:hover{
    color: #fff;
     background: #2BBBAD;
}

.nameko-tab-default .active{
    background: #2BBBAD !important;
}

.border-bottom-only{
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.justify-content-evenly{
    justify-content: space-evenly;
}

.round-info-default{
    background: cornflowerblue;
    color: #fff;
    padding: 5px 10px;
    border-radius: 30px;
}

/*Financial Reports css*/

.report-title{
    background: #138496;
    padding: 10px;
    color: #fff;
}

#benefit_section ,#deduct_section{
    display: none;
}


.more-project{
    padding: 10px;
}

.more-project .row{
    margin: 10px;
    padding: 10px;
    /*background: #33B5E5;*/
    color: #003153;
    font-weight: bolder;
    border-bottom: 1px dotted #003153;
}