@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
body {
	font-family: 'Open Sans', sans-serif;
}
/****************/
/* login styles */
/****************/
#login {
	background-color: #FFF;
}
#login .login-form {
	border: 2px solid #EFEFEF;
}
#login div.login-version {
	color: #000;
}
#login div.login-version a {
	color: #2B73EE;
}

/***************************/
/*       menu styles       */
/***************************/
.navbar-default,.navbar .navbar-collapse, .hamburger-menu.navbar-inverse {
	background-color: #CB2B1D;
}
.brandLogoPDF { 
	background-color: #CB2B1D !important;
}
.navbar-default .navbar-nav>li>a {
	color: white;
	text-transform: none;
	background-color: #CB2B1D;
	z-index: 999;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:hover {
	background-color: #2c3e50;
	color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: rgb(51, 51, 51);
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #2c3e50;
	color: #fff;
}
#navbarDesk .navbar-nav>li>.dropdown-menu,
.navbar-nav .dropdown-submenu>.dropdown-menu {
	background-color: #2c3e50;
}
#navbarDesk .dropdown-menu>li>a:focus,
#navbarDesk .dropdown-menu>li>a:hover {
	background-color: #CB2B1D;
}
#navbarDesk  .dropdown-menu>li>a {
	color: #fff;
}
#navbarDesk  .dropdown-menu>li>a:focus {
	background-color: #CB2B1D;
}
#navbarDesk .dropdown-menu {
	min-width: 190px;
	padding: 0;
}
#navbarDesk .dropdown-submenu .dropdown-menu {
	margin-top: 0px;
}
#navbarDesk .dropdown-submenu .dropdown-menu a {
	min-height: 36px;
}
/***************************/
/*    page layout styles   */
/***************************/
.display-header, .panel .panel-heading {
	background-color: #34475a;

}
.dashboardHeaderPDF {
	background-color: #34475a !important;
}
.display-header .display-title.display-title, .panel .panel-heading {
	color: #fff;
}

/****************/
/* table styles */
/****************/
/*
table.dataTable {
	border-top-color: #a4bcc2;
	border-top-width: 4px;
	border-top-style: solid;
}
table.dataTable>thead>tr {
	background-color: #D9E1E2;
	color: #768692;
}
table.dataTable>tbody>tr {
	color: #768692;
}
table.dataTable>tbody>tr:nth-of-type(odd) {
	background-color: #ecf0f0;
}
table.dataTable>tbody>tr:nth-of-type(even) {
	background-color: #E2E8E9;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #279989;
}
*/

/***************************/
/*      Modal Styles       */
/***************************/
.modal .modal-content {
	border-radius: 0;
}
.modal .modal-header {
	background-color: #fff;
	color: #333;

}
.modal .modal-header h4 {
	text-align: left;
	font-size: 2rem;
}
.modal .modal-body {
	background-color: #fff;
}
.close {
	opacity: 1;
}

/***************/
/* list styles */
/***************/


/***************************/
/*   html control styles   */
/***************************/
.toggle.btn-primary,
.toggle.btn-success,
.toggle .btn-success,
.toggle-group .btn-primary,
.display-header .btn-default,
button.btn.btn-primary {
	background-color: #5DADE2;
	border-color: #5DADE2;
	border-radius: 2px;
	color: #fff;

}
.toggle.btn-success:active,
.toggle .btn-success:active,
.toggle-group .btn-primary:active,
.display-header .btn-default.active.
.display-header .btn-default:active,
button.btn.btn-primary.active,
button.btn.btn-primary:active  {
	background-color: #2993D9;
	border-color: #2993D9;
	color: #fff;
}
.toggle.btn-success:hover,
.toggle .btn-success:hover,
.toggle.btn-primary:hover,
.toggle-group .btn-primary:hover,
.display-header .btn-default:hover,
.display-header .btn-default:focus,  
button.btn.btn-primary:hover,
button.btn.btn-primary:focus {
	background-color: #88C3EA;
	border-color: #88C3EA;
	color: #fff;
}
button.btn.btn-primary:disabled,
button.btn.btn-primary:disabled:hover  {
	background-color: #AED6F0;
	border-color: #AED6F0;
	color: #fff;
}
.btn-green {
	background-color: #1ABC9C !important;
	border-color: #1ABC9C !important;
	color: #fff;
	border-radius: 2px;
}
.btn-green.btn-danger:active:hover,
.btn-green.btn-danger:active:focus,
.btn-green.active,
.btn-green:active {
	border-color: #13866F !important;
	background-color: #13866F !important;
}
.btn-green:hover,
.btn-green:focus {
	border-color: #28E1BD !important;
	background-color: #28E1BD !important;
	color: #fff;
}
.btn-green:disabled,
.btn-green:disabled:hover  {
	background-color: #8CDDCD !important;
	border-color: #8CDDCD !important;
}
.display-header .display-search .input-group-addon,
.display-header .display-search input.form-control {
	border-color: #34475a !important;
}

.toolbar-layout .btn-default {
	border-color: #5DADE2;
	background: #fff;
}
.toolbar-layout .btn-default:hover {
	background-color: #88C3EA;
	border-color: #88C3EA;
}
.toolbar-layout .btn-default:hover img,
.toolbar-layout .btn-default.active img,
.toolbar-layout .btn-default:focus img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.toolbar-layout .btn-default.active,
.toolbar-layout .btn-default:focus {
	background-color: #2993D9;
	border-color: #2993D9;
}
.display-header .btn-default,
.display-header .toolbar-layout .btn-default,
.display-header .toolbar-layout .btn-default:hover,
.display-header .toolbar-layout .btn-default.active,
.display-header .toolbar-layout .btn-default:focus,
.toolbar-autorefresh .btn-success,
.toolbar-autorefresh .btn-danger,
.toolbar-view .input-group .btn-default,
.toolbar-status .btn-default,
.toolbar-autorefresh .btn-success:hover,
.toolbar-autorefresh .btn-danger:hover,
.toolbar-view .input-group .btn-default:hover,
.toolbar-status .btn-default:hover,
.toolbar-autorefresh .btn-success:active,
.toolbar-autorefresh .btn-danger:active,
.toolbar-view .input-group .btn-default:active, 
.toolbar-status .btn-default.active   {
	border-color: #34475a !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #2c8ade;
	border-color: #2c8ade;
}
.pagination>li>a, .pagination>li>span {
	color: #2c8ade;
}

a {
	color: #1896DC;
}
	input.form-control[type="text"],
	input.form-control[type="email"],
	input.form-control[type="password"],
	input.form-control[type="time"],
	.input-group span.input-group-addon,
	.btn-group button.btn.btn-default,
	.input-group button.btn.btn-default,
	.input-group button.btn.btn-danger,
	.input-group button.btn.btn-success {
		border-radius: 3px;
	}
	.input-group span.input-group-addon:last-child,
	.input-group .input-group-btn:last-child button,
	.input-group > span:not(:first-child),
	.input-group span.select2 span.selection,
	.input-group span.select2 span.select2-selection {
		border-top-left-radius: 0!important;
		border-bottom-left-radius: 0!important;
	}
	.input-group span.input-group-addon:first-child,.input-group .input-group-btn:first-child button {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	span.select2 span.selection {
		border-radius: 4px;
	}
	span.select2 span.select2-selection {
		border-radius: 4px;
	}

	/***************************/
	/* google map popup styles */
	/***************************/
	.iw-title {
		background-color: #fff;
		color: #333;
		font-weight: 500;
		padding: 10px 10px 4px;
		font-size: 14px;
	}


/***********************/
/* page related styles */
/***********************/
ul.notifications div.channels span {
	color: #fff;
	background-color: #7C1920;
}

/***********************/
/* miscellaneous stuff */
/***********************/
.show-trip {
	color: #7C1920;
}