/* Add your custom CSS overrides here */
body {
    height: 100%;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    background-color: #FFF;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
   
   



/* ---------------------------------------------------------------
   Main Content - START */
#mainContainer,
.page-container {
	float: left;
    width: 100%;
    clear: both;
}

#loadViews {
    float: left;
    width: -webkit-fill-available;
}



/* ---------------------------------------------------------------
   Top Nav Dashboard Styles - START */
#insertImgLogo {
    height: 34px !important;
    width: 185px !important;
    content:url('/APOLLOWE_HTTP/themes/dashboard8/assets/img/logo.png');
}

#defaultTopBar,
#defaultTopBar .navbar-inner {
    min-height: 65px;
    height: 65px;
    background-color: #2078C8;
}

#defaultTopBar .navbar-header {
	max-width:200px;
    width: 200px;
    min-height: 65px;
    height: 65px;
}

.navbar-brand {
    float: left !important;
    padding: 15px 5px !important;
    font-size: 18px !important;
    line-height: 20px !important;
    width: 100% !important;
}

#insertImgLogo {
    height: unset !important;
    min-height: 34px !important;
    min-width: 185px !important;
}

#sidebar-collapse {
    left: 200px;
    height: 65px;
    line-height: 65px;
}

.collapse-icon{
    line-height: 43px !important;
}

.navbar-account,
.account-area,
.account-area .open,
.login-area {
    height: 65px !important;
}

.login-area {
    line-height: 65px !important;
    padding-top: 15px !important;
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-arrow:before {
    top: -65px;
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li.open>a {
    background-color: #2989DD !important;
}

.avatar-area .caption {
    background-color: #2989DD !important;
}

.navbar .navbar-inner .navbar-header .navbar-account .account-area>li .dropdown-menu.dropdown-login-area>li.dropdown-footer {
    border-top: 3px solid #2989DD !important;
}

.dropdown-login-area>li.email a,
.dropdown-menu.dropdown-login-area>li.edit a {
    color: #333 !important;
}

/* ---------------------------------------------------------------
   Navigcation -START */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color:#FFF !important;
}
.navbar-default .navbar-nav > li > a {
	color:#FFF !important;
}
.fhmm-fw > a {
	font-weight:bold;
}





/* ---------------------------------------------------------------
   Left Nav Dashboard Styles - START */

.sidebar-menu {
	background-color:#FFF;
	border-right:1px solid #eee;
}

.sbs-left-nav-icon {
    font-size: 1.7em !important;
    margin-right: 4px !important;
}

a {
    color: #1F75C2 !important;
}

.sidebar-menu>li.active>a:focus, .sidebar-menu>li>a:hover {
    background: #017dbf !important;
    border-radius: 0 !important;
    color: #FFF !important;
}

.sidebar-menu>li.active>a:focus {
    color: #FFF !important;
}

 .page-sidebar .sidebar-menu li:before {
    border-left: solid 4px #FFCC00 !important;
}

.page-sidebar .sidebar-menu a {
    height: 46px;
    line-height: 46px;
    font-size: 14px;
}



/* ---------------------------------------------------------------
   Widgets - START */

.bg-red {
    color: #a94442;
    background-color: #f2dede;
}

.bg-red {
    color: #FFF !important;
    background-color: #e46f61 !important;
}

.well {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.bg-green{
    color: #FFF !important;
    background-color: #99D05B !important;
}

.bordered-green {
    border-color: #99D05B !important;
}

.bg-azure {
    color: #fff;
    background-color: #5bc0de !important;
}

.bordered-azure {
    border-color: #46b8da !important;
}

.bg-themeprimary {
    background-color: #2989DD !important;
    border-color: #2989DD !important;
}

.bordered-themeprimary {
    border-color: #2989DD !important
}

.themeprimary {
    color: #2989DD !important;
}

.deadline {
    border-top: 3px solid #5bc0de !important;
}

.databox-text {
    font-size: 14px !important;
}

#myTab11>li>a {
    display: block;
}

.btn-info, .btn-info:active, .btn-info:focus, .btn-info:hover {
    color: #fff !important;
    background-color: #31b0d5 !important;
    border-color: #269abc !important;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.1) !important;
    -moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,.1) !important;
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.1) !important;
}

.btn+.dropdown-toggle {
    height: 26px !important;
}


.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    z-index: 2 !important;
    color: #fff !important;
    cursor: default !important;
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
}

.btn-primary,
.btn-primary:hover {
    color: #fff !important;
    background-color: #31b0d5 !important;
    border-color: #269abc !important;
}

.dataTables_filter{
    float: right;
}

.btn,
.panel,
.databox,
.dashboard-box {
    border-radius: 4px;
}

.widget-header,
.box-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.widget-body,
.box-tabbs,
#realtime,
.tab-content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* ---------------------------------------------------------------
   Document Related Styling - START */
   
#DocRelatedButtons {
    padding-left: 15px;
    margin-top: 15px;
}

.navbar-route {
    padding-left: 15px;
}

#replaceSearchContent #DocRelatedButtons {
    padding-left: 0px;
    margin-top: unset;
}

#replaceSearchContent .navbar-route {
    padding-left: 0px;
}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
    height: 38px !important;
}

.table>tbody>tr>th {
    font-weight: 400 !important;
}

.table>thead>tr>td, 
.table>thead>tr>th {
    text-align: center !important;
}

.table-bordered thead>tr {
    background-color: white !important;
    background-image: none !important;
}

.table>thead {
    border-bottom: 2px solid #ddd !important;
}