@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,900&subset=latin,latin-ext);

html {}

body{
	font-family: 'Titillium Web',"Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
	font-size: 14px;
	background-color: #5C5D5E;
}

.h1, .h2, .h3, h1, h2, h3 {
	margin-top:10px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
}

h2{
	font-weight: 600;
	font-size: 24px;
}

h3{
	font-weight: 600;
}

a {
	color: #9da551;
}



.main_logo{
	width:100%;
	max-width:200px;
	margin:5px 0 5px 15px;
}

.nav_menu{
	background-color:#ffffff;
	height:70px;
}

.navbar{
	min-height: 60px;
	position:absolute;
	top:0;
	left:0;
	width:70px;
}

.navbar-nav{
	width:100%;
	float:left;
}

.navbar-nav li, .user_menu{
	float:right;
}



.navbar-nav li, .user_menu .fa{
	margin:0px;
	font-size: 16px;
	color:#9da551;
}

.user_menu .fa{
	margin:5px;
}

.nav{
	padding-left:0px;
}

.nav_toggle{
	position:absolute;
	left:5px;
	top:3px;
}

.nav-sm .nav.side-menu li a{
	padding: 10px 5px 5px 0
}

.main_menu .fa, .main_menu .fas{
	text-align: center;
	margin-right:5px;
}

.main_menu_side {
	width:100%;
}

.nav.side-menu>li>a{
	margin:0;
}

.nav.side-menu>li{
	padding-left:5px;
}
.nav.side-menu>li.current-page{
	border-right:none;
	border-left: 5px solid #B4D33F;
	padding-left:0;
}

.left_col{
	width:100%;
	padding-right:0px;
	margin-top:69px;
}

.nav.side-menu>li:hover{
	background-color: #B4D33F;
}

.nav.side-menu>li:hover a{
	background-color: #444;
}

.nav.side-menu>li.active,
.nav.side-menu>li.current-page {
    border-right: none;
    border-left: 5px solid #B4D33F;
    padding-left:0;
}

.btn-primary,
.btn-success,
.btn-success.active,
.btn-success:active,
.btn-success:focus,
.open .dropdown-toggle.btn-success {
	background-color: #B4D33F;
	border: 1px solid #B4D33F;
}

.btn-primary:hover,
.btn-success:hover {
	background-color: #FFFFFF;
	border-color: #cccccc;
	color: #B4D33F;
}

.btn-danger:hover {
	background-color: #FFFFFF;
	border-color: #cccccc;
	color: #D43F3A;
}


.btn, .pagination>li>a {
	-webkit-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	font-family: 'Titillium Web', sans-serif;
}

.btn i {margin:0 5px 0 -3px;}


.pagination>li>a, .pagination>li>span {
	color: #FFFFFF;
	background-color: #B4D33F;
	border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #fff;
	color: #B4D33F;
	border-color: #ddd;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
}

.pagination>.disabled>a{
	background-color: #eee;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
	background-color: #fff;
	color: #B4D33F;
}

select, select.input-sm{
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
    /* and then whatever styles you want*/
	height: 30px; 
	width: 100px;
	padding: 5px;
}
select.input-sm {
	line-height: inherit;
}

.form-control {
	border-radius: 5px;
}

.page-title .title_left h3 {
	margin: -3px 0px 8px 5px;
	line-height: 32px;
	font-size: 32px;
}

.page-title  .btn-primary{
	margin: -3px 2px 8px 0;
}

/*
table.dataTable{
	border-radius:5px;
}

.row td a {
	color:#32608F;
	width:100%;
	display:block;
}

.row td a:hover {
	color:#B4D33F;
}

.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:32px;
	line-height: 32px;
	padding:0 5px;

}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 0px;
}

div.dataTables_wrapper div.dataTables_filter input {
	max-width:120px;
}

.table>tbody>tr>td{
	line-height: 16px;
	padding-bottom: 5px;
}
*/

.user-profile{
	font-size: 24px;
}

#user_name{
	padding:10px 20px 10px 10px;
	border-bottom:1px dotted #ccc;
}

.top_nav .nav .open>a, .top_nav .nav .open>a:focus, .top_nav .nav .open>a:hover, .top_nav .nav>li>a:focus, .top_nav .nav>li>a:hover {
	background: inherit;
}

.navbar-nav .open .dropdown-menu{
	right:10px;
}

.x_panel, .x_title {
	margin-bottom: 0px;
}

span.section {
	margin-bottom:10px;
	padding-bottom:10px;
}

.navbar-nav .user_menu{margin-top:5px;}



.form-inline .form-control{
	vertical-align: inherit;
}

.login_arrow{margin-left:5px;}

.forgot_password{ margin-top:-15px; padding:0 10px; text-align: right;}

.forgot_password{
	position:absolute;
	bottom:0px;
	right: 0px;
	text-align: right;
}

label {min-width: 220px;}


.btn{
	padding: 4px 10px;
	font-size: 14px;
	border-color:#fff;
}

h2{font-size: 20px;}

.user_menu{padding-top: 15px;}

.x_title{padding:0 0 0 5px;}
.x_panel{height:100%;}
.row{margin-bottom:10px;}

.panel_toolbox>li {
    float: right;
    margin-right:-5px;

}

.toggler{
	width:15px;
	float:right;
	min-width: 15px;
	max-width: 15px;
}


/* datatables pagination selected page */
.page-item.active .page-link {
    background-color: #5C5D5E;
    border-color: #5C5D5E;
    color: white;
}

.content_heading{background-color: #ffffff;}