/*CONFIG AND GENERAL STYLE*/
/*General colors palette*/
/*General elements*/
/*colors palette*/
/*social colors*/
/*Functions*/

@font-face {
font-family: 'AGaramondPro-Regular';
src: url('fonts/AGaramondPro-Regular.eot') format('embedded-opentype');
src: url('fonts/AGaramondPro-Regular.otf') format('embedded-opentype');
  src: url('fonts/AGaramondPro-Regular.svg') format('embedded-opentype');
    src: url('fonts/AGaramondPro-Regular.ttf') format('embedded-opentype');
	src: url('fonts/AGaramondPro-Regular.woff') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}


html { height: 100%; }
body { position: relative; padding: 0; background-color: #F6F6F6; font-family: 'Lato', sans-serif; font-size: 12px; color: #555; opacity: 0; margin-left: -20px; }
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { font-family: 'Lato', sans-serif; font-weight: 300; }
a { color: #3380FF; text-decoration: none; outline: 0 none; }
a:focus,
a:hover,
a:active { outline: 0 none; text-decoration: none; color: #3078ef; }
p { font-size: 13px; line-height: 22px; }
b { font-weight: 400; }
blockquote p { font-size: 15px; }
ul { padding-left: 30px; }
.overflow-hidden { overflow: hidden; }
.overflow-visible { overflow: visible !important; }
.no-margin { margin: 0 !important; }
.no-margin-y { margin-top: 0 !important; margin-bottom: 0 !important; }
.no-margin-x { margin-left: 0 !important; margin-right: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-left { margin-left: 0 !important; }
.no-margin-right { margin-right: 0 !important; }
.big-text { font-size: 61px; line-height: 70px !important; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2); padding-bottom: 5px; }
.jumbotron { margin-top: 20px; }
#pcont { margin-left: 216px; position: relative; padding: 0; }
.back-to-top { position: fixed; bottom: 0; right: 0px; text-decoration: none; color: #FFF; background-color: rgba(39, 41, 48, 0.8); font-size: 12px; padding: 9px 12px; display: none; }
.back-to-top i { font-size: 15px; }
.back-to-top:hover { color: #FFF; background-color: #272930; }
.back-to-top:focus { color: #FFF; }
.spacer { margin-top: 15px !important; }
.spacer2 { margin-top: 30px !important; }
.spacer3 { margin-top: 50px !important; }
.spacer-bottom-xs { margin-bottom: 10px !important; }
.spacer-bottom { margin-bottom: 30px !important; }
.spacer-bottom-sm { margin-bottom: 15px !important; }
.spacer-bottom-lg { margin-bottom: 40px !important; }
.rad-1 { border-radius: 1px; -webkit-border-radius: 1px; overflow: hidden; }
.rad-2 { border-radius: 2px; -webkit-border-radius: 2px; overflow: hidden; }
.rad-3 { border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; }
.dash-cols .block .no-padding { padding: 0; }
.no-padding { padding: 0 !important; }
.clear { clear: both; }
.hthin { font-family: "Raleway", Helvetica, sans-serif !important; font-weight: 100 !important; }
/*Pre & Code*/
pre { border-radius: 2px; -webkit-border-radius: 2px; margin-top: 10px; }
/*CONTENT*/
.cont h2 { font-family: "Raleway", Helvetica, sans-serif; font-size: 32px; font-weight: 100; line-height: 38px; margin: 0 0 10px 0; }
.cont h5 { font-size: 13px; font-weight: 200; line-height: 21px; }
.cont p { color: #333; font-size: 13px; font-weight: 200; line-height: 23px; }
.cont b { font-weight: 400; }
/*Well*/
.well p:last-child { margin: 0; }
/*Text Colors*/
.color-primary { color: #3078EF; }
.color-primary.fa { color: #4C94FF; }
.color-success { color: #5FBF5F; }
.color-warning { color: #FC9700; }
.color-danger { color: #ee5037; }
/*HEADER*/
/*navigation*/
.navbar { border: 0; background-color: #ddd; color: #FFF; padding-left: 10px; padding-right: 25px; }
/* .navbar-default .navbar-brand { padding-left: 35px; text-align: left; width: 206px; color: #FFF; background: url(../images/logo.png) no-repeat 0 11px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); font-weight: 300; font-size: 19px; line-height: 18px; height: auto; }*/
.navbar-default .navbar-brand { padding-left: 35px; text-align: left; width: 206px; color: #FFF; background: url(images/logo1.png) no-repeat 3px 2px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); font-weight: 300; font-size: 19px; line-height: 18px; height: auto; text-indent: -9999px; }
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { color: #FFF; }
.navbar-default .navbar-brand:hover { color: #FFF; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus { background-color: #7EC21D; color: #fff; }
.navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-default .navbar-nav > li.button { padding: 10px 6px; float: left; }
.navbar-default .navbar-nav > li.button > a { border-radius: 2px; -webkit-border-radius: 2px; padding: 4px; border: 1px solid rgba(0, 0, 0, 0.15); width: 30px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset; text-align: center; }
	.navbar-default .navbar-nav > li.button > a:hover { background: rgba(255, 255, 255, 0.07); }
	.navbar-default .navbar-nav > li.button > a:active { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07) inset; }
	.navbar-default .navbar-nav > li.button > a > i { font-size: 14px; }
.navbar-default .navbar-nav > li.button .bubble { position: absolute; top: -6px; left: 20px; background-color: #e44c34; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; border-color: #E23923 #D83722 #C0311E; border-left: 1px solid #D83722; border-width: 1px; box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.25); padding: 1px 3px 1px 2px; font: bold 9px Tahoma; }
.navbar-default .navbar-nav > li.button.open:after { position: absolute; bottom: 0; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid white; border-left: 6px solid transparent; content: ''; left: 50%; margin-left: -6px; }
.navbar-default .navbar-nav > li > a:focus { color: #FFF; }
.navbar-nav > li.button .dropdown-menu { padding: 0; min-width: 260px; max-width: 280px; }
.navbar-nav > li.button .dropdown-menu .content > ul { padding: 0; }
.navbar-default .navbar-nav > li.button .dropdown-menu li ul > li > a { font-weight: 300; color: #444; padding: 11px 10px; padding-left: 33px; border-bottom: 1px solid #ececec; position: relative; }
.navbar-default .navbar-nav > li.button .messages li ul > li > a { padding: 12px 10px; padding-left: 48px; white-space: normal; line-height: 16px; }
.navbar-default .navbar-nav > li.button .dropdown-menu li > a:hover { color: #444; background: #F8F8F8; }
.navbar-default .navbar-nav > li.button .dropdown-menu li:last-child > a { border-bottom: 0; }
.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i { display: inline-block; font-size: 14px; text-align: center; width: 20px; vertical-align: middle; position: absolute; left: 10px; top: 14px; }
.navbar-default .navbar-nav > li.button .messages li > a > img { position: absolute; left: 10px; top: 16px; height: 30px; width: 30px; }
.navbar-default .navbar-nav > li.button .messages li > a .name { display: block; color: #555555; font-size: 12px; font-weight: 600; line-height: 19px; }
.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i.success { color: #60C060; }
.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i.info { color: #4D90FD; }
.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i.warning { color: #FC9700; }
.navbar-default .navbar-nav > li.button .dropdown-menu li > a > i.danger { color: #DA4932; }
.navbar-default .navbar-nav > li.button .dropdown-menu .nano { height: 200px; }
.navbar-default .navbar-nav > li.button .dropdown-menu li a .date { display: block; font-size: 11px; color: #999999; font-style: italic; line-height: 18px; }
.navbar-default .navbar-nav > li.button .dropdown-menu .title { font-size: 12px; font-weight: 300; border-bottom: 1px solid #DDDDDF; padding: 8px 17px; color: #444; }
.navbar-default .navbar-nav > li.button .dropdown-menu .title a:hover { background: transparent; }
.navbar-default .navbar-nav > li.button .dropdown-menu .foot { padding: 0; }
.navbar-default .navbar-nav > li.button .dropdown-menu .foot > li { list-style: none; }
.navbar-default .navbar-nav > li.button .dropdown-menu .foot a { background: #F7F7F7; padding: 8px 17px; color: #444; text-align: center; }
/*Dropdown Sub menu*/
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu { top: 0px; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.dropdown-submenu:hover > .dropdown-menu { display: block; }
.dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover > a:after { border-left-color: #ffffff; }
.dropdown-submenu.pull-left { float: none; }
	.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-menu li > a:hover { background-color: #7EC21D; background-image: none; color: #FFF; }
.navbar-default .navbar-nav > li > .dropdown-menu { border-top: 0; }
.navbar-default .navbar-nav > .dropdown > a .caret { border-bottom-color: #FFFFFF; border-top-color: #FFFFFF; }
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret { border-bottom-color: #fff; border-top-color: #FFF; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus { background-color: #36A3FF; color: #FFF; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { background-color: #7EC21D; color: #FFF; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-nav > li > a:focus { color: #FFF; }
.navbar-default .navbar-toggle { outline: none; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset; padding: 6px 10px; }
.navbar-default .navbar-toggle:hover { background: rgba(255, 255, 255, 0.07); }
.navbar-default .navbar-toggle:active { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07) inset; }
.navbar-default .navbar-toggle:focus { background: transparent; }
.navbar-default .navbar-toggle .icon-bar { background-color: #FFFFFF; }
.navbar-default .navbar-toggle .fa { color: #FFFFFF; font-size: 18px; }
.navbar-collapse { max-height: none; position: relative; }
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom { margin-right: 0; }
/*Navbar Inverse*/
.navbar.navbar-inverse { background-color: #272930; }
.navbar-inverse .navbar-brand { color: #FFF; }
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus { background-color: #1a5589; }
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus { background-color: #1a5589; }
.navbar-inverse .navbar-toggle { border-color: #32353E; }
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus { background-color: #2c2e36; }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form { border-color: #292A30; }
.appoint-compliance-officer>.hasit {
display: none;
}

.compliance-officer-action>img {
display: none;
width: 20px;
}
.appoint-compliance-officer {
cursor: pointer;
color: gray;
}
.appoint-compliance-officer:hover, .remove-compliance-officer:hover {
color: gray;
}
.remove-compliance-officer {
cursor: pointer;
}


.cant-compliance-officer{cursor:pointer; color:gray}
.cant-compliance-officer>.hasit{display:none}

@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { height: 2px; background-color: #1a5589; border-bottom: 1px solid #32353E; }
}

.dropdown-menu > li > a,
.dropdown-menu li > a { font-size: 12px; padding: 5px 20px; clear: both; color: #333333; display: block; font-weight: normal; line-height: 1.42857; white-space: nowrap; }
.dropdown-header { color: #2a2c34; margin-top: 6px; padding-left: 11px; cursor: pointer; }
.dropdown-header i { font-size: 14px; margin-right: 4px; vertical-align: middle; }
.dropdown-menu { background-clip: none; box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.18); }
.col-menu-2 { min-width: 405px; padding-bottom: 10px; padding-top: 7px; }
.col-menu-2 > li:first-child ul { border-right: 1px solid #E8E8E8; }
.col-menu-2 > li > ul > li a { padding-left: 32px; }
.col-menu-2 > li > ul { padding: 0; }
	.col-menu-2 > li > ul > li { list-style: none; }
/*END - Dropdown menu*/
/*Profile menu*/
.profile_menu { margin-left: 10px; cursor: pointer; }
.not-nav { margin: 0 !important; }
.navbar-collapse.in .not-nav > li { float: none !important; display: inline-block; padding: 10px 5px; }
.user-nav {margin: 0;margin-right: -15px;}
.profile_menu .dropdown-toggle { padding: 10px 10px; vertical-align: middle; height: 50px; }
.profile_menu .dropdown-toggle span { display: inline-block; margin-top: 4px; }
.profile_menu img { margin-right: 5px; border-radius: 2px; -webkit-border-radius: 2px; }
/*END - Profile menu*/
/*Page Title*/
.page-head { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #E9E9E9; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05); padding: 20px 25px; position: relative; }
.page-head h2 { margin-bottom: 5px; margin-top: 6px; font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: -1px; }
.page-head .breadcrumb { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-bottom: 0; padding: 4px; }
.page-aside { background: none repeat scroll 0 0 #FFFFFF; width: 280px; height: 100%; position: relative; display: table-cell; border-right: 1px solid #E9E9E9; }
.page-aside > div { width: 280px; }
.page-aside div.fixed { position: fixed; height: 100%; }
.page-aside div.content { padding: 20px 20px; }

@media (max-width: 767px) {
.page-aside { width: 100%; display: block; height: auto; position: relative; }
	.page-aside div.fixed,
	.page-aside > div { width: 100%; display: block; position: relative; }
}
/*BODY*/
.cl-mcont { background-color: #F6F6F6; color: inherit; font-size: 13px; font-weight: normal; line-height: 21px; padding: 15px 30px 30px 30px; margin-top: 0; }
.cl-mcont.white { background: #fff; }
.cl-mcont h1 { line-height: 1.3em; }
#cl-wrapper { padding-top: 50px; }
/*Vertical Navigation*/
.cl-sidebar { background: #272930; position: absolute; width: 216px; z-index: 2; }
.cl-sidebar .cl-toggle { display: none; padding: 10px 0; text-align: center; cursor: pointer; }
	.cl-sidebar .cl-toggle i { font-size: 24px; color: #C9D4F6; }
.cl-vnavigation { margin: 0 0 0 0; padding: 0; border-top: 1px solid #1a5589; border-bottom: 1px solid #2f323a; border-top: 1px solid rgba(0,0,0,.3); border-bottom: 1px solid rgba(255,255,255,.2); }
.cl-vnavigation .parent a { background: url("images/arrow.png") no-repeat scroll right 14px top 18px transparent; }
/*.cl-vnavigation li a { border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(0,0,0,.3); display: block; padding: 14px 18px 13px 15px; color: #fff; font-size: 12px; font-weight: 300; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); white-space: nowrap; }*/
	.cl-vnavigation li a:hover { background-color: #7EC21D; }
/*Collapsed Sidebar*/
.sb-collapsed .cl-sidebar { width: 55px; }
.sb-collapsed #pcont { margin-left: 55px; }
.sb-collapsed .cl-vnavigation li { position: relative; }
.sb-collapsed .cl-vnavigation .parent a { background-image: none; }
.sb-collapsed .cl-vnavigation li a i { margin: 0; font-size: 17px; }
.sb-collapsed .cl-vnavigation > li > a > span { opacity: 0; width: 0; height: 0; }
#cl-wrapper.animate-collapse .cl-sidebar { -webkit-transition: width 300ms linear; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: width 300ms linear; /* Firefox 4-15 */ -o-transition: width 300ms linear; /* Opera 10.50�12.00 */ transition: width 500ms linear; }
#cl-wrapper.animate-collapse #pcont { transition: margin 500ms ease; }
#cl-wrapper.animate-collapse .cl-vnavigation li a span { -webkit-transition: opacity 500ms linear; -moz-transition: opacity 500ms linear; -o-transition: opacity 500ms linear; transition: opacity 500ms linear; }
#cl-wrapper.animate-collapse .cl-vnavigation li a i { -webkit-transition: margin 500ms linear, font-size 500ms linear; -moz-transition: margin 500ms linear, font-size 500ms linear; -o-transition: margin 500ms linear, font-size 500ms linear; transition: margin 500ms linear, font-size 500ms linear; }
.cl-sidebar .collapse-button { background: #9D1D96; position: fixed; width: 216px; bottom: 0; border-top: 1px solid #9D1D96; color: #FFF !important; }
.cl-sidebar .collapse-button .search { width: 155px; display: inline-block; margin-right: 3px; border-radius: 2px; height: 33px; background: none repeat scroll 0 0 #1a5589; font-size: 12px; border: 1px solid rgba(0, 0, 0, 0.5); color: #FFF !important; }
/*.cl-sidebar .collapse-button button { margin: 0 !important; background: transparent; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 2px; }
	.cl-sidebar .collapse-button button:hover { background: #1a5589; }*/
#cl-wrapper.fixed-menu .menu-space { position: fixed; width: 216px; background: #9D1D96; }
#cl-wrapper.fixed-menu .menu-space .content { outline: none; }
#cl-wrapper.sb-collapsed.fixed-menu .menu-space { width: 55px; }
#cl-wrapper .cl-sidebar .side-user { padding: 18px 10px; }
.sb-collapsed .cl-sidebar .side-user { display: none; }
#cl-wrapper .cl-sidebar .side-user .avatar { display: inline-block; margin-right: 3px; }
#cl-wrapper .cl-sidebar .side-user .avatar img { border-radius: 25px; margin-right: 5px; }
#cl-wrapper .cl-sidebar .side-user .info { display: inline-block; vertical-align: middle; }
#cl-wrapper .cl-sidebar .side-user .info a { color: #FFF; font-size: 14px; font-weight: 300; display: block; }
#cl-wrapper .cl-sidebar .side-user .info span { color: #DBDBDB; font-size: 11px; }
#cl-wrapper.animate-collapse .cl-sidebar .collapse-button { -webkit-transition: width 300ms linear; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: width 300ms linear; /* Firefox 4-15 */ -o-transition: width 300ms linear; /* Opera 10.50�12.00 */ transition: width 500ms linear; }
.sb-collapsed .cl-sidebar .collapse-button .search { display: none; }
.sb-collapsed .cl-sidebar .collapse-button { width: 55px; }
.sb-collapsed .cl-vnavigation li.open ul { display: none !important; }
#sub-menu-nav ul { box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22); color: #333; background: #FFF; padding: 5px 0; min-width: 190px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.15); border-top: 0; border-radius: 3px; }
#sub-menu-nav ul li:first-child { padding-top: 0; }
#sub-menu-nav ul li:last-child { padding-bottom: 0; }
#sub-menu-nav ul li.dropdown-header i { text-align: center; width: 15px; }
#sub-menu-nav ul li.dropdown-header { padding: 1px 11px; padding-bottom: 6px; }
#sub-menu-nav ul { padding: 5px 0; }
#sub-menu-nav ul li { list-style: none; }
	#sub-menu-nav ul li a { margin-right: -1px; display: block; font-size: 11px; border-bottom: 0; color: #333333; text-shadow: none; text-align: left; background: transparent; padding: 6px 20px 6px 31px; }
		#sub-menu-nav ul li a:hover { background-color: #2391ED; color: #FFF; }
#sub-menu-nav ul:after { background: url(images/menu-tail-left.png) no-repeat right 10px; top: 0px; content: ""; display: inline-block; left: -9px; height: 43px; width: 10px; position: absolute; }
/*.sb-collapsed .cl-vnavigation li:hover ul{display: block !important;}
.sb-collapsed .cl-vnavigation li.ocult ul{display:none !important;}

*/
/*End Collapsed*/
.cl-vnavigation li a i { text-align: center; width: 20px; font-size: 14px; margin-right: 7px; }
.cl-vnavigation li a span { display: inline-block; }
.cl-vnavigation li ul { background-color: #7EC21D; display: none; margin: 0; padding: 0; padding-top: 4px; }
.cl-vnavigation .parent ul li:last-child { padding-bottom: 13px; }
.cl-vnavigation .parent ul li { background-color: #7EC21D; list-style: none; }
.cl-vnavigation .parent ul li.dropdown-header { display: none; }
.cl-vnavigation .parent ul li a { font-size: 11px; background-image: none; padding: 7px 18px 7px 42px; background-color: #7EC21D; border: none; }
.cl-vnavigation .parent ul li.active a { background-color: #3276b1; border-left: 1px solid #3276b1; }
.cl-vnavigation .parent ul li a:hover { background-color: #67A113; }
.cl-vnavigation .parent ul li a:first-child { border-top: 0; }
.cl-vnavigation .active > a { background: #2A2C34; border-left: 1px solid #3276b1; }
.cl-vnavigation .selected:hover a { background-color: #3276b1; }
.cl-vnavigation .selected:hover ul a { background-color: #3276b1; }
body { height: 100%; }
/*
.cl-sidebar{
min-height:100%;
}*/
#cl-wrapper { display: table; width: 100%; position: absolute; height: 100%; }
.cl-sidebar { display: table-cell; position: relative; vertical-align: top; padding-bottom: 49px; }
#pcont {display: table-cell;vertical-align: top;}
.cl-mcont .col-lg-6 { padding: 0 15px; }
.cl-mcont .block { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.13); border: 0; margin-bottom: 30px; background: #FFF; border-radius: 3px; -webkit-border-radius: 3px; }
.block-flat,
.block-wizard { margin-bottom: 40px; padding: 20px 20px; background: #FFF; border-radius: 3px; -webkit-border-radius: 3px; border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-bottom: 1px solid #e2e2e2; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04); }
.block-transparent { margin-bottom: 40px; }
.block-transparent .header { padding: 0 5px; border-bottom: 1px solid #E1E1E1; margin-bottom: 15px; }
	.block-transparent .header h4 { font-weight: 400; }
		.block-transparent .header h4 .fa { font-size: 14px; }
/*Forms*/
label { font-weight: 600; margin-bottom: 7px; }
.form-group { margin-top: 10px; }
.form-horizontal.group-border .form-group { margin: 0; padding: 20px 0; border-bottom: 1px solid #efefef; }
.form-horizontal.group-border .form-group:last-child { border-bottom: 0; }
.form-horizontal.group-border-dashed .form-group { margin: 0; padding: 20px 0; border-bottom: 1px dashed #efefef; }
.form-horizontal.group-border-dashed .form-group:last-child { border-bottom: 0; }
.form-control { padding: 6px 8px; font-size: 12px; border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; }
.input-group .btn { margin: 0 !important; margin-left: -1px !important; padding-bottom: 6px; padding-top: 6px; box-shadow: none; line-height: 20px; }
.input-group-btn > .btn + .btn { margin-left: -5px !important; }
.input-group-lg > .input-group-addon { line-height: 0.33; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; }
.input-group-addon { border-radius: 2px; -webkit-border-radius: 2px; padding: 6px 11px; }
.form-control:focus { border-color: #2598f9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; }
select.form-control,
textarea.form-control { padding: 6px 8px; }
.input-group { margin-bottom: 15px; }
/*Crhome Voice Recognition*/
.speechbutton { /*display:none;*/ width: 100%; height: 100%; top: 0; left: 0; position: absolute; border: 0; background: transparent; opacity: 0; cursor: pointer; }
.speech-button i:before { position: relative; z-index: 2; }
.speech-button i:after { z-index: 1; font-family: 'FontAwesome'; content: "?"; font-size: 14px; color: #fff; position: absolute; left: 0; display: inline-block; vertical-align: middle; height: 100%; width: 100%; opacity: 0; }

@keyframes blur {
from { font-size: 14px; opacity: 1; margin-top: 0; }
to { font-size: 25px; opacity: 0; margin-top: -6px; }
}

@-webkit-keyframes blur {
0% { font-size: 14px; opacity: 1; margin-top: 0; }
90% { font-size: 25px; opacity: 0; margin-top: -6px; }
100% { font-size: 14px; }
}

@-moz-keyframes blur {
from { font-size: 14px; opacity: 1; margin-top: 0; }
to { font-size: 25px; opacity: 0; margin-top: -6px; }
}

@-o-keyframes blur {
from { font-size: 14px; opacity: 1; margin-top: 0; }
to { font-size: 25px; opacity: 0; margin-top: -6px; }
}

.speech-button i.blur:after { animation: blur 900ms infinite; -webkit-animation: blur 900ms ease infinite; -moz-animation: blur 900ms infinite; -o-animation: blur 900ms infinite; }
input::-webkit-input-speech-button { -webkit-transform: scale(3, 2.2) translate(-2px, -1px); background-color: #fff display:block !important; }
/*PAGES*/
/*Login*/
#cl-wrapper.login-container,
#cl-wrapper.error-container { margin: 0; }
.login-container .middle-login { width: 430px; left: 50%; top: 50%; position: absolute; margin-top: -170px; margin-left: -215px; }
.login-container .block-flat { padding: 0; border: 0; overflow: hidden; border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6); margin-bottom: 20px; border-radius: 15px;}
.login-container .block-flat .header {
    padding: 15px 20px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
	.login-container .block-flat .header h3 { line-height: 35px; margin: 0; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
.login-container .header .logo-img { margin-right: 3px; width:100px;}
.login-container .block-flat .content { padding: 30px; padding-bottom: 5px; }
.login-container .block-flat .content .form-control { padding: 10px 8px; height: auto;  width:100%; border-radius:7px;}
.login-container .input-group {
    display: block;
    float: left;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 0;
}
a.btn.btn-primary.cancel_btuon {
    background: transparent!important;
    box-shadow: none;
    border: none;
    border-radius: 7px;
    padding: 8px 22px;
    width: auto;
    height: 35px;
    color: #000;
}
.login-container .block-flat .content .title {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: bold;
    color: #000;
}
.login-container .block-flat .foot { text-align: left; padding: 0 30px 30px; }
.login-container .block-flat .foot .btn { min-width: 70px; }
.login-container .block-flat .input-group-addon { background: #fff; border-radius:7px 0 0px 7px; display:none;}
.login-container  .input-group{display:block;}
.login-container .out-links { padding-right: 3px; }
.login-container .out-links a { color: #C9D4F6; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
/*Login*/
button.btn.btn-primary.submit_button {
    width: 100%;
    padding: 14px 0;
    margin-top: 14px;
}
a.forgot_link {
    color: #9D1D96;
}
#cl-wrapper.sign-up-container,
#cl-wrapper.error-container { margin: 0; }
.sign-up-container .middle-sign-up { width: 470px; left: 50%; top: 50%; position: absolute; margin-top: -282px; margin-left: -235px; }
.forgotpassword-container .middle { width: 470px; margin: 20px auto 0 auto; }
.sign-up-container .block-flat,
.forgotpassword-container .block-flat { padding: 0; border: 0; overflow: hidden; border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6); margin-bottom: 20px; }
.sign-up-container .block-flat .header,
.forgotpassword-container .block-flat .header { padding: 9px 20px; background: #3276b1; border-bottom: 1px solid #3276b1; }
	.sign-up-container .block-flat .header h3,
	.forgotpassword-container .block-flat .header h3 { line-height: 35px; margin: 0; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); position: relative; min-height: 40px; }
.sign-up-container .block-flat .content,
.forgotpassword-container .block-flat .content { padding: 30px; padding-bottom: 20px; }
	.sign-up-container .block-flat .content .form-control,
	.forgotpassword-container .block-flat .content .form-control { padding: 10px 8px; height: auto; }
	.sign-up-container .block-flat .content .form-group { margin-bottom: 10px; }
	.sign-up-container .block-flat .content .title { margin-top: 0; margin-bottom: 20px; }
.sign-up-container .block-flat .foot,
.forgotpassword-container .block-flat .foot { text-align: right; padding: 0 30px 15px; }
	.sign-up-container .block-flat .foot .btn,
	.forgotpassword-container .block-flat .foot .btn { min-width: 70px; }
.sign-up-container .block-flat .input-group-addon,
.forgotpassword-container .block-flat .input-group-addon { background: #FAFAFA; }
.sign-up-container .out-links,
.forgotpassword-container .out-links { padding-right: 3px; }
.sign-up-container .out-links a,
.forgotpassword-container .out-links a { color: #C9D4F6; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }

@media (max-width: 767px) {
.sign-up-container .middle-sign-up { width: 100%; position: static; margin: 0; }
.forgotpassword-container .middle { width: 100%; }
.forgotpassword-container { padding: 20px; }
.sign-up-container .middle-sign-up .block-flat { border-radius: 0; }
}
/*404 Page*/
.page-error { margin-top: 80px; margin-bottom: 40px; }
.page-error .number { color: #FFF; font-size: 150px; font-family: Arial; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); }
.page-error .description { color: #FFF; font-size: 40px; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); }
.page-error h3 { color: #FFF; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); }
.error-container .copy,
.error-container .copy a { color: #C9D4F6; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
body.texture { background: url(images/bg.jpg); }
.gallery-cont .item { width: 25%; margin-bottom: 20px; padding-right: 10px; padding-left: 10px; }
.gallery-cont .item.w2 { width: 50%; }
.gallery-cont .photo { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.13); }
.gallery-cont .img { position: relative; }
.gallery-cont .img .over .func { margin-top: -80px; position: relative; top: 50%; text-align: center; transition: margin-top 200ms ease-in-out; }
	.gallery-cont .img .over .func a { display: inline-block; height: 50px; margin-right: 2px; width: 50px; margin-right: 10px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; }
		.gallery-cont .img .over .func a:hover { background: rgba(255, 255, 255, 0.3); }
	.gallery-cont .img .over .func i { font-size: 20px; color: #FFF; line-height: 2.4; }
.gallery-cont .item .img:hover .over { opacity: 1; }
.gallery-cont .item .img:hover .over .func { margin-top: -25px; }
.gallery-cont .item .head { padding: 10px 10px; background: #FFF; }
.gallery-cont .item .head h4 { margin: 0; font-size: 17px; }
.gallery-cont .item .head span { color: #BDBDBD; font-size: 14px; }
	.gallery-cont .item .head span.active { color: #38a8ff; }
.gallery-cont .item .head .desc { color: #999; font-size: 12px; }
.gallery-cont .item img { width: 100%; }
/*Photo Hover*/
.gallery-cont .item .over { top: 0; opacity: 0; position: absolute; height: 100%; width: 100%; background: rgba(36, 148, 242, 0.8); transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; }

@media (max-width: 767px) {
.gallery-cont .item { width: 50%; }
	.gallery-cont .item.w2 { width: 100%; }
}

.email .page-title,
.app .page-title { font-size: 26px; margin-bottom: 0; margin-top: 10px; }
.email .description,
.app .description { color: #888; }
.page-aside.email .header,
.page-aside.app .header { padding: 20px; }
.page-aside.email .content { padding: 0; padding-bottom: 50px; }
.page-aside.email .compose { margin-top: 10px; font-size: 14px; font-weight: 300; text-transform: uppercase; text-align: center; padding: 20px 25px; }
.page-aside.email .compose .btn { background: #58BE89; width: 100%; border: 0; border-radius: 3px !important; max-width: 180px; }
.page-aside.email .mail-nav,
.page-aside.app .app-nav { display: block; margin-top: 13px; padding: 0; }
.page-aside.email .navbar-toggle,
.page-aside.app .navbar-toggle { background: rgba(0, 0, 0, 0.015); }
.page-aside.email .navbar-toggle span,
.page-aside.app .navbar-toggle span { font-size: 14px; }
.page-aside.email .mail-nav ul li,
.page-aside.app .app-nav ul.nav li { margin: 0; }
.page-aside.email .mail-nav ul li a,
.page-aside.app .app-nav ul.nav li a { border-radius: 0; color: #555; padding: 12px 15px; }
	.page-aside.email .mail-nav ul li a:hover,
	.page-aside.app .app-nav ul.nav li a:hover { background: rgba(0, 0, 0, 0.01); }
.page-aside.email .mail-nav ul li.active a,
.page-aside.app .app-nav ul.nav li.active a { color: #555; background: rgba(0, 0, 0, 0.025); }
.page-aside.email .mail-nav ul li a .label,
.page-aside.app .app-nav ul.nav li a .label { border-radius: 2px; }
	.page-aside.email .mail-nav ul li a .label.label-default,
	.page-aside.app .app-nav ul.nav li a .label.label-default { background: #b5b5b5; }
	.page-aside.email .mail-nav ul li a .label.label1,
	.page-aside.app .app-nav ul li a .label.label1 { background: #19B698; }
	.page-aside.email .mail-nav ul li a .label.label2,
	.page-aside.app .app-nav ul li a .label.label2 { background: #E85647; }
	.page-aside.email .mail-nav ul li a .label.label3,
	.page-aside.app .app-nav ul li a .label.label3 { background: #F4A425; }
.page-aside.email .mail-nav ul li a i,
.page-aside.app .app-nav ul.nav li a i { font-size: 14px; width: 24px; text-align: center; }
.page-aside.email .mail-nav .title,
.page-aside.app .app-nav .title { color: #888; margin: 5px 0 0 0; padding: 8px 13px 4px; border-bottom: 1px solid #E5E5E5; }
/*inbox*/
.mail-inbox .head,
.main-app .head { background: #FFF; padding: 20px 25px; }
.mail-inbox .head h3,
.main-app .head h3 { margin: 9px 0 15px 0; }
	.mail-inbox .head h3 span,
	.main-app .head h3 span { color: #888; font-weight: 300; font-size: 16px; }
.mail-inbox .head input[type="text"],
.main-app .head input[type="text"] { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.01) inset; border: 1px solid #D8D8D8; border-radius: 3px; }
	.mail-inbox .head input[type="text"]:focus,
	.main-app .head input[type="text"]:focus { border-color: #43b6ff; }
.mail-inbox .filters,
.main-app .filters { padding: 9px 20px 10px 20px; border-bottom: 1px solid #E5E5E5; }
.mail-inbox .filters .checkbox,
.main-app .filters .checkbox { margin-right: 8px; }
.mail-inbox .mails,
.main-app .items { background: #FFF; }
.mail-inbox .mails .item,
.main-app .items .item { border-bottom: 1px solid #E5E5E5; padding: 17px 20px; display: table; width: 100%; cursor: pointer; }
	.mail-inbox .mails .item:nth-child(even),
	.main-app .items .item:nth-child(even) { background: rgba(0, 0, 0, 0.015); }
	.mail-inbox .mails .item:hover,
	.main-app .items .item:hover { background: rgba(0, 0, 0, 0.035); }
	.mail-inbox .mails .item > div,
	.main-app .items .item > div { vertical-align: top; display: table-cell; }
		.mail-inbox .mails .item > div:first-child,
		.main-app .items .item > div:first-child { width: 35px; }
			.mail-inbox .mails .item > div:first-child > div,
			.main-app .items .item > div:first-child > div { margin-top: 2px; }
.mail-inbox .checkbox,
.main-app .checkbox { background-color: #FFF; }
.mail-inbox .mails .item .from,
.main-app .items .item .from { font-weight: 600; font-size: 13px; margin: 0 0 3px 0; }
.mail-inbox .mails .item .date i,
.main-app .items .item .date i { margin-right: 7px; font-size: 14px; }
.mail-inbox .mails .item .msg,
.main-app .items .item .msg { font-size: 12px; margin: 0; }
/*Message*/
.message .head { background: #FFF; padding: 20px 25px 24px; }
.message .head h3 { margin: 9px 0 15px 0; }
	.message .head h3 span { font-weight: 300; font-size: 20px; float: right; }
		.message .head h3 span a { color: #888; margin-right: 15px; }
.message .head h4 span { font-weight: 100; font-size: 15px; float: right; }
	.message .head h4 span a { color: #FEA200; margin-right: 10px; }
.message .mail { background: #FFF; border-top: 1px solid #E5E5E5; padding: 30px; font-size: 26px; }
.message .mail p { font-size: 15px; font-weight: 100; }
.message .mails .item { border-bottom: 1px solid #E5E5E5; padding: 17px 20px; display: table; width: 100%; cursor: pointer; }
.message .mails .item:nth-child(even) { background: rgba(0, 0, 0, 0.015); }
.message .mails .item:hover { background: rgba(0, 0, 0, 0.035); }
.message .mails .item > div { vertical-align: top; display: table-cell; }

	.message .mails .item > div:first-child { width: 35px; }
		.message .mails .item > div:first-child > div { margin-top: 2px; }
.message .checkbox { background-color: #FFF; }
.message .mails .item .from { font-weight: 600; font-size: 13px; margin: 0 0 3px 0; }
.message .mails .item .date i { margin-right: 7px; font-size: 14px; }
.message .mails .item .msg { font-size: 12px; margin: 0; }
.message .head .subject input { font-weight: 300; font-size: 25px; height: auto; padding: 10px 0; border: 0; width: 100%; }
.message .to,
.message .cc { overflow: hidden; border-top: 1px solid #E5E5E5; padding: 10px 25px 15px; background: #FFF; }
.message .to { padding-bottom: 0; }
.message .cc { padding-top: 2px; padding-bottom: 20px; border-top-width: 0; }
.message .to .form-group > .control-label { width: 45px; padding-top: 10px; padding-left: 5px; }
.message .to .select2-container-multi .select2-choices { border-color: #D8D8D8; }
.message .to .select2-container-multi.select2-container-active .select2-choices { border-color: #5897FB; }

@media (max-width: 767px) {
.page-aside.email .mail-nav,
.page-aside.app .app-nav { margin-top: 0; padding: 0; width: 100%; border-bottom: 1px solid #E5E5E5; }
	.page-aside.email .mail-nav .compose,
	.page-aside.app .app-nav .compose { border-top: 1px solid #E5E5E5; background: #FCFCFC; }
.page-aside.email div.content,
.page-aside.app div.content { border-bottom: 1px solid #E5E5E5; }
.page-aside.email .mail-nav.collapse,
.page-aside.app .app-nav.collapse { display: none; }
	.page-aside.email .mail-nav.collapse.in,
	.page-aside.app .app-nav.collapse.in { display: block; }
.page-aside.email .nano .content { position: static; padding: 0; overflow: visible; }
.message .mail { border-top: 0; }
}

.profile-info > .row { margin-top: 0; }
.profile-info .avatar { padding-top: 11px; }
.profile-info .avatar img { max-width: 130px; max-height: 130px; width: 100%; height: 100%; border-radius: 5px; }
.profile-info .personal .btn { padding-right: 12px; border: 0; margin: 0; }
.profile-info .personal .btn .fa { margin-right: 5px; }
.profile-info .skills td { font-size: 13px; }
.profile-info .skills .progress { border-radius: 2px; height: 11px; }
.spk-widget { margin-top: 15px; }
.side-right { margin-top: 39px; }
.bars-widget h4 { margin-bottom: 0; }
.bars-widget h3 { margin: 0; }
table.information td { font-size: 13px; vertical-align: top; padding: 6px; }
table.information td i { width: 15px; font-size: 14px; }
.fa-mobile-phone { font-size: 18px !important; }
table.information td.category { padding-top: 8px; }
table.information > tbody > tr > td { padding-bottom: 30px; }
.friend-widget { cursor: default; overflow: hidden; margin-bottom: 20px; border-radius: 5px; padding: 10px; transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; }
.friend-widget img { float: left; margin-right: 10px; border: 3px solid #F2F2F2; max-width: 50px; max-height: 50px; width: 100%; border-radius: 50%; transition: border-color 300ms ease-in-out; -webkit-transition: border-color 300ms ease-in-out; }
.friend-widget:hover { background: #f2f2f2; }
	.friend-widget:hover img { border-color: #4D90FD; }
.friend-widget h4 { font-size: 15px; margin: 3px 0 0 0; }
.friend-widget p { color: #999; margin: 0; }
.friends-list > div { padding-left: 5px; padding-right: 5px; }
.widget-title { border-bottom: 1px solid #CCCCCC; padding-bottom: 15px; }
.avatar-upload { position: relative; display: inline-block; overflow: hidden; }
.avatar-upload img { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.avatar-upload input { cursor: pointer; direction: ltr; font-size: 200px; margin: 0; opacity: 0; position: absolute; right: 0; top: 0; display: block; width: 100%; height: 100%; outline: 0; }
.avatar-upload .overlay { background: #4D90FD; height: 3px; display: none; position: absolute; bottom: 0; left: 0; transition: opacity 300ms ease 0s; width: 0%; vertical-align: middle; }
.crop-image img { max-width: 480px; max-height: 380px; box-shadow: 0 0 0 4px #e9e9e9; }
.jcrop-holder { display: inline-block; }

@media (max-width: 767px) {
table.information .btn span { display: none; }
.profile-info .personal,
.profile-info .avatar { text-align: center; }
.profile-info .avatar { margin-bottom: 10px; }
}

.main-app .options { padding: 20px 0 5px 0; }
.main-app .options .radio-inline:first-child { padding-left: 0; }
.main-app .options .radio-inline { margin: 0; }
.main-app .options .form-group { margin: 0; }
.main-app .items.products .item .price { font-size: 22px; font-weight: 300; }
.main-app .items.products .item .product-image { float: left; margin-right: 10px; }
.app.filters .app-nav .form-group { margin-bottom: 35px; }
.app.filters .app-nav .content { padding-top: 0; }
.code-editor { height: 100%; }
.code-editor #console { height: 100%; }
	.code-editor #console .CodeMirror { height: 100%; }
.codeditor .page-title { font-size: 26px; margin-bottom: 0; margin-top: 10px; }
.codeditor .description { color: #888; }
.page-aside.codeditor .compose { margin-top: 10px; font-size: 14px; font-weight: 300; text-transform: uppercase; text-align: center; padding: 20px 25px; }
.page-aside.codeditor .compose .btn { width: 100%; border: 0; border-radius: 3px !important; max-width: 180px; }
.code-cont .main-app { height: 100%; }

@media (max-width: 767px) {
.cl-mcont.aside { display: block; }
.page-aside.codeditor { display: block; }
.aside .content { display: block; }
.page-aside > div { width: 100%; }
.cl-mcont.aside > .content { display: block; }
.page-aside.codeditor .mail-nav ul li { display: block; }
.page-aside.codeditor .mail-nav { margin-top: 0; padding: 0; width: 100%; border-bottom: 1px solid #E5E5E5; }
	.page-aside.codeditor .mail-nav .compose { border-top: 1px solid #E5E5E5; background: #FCFCFC; }
.page-aside.codeditor div.content { border-bottom: 1px solid #E5E5E5; }
.page-aside.codeditor .mail-nav.collapse { display: none; }
.message .mail { border-top: 0; }
}

.CodeMirror { height: auto; }
.CodeMirror-scroll { overflow-y: hidden; overflow-x: auto; }
/*ELEMENTS*/
table thead th { padding: 5px; font-size: 13px; font-weight: 200; }
table tbody td { padding: 7px 8px; font-size: 12px; }
table .primary-emphasis,
table .primary-emphasis-dark { background: #4D90FD; color: #FFF; border-color: #4D90FD; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
table .primary-emphasis-dark { background-color: #437edd; }
table .success-emphasis,
table .success-emphasis-dark { background: #60C060; color: #FFF; border-color: #60C060; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
table .success-emphasis-dark { background-color: #58b058; border-color: #58b058; }
table .warning-emphasis,
table .warning-emphasis-dark { background: #FC9700; color: #FFF; border-color: #FC9700; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
table .warning-emphasis-dark { background-color: #fc8800; border-color: #fc8800; }
table .danger-emphasis,
table .danger-emphasis-dark { background: #DA4932; color: #FFF; border-color: #DA4932; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
table .danger-emphasis-dark { background-color: #c8432e; border-color: #c8432e; }
table { border-collapse: collapse; width: 100%; }
table.no-border { border: 0; }
table .right { text-align: right; }
table .left { text-align: left; }
.red thead th { color: #d36442; }
.blue thead th { color: #3078EF; }
.violet thead th { color: #8b12ae; }
.green thead th { color: #4da60c; }
table thead th span { color: #333; }
table thead th { vertical-align: bottom; border-bottom: 1px solid #DADADA; border-left: 1px solid #DADADA; border-top: 1px solid #DADADA; padding: 10px 8px 5px 8px; }
table thead th:last-child { border-right: 1px solid #DADADA; }
table thead span { font-size: 15px; display: block; }
table td { border-left: 1px solid #DADADA; border-bottom: 1px solid #dadada; padding: 7px 8px; }
table.padding-sm td { padding: 4px 6px; }
table td .progress { margin: 0; }
table.hover tbody tr:hover { background: #f3f3f3; }
table td i { font-size: 15px; display: inline-block; text-align: center; width: 23px; }
table td:last-child { border-right: 1px solid #dadada; }
table tr:nth-child(2n) { background: #f8f8f8; }
table.no-strip tr:nth-child(2n) { background: transparent; }
/*No-Internal borders in thead*/
table .no-border th { border-left: 0; }
table .no-border tr th:first-child { border-left: 1px solid #dadada; }
/*No-Internal borders in tbody x and y*/
table .no-border-x td { border-bottom: 0; }
table .no-border-x tr:last-child td { border-bottom: 1px solid #dadada; }
table .no-border-y td { border-left: 0; }
table .no-border-y tr td:first-child { border-left: 1px solid #dadada; }
/*No-External borders general table*/
table.no-border tr th { border-top: 0; }
table.no-border tr th:first-child { border-left: 0; }
table.no-border tr th:last-child { border-right: 0; }
table.no-border tr td:first-child { border-left: 0; }
table.no-border tr td:last-child { border-right: 0; }
table.no-border tr:last-child td { border-bottom: 0; }
/*No-External borders when .no-padding in block*/
.no-padding table th:first-child { border-left: 0; }
.no-padding table th:last-child { border-right: 0; }
.no-padding table tr td:first-child { border-left: 0; }
.no-padding table tr td:last-child { border-right: 0; }
.no-padding table tr:last-child td { border-bottom: 0; }
table tbody .toggle-details { cursor: pointer; }
table tbody .details { background: #FFF; }
table tbody td .btn { margin-bottom: 0 !important; }
table tbody td .btn-group .dropdown-menu { margin-top: -1px; min-width: 130px; }
table tbody td .btn-group .dropdown-menu li > a { padding: 5px 12px; text-align: left; }
table td .flag { text-align: center; padding: 0 4px; }
table td .legend { width: 10px; height: 10px; background: #efefef; }
div.dataTables_length label select { display: inline !important; }
.table td .btn i { width: inherit; }
/*Stats*/
.stats_bar { text-align: center; margin-top: 15px; }
.butpro { vertical-align: top; }
.butstyle { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #f8f8f8; background-image: -moz-linear-gradient(center top, #ffffff 50%, #f8f8f8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #ffffff, #f8f8f8); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -o-linear-gradient(top, #ffffff, #f8f8f8); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #ffffff 50%, #f8f8f8 100%); border-color: #DEDFE0 #C8C8C8 #C8C8C8; border-image: none; border-right: 1px solid #C8C8C8; border-style: solid; border-width: 1px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); color: #333333; cursor: pointer; display: inline-block; font-family: 'Open Sans', Verdana, sans-serif; font-size: 11px; margin-right: 1.8%; margin-bottom: 15px; width: 14.2%; padding: 6px 9px 4px; transition: border-color 0.21s ease-out 0s; }
.butstyle.flat { /* Chrome, Safari 4+ */ /* Chrome 10-25, iOS 5+, Safari 5.1+ */ /* Opera 11.10-12.00 */ background-image: none; background: #FFF; border: 0; color: #777; }
.butstyle:first-child { margin-left: 0; }
.butstyle:hover { border-color: #4D90FE; }
.butpro .sub h2 { margin: 0 0 5px 0; font-size: 11px; font-weight: normal; text-align: center; text-transform: uppercase; }
.butpro .sub span { color: #434D55; display: block; font-size: 18px; font-weight: 400; text-align: center; line-height: 26px; }
.butpro .stat { padding: 4px 0; text-align: center; }
.butpro .stat .equal { background: url("images/stat-same.png") no-repeat scroll left center transparent; font-size: 12px; padding: 0 0 0 19px; }
.butpro .stat .up { background: url("images/stat-up.png") no-repeat scroll left center transparent; font-size: 12px; padding: 0 0 0 19px; }
.butpro .stat .down { background: url("images/stat-down.png") no-repeat scroll left center transparent; font-size: 12px; padding: 0 0 0 19px; }
.butpro .sub { padding-top: 4px; }
/*Flot Charts*/
.blue-chart .flot-text,
.red-chart .flot-text { color: #FFF !important; }
.flot-text { font-size: 10px !important; }
.legend table td { font-size: 11px !important; }
.blue-chart { border-left: 1px solid #258fec; border-right: 1px solid #258fec; border-bottom: 1px solid #1e73bd; border-top: 1px solid #499de5; background-image: -moz-linear-gradient(center top, #52aeff 45%, #2180d3 102%); background-image: -webkit-gradient(linear, left top, left bottom, from(#52aeff), to(#2180d3)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #52aeff, #2180d3); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -o-linear-gradient(top, #52aeff, #2180d3); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #52aeff, #2180d3); background-color: #3290E2; }
.block-flat .blue-chart { padding: 20px !important; }
.blue-chart h2 { text-shadow: 0 -1px 0 #357fc0; }
.easyPieChart { display: inline-block; }
.red-chart { border-left: 1px solid #F27B56; border-right: 1px solid #F27B56; border-bottom: 1px solid #d66543; border-top: 1px solid #ee815e; background-image: -moz-linear-gradient(center top, #ff8a65 45%, #e26a45 102%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8a65), to(#e26a45)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #ff8a65, #e26a45); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -o-linear-gradient(top, #ff8a65, #e26a45); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #ff8a65 45%, #e26a45 102%); background-color: #3290E2; }
.red-box { background-image: -moz-linear-gradient(center top, #ff8a65 45%, #f07853 102%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8a65), to(#f07853)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #ff8a65, #f07853); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -o-linear-gradient(top, #ff8a65, #f07853); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #ff8a65 45%, #f07853 102%); background-color: #ff8a65; color: #FFFFFF; }
.red2-box { background-image: -moz-linear-gradient(center top, #ff7877 45%, #ed5554 102%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7877), to(#ed5554)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #ff7877, #ed5554); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -o-linear-gradient(top, #ff7877, #ed5554); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #ff7877 45%, #ed5554 102%); background-color: #FF7877; color: #FFFFFF; }
.blue-box { background-image: -moz-linear-gradient(center top, #52aeff 45%, #3d9cef 102%); background-image: -webkit-gradient(linear, left top, left bottom, from(#52aeff), to(#3d9cef)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #52aeff, #3d9cef); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -o-linear-gradient(top, #52aeff, #3d9cef); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #52aeff 45%, #3d9cef 102%); background-color: #52AEFF; color: #FFFFFF; }
.blue-box.borders { border-color: #499DE5 #258FEC #1E73BD; border-left: 1px solid #258FEC; border-right: 1px solid #258FEC; border-style: solid; border-width: 1px; }
.green-box { background-image: -moz-linear-gradient(center top, #82c261 45%, #70be46 102%); background-image: -webkit-gradient(linear, left top, left bottom, from(#82c261), to(#70be46)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #82c261, #70be46); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -o-linear-gradient(top, #82c261, #70be46); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #82c261 45%, #70be46 102%); background-color: #82c261; color: #FFFFFF; }
.violet-box { background-image: -moz-linear-gradient(center top, #b450b2 45%, #853685 102%); background-image: -webkit-gradient(linear, left top, left bottom, from(#b450b2), to(#853685)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #b450b2, #853685); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -o-linear-gradient(top, #b450b2, #853685); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #b450b2 45%, #853685 102%); background-color: #82c261; color: #FFFFFF; }
.yellow-box { background-image: -moz-linear-gradient(center top, #ffc91c 45%, #fab219 102%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc91c), to(#fab219)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #ffc91c, #fab219); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -o-linear-gradient(top, #ffc91c, #fab219); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #ffc91c 45%, #fab219 102%); background-color: #82c261; color: #FFFFFF; }
.white-box { background: #FFF; }
.widget-block.calendar-box { overflow: hidden; }
.widget-block.calendar-box h2 { font-size: 28px; }
.widget-block.calendar-box .day { text-align: center; font-size: 102px; }
.widget-block.weather-box { overflow: hidden; color: #FFF; }
.widget-block.weather-box .photo { background: url("images/sunset2.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 260px; }
.widget-block.weather-box h2 { margin-top: 60px; font-size: 28px; font-weight: 400; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5); }
.widget-block.weather-box .day { text-align: center; font-size: 24px; font-weight: 300; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5); margin-bottom: 70px; margin-top: 3px; }
.fb-box { margin-top: 0 !important; background-image: -moz-linear-gradient(center top, #3e80bf 50%, #325fa0 102%); background-image: -webkit-gradient(linear, left top, left bottom, from(#3e80bf), to(#325fa0)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #3e80bf, #325fa0); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -o-linear-gradient(top, #3e80bf, #325fa0); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #3e80bf 50%, #325fa0 102%); background-color: #366eab; color: #FFFFFF; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35) !important; }
.fb-box h2 { font-size: 19px; font-weight: 400; margin: 0 0 5px 0; padding-top: 10px; }
.fb-box h3 { font-size: 13px; font-weight: 200; margin: 0 0 20px 0; }
.fb-box h4 { font-size: 13px; font-weight: 400; margin: 0 0 5px 0; }
.fb-box img { border-radius: 50%; -webkit-border-radius: 50%; border: 3px solid #FFFFFF; margin-bottom: 15px; margin-top: 20px; }
.fb-box .content { padding: 20px; text-align: center; }
.fb-box .info { background: #264A7E; color: #FFF; border-top: 1px solid #426ca5; text-align: center; }
	.fb-box .info button { box-shadow: none; max-width: 195px; width: 80%; padding: 13px; background: #4884c0; border: 0; margin: 5px 0; text-transform: uppercase; }
		.fb-box .info button i { margin-right: 3px; }
	.fb-box .info div { padding: 15px 10px; }
.fb-box .row { margin: 0; }
.block .cl,
.widget-block .cl { margin-bottom: 20px; }
.widget-block { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.21); border: 0; margin-bottom: 30px; margin-top: 0; }
.widget-block .row { margin: 0; }
.widget-block .padding { padding: 20px 20px; }
.widget-block .vpadding { padding: 20px 0; }
.widget-block .hpadding { padding: 0 20px; }
.block .header,
.widget-block .header,
.block-flat .header { padding: 10px; background-color: #FEFEFE; border-bottom: 1px solid #dadada; }
.block .header { border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; padding: 10px; }
.block-flat .header { background: transparent; padding: 3px 0; }
.block-flat .header.no-border { border: 0; }
.block-flat .header h3 { margin-top: 3px; font-family: "Raleway", Helvetica, sans-serif; font-weight: 200; }
.block-flat .content { padding: 15px 3px 0 3px; }
.block-flat .content.full-width { padding: 0; margin-left: -20px; margin-right: -20px; margin-bottom: -20px; }
.block-flat .content h4 { margin-top: 20px; font-size: 16px; }
.block-flat .content .title { margin: 5px 0 15px 0; }
.block-flat.no-padding .content { padding: 0 !important; }
.legend-container table { width: auto; margin: 20px 0 0 20px; }
.legend-container table tr { background: transparent; }
.legend-container table td { border: 0; padding: 0 5px 3px 5px; }
.legend-container .legendColorBox > div { border: 0 !important; }
.legend-container .legendColorBox > div > div { border-width: 6px !important; }
.block-flat.no-padding .content table td,
.block-flat.no-padding .content table th { padding: 11px 10px 7px 10px; }
.block .no-border { border-bottom: 0; }
.block .content h2,
.widget-block .content h2 { font-family: 'Lato', sans-serif; }
.block .header h2,
.widget-block .header h2,
.block-flat .header h2 { margin: 0; font-family: "Raleway", Helvetica, sans-serif; font-weight: 100; font-size: 29px; line-height: 38px; }
.block .header h3,
.widget-block .header h3 { margin: 0; font-size: 13px; font-weight: 200; line-height: 21px; color: #666; }
.block .header .actions i,
.widget-block .header .actions i { font-size: 18px; color: #6F6F6F; display: inline-block; padding: 0; text-align: center; cursor: pointer; width: 20px; vertical-align: top; }
.block .header .actions i:hover,
.widget-block .header .actions i:hover { color: #858585; }
.widget-block .fb-head { background: #1784c7; border: 0; color: #FFF; }
.widget-block .fb-head i { display: inline-block; text-align: center; width: 28px; }
.bg-darkgray { background-color: #888e97; color: #fff; }
.bg-blue { background-color: #43A0F2; color: #fff; }
.bg-blue .caret,
.bg-darkgray .caret { border-color: #fff transparent; border-width: 5px 5px 0; }
.bg-blue a,
.bg-darkgray a { color: #FFF; }
.cl-mcont .block .content { padding: 20px; }
.cl-mcont .block .stat-data,
.cl-mcont .block-flat .stat-data { padding: 10px; float: left; width: 50%; }
.cl-mcont .block .stat-data h2,
.cl-mcont .block-flat .stat-data h2 { margin: 0 0 5px 0; }
.cl-mcont .block .stat-data span,
.cl-mcont .block-flat .stat-data span { font-size: 18px; }
.cl-mcont .block .stat-data .stat-blue,
.cl-mcont .block-flat .stat-data .stat-blue { background: #43A0F2; border-radius: 3px; -webkit-border-radius: 3px; text-align: center; color: #FFF; padding: 20px 10px; }
.cl-mcont .block .stat-data .stat-number,
.cl-mcont .block-flat .stat-data .stat-number { border-bottom: 1px solid #dadada; }
	.cl-mcont .block .stat-data .stat-number:last-child,
	.cl-mcont .block-flat .stat-data .stat-number:last-child { border-bottom: 0; }
	.cl-mcont .block .stat-data .stat-number div,
	.cl-mcont .block-flat .stat-data .stat-number div { display: inline-block; vertical-align: middle; padding: 5px 5px; font-size: 16px; line-height: 20px; }
	.cl-mcont .block .stat-data .stat-number h2,
	.cl-mcont .block-flat .stat-data .stat-number h2 { margin: 0; font-size: 35px; color: #444; font-weight: 300; }
	.cl-mcont .block .stat-data .stat-number span,
	.cl-mcont .block-flat .stat-data .stat-number span { font-size: 12px; }
.block .fact-data,
.widget-block .fact-data,
.block-flat .fact-data { margin: 25px 0; padding: 0 20px; display: inline-block; width: 49%; vertical-align: top; }
.block .total-data,
.widget-block .total-data,
.block-flat .total-data { padding: 15px; display: inline-block; width: 100%; vertical-align: top; position: relative; }
.block .dropdown-menu,
.widget-block .dropdown-menu,
.block-flat .dropdown-menu { margin: -1px 0 0 0; border-radius: 1px; -webkit-border-radius: 1px; }
.btn-group .dropdown-menu { margin-top: -6px; }
.btn-group { margin-right: 5px; margin-left: 4px; }
.static-mn,
.widget-block .static-mn { display: block; position: static; }
.static-mn,
.widget-block .static-mn { display: block; position: static; }
.static-lg-menu .static-mn,
.widget-block .static-lg-menu .static-mn { min-width: 90%; }
.block .items,
.widget-block .items { margin: 0; padding: 0; }
.block .items li,
.widget-block .items li { border-top: 1px solid #e8e8e8; list-style: none; font-size: 14px; line-height: 17px; padding: 13px; background-color: #FFF; transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; -webkit-transition: background 0.25s ease-in-out; }
	.block .items li i,
	.widget-block .items li i { color: #555555; display: block; float: left; font-size: 28px; height: 38px; margin-left: 4px; margin-right: 15px; margin-top: 2px; }
	.block .items li small,
	.widget-block .items li small { display: block; }
	.block .items li:hover,
	.widget-block .items li:hover { background-color: #F4F4F4; }
	.block .items li .value,
	.widget-block .items li .value { font-size: 15px; margin-top: 7px; }
	.block .items li:first-child,
	.widget-block .items li:first-child { border-top: 0; }
.block .total-data h2,
.widget-block .total-data h2 { margin: 0; font-size: 24px; font-weight: 300; line-height: 32px; }
.block .total-data h3,
.widget-block .total-data h3 { font-size: 18px; font-weight: 300; margin: 0; }
.block .total-data h4,
.widget-block .total-data h4 { font-size: 14px; font-weight: 300; margin: 0; }
.widget-block .fact-data { margin: 27px 0; }
.block .fact-data:first-child { border-right: 1px solid #eaeaea; }
.block .fact-data h2,
.widget-block .fact-data h2 { margin: 0; font-size: 32px; font-weight: 300; }
.block .fact-data h3,
.widget-block .fact-data h3 { text-transform: uppercase; margin: 0; font-weight: 200; font-size: 13px; }
.widget-block .fact-data h3 { margin-bottom: 13px; font-size: 17px; }
.widget-block .fact-data h2 { margin-bottom: 4px; }
.widget-block .fact-data p { font-size: 12px; }
.widget-block .no-padding { padding: 0; }
.widget-block h3 { font-size: 17px; margin: 5px 0 0 0; font-weight: 200; }
.widget-block h2 { font-size: 32px; font-weight: 300; }
.block h2 i { font-size: 24px; color: #555; margin-right: 6px; }
/*Widget Notes*/
.cl-mcont .block.widget-notes { border-bottom: 1px solid #E2E2E2; border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04); border-radius: 3px; }
.cl-mcont .block.widget-notes .header { border-bottom: 0; }
	.cl-mcont .block.widget-notes .header h4 { margin: 0; font-size: 15px; }
.cl-mcont .block.widget-notes .content { padding: 0; }
.paper { line-height: 30px; font-size: 14px; padding: 30px 55px 27px; position: relative; outline: none; background: white; background: -webkit-linear-gradient(top, #dfe8ec 0%, #ffffff 8%) 0 0px; background: -moz-linear-gradient(top, #dfe8ec 0%, #ffffff 8%) 0 0px; background: linear-gradient(center top, #dfe8ec 0%, #ffffff 8%) 0 0px; -webkit-background-size: 100% 30px; -moz-background-size: 100% 30px; -ms-background-size: 100% 30px; background-size: 100% 30px; }
.paper::after { content: ''; position: absolute; width: 0px; top: 0; left: 39px; bottom: 0; border-left: 1px solid #F8D3D3; }
/*Pie Widget*/
.pie-widget { margin-bottom: 20px; }
.pie-widget .stats { padding-top: 20px; border-top: 1px solid #DADADA; }
	.pie-widget .stats p { font-size: 14px; font-weight: 400; margin: 0; }
	.pie-widget .stats h5 { margin: 0; }

@media (max-width: 767px) {
.pie-widget .stats > div:first-child { margin-bottom: 20px; }
}
/*UI Datepicker*/
.ui-datepicker { position: relative; }
.ui-datepicker .ui-datepicker-header { border-bottom: 1px solid rgba(255, 255, 255, 0.6); padding-bottom: 5px; margin-bottom: 4px; }
.ui-datepicker .ui-datepicker-title { cursor: default; line-height: 1.8em; margin: 0 2.3em; text-align: center; font-weight: 600; font-size: 14px; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { height: 1.8em; position: absolute; top: 2px; width: 1.8em; color: #FFF; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
	.ui-datepicker .ui-datepicker-prev span,
	.ui-datepicker .ui-datepicker-next span { overflow: hidden; display: block; text-indent: -99999px; }
		.ui-datepicker .ui-datepicker-prev span:after,
		.ui-datepicker .ui-datepicker-next span:after { cursor: pointer; content: ""; font-family: FontAwesome; display: block; position: absolute; width: 16px; height: 16px; top: 0; text-indent: 0; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
	.ui-datepicker .ui-datepicker-next span:after { content: ""; right: 0; }
.ui-datepicker table th { border: 0; padding: 3px; }
	.ui-datepicker table th span { font-size: 14px; color: #FFF; }
.ui-datepicker table tr { background: transparent !important; }
.ui-datepicker table td { border: 0; padding: 3px; }
.ui-datepicker td span,
.ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; color: #FFF; }
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.active:hover,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled.active:hover { background-color: #4E9DFF; }
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover { background-image: none; background: #4E9DFF; }
/*Daterange*/
/*Wizard*/
.wizard-row { position: relative; }
.wizard-row .fuelux { position: absolute; }
.block-wizard { padding: 0; }
.block-wizard .step-content { padding: 20px 20px; }
.fuelux .wizard { box-shadow: none; border-radius: 0; -webkit-border-radius: 0; border: 0; border-bottom: 1px solid #E2E2E2; background: #FFF; }
.fuelux .wizard ul li.active { background: #FFF; color: #3078EF; }
.fuelux .wizard ul li.complete { color: #fff; background: #4D90FD; }
	.fuelux .wizard ul li.complete:hover { background: #5c9aff; }
		.fuelux .wizard ul li.complete:hover .chevron:before { border-left-color: #5c9aff; }
	.fuelux .wizard ul li.complete .chevron { border-left-color: #1e7dcc; }
		.fuelux .wizard ul li.complete .chevron:before { border-left: 14px solid #4D90FD; }
.fuelux .wizard ul li.active .chevron:before { border-left: 14px solid #FFF; }
.fuelux .wizard ul li:first-child { border-radius: 0; -webkit-border-radius: 0; }
.fuelux .wizard ul li { font-size: 15px; }

@media (max-width: 767px) {
.wizard-row .fuelux { position: static; }
}
/*TABS*/
.nav-tabs { border-bottom: 1px solid transparent; }
.nav-tabs > li { font-size: 14px; margin-right: 2px; }
	.nav-tabs > li.active { position: relative; }
	.nav-tabs > li > a { padding: 9px 15px; font-size: 13px; margin-right: 0; min-width: 80px; text-align: center; }
		.nav-tabs > li > a:hover,
		.nav-tabs > li > a:active { background: transparent; border: 1px solid transparent; color: #3398ff; border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; }
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus { border-top: 2px solid #43A0F2; border-radius: 0; -webkit-border-radius: 0; border-bottom: 0; padding-bottom: 10px; padding-top: 8px; box-shadow: 1px -3px 4px -3px rgba(0, 0, 0, 0.08); border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; position: static; }
		.nav-tabs > li.active > a:after,
		.nav-tabs > li.active > a:hover:after,
		.nav-tabs > li.active > a:focus:after { content: ""; display: block; height: 2px; background: #43A0F2; position: absolute; top: 0; left: 0; width: 100%; }
.tab-content { background: #fff; padding: 20px; border-bottom: 1px solid #E2E2E2; border-left: 1px solid #ECECEC; border-radius: 0 3px 3px; -webkit-border-radius: 0 3px 3px; border-right: 1px solid #ECECEC; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04); margin-bottom: 40px; }
.tab-content h3,
h2,
h1:first-child { margin-top: 0; }
/*Tab Bottom*/
.tab-bottom .nav-tabs { margin-bottom: 40px; }
.tab-bottom .tab-content { margin-bottom: 0; }
.tab-bottom .nav-tabs > li.active > a:after,
.tab-bottom .nav-tabs > li.active > a:hover:after,
.tab-bottom .nav-tabs > li.active > a:focus:after { bottom: 0; top: auto; }
.tab-bottom .nav-tabs > li.active > a,
.tab-bottom .nav-tabs > li.active > a:hover,
.tab-bottom .nav-tabs > li.active > a:focus { border-top: 0; border-bottom: 2px solid #43A0F2; margin-top: -1px; box-shadow: 1px 3px 4px -3px rgba(0, 0, 0, 0.08); }
.tab-bottom .tab-content { border-radius: 3px 3px 3px 0; -webkit-border-radius: 3px 3px 3px 0; }
/*Tab Left*/
.tab-left .nav-tabs { float: left; }
.tab-left .nav-tabs > li { float: none; margin-right: 0; margin-bottom: 0; }
	.tab-left .nav-tabs > li > a { text-align: left; min-width: 38px; padding: 12px 10px; border-radius: 0; -webkit-border-radius: 0; }
	.tab-left .nav-tabs > li .fa { font-size: 14px; }
	.tab-left .nav-tabs > li.active > a:after,
	.tab-left .nav-tabs > li.active > a:hover:after,
	.tab-left .nav-tabs > li.active > a:focus:after { bottom: 0; top: auto; width: 2px; height: 100%; }
	.tab-left .nav-tabs > li.active > a,
	.tab-left .nav-tabs > li.active > a:hover,
	.tab-left .nav-tabs > li.active > a:focus { border-top: 0; border-bottom: 1px solid #ECECEC; border-right: 0; border-left: 2px solid #43A0F2; margin-right: -1px; box-shadow: -1px 3px 4px -3px rgba(0, 0, 0, 0.08); padding: 13px 10px 12px 9px; }
.tab-left .tab-content { overflow: auto; border-radius: 0 3px 3px 3px; -webkit-border-radius: 0 3px 3px 3px; }
/*Tab Right*/
.tab-right .nav-tabs { float: right; }
.tab-right .tab-content { overflow: auto; border-radius: 3px 0 3px 3px; -webkit-border-radius: 3px 0 3px 3px; }
.tab-right .nav-tabs > li { float: none; margin-right: 0; margin-bottom: 2px; }
.tab-right .nav-tabs > li > a { text-align: left; min-width: 38px; padding: 12px 10px; }
.tab-right .nav-tabs > li .fa { font-size: 14px; }
.tab-right .nav-tabs > li.active > a:after,
.tab-right .nav-tabs > li.active > a:hover:after,
.tab-right .nav-tabs > li.active > a:focus:after { bottom: 0; right: 0; left: auto; top: auto; width: 2px; height: 100%; }
.tab-right .nav-tabs > li.active > a,
.tab-right .nav-tabs > li.active > a:hover,
.tab-right .nav-tabs > li.active > a:focus { border-top: 0; border-bottom: 1px solid #ECECEC; border-left: 0; border-right: 2px solid #43A0F2; margin-left: -1px; box-shadow: 1px 3px 4px -3px rgba(0, 0, 0, 0.08); padding: 13px 10px 12px 12px; }
.shadow.tab-content { border-bottom: 1px solid #DADADA; border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.13); }
/*Accordion*/
.accordion { margin-bottom: 40px; }
.accordion .panel-heading { background: #fff; padding: 0; }
	.accordion .panel-heading a { font-size: 15px; padding: 17px 16px; display: block; color: #3078EF; }
		.accordion .panel-heading a .fa { transition: transform 200ms ease-in-out; margin-right: 10px; transform: rotate(90deg); }
		.accordion .panel-heading a.collapsed { color: #555; }
			.accordion .panel-heading a.collapsed .fa { transform: rotate(0deg); }
	.accordion .panel-heading + .panel-collapse .panel-body { border-top: 0; padding: 3px 20px 20px 34px; }
.accordion .panel { border-radius: 2px; -webkit-border-radius: 2px; border-bottom: 0; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; margin-bottom: 5px; border-top: 0; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04); }
	.accordion .panel:first-child { border-top: 0; }
.accordion.panel-group .panel + .panel { margin-top: 0px; }
/*Primary color accordion*/
.accordion.accordion-color .panel-heading a { background-color: #4D90FD; color: #FFF; }
	.accordion.accordion-color .panel-heading a.collapsed { background-color: #FFF; color: #555; }
.accordion.accordion-color .panel-collapse .panel-body { background-color: #4D90FD; color: #FFF; }
/*Semi color accordion*/
.accordion.accordion-semi .panel-heading a { background-color: #4D90FD; color: #FFF; transition: background-color 200ms ease-in-out; border-bottom: 1px solid #2188de; }
.accordion.accordion-semi .panel-heading.success a { background-color: #60C060; border-bottom: 1px solid #54A754; }
.accordion.accordion-semi .panel-heading.warning a { background-color: #FC9700; border-bottom: 1px solid #D68000; }
.accordion.accordion-semi .panel-heading.danger a { background-color: #DA4932; border-bottom: 1px solid #CA452E; }
.accordion.accordion-semi .panel-heading a.collapsed { background-color: #FFF; color: #555; border-bottom: 0; }
.accordion.accordion-semi .panel-collapse .panel-body { padding: 15px 20px 20px 34px; }
/*Nestable lists*/
.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; }
.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }
.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }
.dd-handle { cursor: default; display: block; margin: 5px 0; padding: 7px 10px; color: #333; text-decoration: none; border: 1px solid #ddd; background: #fff; }
.dd-handle:hover { color: #FFF; background: #4D90FD; border-color: #428BCA; }
.dd-item > button { color: #555; font-family: FontAwesome; display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 8px 2px; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 10px; line-height: 1; text-align: center; }
.dd-item > button:before { content: ''; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: ''; }
.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #FFF; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-size: 60px 60px; background-position: 0 0, 30px 30px; }
.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }
.dd3-content { display: block; margin: 5px 0; padding: 7px 10px 7px 40px; color: #333; text-decoration: none; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; color: #333333; }
.dd3-content:hover { background: #fff; }
.dd-dragel > .dd3-item > .dd3-content { margin: 0; }
.dd3-item > button { margin-left: 35px; }
.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: all-scroll; width: 34px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #3680BF; background: #4D90FD; height: 36px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset; }
.dd3-handle:before { content: '='; display: block; position: absolute; left: 0; top: 5px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #4E9DFF; }
.bootstrap-switch { border: 0; border-radius: 20px; -webkit-border-radius: 20px; min-width: 74px; background-clip: padding-box; }
.bootstrap-switch.bootstrap-switch-focused { box-shadow: none; }
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary { background: #4D90FD; }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { background: #E3E3E3; }
.bootstrap-switch .bootstrap-switch-container { position: relative; z-index: 1; -webkit-transform: none; }
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container { background: #4D90FD; }
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container { background: #E3E3E3; }
.bootstrap-switch .bootstrap-switch-label:after { content: " "; display: block; width: 29px; height: 100%; position: absolute; top: 0; right: 0; background: #fff; border-radius: 50%; border: 3px solid #4D90FD; }
.bootstrap-switch.bootstrap-switch-large { min-width: 100px; }
	.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label:after { width: 42px; border-width: 4px; }
	.bootstrap-switch.bootstrap-switch-large.bootstrap-switch-on .bootstrap-switch-label:after { border-width: 4px; }
.bootstrap-switch.bootstrap-switch-small { min-width: 60px; }
	.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label:after { width: 25px; }
.bootstrap-switch.bootstrap-switch-mini { min-width: 44px; }
	.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label:after { width: 18px; }
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label { background: #4D90FD; }
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label { background: #e3e3e3; }
	.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label:after { border-color: #e3e3e3; left: 0; }
.bootstrap-switch .bootstrap-switch-handle-on { padding-left: 6px; border-bottom-left-radius: 20px; border-top-left-radius: 20px; }
.bootstrap-switch .bootstrap-switch-handle-off { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label { border-bottom-right-radius: 20px; border-top-right-radius: 20px; }
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label { border-bottom-left-radius: 20px; border-top-left-radius: 20px; }
.bootstrap-switch .bootstrap-switch-label { position: relative; }
/*ON Colors*/
.bootstrap-switch.bootstrap-switch-onclr-success.bootstrap-switch-on .bootstrap-switch-handle-on { background: #5CB85C; }
.bootstrap-switch.bootstrap-switch-onclr-success.bootstrap-switch-on .bootstrap-switch-label { background: #5CB85C; }
	.bootstrap-switch.bootstrap-switch-onclr-success.bootstrap-switch-on .bootstrap-switch-label:after { border-color: #5CB85C; }
.bootstrap-switch.bootstrap-switch-onclr-success.bootstrap-switch-off .bootstrap-switch-container { background: #5CB85C; }
.bootstrap-switch.bootstrap-switch-onclr-info.bootstrap-switch-on .bootstrap-switch-handle-on { background: #5bc0de; }
.bootstrap-switch.bootstrap-switch-onclr-info.bootstrap-switch-on .bootstrap-switch-label { background: #5bc0de; }
	.bootstrap-switch.bootstrap-switch-onclr-info.bootstrap-switch-on .bootstrap-switch-label:after { border-color: #5bc0de; }
.bootstrap-switch.bootstrap-switch-onclr-info.bootstrap-switch-off .bootstrap-switch-container { background: #5bc0de; }
.bootstrap-switch.bootstrap-switch-onclr-warning.bootstrap-switch-on .bootstrap-switch-handle-on { background: #ff9900; }
.bootstrap-switch.bootstrap-switch-onclr-warning.bootstrap-switch-on .bootstrap-switch-label { background: #ff9900; }
	.bootstrap-switch.bootstrap-switch-onclr-warning.bootstrap-switch-on .bootstrap-switch-label:after { border-color: #ff9900; }
.bootstrap-switch.bootstrap-switch-onclr-warning.bootstrap-switch-off .bootstrap-switch-container { background: #ff9900; }
.bootstrap-switch.bootstrap-switch-onclr-danger.bootstrap-switch-on .bootstrap-switch-handle-on { background: #df4b33; }
.bootstrap-switch.bootstrap-switch-onclr-danger.bootstrap-switch-on .bootstrap-switch-label { background: #df4b33; }
	.bootstrap-switch.bootstrap-switch-onclr-danger.bootstrap-switch-on .bootstrap-switch-label:after { border-color: #df4b33; }
.bootstrap-switch.bootstrap-switch-onclr-danger.bootstrap-switch-off .bootstrap-switch-container { background: #df4b33; }
.bootstrap-switch.bootstrap-switch-onclr-default.bootstrap-switch-on .bootstrap-switch-handle-on { background: #E3E3E3; }
.bootstrap-switch.bootstrap-switch-onclr-default.bootstrap-switch-on .bootstrap-switch-label { background: #E3E3E3; }
	.bootstrap-switch.bootstrap-switch-onclr-default.bootstrap-switch-on .bootstrap-switch-label:after { border-color: #E3E3E3; }
.bootstrap-switch.bootstrap-switch-onclr-default.bootstrap-switch-off .bootstrap-switch-container { background: #E3E3E3; }
/*Off Colors*/
.bootstrap-switch.bootstrap-switch-offclr-primary.bootstrap-switch-off .bootstrap-switch-handle-off { background: #4D90FD; }
.bootstrap-switch.bootstrap-switch-offclr-primary.bootstrap-switch-off .bootstrap-switch-label { background: #4D90FD; }
	.bootstrap-switch.bootstrap-switch-offclr-primary.bootstrap-switch-off .bootstrap-switch-label:after { border-color: #4D90FD; }
.bootstrap-switch.bootstrap-switch-offclr-primary.bootstrap-switch-on .bootstrap-switch-container { background: #4D90FD; }
.bootstrap-switch.bootstrap-switch-offclr-info.bootstrap-switch-off .bootstrap-switch-handle-off { background: #5bc0de; }
.bootstrap-switch.bootstrap-switch-offclr-info.bootstrap-switch-off .bootstrap-switch-label { background: #5bc0de; }
	.bootstrap-switch.bootstrap-switch-offclr-info.bootstrap-switch-off .bootstrap-switch-label:after { border-color: #5bc0de; }
.bootstrap-switch.bootstrap-switch-offclr-info.bootstrap-switch-on .bootstrap-switch-container { background: #5bc0de; }
.bootstrap-switch.bootstrap-switch-offclr-success.bootstrap-switch-off .bootstrap-switch-handle-off { background: #5CB85C; }
.bootstrap-switch.bootstrap-switch-offclr-success.bootstrap-switch-off .bootstrap-switch-label { background: #5CB85C; }
	.bootstrap-switch.bootstrap-switch-offclr-success.bootstrap-switch-off .bootstrap-switch-label:after { border-color: #5CB85C; }
.bootstrap-switch.bootstrap-switch-offclr-success.bootstrap-switch-on .bootstrap-switch-container { background: #5CB85C; }
.bootstrap-switch.bootstrap-switch-offclr-warning.bootstrap-switch-off .bootstrap-switch-handle-off { background: #ff9900; }
.bootstrap-switch.bootstrap-switch-offclr-warning.bootstrap-switch-off .bootstrap-switch-label { background: #ff9900; }
	.bootstrap-switch.bootstrap-switch-offclr-warning.bootstrap-switch-off .bootstrap-switch-label:after { border-color: #ff9900; }
.bootstrap-switch.bootstrap-switch-offclr-warning.bootstrap-switch-on .bootstrap-switch-container { background: #ff9900; }
.bootstrap-switch.bootstrap-switch-offclr-danger.bootstrap-switch-off .bootstrap-switch-handle-off { background: #df4b33; }
.bootstrap-switch.bootstrap-switch-offclr-danger.bootstrap-switch-off .bootstrap-switch-label { background: #df4b33; }
	.bootstrap-switch.bootstrap-switch-offclr-danger.bootstrap-switch-off .bootstrap-switch-label:after { border-color: #df4b33; }
.bootstrap-switch.bootstrap-switch-offclr-danger.bootstrap-switch-on .bootstrap-switch-container { background: #df4b33; }
.bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-off .bootstrap-switch-handle-off { background: #E3E3E3; }
.bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-off .bootstrap-switch-label { background: #E3E3E3; }
	.bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-off .bootstrap-switch-label:after { border-color: #E3E3E3; }
.bootstrap-switch.bootstrap-switch-offclr-default.bootstrap-switch-on .bootstrap-switch-container { background: #E3E3E3; }
/*Select 2*/
.select2-container .select2-choice { border: 1px solid #CCCCCC; background: #fff; padding: 4px 8px; height: auto; border-radius: 1px; -webkit-border-radius: 1px; }
/*box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.18);*/
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices { background: #fff; }
.select2-drop.select2-drop-above { box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.08); border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; }
.select2-container-active .select2-choice,
.select2-container-active .select2-choices { box-shadow: none; }
.select2-container .select2-choice .select2-arrow { width: 30px; background-color: #FFFFFF; background-image: linear-gradient(to bottom, #ffffff 60%, #f9f9f9 100%); }
.select2-container .select2-choice .select2-arrow b { background-position: 7px 4px; }
.select2-dropdown-open .select2-choice .select2-arrow b { background-position: -13px 3px; }
.select2-container.select2-drop-above .select2-choice { border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; }
/*Tags*/
.select2-container-multi .select2-choices .select2-search-choice { border: 1px solid #CCCCCC; background-color: #FFFFFF; background-image: linear-gradient(to bottom, #ffffff 60%, #f9f9f9 100%); padding: 3px 5px 5px 18px; }
.select2-container-multi .select2-choices { padding: 5px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; }
/*Slider*/
.slider.slider-vertical { margin-right: 13px; }
.slider-selection { background: #4D90FD; border: 1px solid #437DDC; box-shadow: none; }
.slider-handle { opacity: 1; background-color: #FFFFFF; background-image: linear-gradient(to bottom, #ffffff, #f9f9f9); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, #ffffff, #f9f9f9); /* Opera 11.10-12.00 */ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.39); height: 23px; width: 23px; transition: box-shadow 200ms ease-in-out; }
.slider-handle:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45); }
.slider.slider-horizontal .slider-handle { margin-top: -7px; }
.slider.slider-vertical .slider-handle { margin-left: -6px; }
/*CHAT*/
.chat-wi .chat-space { height: 377px; padding: 15px; }
.chat-wi .chat-content { padding: 15px; background: #fff; }
.chat-wi .chat-conv { position: relative; text-align: right; padding: 10px; margin-bottom: 15px; }
.chat-wi .chat-conv .c-avatar { position: absolute; border: 1px solid #D6DAE0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.09); height: 50px; width: 50px; vertical-align: top; right: 0; }
.chat-wi .chat-conv .c-bubble { position: relative; display: inline-block; padding: 8px 9px 5px 9px; font-size: 12px; font-weight: 400; color: #FFF; margin: 0 60px 0 0; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-top: 1px solid #4aa4ec; border-bottom: 1px solid #2f7ee5; box-shadow: 0 1px 0 #7fc6fe inset, 1px 1px 2px rgba(0, 0, 0, 0.25); border-radius: 4px; -webkit-border-radius: 4px; background-image: -moz-linear-gradient(center top, #50b1fe 45%, #348bfc 102%); background-image: -webkit-gradient(linear, left top, left bottom, from(#50b1fe), to(#348bfc)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #50b1fe, #348bfc); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -o-linear-gradient(top, #50b1fe, #348bfc); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #50b1fe 45%, #348bfc 102%); background-color: #43a2ff; }
	.chat-wi .chat-conv .c-bubble span { background: url(images/bubble-tail.png) no-repeat; height: 21px; width: 12px; display: block; position: absolute; right: -12px; top: 5px; }
.chat-wi .sent { text-align: left; }
.chat-wi .sent .c-bubble { margin: 0 0 0 60px; border-bottom: 1px solid #f3f3f3; border-top: 1px solid #e3e3e3; box-shadow: 0 1px 0 #ffffff inset, 0 1px 2px rgba(0, 0, 0, 0.25); text-shadow: none; color: #666; background-image: -moz-linear-gradient(center top, #ffffff 45%, #f3f3f3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); /* Chrome, Safari 4+ */ background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3); /* Chrome 10-25, iOS 5+, Safari 5.1+ */ background-image: -o-linear-gradient(top, #ffffff, #f3f3f3); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, #ffffff 45%, #f3f3f3 100%); }
.chat-wi .sent .c-avatar { left: 0; }
.chat-wi .sent .c-bubble span { background: url(images/bubble-tail-l-white.png) no-repeat; left: -12px; }
.chat-wi .chat-in { border-top: 1px solid #DADADA; background: #F6F8FB; }
.chat-wi .chat-in input[type="text"] { width: 100%; border: 0; height: 47px; padding: 10px; font-size: 15px; font-weight: 200; color: #555; }
.chat-wi .chat-tools { background: #F6F8FB; border-top: 1px solid #dfdfdf; color: #6f6f6f; }
.chat-wi .chat-tools i { display: inline-block; width: 38px; padding: 13px 8px; font-size: 14px; text-align: center; cursor: pointer; }
	.chat-wi .chat-tools i:hover { background: #e5e7ea; }
.chat-wi .chat-in button,
.chat-wi .chat-in input[type="submit"] { box-shadow: none; background: #E5E7EA; border: 1px solid #E5E7EA; border-left: 1px solid #dadada; border-radius: 0; -webkit-border-radius: 0; height: 47px; min-width: 70px; color: #777; transition: border-color 0.21s ease-out 0s; margin: 0; }
.chat-wi .chat-in button:hover { border-color: #4D90FE; color: #555; }
.chat-wi .chat-in .input { margin-right: 70px; }
/*Alerts*/
.alert { border-radius: 0; -webkit-border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11); }
.alert .sign { font-size: 20px; vertical-align: middle; margin-right: 5px; text-align: center; width: 25px; display: inline-block; }
.alert-success { background-color: #DBF6D3; border-color: #AED4A5; color: #569745; }
.alert-info { background-color: #D9EDF7; border-color: #98cce6; color: #3A87AD; }
.alert-warning { background-color: #FCF8E3; border-color: #F1DAAB; color: #C09853; }
.alert-danger { background-color: #F2DEDE; border-color: #e0b1b8; color: #B94A48; }
.alert-white { background-image: linear-gradient(to bottom, #ffffff, #f9f9f9); border-top-color: #d8d8d8; border-bottom-color: #bdbdbd; border-left-color: #cacaca; border-right-color: #cacaca; color: #404040; padding-left: 61px; position: relative; }
.alert-white .icon { text-align: center; width: 45px; height: 103%; position: absolute; top: -1px; left: -1px; border: 1px solid #BDBDBD; padding-top: 15px; }
	.alert-white .icon:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; content: ''; width: 10px; height: 10px; border: 1px solid #BDBDBD; position: absolute; border-left: 0; border-bottom: 0; top: 50%; right: -6px; margin-top: -3px; background: #fff; }
.alert-white.rounded { border-radius: 3px; -webkit-border-radius: 3px; }
	.alert-white.rounded .icon { border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; }
.alert-white .icon i { font-size: 20px; color: #FFF; left: 12px; margin-top: -10px; position: absolute; top: 50%; }
.alert-white.alert-danger .icon,
.alert-white.alert-danger .icon:after { border-color: #ca452e; background: #da4932; }
.alert-white.alert-info .icon,
.alert-white.alert-info .icon:after { border-color: #3A8ACE; background: #4D90FD; }
.alert-white.alert-warning .icon,
.alert-white.alert-warning .icon:after { border-color: #D68000; background: #FC9700; }
.alert-white.alert-success .icon,
.alert-white.alert-success .icon:after { border-color: #54A754; background: #60C060; }
/*Labels*/
.label { border-radius: 0; -webkit-border-radius: 0; font-weight: normal; font-size: 95%; }
.label-default { background-color: #a1a1a1; }
.label i { font-size: 100% !important; color: inherit !important; width: auto !important; min-width: 11px; }
.label-success { background-color: #60C060; }
.label-primary { background-color: #4D90FD; }
.label-warning { background-color: #fcad37; }
.label-danger { background-color: #ED5B56; }
.label-info { background-color: #5DC4EA; }
/*Bagde*/
.badge { font-weight: normal; font-size: 95%; padding: 4px 6px; background-color: #a1a1a1; }
.badge-primary { background-color: #4D90FD !important; }
.badge-success { background-color: #60C060 !important; }
.badge-info { background-color: #5DC4EA !important; }
.badge-warning { background-color: #fcad37 !important; }
.badge-danger { background-color: #ED5B56 !important; }
/*Progress*/
.progress { height: 18px; border-radius: 3px; -webkit-border-radius: 3px; }
.progress .progress-bar { font-size: 11px; line-height: 17px; }
.progress-bar-info { background-color: #4D90FD; }
.progress-bar-success { background-color: #60C060; }
.progress-bar-warning { background-color: #FC9700; }
.progress-bar-danger { background-color: #DA4932; }
/*Pagination*/
.pagination { margin: 18px 0; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background-color: #2083D6; }
/*Nav Pills*/
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { background-color: #4D90FD; }
/*List Group*/
.list-group-item:first-child { border-radius: 0; -webkit-border-radius: 0; }
.list-group-item:last-child { border-radius: 0; -webkit-border-radius: 0; }
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus { background-color: #4D90FD; }
.list-group-item i { min-width: 15px; display: inline-block !important; text-align: center; }
.list-group-item h4 { margin-bottom: 8px; font-size: 17px; }
.list-group-item h4 { margin-bottom: 8px; font-size: 15px; }
.list-group-item { font-size: 12px; padding: 13px 15px; line-height: 22px; }
a.list-group-item:hover { border-left: 5px solid #4D90FD; border-color: #4D90FD; padding-left: 11px; }
a.list-group-item:hover + a.list-group-item { border-top-color: #4D90FD; }
.list-group .active:hover { padding-left: 15px; border-left: 1px solid #428BCA; }
/*DarkList Widget*/
.dark-list { color: #FFF; }
.dark-list .header { background-color: #272930; border-bottom-color: #1a5589; }
	.dark-list .header h3 { color: #999; }
.dark-list .items li { background-color: #272930; border-bottom: 1px solid #1a5589; border-top: 1px solid #32353E; }
	.dark-list .items li:hover { background-color: #2A2C34; }
	.dark-list .items li:first-child { border-top: 1px solid #32353E; }
	.dark-list .items li:last-child { border-bottom: 0; }
	.dark-list .items li i { color: #FFF; }
.dark-list .total-data { border-top: 1px solid #131519; box-shadow: 0 1px 0 #2A2C31 inset; background: #1F2126; border-radius: 0 0 3px 3px; }
	.dark-list .total-data > a { color: #C9D4F6; }
/*Icons*/
.fa-mobile-phone { font-size: 18px; }
.icon-16 { font-size: 16px !important; }
.icon-19 { font-size: 19px !important; }
.icon-24 { font-size: 24px !important; }
.icon-32 { font-size: 32px !important; }
.icon-64 { font-size: 64px !important; }
.icon-show i { font-size: 14px !important; margin-right: 5px; width: 20px; }
.icon-show > div { margin: 5px 0; }
/*Buttons*/
.btn { border-color: #CCCCCC; border-radius: 0; -webkit-border-radius: 0; outline: none; margin-bottom: 5px !important; margin-left: 4px; font-size: 13px; padding: 7px 11px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 0 rgba(255, 255, 255, 0.2) inset; }
.btn-default,
.btn-default:focus { background-color:transparent; border:none!important; box-shadow:none!important;color: #333333; background:transparent; }
.btn-default i { color: #444; }
.btn-default:hover{background:transparent!important;}
.btn-primary,
.btn-primary:focus { background-color: #4CAE4C; border-color: #46A846; }
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { background-color: #4CAE4C; border-color: #46A846; }

.btn-primary:active { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; }
.btn-success,
.btn-success:focus { background-color: #4CAE4C; border-color: #46A846; }
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success { background-color: #4CAE4C; border-color: #46A846; }
.btn-info,
.btn-info:focus { background-color: #5BC0DE; border-color: #28a1c4; }
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info { background-color: #5fc8e7; border-color: #28A1C4; }
.btn-warning,
.btn-warning:focus { background-color: #FF9900; border-color: #E38800; }
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning { background-color: #ffa800; }
.btn-danger,
.btn-danger:focus { background-color: #DF4B33; border-color: #CA452E; }
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger { background-color: #e64d35; }
.btn-rad { border-radius: 2px; -webkit-border-radius: 2px; }
.btn i { font-size: 14px; margin-right: 2px; display: inline-block; min-width: 10px; }
.btn-group-vertical { margin: 3px 3px; }
/*Specific icons size*/
.btn-lg { padding: 12px 14px; font-size: 15px; font-weight: 300; }
.btn-lg i { font-size: 18px; }
.btn-sm { padding: 4px 7px; font-size: 12px; }
.btn-sm i { font-size: 14px; }
.btn-xs { padding: 2px 6px; font-size: 11px; }
.btn-xs i { font-size: 12px; }
.btn-shadow { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12); }
.btn-shadow.btn-success { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
.btn-shadow.btn-primary { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
.btn-shadow.btn-warning { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
.btn-shadow.btn-danger { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
.btn-shadow.btn-info { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
.btn-primary, .btn-primary:focus {
    background-color: #7EC21D;
    box-shadow: 1px 5px 22px -13px #375437;
    border: none;
    border-radius: 7px;
    padding: 10px 22px;
}
#pcont .btn-primary, .btn-primary:focus {
    background-color: #7EC21D;
    box-shadow: 1px 5px 22px -13px #375437;
    border: none;
    border-radius: 7px;
    padding: 8px 22px;

	height:35px;
}#pcont .btn-success , .btn-success:focus {
    background-color: #9D1D96;
    box-shadow: 1px 5px 22px -13px #9D1D96;
    border: none;
    border-radius: 7px;
    padding: 8px 22px;
	
	height:35px;
}
#pcont .col-lg-3.col-md-12.search_right .btn-primary {
   
	width:100%;
}
#pcont select.input-sm {
    height: 35px;
    line-height: 30px;
    border-radius: 7px;
}
#pcont  .page .block-flat .dataTables_paginate li.active a {
    background-color: #7EC21D;
}
#pcont .form-control {padding: 8px 8px;border-radius: 7px;height:35px;}
#pcont .btn-default, .btn-default:focus{background: transparent!important;
    box-shadow: none;
    border: none;
    border-radius: 7px;
    padding: 8px 22px;
    width: auto;
    height: 35px;
    color: #000;}
ul.nav.navbar-nav.navbar-right.user-nav a.dropdown-toggle{color:#000;}
button.btn.btn-primary.dropdown-toggle.first_drop{  background-color: #7EC21D;
    box-shadow: 1px 5px 22px -13px #375437;
    border: none;
    border-radius: 7px;
    padding: 10px 22px;}
	#pcont table .btn-primary, .btn-primary:focus{height:auto;padding:4px 6px;}
	#pcont table .btn-danger, .btn-danger:focus{padding: 4px 6px;
    font-size: 11px;
    border: none;
    text-align: center;
    border-radius: 7px;}
		#pcont .deactivate {
    background: #FF5100!important;
}
.filter.col-xs-6.col-sm-4.col-md-4.col-lg-3 .input-group span#btnFilterPeople {
   /* background: transparent!important;
    border: none;
    box-shadow: none!important;
    color: #000;
    position: absolute;
    right: 10px;
    padding: 0!important;
    height: auto!important;
    top: 10px;*/    margin-right: 0;
    border-radius: 7px 0px 0px 7px;
}
.filter.col-xs-6.col-sm-4.col-md-4.col-lg-3 .input-group input#Search {
    border-radius: 0px 7px 7px 0px!important;
}
.btn-flat,
.btn-flat:focus { box-shadow: none; }
.btn-flat.btn-default { background: #fff; }
	.btn-flat:active.btn-default,
	.btn-flat.btn-default.active,
	.btn-flat.open .dropdown-toggle.btn-default { background: #f5f5f5; }
.btn-flat:active.btn-primary,
.btn-flat.btn-primary.active,
.btn-flat.open .dropdown-toggle.btn-primary { background: #4785ea; }
.btn-flat:active.btn-success,
.btn-flat.btn-success.active,
.btn-flat.open .dropdown-toggle.btn-success { background: #5db95d; }
.btn-flat:active.btn-info,
.btn-flat.btn-info.active,
.btn-flat.open .dropdown-toggle.btn-info { background: #56b7d3; }
.btn-flat:active.btn-warning,
.btn-flat.btn-warning.active,
.btn-flat.open .dropdown-toggle.btn-warning { background: #ff9600; }
.btn-flat:active.btn-danger,
.btn-flat.btn-danger.active,
.btn-flat.open .dropdown-toggle.btn-danger { background: #d04630; }
.btn-group-vertical > .btn { margin-bottom: 0 !important; }
.btn-group-vertical > .btn:first-child { margin-left: 0; border-radius: 0 !important; -webkit-border-radius: 0 !important; }
.btn-group-vertical > .btn:last-child { border-radius: 0 !important; -webkit-border-radius: 0 !important; }
/*Social buttons*/
.btn-facebook i { color: #3b5998; }
.btn-twitter i { color: #00aced; }
.btn-google-plus i { color: #dd4b39; }
.btn-dribbble i { color: #ea4c89; }
.btn-linkedin i { color: #0e76a8; }
.btn-youtube i { color: #c4302b; }
.btn-pinterest i { color: #c8232c; }
.btn-tumblr i { color: #34526f; }
.btn-flickr i { color: #ff0084; }
.btn-facebook.bg { background: #3b5998; color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }
.btn-twitter.bg { background: #00aced; color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }
.btn-google-plus.bg { background: #dd4b39; color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }
.btn-dribbble.bg { background: #ea4c89; color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }
.btn-linkedin.bg { background: #0e76a8; color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }
.btn-youtube.bg { background: #c4302b; color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }
.btn-pinterest.bg { background: #c8232c; color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }
.btn-tumblr.bg { background: #34526f; color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }
.btn-flickr.bg { background: #0063dc; color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }
.btn-github.bg { background: #333; color: #fff; border: 1px solid rgba(0, 0, 0, 0.08); }
.btn.bg i { color: #FFF; }
.btn:focus { outline: none; }
.btn-group.btn-blurbg { background: url("images/blur_bg.png") no-repeat; padding: 40px; margin-bottom: 20px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); }
.btn.btn-transparent { border-top: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-left: 1px solid rgba(255, 255, 255, 0.4); border-right: 1px solid rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.2); color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); }
.btn.btn-transparent:hover { background: rgba(255, 255, 255, 0.32); }
.video-player { position: relative; display: inline-block; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); }
.video-player video { display: block; max-width: 320px; width: 100%; }
.video-player .btn-controls { text-align: center; bottom: 5px; position: absolute; width: 100%; }
	.video-player .btn-controls .btn-group { margin: 0; }
	.video-player .btn-controls .btn-group { float: none; }
button::-moz-focus-inner { border: 0; }
.btn-group .dropdown-menu { border-radius: 1px; }
.input-group-btn .btn[type="submit"] { padding-bottom: 7px 10px; }
.btn-link { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
/*Bootstrap 3.1.0 Fix*/
.btn-group .dropdown-backdrop + .btn { margin-left: -1px; }
.input-group-addon.btn-primary,
.input-group-addon.btn-success,
.input-group-addon.btn-danger,
.input-group-addon.btn-warning { color: #fff;}
/*Modals*/
.modal { overflow: auto; }
.modal-content { border-radius: 5px; -webkit-border-radius: 5px; border: 0; }
.custom-width { width: 40%; max-width: none; }
.modal-content > .close { margin-right: 10px; margin-top: 10px; }
.md-content { background: #FFFFFF; border: 0 none; border-radius: 5px; color: #555555; overflow: hidden; }
.md-content .modal-header { border-bottom: 0 none; }
.modal-content .modal-header { border-bottom: 0; }
.colored-header .modal-header { padding: 20px; border-bottom: 1px solid #1080de !important; background-color: #3276b1; color: #fff; }
.colored-header.success .modal-header { padding: 20px; border-bottom: 1px solid #4cac4c !important; background-color: #60c060; color: #fff; }
.colored-header.info .modal-header { padding: 20px; border-bottom: 1px solid #47acca !important; background-color: #5bc0de; color: #fff; }
.colored-header.warning .modal-header { padding: 20px; border-bottom: 1px solid #eb8500 !important; background-color: #ff9900; color: #fff; }
.colored-header.danger .modal-header { padding: 20px; border-bottom: 1px solid #cb371f !important; background-color: #df4b33; color: #fff; }
.md-dark .modal-header { background-color: #3276b1; color: #fff; }
.md-dark .modal-header { background-color: #3276b1; color: #fff; }
.md-dark .md-content { background-color: #23262B; color: #BBBEC3; }
.md-dark .md-content input { background-color: transparent; color: #b2b2b2; }
.md-dark .modal-content .modal-footer { border: 0; background-color: transparent; }
.md-dark .md-content .modal-footer { border: 0; background-color: transparent; }
.md-dark .md-content .modal-footer .btn { margin-bottom: 0 !important; }
.modal-content h4,
.modal-content h4 { font-weight: 400; }
.modal-content h3,
.modal-content h3 { font-weight: 300; margin-top: 0; }
.modal-content h2 { margin: 0; }
.modal-content .modal-footer { background: #FBFBFB; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }

@media (min-width: 768px) and (max-width: 979px) {
.custom-width { width: 60%; max-width: none; }
}

@media (max-width: 767px) {
.custom-width { width: 90%; max-width: none; }
}
/*Circle*/
.i-circle { border: 5px solid #F1F1F1; border-radius: 50%; -webkit-border-radius: 50%; height: 80px; width: 80px; display: inline-block; padding-top: 15px; margin-bottom: 7px; }
.i-circle i { font-size: 34px; vertical-align: middle; color: #666; }
.i-circle.success i { color: #60C060; }
.i-circle.primary i { color: #4D90FD; }
.i-circle.info i { color: #5bc0de; }
.i-circle.warning i { color: #FC9700; }
.i-circle.danger i { color: #DA4932; }
/*Gritter Notifications*/
#gritter-notice-wrapper { width: 320px; top: 45px; }
.gritter-item-wrapper { background: url(themes/jquery.gritter/images/gritter-bg.png); box-shadow: 0 0px 5px rgba(0, 0, 0, 0.32); }
.gritter-top { background: transparent; }
.gritter-item { font-family: 'Lato', sans-serif; background: transparent; color: #FFF; padding: 2px 20px 12px; padding-right: 35px; padding-left: 10px; }
.gritter-bottom { background: transparent; }
.gritter-item p { font-size: 12px; line-height: 19px; }
.gritter-title { text-shadow: none; font-weight: 300; font-size: 17px; }
.gritter-close { display: block !important; top: 0; right: 0; left: auto; height: 30px; width: 35px; background: transparent; text-indent: inherit; }
.gritter-close:after { content: '×'; position: absolute; color: #FFF; left: 10px; font-size: 24px; font-weight: bold; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12); }
.gritter-without-image,
.gritter-with-image { padding-left: 7px; width: 224px; }
.gritter-item-wrapper.clean { background: #FFF; }
.gritter-item-wrapper.clean .gritter-item { color: #555; }
.gritter-item-wrapper.clean .gritter-close { display: block !important; top: 0; right: 0; left: auto; height: 100%; width: 35px; border-left: 1px solid #4CAE4C; border-top: 1px solid #4CAE4C; /*background-image: -moz-linear-gradient(center top, #52aeff 45%, #2180d3 102%);*/ /*background-image: -webkit-gradient(linear, left top, left bottom, from(#52aeff), to(#2180d3));*/ /* Chrome, Safari 4+ */ /*background-image: -webkit-linear-gradient(top, #52aeff, #2180d3);*/ /* Chrome 10-25, iOS 5+, Safari 5.1+ */ /*background-image: -o-linear-gradient(top, #52aeff, #2180d3);*/ /* Opera 11.10-12.00 */ /*background-image: linear-gradient(to bottom, #52aeff, #2180d3);*/ background-color: #4CAE4C; text-indent: inherit; }
	.gritter-item-wrapper.clean .gritter-close:after { content: '×'; position: absolute; color: #FFF; top: 50%; left: 10px; font-size: 24px; font-weight: bold; margin-top: -17px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12); }
.gritter-image { margin-top: 3px; }
/*Facebook Style*/
.gritter-item-wrapper.facebook { background: #5d82d1; }
.gritter-item-wrapper.facebook .gritter-item { color: #FFF; }
.gritter-item-wrapper.facebook .gritter-close { background-color: transparent; top: 5px; }
/*Twitter Style*/
.gritter-item-wrapper.twitter { background: #50bff5; }
.gritter-item-wrapper.twitter .gritter-item { color: #FFF; }
.gritter-item-wrapper.twitter .gritter-close { background-color: transparent; top: 5px; }
/*Google+ */
.gritter-item-wrapper.google-plus { background: #eb5e4c; }
.gritter-item-wrapper.google-plus .gritter-item { color: #FFF; }
.gritter-item-wrapper.google-plus .gritter-close { background-color: transparent; top: 5px; }
/*Dribbble */
.gritter-item-wrapper.dribbble { background: #f7659c; }
.gritter-item-wrapper.dribbble .gritter-item { color: #FFF; }
.gritter-item-wrapper.dribbble .gritter-close { background-color: transparent; top: 5px; }
/*Flickr */
.gritter-item-wrapper.flickr { background: #0063dc; }
.gritter-item-wrapper.flickr .gritter-item { color: #FFF; }
.gritter-item-wrapper.flickr .gritter-close { background-color: transparent; top: 5px; }
/*Linkedin */
.gritter-item-wrapper.linkedin { background: #238cc8; }
.gritter-item-wrapper.linkedin .gritter-item { color: #FFF; }
.gritter-item-wrapper.linkedin .gritter-close { background-color: transparent; top: 5px; }
/*Youtube */
.gritter-item-wrapper.youtube { background: #ef4e41; }
.gritter-item-wrapper.youtube .gritter-item { color: #FFF; }
.gritter-item-wrapper.youtube .gritter-close { background-color: transparent; top: 5px; }
/*Pinterest */
.gritter-item-wrapper.pinterest { background: #e13138; }
.gritter-item-wrapper.pinterest .gritter-item { color: #FFF; }
.gritter-item-wrapper.pinterest .gritter-close { background-color: transparent; top: 5px; }
/*Github */
.gritter-item-wrapper.github { background: #333333; }
.gritter-item-wrapper.github .gritter-item { color: #FFF; }
.gritter-item-wrapper.github .gritter-close { background-color: transparent; top: 5px; }
/*Tumblr */
.gritter-item-wrapper.tumblr { background: #426d9b; }
.gritter-item-wrapper.tumblr .gritter-item { color: #FFF; }
.gritter-item-wrapper.tumblr .gritter-close { background-color: transparent; top: 5px; }
/*Colors */
.gritter-item-wrapper.primary { background: #3276b1; }
.gritter-item-wrapper.success { background: #60c060; }
.gritter-item-wrapper.info { background: #5bc0de; }
.gritter-item-wrapper.warning { background: #ff9900; }
.gritter-item-wrapper.danger { background: #df4b33; }
.gritter-item-wrapper.dark { background: #23262b; }
/*Nano Scroller*/
.nano > .pane > .slider { width: 100%; }
.jqstooltip { padding: 3px 10px 5px 5px; min-height: 25px; min-width: 30px; }
.tree > div { /* overflow: auto; */ }
.tree .content { padding: 0 !important; }
.tree .title { padding: 20px; }
.treeview { display: block; }
.treeview label { font-weight: 400; margin: 0; padding: 7px 18px; display: block; border-bottom: 0px solid #E5E5E5; }
	.treeview label:hover,
	.treeview label.open { background: #F9F9F9; }
.treeview li > ul { display: none; }
.treeview li.open > ul { display: block; }
.treeview ul li { border-bottom: 0px solid #E5E5E5; }
	.treeview ul li a { padding-top: 5px; padding-bottom: 5px; color: #555; }
		.treeview ul li a:hover { background: #F9F9F9; }
.treeview label i { font-size: 14px; text-align: center; width: 24px; color: #4D90FD; }
.treeview ul li label { padding-left: 36px; }
.treeview ul li ul li label { padding-left: 54px; }
.treeview ul li ul li ul li label { padding-left: 72px; }
.treeview ul li ul li ul li ul li label { padding-left: 90px; }
.treeview ul li a { padding-left: 36px; }
.treeview ul li ul li a { padding-left: 54px; }
.treeview ul li ul li ul li a { padding-left: 72px; }
.treeview ul li ul li ul li a { padding-left: 90px; }
.treeview .tree-toggler { cursor: pointer; }

@media (max-width: 767px) {
.page-aside.tree .header { border-bottom: 1px solid #E5E5E5; }
.tree .nano .content { position: static; overflow: visible; }
.treeview.collapse { display: none; }
	.treeview.collapse.in { display: block; }
}

ul.timeline { position: relative; padding: 0 0 1px 0; margin-bottom: 40px; }
ul.timeline:before { background-color: #E1E1E1; bottom: 0; content: ""; left: 31px; margin-left: -10px; position: absolute; top: 2px; width: 2px; }
ul.timeline:after { bottom: -9px; width: 10px; height: 10px; border-radius: 50%; background-color: #E1E1E1; position: absolute; left: 17px; content: ""; }
ul.timeline li { position: relative; list-style: none; margin-bottom: 25px; }
	ul.timeline li > .fa { left: 2px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); font-size: 14px; color: #FFF; border-radius: 50%; background: #52AEFF; padding: 10px; text-align: center; width: 40px; height: 40px; border: 3px solid #FFF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); position: absolute; z-index: 2; top: 0; }
	ul.timeline li .fa.red { background: #EA6153; }
	ul.timeline li .fa.green { background: #19B698; }
	ul.timeline li .fa.purple { background: #A66BBE; }
	ul.timeline li .content { position: relative; border-radius: 3px; background: #FFF; margin-left: 75px; padding: 12px 10px; border: 1px solid #E8E8E6; line-height: 15px; }
		ul.timeline li .content p { margin: 0; }
		ul.timeline li .content .img-thumbnail { border-radius: 0; margin: 10px 5px 0 0; cursor: pointer; }
		ul.timeline li .content blockquote { margin: 10px 0 0 0; }
			ul.timeline li .content blockquote p { margin: 0 0 5px 0 !important; font-size: 14px; }
		ul.timeline li .content:before { background: #FFF; position: absolute; top: 14px; content: ""; width: 10px; height: 10px; left: -6px; border-left: 1px solid #E8E8E6; border-bottom: 1px solid #E8E8E6; transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ }
	ul.timeline li > .date { background: #E8E8E8; position: absolute; top: 49px; display: block; width: 44px; padding: 0 5px; text-align: center; border: 1px solid #E1E1E1; font-size: 11px; border-radius: 1px; text-shadow: 0 1px 0 #fafafa; color: #7B7B7B; line-height: 19px; }

@media screen and (min-width: 1500px) {
.cbp_tmtimeline > li .cbp_tmtime { padding-right: 130px; }
}
/*Validation*/
.parsley-errors-list { margin-top: 4px; padding: 0; }
.parsley-errors-list li { padding: 0; list-style: none; color: #cc0000; }
.parsley-error { border-color: #c00 !important; }
/*Tickets Widget*/
.list-group.tickets .list-group-item { overflow: hidden; margin-bottom: 10px; background: #F2F2F2; border-radius: 4px; border: 0; }
.list-group.tickets .list-group-item { padding: 13px 15px; }
.list-group.tickets .list-group-item .avatar { float: left; margin-right: 10px; border-radius: 50%; }
.list-group.tickets .list-group-item .name { margin: 0 0 5px 0; font-size: 13px; font-weight: 600; }
.list-group.tickets .list-group-item p { margin: 0; line-height: 12px; }
.list-group.tickets .list-group-item .date { font-size: 11px; color: #999; }
.list-group.tickets .list-group-item .label { line-height: 16px; }
/*Todo Widget*/
.list-group.todo .list-group-item { font-size: 13px; border: 0; margin-bottom: 10px; background: #FFF; border-bottom: 1px solid #E2E2E2; border-left: 1px solid #EFEFEF; border-radius: 3px; border-right: 1px solid #EFEFEF; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04); padding: 13px 15px; }
.list-group.todo .list-group-item .date { font-size: 12px; float: right; }
.fc-header { display: block; }
.fc-header td { border-bottom: 0; border-left: 0; }
	.fc-header td:last-child { border-right: 0; }
.calendar-env .calendar-body .fc-header .fc-header-left { padding: 20px; }
.calendar-env .calendar-body .fc-header .fc-header-right { padding: 20px; }
.fc-header-title { padding: 0 10px; }
.fc-header .fc-button { margin: 0; vertical-align: middle; }
.fc-button { padding: 10px; display: inline !important; }
.fc-state-default.fc-corner-left { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.fc-state-default.fc-corner-right { border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: 0px; }
.fc-state-default { background-image: none; box-shadow: none; text-shadow: none; color: #666; border: 0; border-right: 1px solid rgba(0, 0, 0, 0.1); }
.fc-state-active,
.fc-state-active .fc-button-inner,
.fc-state-active,
.fc-button-today .fc-button-inner,
.fc-state-hover,
.fc-state-hover .fc-button-inner { background: #2e9efc; color: #fff; box-shadow: none; text-shadow: none; }
.fc-event { background: #3276b1; border-color: #3276b1; }
.external-event { /* try to mimick the look of a real event */ margin: 2px 0; padding: 2px 4px; -webkit-border-radius: 3px; border-radius: 3px; background: #3276b1; color: #fff; font-size: .85em; cursor: pointer; display: inline-block; }
#external-events p { padding-top: 5px; margin-top: 5px; }

@media (max-width: 767px) {
.fc-header .fc-header-left,
.fc-header .fc-header-center,
.fc-header .fc-header-right { text-align: center; display: block; width: 100%; padding: 20px; }
.fc-header .fc-header-center { padding: 0; }
}
/*Multiselect*/
.multiselect-container > li > label.multiselect-group { font-size: 13px; font-weight: 600; }
.ms-container .ms-list { box-shadow: none; }
.ms-container .ms-list.ms-focus { border-color: #3276b1; box-shadow: none; }
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover { background: #3276b1; }
#ms-custom-headers .custom-header { background: #3276b1; color: #FFFFFF; padding: 7px 10px; font-size: 14px; }
#ms-custom-headers .ms-list { border-radius: 0 0 3px 3px; border-top: none; }
#ms-searchable .ms-list { border-radius: 0 0 3px 3px; border-top: none; }
/*Input Group Fix*/
.input-group-addon ~ .btn-group { margin-left: 0; }



/* Custom Style */
.m0 { margin: 0 !important; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }

.m0 { margin: 0 !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }

.p0 { padding: 0 !important; }
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }

.fullwidth { float: left; width: 100%; }
.fullwidth-force { float: left !important; width: 100% !important; }
.displayBlock { display: block; }
.people-form-cs .form-group { margin-top: 5px; margin-bottom: 5px; }


/* 26-feb-21 */
.form-control:focus{border-color: #4cae4c;}
.btn-primary:hover{background-color:#9D1D96;}
.page .main_headdiv{background-color: #fff; border: none;}
.page .main_headdiv .main_heading {
    font-size: 40px;
    line-height: 40px!important;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #000;
}
.page .block-flat .header #gridTitle{font-weight: 600; font-size: 18px; text-shadow: none;}
.page .block-flat #divResult{overflow:auto;}
.page .block-flat #divResult thead tr{background-color: #f5f8fd;}
.page .block-flat .dataTables_paginate li.active a{background-color: #7EC21D;}
#cl-wrapper,
.cl-sidebar,
#pcont{display:block;}
.cl-sidebar{float:left;}
.page .block-flat .search_right input.btn{margin-top: 29px; margin-left: 0;}


#head-nav  .hamburger_menu{float:right; margin-top: 18px; margin-right: 15px; cursor: pointer;}
#head-nav  .hamburger_menu span{width: 20px; height: 2px; background-color: #4c4c4c; display: block;}
#head-nav  .hamburger_menu span:nth-child(2),
#head-nav  .hamburger_menu span:nth-child(3){margin-top:3px;}
.page .block-flat #divResult .mw_2{min-width: 200px;}
/* .page .block-flat .search_right .input-group */
.page  .page-head h2{margin: 0; font-size: 26px;}
.mt-2,
.mt-20{margin-top:20px;}
.w-100{width:100%;}
.mt-10{margin-top:10px;}
.m-0{margin:0;}


/* 01-mar-21 */
.mt-27{ margin-top:27px;}
.h-auto{height:auto!important;}
.filter_btn{padding:5px 20px;}
.mw_130{min-width:130px;}
.overflow-auto{overflow:auto;}
.d-block{display:block!important;}
.text-left{text-align:left!important;}
.d-none{display:none;}




/*RESPONSIVE*/
/*Responsive CSS*/
@media (min-width: 1200px) {
.cl-sidebar .cl-vnavigation { display: block !important; }
}

@media (min-width: 1281px) and (max-width: 1470px) {
.cl-navblock {
width: 217px;
}
.sb-collapsed .cl-navblock {
width: 54px;
}
}

@media (min-width: 1200px) and (max-width: 1280px) {
.cl-navblock {
width: 217px;
}
.sb-collapsed .cl-navblock {
width: 54px;
}

}


@media (min-width: 980px) and (max-width: 1199px) {
.cl-sidebar .cl-vnavigation { display: block !important; }
}

@media(min-width:992px){
	.mt-lg-0{margin-top:0;}
}

@media (min-width: 768px) and (max-width: 979px) {
.butstyle { width: 30.9%; }
	.butstyle:first-child { margin-left: 0; }
.navbar-default .navbar-brand { background-position: 0 11px; background-position: 0px 4px; height: 50px; width: 45px; padding-left: 26px; }
	.navbar-default .navbar-brand span { display: none; }
.cl-sidebar { width: 55px; }
#pcont { margin-left: 55px; }
#cl-wrapper.fixed-menu .menu-space { width: 55px; }
.cl-vnavigation li { position: relative; }
.cl-vnavigation .parent a { background: none; }
.cl-vnavigation li a i { margin: 0; font-size: 17px; }
.cl-vnavigation li a span { opacity: 0; width: 0; height: 0; }
.cl-sidebar .side-user { display: none; }
.cl-sidebar .cl-vnavigation { display: block !important; }
.cl-vnavigation li ul { display: none !important; }
.cl-sidebar .collapse-button { display: none; }
	.cl-sidebar .collapse-button .search { display: none; }
}

@media(min-width:768px){
	#head-nav .hamburger_menu{display:none;}
	.mt-md-27{margin-top:27px;}
}

@media(min-width:576px){
	.mt-sm-27{margin-top:27px;}
	.pull-sm-right{float:right!important;}
}

@media (max-width: 767px) {
    img.logo-img.width-cm {
width: 144px;
}
img.logo-img {
width: 42px;
margin-top: 5px;
}
#cl-wrapper { padding-top: 0; display: block; }
#pcont,
.sb-collapsed #pcont { margin-left: 0; display: block; }
.cl-mcont { padding: 15px; }
/*nav bar*/
.navbar { padding-right: 10px; }
.navbar-fixed-top { position: relative; margin: 0; }
/*dropdown menu*/
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #FFF; }
.navbar-default .navbar-nav .dropdown-submenu > a:after { border-width: 0; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #FFF; }
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-submenu:hover > a { background-color: transparent; }
.navbar-nav .dropdown-submenu ul { display: block; padding-left: 20px; }
.navbar-nav .dropdown-header { color: #FFF; }
.navbar-nav .col-menu-2 > li > ul > li a { color: #FFF; padding-left: 45px; }
.navbar-nav .col-menu-3 > li > ul > li a { color: #FFF; padding-left: 45px; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus,
.navbar-nav > .active > a:active { background: transparent !important; color: #FFF !important; }
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:active { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12); }
.not-nav { text-align: center; background: #218ae1; border-top: 1px solid #2082d5; margin: 0; }
.navbar-default .navbar-nav > li.button { float: none; display: inline-block; padding: 10px 4px; top: 100%; }
.not-nav > li > .dropdown-menu { text-align: left; }
.navbar-default .navbar-nav > li.button > a > i { font-size: 17px; vertical-align: middle; }
.navbar-default .navbar-nav > li.button .dropdown-menu { position: absolute; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border-top: 0; margin-left: -110px; }
	.navbar-default .navbar-nav > li.button .dropdown-menu > li > a { text-align: left; }
.navbar-collapse { padding: 0 !important; }
	.navbar-collapse .navbar-nav { margin: 0; }
.profile_menu { margin: 0; }
	.profile_menu .dropdown-toggle { padding-left: 15px; }
.navbar-default .navbar-brand { width: 206px; }
.user-nav { margin: 7.5px -15px; }
.navbar-collapse.in { overflow: visible; }
#head-nav { padding: 0; }
	#head-nav .navbar-nav { padding: 0 10px; }
.navbar-header { padding: 0 10px; }
.col-menu-2 > div:first-child { border-right: 0; }
/*end - dropdown*/
.cl-sidebar,
.sb-collapsed .cl-sidebar { background: none repeat scroll 0 0 #272930; width: 100%; position: relative; z-index: 1020; display: block; padding-bottom: 0; }
#cl-wrapper.fixed-menu .menu-space,
#cl-wrapper.fixed-menu.sb-collapsed .menu-space { position: relative; height: auto !important; width: 100%; }
#cl-wrapper .menu-space { min-height: 0 !important; }
#cl-wrapper.fixed-menu .menu-space .content,
#cl-wrapper.fixed-menu.sb-collapsed .menu-space .content { overflow: visible; position: relative; }
.sb-collapsed .cl-vnavigation .parent > a { background: url("images/arrow.png") no-repeat scroll right 14px top 18px rgba(0, 0, 0, 0); }
.sb-collapsed .cl-vnavigation li a span { opacity: 1; }
.sb-collapsed .cl-vnavigation li a i { font-size: 14px; margin-right: 7px; text-align: center; width: 20px; }
.sb-collapsed .cl-vnavigation li.open ul { display: block !important; }
.cl-sidebar .cl-toggle { display: block; }
 .cl-vnavigation { display: none; }
.cl-sidebar .side-user { display: none; }
/*Stats*/
.butstyle { width: 100%; margin-right: 10px; margin-left: 0; max-width: 45%; }
/*Forms*/
.form-horizontal.group-border .form-group { padding: 5px 0 15px 0; }
	.form-horizontal.group-border .form-group label { margin-bottom: 7px; }
.form-horizontal.group-border-dashed .form-group label { margin-bottom: 7px; }
/*Buttons*/
/*Login*/
.login-container .middle-login { width: 100%; margin-left: 0px; padding: 0 15px; left: auto; }
.cl-sidebar .collapse-button { display: none; }
}

.input-validation-error { border-color: #CC0000 !important; }
span.field-validation-error { color: #CC0000; }
.messages { color: #CC0000; line-height: 150%; padding: 5px 10px; margin-bottom: 2px; }
.messages.success { color: #468847; }
.messages.info { color: #3A87AD; }

/***/
.addScreen-frame { border: 1px solid #ddd; padding: 15px 0; }
.addScreen-header { margin-bottom: 10px; }
.addScreen-header label span { background: none repeat scroll 0 0 #4cae4c; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 0 rgba(255, 255, 255, 0.2) inset; color: #fff; display: inline-block; margin-right: 10px; padding: 6px 8px 7px; }
.addScreen-header label input { display: inline-block !important; width: auto; }
.addScreen-frame table tr td select { width: 260px; }
.addScreen-frame table { margin-bottom: 0; }
#ScreenNo { margin-bottom: 5px; }
#AddScreens { margin: 0; }
.cross-btn-red { margin: 11px 0 0 0 !important; }

/*16-09-2014*/
.AdminAddBtn { margin-right: 39px; margin-top: -43px; }
@media (max-width: 496px) {
.AdminAddBtn { margin:0;float:none!important }
}

.upload-progress-cont{width: 300px;height: 32px;position: fixed;top: 40%;left: 45%;border: 1px solid #BBBBC7;border-radius: 5px}
.upload-progress-cont .bar {width: 0%;height: 30px;background-color: #2FB02F;border-radius: 5px}
.upload-progress-cont .percent {float: left;position: absolute;top: 28%;left: 0%;color: white; font-size:12px;}
.inline-row {margin-right: -15px;margin-left: -15px}
th{vertical-align: middle !important;}
.contains-radio-buttons{padding-top:7px;}
.contains-radio-buttons>label span{vertical-align:text-bottom;margin-right:10px}

.filter.col-md-3 {
float: left;
width: 25%;
}

#notiStatusModal .modal-body{
padding: 0px 20px 0px 20px;
}
#notiStatusModal .modal-body ul li div{width:48%;display:inline-block}
#notiStatusModal .modal-body ul li div:last-child{float:right; margin-right:10px}
#notiStatusModal .modal-body ul li{}
#notiStatusModal .modal-body ul{padding-top:10px;max-height:400px; overflow:auto}
.md-overlay-custom > img { position:absolute; top:40%; left:45%;}
.md-overlay-custom{display:none;background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;bottom: 0;content: "";left: 0;position:fixed;right: 0;top: 0;z-index: 10;}

.user-profile h3{margin-bottom:10px; color:gray;}
.user-profile h5{margin:5px 0px 5px 0px; font-size:16px;}
.user-profile ul{margin-left:10px;margin-bottom:15px;}
.user-profile ul li span{font-size:14px;}
.user-profile ul li a{font-size:14px;}
.inline-block{display:inline-block}
.width50{width:48%}
.float-left{float:left}
	*{text-shadow:none!important;}
.user-permisson-tree{display:inline-block; padding:0px 20px 0px 40px;}
.user-permisson-tree ul{list-style:none}
.user-permisson-tree li{cursor:pointer}

.cl-sidebar .collapse-button button {
    margin: 0 !important;
	background:#9D1D96;
   /*  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset; */
    /* border: 1px solid rgba(0, 0, 0, 0.25); */
   position: absolute; right: -36px;bottom:0px; }

    .cl-sidebar .collapse-button button:hover {
        background: #1a5589;
    }
  .cl-vnavigation li a {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    display: block;
    padding: 12px 18px 12px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 30%);
    white-space: nowrap;
}

    .md-overlay {display:none;background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;bottom: 0;content: "";left: 0;position:fixed;right: 0;top: 0;z-index: 10;}
.md-overlay #recaptcha {left: 40%;margin: 0 auto;position: absolute;right: 0;text-align: center;top: 50%;z-index: 30;}


/* 17th Dec */
.my-tab > ul {    float: left;    width: 100%; border-bottom: 1px solid #fd6619;margin-bottom:0px;}
.my-tab > ul > li {    float: left;    width: auto; margin-bottom: -1px}
.my-tab > ul > li > a {    float: left;    width: auto; padding: 10px}
.inner-tab {    float: left;    width: 100%;}
.inner-tab > ul {    float: left;    width: 100%;}
.inner-tab > ul > li {    float: left;    width: auto;}
.inner-tab > ul > li > a {    float: left;    width: auto; padding: 10px; background-color: #0A4148; border: 1px solid #0A4148; border-top-left-radius: 5px;    border-top-right-radius: 5px;  color: #ffffff;float: left;    margin-right: 3px;    padding: 10px 15px;    width: auto;}
.my-tab > ul > li > a {    background-color: #fd6619;    border: 1px solid #fd6619;    border-top-left-radius: 5px;    border-top-right-radius: 5px;    color: #ffffff;float: left;    margin-right: 3px;    padding: 10px 15px;    width: auto;}
.tab-cont {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #fd6619 #fd6619;
border-image: none;
border-style: none solid solid;
border-width: 0 1px 1px;
float: left;
padding: 20px;
width: 100%;
}.my-tab > ul > li.ui-tabs-active > a {
background: #ffffff none repeat scroll 0 0;
border-bottom: medium none #ffffff;
color: #000000;
display: inline;
margin-bottom: 0;
padding-bottom: 12px;
}
.inner-tab > ul > li.ui-tabs-active > a {
background: #ffffff none repeat scroll 0 0;
border-bottom: medium none #ffffff;
color: #000000;
display: inline;
margin-bottom: 0;
padding-bottom: 12px;
}

.inner-cont {
float: left;
overflow-y:auto;    
padding: 20px 0;
width: 100%;
}
.detail > li {
float: left;
padding-bottom: 10px;
width: 100%;

}
.detail {
float: left;
padding: 10px 0;
width: 100%;
}

.detail label {
float: left;
font-size: 13px;
width: 180px;
  
font-weight: 600
}
.detail span {
float: left;
font-size: 13px;
width: auto;
}

button.btn.my-submit-btn {
background: #fd6619 none repeat scroll 0 0;
font-weight: bold;
margin-top: 10px;
padding: 8px 12px;
opacity: 0.8;
}
/*button.btn.my-cancel-btn {
background: #0a4148 none repeat scroll 0 0;
font-weight: bold;
margin-top: 10px;
padding: 8px 12px;
opacity: 0.8;
}
button.btn.my-cancel-btn:hover{opacity: 1; transition:0.5s;  background: #0a4148 none repeat scroll 0 0 !important;}*/
select.my-select {
-moz-appearance: none;
background-image: url("images/down1.png");
background-position: 95% center;
background-repeat: no-repeat;
border: 1px solid #dddddd;
display: inline-block;
margin-bottom: 15px;
padding: 8px;
width: 100%;
}
button.btn.my-submit-btn:hover{opacity: 1; transition:0.5s;}
.my-txtfield {
border: 1px solid #dddddd;
float: left;
padding: 8px 12px;
width: 100%;
}
textarea{resize:none;}
.edit-cont {
float: left;
width: 280px;
}
.md-overlay > img { position:absolute; top:40%; left:45%;}
.md-overlay {display:none;background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;bottom: 0;content: "";left: 0;position:fixed;right: 0;top: 0;z-index: 10;}
.md-overlay #recaptcha {left: 40%;margin: 0 auto;position: absolute;right: 0;text-align: center;top: 50%;z-index: 30;}
input.input-validation-error,select.input-validation-error,textarea.input-validation-error {border:1px solid red;}
.inner-cont > h3 {text-transform:uppercase}
.user-roster-list{    width: 48%;
border: 1px solid;
padding: 10px;
max-height: 250px;
min-height: 150px;
float: left;
margin-right:10px;
}
.user-roster-list>ul>li{cursor:pointer}
.user-roster-list>ul>li:hover{color:gray; font-weight:bold; }
.user-roster-list>p{margin-bottom:10px;font-weight:bold}
.clear{clear:both}
.roster-cont{padding-top:10px;padding-bottom:10px;}
.settings-administration-tabs li{list-style:none}

.settings-administration-tabs .user-record-cont,.settings-administration-tabs .lic-record-cont,.settings-administration-tabs .loc-record-cont{padding: 10px;-webkit-box-shadow: -1px -1px 6px 0px rgba(0,0,0,0.75);-moz-box-shadow: -1px -1px 6px 0px rgba(0,0,0,0.75);box-shadow: -1px -1px 6px 0px rgba(0,0,0,0.75); margin-bottom:10px;position:relative;    width: 48%;
float: left;
margin-left: 1%}
.user-record-cont .detail,.lic-record-cont .detail,.loc-record-cont .detail{background:#E2E2E2;padding-left: 5px;}
.user-record-cont .detail li label{width:100px;}
.action-buttons{position:absolute; right: 13px;top: 13px;opacity:0;display:none}
.user-record-cont:hover .action-buttons,.lic-record-cont:hover .action-buttons,.loc-record-cont:hover .action-buttons{opacity:1;transition: 0.5s;display:block}
.action-buttons button.btn.my-submit-btn{padding: 5px 12px}
.action-buttons button.btn.my-cancel-btn{padding: 5px 12px}

.rowdata {
width: 100%;
margin-bottom: 20px;
}
.rowdata label {
width: 16%;
text-align: right;
}
.rowdata input[type="text"],.rowdata select {
width: 66%;
padding-left: 5px;
height: 34px;
margin: 0 15px;
line-height: 34px;
}
.rowdata>.input:not(:first-of-type),  .rowdata>select:not(:nth-child(2)) {
  margin-left: 17.5%;
margin-top: 15px;
}

ul.detail{margin-bottom:0px;}
#loader.md-overlay{position:absolute!important;}

.moodle-user-info.clicked  a{display:none}
.moodle-user-info img {display:none}
.moodle-user-info.clicked img {display:block}
.faq-question{cursor:pointer}
.user-reset-pass.clicked a{display:none}
.user-reset-pass.clicked img{display:block}
.user-reset-pass img{display:none}
.user-course-cont {width: 49%;display: inline-block;border: 1px solid;margin-bottom: 10px; min-height:150px;}
.user-course-cont>h3{border-bottom:1px solid;padding:2px 0px 2px 6px;font-size: 17px;background:#e2e2e2}
.user-course-cont .courses-detail{padding:10px;max-height:150px;overflow:auto}
.user-course-cont:nth-child(odd){float:right} 
.user-course-cont>h3 a.detail-anc {float: right;font-size: 14px;margin-right: 2px;padding: 3px;margin-top: -1px;}
i.fa-circle.red{color:#c51818}
i.fa-circle.yellow{color:#dada21}
i.fa-circle.green{color:#188618}
.course-status-legend{margin-bottom:10px;}
.course-status-legend span{margin-right:10px;}
.user-course-cont .courses-detail li i{font-size:14px;}
.account-status-A{}
.account-status-S{ background-color:#f34242; color:white}
.account-status-N{background-color:#e8e825; color:black}
.account-status-X{}

table.inner-table{margin-left:8px;border-right:none !important}
table.inner-table td{border-right:none !important}
/*table.inner-table td{border:none !important;margin:8px;}
.inner-table {border-left:1px solid;border-bottom:1px solid;}*/

.font-bold{font-weight:bold;}
.no-border-left-bottom,.no-border-left-bottom>td{border-left:none !important;border-bottom:none !important;}
.never-assigned-lic{box-shadow:-1px -1px 6px 0px #F44336 !important;}

.epi-folders li{display:inline-block; padding-right:10px;vertical-align: text-top;  width: 64px;}
.epi-folders li span{display:block; text-align:center; font-size:12px;max-height:45px;overflow:hidden}
.bread-crumb{margin-bottom:20px;border: 1px solid;padding: 4px;border-left: none;margin-left: -10px}
.document-folder-tree {width: 20%;display: inline-block;float: left;max-height:500px;overflow:auto;border-right:1px dotted grey;}
.document-folder-view{width: 78%;display: inline-block;float: left;margin-left:10px;position:relative}
.vsplitbar {
width: 5px;
background: #cab
}
.vsplitbar:hover{
background: #eab
}
.ui-contextmenu{
-webkit-box-shadow: 7px 9px 34px -4px rgba(0,0,0,0.67);
-moz-box-shadow: 7px 9px 34px -4px rgba(0,0,0,0.67);
box-shadow: 7px 9px 34px -4px rgba(0,0,0,0.67);
background: #F3F3ED;
width:150px;
padding:5px 0 5px 0;
}
.ui-menu-item{cursor:pointer;padding:4px;font-size:14px;}
.ui-menu-item:hover{background:gray;color:white }
.bread-crumb .navigation-arrow-right{margin: 0px 5px;}
.file-item-cotainer{text-align:center}
.md-overlay.inline-overlay{position:absolute;display:block;background:rgba(239, 239, 239, 0.7) none repeat scroll 0 0;margin-left:-10px;}
span.highlight{color:#fd6619}
.file-doc-name{color:black}
.epi-folders{overflow:auto}

/* CSS3 */

/* The whole thing */
.custom-menu {
display: none;
z-index: 1000;
position: absolute;
overflow: hidden;
border: 1px solid #CCC;
white-space: nowrap;
font-family: sans-serif;
background: #FFF;
color: #333;
border-radius: 5px;
padding: 0;
}

/* Each of the items in the list */
.custom-menu li {
padding: 8px 12px;
cursor: pointer;
list-style-type: none;
transition: all .3s ease;
}

.custom-menu li:hover {
background-color: #DEF;
}
.custom-menu li:not(:last-of-type){border-bottom:1px solid;}

.searchbar{margin-bottom:20px;}
.searchbar .selectOtr{float:left; width:24%;}
.searchbar .searchOtr{float:right; width:74.6%; position:relative;}

.panel {
position: relative;
}

.panel > .panel-heading:after, .panel > .panel-heading:before {
    position: absolute;
    top: 11px;
    left: -16px;
    right: 100%;
    width: 0;
    height: 0;
    display: block;
    content: " ";
    border-color: transparent;
    border-style: solid solid outset;
    pointer-events: none;
}

.panel > .panel-heading:after {
    border-width: 7px;
    border-right-color: #f7f7f7;
    margin-top: 1px;
    margin-left: 2px;
}

.panel > .panel-heading:before {
    border-right-color: #ddd;
    border-width: 8px;
}
#divResult-notes .row {margin-top:0px;}
#divResult-notes .panel-body {
padding: 5px 15px 5px 15px;
}
#divResult-notes{margin-top:20px;}

.edit-credentials{display:inline-block}
.archived-user-license .edit-credentials{display:none !important}
td .btn+img,td a+img{display:none}
td .btn.clicked,td a.clicked{display:none}
td .btn.clicked+img,td a.clicked+img{display:block}

div#loaderText span {
position: absolute;
top: 40%;
left: 42%;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 24px;
max-width: 300px;
}


div#loaderText img {
display: inline-block;
clear: both;
margin-top: 10px;
}


/****************/
td.tbl-accordion-section {
background-color: #4CAE4C;
color: #fff;
border: 1px solid #4CAE4C !important;
cursor: pointer;
font-size: 16px;
}
td.tbl-accordion-section span {
display: inline-block;
float: right;
font-size: 16px;
font-weight: bold;
}
td.tbl-accordion-section span.minus {
display: none;
}
td.tbl-accordion-section.expand span.minus {
display: inline-block;
}
td.tbl-accordion-section.expand span.plus {
display: none;
}
.form.clearfix.user-profile.wb-profile-deatils h3 {
font-weight: 600;
color: #444;
}
.border-div {
border: 1px solid #ddd;
padding: 10px;
width: 94%;
display: inline-block;
min-height: 450px;
}
.user-profile.wb-profile-deatils .lic-record-cont {
background-color: #f1f1f1;
padding: 5px;
font-weight: 700;
}
.user-profile.wb-profile-deatils ul {
padding: 0px;
padding-left: 0px;
margin: 0px;
}
.user-profile.wb-profile-deatils ul li {
list-style: none;
}
.user-profile.wb-profile-deatils h5 {
font-weight: 600;
}
.user-profile.wb-profile-deatils .border-div div {
padding-left: 5px;
}
.user-profile.wb-profile-deatils .border-div div.lic-record-cont {
width: 100%;
}
.user-profile.wb-profile-deatils .border-div div {
padding-left: 5px;
margin-bottom: 16px;
width: 50%;
float: left;
}
.select2-container-multi ul li.select2-search-choice {
font-size: 12px;
}

input.select2-default ,.select2-results .select2-result-label{
color: #555!important;
font-family: 'Open Sans', sans-serif !important;
font-weight: 100 !important;
font-size: 12px;
}
li.select2-search-field input {
font-size: 12px !important;
}
ul.select2-choices {
border: 0px!important;
}
#typeDiv label.control-label {
clear: both;
display: block;
}
#typeDiv input.form-control#From ,#typeDiv input.form-control#To{
width: 49%;
float: left;
margin-right: 1%;
}
.select2-results .select2-highlighted .select2-result-label {
color: #fff!important;
}
div#head-nav{background-color: #fff!important;box-shadow: 0 2px 13px -9px #000;}

.cl-vnavigation li a{text-shadow:none!important;}

.custom_buton_Searh span#btnFilterPeople {
    border-radius: 7px 0px 0px 7px!important;
}
.custom_buton_Searh  input#Search{border-radius:0 7px 7px 0px;}
.full-width {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.col-md-3.mt-10.mt-lg-0.allow_check {
    padding-top: 23px;
}
button#sts-data-btn {
    background: transparent!important;
    border: 1px solid #ddd!important;
    color: #000;
    position: relative;
    top: -7px;
    left: -23px;
    padding-top: 6px!important;
    text-align: left!important;
}
@media (max-width:1199px){
	.form.clearfix.user-profile.wb-profile-deatils .width50 {
		width: 100%;
	}
	.border-div {
	width: 100%;
	min-height: 150px;
	}
	#cl-wrapper.fixed-menu .menu-space .content { right:0 !important;}
	.cl-sidebar { display: inline-block; float: left;}
	#cl-wrapper.fixed-menu .menu-space { height: 100% !important;}

	.page .block-flat .filter.col-md-3{margin-right:0;}
	.page .block-flat .search_right input.btn{margin-top: 20px;}
/*.page-head, .cl-mcont { display: inline-block; width: calc(100% - 0px); overflow: auto;}
#pcont { display: inline-block; max-width: calc(100% - 216px); margin: 0;}
.block-flat, .block-wizard { overflow: auto;}*/

}

@media(max-width:991px){
	.inline-row.search-conatiner .filter{min-height:auto!important;}
}


@media (max-width:767px) {
	
	div#loaderText span {

    left: 12%;
  
   
}
label {
   
    font-size: 12px;
}
div#head-nav.navbar.navbar-default.navbar-fixed-top button.navbar-toggle{display:none;}
    div.layout-customform {
        margin-top: 0px;
    }
	.cl-sidebar.show .cl-vnavigation{display:block;}
	.cl-sidebar{width:250px; left:-100%; position:fixed; top:0; box-shadow: 10px 0 20px rgb(0 0 0 / 15%); z-index: 9999; height: 100vh; overflow: auto;}
	.cl-sidebar.show{left:0;}
	.page .main_headdiv .main_heading{font-size:30px; line-height: 30px!important;}
	.table-responsive{border:none;}
	.table-responsive{overflow:hidden;}

}

@media (max-width:640px){
	.user-profile.wb-profile-deatils .border-div div {
	width: 100%;
	}
	
	}

@media(max-width:575px){
	.page .main_headdiv .main_heading { font-size: 24px; line-height: 24px!important; }
	.page .block-flat .search_left .col-md-3{width: 50%;}
	.page .block-flat .search_left .filter.col-xs-6{width: 100%; margin-top: 10px;}
	.page .block-flat .search_right  .col-xs-3{width: 50%;}
	.page  .page-head h2{margin: 0; font-size: 22px;}
	div.dataTables_paginate{overflow:auto;}
	div.dataTables_paginate .pagination{ display: flex; width: max-content; overflow: auto;}
}