@media (max-width: 991px){
    #page-container.page-header-modern #page-header > .content-header {
        padding-top: 0px;
    }  
    #sidebar .content-header {
        height: 140px;
    }
    .dataTables_wrapper .row:first-child {
      display:none;
    }
}
@media (min-width: 992px){
    #page-container.page-header-modern #page-header > .content-header {
        padding-top: 0px;
    }
    #sidebar .content-header {
        height: inherit;
    }  
    .dataTables_wrapper .row:first-child {
      display:flex;
    }  
}
body, p {
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-family: 'ESpeak-Light', sans-serif;

    /*font-family: 'Montserrat', sans-serif;*/
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-family: 'ESpeak-Semibold', sans-serif;
  /*  font-family:'Montserrat', sans-serif;*/
    line-height: 1.1;
    letter-spacing: 0px;
    font-weight: 700;
    font-style: normal;
}
.h-sm {
    font-size: 20px;
}
.h-md {
    font-size: 25px;
}
.h-lg {
    font-size: 41px;
}
.btn-cg-red {
    color: #fff;
    background-color: #EB0029;
    border: 2px solid #ffffff;
}
.btn-cg-red:hover, .btn-cg-red:focus, .btn-cg-red.focus {
    color: #fff;
    background-color: #9c110f;
}
.btn, .nav-pills .nav-link {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-family: 'ESpeak-Light', sans-serif;
    font-weight: 400;
}
.btn-outline-default {
    color: #697d9b;
    background-color: #ffffff;
    background-image: none;
    border-color: #697d9b;
}
.btn-outline-default.focus, .btn-outline-default:focus, .btn-outline-default:hover {
    color: transparent;
    background-color: #697d9b;
    border-color: #697d9b;
}
#page-container.sidebar-inverse #sidebar .content-side-user {
   /* background-color: #1e243a;*/
    background-color: #00c999;
}
.block-title, .content-heading {
    font-weight: 600;
}
/* additionals */
.badge-danger {
    color: #fff;
    background-color: #EB0029;
}
.bg-cg-blue {
    background-color: #031c1c; /* #222944*/!important;
}

/* .bg-cg-blue span.badge {
    color: #031c1c; /* #222944*/;
    background: #fff;
    border-radius: 100%;
} */

.bg-cg-lightblue {
    background-color:rgba(0,161,223,0.2)!important;
}
.bg-cg-red {
    background-color: #EB0029!important;
}
.bg-cg-cyan {
    background-color: #00c999; /* #00A1DF*/!important;
}
.bg-cg-gray {
    background-color: #8d949a!important;
}
.text-cg-blue {
    color: #031c1c; /* #222944*/!important;
}
.text-cg-cyan {
    color: #00c999; /* #00A1DF*/!important;
}
.text-cg-lightblue {
    color: #A1DCEE!important;
}
.content-heading {
    font-size: 2rem;
    font-weight: 700;
}
.bg-black-op-5 {
    background-color: rgba(0,0,0,.05);
}
.bg-blue-op-5 {
    background-color: rgba(34,41,68,.5);
}
.bg-blue-op-25 {
    background-color: rgba(34,41,68,.25);
}
.bg-blue-op-50 {
    background-color: rgba(34,41,68,.5);
}
.bg-blue-op-75 {
    background-color: rgba(34,41,68,.75);
}
.project-thumbnail-sm {
    background-color: lightgrey;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    width: 65px;
    height: 65px;
}
.project-thumbnail-md {
    background-color: lightgrey;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    width: 100px;
    height: 100px;
}
.project-thumbnail-lg {
    background-color: lightgrey;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: top;
    width: 235px;
    height: 135px;
}
.text-white-op {
    color: rgba(255, 255, 255, 0.6) !important;
}

.avatar {
    position: relative;
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    font-size: .625rem;
}

.avatar-lg {
  margin: 5px;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
  	display: inline-block !important;
    width: 130px;
    height: 130px;
    font-size: 1.75rem;
  	border-radius: 50%;
  
}

.avatar-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #575757;
}

.rounded-circle {
    border-radius: 50%!important;
}

input.valid, select.valid {
border-color: #dbdbdb !important;
}

.trumbowyg-box,
.trumbowyg-editor {
  min-height: 150px !important;
}
.hidden {
  display: none;
}


/* Xtra Rebranding */

.ribbon-success .ribbon-box {
    background-color: #00c999;
}

.ribbon-success.ribbon-bookmark .ribbon-box::before {
    border-color: #00c999;
    border-left-color: transparent;
}

.bg-success {
    background-color: #00c999 !important;
}

.badge-success {
    color: #fff;
    background-color:#00c999;
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #00c999;
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem #019573;
}






.badge-info {
    color: #fff;
    background-color: #0099E8;
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #0099E8;
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem #006898;
}


a.text-white:hover, a.text-white:focus {
    color: #c7fff5 !important;
}


.btn-success {
    color: #fff;
    background-color: #00c999;
    border-color: #00c999;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #00c999;
    border-color: #00c999;
}

.btn-success.disabled, .btn-success:disabled {
    background-color: #00c999;
    border-color: #00c999;
}

.btn-success:not([disabled]):not(.disabled):active {
    background-color: #00c999;
    border-color: #00c999;
}

.btn-success:not([disabled]):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    background-color: #00c999;
    background-image: none;
    border-color: #00c999;
}

.btn-success.btn-noborder {
    border-color: #00c999;
}

.btn-success.btn-noborder:hover, .btn-success.btn-noborder:focus, .btn-success.btn-noborder.focus {
    border-color: #00c999;
}

.btn-success.btn-noborder.disabled, .btn-success.btn-noborder:disabled, .btn-success.btn-noborder:not([disabled]):not(.disabled):active, .btn-success.btn-noborder:not([disabled]):not(.disabled).active {
    border-color: #00c999;
}

.show > .btn-success.btn-noborder.dropdown-toggle {
    border-color: #00c999;
}







.btn-info {
    color: #fff;
    background-color: #0099E8;
    border-color: #0099E8;
}

.btn-info:hover, .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #0099E8;
    border-color: #0099E8;
}

.btn-info.disabled, .btn-info:disabled {
    background-color: #0099E8;
    border-color: #0099E8;
}

.btn-info:not([disabled]):not(.disabled):active {
    background-color: #0099E8;
    border-color: #0099E8;
}

.btn-info:not([disabled]):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    background-color: #0099E8;
    background-image: none;
    border-color: #0099E8;
}

.btn-info.btn-noborder {
    border-color: #0099E8;
}

.btn-info.btn-noborder:hover, .btn-info.btn-noborder:focus, .btn-info.btn-noborder.focus {
    border-color: #0099E8;
}

.btn-info.btn-noborder.disabled, .btn-info.btn-noborder:disabled, .btn-info.btn-noborder:not([disabled]):not(.disabled):active, .btn-info.btn-noborder:not([disabled]):not(.disabled).active {
    border-color: #0099E8;
}

.show > .btn-info.btn-noborder.dropdown-toggle {
    border-color: #0099E8;
}

#page-container.sidebar-inverse #sidebar .content-side-user {
    /* background-color: #1e243a; */
    background-color: #031c1c;
}