/**

 * bootstrap-admin-template - Free Admin Template Based On Twitter Bootstrap 3.x

 * @version 2.4.1

 * @license MIT

 * @link https://github.com/puikinsh/Bootstrap-Admin-Template

 */

/* ==========================================================================

metisAdmin: Base

========================================================================== */

body {

	transition: all 0.3s ease-in-out;

}

/*********************************************************/

/*                 Layout Styles                         */

/*********************************************************/

/* ==========================================================================

   Sticky footer styles

   ========================================================================== */

html {

	position: relative;

	min-height: 100%;

}

body {

	/* Margin bottom by footer height */

  margin-bottom: 48px;

}

.Footer, #footer {

	position: absolute;

	bottom: 0;

	width: 100%;

	/* Set the fixed height of the footer here */

  height: 48px;

}

/* END Sticky footer styles

   ========================================================================== */

/*********************************************************/

/*                 Template Layout                       */

/*********************************************************/

#wrap:before, #top:before, .head:before, .Footer:before, #wrap:after, #top:after, .head:after, .Footer:after {

	content: " ";

	display: table;

}

#wrap:after, #top:after, .head:after, .Footer:after {

	clear: both;

}

.Wrap, #wrap {

	margin: 0 auto;

	position: relative;

}

#right {

	position: fixed;

	top: 0;

	bottom: 0;

	overflow-y: auto;

	right: -250px;

}

.mce-tinymce p{

	margin:0px !important;

}

.sidebar-left-opened #left {

	left: 0;

}

.sidebar-right-opened {

	position: relative;

	right: 250px;

}

.sidebar-right-opened #right {

	right: 0;

}

.sidebar-right-opened.fixed .navbar-fixed-top {

	right: 250px;

}

.u_details {

	display: table-cell !important;

	vertical-align: top;

	display: block;

	float: left;

	margin-left: 12px;

}

.user-media .u_details h5.media-heading {

	color: #fff;

	padding-top: 8px;

	margin-bottom: 8px;

}

@media (min-width: 768px) {

.sidebar-left-hidden #left {

	width: 0;

	visibility: hidden;

}

.sidebar-left-mini #left {

	width: 50px;

}

.sidebar-right-opened {

	right: 0;

	margin-right: 250px;

}

.sidebar-right-opened .navbar-fixed-top {

	margin-right: 250px;

}

}

@media (min-width: 1200px) {

body.boxed {

	margin-bottom: 0;

}

body.boxed .Wrap,  body.boxed #wrap,  body.boxed .Footer,  body.boxed #top .navbar.navbar-fixed-top {

	max-width: 1170px;

	margin-left: auto;

	margin-right: auto;

}

body.boxed .Footer,  body.boxed #footer {

	position: relative;

}

}
/*-----------------------LOGIN PAGE CSS 09-01-2024 START-------*/
.login_background{
    background-image: url(../img/5.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}
.login_text_css{
    font-size: 56px ;
    color: white;
    font-family: system-ui;
    padding-bottom: 25px;
}
.Username-css,
.Password-css{
    text-align: start;
    letter-spacing: 0.050rem;
	position: relative;
}
.Username-css::after,
.Password-css::after,
.otp-css::after
{
	content: '*';
    top: 5px;
    color: #ef4036;
    font-size: 17px;
    padding-left: 1px;
}
.forgot-pass-css{
	text-decoration: underline;
    text-align: end;
}
.text-muted img {
    padding: 2px 0 0 0;
}

.tab-content .alert-danger{
	background: none;
    border: 3px solid #ef4036;
    border-radius: 8px;
    color: white;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
}
.tab-content .alert-danger .close, .tab-content .alert-success .close {
	opacity: 1;
	text-shadow: none;
	color: white;
}

.tab-content .alert-success{
	background: none;
    border: 3px solid green;
    border-radius: 8px;
    color: white;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
}
#form_signin .help-block,
#forgot .help-block,
#form_pass .help-block    
{display: block;
    padding: 0 5px;
    margin-top: 5px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 10px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; ;
    color: #eee !important;}
@media (max-width:991px){
    .login-vector-css{
         display:none ;
    }
}
@media  (min-width: 768px){
    .login .form-signin {
           width: 80%;
        } 
}
@media (min-width:991px){
    .login .form-signin {
    width: 25%;
    }
}
/*-----------------------LOGIN PAGE CSS 09-01-2024 END -------*/

/* ================== END Template Layout ============== */

/* BEGIN TOP bar */

/* END TOP bar */

/* BEGIN header.head bar */

.head {

	border-bottom: 1px solid rgba(0, 0, 0, 0.3);

	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05) inset;

	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);

}

.head .search-bar {

	margin: 0 auto;

	padding: 10px 15px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.3);

	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);

}

.head .search-bar .main-search {

	border-bottom: 1px solid #7c7c7c;

}

.head .search-bar .main-search input[type="text"] {

	background-color: transparent;

	border-color: transparent;

	color: #ccc;

	box-shadow: none;

}

.head .search-bar .main-search button, .head .search-bar .main-search input[type=submit] {

	background: transparent;

	border: transparent;

}

@media (min-width: 768px) {

.head .search-bar {

	border-bottom-width: 0;

	border-right: 1px solid rgba(0, 0, 0, 0.3);

	box-shadow: -1px 0px 0px rgba(255, 255, 255, 0.05) inset;

}

.side-right .head .search-bar {

	border-right-width: 0;

	border-left: 1px solid rgba(0, 0, 0, 0.3);

	box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.05) inset;

}

}

.head .main-bar {

	padding: 10px;

}

.head .main-bar h3 {

	margin-top: 0;

	margin-bottom: 0;

	color: #bababa;

}

@media (min-width: 768px) {

.head .main-bar h3 {

	margin-top: 5px;

}

}

@media (min-width: 768px) {

.head .search-bar .main-search {

	margin-right: auto;

}

}

@media (min-width: 768px) {

.search-bar {

	float: left;

	padding: 10px 4px;

}

.side-right .search-bar {

	float: right;

}

.search-bar .input-small.form-control {

	border-radius: 3px;

}

.main-bar {

	display: block;

	overflow: hidden;

}

}

@media (min-width: 992px) {

.search-bar {

	width: 250px;

	padding: 10px 15px;

}

.search-bar .input-group-btn {

	display: table-cell;

}

.search-bar .input-small.form-control {

	border-radius: 3px 0 0 3px;

}

.mini-sidebar .search-bar .input-small.form-control {

	border-radius: 3px;

}

}

/** END header.head bar */

/*********************************************************/

/*          Begin LEFT Styles                           */

/*********************************************************/

.user-media .user-link {

	display: block;

	margin-left: auto;

	margin-right: auto;

	position: relative;

}

.user-media .user-link .user-img {

	margin: 10px auto;

}

.user-media .user-link .user-label {

	position: absolute;

	top: -6px;

	right: 6px;

}

.user-media .user-link {

	float: left;

}

.user-media .user-link .user-img {

	margin: 10px;

}

.user-media .user-link .user-label {

	top: 6px;

	right: 0;

}

.user-media .media-body {

	display: block;

	float: left;

	margin-left: 12px;

}

.user-media .media-body h5.media-heading {

	color: #fff;

	padding-top: 8px;

	margin-bottom: 3px;

}

.user-media .media-body ul.user-info li {

	color: #ccc;

}

.user-media:before, .user-media:after {

	content: " ";

	display: table;

}

.user-media:after {

	clear: both;

}

.side-right .user-link .user-label {

	left: 6px;

	right: auto;

}

.sidebar-left-mini .user-wrapper {

	position: absolute;

	top: 0;

	left: -100%;

	display: none;

	min-width: 250px;

}

.user-media-toggleHover {

	display: none;

}

.sidebar-left-mini .user-media-toggleHover {

	font-size: 18px;

	color: #fff;

	padding: 10px;

	text-align: center;

	cursor: pointer;

	display: inherit;

}

.sidebar-left-mini .user-media:hover .user-wrapper {

	left: 100%;

	display: inherit;

	z-index: 9999;

}

.sidebar-left-mini.side-right .user-media:hover .user-wrapper {

	left: auto;

	right: 100%;

}

/* ============== END LEFT Styles ================= */


@media (min-width: 768px) {

.sidebar-left-mini #menu > li > ul {

	top: 100%;

}

.side-right #menu li > ul {

	left: auto;

	right: 100%;

}


.sidebar-left-mini #menu.affix {

	position: relative !important;

}

}

@media (min-width: 768px) {

.sidebar-left-mini #menu > li > a .fa {

	font-size: 18px;

}

.sidebar-left-mini #menu > li > a .fa.arrow {

	display: none;

}

.sidebar-left-mini #menu > li > a .link-title {

	border-top: 1px solid rgba(0, 0, 0, 0.1);

	border-right: 1px solid rgba(0, 0, 0, 0.1);

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);

	position: absolute;

	left: 100%;

	top: -1px;

	z-index: 1;

	background: rgba(0, 0, 0, 0.85);

	display: none;

	padding: 10px 30px;

}

.sidebar-left-mini #menu > li:hover > a > .link-title {

	display: block;

	min-width: 200px;

}

.sidebar-left-mini.side-right #menu > li > a .link-title {

	border-right-width: 0;

	border-left: 1px solid rgba(0, 0, 0, 0.1);

	left: auto;

	right: 100%;

}

}

body:not(.sidebar-left-mini) #menu .nav-header {

	padding: 3px 15px !important;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 12px;

	border-top: 1px solid rgba(0, 0, 0, 0.1);

	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05) inset;

	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);

	background: rgba(0, 0, 0, 0.1);

}

#menu .nav-divider {

	height: 1rem;

	margin: 0;

	background: rgba(0, 0, 0, 0.2);

	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;

}

.sidebar-left-mini #menu .nav-header {

	position: absolute !important;

	overflow: hidden !important;

	width: 1px !important;

	height: 1px !important;

	padding: 0 !important;

	border: 0 !important;

	clip: rect(1px, 1px, 1px, 1px) !important;

}

#menu .fa.arrow:before {

	content: "\f104";

}

#menu .active > a > .fa.arrow:before {

	content: "\f107";

}

/* BEGIN CONTENT STYLES */


.outer:before, .outer:after {

	content: " ";

	display: table;

}

.outer:after {

	clear: both;

}

.inner {

	position: relative;

	min-height: 1px;

	padding-right: 10px;

	padding-left: 10px;

	background: #fff;

	border: 10px solid #e4e4e4;

}

@media (min-width: 768px) {

.inner {

	float: left;

	width: 100%;

}

}

/* END CONTENT STYLES */

/* ==========================================================================

   Footer

   ========================================================================== */

.Footer, #footer {

	margin: 0 auto;

	color: #f4f4f4;

	border-top: 1px solid #222;

}

.Footer p, #footer p {

	padding: 1.2rem 0;

	margin: 0;

	text-align: center;

}

/* END Footer

   ========================================================================== */

/*********************************************************/

/*                 Component Styles                      */

/*********************************************************/

.box {

	margin: 10px auto;

	display: block;

	position: relative;

	border: 1px solid #efefef;

}

.box header:before, .box header:after {

	content: " ";

	display: table;

}

.box header:after {

	clear: both;

}

.box header h5 {

	padding: 12px;

	font-weight: bold;

}

.box.inverse header {

	background-image: linear-gradient(to bottom, #333 0%, #222 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff222222', GradientType=0);

	border-bottom: 1px solid #4d4d4d;

	color: #f5f5f5;

}

.box.inverse header .icons {

	border-right: 1px solid #222;

	box-shadow: 1px 0px 0px #3c3c3c;

}

.box.primary header {

	background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);

	border-bottom: 1px solid #337ab7;

	color: #fff;

}

.box.primary header .icons {

	border-right: 1px solid #1d4568;

	box-shadow: 1px 0px 0px #5094ce;

}

.box.success header {

	background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);

	border-bottom: 1px solid #5cb85c;

	color: #fff;

}

.box.success header .icons {

	border-right: 1px solid #357935;

	box-shadow: 1px 0px 0px #80c780;

}

.box.warning header {

	background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);

	border-bottom: 1px solid #f0ad4e;

	color: #fff;

}

.box.warning header .icons {

	border-right: 1px solid #c77c11;

	box-shadow: 1px 0px 0px #f4c37d;

}

.box.danger header {

	background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);

	border-bottom: 1px solid #d9534f;

	color: #fff;

}

.box.danger header .icons {

	border-right: 1px solid #a02622;

	box-shadow: 1px 0px 0px #e27c79;

}

.box.info header {

	background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);

	border-bottom: 1px solid #5bc0de;

	color: #fff;

}

.box.info header .icons {

	border-right: 1px solid #2390b0;

	box-shadow: 1px 0px 0px #85d0e7;

}

.box header .toolbar {

	float: right;

	display: inline-table;

}

.box header .toolbar .btn-toolbar {

	margin: 6px 3px;

}

.box header .toolbar .label, .box header .toolbar .badge {

	display: inline-block;

	margin: 10px;

}

.box header .toolbar .nav {

	margin: 1px 1px 0 0;

}

.box header .toolbar .nav > li {

	display: inline-block;

}

.box header .toolbar .nav > li > a {

	padding-top: 9px;

}

.box header .toolbar > .btn {

	margin-right: 4px;

}

.box header .toolbar > .btn-sm, .box header .toolbar > .btn-group {

	margin: 4px;

}

.box header .toolbar > .btn-xs {

	margin: 6px;

}

.box header .toolbar .input-sm {

	margin: 4px -4px;

}

.box header .toolbar .progress {

	min-width: 120px;

	margin: 10px 4px;

}

.box header .toolbar .progress.middle {

	height: 12px;

	margin: 13px 4px;

}

.box header .toolbar .progress.mini {

	height: 6px;

	margin: 16px 4px;

}

.full-screen-box {

	height: 100% !important;

	width: 100% !important;

}

.box.danger .dropdown-menu > li > a:hover, .box.danger .dropdown-menu > li > a:focus {

	background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);

}

.box.info .dropdown-menu > li > a:hover, .box.info .dropdown-menu > li > a:focus {

	background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);

}

.box.success .dropdown-menu > li > a:hover, .box.success .dropdown-menu > li > a:focus {

	background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);

}

.box.warning .dropdown-menu > li > a:hover, .box.warning .dropdown-menu > li > a:focus {

	background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);

}

.box.inverse .dropdown-menu > li > a:hover, .box.inverse .dropdown-menu > li > a:focus {

	background-image: linear-gradient(to bottom, #333 0%, #222 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff222222', GradientType=0);

}

.box .body {

	padding: 10px;

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

	width: 100%;

	background-color: #fff;

}

.box .body hr {

	margin-left: -10px;

	margin-right: -10px;

}

.body.collapse:not(.in) {

	padding: 0;

}

.box > .block {

	padding: 0;

}

.row.ui-sortable .box header {

	cursor: move;

}

.btn-metis-1 {

	color: #fff;

	background-color: #ee465a;

	border-color: #c11a39;

}

.btn-metis-1:focus, .btn-metis-1.focus {

	color: #fff;

	background-color: #ea1730;

	border-color: #510b18;

}

.btn-metis-1:hover {

	color: #fff;

	background-color: #ea1730;

	border-color: #8b1329;

}

.btn-metis-1:active, .btn-metis-1.active, .open > .dropdown-toggle.btn-metis-1 {

	color: #fff;

	background-color: #ea1730;

	border-color: #8b1329;

}

.btn-metis-1:active:hover, .btn-metis-1.active:hover, .open > .dropdown-toggle.btn-metis-1:hover, .btn-metis-1:active:focus, .btn-metis-1.active:focus, .open > .dropdown-toggle.btn-metis-1:focus, .btn-metis-1:active.focus, .btn-metis-1.active.focus, .open > .dropdown-toggle.btn-metis-1.focus {

	color: #fff;

	background-color: #cb1329;

	border-color: #510b18;

}

.btn-metis-1:active, .btn-metis-1.active, .open > .dropdown-toggle.btn-metis-1 {

	background-image: none;

}

.btn-metis-1.disabled:hover, .btn-metis-1[disabled]:hover, fieldset[disabled] .btn-metis-1:hover, .btn-metis-1.disabled:focus, .btn-metis-1[disabled]:focus, fieldset[disabled] .btn-metis-1:focus, .btn-metis-1.disabled.focus, .btn-metis-1[disabled].focus, fieldset[disabled] .btn-metis-1.focus {

	background-color: #ee465a;

	border-color: #c11a39;

}

.btn-metis-1 .badge {

	color: #ee465a;

	background-color: #fff;

}

.btn-metis-2 {

	color: #fff;

	background-color: #9fd256;

	border-color: #6fac34;

}

.btn-metis-2:focus, .btn-metis-2.focus {

	color: #fff;

	background-color: #87c134;

	border-color: #304a16;

}

.btn-metis-2:hover {

	color: #fff;

	background-color: #87c134;

	border-color: #517d26;

}

.btn-metis-2:active, .btn-metis-2.active, .open > .dropdown-toggle.btn-metis-2 {

	color: #fff;

	background-color: #87c134;

	border-color: #517d26;

}

.btn-metis-2:active:hover, .btn-metis-2.active:hover, .open > .dropdown-toggle.btn-metis-2:hover, .btn-metis-2:active:focus, .btn-metis-2.active:focus, .open > .dropdown-toggle.btn-metis-2:focus, .btn-metis-2:active.focus, .btn-metis-2.active.focus, .open > .dropdown-toggle.btn-metis-2.focus {

	color: #fff;

	background-color: #73a52c;

	border-color: #304a16;

}

.btn-metis-2:active, .btn-metis-2.active, .open > .dropdown-toggle.btn-metis-2 {

	background-image: none;

}

.btn-metis-2.disabled:hover, .btn-metis-2[disabled]:hover, fieldset[disabled] .btn-metis-2:hover, .btn-metis-2.disabled:focus, .btn-metis-2[disabled]:focus, fieldset[disabled] .btn-metis-2:focus, .btn-metis-2.disabled.focus, .btn-metis-2[disabled].focus, fieldset[disabled] .btn-metis-2.focus {

	background-color: #9fd256;

	border-color: #6fac34;

}

.btn-metis-2 .badge {

	color: #9fd256;

	background-color: #fff;

}

.btn-metis-3 {

	color: #fff;

	background-color: #fbb450;

	border-color: #f89406;

}

.btn-metis-3:focus, .btn-metis-3.focus {

	color: #fff;

	background-color: #fa9f1e;

	border-color: #7c4a03;

}

.btn-metis-3:hover {

	color: #fff;

	background-color: #fa9f1e;

	border-color: #bc7005;

}

.btn-metis-3:active, .btn-metis-3.active, .open > .dropdown-toggle.btn-metis-3 {

	color: #fff;

	background-color: #fa9f1e;

	border-color: #bc7005;

}

.btn-metis-3:active:hover, .btn-metis-3.active:hover, .open > .dropdown-toggle.btn-metis-3:hover, .btn-metis-3:active:focus, .btn-metis-3.active:focus, .open > .dropdown-toggle.btn-metis-3:focus, .btn-metis-3:active.focus, .btn-metis-3.active.focus, .open > .dropdown-toggle.btn-metis-3.focus {

	color: #fff;

	background-color: #ef8e05;

	border-color: #7c4a03;

}

.btn-metis-3:active, .btn-metis-3.active, .open > .dropdown-toggle.btn-metis-3 {

	background-image: none;

}

.btn-metis-3.disabled:hover, .btn-metis-3[disabled]:hover, fieldset[disabled] .btn-metis-3:hover, .btn-metis-3.disabled:focus, .btn-metis-3[disabled]:focus, fieldset[disabled] .btn-metis-3:focus, .btn-metis-3.disabled.focus, .btn-metis-3[disabled].focus, fieldset[disabled] .btn-metis-3.focus {

	background-color: #fbb450;

	border-color: #f89406;

}

.btn-metis-3 .badge {

	color: #fbb450;

	background-color: #fff;

}

.btn-metis-4 {

	color: #fff;

	background-color: #A264E7;

	border-color: #62309A;

}

.btn-metis-4:focus, .btn-metis-4.focus {

	color: #fff;

	background-color: #8838e0;

	border-color: #241239;

}

.btn-metis-4:hover {

	color: #fff;

	background-color: #8838e0;

	border-color: #44216b;

}

.btn-metis-4:active, .btn-metis-4.active, .open > .dropdown-toggle.btn-metis-4 {

	color: #fff;

	background-color: #8838e0;

	border-color: #44216b;

}

.btn-metis-4:active:hover, .btn-metis-4.active:hover, .open > .dropdown-toggle.btn-metis-4:hover, .btn-metis-4:active:focus, .btn-metis-4.active:focus, .open > .dropdown-toggle.btn-metis-4:focus, .btn-metis-4:active.focus, .btn-metis-4.active.focus, .open > .dropdown-toggle.btn-metis-4.focus {

	color: #fff;

	background-color: #7521d4;

	border-color: #241239;

}

.btn-metis-4:active, .btn-metis-4.active, .open > .dropdown-toggle.btn-metis-4 {

	background-image: none;

}

.btn-metis-4.disabled:hover, .btn-metis-4[disabled]:hover, fieldset[disabled] .btn-metis-4:hover, .btn-metis-4.disabled:focus, .btn-metis-4[disabled]:focus, fieldset[disabled] .btn-metis-4:focus, .btn-metis-4.disabled.focus, .btn-metis-4[disabled].focus, fieldset[disabled] .btn-metis-4.focus {

	background-color: #A264E7;

	border-color: #62309A;

}

.btn-metis-4 .badge {

	color: #A264E7;

	background-color: #fff;

}

.btn-metis-5 {

	color: #fff;

	background-color: #777;

	border-color: #555;

}

.btn-metis-5:focus, .btn-metis-5.focus {

	color: #fff;

	background-color: #5e5e5e;

	border-color: #151515;

}

.btn-metis-5:hover {

	color: #fff;

	background-color: #5e5e5e;

	border-color: #363636;

}

.btn-metis-5:active, .btn-metis-5.active, .open > .dropdown-toggle.btn-metis-5 {

	color: #fff;

	background-color: #5e5e5e;

	border-color: #363636;

}

.btn-metis-5:active:hover, .btn-metis-5.active:hover, .open > .dropdown-toggle.btn-metis-5:hover, .btn-metis-5:active:focus, .btn-metis-5.active:focus, .open > .dropdown-toggle.btn-metis-5:focus, .btn-metis-5:active.focus, .btn-metis-5.active.focus, .open > .dropdown-toggle.btn-metis-5.focus {

	color: #fff;

	background-color: #4c4c4c;

	border-color: #151515;

}

.btn-metis-5:active, .btn-metis-5.active, .open > .dropdown-toggle.btn-metis-5 {

	background-image: none;

}

.btn-metis-5.disabled:hover, .btn-metis-5[disabled]:hover, fieldset[disabled] .btn-metis-5:hover, .btn-metis-5.disabled:focus, .btn-metis-5[disabled]:focus, fieldset[disabled] .btn-metis-5:focus, .btn-metis-5.disabled.focus, .btn-metis-5[disabled].focus, fieldset[disabled] .btn-metis-5.focus {

	background-color: #777;

	border-color: #555;

}

.btn-metis-5 .badge {

	color: #777;

	background-color: #fff;

}

.btn-metis-6 {

	color: #fff;

	background-color: #00b4f5;

	border-color: #008dc5;

}

.btn-metis-6:focus, .btn-metis-6.focus {

	color: #fff;

	background-color: #008fc2;

	border-color: #003246;

}

.btn-metis-6:hover {

	color: #fff;

	background-color: #008fc2;

	border-color: #006188;

}

.btn-metis-6:active, .btn-metis-6.active, .open > .dropdown-toggle.btn-metis-6 {

	color: #fff;

	background-color: #008fc2;

	border-color: #006188;

}

.btn-metis-6:active:hover, .btn-metis-6.active:hover, .open > .dropdown-toggle.btn-metis-6:hover, .btn-metis-6:active:focus, .btn-metis-6.active:focus, .open > .dropdown-toggle.btn-metis-6:focus, .btn-metis-6:active.focus, .btn-metis-6.active.focus, .open > .dropdown-toggle.btn-metis-6.focus {

	color: #fff;

	background-color: #00749e;

	border-color: #003246;

}

.btn-metis-6:active, .btn-metis-6.active, .open > .dropdown-toggle.btn-metis-6 {

	background-image: none;

}

.btn-metis-6.disabled:hover, .btn-metis-6[disabled]:hover, fieldset[disabled] .btn-metis-6:hover, .btn-metis-6.disabled:focus, .btn-metis-6[disabled]:focus, fieldset[disabled] .btn-metis-6:focus, .btn-metis-6.disabled.focus, .btn-metis-6[disabled].focus, fieldset[disabled] .btn-metis-6.focus {

	background-color: #00b4f5;

	border-color: #008dc5;

}

.btn-metis-6 .badge {

	color: #00b4f5;

	background-color: #fff;

}

.btn-grad.btn-default, .btn-grad.btn-primary, .btn-grad.btn-success, .btn-grad.btn-info, .btn-grad.btn-warning, .btn-grad.btn-danger {

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);

}

.btn-grad.btn-default:active, .btn-grad.btn-primary:active, .btn-grad.btn-success:active, .btn-grad.btn-info:active, .btn-grad.btn-warning:active, .btn-grad.btn-danger:active, .btn-grad.btn-default.active, .btn-grad.btn-primary.active, .btn-grad.btn-success.active, .btn-grad.btn-info.active, .btn-grad.btn-warning.active, .btn-grad.btn-danger.active {

	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.btn-grad.btn:active, .btn-grad.btn.active {

	background-image: none;

}

.btn-grad.btn-default {

	background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);

	background-repeat: repeat-x;

	border-color: #dbdbdb;

	text-shadow: 0 1px 0 #fff;

	border-color: #ccc;

}

.btn-grad.btn-default:hover, .btn-grad.btn-default:focus {

	background-color: #e0e0e0;

	background-position: 0 -15px;

}

.btn-grad.btn-default:active, .btn-grad.btn-default.active {

	background-color: #e0e0e0;

	border-color: #dbdbdb;

}

.btn-grad.btn-primary {

	background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);

	background-repeat: repeat-x;

	border-color: #245580;

}

.btn-grad.btn-primary:hover, .btn-grad.btn-primary:focus {

	background-color: #265a88;

	background-position: 0 -15px;

}

.btn-grad.btn-primary:active, .btn-grad.btn-primary.active {

	background-color: #265a88;

	border-color: #245580;

}

.btn-grad.btn-success {

	background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);

	background-repeat: repeat-x;

	border-color: #3e8f3e;

}

.btn-grad.btn-success:hover, .btn-grad.btn-success:focus {

	background-color: #419641;

	background-position: 0 -15px;

}

.btn-grad.btn-success:active, .btn-grad.btn-success.active {

	background-color: #419641;

	border-color: #3e8f3e;

}

.btn-grad.btn-warning {

	background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);

	background-repeat: repeat-x;

	border-color: #e38d13;

}

.btn-grad.btn-warning:hover, .btn-grad.btn-warning:focus {

	background-color: #eb9316;

	background-position: 0 -15px;

}

.btn-grad.btn-warning:active, .btn-grad.btn-warning.active {

	background-color: #eb9316;

	border-color: #e38d13;

}

.btn-grad.btn-danger {

	background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);

	background-repeat: repeat-x;

	border-color: #b92c28;

}

.btn-grad.btn-danger:hover, .btn-grad.btn-danger:focus {

	background-color: #c12e2a;

	background-position: 0 -15px;

}

.btn-grad.btn-danger:active, .btn-grad.btn-danger.active {

	background-color: #c12e2a;

	border-color: #b92c28;

}

.btn-grad.btn-info {

	background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);

	background-repeat: repeat-x;

	border-color: #28a4c9;

}

.btn-grad.btn-info:hover, .btn-grad.btn-info:focus {

	background-color: #2aabd2;

	background-position: 0 -15px;

}

.btn-grad.btn-info:active, .btn-grad.btn-info.active {

	background-color: #2aabd2;

	border-color: #28a4c9;

}

.btn-grad.btn-metis-1 {

	background-image: linear-gradient(to bottom, #ee465a 0%, #e2152d 100%);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee465a', endColorstr='#ffe2152d', GradientType=0);

	background-repeat: repeat-x;

	border-color: #d9142b;

}

.btn-grad.btn-metis-1:hover, .btn-grad.btn-metis-1:focus {

	background-color: #e2152d;

	background-position: 0 -15px;

}

.btn-grad.btn-metis-1:active, .btn-grad.btn-metis-1.active {

	background-color: #e2152d;

	border-color: #d9142b;

}

.btn-grad.btn-metis-2 {

	background-image: linear-gradient(to bottom, #9fd256 0%, #81b931 100%);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9fd256', endColorstr='#ff81b931', GradientType=0);

	background-repeat: repeat-x;

	border-color: #7cb12f;

}

.btn-grad.btn-metis-2:hover, .btn-grad.btn-metis-2:focus {

	background-color: #81b931;

	background-position: 0 -15px;

}

.btn-grad.btn-metis-2:active, .btn-grad.btn-metis-2.active {

	background-color: #81b931;

	border-color: #7cb12f;

}

.btn-grad.btn-metis-3 {

	background-image: linear-gradient(to bottom, #fbb450 0%, #fa9a14 100%);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fffa9a14', GradientType=0);

	background-repeat: repeat-x;

	border-color: #f9960a;

}

.btn-grad.btn-metis-3:hover, .btn-grad.btn-metis-3:focus {

	background-color: #fa9a14;

	background-position: 0 -15px;

}

.btn-grad.btn-metis-3:active, .btn-grad.btn-metis-3.active {

	background-color: #fa9a14;

	border-color: #f9960a;

}

.btn-grad.btn-metis-4 {

	background-image: linear-gradient(to bottom, #A264E7 0%, #822fdf 100%);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa264e7', endColorstr='#ff822fdf', GradientType=0);

	background-repeat: repeat-x;

	border-color: #7d26dd;

}

.btn-grad.btn-metis-4:hover, .btn-grad.btn-metis-4:focus {

	background-color: #822fdf;

	background-position: 0 -15px;

}

.btn-grad.btn-metis-4:active, .btn-grad.btn-metis-4.active {

	background-color: #822fdf;

	border-color: #7d26dd;

}

.btn-grad.btn-metis-5 {

	background-image: linear-gradient(to bottom, #777 0%, #585858 100%);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff585858', GradientType=0);

	background-repeat: repeat-x;

	border-color: #535353;

}

.btn-grad.btn-metis-5:hover, .btn-grad.btn-metis-5:focus {

	background-color: #585858;

	background-position: 0 -15px;

}

.btn-grad.btn-metis-5:active, .btn-grad.btn-metis-5.active {

	background-color: #585858;

	border-color: #535353;

}

.btn-grad.btn-metis-6 {

	background-image: linear-gradient(to bottom, #00b4f5 0%, #0087b8 100%);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00b4f5', endColorstr='#ff0087b8', GradientType=0);

	background-repeat: repeat-x;

	border-color: #0080ae;

}

.btn-grad.btn-metis-6:hover, .btn-grad.btn-metis-6:focus {

	background-color: #0087b8;

	background-position: 0 -15px;

}

.btn-grad.btn-metis-6:active, .btn-grad.btn-metis-6.active {

	background-color: #0087b8;

	border-color: #0080ae;

}

.btn-circle {

	border-radius: 500px;

	width: 40px;

	height: 40px;

	padding: 8px 10px;

}

.btn-circle.btn-lg {

	width: 60px;

	height: 60px;

	padding: 14px 16px;

}

.btn-circle.btn-sm {

	width: 30px;

	height: 30px;

	padding: 5px 10px;

}

.btn-circle.btn-xs {

	width: 20px;

	height: 20px;

	padding: 0 5px;

}

.btn-rect {

	border-radius: 0 !important;

}

.btn-round.btn {

	border-radius: 28px;

}

.btn-round.btn-xs {

	border-radius: 28px;

}

.btn-round.btn-sm {

	border-radius: 28px;

}

.btn-round.btn-lg {

	border-radius: 28px;

}

.btn-line.btn-default {

	color: #333;

	background-color: #fff;

	border-color: #ccc;

}

.btn-line.btn-default:hover, .btn-line.btn-default:focus, .btn-line.btn-default:active, .btn-line.btn-default.active {

	background-color: #262626;

	color: #fff;

	border-color: #b3b3b3;

}

.btn-line.btn-default.disabled, .btn-line.btn-default[disabled], fieldset[disabled] .btn-line.btn-default, .btn-line.btn-default.disabled:hover, .btn-line.btn-default[disabled]:hover, fieldset[disabled] .btn-line.btn-default:hover, .btn-line.btn-default.disabled:focus, .btn-line.btn-default[disabled]:focus, fieldset[disabled] .btn-line.btn-default:focus, .btn-line.btn-default.disabled:active, .btn-line.btn-default[disabled]:active, fieldset[disabled] .btn-line.btn-default:active, .btn-line.btn-default.disabled.active, .btn-line.btn-default[disabled].active, fieldset[disabled] .btn-line.btn-default.active {

	background-color: #fff;

	border-color: #ccc;

}

.btn-line.btn-primary {

	color: #337ab7;

	background-color: #fff;

	border-color: #2e6da4;

}

.btn-line.btn-primary:hover, .btn-line.btn-primary:focus, .btn-line.btn-primary:active, .btn-line.btn-primary.active {

	background-color: #2e6da4;

	color: #fff;

	border-color: #23527c;

}

.btn-line.btn-primary.disabled, .btn-line.btn-primary[disabled], fieldset[disabled] .btn-line.btn-primary, .btn-line.btn-primary.disabled:hover, .btn-line.btn-primary[disabled]:hover, fieldset[disabled] .btn-line.btn-primary:hover, .btn-line.btn-primary.disabled:focus, .btn-line.btn-primary[disabled]:focus, fieldset[disabled] .btn-line.btn-primary:focus, .btn-line.btn-primary.disabled:active, .btn-line.btn-primary[disabled]:active, fieldset[disabled] .btn-line.btn-primary:active, .btn-line.btn-primary.disabled.active, .btn-line.btn-primary[disabled].active, fieldset[disabled] .btn-line.btn-primary.active {

	background-color: #fff;

	border-color: #2e6da4;

}

.btn-line.btn-warning {

	color: #f0ad4e;

	background-color: #fff;

	border-color: #eea236;

}

.btn-line.btn-warning:hover, .btn-line.btn-warning:focus, .btn-line.btn-warning:active, .btn-line.btn-warning.active {

	background-color: #eea236;

	color: #fff;

	border-color: #df8a13;

}

.btn-line.btn-warning.disabled, .btn-line.btn-warning[disabled], fieldset[disabled] .btn-line.btn-warning, .btn-line.btn-warning.disabled:hover, .btn-line.btn-warning[disabled]:hover, fieldset[disabled] .btn-line.btn-warning:hover, .btn-line.btn-warning.disabled:focus, .btn-line.btn-warning[disabled]:focus, fieldset[disabled] .btn-line.btn-warning:focus, .btn-line.btn-warning.disabled:active, .btn-line.btn-warning[disabled]:active, fieldset[disabled] .btn-line.btn-warning:active, .btn-line.btn-warning.disabled.active, .btn-line.btn-warning[disabled].active, fieldset[disabled] .btn-line.btn-warning.active {

	background-color: #fff;

	border-color: #eea236;

}

.btn-line.btn-danger {

	color: #d9534f;

	background-color: #fff;

	border-color: #d43f3a;

}

.btn-line.btn-danger:hover, .btn-line.btn-danger:focus, .btn-line.btn-danger:active, .btn-line.btn-danger.active {

	background-color: #d43f3a;

	color: #fff;

	border-color: #b52b27;

}

.btn-line.btn-danger.disabled, .btn-line.btn-danger[disabled], fieldset[disabled] .btn-line.btn-danger, .btn-line.btn-danger.disabled:hover, .btn-line.btn-danger[disabled]:hover, fieldset[disabled] .btn-line.btn-danger:hover, .btn-line.btn-danger.disabled:focus, .btn-line.btn-danger[disabled]:focus, fieldset[disabled] .btn-line.btn-danger:focus, .btn-line.btn-danger.disabled:active, .btn-line.btn-danger[disabled]:active, fieldset[disabled] .btn-line.btn-danger:active, .btn-line.btn-danger.disabled.active, .btn-line.btn-danger[disabled].active, fieldset[disabled] .btn-line.btn-danger.active {

	background-color: #fff;

	border-color: #d43f3a;

}

.btn-line.btn-success {

	color: #5cb85c;

	background-color: #fff;

	border-color: #4cae4c;

}

.btn-line.btn-success:hover, .btn-line.btn-success:focus, .btn-line.btn-success:active, .btn-line.btn-success.active {

	background-color: #4cae4c;

	color: #fff;

	border-color: #3d8b3d;

}

.btn-line.btn-success.disabled, .btn-line.btn-success[disabled], fieldset[disabled] .btn-line.btn-success, .btn-line.btn-success.disabled:hover, .btn-line.btn-success[disabled]:hover, fieldset[disabled] .btn-line.btn-success:hover, .btn-line.btn-success.disabled:focus, .btn-line.btn-success[disabled]:focus, fieldset[disabled] .btn-line.btn-success:focus, .btn-line.btn-success.disabled:active, .btn-line.btn-success[disabled]:active, fieldset[disabled] .btn-line.btn-success:active, .btn-line.btn-success.disabled.active, .btn-line.btn-success[disabled].active, fieldset[disabled] .btn-line.btn-success.active {

	background-color: #fff;

	border-color: #4cae4c;

}

.btn-line.btn-info {

	color: #5bc0de;

	background-color: #fff;

	border-color: #46b8da;

}

.btn-line.btn-info:hover, .btn-line.btn-info:focus, .btn-line.btn-info:active, .btn-line.btn-info.active {

	background-color: #46b8da;

	color: #fff;

	border-color: #28a1c5;

}

.btn-line.btn-info.disabled, .btn-line.btn-info[disabled], fieldset[disabled] .btn-line.btn-info, .btn-line.btn-info.disabled:hover, .btn-line.btn-info[disabled]:hover, fieldset[disabled] .btn-line.btn-info:hover, .btn-line.btn-info.disabled:focus, .btn-line.btn-info[disabled]:focus, fieldset[disabled] .btn-line.btn-info:focus, .btn-line.btn-info.disabled:active, .btn-line.btn-info[disabled]:active, fieldset[disabled] .btn-line.btn-info:active, .btn-line.btn-info.disabled.active, .btn-line.btn-info[disabled].active, fieldset[disabled] .btn-line.btn-info.active {

	background-color: #fff;

	border-color: #46b8da;

}

.btn-line.btn-metis-1 {

	color: #ee465a;

	background-color: #fff;

	border-color: #c11a39;

}

.btn-line.btn-metis-1:hover, .btn-line.btn-metis-1:focus, .btn-line.btn-metis-1:active, .btn-line.btn-metis-1.active {

	background-color: #ec2f45;

	color: #fff;

	border-color: #94142c;

}

.btn-line.btn-metis-1.disabled, .btn-line.btn-metis-1[disabled], fieldset[disabled] .btn-line.btn-metis-1, .btn-line.btn-metis-1.disabled:hover, .btn-line.btn-metis-1[disabled]:hover, fieldset[disabled] .btn-line.btn-metis-1:hover, .btn-line.btn-metis-1.disabled:focus, .btn-line.btn-metis-1[disabled]:focus, fieldset[disabled] .btn-line.btn-metis-1:focus, .btn-line.btn-metis-1.disabled:active, .btn-line.btn-metis-1[disabled]:active, fieldset[disabled] .btn-line.btn-metis-1:active, .btn-line.btn-metis-1.disabled.active, .btn-line.btn-metis-1[disabled].active, fieldset[disabled] .btn-line.btn-metis-1.active {

	background-color: #fff;

	border-color: #c11a39;

}

.btn-line.btn-metis-2 {

	color: #9fd256;

	background-color: #fff;

	border-color: #6fac34;

}

.btn-line.btn-metis-2:hover, .btn-line.btn-metis-2:focus, .btn-line.btn-metis-2:active, .btn-line.btn-metis-2.active {

	background-color: #94cd42;

	color: #fff;

	border-color: #568528;

}

.btn-line.btn-metis-2.disabled, .btn-line.btn-metis-2[disabled], fieldset[disabled] .btn-line.btn-metis-2, .btn-line.btn-metis-2.disabled:hover, .btn-line.btn-metis-2[disabled]:hover, fieldset[disabled] .btn-line.btn-metis-2:hover, .btn-line.btn-metis-2.disabled:focus, .btn-line.btn-metis-2[disabled]:focus, fieldset[disabled] .btn-line.btn-metis-2:focus, .btn-line.btn-metis-2.disabled:active, .btn-line.btn-metis-2[disabled]:active, fieldset[disabled] .btn-line.btn-metis-2:active, .btn-line.btn-metis-2.disabled.active, .btn-line.btn-metis-2[disabled].active, fieldset[disabled] .btn-line.btn-metis-2.active {

	background-color: #fff;

	border-color: #6fac34;

}

.btn-line.btn-metis-3 {

	color: #fbb450;

	background-color: #fff;

	border-color: #f89406;

}

.btn-line.btn-metis-3:hover, .btn-line.btn-metis-3:focus, .btn-line.btn-metis-3:active, .btn-line.btn-metis-3.active {

	background-color: #faa937;

	color: #fff;

	border-color: #c67605;

}

.btn-line.btn-metis-3.disabled, .btn-line.btn-metis-3[disabled], fieldset[disabled] .btn-line.btn-metis-3, .btn-line.btn-metis-3.disabled:hover, .btn-line.btn-metis-3[disabled]:hover, fieldset[disabled] .btn-line.btn-metis-3:hover, .btn-line.btn-metis-3.disabled:focus, .btn-line.btn-metis-3[disabled]:focus, fieldset[disabled] .btn-line.btn-metis-3:focus, .btn-line.btn-metis-3.disabled:active, .btn-line.btn-metis-3[disabled]:active, fieldset[disabled] .btn-line.btn-metis-3:active, .btn-line.btn-metis-3.disabled.active, .btn-line.btn-metis-3[disabled].active, fieldset[disabled] .btn-line.btn-metis-3.active {

	background-color: #fff;

	border-color: #f89406;

}

.btn-line.btn-metis-4 {

	color: #A264E7;

	background-color: #fff;

	border-color: #62309A;

}

.btn-line.btn-metis-4:hover, .btn-line.btn-metis-4:focus, .btn-line.btn-metis-4:active, .btn-line.btn-metis-4.active {

	background-color: #954ee4;

	color: #fff;

	border-color: #492473;

}

.btn-line.btn-metis-4.disabled, .btn-line.btn-metis-4[disabled], fieldset[disabled] .btn-line.btn-metis-4, .btn-line.btn-metis-4.disabled:hover, .btn-line.btn-metis-4[disabled]:hover, fieldset[disabled] .btn-line.btn-metis-4:hover, .btn-line.btn-metis-4.disabled:focus, .btn-line.btn-metis-4[disabled]:focus, fieldset[disabled] .btn-line.btn-metis-4:focus, .btn-line.btn-metis-4.disabled:active, .btn-line.btn-metis-4[disabled]:active, fieldset[disabled] .btn-line.btn-metis-4:active, .btn-line.btn-metis-4.disabled.active, .btn-line.btn-metis-4[disabled].active, fieldset[disabled] .btn-line.btn-metis-4.active {

	background-color: #fff;

	border-color: #62309A;

}

.btn-line.btn-metis-5 {

	color: #777;

	background-color: #fff;

	border-color: #555;

}

.btn-line.btn-metis-5:hover, .btn-line.btn-metis-5:focus, .btn-line.btn-metis-5:active, .btn-line.btn-metis-5.active {

	background-color: #6a6a6a;

	color: #fff;

	border-color: #3b3b3b;

}

.btn-line.btn-metis-5.disabled, .btn-line.btn-metis-5[disabled], fieldset[disabled] .btn-line.btn-metis-5, .btn-line.btn-metis-5.disabled:hover, .btn-line.btn-metis-5[disabled]:hover, fieldset[disabled] .btn-line.btn-metis-5:hover, .btn-line.btn-metis-5.disabled:focus, .btn-line.btn-metis-5[disabled]:focus, fieldset[disabled] .btn-line.btn-metis-5:focus, .btn-line.btn-metis-5.disabled:active, .btn-line.btn-metis-5[disabled]:active, fieldset[disabled] .btn-line.btn-metis-5:active, .btn-line.btn-metis-5.disabled.active, .btn-line.btn-metis-5[disabled].active, fieldset[disabled] .btn-line.btn-metis-5.active {

	background-color: #fff;

	border-color: #555;

}

.btn-line.btn-metis-6 {

	color: #00b4f5;

	background-color: #fff;

	border-color: #008dc5;

}

.btn-line.btn-metis-6:hover, .btn-line.btn-metis-6:focus, .btn-line.btn-metis-6:active, .btn-line.btn-metis-6.active {

	background-color: #00a1dc;

	color: #fff;

	border-color: #006892;

}

.btn-line.btn-metis-6.disabled, .btn-line.btn-metis-6[disabled], fieldset[disabled] .btn-line.btn-metis-6, .btn-line.btn-metis-6.disabled:hover, .btn-line.btn-metis-6[disabled]:hover, fieldset[disabled] .btn-line.btn-metis-6:hover, .btn-line.btn-metis-6.disabled:focus, .btn-line.btn-metis-6[disabled]:focus, fieldset[disabled] .btn-line.btn-metis-6:focus, .btn-line.btn-metis-6.disabled:active, .btn-line.btn-metis-6[disabled]:active, fieldset[disabled] .btn-line.btn-metis-6:active, .btn-line.btn-metis-6.disabled.active, .btn-line.btn-metis-6[disabled].active, fieldset[disabled] .btn-line.btn-metis-6.active {

	background-color: #fff;

	border-color: #008dc5;

}

.btn-flat {

	border-width: 0 !important;

}

/* BEGIN animated checkbox styles */

.anim-checkbox {

/*adding some colors for fun*/

}

.anim-checkbox label {

	position: relative;

}

.anim-checkbox label:before, .anim-checkbox label:after {

	font-family: FontAwesome;

	/*absolutely positioned*/

  position: absolute;

	left: 0;

}

.anim-checkbox label:before {

	content: '\f096';/*unchecked*/

}

.anim-checkbox label:after {

	content: '\f046';

	/*checked*/

  /*checked icon will be hidden by default by using 0 max-width and overflow hidden*/

  max-width: 0;

	overflow: hidden;

	opacity: 0.5;

	/*CSS3 transitions for animated effect*/

  transition: all 0.35s;

}

.anim-checkbox input[type="checkbox"] {

	display: none;

}

.anim-checkbox input[type="checkbox"]:checked + label:after {

	max-width: 25px;

	/*an arbitratry number more than the icon's width*/

  opacity: 1;/*for fade in effect*/

}

.anim-checkbox .primary:checked + label:before, .anim-checkbox .primary:checked + label:after {

	color: #337ab7;

}

.anim-checkbox .success:checked + label:before, .anim-checkbox .success:checked + label:after {

	color: #5cb85c;

}

.anim-checkbox .warning:checked + label:before, .anim-checkbox .warning:checked + label:after {

	color: #f0ad4e;

}

.anim-checkbox .danger:checked + label:before, .anim-checkbox .danger:checked + label:after {

	color: #d9534f;

}

.anim-checkbox .info:checked + label:before, .anim-checkbox .info:checked + label:after {

	color: #5bc0de;

}

/* END animated checkbox styles */

/* BEGIN Pricing Table */

.pricing-table {

	text-align: center;

	padding: 0;

	margin: 30px 0;

	line-height: 150%;

}

.pricing-table li {

	list-style: none;

}

.pricing-table > li {

	background-image: linear-gradient(to bottom, #EBEEF5 0%, #fff 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebeef5', endColorstr='#ffffffff', GradientType=0);

	color: #444;

	transition: all 0.2s;

}

.pricing-table.dark > li.active.default {

	color: #fff;

}

.pricing-table > li.active {

	color: #fff;

	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.5);

	z-index: 1;

}

.pricing-table > li.active.default {

	color: #444;

}

@media (min-width: 768px) {

.pricing-table > li.active {

	-webkit-transform: scale(1.03);

	transform: scale(1.03);

}

}

.pricing-table > li.active.primary {

	background-image: linear-gradient(to bottom, #2e6da4 0%, #337ab7 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e6da4', endColorstr='#ff337ab7', GradientType=0);

}

.pricing-table > li.active.success {

	background-image: linear-gradient(to bottom, #4cae4c 0%, #5cb85c 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4cae4c', endColorstr='#ff5cb85c', GradientType=0);

}

.pricing-table > li.active.warning {

	background-image: linear-gradient(to bottom, #eea236 0%, #f0ad4e 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeea236', endColorstr='#fff0ad4e', GradientType=0);

}

.pricing-table > li.active.danger {

	background-image: linear-gradient(to bottom, #d43f3a 0%, #d9534f 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd43f3a', endColorstr='#ffd9534f', GradientType=0);

}

.pricing-table > li.active.info {

	background-image: linear-gradient(to bottom, #46b8da 0%, #5bc0de 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff46b8da', endColorstr='#ff5bc0de', GradientType=0);

}

.pricing-table .footer {

	padding: 15px;

	margin: 15px -15px 0;

	background: #eee;

}

.pricing-table.dark .footer {

	background: #333;

}

.pricing-table h3 {

	 text-transform: capitalize !important;

    padding: 5px 0 !important;

    line-height: 1px;

	margin: 3px 0px;

}

.pricing-table .price-body {

	width: 125px;

	height: 125px;

	margin: 0 auto 15px auto;

	border: 2px solid #444;

	border-radius: 100%;

	display: table;

}

.pricing-table.dark .price-body {

	border-color: #fff;

}

.pricing-table > li.active.primary .price-body, .pricing-table > li.active.success .price-body, .pricing-table > li.active.warning .price-body, .pricing-table > li.active.danger .price-body, .pricing-table > li.active.info .price-body {

	border-color: #fff;

}

.pricing-table .price {

	font-size: 30px;

	font-weight: bold;

	text-transform: uppercase;

	/*Lets vertically center align the price now*/

  vertical-align: middle;

	display: table-cell;

}

.pricing-table .price .price-figure {

	display: block;

}

.pricing-table .price .price-term {

	font-size: 11px;

	font-weight: normal;

}

.pricing-table .features ul {

	margin: 0;

	padding: 0;

}

.pricing-table .features ul li {

	padding: 5px 0;

}

/* END Pricing Table */

/* horizontal rules */

.inner hr {

	margin-top: 10px;

	border-top-color: #ccc;

}

/* BEGIN PROGRESSBAR STYLES */

.progress.xs {

	height: 6px;

}

.progress.sm {

	height: 10px;

}

.progress.md {

	height: 12px;

}

.progress.lg {

	height: 28px;

}

/* END PROGRESSBAR STYLES */


.quick-btn span {

	display: block;

}

.quick-btn .label {

	position: absolute;

	right: -5px;

	top: -5px;

}

.quick-btn:hover {

	text-decoration: none;

	color: #fff;

	background-color: #4d7589;

}

.quick-btn.small {

	width: 40px;

	height: 30px;

	padding-top: 6px;

}

.simpleTable tr th:first-child, .simpleTable tr td:first-child {

	text-align: center;

	width: 27px;

}

/* BEGIN SORTABLETABLE STYLES */

.sortableTable th {

	background-image: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);

	background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);

	cursor: pointer;

}

.sortableTable th:hover {

	color: #888;

}

.sortableTable th.tablesorter-header .fa.sort:before {

	content: "\f0dc";

}

.sortableTable th.tablesorter-header.tablesorter-headerDesc .fa.sort:before {

	content: "\f0de";

}

.sortableTable th.tablesorter-header.tablesorter-headerAsc .fa.sort:before {

	content: "\f0dd";

}

/* END SORTABLETABLE STYLES */

/* BEGIN SPARKLINE STYLES */

.sparkline {

	min-width: 50px;

	border-right: 1px solid #DCDCDC;

	box-shadow: 1px 0 0 0 #FFFFFF;

	float: left;

	margin-right: 12px;

	padding: 10px 14px 0px 4px;

	line-height: 52px;

}

/* END SPARKLINE STYLES */

.stats_box {

	display: inline-block;

	list-style: none outside none;

	margin-left: 0;

	margin-top: 20px;

	padding: 0;

}

.stats_box li {

	background: #EEEEEE;

	box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC;

	display: inline-block;

	line-height: 18px;

	margin: 0 10px 10px;

	padding: 0 10px;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);

	float: left;

}

.stats_box .stat_text {

	float: left;

	font-size: 12px;

	padding: 9px 10px 7px 0;

	text-align: left;

	min-width: 150px;

	position: relative;

}

.stats_box .stat_text strong {

	display: block;

	font-size: 16px;

}

.stats_box .stat_text .percent {

	color: #444;

	float: right;

	font-size: 20px;

	font-weight: bold;

	position: absolute;

	right: 0;

	top: 17px;

}

.stats_box .stat_text .percent.up {

	color: #46a546;

}

.stats_box .stat_text .percent.down {

	color: #C52F61;

}

::-webkit-scrollbar {

 width: 12px;

 height: 12px;

}

::-webkit-scrollbar-thumb {

 border-radius: 1em;

 background-color: #999 !important;

}

::-webkit-scrollbar-thumb:hover {

 background-color: #999;

}

::-webkit-scrollbar-track {

 border-radius: 1em;

 background: rgba(110, 110, 110, 0.25) !important;

}

::-webkit-scrollbar-track:hover {

 background: rgba(110, 110, 110, 0.25);

}

/* BEGIN FULLCALENDAR STYLES */

.fc-event.label {

	border: 1px solid #808080;

	color: #fff;

	font-size: .85em;

	cursor: default;

	background-color: #999999;

}

.fc-event.label.label-default {

	border-color: #6a6a6a;

	background-color: #777777;

}

.fc-event.label.label-default[href]:hover, .fc-event.label.label-default[href]:focus {

	background-color: #5e5e5e;

}

.fc-event.label.label-primary {

	border-color: #2e6da4;

	background-color: #337ab7;

}

.fc-event.label.label-primary[href]:hover, .fc-event.label.label-primary[href]:focus {

	background-color: #286090;

}

.fc-event.label.label-success {

	border-color: #4cae4c;

	background-color: #5cb85c;

}

.fc-event.label.label-success[href]:hover, .fc-event.label.label-success[href]:focus {

	background-color: #449d44;

}

.fc-event.label.label-info {

	border-color: #46b8da;

	background-color: #5bc0de;

}

.fc-event.label.label-info[href]:hover, .fc-event.label.label-info[href]:focus {

	background-color: #31b0d5;

}

.fc-event.label.label-warning {

	border-color: #eea236;

	background-color: #f0ad4e;

}

.fc-event.label.label-warning[href]:hover, .fc-event.label.label-warning[href]:focus {

	background-color: #ec971f;

}

.fc-event.label.label-danger {

	border-color: #d43f3a;

	background-color: #d9534f;

}

.fc-event.label.label-danger[href]:hover, .fc-event.label.label-danger[href]:focus {

	background-color: #c9302c;

}

/* END FULLCALENDAR STYLES */

/* ==========================================================================

metisAdmin: HACK

========================================================================== */

/**

* Chosen

*/

.chosen-container-single .chosen-single, .chosen-container-multi .chosen-choices li.search-field input[type="text"] {

	height: auto !important;

}

/**

* Sparkline

*/

.jqstooltip {

	box-sizing: content-box;

}

/**

* Google Maps

*/

.google-maps {

	min-height: 300px;

}

/**

* Bootstrap-Timepicker

*/

.icon-chevron-up, .icon-chevron-down {

	position: relative;

	top: 1px;

	display: inline-block;

	font-family: 'Glyphicons Halflings';

	font-style: normal;

	font-weight: normal;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

.icon-chevron-up:before {

	content: "\e113";

}

.icon-chevron-down:before {

	content: "\e114";

}

/**

* Bootstrap-Wysihtml5

*/

iframe.wysihtml5-sandbox {

	width: 100% !important;

}

/**

* Elfinder

*/

.elfinder, .elfinder * {

	box-sizing: content-box;

}

/**

* Bootstrap-Colorpicker

*/

.colorpicker-saturation {

	background-image: url(../lib/colorpicker/img/saturation.png) !important;

}

.colorpicker-hue {

	background-image: url(../lib/colorpicker/img/hue.png) !important;

}

.colorpicker-alpha {

	background-image: url(../lib/colorpicker/img/alpha.png) !important;

}

.colorpicker-color {

	background-image: url(../lib/colorpicker/img/alpha.png) !important;

}

/**

* Uniform

*/

div.uploader {

	width: auto !important;

}

.p-xs {

	padding: 10px;

}

.p-xs-t {

	padding-top: 10px;

}

.p-xs-l {

	padding-left: 10px;

}

.p-xs-b {

	padding-bottom: 10px;

}

.p-xs-r {

	padding-right: 10px;

}

.p-sm {

	padding: 15px;

}

.p-sm-t {

	padding-top: 15px;

}

.p-sm-l {

	padding-left: 15px;

}

.p-sm-b {

	padding-bottom: 15px;

}

.p-sm-r {

	padding-right: 15px;

}

.p-md {

	padding: 25px;

}

.p-md-t {

	padding-top: 25px;

}

.p-md-l {

	padding-left: 25px;

}

.p-md-b {

	padding-bottom: 25px;

}

.p-md-r {

	padding-right: 25px;

}

.p-lg {

	padding: 40px;

}

.p-lg-t {

	padding-top: 40px;

}

.p-lg-l {

	padding-left: 40px;

}

.p-lg-b {

	padding-bottom: 40px;

}

.p-lg-r {

	padding-right: 40px;

}

.m-xs {

	margin: 10px;

}

.m-xs-t {

	margin-top: 10px;

}

.m-xs-l {

	margin-left: 10px;

}

.m-xs-b {

	margin-bottom: 10px;

}

.m-xs-r {

	margin-right: 10px;

}

.m-sm {

	margin: 15px;

}

.m-sm-t {

	margin-top: 15px;

}

.m-sm-l {

	margin-left: 15px;

}

.m-sm-b {

	margin-bottom: 15px;

}

.m-sm-r {

	margin-right: 15px;

}

.m-md {

	margin: 25px;

}

.m-md-t {

	margin-top: 25px;

}

.m-md-l {

	margin-left: 25px;

}

.m-md-b {

	margin-bottom: 25px;

}

.m-md-r {

	margin-right: 25px;

}

.m-lg {

	margin: 40px;

}

.m-lg-t {

	margin-top: 40px;

}

.m-lg-l {

	margin-left: 40px;

}

.m-lg-b {

	margin-bottom: 40px;

}

.m-lg-r {

	margin-right: 40px;

}

.bg-red {

	background-color: #B90000;

	color: #fff !important;

}

.bg-red.dker, .bg-red > .dker {

	background-color: #900000 !important;

}

.bg-red.dk, .bg-red > .dk {

	background-color: #a50000 !important;

}

.bg-red.lt, .bg-red > .lt {

	background-color: #cd0000 !important;

}

.bg-red.lter, .bg-red > .lter {

	background-color: #e20000 !important;

}

.bg-brick {

	background-color: #CD6723;

	color: #fff !important;

}

.bg-brick.dker, .bg-brick > .dker {

	background-color: #aa551d !important;

}

.bg-brick.dk, .bg-brick > .dk {

	background-color: #bc5e20 !important;

}

.bg-brick.lt, .bg-brick > .lt {

	background-color: #db712a !important;

}

.bg-brick.lter, .bg-brick > .lter {

	background-color: #de7c3b !important;

}

.bg-orange {

	background-color: #FF4E00;

	color: #fff !important;

}

.bg-orange.dker, .bg-orange > .dker {

	background-color: #d64200 !important;

}

.bg-orange.dk, .bg-orange > .dk {

	background-color: #eb4800 !important;

}

.bg-orange.lt, .bg-orange > .lt {

	background-color: #ff5c14 !important;

}

.bg-orange.lter, .bg-orange > .lter {

	background-color: #ff6a29 !important;

}

.bg-green {

	background-color: #4B780A;

	color: #fff !important;

}

.bg-green.dker, .bg-green > .dker {

	background-color: #335207 !important;

}

.bg-green.dk, .bg-green > .dk {

	background-color: #3f6508 !important;

}

.bg-green.lt, .bg-green > .lt {

	background-color: #578b0c !important;

}

.bg-green.lter, .bg-green > .lter {

	background-color: #639e0d !important;

}

.bg-blue {

	background-color: #00CAF2;

	color: #fff !important;

}

.bg-blue.dker, .bg-blue > .dker {

	background-color: transparent !important;

}

.bg-blue.dk, .bg-blue > .dk {

	background-color: #00b9de !important;

}

.bg-blue.lt, .bg-blue > .lt {

	background-color: #07d6ff !important;

}

.bg-blue.lter, .bg-blue > .lter {

	background-color: #1cd9ff !important;

}

.bg-black {

	background-color: #222;

	color: #fff !important;

}

.bg-black.dker, .bg-black > .dker {

	background-color: #0e0e0e !important;

}

.bg-black.dk, .bg-black > .dk {

	background-color: #181818 !important;

}

.bg-black.lt, .bg-black > .lt {

	background-color: #2c2c2c !important;

}

.bg-black.lter, .bg-black > .lter {

	background-color: #363636 !important;

}

.bg-dark.dk, .bg-dark > .dk {

	background-color: #3a3a3a !important;

}

.bg-dark.lt, .bg-dark > .lt {

	background-color: #4e4e4e !important;

}

.bg-dark.lter, .bg-dark > .lter {

	background-color: #585858 !important;

}

.bg-light {

	background-color: #eee;

	color: #333 !important;

}

.bg-light.dker, .bg-light > .dker {

	background-color: #dadada !important;

}

.bg-light.dk, .bg-light > .dk {

	background-color: #e4e4e4 !important;

}

.bg-light.lt, .bg-light > .lt {

	background-color: #f8f8f8 !important;

}

.bg-light.lter, .bg-light > .lter {

	background-color: #ffffff !important;

}

.bg-brillant {

	background: url("../img/pattern/brillant.png") repeat;

}

.bg-always_grey {

	background: url("../img/pattern/always_grey.png") repeat;

}

.bg-retina_wood {

	background: url("../img/pattern/retina_wood.png") repeat;

}

.bg-low_contrast_linen {

	background: url("../img/pattern/low_contrast_linen.png") repeat;

}

.bg-egg_shell {

	background: url("../img/pattern/egg_shell.png") repeat;

}

.bg-cartographer {

	background: url("../img/pattern/cartographer.png") repeat;

}

.bg-batthern {

	background: url("../img/pattern/batthern.png") repeat;

}

.bg-noisy_grid {

	background: url("../img/pattern/noisy_grid.png") repeat;

}

.bg-diamond_upholstery {

	background: url("../img/pattern/diamond_upholstery.png") repeat;

}

.bg-greyfloral {

	background: url("../img/pattern/greyfloral.png") repeat;

}

.bg-white_tiles {

	background: url("../img/pattern/white_tiles.png") repeat;

}

.bg-gplaypattern {

	background: url("../img/pattern/gplaypattern.png") repeat;

}

.bg-arches {

	background: url("../img/pattern/arches.png") repeat;

}

.bg-purty_wood {

	background: url("../img/pattern/purty_wood.png") repeat;

}

.bg-diagonal_striped_brick {

	background: url("../img/pattern/diagonal_striped_brick.png") repeat;

}

.bg-large_leather {

	background: url("../img/pattern/large_leather.png") repeat;

}

.bg-bo_play_pattern {

	background: url("../img/pattern/bo_play_pattern.png") repeat;

}

.bg-irongrip {

	background: url("../img/pattern/irongrip.png") repeat;

}

.bg-wood_1 {

	background: url("../img/pattern/wood_1.png") repeat;

}

.bg-pool_table {

	background: url("../img/pattern/pool_table.png") repeat;

}

.bg-crissXcross {

	background: url("../img/pattern/crissXcross.png") repeat;

}

.bg-rip_jobs {

	background: url("../img/pattern/rip_jobs.png") repeat;

}

.bg-random_grey_variations {

	background: url("../img/pattern/random_grey_variations.png") repeat;

}

.bg-carbon_fibre {

	background: url("../img/pattern/carbon_fibre.png") repeat;

}

/* BEGIN ERROR PAGES STYLES */

body.error {

	padding-top: 40px;

	background: url("../img/pattern/always_grey.png") repeat rgba(68, 68, 68, 0.9);

}

body.error .logo h1 {

	color: #FFFFFF;

	font-size: 100px;

	text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);

}

@media (max-width: 767px) {

body.error .logo h1 {

	font-size: 60px;

}

}

/* END ERROR PAGES STYLES */

/* BEGIN LOGIN PAGE STYLES */


.login .form-signin .form-signin-heading, .login .form-signin .checkbox {

	margin-bottom: 10px;

}

.login .form-signin .checkbox {

	font-weight: normal;

}

.login .form-signin input[type="text"], .login .form-signin input[type="password"], .login .form-signin input[type="email"] {

	position: relative;

	font-size: 16px;

	height: auto;

	padding: 10px;

	margin-bottom: 10px;

}

.login .form-signin input[type="text"]:focus, .login .form-signin input[type="password"]:focus, .login .form-signin input[type="email"]:focus {

	z-index: 2;

}

.login .form-signin input.top {

	margin-bottom: -1px;

	border-bottom-left-radius: 0;

	border-bottom-right-radius: 0;

}

.login .form-signin input.middle, .login .form-signin textarea.middle {

	margin-bottom: -1px;

	border-radius: 0;

}

.login .form-signin input.bottom {

	border-top-left-radius: 0;

	border-top-right-radius: 0;

}

form textarea {

	rows:5;

	max-width:100%;

	max-height:120px;

}

/* END LOGIN PAGE STYLES */

#ui-datepicker-div {

	z-index:9999 !important;

}


.center_bold_input {

	text-align: center;

	font-size: 25px !important;

	padding:0 !important;

	font-weight: bolder;

	letter-spacing: 10px;

}

.right_pan {

	width: 50%;

	float:left;

}

.left_pan {

	width: 50%;

	float:right;

}

.full-width {

	width: 100%;

	float:left;

}

.center {

	text-align:center;

}

.no-text-decorate {

	text-decoration:none !important;

}

.no-text-decorate:focus {

	outline: 0px auto !important;

}

.ui-dialog .ui-dialog-titlebar-close {

	height: 24px !important;

	color:#000000 !important;

}

ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-draggable ui-resizable {

	width: 40%!important;

}
body {
	line-height:1;
	background-color:#333;
	color:#fff
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:none;
}

table {

	border-collapse:collapse;

	border-spacing:0

}

pre, .ad {

	background-color:#1e1e1e;

	border-radius:5px 5px 5px 5px;

	box-shadow:0 0 5px #000;

	color:#c0c0c0;

	font-family:'Inconsolata', monospace, sans-serif;

	padding:15px 0 0

}

.ad {

	margin:25px 0 0;

	padding:15px 0;

	text-align:center

}

body {

	font-family:'Droid Sans', sans-serif;

	/*padding:0 0 30px;*/

	/*margin-bottom:0px !important;*/

}

#page {

	margin:0 auto 50px;

	position:relative;

	width:920px

}

h1 {

	display:inline-block;

	font-size:500%;

	padding:5px 0 0

}

h2 {

	font-size:150%;

	padding:5px 0 30px

}

p {

	padding:5px 0 0;

	line-height:1.25

}

strong {

	font-weight:bold;

	/*color:#7ccd60*/

}

.button {

	background-color:#2b91af;

	border-radius:10px;

	box-shadow:0 2px 3px rgba(0,0,0,0.3);

	color:#fff;

	cursor:pointer;

	display:inline-block;

	padding:10px 20px;

	text-align:center;

	text-decoration:none

}

.button.small {

	border-radius:15px;

	float:right;

	margin:22px 5px 0;

	padding:6px 15px

}

.button:hover {

	background-color:#1e1e1e

}

.example {

	display:block;

	line-height:1.25;

	padding:30px 110px 15px 0

}

.code-undefined {

	color:#617a61

}

.code-string {

	color:#fa8072

}

.code-function {

	color:#ffa54f

}

.code-int {

	color:#2b91af

}

.code-comment {

	color:#7ccd60

}

::-moz-selection {

background-color:#999;

color:#fff;

text-shadow:none

}

::selection {

	background-color:#2b91af;

	color:#fff;

	text-shadow:none

}

#page h1+.button {

	position:absolute;

	top:20px;

	right:25px

}

#share {

	position:absolute;

	right:18px;

	top:85px;

	width:205px

}

#share>div {

	display:inline-block

}

#page li {

	position:relative

}

#page ul+a {

	display:block;

	font-size:180%;

	margin:25px 0;

	text-align:center;

	text-decoration:none

}

.header {

	margin:30px 0 0;

	background-color:#000;

	padding:12px 20px 10px;

	border-radius:20px 0 0 0;

	width:100%;

	left:-40px;

	position:relative

}

.note {

	color:#c0c0c0;

	font-size:80%

}

#popup, #popup2, .bMulti {
	display:none;
}

#popup .logo {

	color:#2b91af;

	font:bold 325% 'Petrona', sans

}

#popup2 iframe {

	background:url('loader.gif') center center no-repeat;

	min-height:240px;

	min-width:450px

}

.loading {

	background:url('loader.gif') center center no-repeat

}

.bMulti p {

	font:500% 'Petrona', sans-serif;

	padding:45px 0 0;

	text-align:center

}

.bMulti a {

	left:175px;

	position:absolute;

	top:175px

}

.lt-ie9 .bModal {

	background-color:#000

}

.github {

	background:url('images/github.png') 0 0 no-repeat;

	height:149px;

	width:149px;

	opacity:.6;

	position:fixed;

	right:0;

	top:0;

	-webkit-transition-property:opacity;

	-moz-transition-property:opacity;

	transition-property:opacity;

	-webkit-transition-duration:.35s;

	-moz-transition-duration:.35s;

	transition-duration:.35s;

	-webkit-transition-timing-function:ease-out;

	-moz-transition-timing-function:ease-out;

	transition-timing-function:ease-out

}

.github:hover {

	opacity:1

}

#form_signin input.top { margin-bottom: 10px!important; }

#form_signin .checkbox label {color:#777;line-height:20px;}

.user-info li {padding-bottom: 5px;}

.user-info li small {display: inline-block; padding-top: 7px;}

body:not(.sidebar-left-mini) #menu .nav-header {font-size: 18px!important;}

.font-17 > div {padding-bottom: 8px;}

.topnav > .btn-group > div.tooltip {left:-73.5px!important;width:110px;}

.type_radio_label {line-height: 22px;padding-bottom: 5px;}

#collapseOne form textarea {margin-bottom: 10px;width: 100% !important;}

.mce-edit-area iframe{padding:10px 0px 10px 0px !important;}

.mce-content-body{padding:0px 10px 10px	!important;}

.mce-content-body p {

    padding: 0;

    margin: 2px 0 !important;

}



#latest_task .table.responsive-table {font-size: 13px;text-align: center;}

table tr td, table tr th{text-align:center;}

#requert_leave .inner_label{margin: 5px 0px;}

#for_half{padding-bottom: 10px;}

.margin-left-10{margin-left:10px}

.u_details ul li .user_link_color {color:#03a9f4 !important;}

.btn{ letter-spacing:1px; color:#fff;}

.form-controll {

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    color: #555;

    display: block;

    font-size: 14px;

    line-height: 1.42857;

    padding: 6px 12px;

    width: 100%;

}

.table tr th{

	font-weight:bold;vertical-align: middle !important;

}

.comments{

	line-height: 8px;

    font-size: 11px;

    background-color: #eee;

    padding: 5px;

    border-radius: 15px;	

	color:#212121;

	margin-left: 5px;

}

.chk_topic{

	vertical-align: text-bottom;

}

.task_link_action{

	text-align:right;

	cursor:pointer;

	margin-top: 13px;

}

.edit_task_div{

	margin:5px 0px;

}

.right_del_header{

	font-size: 20px;

    padding: 5px 10px;

	cursor:pointer;
	margin-left: auto;

}

.breadcrumbs_container{

	padding:10px 0px;

}

/*.bred_link::after{

	position: relative;

    top: 0px;

    font-family: FontAwesome;

    content: " \f054 ";

}*/

.emp_name::before {

    position: relative;

    top: 0px;

    font-family: FontAwesome;

    content: "\f02c ";

}

.tooltip.bottom .tooltip-arrow{

	left: 80% !important;

	color:#428bca !important;

	border-bottom-color: #428bca !important;

	

}

.tooltip.bottom .tooltip-inner{

  top: 30px !important;

  left: -5px !important;

  background-color:#428bca !important;

  max-width:300px;

}

.per_page_option{

	margin-bottom:5px;

}

.label-custom{

	top: 8px;

    text-align: right;

}



#Final_log_form {margin-bottom: 20px;}

.btn-sm, .btn-group-sm > .btn {padding: 7px 10px;}

.comp_project_report .form-group {margin-bottom: 0px;}

#table th { white-space: nowrap;}

table td { white-space: nowrap;}

#table {overflow: auto; background: white;}

/*.btn:hover, .btn:focus, .btn.focus{color:#fff !important;}*/

.btn.label-primary:hover{

	background-color: #286090;

    border-color: #204d74;

}

.head {

    background: #f5efe6 none repeat scroll 0 0;

}

.head .main-bar h3 { color: #000!important; font-size: 18px; text-shadow: none;}

.add_todo_btn{margin:10px 0px;}

.add_todo_btn .button-effect{ cursor:pointer;}

.add_todo_form{ margin:10px 0px;}

.daterangepicker .calendar th{ color:#000; font-weight:bold;}

.daterangepicker .calendar .off.available { color:#999;}

.daterangepicker .calendar .available { color:#000;}

.daterangepicker .range_inputs .cancelBtn.btn{ color:#000;}

.caret{margin-top:5px;}

.no-margin{margin:0 !important}

.tags{

	float: right;

    margin-top: 10px;

}

.project_title{

	font-size: 20px;

    padding: 10px 3px;

}

.employee_title{

	font-weight: bolder;

    color: #808080;

}

td.table_label{

	font-weight: bolder;

}

table.dataTable tbody > tr > td {padding-left: 3px; padding-right: 3px;}

.cursor-pointer{ cursor:pointer;}

.assign-label {display: inline-block;min-width: 35%;}

.create_client .projects_list {

    height: 160px;
    overflow: auto;
    border: 1px solid rgba(153, 153, 153, 0.38);

}

.create_client .projects_list_upd {
	float: none;
    height: 160px;
    overflow: auto;
    border: 1px solid rgba(153, 153, 153, 0.38);
	padding: 10px;

}
.lable_after_input{

	padding:10px 0 0 0;

}

.label_rejected{ background:#66F !important;}

.label_approved{ background:#a9e0a9 !important;}

.label_pending{ background:#f79393 !important;}

.fc-event.label{ color:#000 !important;}

.stick_header > header {left: 0; width: 100% !important;}

#assigned_project{ text-align:center; background:#ffffff;height:470px;overflow:auto;border-radius:3px;box-shadow: 0 0 1px #ccc;}

#assigned_project a{ text-decoration:underline;}

.project_img_dbord{width: 60px;padding: 5px;}

.project_name_cont{height:80px;padding:10px;cursor:pointer;overflow: hidden;display: table;}

.pro_title_top {display: table-cell; height: 60px; vertical-align: middle;}

.view_more_btn {display: inline-block;float: left; margin: 15px 0 3px;}

.stick_header {background: #fff none repeat scroll 0 0;position: relative;z-index: 999;}

#heder_stick {padding: 10px; float: left; margin-bottom: 20px; padding: 10px; width: 100%; align-items: center; display: flex;}

#new_topic { border-top: 1px solid #ddd; padding-top: 30px;}

.task_created_by {padding-left:100px; font-size: 11px;}

.pro_image_top {height: 64px;display: table-cell;vertical-align: middle;padding: 0 6px;}

#project_topic > option{width : 205px !important;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

#select_project > option {width: 205px;-webkit-appearance: none; -moz-appearance: none; appearance: none;}

.pro_titles_head {height:110px;}

.user-track-details{ overflow-y: auto; background-color: #fff; padding: 1px; border-radius: 3px; box-shadow: 0 0 1px #ccc;}

#topic_parrent ul {padding:0;}

.proj-bg {background:#f8f7f6;padding: 0 10px;}

.proj-brdr {transition: all 0.05s ease 0.1s;}

.proj-bg.proj-brdr:hover { background: #039be5;}

.proj-bg.proj-brdr:hover h4, .proj-bg.proj-brdr:hover h6 {color:#fff;}

.pro_title_top > h4 {color:#039be5;height: 20px;overflow: hidden;text-align: left;word-break: break-all;transition: all 0.05s ease 0.1s;}

.pro_title_top > h6 { color: #999; font-size: 10px; text-align: left;transition: all 0.05s ease 0.1s;}

.main-comment { word-wrap: break-word;}

.topic_title_class .btn-success {background-color: #212121;border-color: #212121;transition: all 0.2s ease 0.1s;}

.topic_title_class .btn-success:hover {background-color: #fff; border-color: #212121; color: #212121;}

.edit-thread .btn-success {background-color: #212121;border-color: #212121;transition: all 0.2s ease 0.1s;}

.edit-thread .btn-success:hover {background-color: #fff; border-color: #212121; color: #212121;}

.permission_error {background-color: #fff!important;box-shadow: 0 0 1px #ccc;border: 0px solid rgba(255, 17, 34, 0.37)!important;}

.permission_error h3 {display: inline-block; margin-bottom: 0;margin-top: 0;}

.multi-option .multi-opt-ul > li > label {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: normal;

    line-height: 1.42857143;

    color: #333;

    white-space: nowrap;

}

.multi-option .multi-opt-ul

{ max-height: 300px;

  overflow: auto;

}

.margin-left-15{

	margin-left:15px	

}

.no-margin{

	margin:0px !important;

}

.main-update-div .float-right{
	text-align: right;
}
.topic_parrent_header {
    border-radius: 3px; float: left; width: 100%; background: #fff; border: 1px solid #ddd; padding: 22px; margin-bottom: 20px; }
span.search_result { font-size: 18px; color: brown; }
span.search_result_title{ vertical-align: middle; color: brown; font-size: 17px;}
.main-update-div.search_bar { padding-bottom: 10px; }
.project-detail-sidebar a {
    display: inline-block !important;
    font-size: 15px !important;
    color: #fff !important;
}
.project-detail-sidebar a:hover{
	color:#ccc !important;
}
.project-detail-sidebar div {
    margin: 0 auto;
    text-align: left;
    padding-left: 31px;
}
/** home.php */
.pdetail{padding:10px;}
.parent_pdetail{ border:1px; box-shadow: 0 0 1px #ccc;border-radius:3px; width:100%; margin-bottom: 20px;}
/* end */
/** thread.php */
.info_lable{
	font-weight: bold;
    color: #161a98;
    padding: 10px;	
}

.time-span{
	padding:5px;
	display:inline-block;	
}
.task-info-span{
	text-align:center;
	padding: 5px;
    display: inline-block;
    color: #a9a1a1;
    font-size: 12px;
    font-weight: bold;	
}
.text_name{
	width: 60%;
}
/* end */
/** getThread.php */
/* .edit-box{top:-23px !important;} */
/* end */
/** header.php */
	/* .quick-btn {
		background: #eee;
		box-shadow: inset 0 0 0 1px #f8f8f8, 0 0 0 1px #ccc;
		color: #444;
		display: inline-block;
		height: 43px;
		margin: 11px;
		padding-top: 5px;
		text-align: center;
		text-decoration: none;
		width: 69px;
		position: relative;
		cursor: pointer;
		font-size: 12px;
	} */
    
.task_div_details1{
	color:#000;
	background: rgba(204, 204, 204, 1.55);
    border: 2px solid #999;
    position: fixed;
    right: 3.8%;
    padding: 10px;
    box-shadow: 1px 1px 7px 2px rgba(221, 221, 221, 0.77);
    border-radius: 10px 10px 10px 10px;
    bottom: 0.5%;
}


.task_div_details1:before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 17px solid rgba(204, 204, 204, 1.55);
    left: 99.5%;
    top: 88%;
}
.notification-icon{
	cursor:pointer;
	height: 38px;
    background: rgba(118, 121, 117, 0.99);
    font-size: 21px;
    border-radius: 8px;
    position: fixed;
    bottom: -0.1%;
    right: 0%;
    color: #ffffff;
    width: 40px;
    padding: 9px;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
	z-index: 9999;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 14px;}
}
.button-effect-sidebar:hover{
	border:1px solid #f5efe6;
	background:transparent;
	color:#fff;
	text-decoration:none;
}
input#myBtnStartDay {
	width: 100px;
}
input#myBtnEndDay {
	width: 100px;
}
input#myBtnStartLunch {
	width: 100px;
}
input#myBtnStartBreak {
	width: 100px;
}  
#sidebar_sticky_nav{font-weight:normal;color: #111;text-shadow: none;}
.project-detail-sidebar a {color: #111!important;}
.project-detail-sidebar a:first-child {border:1px solid #111;}
#sidebar_sticky_nav {text-align: center;}
.project-detail-sidebar {border: 1px solid #111; display: inline-block;border-radius: 3px;width: 266px;margin: 8px 0 0;}
.project-detail-sidebar div {padding:6px 10px;}
.project-detail-sidebar a:hover {color: #111 !important;}
.sidenav a {padding: 0px!important;margin: 0;}
.quick-btn { background:none;box-shadow:none;}
.disabled_taskicon { background:transparent!important;}
.quick-btn:hover {background-color: transparent;}
.button-effect-sidebar:hover { background: #222;border: 1px solid #222;}
#start-endTask { border: 1px solid #222; margin: 0 auto;width: 266px;border-radius:3px;}
div#sticky_menu_left {text-align: center;}
#sticky_menu_left .sidebar-ftr-detail { display: inline-block;width: 266px;border: 1px solid #222;margin: 10px 0;border-radius:3px;}
.invoice_table table tr td{text-align : left;}
/* end */
.project_model .title{color: #000;}
.form-group{color: #000;}
.assignProject{height: 160px;overflow: auto;border: 1px solid rgba(153, 153, 153, 0.38)}
.setDis_button{background: transparent;background-repeat: no-repeat;width: 70px;border: 0;padding: 0;margin: 10px 0px;font-size: 50px;}
.setDis_button i {color: #ccc;}
#filter{padding-inline: 16px !important;} 
.festival_table_title b{ float: left; width:38%; border:1px solid #ddd; padding: 8px; text-align: center; border-right: none;}
.festival_table_title b:last-child { width: 24%; border-right: 1px solid #ddd;}
.new_festival_field_1, .new_festival_field_2 { float: left; width: 38%; padding:8px; border: 1px solid #ddd; border-right: none; border-top: none;}
.new_festival_field_3 { float: left; width: 24%; padding:8px; border: 1px solid #ddd; border-top: none;}
.festival_table_body{ display: inline-block; width: 100%;}


/*START CSS : EMS-387: 27-11-2019*/
table .fc-event-container .label_canceled {
    background: #fb7144!important;
    color: #fff !important;
}
table .fc-event-container .label_rejected {
    background: red!important;
    color: #fff !important;
}
table .fc-event-container .label_pending {
    background: #ffeb00 !important;
}
table .fc-event-container .label_approved {
    background: #045a04 !important;
    color: #fff !important;
}
table .fc-event-container .half-leave {
    background: rgb(0,224,198) !important;
    color: #fff !important;
}
/*END CSS : EMS-387: 27-11-2019*/
#new_comment { padding-top: 30px;}

.main-comment table {
    max-width: 1500px;
    overflow: auto;
    width: 100%;
    display: block;
	border: 1px solid #dadada;
}
.main-comment table tr th ,.main-comment table tr td {
    border: 1px solid #dadada;
    padding: 10px;
}
.select2-results__option {
    color: #000;
}
.select2-container--default .select2-search--inline .select2-search__field{
	opacity: 1;
	position: inherit;
}

/* 04-01-2023 */

.widget-popup-table{
	width:100%;
	margin-top: 15px;
}

.widget-popup-row:first-child{
	margin-top: 10px;
}

.widget-popup-row td{
	font-size: 16px;
    padding: 10px 0;
    color: #000;
    text-align: left;
}
.task_name {
    min-width: 200px;
    max-width: 200px;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    text-align: left !important;
    box-sizing: border-box;
}
.form-signin .custom-login-msg .alert {
    font-weight: 400 !important;
}
p#new_pass_title {
    font-size: 38px !important;
	margin-bottom: -18px;
}
#form_signin .pass-checkbox, #timer-container {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: normal;
}
.loader-button {
    position: relative;
}
.loader-button .loaderlogin {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 30%;
    transform: translate(-50%);
    opacity: 0;
}
.loginsubmit.loader-button .btn {
    font-size: 0;
    min-height: 50px;
}
.loginsubmit.loader-button .loaderlogin {
    opacity: 1;
}