/*====================================
 Free To Use For Personal And Commercial Usage
 Author: http://binarytheme.com
 Share Us if You Like our work 
 Enjoy Our Codes For Free always.
======================================*/
/* Hide submenu by default */

/* Style the active menu item */
.treeview.active > a {
    background-color: #000000;
}
a.paginate_button {
    padding: 0 2px !important;
    border-right: 1px solid #ccc !important;
    cursor: pointer !important;
}
.panel-heading.settings {
	background-color: #53A3A3;
	color: #fff;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}
.login-form-mid {
    justify-content: center !important;
    align-items: center !important;
    display: flex;
    height: 100%;
}

table.dataTable {
    max-width: 99% !important;
}
.member-dropdown > div {
	width: 100%;
}
.login-panel.panel {
    margin: 80px 0;
}
.small-box:hover {
    text-decoration: none;
    cursor: pointer;
	color: #222;
    opacity: 0.7;
}
body.login_page {
	background: url("../img/bg-login.jpg") center center repeat !important;
	background-size: cover;
}
.pl-info {
    background: #ececec;
    margin: 5px;
    border-radius: 10px;
    padding: 0px 5px;
}
.pl-info h1 {
    border-radius: 10px;
    background-color: #efefef;
    padding: 10px;
    margin: 10px 0;
    font-weight: bold;
}
.login_page .page-header {
    border-bottom: medium none !important;
}
.login_page .page-header {
	color: #fff;
}
img.fb-display {
	border-radius: 50px;
}
#side-menu a:hover {
    color: #D2322D;
}
.onhover{
	color: #D2322D  !important;
}
a.pop {
	position: relative;
	text-decoration: none;
}
a.pop span {
	display: none;
}
a.pop:hover span {
	display: block;
	position: absolute;
	padding: .5em;
	content: attr(title);
	min-width: 120px;
	text-align: center;
	width: auto;
	height: auto;
	white-space: nowrap;
	top: -32px;
	background: rgba(0,0,0,.8);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	font-size: .86em;
}
a.pop:hover span:after {
	position: absolute;
	display: block;
	content: "";
	border-color: rgba(0,0,0,.8) transparent transparent transparent;
	border-style: solid;
	border-width: 10px;
	height: 0;
	width: 0;
	bottom: -16px;
	left: 1em;
}
a#toggle {
	cursor: pointer;
}

/* user image section */
.user-section {
	margin-top: 20px;
	font-size: 22px;
	background-color: rgb(83, 163, 163);
}
.user-section-inner {
	height: 65px;
	width: 65px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	display: inline-block;
	float: left;
	margin-right: 15px;
	margin-top: 20px;
}
.dropdown-toggle > img {
	border-radius: 40px;
	position: relative;
	top: -10px;
}
.user-section-inner img {
	margin-left: 10px;
	width: 55px;
	height: 60px;
}
.input-group.custom-search-form {
	margin-top: 30px;
}
.user-info {
	color: #000!important;
	display: inline-block;
	padding: 15px;
	margin-bottom: 0px
}
.spacer {
    height: 40px !important;
}
.user-text-online {
	font-size: 18px;
	color: #fff
}
.user-circle-online {
	width: 15px!important;
	height: 15px!important;
}

/* side-menu section */
.treeview ul.treeview-menu li {
    padding: 10px 0px !important;
    list-style: none !important;
	    padding-inline-start: 5px !important;
}

.treeview ul.treeview-menu {
    width: 100% !important;
    padding-inline-start: 0px !important;
    background-color: #4d4d4d !important;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: rgba(74, 72, 126, 0);
}
.navbar-top-links .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #fff;
}
.navbar-top-links > li > a {
	color: #FFFFFF;
}
.nav > li > a {
	color: #333;
	padding: 5px 10px;
}
a.user_profile_pic {
	height: 50px;
	width: 50px;
}
a.user_profile_pic img {
	height: 50px;
	width: 50px;
}
.navbar-static-side ul li:hover {
    background-color: #000;
    transition-duration: 0.9s;
}
#side-menu {
	background-color: #333;
}
#side-menu a i {
	color: #F5F5DC;
	font-size: 20px;
	margin-right: 15px;
}
#side-menu a {	
	color: bisque;
    font-size: 13px;
    padding: 10px;
    font-weight: 600;
    text-align: left;
}
.selected {
	background-color: rgb(83, 163, 163);
}
/* back colors */
.blue {
	background-color: rgb(113, 159, 241);
}
.green {
	background-color: rgb(144, 236, 192);
}
.red {
	background-color: rgb(255, 102, 133);
}
.yellow {
	background-color: rgb(237, 253, 46);
}
/* No border */
.no-boder {
	border: 0px solid #5bc0de !important;
}
/* tap nvbar Section */


.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
	content: " ";
	display: table;
}
*::before, *::after {
	box-sizing: border-box;
}
.clearfix::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after {
	clear: both;
}
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
	content: " ";
	display: table;
}
*::before, *::after {
	box-sizing: border-box;
}
#navbar {
	background-color: #fff;
	color: #333;
}
.navbar-brand {
	margin: 5px;
	padding: 5px;
}
.navbar-brand img {
	height: 35px;
}
.top-label {
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -24px;
	margin-right: -24px;
}
/*large font*/
.large-font {
	font-size: 18px;
}
.body-Login-back {
	background-color: #84B899;
}
.margin-tips {
	margin: 5px;
}
.navbar-default {
	border-color: #27A6BE;
}
/*media queries*/
.feet {
	color: #fff;
	font-size: 16px;
}
/*.panel-body {
    padding: 0;
}*/
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}
.switch input {
	display: none;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider {
	background-color: #2196F3;
}
input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}
.slider.round:before {
	border-radius: 50%;
}
.daterangepicker {
    top: 300px !important;
}

@media only screen and (min-width:768px) {
#page-wrapper {
	position: inherit;
	margin: 0 0 0 200px;
	padding: 0 30px;
}
}

@media only screen and (max-width:768px) {
	a.sidebar-toggle{
		display: none !important;
	}
	button.navbar-toggle {
		float: left !important;
	}
	.navbar-header {
		width: max-content !important;
	}
	.navbar-header {
		width: max-content !important;
		display: inline-block;
		float: left;
	}
	ul.nav.navbar-top-links.navbar-right {
		float: right;
		width: max-content;
		display: inline-block;
	}
.navbar-brand img {
	height: 30px;
}
#wrapper {
	margin-top: 65px !important;
}
.spacer {
    display: none;
}
}

@media only screen and (max-width : 550px) {
}