/*=====================================================
CUSTOM STYLES
====================================================*/
body {
	height: auto;
	font-weight: 400;
}
.h4, h4 {
	font-size: 16px;
}
p {
	margin-bottom: 6px;
}
.clear {
	clear: both;
}
a:focus {
	text-decoration: none;
}
textarea {
	min-height: 60px;
	resize: vertical;
}
label {
	font-weight: 400;
	margin-bottom: 2px;
	color: #222;
}
table input[type="checkbox"], table input[type="radio"], .ms-options-wrap input[type="checkbox"] {
	opacity: 1 !important;
	position: inherit !important;
}
.default-checkbox input[type="checkbox"], .default-radio input[type="radio"] {
	opacity: 1 !important;
	position: inherit !important;
}
.default-radio .iradio_minimal-grey{
	float:left;
}
table div[class*="iradio_"]:not(.checked) {
	background-color: rgba(255, 255, 255, 0);
}
.form-error {
	font-weight: 300;
}
form .file-button {
	height: 32px;
	line-height: 32px;
}
.text-right {
	text-align: right !important;
}
/*=====================================================
LOGIN PAGE STYLES START
====================================================*/
.account .account-wall {
	padding: 0;
	margin-top: 0;
}
.account #lockscreen-block .account-wall {
	margin-top: 290px;
}
.account .form-signin, .account .form-password {
	max-width: inherit;
}
.account #lockscreen-block .form-signin {
	width: 35%;
}
.new-login .account-wall {
	background-color: #ffffff;
	border-top: 3px solid #de4151;
	margin: 0;
	opacity: 1;
	position: absolute;
	right: 80px;
	top: 50%;
	width: 680px;
	height: 373px;
	padding: 0;
	margin-top: -210px;
}
.new-login .logo-sec {
	text-align: center;
	padding: 0;
	float: left;
	background: #f5f5f5;
	width: 45%;
	position: relative;
}
.new-login .logo-sec img {
	max-width: 270px;
	display: inline-block;
	text-align: center;
}
.new-login .logo-sec-inner {
	display: table-cell;
	height: 370px;
	text-align: center;
	vertical-align: middle;
	width: 1%;
}
.new-login .arrow-right {
	position: absolute;
	top: 50%;
	right: -12px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #f5f5f5;
	margin-top: -6px;
}
.new-login .form-sec {
	float: left;
	width: 55%;
	padding: 0 5%;
	margin: 35px 0 0;
}
.account a, .account p {
	font-size: 13px;
}
.account .backstretch::before {
/*background-color: rgba(15, 15, 15, 0.4);*/
}
/*=====================================================
LOGIN PAGE2 STYLES START
====================================================*/
.account.new-login-2 .backstretch:before {
	background: #F4F6F9;
}
.new-login-2 .account-wall {
	float: left;
	width: 50%;
	background: #F4F6F9;
}
.new-login-2 .account-wall {
	background: #F4F6F9;
	float: right;
	height: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	width: 50%;
}
.new-login-2 .account-wall-inner {
	margin-top: -240px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	text-align: center;
}
.new-login-2 .account-info {
	float: left;
	width: 50%;
	background: #F4F6F9;
	position: fixed;
	height: 100%;
}
.new-login-2 .account-info-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100%;
	height: 100%;
}
.new-login-2 .form-sec {
	max-width: 400px;
	margin: 0 auto;
	padding: 25px;
	background: #FFF;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.new-login-2 .logo-sec {
	margin-bottom: 25px;
}
.new-login-2 .logo-sec-inner {
	text-align: center;
}
.new-login-2 .logo-sec img {
	margin-left: auto;
	margin-right: auto;
	max-height: 80px;
	vertical-align: middle;
}
.new-login-2 .login-footer {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.panel-list-header h2 a {
	color: #333;
}
.panel-list-header h2 a:hover {
	color: #d44f26;
}
.checkbox-sec {
	opacity: 0.7;
	position: relative;
	top: -3px;
	vertical-align: middle;
}
.new-login input, .new-login-2 input {
	margin-bottom: 0 !important;
}
.form-signin label.error {
	margin: 0;
	font-size: 12px;
}
.security-icon h4 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 18px;
}
.security-icon img {
	padding-right: 8px;
}
.security-icon p {
	font-size: 13px;
	line-height: 22px;
}
.account-copyright {
	border-top: 1px solid #eee;
	background: #f7f7f7;
	bottom: 0 !important;
	color: #bdbdbd;
	left: 0;
	margin: 0 !important;
	padding: 12px 20px;
	position: absolute !important;
	right: 0;
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #555;
	font-size: 13px;
}
.account-copyright img {
	max-width: 120px;
}
.account.boxed .account-copyright a, .account .login-footer a {
	color: #1f859c;
}
.account-copyright a:hover {
	text-decoration: underline;
}
.custom-table td, .custom-table th {
	padding: 5px;
}
.nav > li > a {
	padding-left: 10px;
	padding-right: 10px;
}
.info-tile {
	overflow: hidden;
	padding: 10px;
}
.info-tile a {
	color: #FFF;
}
.info-tile .tile-icon {
	width: 30%;
	float: left;
}
.info-tile .tile-icon i {
	opacity: 0.8;
	font-size: 50px;
	margin: 15px 10px;
	display: block;
}
.new-boxes .tile-icon i {
	background-clip: padding-box;
	border-radius: 50%;
	float: left;
	height: 65px;
	text-align: center;
	width: 65px;
	opacity: 1;
	font-size: 30px;
	line-height: 64px;
	margin: 0px;
	background-color: #6F65C8;
	border: 0;
	padding: 0 !important;
	color: #FFF;
}
.info-tile .tile-body {
	width: 70%;
	float: left;
	text-align: right;
}
.info-tile .tile-body h1 {
	font-weight: 600 !important;
	font-size: 28px;
}
.info-tile .tile-body p {
	text-align: right;
}
.jquery-clock.small {
	height: 110px;
	width: 110px;
}
.info-tile strong {
	font-size: 16px;
	font-weight: bold;
}
.info-tile.bg-blue {
	background: #6F65C8 !important;
}
.new-boxes.circle-blue .tile-icon i {
	background-color: #6F65C8;
}
.new-boxes.circle-orange .tile-icon i {
	background-color: #F2A057;
}
.new-boxes.circle-green .tile-icon i {
	background-color: #20b48c;
}
.new-boxes.circle-pink .tile-icon i {
	background-color: #e147e7;
}
.new-boxes.circle-sky-blue .tile-icon i {
	background-color: #2ca7cd;
}
.info-tile.new-boxes p {
	margin-bottom: 0;
}
.new-boxes {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 5px;
	min-height: 80px;
	padding: 15px 20px;
	overflow: hidden;
}
.new-boxes .bg-icon {
	background-clip: padding-box;
	border-radius: 50%;
	float: left;
	height: 65px;
	text-align: center;
	width: 65px;
}
.new-boxes .bg-icon-green {
	background-color: rgba(91, 174, 96, 0.2);
	border: 1px solid #5bae60;
}
.bg-icon-green i, .text-green h4 {
	color: #5bae60;
}
.new-boxes .bg-icon-yellow {
	background-color: rgba(180, 168, 66, 0.2);
	border: 1px solid #b4a842;
}
.bg-icon-yellow i, .text-yellow h4 {
	color: #b4a842;
}
.full_div .bg-icon-pink {
	background-color: rgba(180, 110, 191, 0.2);
	border: 1px solid #b46ebf;
}
.bg-icon-pink i, .text-pink h4 {
	color: #b46ebf;
}
.new-boxes .bg-icon i {
	font-size: 30px;
	line-height: 64px;
	padding-right: 0 !important;
}
.user-profile {
	text-align: center;
}
.user-profile img {
	max-width: 100%;
	width: 100%;
}
.profile-info {
	margin-bottom: 15px;
}
.profile-info li {
	list-style: none;
	display: block;
	padding: 4px 8px;
}
.profile-info li:nth-child(2n+1) {
	background: #fcfcfc;
}
.profile-info li strong {
	padding-right: 5px;
}
.main-content {
	min-height: 200px;
}
.main-content .page-content {
	padding: 20px 20px 0;
	margin-top: 75px;
}
.page-app .header {
	background: #FFF;
}
.sf-viewport {
	height: 100% !important;
}
.sf-sea .sf-nav-number {
	font-size: 70px !important;
	left: 10px !important;
}
.sf-sea .sf-nav li {
	font-size: 18px !important;
	height: 45px !important;
	line-height: 45px !important;
	padding: 0 45px !important;
	width: 4.85%;
}
.sf-left {
	float: right !important;
	margin-right: 10px;
}
.sf-sea .sf-wizard form {
	padding: 10px !important;
}
.attendance-status .red {
	color: #ed1616;
}
.attendance-status .green {
	color: #36c532;
}
.panel-adj .left {
	float: left;
}
.panel-adj .right {
	float: right;
}
.panel-adj .btn {
	margin: 0;
}
p.account-copyright {
	color: #262626;
}
.remove-search .dataTables_filter {
	display: none;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	font-weight: 400;
}
.table .btn.btn-sm {
	margin: 1;
}
.select2-container {
	width: 100%;
}
.form-error {
	color: #c83838;
	font-size: 13px;
	font-style: normal;
	margin-top: 3px;
}
label.error {
	color: #c83838;
	font-size: 13px;
}
.table-head {
	font-size: 15px;
	font-weight: 600;
	height: 46px;
	letter-spacing: 0.6px;
	line-height: 46px;
	padding: 0 15px;
	text-transform: uppercase;
}
.table-head {
	color: #505458;
	background: #FFF;
}
.table-head {
	border-bottom: 2px solid #4A89DC;
}
.round-avatar img {
	border: 1px solid #dbdbdb;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	max-width: 60px;
	min-height: 60px;
}
.modal-dialog {
	width: auto;
	max-width: 860px;
}
.small-dialog {
	max-width: 550px;
}
.small-dialog2 {
	max-width: 450px;
}
.medium-dialog {
	max-width: 750px;
}
.large-dialog {
	max-width: 1000px;
}
.large-dialog-2 {
	max-width: 1250px;
}
.modal {
	padding-right: 0 !important;
	margin-right: 0 !important;
}
.panel-heading, .panel-heading-white {
	background: #f5f5f5 !important;
	border-bottom: 2px solid #ddd !important;
	padding: 12px 15px;
}
.panel-heading-white {
	background: #FFF !important;
}
.panel-heading h4 {
	margin: 0;
	color: #111;
}
.panel-heading .pull-right {
	color: #999;
}
.color-default .panel-heading, .color-default .table-head {
	border-bottom-color: #555 !important;
}
.ticket-reply .panel-heading {
	border-bottom: 2px solid #ddd !important;
}
.panel-header-add {
	display: block;
	height: auto;
	padding: 0;
	padding-bottom: 6px;
	margin: 10px 18px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.panel-header-add h2 {
	color: #5b5b5b;
	display: block;
	font-size: 18px;
	line-height: normal;
	margin-bottom: 10px;
	margin-top: 7px;
}
.panel-right-options p {
	margin-bottom: 0;
	padding-left: 15px;
}
.panel-right-options a {
	margin-right: 15px;
}
.panel-right-options i {
	position: relative;
	top: 2px;
	padding-right: 3px;
}
.ticket-reply {
	background: #FFF;
	border: 1px solid #FFF;
}
.ticket-reply .panel-heading {
	border-bottom: 2px solid #ddd !important;
}
.modal-inner .modal-dialog {
	max-width: 600px;
}
.modal-inner img {
	width: 100%;
}
.modal-inner .modal-backdrop.in {
	opacity: 0.97;
}
.modal-inner .modal-backdrop {
	background-color: #000;
}
.modal-inner button.close {
	color: #FFF;
	position: absolute;
	right: 0;
	top: -30px;
	opacity: 1;
}
.panel-header.panel-list-header h2 {
	text-transform: none !important;
	font-size: 20px !important;
}
.panel-header.panel-list-header .title-big h2 {
	font-size: 22px !important;
}
.panel-list-header p.text-danger {
	font-size: 12px;
}
.panel-header.panel-list-header {
	border-bottom: 2px solid #ddd;
	margin: 10px 15px 10px 18px;
	padding: 0 !important;
	padding-bottom: 4px !important;
}
.panel-header.panel-list-header p {
	margin-bottom: 0;
}
.panel-header.panel-list-header .pull-left {
	float: left;
	margin-top: -7px;
}
.panel-list {
	display: black;
	list-style: none;
}
.panel-list li {
	margin-bottom: 6px;
}
.panel-list i {
	font-size: 11px !important;
}
.fa-2x {
	font-size: 1.3em;
}
.description ul, .description ol {
	margin-left: 30px;
}
.search-container {
	position: relative;
	margin-top: 16px;
}
.search-container .btn {
	position: absolute;
	right: -1px;
	top: 0;
	margin: 0;
	height: 44px !important;
	border-radius: 0 3px 3px 0;
}
.search-container input {
	padding: 12px;
	padding-right: 120px;
}
.topbar .select2-container .select2-choice {
	height: 35px;
}
.topbar .select2-container .select2-choice .select2-arrow b:before {
	top: 6px;
}
.select2-container .select2-choice {
	height: 34px;
}
.category-details li {
	border-bottom: 1px solid #eee;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	padding: 0 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.category-details h5 {
	font-weight: 400;
	margin: 5px 0 0;
	font-size: 14px;
}
.category-details span {
	padding-left: 3px;
	color: #ec8521;
}
.category-details i {
	padding-right: 5px;
}
.category-details li a {
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.category-details li a:hover {
	padding-left: 6px;
}
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
	background-color: #f6aaaa;
}
.logged {
	margin-right: 50px;
}
/*-- menu and sidebar changes --*/
.fixed-sidebar .sidebar, .topbar .header-left .topnav .menutoggle {
	display: none;
}
.sidebar-inner .mCSB_container.mCS_no_scrollbar {
	height: auto;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgba(0, 0, 0, 0.2);
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: rgba(0, 0, 0, 0.4);
}
.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
}
.sidebar .sidebar-inner {
	height: 100% !important;
}
.fixed-topbar .topbar {
	left: 50px;
	padding: 0;
	background: #f5f5f5 !important;
}
.topnav {
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	float: left;
	width: 100%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.topbar .topnav > ul > li > a:before {
	background: #3fa9f5;
}
.topnav .dropdown-toggle:after {
	border: 0;
}
.topbar .header-left {
	margin-left: 20px;
}
.topbar .header-right {
	margin-right: 20px;
}
.main-content {
	margin-left: 0 !important;
}
.logo {
	display: inline-block;
	overflow: hidden;
	padding: 3px 1% 5px;
	vertical-align: middle;
	max-width: 30%;
}
.searchform {
	display: inline-block;
	margin: 0.62em 1% 0;
	width: 65%;
}
.topbar .header-left {
	width: 50%;
}
.logo img {
	max-width: 100%;
}
.search-field {
	display: inline-block;
	width: 85%;
	position: relative;
}
.search-field input {
	height: 32px;
	line-height: 30px;
	padding: 0 8px;
	position: relative;
	z-index: 1;
}
.topbar .search-field .select2-container .select2-choice {
	height: 32px;
	line-height: 18px;
	padding: 0;
}
.topbar .search-field .select2-container .select2-chosen {
	padding: 6px 8px;
}
.btn.btn-filed {
	border: 0 none;
	display: inline-block;
	min-height: 32px !important;
	height: 32px !important;
	line-height: 34px;
	margin: 0 0 0 -6px;
	padding: 0;
	position: relative;
	vertical-align: top;
	width: 12%;
	z-index: 1;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}
}
.btn.btn-filed i {
	font-size: 14px;
}
.dropdown-search .dropdown-menu {
	border-radius: 0;
	box-shadow: none;
	left: 10px;
	margin: 6px 0 0;
	padding: 15px 0;
	width: 100%;
}
.dropdown-menu {
	min-width: 180px;
}
.dropdown-search {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 100%;
	text-align: right;
}
.dropdown-search .dropdown-btn {
	position: relative;
	z-index: 2;
}
.head-branch, .head-year {
	margin-right: 10px;
}
.head-year {
	margin-right: 15px;
}
.sidebar-collapsed .topbar .header-left .topnav .mmenu .dropdown.mmenu-fw .dropdown-menu {
	left: 0;
	right: 0;
}
.menutoggle {
	display: none;
}
.topbar .form-group {
	margin: 0;
	margin-top: 8px !important;
}
.dataTables_wrapper:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
.dataTables_wrapper {
	clear: both;
	position: relative;
}
.dataTables_filter {
	float: right;
	width: 25%;
	text-align: right;
	position: relative;
	margin-bottom: 5px;
}
.dataTables_filter label {
	width: 100%;
}
.dataTables_filter span {
	float: left;
	text-align: right;
	width: 20%;
	padding: 8px 0 0;
}
.dataTables_filter .form-control {
	width: 78% !important;
	float: right;
	margin-left: 2%;
}
.show-fields, .show-search-advanced, .hide-default {
	display: none;
}
.advanced-search {
	position: absolute;
	font-size: 11px;
	right: 0;
	bottom: -6px;
	cursor: pointer;
	text-decoration: underline;
}
.adv-serach-hide .advanced-search, .adv-search-hide .advanced-search {
	display: none;
}
.adv-buttons-hide div.dt-buttons {
	display: none;
}
.dataTables_wrapper .dataTables_info {
	float: left;
	padding-top: 0.755em;
}
.position-button {
	position: absolute;
	right: 15px;
	top: auto;
	margin: 3px 0 0;
	z-index: 11;
}
.position-button-maps {
	position: absolute;
	right: 15px;
	top: auto;
	margin: 3px 0 0;
	z-index: 11;
}
.button-align-3 div.dt-buttons {
	margin-right: 98px !important;
}
.button-maps div.dt-buttons {
	margin-right: 108px !important;
}
.button-align.button-maps div.dt-buttons {
	margin-right: 204px !important;
}
.button-align.button-import div.dt-buttons {
	margin-right: 284px !important;
}
.button-align.button-maps .position-button-maps {
	position: absolute;
	right: 110px;
}
.button-books div.dt-buttons {
	margin-right: 227px !important;
}
.borrow-book {
	right: 131px;
}
.return-book {
	right: 15px;
}
.button-books .btn-book {
	min-width: 112px;
}
.dt-button.maps {
	min-width: 110px;
}
.dataTables_wrapper .dataTables_paginate {
	float: right;
	padding-top: 0.25em;
	text-align: right;
}
.dataTables_length {
	float: left;
}
.paginate_button {
	display: inline-block;
	margin-left: 8px;
	padding: 6px 8px;
	color: #a2a2a2;
	font-size: 12px;
	border: 0;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.paginate_button.current, .paginate_button.current:hover {
	color: #222;
}
.dataTable thead th input[type="text"] {
	padding-left: 10px;
}
.main-content .page-content .panel {
	color: #333;
}
.table th {
	color: #333;
	font-weight: 600 !important;
	text-transform: capitalize;
}
.table-responsive .table > thead > tr > th, .table-responsive .table > tbody > tr > th, .table-responsive .table > tfoot > tr > th, .table-responsive .table > thead > tr > td, .table-responsive .table > tbody > tr > td, .table-responsive .table > tfoot > tr > td {
	white-space: nowrap;
}
.link-btn {
	box-sizing: border-box;
	color: #333;
	display: inline-block;
	margin-right: 4px;
	padding: 3px;
	text-decoration: none;
}
.link-btn i {
	font-size: 14px;
}
.link-btn .fa.fa-inr {
	font-size: 15px;
}
.link-btn:hover, .link-btn:focus {
	text-decoration: none;
}
.dropdown-table {
	display: inline-block;
}
.dropdown-table img {
	display: inline-block;
	margin-top: -2px;
}
.table .dropdown-menu {
	padding-left: 5px !important;
}
.user-image {
	background: #DC6B44;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	display: inline-block;
	margin-right: 15px;
	overflow: hidden;
	vertical-align: middle;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}
.user-image.user-picture {
	float: left;
	margin-top: 6px;
	margin-right: 0;
	width: 36px;
	height: 36px;
	line-height: 36px;
}
.user-image span, .user-image .user-icon {
	color: #FFF;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
}
.user-picture .user-icon {
	cursor: pointer;
}
.user-image img {
	display: block;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	max-width: 35px;
	min-width: 35px;
	max-height: 35px;
	min-height: 35px;
}
.user-image.user-picture img {
	max-width: 36px;
	min-width: 36px;
	max-height: 36px;
	min-height: 36px;
	margin-top: 0 !important;
}
.message-item .user-image {
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.message-item .user-image span {
	text-align: center;
	font-size: 20px;
	line-height: 40px;
}
.table tr:nth-child(n+0) td .user-image, .dropdown-images ul li:nth-child(n+0) .user-image, .message-item:nth-child(n+0) .media .user-image {
	background: #dc6b44;
}
.table tr:nth-child(2n+1) td .user-image, .dropdown-images ul li:nth-child(2n+1) .user-image, .message-item:nth-child(2n+1) .media .user-image {
	background: #dab927;
}
.table tr:nth-child(4n+4) td .user-image, .dropdown-images ul li:nth-child(4n+4) .user-image, .message-item:nth-child(4n+4) .media .user-image {
	background: #2d9bd2;
}
.table tr:nth-child(5n-2) td .user-image, .dropdown-images ul li:nth-child(5n-2) .user-image, .message-item:nth-child(5n-2) .media .user-image {
	background: #a222d1;
}
.table-multiple th, .table-multiple td {
	padding: 0 !important;
	text-align: center;
}
.table-inner {
	width: 100%;
}
.table-inner th, .table-inner td {
	padding: 5px 8px !important;
}
.table-inner th {
	border-top: 1px solid #ddd;
}
.table-inner th, .table-inner td {
	border-left: 1px solid #ddd;
}
.table-inner th:first-child, .table-inner td:first-child {
	border-left: 0;
}
.table-center th, .table-center td {
	text-align: center !important;
}
.table-header td {
	color: #333333;
	font-weight: 600 !important;
	text-transform: capitalize;
}
.table-header td {
	background-color: #f0f4f8;
	border-bottom-width: 2px !important;
}
.btn-explain {
	width: 15px;
	height: 15px;
	display: inline-block;
	position: relative;
	top: 5px;
	border: 1px solid #ddd;
}
.main-content .page-content .panel .panel-header.panel-no-space {
	padding-bottom: 0;
}
.main-content .page-content .panel .panel-header.panel-no-space h3 {
	margin-bottom: 0;
	text-transform: uppercase;
}
.modal-title h4 {
	text-transform: uppercase;
}
/*.main-content .page-content .panel-content {
padding: 20px;
}*/
.profile-view-pic {
	position: relative;
}
.profile-view-pic img {
	max-width: 100%;
	width: 100%;
	height: auto;
	border: 3px solid #FFF;
}
.datepicker.datepicker-dropdown {
	margin-top: 28px;
}
.tooltip {
	white-space: nowrap;
}
.close {
	opacity: 0.9 !important;
	color: #FFF;
}
td.details-control {
	background: url('../images/details_open.png') no-repeat center center;
	cursor: pointer;
}
tr.shown td.details-control {
	background: url('../images/details_close.png') no-repeat center center;
}
.expanded-table {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 3px;
	display: block;
	padding: 10px !important;
}
.expanded-table td {
	padding: 5px;
}
.tab-content {
	padding: 10px 0;
}
.table {
	width: 100% !important;
	clear: both;
}
.main-content .page-content .panel .tab-content h3 {
	margin-bottom: 12px;
}
.fc-toolbar {
	margin-bottom: 25px;
}
.main-content .page-content .panel {
	box-shadow: 0;
	box-shadow: none;
	border: 1px solid #e7e7e7;
}
.form-group label sup {
	color: #fb6060;
	position: relative;
	top: -2px;
	left: 1px;
}
/*--- PANELS AND THEMES START ---*/
body {
	background: #FFF;
}
.page-content {
	background: #FFF !important;
}
.page-content .panel {
	background: #f5f5f5 !important;
}
.page-content .panel-white {
	background: #FFF !important;
}
.table {
	margin-bottom: 10px;
}
.table tr:nth-child(2n+1) {
	background: #FFF;
}
.table thead tr {
	background: #f5f5f5 !important;
}
.table-default tr td {
	font-size: 13px !important;
	vertical-align: top !important;
	border-top: 0 solid #dddddd !important;
	border-bottom: 1px solid #dddddd;
}
.table-default tr td:first-child {
	font-weight: 600;
}
.time-table tr {
	background: #FFF;
}
.time-table td:first-child {
	background: #F0F4F8;
	font-weight: 600;
	padding: 8px;
}
.form-control.form-white {
	border: 1px solid #ccc;
	color: #333;
	background: #FFF !important;
}
.select2-container .select2-choice {
	border: 1px solid #cccccc !important;
}
.nav.nav-tabs > li > a {
	background-color: #f5f5f5;
	color: #333;
}
.nav.nav-tabs > li.active > a, .nav.nav-tabs > li:hover a {
	background-color: #f5f5f5;
	color: #000;
}
table.table-border-none td, table.table-border-none th, table.table-border-none tr {
	border: 0 !important;
	background: none !important;
}
hr {
	border-color: #ddd;
}
.hide-dataTables-length .dataTables_length, .hide-dataTables-filter .dataTables_filter {
	display: none;
}
.btn {
	border: 0 !important;
	z-index: 999;
}
table .btn {
	margin: 0;
}
/*--- PANELS AND THEMES END ---*/

.slider-arrows {
	position: absolute;
	top: 45%;
	z-index: 99;
}
.slider-arrows span {
	color: #18A689;
	font-size: 24px;
}
.slider-arrows-left {
	left: 10px;
}
.slider-arrows-right {
	right: 10px;
}
.main-content .page-content .panel .panel-content .nav-tabs .dropdown-menu {
	padding: 5px;
}
.btn-top {
	margin-top: 22px;
}
.btn.btn-icon {
	height: 20px;
	line-height: 20px;
	padding: 0 !important;
	text-align: center;
	width: 30px;
	margin-bottom: 2px;
}
.hide-input {
	left: 0;
	top: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 32px;
	z-index: 2;
	cursor: pointer;
	overflow: hidden;
}
.show-input {
	color: #FFF;
	z-index: 1;
	border: 0;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 32px;
	cursor: pointer;
	text-align: center;
}
.file-up {
	bottom: 3px;
	left: 4px;
	position: absolute;
	width: 97%;
}
.upload-popup {
	color: #FFF !important;
	z-index: 1;
	border: 0;
	background: rgba(0,0,0,0.5);
	width: 49%;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
}
.upload-popup2 {
	left: auto;
	right: 0;
}
.width-auto {
	width: auto !important;
}
.pull-right .btn {
	margin-left: 10px;
}
.main-content .page-content .panel .panel-header-no-space {
	padding: 0;
}
.main-content .page-content .panel .panel-header-no-space h3 {
	margin: 5px 0;
}
.profile-details p {
	font-size: 13px;
	margin-bottom: 2px;
}
.profile-details h4 {
	font-weight: 600;
	margin-bottom: 5px;
}
.sf-viewport fieldset {
	width: 100%;
}
table .row-disabled {
	position: relative;
}
table .row-enabled td {
	background: #d1ede8;
}
table .row-disabled td:before {
	background: rgba(0, 0, 0, 0.02);
	content: "";
	display: block;
	height: 99%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}
.select-class .col-sm-1 {
	width: 11%;
	margin-bottom: 10px;
}
.chk-align {
	margin-top: 30px;
}
.lbl-align {
	margin-top: 22px;
}
.lbl-align-30 {
	margin-top: 30px;
}
table.dt-rowReorder-float {
	position: absolute !important;
	opacity: 0.8;
	table-layout: fixed;
	outline: 2px solid #888;
	outline-offset: -2px;
	z-index: 2001
}
tr.dt-rowReorder-moving {
	outline: 2px solid #555;
	outline-offset: -2px
}
body.dt-rowReorder-noOverflow {
	overflow-x: hidden
}
table.dataTable td.reorder {
	text-align: center;
	cursor: move
}
.user-lockscreen .user-logout {
	height: 120px;
	line-height: 120px;
	width: 120px !important;
	left: 0;
	top: 0;
	position: absolute !important;
}
.user-lockscreen .user-logout label {
	font-size: 40px;
}
.account #lockscreen-block .form-logout {
	width: 100%;
	padding-left: 140px;
}
.logout-screen {
	margin: 0 auto;
	float: none;
}
.table-head {
	font-size: 15px;
	font-weight: 600;
	height: 42px;
	letter-spacing: 0.6px;
	line-height: 42px;
	padding: 0 15px;
	text-transform: uppercase;
}
.table-head {
	color: #505458;
	background: #f5f5f5;
	border: 1px solid #ddd;
}
.table-head {
	border-bottom: 1px solid #d5d5d5;
}
.ticket-details {
	list-style: none;
	padding-bottom: 0;
	padding-left: 5px;
	padding-top: 1px;
}
.ticket-details li {
	border-bottom: 1px solid #ddd;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 6px;
	padding-bottom: 6px;
}
.ticket-details h5 {
	font-weight: 600;
	margin: 5px 0 3px;
	font-size: 14px;
}
.ticket-details span {
	padding-left: 3px;
	color: #FFF;
}
.subcont {
	background: #f5f5f5;
	padding: 10px;
	border: 1px solid #e7e7e7;
}
.note-toolbar {
	background: #ddd;
}
.note-editor .note-editable {
	background: #ffffff;
	border: 1px solid #ddd;
}
.summernote-2 .note-editor .note-editable {
	height: 180px !important;
}
.jstree-default .jstree-node {
	min-height: 32px;
}
.panel-accordion-edit a {
	padding: 0 !important;
}
.timeframe {
	display: block;
	margin-left: 0;
	padding: 10px 0;
	position: relative;
}
.timeframe-line {
	background: #3fa9f5;
	height: 100%;
	left: 25px;
	position: absolute;
	top: -10px;
	width: 1px;
}
.timeframe-block {
	background: #FFF;
	border: 1px solid #dddddd;
	margin-bottom: 18px;
	margin-left: 60px;
	margin-top: 10px;
	padding: 0;
	border-radius: 3px;
	position: relative;
}
.timeframe-circle i {
	color: #3fa9f5;
	font-size: 16px;
	padding: 0 !important;
	line-height: 38px;
}
.timeframe .arrow-left {
	position: absolute;
	top: 0;
	left: -9px;
	background: url(../images/arrow-left.png) no-repeat 0 0;
	margin-top: 14px;
	width: 9px;
	height: 18px;
}
.timeframe-circle {
	background: #ffffff;
	border: 1px solid #3fa9f5;
	height: 40px;
	left: -55px;
	position: absolute;
	text-align: center;
	top: 6px;
	width: 40px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
}
.timeframe-circle span {
	color: #3fa9f5;
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
}
.timeframe-status {
	border-bottom: 0 solid #ccc;
	padding: 10px 15px;
	padding-bottom: 5px;
}
.timeframe-status strong {
	font-size: 16px;
	padding-bottom: 0;
}
.timeframe-info {
	padding: 0 15px;
	padding-bottom: 10px;
}
.timeframe-date {
	background: #ececec;
	border-top: 1px solid #FFF;
	padding: 10px 15px;
}
.timeframe-line-center {
	left: 50%;
	top: 0;
	margin-left: -2px;
}
.timeframe-block-left, .timeframe-block-right {
	background: none;
	float: left;
	width: 50%;
	position: relative;
}
.timeframe-block.timeframe-block-right {
	float: right;
}
.timeframe-block-left {
	margin-top: 4.2em;
	margin-bottom: 0;
}
.timeframe-main {
	margin-bottom: 40px;
}
.timeframe-sec {
	background: #FFF;
	border: 1px solid #dddddd;
	position: relative;
	border-radius: 3px;
}
.timeframe-block-left .timeframe-sec {
	margin-right: 40px;
	margin-left: 20px;
}
.timeframe-block-right .timeframe-sec {
	margin-left: 40px;
	margin-right: 20px;
}
.timeframe-block-left .timeframe-content, .timeframe-block-right .timeframe-content {
	position: relative;
}
.timeframe-block-left .arrow-left {
	position: absolute;
	left: auto;
	right: -9px;
	background: url(../images/arrow-right.png) no-repeat 0 0;
	margin-top: 14px;
	width: 9px;
	height: 18px;
}
.timeframe-center:before {
	background: #3fa9f5;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	width: 2px;
	left: 50%;
	margin-left: -2px
}
.timeframe-center .timeframe-circle {
	backface-visibility: hidden;
	left: 100%;
	margin-left: -20px;
	text-align: center;
}
.timeframe-block-right .timeframe-circle {
	left: auto;
	right: 100%;
	margin-left: 0;
	margin-right: -20px;
}
.timeframe-main.background-white .timeframe-block-left .timeframe-content, .timeframe-main.background-white .timeframe-block-right .timeframe-content {
	background: #FFF;
}
.timeframe-main.background-white .timeframe-date {
	background: #ddd;
}
.bootbox .modal-dialog {
	max-width: 500px;
	width: auto;
}
.bootbox .modal-title {
	border-bottom: 2px solid #ddd;
	padding-bottom: 10px;
}
.bootbox .modal-header {
	padding-bottom: 5px;
}
.bootbox .modal-footer {
	padding-top: 5px;
}
.button-align-2 .dataTables_filter {
	margin-right: 112px;
}
.button-align-drop .dataTables_filter {
	margin-right: 160px;
}
.text-white {
	color: #FFF !important;
}
.bg-danger {
	background-color: #f2dede !important;
}
.add-on {
	left: 0;
	position: absolute;
	top: 34px;
}
.text-left {
	text-align: left !important;
}
.page-links td a {
	color: #5d38f0;
}
.show-division, .link-anchor {
	cursor: pointer;
	color: #3b7dce !important;
}
.underline {
	text-decoration: underline;
}
.border-left-div {
	border-left: 2px solid #ddd;
}
.border-top-2 {
	border-top: 2px solid #ddd;
}
.border-top-3 {
	border-top: 3px solid #ddd;
}
.small, small {
	font-size: 75%;
}
.page-app .badge-header {
	font-size: 12px;
	padding: 2px 5px;
	position: relative;
	right: -1px;
	top: -8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.common-bg, .common-bg-white {
	border: 1px solid #e7e7e7;
	background: #f5f5f5;
	padding: 20px;
	margin-bottom: 20px;
}
.common-bg-white {
	background: #FFF;
}
.mailbox .media-, .mailbox .media-body {
	overflow: inherit;
}
.sender span.mail-count {
	text-align: center;
	margin-left: 3px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 100%;
	color: #FFF;
	font-weight: 900;
	display: inline-block;
	font-size: 13px;
}
.fa {
	line-height: inherit;
}
.form-control {
	font-size: 14px;
}
input.btn {
	margin-bottom: 10px !important;
}
.modal h2 {
	font-size: 18px;
}
.modal-header {
	padding: 10px 15px;
}
.modal-dialog {
	margin-top: 8%;
	z-index: 10000;
}
.iradio_square-aero {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}
.btn + .dropdown-toggle-split::after {
	margin-left: 0;
}
button.dt-button:hover, div.dt-button:hover, a.dt-button:hover, a.dt-button:hover i, a.dt-button:hover span {
	color: #ffffff !important;
	text-decoration: none;
}
.dropdown-table .dropdown-toggle:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .3em;
	vertical-align: middle;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-left: .3em solid transparent
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
	margin-left: -1px;
}
.btn + .dropdown-toggle-split {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.btn-group > .btn:first-child {
	margin-left: 0;
}
.btn-group-vertical > .btn, .btn-group > .btn {
	float: left;
	margin-bottom: 0;
	position: relative;
}
.btn-secondary {
	background-color: #FFF;
	border: 1px solid #cccccc !important;
	color: #333;
}
.btn-secondary:hover, .btn-secondary:focus {
	color: #333 !important;
}
.button-align-drop .btn.btn-size {
	min-width: 125px;
}
.list-group-item {
	margin-bottom: -1px;
	padding: 5px 10px;
}
.quickview li, .quickview p {
	list-style: none;
	font-size: 12px;
	line-height: 18px;
}
.quickview li {
	margin-bottom: 5px;
}
.quickview li .user-msg strong {
	display: inline-block;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 140px;
	color: #111;
}
.dropdown-images ul li:nth-child(n+0) .user-msg label {
	color: #dc6b44;
}
.dropdown-images ul li:nth-child(2n+1) .user-msg label {
	color: #dab927;
}
.dropdown-images ul li:nth-child(4n+4) .user-msg label {
	color: #2d9bd2;
}
.dropdown-images ul li:nth-child(5n-2) .user-msg label {
	color: #a222d1;
}
.user-msg label {
	font-weight: 600;
	display: inline;
}
.dropdown-images .user-image.user-picture {
	margin-top: 2px;
}
.quickview .notes p {
	font-size: 14px;
}
.notify-list .alert {
	padding: 0;
}
.notify-list .alert a {
	font-weight: normal;
}
.user-msg {
	float: left;
	margin-left: 8px;
	width: 240px;
}
.notify-list li {
	position: relative;
}
.notify-list li a {
	padding: 3px 18px;
	display: block;
	overflow: hidden;
}
.notify-list li a:hover {
	background: #f5f5f5;
}
.notify-list li .close {
	color: #333333;
	float: right;
	font-size: 16px;
	position: absolute;
	right: 5px;
	top: 3px;
}
.quickview-header small {
	display: block;
}
.quickview-header .nav.nav-tabs > li > a i {
	padding: 5px 0;
	font-size: 18px;
}
.close.quickview-close {
	color: #333;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 40px;
	font-size: 20px;
}
#quickview-toggle > a {
	padding-right: 3px;
}
.modal-full {
	max-width: 100%;
}
.modal-header-border {
	border-bottom: 2px solid #ddd;
}
.menu-settings .title {
	border-bottom: 1px solid #efefef;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin-top: 15px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.menu-settings .title strong {
	font-family: 'Open Sans', sans-serif;
	font-weight: 900;
}
.menu-settings li {
	list-style: none;
}
.menu-settings li a {
	color: #656565;
}
.menu-settings .withdesc a:after {
	color: #CFCFCF;
	content: attr(data-description);
	display: block;
	font-size: 11px;
	font-weight: 400;
	line-height: 0;
	margin: 10px 0 15px;
	text-transform: uppercase;
}
.icon-spin {
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	transform: rotateZ(0deg)
}
.icon-spin:hover {
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	transform: rotateZ(90deg)
}
.icon-shake:hover {
	-webkit-animation: swing 1s;
	-moz-animation: swing 1s;
	animation: swing 1s;
}
.icon-pulse:hover {
	-webkit-animation: pulse 1s;
	-moz-animation: pulse 1s;
	animation: pulse 1s;
}
.icon-rubber-band:hover {
	-webkit-animation: rubberBand 1s;
	-moz-animation: rubberBand 1s;
	animation: rubberBand 1s;
}
.notify-header {
	padding: 6px 5px;
	text-align: center;
	font-size: 18px;
	color: #333;
	height: 40px;
	border-bottom: 1px solid #ddd;
	font-family: 'Open Sans', sans-serif;
}
/* =================================================================
TRANSPARENT AND FULL WIDTH AND HEIGHT MODAL POPUP STYLES
================================================================ */

/* .modal-transparent */

.modal-transparent {
	background: transparent;
}
.modal-transparent .modal-content {
	background: transparent;
}
.modal-backdrop.modal-backdrop-transparent {
	background: #ffffff;
}
.modal-backdrop.modal-backdrop-transparent.in {
	opacity: .9;
	filter: alpha(opacity=90);
}
/* .modal-fullscreen */

.modal-fullscreen {
	background: transparent;
	top: 95px;
}
.modal-open .modal-fullscreen {
	z-index: 99;
}
.modal-fullscreen .modal-content {
	background: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
	background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
	opacity: 1;
	filter: alpha(opacity=100);
}
.modal-fullscreen .modal-dialog {
	margin: 5px 0;
	margin-right: auto;
	margin-left: auto;
	max-width: 90%;
}
.close-2 {
	color: #333333;
	font-size: 20px;
	padding: 15px;
	outline: none;
	border: 0;
}
.search-new {
	display: block !important;
	margin: 0 auto 20px !important;
	width: 45% !important;
	border-bottom: 1px solid #ddd;
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.search-new h3 {
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 6px;
	position: relative;
	top: -2px;
}
.search-new input {
	border: 0;
	background: 0;
	float: left;
	margin: 0;
	color: #555;
	padding: 0 10px;
	outline: none;
	width: 75%;
	position: relative;
}
.search-new-btn {
	float: right;
}
.menu-items {
	display: flex;
	flex-wrap: wrap;
	overflow-y: auto;
	padding-left: 0;
	padding-right: 0;
	position: relative;
}
.menu-item-list {
	float: left;
	margin: 0 auto;
	max-width: 200px;
}
.menu-item-list h4 {
	cursor: pointer;
	margin-bottom: 15px;
	padding-bottom: 10px;
	position: relative;
	font-weight: bold;
	color: #3fa9f5
}
.menu-item-list h4 span {
	border-bottom: 2px solid #3fa9f5;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 30px;
}
.menu-item-list li {
	display: block;
	list-style: none;
	line-height: 22px;
}
.menu-item-list li a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 3px 0;
	margin-bottom: 6px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.menu-item-list li a:before {
	content: "";
	position: absolute;
	width: 90%;
	height: 2px;
	bottom: 0;
	left: 22px;
	background-color: #3fa9f5;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.menu-item-list li a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.menu-item-list li a:hover, .menu-item-list li a:hover span, .menu-item-list li a:hover i {
	color: #3fa9f5;
}
.menu-item-list li a i, .menu-item-list li a span {
	display: inline-block;
	color: #555;
}
.menu-item-list li a span {
	padding-left: 10px;
}
.menu-item-list li small {
	display: block;
	line-height: 16px;
	margin-left: 24px;
}
.plus-icon {
	font-size: 19px;
	font-weight: 600;
	color: #555;
}
.topbar .header-right .header-menu .dropdown-menu-large {
	height: 170px; 
	width: 380px;
	padding: 10px;
	padding-top: 0;
	right: -10px;
}
.dropdown-menu-large a {
	text-align: center;
	display: block;
	margin: 40px 0 0;
}
.dropdown-menu-large .menu-user {
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	font-size: 40px;
	line-height: 40px;
	height: 50px;
	color: #888;
	display: block;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
.dropdown-menu-large h5 {
	font-size: 13px;
	color: #555;
	font-weight: 600;
	margin: 0;
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
.dropdown-menu-large a:hover .menu-user {
	transform: scale(1.2);
	color: #3fa9f5;
}
.dropdown-menu-large a:hover h5 {
	color: #3fa9f5;
}
/* =================================================================
DASHBOARD PAGE STYLES
================================================================ */
.dashboard hr {
	margin-top: 10px;
}
.box-widget, .widget-circle {
	background: #FFF;
	border: 1px solid #ddd;
	padding: 10px 15px;
	overflow: hidden;
	position: relative;
	min-height: 118px;
	margin-bottom: 20px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.box-widget:hover, .widget-circle:hover {
	-webkit-box-shadow: 0 10px 6px -8px #aaa;
	-moz-box-shadow: 0 10px 6px -8px #aaa;
	box-shadow: 0 10px 10px -8px #aaa;
	margin-top: -5px;
	border-bottom: 1px solid #fff;
}
.widget-title h2 {
	font-weight: 600;
	color: #777;
	font-size: 16px;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	border-bottom: 1px solid #ddd;
	display: inline-block;
}
.widget-title i {
	font-size: 20px;
	color: #777;
	padding-left: 5px;
}
.widget-count {
	margin: 3px 0 0;
}
.widget-count p {
	color: #555555;
	font-size: 12px;
	line-height: 12px;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.widget-count h2 {
	font-weight: 600;
	color: #555;
	font-size: 24px;
	margin: 0;
	padding: 0;
	min-width: 70px;
	padding-right: 20px;
}
.widget-count i {
	font-size: 12px;
	padding-left: 2px;
}
.widget-total h2 {
	min-width: inherit;
}
.widget-icon {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	height: 120px;
	line-height: 120px;
	position: absolute;
	top: -60px;
	right: -60px;
	width: 120px;
	z-index: 8;
	background: red;
}
.widget-icon i {
	color: #ffffff;
	font-size: 21px;
	left: 27px;
	position: absolute;
	top: 72px;
	line-height: 22px;
}
.bg-widget-1 .widget-icon {
	background: #fe8fce;
}
.bg-widget-1 .widget-total h2, .bg-widget-1 .widget-total p {
	color: #fe8fce;
}
.bg-widget-2 .widget-icon {
	background: #7d8bd8;
}
.bg-widget-2 .widget-total h2, .bg-widget-2 .widget-total p {
	color: #7d8bd8;
}
.bg-widget-3 .widget-icon {
	background: #35b8e0;
}
.bg-widget-3 .widget-total h2, .bg-widget-3 .widget-total p {
	color: #35b8e0;
}
.bg-widget-4 .widget-icon {
	background: #43a461;
}
.bg-widget-4 .widget-total h2, .bg-widget-4 .widget-total p {
	color: #43a461;
}
.bg-widget-5 .widget-icon {
	background: #9e9e9e;
}
.bg-widget-5 .widget-total h2, .bg-widget-5 .widget-total p {
	color: #888686;
}
.bg-widget-6 .widget-icon {
	background: #c0ca33;
}
.bg-widget-6 .widget-total h2, .bg-widget-6 .widget-total p {
	color: #9da619;
}
.bg-widget-7 .widget-icon {
	background: #a1887f;
}
.bg-widget-7 .widget-total h2, .bg-widget-7 .widget-total p {
	color: #a1887f;
}
.bg-widget-8 .widget-icon {
	background: #FF7043;
}
.bg-widget-8 .widget-total h2, .bg-widget-8 .widget-total p {
	color: #FF7043;
}
.widget-circle {
	background-color: #f7f7f7;
}
.widget-circle h3 {
	padding: 0;
	margin: 0 !important;
}
.widget-circle h3 strong {
	color: #666;
	font-size: 26px;
	margin: 0;
	padding: 0;
}
.widget-circle h4 {
	border-bottom: 1px solid #dddddd;
	color: #777777;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 5px;
	padding: 0 0 5px;
}
.widget-circle h4 i {
	font-size: 20px;
	padding-left: 5px;
}
.widget-circle .text-right {
	text-align: right;
}
.widget-circle .text-right span {
	display: block;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 600;
	color: #555;
	text-align: right;
}
.widget-circle span.due {
	color: #c75757;
}
.widget-circle .bg-icon {
	background-clip: padding-box;
	border-radius: 50%;
	height: 72px;
	text-align: center;
	width: 72px;
	float: left;
	margin: 10px 0 0;
}
.widget-circle .bg-icon i {
	font-size: 30px;
	line-height: 72px;
}
.widget-circle .bg-icon i.ti-truck {
	line-height: 60px;
}
/*--*/
.widget-circle .bg-icon-blue {
	background-color: rgba(52, 211, 235, 0.2);
	border: 1px solid #34d3eb;
}
.bg-icon-blue i, .text-blue h4 {
	color: #29bdd3;
}
/*--*/
.widget-circle .bg-icon-pink {
	background-color: rgba(180, 110, 191, 0.2);
	border: 1px solid #b46ebf;
}
.bg-icon-pink i, .text-pink h4 {
	color: #b46ebf;
}
/*--*/
.widget-circle .bg-icon-yellow {
	background-color: rgba(180, 168, 66, 0.2);
	border: 1px solid #b4a842;
}
.bg-icon-yellow i, .text-yellow h4 {
	color: #b4a842;
}
/*--*/
.widget-circle .bg-icon-green {
	background-color: rgba(91, 174, 96, 0.2);
	border: 1px solid #5bae60;
}
.bg-icon-green i, .text-green h4 {
	color: #5bae60;
}
.list-block li {
	list-style: none;
	display: block;
}
.panel-dashboard h3 {
	border-bottom: 1px solid #dddddd;
	color: #666;
	display: inline-block !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 5px !important;
	padding-bottom: 10px;
	text-transform: capitalize !important;
}
.todo-list li .todo-task {
	font-size: 14px;
	font-weight: 600;
}
.todo-list li .todo-date {
	color: #888;
}
.c-gray {
	color: #888;
}
.c-dark {
	font-weight: 600;
	margin: 5px 0;
	font-size: 14px;
}
.widget-news .message-item {
	padding: 6px 10px 0;
}
.head-branch .form-control {
	max-width: 210px;
	min-width: 210px;
}
.text-underline {
	text-decoration: underline;
}
.topbar .header-right .header-menu #user-header .dropdown-menu li a i {
	top: 14px;
}
.topbar .header-right .header-menu .dropdown-menu.bg-arrow:after {
	border-bottom: 10px solid #f5f5f5;
}
.topbar .header-right .header-menu #user-header .dropdown-menu {
	width: 325px !important;
}
.drip-down-menu-top {
	background: #f5f5f5;
	border-radius: 6px 6px 0 0;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	padding-bottom: 5px;
}
.dropdown-menu .user-name {
	text-align: left;
	display: block;
	color: #444;
	padding-left: 15px;
	padding-bottom: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
}
.dropdown-menu .user-name h4 {
	margin: 0;
	padding: 0;
	line-height: 16px;
}
.dropdown-menu .user-name p {
	margin: 0;
	padding-bottom: 1px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	line-height: 20px;
}
.dropdown-menu .user-image.user-picture {
	float: left;
	height: 60px;
	line-height: 60px;
	margin-right: 0;
	margin-top: 0;
	width: 60px;
	background: #FFF;
}
.dropdown-menu .user-image.user-picture img {
	margin-top: 0;
	max-height: 60px;
	max-width: 60px;
	min-height: 60px;
	min-width: 60px;
	padding: 1px;
}
.dropdown-menu .user-image .user-icon {
	font-size: 32px;
}
.topbar .header-right .header-menu .dropdown-menu li {
	border-top: 1px solid #ddd;
}
.topbar .header-right .header-menu #user-header .dropdown-menu li a {
	padding: 8px 14px;
}
.editable-container.editable-inline {
	width: 70%;
}
.summernote-white .note-toolbar {
	background: #FFF;
	border: 1px solid #ddd;
	border-bottom: 0;
}
.form-control2 {
	background-color: #FFF;
	border: 1px solid #ccc;
	border-radius: 2px;
	color: #555555;
	cursor: text;
	display: inline-block;
	line-height: 22px;
	padding: 6px;
	vertical-align: middle;
	width: 100%;
}
.label-bordered, .new-tags .bootstrap-tagsinput .tag.label {
	background: #f5f5f5 !important;
	border: 1px solid #ddd;
	color: #444;
	padding: 2px 6px;
	font-size: 12px;
	line-height: 12px;
}
.label-bordered a {
	padding-left: 2px;
}
.bootstrap-tagsinput {
	margin-bottom: 0;
	padding: 6px;
	background-color: #FFF;
	border: 1px solid #ccc !important;
	border-radius: 2px;
}
.form-white ~ .bootstrap-tagsinput {
	background-color: #ffffff !important;
	border: 1px solid #ccc !important;
}
.new-tags .bootstrap-tagsinput input {
	width: auto !important;
}
.topnav h4 {
	color: #3fa9f5;
	cursor: pointer;
	font-weight: bold;
	margin-bottom: 12px;
	padding-bottom: 6px;
	position: relative;
}
.topnav h4 span {
	border-bottom: 2px solid #3fa9f5;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 30px;
}
.topbar .topnav .mmenu .dropdown-menu a {
	color: #222;
}
.topbar .topnav .dropdown-menu li a:hover, .topbar .topnav .mmenu .dropdown-menu li a:hover i /*.topbar .topnav .mmenu .mmenu-content.withdesc li:hover a:after*/ {
	color: #b066ff;
}
.topbar .topnav > ul > li .dropdown-menu i {
	color: #444;
	display: inline-block;
	position: relative;
	text-align: center;
	top: 1px;
	width: 16px;
	font-size: 18px;
}
.topbar .topnav > ul > li .dropdown-menu i.fa {
	color: #777;
}
.topbar .topnav .mmenu .mmenu-content.withdesc a:after {
	text-transform: capitalize;
	margin: 4px 0 20px 16px;
	color: #888;
}
.dropdown-menu.mmenu-content {
	padding: 0 !important;
}
.topbar .topnav .mmenu .dropdown-menu.mmenu-content.withdesc.no-icon a:after {
	margin: 5px 0;
}
.dropdown-menu.mmenu-content li:hover a:after {
	color: #b9e2ff !important;
}
.topbar .topnav hr {
	margin: 15px 0;
}
.topbar .topnav .mmenu p {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
.topbar .topnav .mmenu .dropdown.mmenu-fw .dropdown-menu {
	left: 1.4% !important;
	right: 0 !important;
	box-shadow: none;
}
.topbar .topnav .mmenu .dropdown.mmenu-fw .dropdown-menu.fullscreen {
	left: 0 !important;
	right: 0 !important;
}
.topbar .topnav .mmenu .dropdown-menu {
	border: 1px solid #ddd;
	background: #FFF;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important;
}
.topbar .topnav .mmenu .half {
	float: none;
	left: auto !important;
	max-width: 1030px;
	right: auto !important;
	text-align: left;
	width: auto;
}
.dropdown-menu .icon-none i {
	display: none !important;
}
.topbar .topnav .mmenu .dropdown-menu .withoutdesc ul li {
	padding: 5px 0;
}
.topbar .topnav .mmenu .dropdown-menu .withoutdesc ul li:hover {
	background: none !important;
}
.nav-sidebar .collapse h4 {
	font-size: 14px;
	font-weight: 600;
	margin: 10px 0 1px;
	padding: 0 0 0 25px;
}
.nav-sidebar .collapse {
	background: #f3f3f3;
	visibility: visible;
}
.nav-sidebar .collapse h4 {
	display: none;
}
.nav-parent.active .collapse h4 {
	display: block;
}
.theme-sdtl.color-green .sidebar .sidebar-inner .nav-sidebar .collapse.children:after {
	border-left: 0 solid #d4d4d4;
}
.hideScroll {
	overflow: hidden;
}
/* =================================================================
TICKETING PAGE STYLES
================================================================ */
.main-widget-ticket .info-tile .tile-body h1 {
	font-size: 45px;
	font-weight: 600 !important;
}
.main-widget-ticket .bg-pink {
	background-color: #ff8acc !important;
}
.main-widget-ticket .bg-orange {
	background-color: #ec8918 !important;
}
.main-widget-ticket .bg-green {
	background-color: #35ba9f !important;
}
.main-widget-ticket .bg-blue {
	background-color: #35b8e0 !important;
}
.widget-news .c-dark {
	margin: 2px 0;
}
.media-body p {
	height: 25px;
}
.widget-box .message-item {
	padding: 6px 22px 0;
}
.col-new {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.col-new:hover {
	-webkit-box-shadow: 0 10px 6px -8px #aaa;
	-moz-box-shadow: 0 10px 6px -8px #aaa;
	box-shadow: 0 10px 10px -8px #aaa;
	margin-top: -5px;
	border-bottom: 1px solid #FFF;
}
.col-new {
	background: #f9f9f9;
	border: 1px solid #ddd;
	display: block;
	padding: 12px 20px;
}
.col-new h2 {
	font-size: 60px !important;
	font-weight: 400;
}
.col-new i {
	font-size: 35px;
	color: #777;
}
.col-new .progress {
	background: #e0e0e0;
	border-radius: 0;
	height: 4px;
	margin: 0;
}
.col-box-1 h2 {
	color: #ff8acc;
}
.col-box-1 .progress-bar {
	background: #ff8acc;
}
.col-box-2 h2 {
	color: #35ba9f;
}
.col-box-2 .progress-bar {
	background: #35ba9f;
}
.col-box-3 h2 {
	color: #ec8918;
}
.col-box-3 .progress-bar {
	background: #ec8918;
}
.col-box-4 h2 {
	color: #35b8e0;
}
.col-box-4 .progress-bar {
	background: #35b8e0;
}
.close-div .close-btn {
	opacity: 0.3;
	font-size: 12px
}
.close-div:hover .close-btn {
	opacity: 1
}
.main-content .page-content .panel .panel-header {
	padding: 5px 15px;
}
.alert-info {
	background-color: #d5e5eb !important;
}
.alert-danger2 {
	background: #ffe2e2 !important;
}
.note-save {
	color: #424242;
	cursor: pointer;
	font-size: 16px;
	right: 20px;
	position: absolute;
	top: 22px;
}
/*=====================================================
MAIL BOX STYLES START
====================================================*/
.mail-page li {
	list-style: none;
}
.mail-nav {
	float: left;
	padding: 0 15px;
	width: 22%;
}
.mail-content {
	margin: 0;
	padding: 0 15px;
	float: left;
	width: 78%;
}
.mail-nav ul, .mail-toolbar, .mail-list {
	list-style: none;
	padding: 0;
}
.mail-nav ul li {
	padding: 5px;
	padding-bottom: 6px;
	color: #888;
}
.mail-nav ul li.active a, .mail-nav ul li.active a label {
	font-weight: bold;
	color: #434d55;
}
.mail-nav ul li a {
	display: block;
	color: #55626d;
}
.mail-nav label, .mail-toolbar label {
	cursor: pointer;
}
.mail-nav ul li > a:hover {
	color: #31393f;
}
.mail-nav ul a [class*="icon-"], .mail-nav ul a [class*="ti-"] {
	margin-right: 5px;
	width: 20px;
	display: inline-block;
	text-align: left;
	font-size: 16px;
}
.mail-nav ul a i {
	position: relative;
	top: 2px;
}
.mail-page a [class*="mail-flag-"] {
	margin-right: 9px;
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: text-top;
}
.mail-toolbar {
	border-bottom: 2px solid #ddd;
	margin-bottom: 1px;
	padding: 10px;
	padding-top: 0;
}
.mail-pagination span {
	font-size: 12px;
	margin-right: 10px;
}
.mail-toolbar li {
	display: inline-block;
	padding-right: 25px;
}
.mail-toolbar .dropdown-menu li {
	display: block;
}
.mail-toolbar .dropdown-menu li a:hover {
	background-color: #eee;
}
.mail-toolbar > li > a, .mail-toolbar > li > .btn-group > a {
	color: #444;
	font-size: 13px;
}
.mail-toolbar > li > .btn-group > a > .caret {
	border-top-color: #444;
}
.mail-toolbar > li > a:hover, .mail-toolbar > li > .btn-group > a:hover, .mail-toolbar > li > .btn-group.open > a {
	color: #428bca;
}
.mail-toolbar > li > .btn-group > a:hover > .caret, .mail-toolbar > li > .btn-group.open > a > .caret {
	border-top-color: #428bca;
}
.mail-toolbar a > i {
	font-size: 14px;
	margin-right: 0;
}
.mail-toolbar > li > .btn-group {
	vertical-align: baseline;
}
.mail-toolbar > .mail-pagination {
	float: right;
	padding-right: 0;
	color: #bbb;
	font-style: italic;
}
.mail-toolbar > .mail-pagination [class*="icon-"] {
	font-size: 14px;
}
.mail-list > li {
	border-bottom: 1px solid #ddd;
	display: block;
	overflow: hidden;
	padding: 6px 10px 1px;
	position: relative;
	width: 100%;
}
.mail-list > li > [class*="mail-flag-"] {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
}
.mail-list > li > .ml-left {
	left: 10px;
	position: absolute;
	top: 7px;
	width: 60px;
}
.mail-list > li > .ml-left i {
	position: relative;
	top: -1px;
}
.mail-list > li > .ml-left > input {
	margin-right: 10px;
}
.mail-list > li > .ml-right {
	width: 80px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	line-height: 35px;
	text-align: right;
	padding-right: 10px;
}
.mail-list > li:hover, .mail-list > li:hover > .ml-right, .mail-list > li.checked, .mail-list > li.checked > .ml-right {
	background-color: #f8f8f8;
}
.mail-list > li > .ml-center {
	color: #444;
	display: block;
	line-height: inherit;
	margin-left: 60px;
	margin-top: 0;
	white-space: nowrap;
}
.mail-list > li > .ml-center.unread, .mail-list > li > .ml-right.unread {
	font-weight: bold;
}
.mail-list .mail-sender {
	display: inline-block;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 90%;
}
.mailer-name {
	display: inline-block;
	width: 22%;
}
.mail-count {
	display: inline-block;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 1%;
}
.mail-subject {
	display: inline-block;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 62%;
	margin-left: 3%;
	margin-right: 2%;
}
.email-subject h1 {
	font-size: 25px;
	line-height: 32px;
}
.email-content p {
	font-size: 14px;
	line-height: 22px;
}
.mail-compose {
	background-color: #fff;
	padding: 20px;
}
.mail-compose .wysihtml5-toolbar {
	height: 42px;
}
.mail-page [class*="icon-star"], .mail-page [class*="ti-star"] {
	font-size: 15px;
	vertical-align: text-top;
	color: #ddd;
}
.mail-page [class*="icon-star"].starred, .mail-page [class*="ti-star"].starred {
	color: #ffab00;
}
.mail-msg-subject {
	background-color: #fff;
	padding: 10px;
	font-size: 16px;
}
.mail-msg-subject [class*="icon-star"], .mail-msg-subject [class*="ti-star"] {
	vertical-align: top;
	margin-right: 15px;
}
.mail-content .icheckbox_minimal-grey {
	display: inline-block;
}
.mail-page .btn.btn-sm {
	padding: 5px 8px !important;
	margin: 0 !important;
}
.mail-messages {
	list-style: none;
	padding-left: 0;
}
.mail-messages > li {
	margin-top: 5px;
	background-color: #fff;
	padding: 0 10px;
}
.mail-msg-header {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}
.mail-msg-header > img {
	border-radius: 100%;
	max-width: 40px;
	max-height: 40px;
	vertical-align: top;
}
.mail-msg-header .msg-collapse {
	float: right;
	margin-left: 15px;
	line-height: 40px;
}
.mail-msg-header .msg-collapse a > [class*="icon-"] {
	font-size: 20px;
	display: inline-block;
	color: #ccc;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mail-msg-header .msg-collapse a:hover > [class*="icon-"] {
	color: #666;
}
.mail-msg-header .msg-sender-recver {
	margin-left: 10px;
	display: inline-block;
}
.mail-msg-header .msg-options {
	display: inline-block;
	float: right;
	text-align: right;
	margin-top: 0;
}
.mail-msg-header .msg-options a {
	color: #777;
	padding-left: 10px;
	font-size: 16px;
	text-align: right;
}
.mail-msg-header .msg-options a > [class*="icon-"] {
	vertical-align: baseline;
}
.mail-msg-content {
	padding: 20px 0;
}
.mail-msg-footer {
	padding: 10px 0;
	border-top: 1px solid #eee;
}
.mail-attachments {
	list-style: none;
	padding-left: 20px;
}
.mail-attachments > li {
	padding: 5px 0;
}
.mail-attachments .atch-option {
	float: right;
}
.mail-attachments .atch-option a {
	margin-left: 15px;
}
.mail-attachments .atch-option-iconic {
	float: left;
}
.mail-attachments .atch-option-iconic a {
	margin-right: 10px;
	font-size: 15px;
	color: #999;
}
.mail-attachments .atch-option-iconic a:hover {
	color: #444;
}
.mail-messages > li.msg-reply {
	padding: 20px 15px;
}
.mail-page .dropdown-menu > li:hover {
	background-color: #eee;
}
.mail-flag-blue {
	background-color: #00bfdd;
}
.mail-flag-green {
	background-color: #8dca35;
}
.mail-flag-red {
	background-color: #fa5a35;
}
.mail-flag-orange {
	background-color: #ffab00;
}
.mail-flag-yellow {
	background-color: #fafd1d;
}
.mail-flag-lime {
	background-color: #abfd1d;
}
.mail-flag-pink {
	background-color: #fd1dc6;
}
.mail-flag-magenta {
	background-color: #a61dfd;
}
.mail-flag-gray {
	background-color: #ccc;
}
.mail-flag-black {
	background-color: #444;
}
/*=====================================================
MAIL BOX STYLES END
====================================================*/
.panel-data {
	border: 0 !important;
	margin-bottom: 0 !important;
}
.panel-data .panel-body {
	padding: 15px 0 0;
}
.panel-data li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 10%;
}
.panel-data li a {
	display: inline-block;
}
.master-icon {
	background: #dc6b44;
	border-radius: 100%;
	display: inline-block;
	height: 55px;
	line-height: 52px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 55px;
	color: #FFF;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
	cursor: pointer;
}
.panel-data:first-child .master-icon {
	background: #DAB927;
}
.panel-data:nth-child(n+0) .master-icon {
	background: #dc6b44;
}
.panel-data:nth-child(2n+1) .master-icon {
	background: #dab927;
}
.panel-data:nth-child(4n+4) .master-icon {
	background: #2d9bd2;
}
.panel-data:nth-child(5n-2) .master-icon {
	background: #b24ad8;
}
.panel-data li a:hover .master-icon {
	transform: scale(1.12, 1.12);
}
.master-icon .user-icon {
	color: #fff;
	font-size: 24px;
	margin: 0;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
}
.panel-data p {
	padding: 3px 0;
	text-align: center;
}
.panel-data .panel-heading, .panel-data .panel-heading-white {
	border-bottom: 1px solid #ddd !important;
	padding: 10px 0;
}
.panel-reports {
	margin-bottom: 10px;
}
.panel-reports h4 {
	margin: 0;
	padding: 6px 0;
	color: #111;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
}
.reports-inline {
	margin: 15px 0 0;
}
.reports-inline li {
	display: inline-block;
	vertical-align: top;
	list-style: none;
	width: 19%;
	margin-bottom: 10px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.inline-auto li {
	width: auto;
}
.onoffswitch .onoffswitch-switch {
	width: 65px;
}
.onoffswitch .onoffswitch-inactive .onoffswitch-switch:before {
	right: 65px;
}
.onoffswitch .onoffswitch-active .onoffswitch-switch:before {
	left: 65px;
}
.onoffswitch {
	width: 150px;
}


/*-- START SUPPORT WINDOW --*/
.support-window {
	bottom: 0;
	padding: 15px 15px;
	position: fixed;
	right: 0;
	white-space: nowrap;
	z-index: 21;
}
.button-default {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
	cursor: pointer;
	outline: medium none;
	padding: 0;
}
.button-default i {
	color: #FFF;
	text-align: center;
}
.button-support1 {
	background: #4d5cb2;
	height: 54px;
	position: relative;
	width: 54px;
	text-align: center;
	display: block;
}
.button-support1 i {
	line-height: 54px;
	font-size: 22px;
}
.i-show {
	display: block;
}
.i-hide {
	display: none;
}
.button-support2 {
	height: 40px;
	margin: 10px 7px;
	width: 40px;
	text-align: center;
	opacity: 0;
	display: none !important;
	-webkit-transform: scale(0.4) rotate(360deg);
	-moz-transform: scale(0.4) rotate(360deg);
	-o-transform: scale(0.4) rotate(360deg);
	transform: scale(0.4) rotate(360deg);
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.button-support2 i {
	line-height: 40px;
	font-size: 18px;
}
.button-support:hover .button-support2 {
	opacity: 1;
	-webkit-transform: scale(1) rotate(360deg);
	-moz-transform: scale(1) rotate(360deg);
	-o-transform: scale(1) rotate(360deg);
	transform: scale(1) rotate(360deg);
	display: block !important;
}
.button-support:hover .i-show {
	display: none;
}
.button-support:hover .i-hide {
	display: block;
}
.button-chat {
	background: #c64890;
}
.button-contact {
	background: #349eea;
}
a.button-goto {
	background: #444;
	right: auto;
	bottom: auto;
}
.get-touch {
	padding-left: 15px;
}
.get-touch h4, .get-touch h4 i {
	color: #D23F31;
}
.get-touch h4, .get-touch p {
	position: relative;
	margin-left: 20px;
}
.get-touch i {
	left: -25px;
	position: absolute;
	top: 5px;
}
.get-touch i.fa {
	top: 0;
}
.get-touch h4 i {
	top: 2px;
}
.get-address {
	border-left: 1px solid #ddd;
	min-height: 225px;
	padding-left: 50px;
}
.zsiq_theme1.zsiq_floatmain {
	bottom: 15px !important;
	max-height: 60px !important;
	position: fixed !important;
	right: 75px !important;
	width: 60px !important;
}
.zsiq_theme1 .zsiq_flt_rel {
	background-color: #e35468 !important;
	border-radius: 100% !important;
	font-size: 14px;
	height: 54px !important;
	line-height: 100% !important;
	padding: 0 !important;
	position: relative !important;
	width: 54px !important;
}
.zsiq_theme1 .sqico-chat:before {
	font-size: 24px !important;
	line-height: 55px !important;
}
.zsiq_floatmain.zsiq_theme1.siq_bR {
	z-index: 11 !important;
}
/*-- END SUPPORT WINDOW --*/
.bdr-title {
	position: relative;
	margin-bottom: 15px;
}
.bdr-title span {
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 22px;
	height: 2px;
	background: #D23F31;
}
.main-content .page-content .header .breadcrumb-wrapper i {
	border-radius: 0;
	font-size: 17px;
	margin-right: 5px;
	opacity: 1;
	padding: 0;
	margin: 0;
	color: #555;
}
.dashboard-settings li {
	list-style: none;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	vertical-align: top;
}
.dashboard-settings li i {
	display: inline-block;
	min-width: 24px;
}
.dashboard-settings span {
	font-size: 13px;
}
.onoffswitch2 {
	float: left;
	margin-right: 10px;
	position: relative;
	width: 90px;
}
.onoffswitch2 .onoffswitch-switch {
	margin: 4px;
	right: 66px;
}
.onoffswitch21 {
	width: 60px;
	float:right;
}
.onoffswitch21 .onoffswitch-switch {
	margin: 4px;
	right: 35px;
}
.onoffswitch22 {
	width: 60px;
}
.onoffswitch22 .onoffswitch-switch {
	margin: 4px;
	right: 35px;
}
.onoffswitch2 .onoffswitch-inner:after, .onoffswitch2 .onoffswitch-inner:before {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	height: 22px;
    line-height: 22px
}
.onoffswitch2 .onoffswitch-inner:after {
	background: #bbb;
}
.onoffswitch2 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 2px;
}
.onoffswitch2 .onoffswitch-inner::before {
  content: "ACTIVE";
}
.onoffswitch2 .onoffswitch-inner::after {
  content: "IN-ACTIVE";
}
.onoffswitch21 .onoffswitch-inner::before {
  content: "ON";
}
.onoffswitch21 .onoffswitch-inner::after {
  content: "OFF";
}
.onoffswitch22 .onoffswitch-inner::before {
  content: "ON";
}
.onoffswitch22 .onoffswitch-inner::after {
  content: "OFF";
}
.table-vertical-align td {
	vertical-align: top !important;
}
.table-white tr {
	background: #FFF;
}
.schedule-row {
	background: #fbfbfb;
}
.schedule-day {
	float: left;
	font-size: 42px;
	line-height: 50px;
	font-weight: 600;
	letter-spacing: -0.05em;
	margin-right: 10px;
	color: #999;
}
.schedule-week {
	display: block;
	font-size: 16px;
	font-style: normal;
	margin: 4px 0 0;
	color: #999;
}
.schedule-date {
	color: #999;
	font-size: 13px;
}
.modal-desc p {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 10px;
}
.event-months {
	padding-bottom: 5px;
}
.event-months h4 {
	color: #2a89cd;
	font-size: 20px;
	text-align: center;
}
.event-months i {
	color: #2a89cd;
	cursor: pointer;
	font-size: 16px;
	padding: 0 10px !important;
	text-align: center;
}
.list-events {
	background: #f8f8f8;
	border: 1px solid #ddd;
	padding: 15px;
}
.list-events h3 {
	padding: 0 0 10px !important;
	margin: 0 0 10px !important;
	border-bottom: 1px solid #ddd;
}
.list-events li {
	list-style: none;
	display: block;
	padding: 3px 0;
}
.dataTables_scroll .border-none td, .dataTables_scroll .border-none th {
	border-top: 0;
}
.dataTables_scroll th {
	border: 0;
}
.dataTables_scrollHeadInner {
/*padding-right: 15px !important;
	width: 100% !important;
	box-sizing:border-box;*/
}
.mCS-light > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgba(0, 0, 0, 0.2);
}
.table-scroll > thead > tr > th, .table-scroll > tbody > tr > th, .table-scroll > tfoot > tr > th, .table-scroll > thead > tr > td, .table-scroll > tbody > tr > td, .table-scroll > tfoot > tr > td {
	padding: 8px;
}
.box-styled {
	background: #fff;
	border: 1px solid #e1e1e1;
	margin-bottom: 25px;
	overflow: hidden;
	padding: 10px 20px;
	position: relative;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
}
.box-styled-title h1 {
	display: block;
	color: #555;
	font-size: 36px;
	font-weight: 600;
	padding-bottom: 12px;
	margin: 5px 0 12px 0;
	position: relative;
	border-bottom: 3px solid #ddd;
}
.box-styled-title h1 span {
	position: absolute;
	width: 45%;
	height: 3px;
	left: 0;
	bottom: -3px;
}
.box-styled-title h2 {
	display: block;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	margin: 0;
	padding-bottom: 8px;
}
.box-styled i {
	padding-left: 8px;
}
.box-styled-icon {
	position: absolute;
	right: 20px;
	top: 20px;
	padding: 0;
}
.box-styled-icon i {
	font-size: 35px;
}
.box-styled-1 h1 span {
	background: #3FA9F5;
}
.box-styled-1 h2, .box-styled-1 .box-styled-icon i {
	color: #3FA9F5;
}
.box-styled-2 h1 span {
	background: #bb81f8;
}
.box-styled-2 h2, .box-styled-2 .box-styled-icon i {
	color: #bb81f8;
}
.box-styled-3 h1 span {
	background: #18a689;
}
.box-styled-3 h2, .box-styled-3 .box-styled-icon i {
	color: #18a689;
}
.box-styled-4 h1 span {
	background: #c75757;
}
.box-styled-4 h2, .box-styled-4 .box-styled-icon i {
	color: #c75757;
}
.select2-footer {
	border-top: 1px solid #d0d0d0;
	display: block;
	text-align: center;
}
.select2-footerlink {
	background: #fff;
	border-radius: 0 0 3px 3px;
	color: #555;
	display: inline-block;
	margin: 0 auto;
	padding: 5px 10px;
	text-align: center;
}
.select2-footerlink i {
	font-size: 12px;
	padding-right: 6px;
}
.select2-footerlink:hover, .select2-footerlink:hover i {
	color: #3fa9f5;
	font-weight: 600;
}
.text-area-design {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	width: 100%;
	padding: 6px 12px;
	border-radius: 2px;
	margin: 0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 6px 8px;
}
.settings-menu {
	width: 15%;
	float: left;
	position: relative;
}
.settings-info {
	width: 85%;
	padding-left: 25px;
	padding-bottom: 10px;
	float: left;
	position: relative;
	min-height: 330px;
	border-left: 1px solid #ddd;
}
.list-settings li {
	list-style: none;
	display: block;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.list-settings li a {
	display: block;
	padding: 12px 15px;
	position:relative;
}
.list-settings li span {
	display: none;
}
.list-settings li label{
	display:block;
	width:8px;
	height:8px;
	background:#3FA9F5;
	position:absolute;
	left:30px;
	top:50%;
	margin-top:-5px;
	border-radius:50%;
}
.list-settings img {
	max-width: 100px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.3s ease 0;
	-moz-transition: all 0.3s ease 0; 
	transition: all 0.3s ease 0s;
}
.list-settings .active img, .list-settings li:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.p-b-15 {
	padding-bottom: 15px !important;
}
.show-info {
	display: none;
}
.form-list {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    min-height: 50px;
}
.form-list label {
	margin-bottom: 0;
}
.grids {
	margin-bottom: 10px;
}
.grids figure {
	display: inline-block;
	vertical-align: top;
	width: 20%;
}
.grids figure a {
	display: block;
	padding: 8px;
	background: #FFF;
	margin-left: 3px;
	margin-right: 20px;
	position: relative;
	-webkit-box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.15);
}
.grids figure label {
	padding: 8px 0 0;
}
.grids figure img {
	max-width: 100%;
}
.thumb-img {
	overflow: hidden;
	position: relative;
}
.grids figure i {
	position: absolute;
	top: 50%;
	left: 0;
	margin: -20px 0 0 -20px;
	opacity: 0;
	font-size: 16px;
	color: #FFF;
	background: rgba(0,0,0,0.6);
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.thumb-img:hover:before {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.05;
	content: '';
	display: block;
	position: absolute;
}
.thumb-img:hover i {
	left: 50%;
	opacity: 1;
}
img.mfp-img {
	max-height: inherit !important;
}
.txt-11 {
	font-size: 11px !important;
}
.txt-12 {
	font-size: 12px !important;
}
.txt-13 {
	font-size: 13px !important;
}
.txt-15 {
	font-size: 15px !important;
}
.txt-16 {
	font-size: 16px !important;
}
.txt-17 {
	font-size: 17px !important;
}
.txt-18 {
	font-size: 18px !important;
}
.no-access {
	max-width: 700px;
	margin: 30px auto 0;
	min-height: 380px;
}
.no-access-img {
	float: left;
	width: 30%;
}
.no-access-img img {
	max-width: 100%;
}
.no-access-content {
	float: left;
	width: 66%;
	padding: 65px 0 0 4%;
}
.access-content-info {
	margin-bottom: 20px;
}
.no-access h1 {
	font-size: 48px;
	margin-bottom: 15px;
}
.no-access p {
	font-size: 16px;
}
.badge-notify{
	border-radius: 8px;
    font-size: 12px;
    padding: 2px 5px;
    position: relative;
    right: 9px;
    top: -8px;
}

.overlary-section{
	background:rgba(0,0,0,0.65);
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:332;
	display:none;
}
#pageload-btn {
    color: #333;
    font-size: 14px;
    max-width: 280px;    
    position: fixed;
    right: 255px;
	top: 15px;
    text-align: right;
    text-transform: uppercase; 
    z-index: 333;
}

#pageload-btn span{
	display:inline-block;
	vertical-align:top;
	max-width: 70px;
}
#pageload-btn .ellipsis{
	text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
	max-width: 195px;
}
#pageload-btn.pageload-btn-white{
	color:#FFF;
}
#pageload-btn i{
	padding-right:5px;
}
#pageload-section{
	display:none;
	position:absolute;
	background-color: #ffffff;
    -webkit-box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	right:240px;
	top:50px;
	width:460px;
	z-index:333;
	
}
#pageload-section:after {
    border-bottom: 10px solid #F4F4F4;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    position: absolute;
    right: 80px;
    top: -8px;
}
#pageload-section.disable-search:after{
	border-bottom-color:#E1E1E1;
}
._fixed, ._fixed2 {
    height: 100%;
    position: fixed;
    width: 100%;
}
._fixed2 .main-content, ._fixed2 .topbar {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
}

.pageload-search{
	padding:16px 20px;
	background:#F4F4F4;
	border-bottom:1px solid #d0d0d0;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-o-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

.pageload-info{
	padding:0;	
}
.list-branch{
	float:left;
	width:65%;
	padding-bottom:10px;
	min-height:100px;
	border-right:1px solid #ddd;
}
.list-year{
	float:left;
	width:35%;
}
.list-branch-year ul{
	max-height:160px;
}
.list-branch-year li{
	display:block;
}
.list-branch-year li a{
	font-size:13px;
	line-height:20px;
	color:#333;
	text-transform:capitalize;
	display:block;
	position:relative;
	padding:4px 26px 3px;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	-o-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
.list-branch-year li a:hover{
	color:#96352c;
}
.list-branch-year li.active a:before{
	position:absolute;
	left:8px;
	top:5px;
	display:block;
	content:"\f00c";
	color:#17A185;
	font-family:'FontAwesome';
}
.list-branch-year li.active a{
	color:#17A185;
}
.list-branch-year h4 {
    background: #e1e1e1;
    color: #101010;
    display: block;
    font-size: 14px;
	margin:0;
    margin-bottom: 5px;
    padding: 10px;
	padding-left:48px;
	position:relative;
}
.list-branch-year h4 i {
    color: #101010;
    left: 25px;
    position: absolute;
    top: 10px;
}
.disable-search .list-branch h4{
	-webkit-border-radius:6px 0 0;
	-moz-border-radius:6px 0 0;
	-o-border-radius:6px 0 0;
	border-radius:6px 0 0;
}
.disable-search .list-year h4{
	-webkit-border-radius:0 6px 0 0;
	-moz-border-radius:0 6px 0 0;
	-o-border-radius:0 6px 0 0;
	border-radius:0 6px 0 0;
}
#close-popup{
	margin:0;
}
.btn-popup {
    background-color: #18a689;
    color: #fff;
	font-weight:600;
	padding: 8px 24px;	
	display:block;
	text-align:center;
	text-transform:uppercase;
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	-o-border-radius:0 0 6px 6px;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	-o-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
.btn-popup i{
	font-weight:normal;
	padding-left:5px;
	position:relative;
	top:1px;
}
.btn-popup:hover{
	color:#FFF;
	background-color: #0b987b;
}

/* =================================================================
RESPONSIVE CUSTOMIZED STYLES
================================================================ */
@media (max-width:1150px) {
.topbar .topnav > ul > li > a {
	padding: 9px 12px;
}
.topbar .header-left {
	width: 44%;
}
.panel-data li {
	width: 15%;
}
.reports-inline li {
	width: 24%;
}
}

@media (max-width:1020px) {
.fixed-sidebar .sidebar, .topbar .header-left .topnav .menutoggle {
	display: block;
}
.menutoggle {
	display: block;
}
.logo {
	display: none;
}
.searchform {
	width: 95%;
	margin-left: 30px;
}
.fixed-topbar .topbar {
	padding: 0;
}
.main-content .page-content {
	padding-left: 20px;
	margin-top: 30px;
}
.topnav {
	display: none;
}
#user-header .username {
	display: none;
}
.position-button {
	position: relative;
	right: auto;
	top: auto;
	z-index: 11;
}
.button-align div.dt-buttons {
	margin-right: 0 !important;
}
.table {
	overflow-x: auto;
	display: block;
}
.table.table-scroll {
	overflow-x: initial;
	display: initial !important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	white-space: nowrap;
}
.table-scroll > thead > tr > th, .table-scroll > tbody > tr > th, .table-scroll > tfoot > tr > th, .table-scroll > thead > tr > td, .table-scroll > tbody > tr > td, .table-scroll > tfoot > tr > td {
	white-space: normal;
}
.theme-sdtl.color-green .topbar {
	border-bottom: 1px solid #dddddd;
	box-shadow: none !important;
}
#nprogress .bar {
	top: 50px;
}
.modal-fullscreen {
	top: 45px;
}
}

@media (min-width: 768px) and (max-width: 979px) {
.topbar .header-left {
	width: 34%;
}
.reports-inline li {
	width: 32%;
}
}

@media (max-width:860px) {
.head-branch, .head-year {
	display: none !important;
}
.topbar .header-left {
	width: 50%;
}
.mail-nav label, .mail-toolbar label, .mail-pagination span {
	display: none;
}
.mail-nav li {
	text-align: center;
	margin-bottom: 5px;
}
.mail-nav li i {
	font-size: 16px !important;
}
.mail-nav a.btn {
	padding: 10px !important;
}
.mail-nav a.btn i {
	padding: 0 !important;
	font-size: 16px;
}
.mail-toolbar > li {
	padding-right: 5px;
}
.panel-data li {
	width: 20%;
}
.schedule-day {
	float: none;
	font-size: 32px;
}
.schedule-week {
	margin: 0;
}
}

@media (max-width:767px) {
.logged {
	margin: 12px;
}
.dataTables_wrapper {
	margin-left: 0;
}
body.boxed {
	height: auto;
}
.widget-news .message-item {
	padding-bottom: 10px;
}
.logo img {
	height: 36px;
}
.topbar .header-right {
	margin-right: 10px;
}
.dataTables_filter .form-control {
	float: left;
}
.dataTables_filter {
	float: left;
	text-align: right;
	width: 100%;
}
.force-table-responsive {
	padding: 0;
}
.dataTables_wrapper div.dt-buttons {
	float: right !important;
	text-align: center;
}
.chk-align {
	margin-top: 10px;
}
.lbl-align {
	margin-top: 10px;
}
.select-class .col-sm-1 {
	width: auto;
}
.account.separate-inputs {
	margin: 20px;
}
.new-login .account-wall {
	height: auto;
	margin: 50px auto 0;
	max-width: 680px;
	position: relative;
	right: 0;
	top: 0;
	width: auto;
}
.new-login .account-copyright {
	margin: 20px auto 0!important;
	padding: 12px 20px;
	width: auto;
	max-width: 680px;
	position: relative !important;
}
.new-login .logo-sec img {
	max-width: 200px;
}
.new-login-2 .account-info {
	display: none;
}
.new-login-2 .account-wall {
	width: 100%;
}
.new-login-2 .account-wall-inner {
	margin: 40px 0 0;
	position: relative;
}
.new-login-2 .login-footer {
	bottom: 0;
	margin: 20px auto 0;
	position: relative;
}
.new-login-2 .login-footer .pull-left, .new-login-2 .login-footer .pull-right {
	width: 100%;
	float: none;
	display: block;
	text-align: center;
}
.timeframe-block-left, .timeframe-block-right {
	width: 100%;
}
.timeframe-center::before {
	left: 0;
	margin-left: -5px;
}
.timeframe-center .timeframe-circle, .timeframe-block-right .timeframe-circle {
	right: auto;
	left: -18px;
	margin-left: -7px;
	text-align: center;
}
.timeframe-main.background-white .timeframe-block-left .arrow-left {
	border-left-color: transparent;
	border-right: 10px solid #ffffff;
}
.timeframe-block-left .arrow-left {
	right: auto;
	left: -19px;
}
.timeframe-block-left .timeframe-sec, .timeframe-block-right .timeframe-content {
	margin-left: 30px;
	margin-right: 0;
}
.timeframe-block-left {
	margin-bottom: 20px;
	margin-top: 10px;
}
.dropdown-menu-large .col-sm-3 {
	width: 25% !important;
	float: left;
}
.large-dropdown {
	display: none !important;
}
.menu-item-list {
	float: left;
	margin: 0;
	max-width: 100%;
	width: 50%;
}
.mail-subject {
	display: none;
}
.search-new {
	width: 80% !important;
}
.reports-inline li {
	width: 32%;
}
.search-field input {
	font-size: 12px;
}
.no-access {
	min-height: inherit;
}
.no-access-img {
	width: 100%;
	text-align: center;
}
.no-access-content {
	width: 100%;
	padding: 30px 0;
	text-align: center;
}
.access-content-info p {
	text-align: center;
}
}

@media(max-width:576px) {
.dataTables_length {
	display: none;
}
.new-login .logo-sec {
	background: #f5f5f5;
	float: left;
	padding: 0;
	position: relative;
	text-align: center;
	width: 100%;
}
.new-login .logo-sec-inner {
	display: inline-block;
	height: auto;
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.new-login .form-sec {
	float: left;
	margin: 35px 0 0;
	padding: 0 5%;
	width: auto;
}
.new-login .arrow-right {
	border-bottom: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #F5F5F5;
	bottom: -12px;
	left: 50%;
	margin-left: -6px;
	margin-top: -6px;
	position: absolute;
	right: auto;
	top: auto;
}
.new-login .account-copyright .pull-left, .new-login .account-copyright .pull-right {
	float: none !important;
	text-align: center;
}
.user-lockscreen .user-logout {
	height: 70px;
	line-height: 70px;
	width: 70px !important;
}
.account #lockscreen-block #loader {
	width: 70px;
}
.account #lockscreen-block .form-logout {
	padding-left: 90px;
}
.user-image.user-picture {
	height: 30px;
	line-height: 30px;
	width: 30px;
}
.user-image span, .user-image .user-icon {
	font-size: 16px;
}
#quickview-toggle > a {
	padding-right: 0;
}
.search-filter .btn span {
	display: none;
}
.panel-data li {
	width: 30%;
}
.reports-inline li {
	width: 49%;
}
}

@media(max-width:479px) {
.topbar .header-left {
	width: 40%;
}
.btn.btn-filed {
	width: 18%;
}
.menu-item-list {
	float: left;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}
.nav > li > a {
	padding-left: 8px;
	padding-right: 8px;
}
.search-new {
	width: 98% !important;
}
}

@media(max-width:420px) {
.panel-data li {
	width: 45%;
}
.reports-inline li {
	width: 98%;
}
.search-field {
	width: 70%;
}
}

@media(max-width:359px) {
.searchform {
	display: none;
}
.nav > li > a {
	padding-left: 12px;
	padding-right: 12px;
}
}
.icheckbox_square-aero label.error {
	position: relative;
	left: 0px;
	top: 27px;
	white-space: nowrap;
}
.file label.error {
	position: absolute;
	left: 0;
	bottom: -20px;
}
.course div label.error {
	position: relative;
	left: 0px;
	top: -91px;
	white-space: nowrap;
}
.button-align div.dt-buttons{
	margin-right: 94px!important;
}
.button-width1 .dataTables_wrapper .dt-buttons{
	margin-right: 141px!important;
}