@import url('https://fonts.googleapis.com/css2?family=Baloo+Chettan+2&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap');
html, body {
	min-height: 100%;
	
}
.layout-boxed html, .layout-boxed body {
	height: 100%
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Fira Sans', cursive;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 13px;
	font-weight: 400;
	background-color: white;
}

.bootstrap-table-tooltip {
  position: relative;
  display: inline-block;
  display: flex;
  /*justify-content: center;*/
  align-items: center;
}

.bootstrap-table-tooltip .bootstrap-table-tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #e8e8e8;
  color: #000;
  text-align: center;
  border-radius: 4px;
  padding: 8px 10px;
  overflow-wrap: break-word;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -50px;
}

.bootstrap-table-tooltip .bootstrap-table-tooltiptext:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #e8e8e8 transparent transparent transparent;
    top: 44px;
    left: 50px;
}

.bootstrap-table-tooltip:hover .bootstrap-table-tooltiptext {
  visibility: visible;
}

.bootstrap-table .form-control, #myDiv .form-control, #filter-div .form-control{
    display: block;
    width: 100%;
    height: 30px;
    padding: 2px 0px 2px 7px !important;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#myDiv .search, #filter-div .search{
	display: inline-block !important;
    padding: 2px 0px 2px 7px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: auto;
}
.wrapper {
	min-height: 100%;
	position: relative;
}
.wrapper:before, .wrapper:after {
	content: " ";
	display: table
}
.wrapper:after {
	clear: both
}
.content-wrapper, .right-side, .main-footer {
	z-index: 0;
	/*margin-left: 115px;*/
}
.layout-top-nav .content-wrapper, .layout-top-nav .right-side, .layout-top-nav .main-footer {
	margin-left: 0
}
@media (max-width:767px) {
.content-wrapper, .right-side, .main-footer {
	margin-left: 0
}
}
@media (min-width:768px) {
.sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer {
	margin-left: 0
}
}
@media (max-width:767px) {
.sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
	-webkit-transform: translate(230px, 0);
	-ms-transform: translate(230px, 0);
	-o-transform: translate(230px, 0);
	transform: translate(230px, 0)
}
}
.content-wrapper, .right-side {
	min-height: 100%;
	background-color: #fff;
	z-index: 800
}
.main-footer {
	/*background: #1c252c;
	color: #b7b7b7;
	padding: 5px 0px 0px 0px;
	text-align: center;*/
	background: none repeat scroll 0 0 white;
	border-top: 1px solid #e7eaec;
	/*left: 0;*/
	padding-top: 5px;
	position: fixed;
	bottom: 0;
	text-align: center;
	width: 100%;
	z-index: 10000;
}
.main-footer img {
	width: 50px;
}
.main-footer a {
	font-weight: 500;
	color: #555;
}
.fixed .main-header, .fixed .main-sidebar, .fixed .left-side {
	position: fixed
}
.fixed .main-header {
	top: 0;
	right: 0;
	left: 0
}
.fixed .content-wrapper, .fixed .right-side {
	padding-top: 50px
}
@media (max-width:767px) {
.fixed .content-wrapper, .fixed .right-side {
	padding-top: 100px
}
}
.fixed.layout-boxed .wrapper {
	max-width: 100%
}
body.hold-transition .content-wrapper, body.hold-transition .right-side, body.hold-transition .main-footer, body.hold-transition .main-sidebar, body.hold-transition .left-side, body.hold-transition .main-header .navbar, body.hold-transition .main-header .logo {
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}
.content {
	margin-right: auto;
	margin-left: auto;/*border-top: 1px solid #ddd;*/
}
.dashboard-content {
	/*padding: 20px 15px;
	margin: 0px 20px;*/
	padding-top: 0px;
}
form {
	width: 100% !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
/*font-family: 'Source Sans Pro', sans-serif*/

}
a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
	color: #72afd2
}
.page-header {
	margin: 10px 0 20px 0;
	font-size: 22px
}
.page-header>small {
	color: #666;
	display: block;
	margin-top: 5px
}
.main-header {
	position: relative;
	max-height: 100px;
	z-index: 999;
}
.main-header .navbar {
	-webkit-transition: margin-left .3s ease-in-out;
	-o-transition: margin-left .3s ease-in-out;
	transition: margin-left .3s ease-in-out;
	margin-bottom: 0;
	margin-left: 230px;
	border: none;
	min-height: 50px;
	border-radius: 0
}
.layout-top-nav .main-header .navbar {
	margin-left: 0
}
.main-header #navbar-search-input.form-control {
	background: rgba(255,255,255,0.2);
	border-color: transparent
}
.main-header #navbar-search-input.form-control:focus, .main-header #navbar-search-input.form-control:active {
	border-color: rgba(0,0,0,0.1);
	background: rgba(255,255,255,0.9)
}
.main-header #navbar-search-input.form-control::-moz-placeholder {
 color:#ccc;
 opacity:1
}
.main-header #navbar-search-input.form-control:-ms-input-placeholder {
 color:#ccc
}
.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
 color:#ccc
}
.main-header .navbar-custom-menu, .main-header .navbar-right {
	float: right
}
@media (max-width:991px) {
.main-header .navbar-custom-menu a, .main-header .navbar-right a {
	color: inherit;
	background: transparent
}
}
@media (max-width:767px) {
.main-header .navbar-right {
	float: none
}
.navbar-collapse .main-header .navbar-right {
	margin: 7.5px -15px
}
.main-header .navbar-right>li {
	color: inherit;
	border: 0
}
}
.main-header .sidebar-toggle {
	float: left;
	background-color: transparent;
	background-image: none;
	padding: 7px 15px;
	font-size: 20px;
	font-family: fontAwesome
}
.main-header .sidebar-toggle:before {
	content: "\f0c9"
}
.main-header .sidebar-toggle:hover {
	color: #fff
}
.main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:active {
	background: transparent
}
.main-header .sidebar-toggle .icon-bar {
	display: none
}
.main-header .navbar .nav>li.user>a>.fa, .main-header .navbar .nav>li.user>a>.glyphicon, .main-header .navbar .nav>li.user>a>.ion {
	margin-right: 5px
}
.main-header .navbar .nav>li>a>.label {
	position: absolute;
	top: 9px;
	right: 7px;
	text-align: center;
	font-size: 9px;
	padding: 2px 3px;
	line-height: .9
}
.main-header .logo {
	-webkit-transition: width .3s ease-in-out;
	-o-transition: width .3s ease-in-out;
	transition: width .3s ease-in-out;
	display: block;
	float: left;
	text-align: center;
	width: 230px;
	height: 58px;
	padding: 0 15px;
	overflow: hidden
}
.main-header .logo .logo-lg {
	display: block
}
.main-header .logo .logo-mini {
	display: none
}
.main-header .navbar-brand {
	color: #fff
}
.content-header {
	position: relative;
	padding: 15px;
}
.content-header>h1 {
	margin: 0;
	font-size: 20px;
	border-bottom: 2px solid #c4d1e2;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.content-header>h1>small {
	font-size: 15px;
	display: inline-block;
	padding-left: 4px;
	font-weight: 300
}
.content-header>.breadcrumb {
	float: right;
	background: transparent;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px;
	padding: 7px 5px;
	position: absolute;
	top: 12px;
	left: 10px;
	border-radius: 2px
}
.content-header>.breadcrumb>li>a {
	color: #444;
	text-decoration: none;
	display: inline-block
}
.content-header>.breadcrumb>li>a>.fa, .content-header>.breadcrumb>li>a>.glyphicon, .content-header>.breadcrumb>li>a>.ion {
	margin-right: 5px
}
.content-header>.breadcrumb>li+li:before {
	content: '>\00a0'
}
@media (max-width:991px) {
.content-header>.breadcrumb {
	position: relative;
	margin-top: 5px;
	top: 0;
	right: 0;
	float: none;
	background: #d2d6de;
	padding-left: 10px
}
.content-header>.breadcrumb li:before {
	color: #97a0b3
}
}
.navbar-toggle {
	color: #fff;
	border: 0;
	margin: 0;
	padding: 15px 15px
}
@media (max-width:991px) {
.navbar-custom-menu .navbar-nav>li {
	float: left
}
.navbar-custom-menu .navbar-nav {
	margin: 0;
	float: left
}
.navbar-custom-menu .navbar-nav>li>a {
	padding-top: 8px;
	padding-bottom: 15px;
	line-height: 20px
}
}
@media (max-width:767px) {
.main-header {
	position: relative
}
.main-header .logo, .main-header .navbar {
	width: 100%;
	float: none
}
.main-header .navbar {
	margin: 0
}
.main-header .navbar-custom-menu {
	float: right
}
}
@media (max-width:991px) {
.navbar-collapse.pull-left {
	float: none !important
}
.navbar-collapse.pull-left+.navbar-custom-menu {
	display: block;
	position: absolute;
	top: 0;
	right: 40px
}
}
.main-sidebar, .left-side {
	position: absolute;
	top: -2px;
	left: 0;
	padding-top: 60px;
	min-height: 100%;
	width: 230px;
	z-index: 810;
	-webkit-transition: -webkit-transform .3s ease-in-out, width .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out, width .3s ease-in-out;
	-o-transition: -o-transform .3s ease-in-out, width .3s ease-in-out;
	transition: transform .3s ease-in-out, width .3s ease-in-out
}
@media (max-width:767px) {
.main-sidebar, .left-side {
	padding-top: 100px
}
}
@media (max-width:767px) {
.main-sidebar, .left-side {
	-webkit-transform: translate(-230px, 0);
	-ms-transform: translate(-230px, 0);
	-o-transform: translate(-230px, 0);
	transform: translate(-230px, 0)
}
}
@media (min-width:768px) {
.sidebar-collapse .main-sidebar, .sidebar-collapse .left-side {
	-webkit-transform: translate(-230px, 0);
	-ms-transform: translate(-230px, 0);
	-o-transform: translate(-230px, 0);
	transform: translate(-230px, 0)
}
}
@media (max-width:767px) {
.sidebar-open .main-sidebar, .sidebar-open .left-side {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
}
.sidebar {
	padding-bottom: 10px
}
.sidebar-form input:focus {
	border-color: transparent
}
.user-panel {
	position: relative;
	width: 100%;
	padding: 10px;
	overflow: hidden
}
.user-panel:before, .user-panel:after {
	content: " ";
	display: table
}
.user-panel:after {
	clear: both
}
.user-panel>.image>img {
	width: 100%;
	max-width: 45px;
	height: auto
}
.user-panel>.info {
	padding: 5px 5px 5px 15px;
	line-height: 1;
	position: absolute;
	left: 55px
}
.user-panel>.info>p {
	font-weight: 600;
	margin-bottom: 9px
}
.user-panel>.info>a {
	text-decoration: none;
	padding-right: 5px;
	margin-top: 3px;
	font-size: 11px
}
.user-panel>.info>a>.fa, .user-panel>.info>a>.ion, .user-panel>.info>a>.glyphicon {
	margin-right: 3px
}
.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0
}
.sidebar-menu>li {
	position: relative;
	margin: 0;
	padding: 0
}
.sidebar-menu>li>a {
	padding: 20px 15px;
	display: block;
	font-size: 14px;
}
.sidebar-menu>li>a i {
	font-size: 18px;
	vertical-align: middle;
}
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion {
	width: 20px;
}
.sidebar-menu>li .label, .sidebar-menu>li .badge {
	margin-right: 5px
}
.sidebar-menu>li .badge {
	margin-top: 3px
}
.sidebar-menu li.header {
	padding: 10px 25px 10px 15px;
	font-size: 18px;
	font-weight: 600;
}
.sidebar-menu li>a>.pull-right-container>.fa-angle-left {
	width: auto;
	height: auto;
	padding: 0;
	margin-right: 10px
}
.sidebar-menu li.active>a>.pull-right-container>.fa-angle-left {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.sidebar-menu li.active>.treeview-menu {
	display: block
}
.sidebar-menu .treeview-menu {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 5px
}
.sidebar-menu .treeview-menu .treeview-menu {
	padding-left: 20px
}
.sidebar-menu .treeview-menu>li {
	margin: 0
}
.sidebar-menu .treeview-menu>li>a {
	padding: 5px 5px 5px 15px;
	display: block;
	font-size: 14px
}
.sidebar-menu .treeview-menu>li>a>.fa, .sidebar-menu .treeview-menu>li>a>.glyphicon, .sidebar-menu .treeview-menu>li>a>.ion {
	width: 20px
}
.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-left, .sidebar-menu .treeview-menu>li>a>.fa-angle-down {
	width: auto
}
@media (min-width:768px) {
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
	margin-left: 50px !important;
	z-index: 840;
	position: relative;
}
.sidebar-mini.sidebar-collapse .main-sidebar {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	width: 50px !important;
	z-index: 850
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li {
	position: relative
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
	margin-right: 0
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
	border-top-right-radius: 4px
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
	border-bottom-right-radius: 4px
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-right-radius: 4px
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
	display: block !important;
	position: absolute;
	width: 180px;
	left: 50px
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
	top: 0;
	margin-left: -3px;
	padding: 20px 15px;
	background-color: inherit
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
	float: right;
	width: auto!important;
	left: 200px!important;
	top: 10px!important
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type) {
	display: none
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
	top: 44px;
	margin-left: 0
}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span, .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
	display: none !important;
	-webkit-transform: translateZ(0)
}
.sidebar-mini.sidebar-collapse .main-header .logo {
	width: 50px
}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
	display: block;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 12px;
}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
	display: none
}
.sidebar-mini.sidebar-collapse .main-header .navbar {
	margin-left: 50px
}
}
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
	white-space: nowrap;
	overflow: hidden
}
.sidebar-menu:hover {
	overflow: visible
}
.sidebar-form, .sidebar-menu>li.header {
	overflow: hidden;
	text-overflow: clip
}
.sidebar-menu li>a {
	position: relative
}
.sidebar-menu li>a>.pull-right-container {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px
}
.control-sidebar-bg {
	position: fixed;
	z-index: 1000;
	bottom: 0
}
.control-sidebar-bg, .control-sidebar {
	top: 0;
	right: -230px;
	width: 230px;
	-webkit-transition: right .3s ease-in-out;
	-o-transition: right .3s ease-in-out;
	transition: right .3s ease-in-out
}
.control-sidebar {
	position: absolute;
	padding-top: 50px;
	z-index: 1010
}
@media (max-width:768px) {
.control-sidebar {
	padding-top: 100px
}
}
.control-sidebar>.tab-content {
	padding: 10px 15px
}
.control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open+.control-sidebar-bg {
	right: 0
}
.control-sidebar-open .control-sidebar-bg, .control-sidebar-open .control-sidebar {
	right: 0
}
@media (min-width:768px) {
.control-sidebar-open .content-wrapper, .control-sidebar-open .right-side, .control-sidebar-open .main-footer {
	margin-right: 230px
}
}
.nav-tabs.control-sidebar-tabs>li:first-of-type>a, .nav-tabs.control-sidebar-tabs>li:first-of-type>a:hover, .nav-tabs.control-sidebar-tabs>li:first-of-type>a:focus {
	border-left-width: 0
}
.nav-tabs.control-sidebar-tabs>li>a {
	border-radius: 0
}
.nav-tabs.control-sidebar-tabs>li>a, .nav-tabs.control-sidebar-tabs>li>a:hover {
	border-top: none;
	border-right: none;
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent
}
.nav-tabs.control-sidebar-tabs>li>a .icon {
	font-size: 16px
}
.nav-tabs.control-sidebar-tabs>li.active>a, .nav-tabs.control-sidebar-tabs>li.active>a:hover, .nav-tabs.control-sidebar-tabs>li.active>a:focus, .nav-tabs.control-sidebar-tabs>li.active>a:active {
	border-top: none;
	border-right: none;
	border-bottom: none
}
@media (max-width:768px) {
.nav-tabs.control-sidebar-tabs {
	display: table
}
.nav-tabs.control-sidebar-tabs>li {
	display: table-cell
}
}
.control-sidebar-heading {
	font-weight: 400;
	font-size: 16px;
	padding: 10px 0;
	margin-bottom: 10px
}
.control-sidebar-subheading {
	display: block;
	font-weight: 400;
	font-size: 14px
}
.control-sidebar-menu {
	list-style: none;
	padding: 0;
	margin: 0 -15px
}
.control-sidebar-menu>li>a {
	display: block;
	padding: 10px 15px
}
.control-sidebar-menu>li>a:before, .control-sidebar-menu>li>a:after {
	content: " ";
	display: table
}
.control-sidebar-menu>li>a:after {
	clear: both
}
.control-sidebar-menu>li>a>.control-sidebar-subheading {
	margin-top: 0
}
.control-sidebar-menu .menu-icon {
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 35px
}
.control-sidebar-menu .menu-info {
	margin-left: 45px;
	margin-top: 3px
}
.control-sidebar-menu .menu-info>.control-sidebar-subheading {
	margin: 0
}
.control-sidebar-menu .menu-info>p {
	margin: 0;
	font-size: 11px
}
.control-sidebar-menu .progress {
	margin: 0
}
.control-sidebar-dark {
	color: #b8c7ce
}
.control-sidebar-dark, .control-sidebar-dark+.control-sidebar-bg {
	background: #222d32
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs {
	border-bottom: #1c2529
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a {
	background: #181f23;
	color: #b8c7ce
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus {
	border-left-color: #141a1d;
	border-bottom-color: #141a1d
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active {
	background: #1c2529
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover {
	color: #fff
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active {
	background: #222d32;
	color: #fff
}
.control-sidebar-dark .control-sidebar-heading, .control-sidebar-dark .control-sidebar-subheading {
	color: #fff
}
.control-sidebar-dark .control-sidebar-menu>li>a:hover {
	background: #1e282c
}
.control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p {
	color: #b8c7ce
}
.control-sidebar-light {
	color: #5e5e5e
}
.control-sidebar-light, .control-sidebar-light+.control-sidebar-bg {
	background: #f9fafc;
	border-left: 1px solid #d2d6de
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs {
	border-bottom: #d2d6de
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a {
	background: #e8ecf4;
	color: #444
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus {
	border-left-color: #d2d6de;
	border-bottom-color: #d2d6de
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:active {
	background: #eff1f7
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:active {
	background: #f9fafc;
	color: #111
}
.control-sidebar-light .control-sidebar-heading, .control-sidebar-light .control-sidebar-subheading {
	color: #111
}
.control-sidebar-light .control-sidebar-menu {
	margin-left: -14px
}
.control-sidebar-light .control-sidebar-menu>li>a:hover {
	background: #f4f4f5
}
.control-sidebar-light .control-sidebar-menu>li>a .menu-info>p {
	color: #5e5e5e
}
.dropdown-menu {
	box-shadow: none;
	border-color: #eee;
	padding: 0px;
}
.dropdown-menu>li>a {
	color: #777
}
.dropdown-menu>li>a>.glyphicon, .dropdown-menu>li>a>.fa, .dropdown-menu>li>a>.ion {
	margin-right: 10px
}
.dropdown-menu>li>a:hover {
	background-color: transparent;
	color: #333
}
.dropdown-menu>.divider {
	background-color: #eee
}
.navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu {
	width: 280px;
	padding: 0 0 0 0;
	margin: 0;
	top: 100%
}
.navbar-nav>.notifications-menu>.dropdown-menu>li, .navbar-nav>.messages-menu>.dropdown-menu>li, .navbar-nav>.tasks-menu>.dropdown-menu>li {
	position: relative
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.header, .navbar-nav>.messages-menu>.dropdown-menu>li.header, .navbar-nav>.tasks-menu>.dropdown-menu>li.header {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #ffffff;
	padding: 7px 10px;
	border-bottom: 1px solid #f4f4f4;
	color: #444444;
	font-size: 14px
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 12px;
	background-color: #fff;
	padding: 7px 10px;
	border-bottom: 1px solid #eeeeee;
	color: #444 !important;
	text-align: center
}
@media (max-width:991px) {
.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
	background: #fff !important;
	color: #444 !important
}
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover, .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover {
	text-decoration: none;
	font-weight: normal
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu, .navbar-nav>.messages-menu>.dropdown-menu>li .menu, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
	max-height: 200px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: hidden
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
	display: block;
	white-space: nowrap;
	border-bottom: 1px solid #f4f4f4
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
	background: #f4f4f4;
	text-decoration: none
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
	color: #444444;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 10px
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion {
	width: 20px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a {
	margin: 0;
	padding: 10px 10px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img {
	margin: auto 10px auto auto;
	width: 40px;
	height: 40px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {
	padding: 0;
	margin: 0 0 0 45px;
	color: #444444;
	font-size: 15px;
	position: relative
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small {
	color: #999999;
	font-size: 10px;
	position: absolute;
	top: 0;
	right: 0
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
	margin: 0 0 0 45px;
	font-size: 12px;
	color: #888888
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
	content: " ";
	display: table
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
	clear: both
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
	padding: 10px
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {
	font-size: 14px;
	padding: 0;
	margin: 0 0 10px 0;
	color: #666666
}
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress {
	padding: 0;
	margin: 0
}
.navbar-nav>.user-menu>.dropdown-menu {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	padding: 1px 0 0 0;
	border-top-width: 0;
	width: 300px
}
.navbar-nav>.user-menu>.dropdown-menu, .navbar-nav>.user-menu>.dropdown-menu>.user-body {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
	height: auto;
	padding: 10px;
	text-align: center
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
	z-index: 5;
	height: 90px;
	width: 90px;
	border: 2px solid #fff;/*border-color: transparent;
	border-color: rgba(255,255,255,0.2)*/
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
	z-index: 5;
	color: #fff;
	color: rgba(255,255,255,0.8);
	font-size: 17px;
	margin-top: 10px
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
	display: block;
	font-size: 12px;
	color: #FFEB3B;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
	padding: 15px;
	border-bottom: 1px solid #f4f4f4;
	border-top: 1px solid #dddddd
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:before, .navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
	content: " ";
	display: table
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
	clear: both
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
	color: #444 !important
}
@media (max-width:991px) {
.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
	background: #fff !important;
	color: #444 !important
}
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
	background-color: #f9f9f9;
	padding: 10px
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before, .navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
	content: " ";
	display: table
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
	clear: both
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
	color: #666666
}
@media (max-width:991px) {
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover {
	background-color: #f9f9f9
}
}
.navbar-nav>.user-menu .user-image {
	float: left;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 10px;
	margin-top: -2px
}
@media (max-width:767px) {
.navbar-nav>.user-menu .user-image {
	float: none;
	margin-right: 0;
	margin-top: -8px;
	line-height: 10px
}
}
.open:not(.dropup)>.animated-dropdown-menu {
	backface-visibility: visible !important;
	-webkit-animation: flipInX .7s both;
	-o-animation: flipInX .7s both;
	animation: flipInX .7s both
}
@keyframes flipInX {
 0% {
 transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
 transition-timing-function:ease-in;
 opacity:0
}
 40% {
 transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
 transition-timing-function:ease-in
}
 60% {
 transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity:1
}
 80% {
 transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
 100% {
 transform:perspective(400px)
}
}
@-webkit-keyframes flipInX {
 0% {
 -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function:ease-in;
 opacity:0
}
 40% {
 -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function:ease-in
}
 60% {
 -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity:1
}
 80% {
 -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
 100% {
 -webkit-transform:perspective(400px)
}
}
.navbar-custom-menu>.navbar-nav>li {
	position: relative
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
	position: absolute;
	right: 0;
	left: auto
}
@media (max-width:991px) {
.navbar-custom-menu>.navbar-nav {
	float: right
}
.navbar-custom-menu>.navbar-nav>li {
	position: static
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
	position: absolute;
	right: 5%;
	left: auto;
	border: 1px solid #ddd;
	background: #fff
}
}
.form-control, select {
	border-radius: 2px;
	box-shadow: none;
	border-color: #d2d6de;
	height: 26px;
	font-size: 13px;
	padding: 1px 5px !important;
}
.form-control:focus {
	border-color: #3c8dbc;
	box-shadow: none
}
.form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder {
 color:#bbb;
 opacity:1
}
.form-control:not(select) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.form-group.has-success label {
/*color: #00a65a*/
}
.form-group.has-success .form-control {
	border-color: #00a65a;
	box-shadow: none
}
.form-group.has-success .help-block {
	color: #00a65a
}
.form-group.has-warning label {
	color: #f39c12
}
.form-group.has-warning .form-control {
	border-color: #f39c12;
	box-shadow: none
}
.form-group.has-warning .help-block {
	color: #f39c12
}
.form-group.has-error label {
	color: #dd4b39
}
.form-group.has-error .form-control {
	border-color: #dd4b39;
	box-shadow: none
}
.form-group.has-error .help-block {
	color: #dd4b39
}
.input-group .input-group-addon {
	border-radius: 2px 0px 0px 2px;
	border-color: #d2d6de;
	background-color: #fff
}
.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type {
	border-radius: 0
}
.icheck>label {
	padding-left: 0
}
.form-control-feedback.fa {
	line-height: 34px;
	right: 22px !important;
	top: -2px;
}
.input-lg+.form-control-feedback.fa, .input-group-lg+.form-control-feedback.fa, .form-group-lg .form-control+.form-control-feedback.fa {
	line-height: 46px
}
.input-sm+.form-control-feedback.fa, .input-group-sm+.form-control-feedback.fa, .form-group-sm .form-control+.form-control-feedback.fa {
	line-height: 30px
}
.progress, .progress>.progress-bar {
	-webkit-box-shadow: none;
	box-shadow: none
}
.progress, .progress>.progress-bar, .progress .progress-bar, .progress>.progress-bar .progress-bar {
	border-radius: 1px
}
.progress.sm, .progress-sm {
	height: 10px
}
.progress.sm, .progress-sm, .progress.sm .progress-bar, .progress-sm .progress-bar {
	border-radius: 1px
}
.progress.xs, .progress-xs {
	height: 7px
}
.progress.xs, .progress-xs, .progress.xs .progress-bar, .progress-xs .progress-bar {
	border-radius: 1px
}
.progress.xxs, .progress-xxs {
	height: 3px
}
.progress.xxs, .progress-xxs, .progress.xxs .progress-bar, .progress-xxs .progress-bar {
	border-radius: 1px
}
.progress.vertical {
	position: relative;
	width: 30px;
	height: 200px;
	display: inline-block;
	margin-right: 10px
}
.progress.vertical>.progress-bar {
	width: 100%;
	position: absolute;
	bottom: 0
}
.progress.vertical.sm, .progress.vertical.progress-sm {
	width: 20px
}
.progress.vertical.xs, .progress.vertical.progress-xs {
	width: 10px
}
.progress.vertical.xxs, .progress.vertical.progress-xxs {
	width: 3px
}
.progress-group .progress-text {
	font-weight: 600
}
.progress-group .progress-number {
	float: right
}
.table tr>td .progress {
	margin: 0
}
.progress-bar-light-blue, .progress-bar-primary {
	background-color: #3c8dbc
}
.progress-striped .progress-bar-light-blue, .progress-striped .progress-bar-primary {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-green, .progress-bar-success {
	background-color: #00a65a
}
.progress-striped .progress-bar-green, .progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-aqua, .progress-bar-info {
	background-color: #00c0ef
}
.progress-striped .progress-bar-aqua, .progress-striped .progress-bar-info {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-yellow, .progress-bar-warning {
	background-color: #f39c12
}
.progress-striped .progress-bar-yellow, .progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-red, .progress-bar-danger {
	background-color: #dd4b39
}
.progress-striped .progress-bar-red, .progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.small-box {
	border-radius: 2px;
	position: relative;
	display: block;
	margin-bottom: 20px;
	box-shadow: 0 1px 1px #ccc;
}
.small-box>.inner {
	padding: 10px;
	background: #fff;
	color: #777;
}
.small-box>.small-box-footer {
	position: relative;
	text-align: center;
	padding: 3px 0;
	color: #fff;
	color: rgba(255,255,255,0.8);
	display: block;
	z-index: 10;
	background: rgba(0,0,0,0);
	text-decoration: none;
	font-size: 12px;
}
.small-box>.small-box-footer:hover {
	color: #fff;
	background: rgba(0,0,0,0)
}
.small-box .icon {
	padding: 0;
	float: left;
	margin-right: 15px;
}
.small-box .icon img {
	width: 50px;
	padding: 0;
	float: left;
	margin-right: 15px;
}
.small-box .text {
	font-size: 14px;
	margin-bottom: 8px;
	text-align: right;
	font-weight: 500;
	text-transform: uppercase;
}
.small-box p>small {
	display: block;
	color: #f9f9f9;
	font-size: 13px;
	margin-top: 5px
}
.small-box h3, .small-box p {
	z-index: 5
}
.small-box .icon {
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	top: -10px;
	right: 10px;
	z-index: 0;
	font-size: 90px;
	color: rgba(0,0,0,0.15)
}
.small-box:hover {
	text-decoration: none;
	color: #f9f9f9
}
.small-box:hover .icon {
	font-size: 95px
}
@media (max-width:767px) {
.small-box {
	text-align: center
}
.small-box .icon {
	display: none
}
.small-box p {
	font-size: 12px
}
}
.box {
	position: relative;
	background: #ffffff;
	border-top: 2px solid #999;
	margin-bottom: 20px;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}
.box.box-primary {
	border-top-color: #3c8dbc
}
.box.box-info {
	border-top-color: #00c0ef
}
.box.box-danger {
	border-top-color: #dd4b39
}
.box.box-warning {
	border-top-color: #f39c12
}
.box.box-success {
	border-top-color: #00a65a
}
.box.box-default {
	border-top-color: #d2d6de;
}
.margin30 {
	margin-top: 30px;
}
.box.collapsed-box .box-body, .box.collapsed-box .box-footer {
	display: none
}
.box .nav-stacked>li {
	border-bottom: 1px solid #f4f4f4;
	margin: 0;
	text-align: left;
	line-height: 26px;
}
.box .nav-stacked>li:last-of-type {
	border-bottom: none
}
.box.height-control .box-body {
	max-height: 300px;
	overflow: auto
}
.box .border-right {
	border-right: 1px solid #f4f4f4;
	margin: 8px 0px;
}
.box .border-left {
	border-left: 1px solid #f4f4f4
}
.box.box-solid {
	border-top: 0
}
.box.box-solid>.box-header .btn.btn-default {
	background: transparent
}
.box.box-solid>.box-header .btn:hover, .box.box-solid>.box-header a:hover {
	background: rgba(0,0,0,0.1)
}
.box.box-solid.box-default {
	border: 1px solid #d2d6de
}
.box.box-solid.box-default>.box-header {
	color: #444;
	background: #d2d6de;
	background-color: #d2d6de
}
.box.box-solid.box-default>.box-header a, .box.box-solid.box-default>.box-header .btn {
	color: #444
}
.box.box-solid.box-primary {
	border: 1px solid #3c8dbc
}
.box.box-solid.box-primary>.box-header {
	color: #fff;
	background: #3c8dbc;
	background-color: #3c8dbc
}
.box.box-solid.box-primary>.box-header a, .box.box-solid.box-primary>.box-header .btn {
	color: #fff
}
.box.box-solid.box-info {
	border: 1px solid #00c0ef
}
.box.box-solid.box-info>.box-header {
	color: #fff;
	background: #00c0ef;
	background-color: #00c0ef
}
.box.box-solid.box-info>.box-header a, .box.box-solid.box-info>.box-header .btn {
	color: #fff
}
.box.box-solid.box-danger {
	border: 1px solid #dd4b39
}
.box.box-solid.box-danger>.box-header {
	color: #fff;
	background: #dd4b39;
	background-color: #dd4b39
}
.box.box-solid.box-danger>.box-header a, .box.box-solid.box-danger>.box-header .btn {
	color: #fff
}
.box.box-solid.box-warning {
	border: 1px solid #f39c12
}
.box.box-solid.box-warning>.box-header {
	color: #fff;
	background: #f39c12;
	background-color: #f39c12
}
.box.box-solid.box-warning>.box-header a, .box.box-solid.box-warning>.box-header .btn {
	color: #fff
}
.box.box-solid.box-success {
	border: 1px solid #00a65a
}
.box.box-solid.box-success>.box-header {
	color: #fff;
	background: #00a65a;
	background-color: #00a65a
}
.box.box-solid.box-success>.box-header a, .box.box-solid.box-success>.box-header .btn {
	color: #fff
}
.box.box-solid>.box-header>.box-tools .btn {
	border: 0;
	box-shadow: none
}
.box.box-solid[class*='bg']>.box-header {
	color: #fff
}
.box .box-group>.box {
	margin-bottom: 5px
}
.box .knob-label {
	text-align: center;
	color: #333;
	font-weight: 100;
	font-size: 12px;
	margin-bottom: 0.3em
}
.box>.overlay, .overlay-wrapper>.overlay, .box>.loading-img, .overlay-wrapper>.loading-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.box .overlay, .overlay-wrapper .overlay {
	z-index: 50;
	background: rgba(255,255,255,0.7);
	border-radius: 3px
}
.box .overlay>.fa, .overlay-wrapper .overlay>.fa {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	color: #000;
	font-size: 30px
}
.box .overlay.dark, .overlay-wrapper .overlay.dark {
	background: rgba(0,0,0,0.5)
}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
	content: " ";
	display: table
}
.box-header:after, .box-body:after, .box-footer:after {
	clear: both
}
.box-body h4 {
	text-align: center;
	color: #fff;
	background: #444;
	padding: 10px 0px;
	font-size: 16px;
	margin: 0px 0px 20px 0px;
}
.box-header {
	color: #444;
	display: block;
	padding: 10px;
	position: relative;
}
.modal-body .box-body p {
	margin: 2px 0px 5px 0px;
	font-size: 14px;
	color: #555;
}
.modal-body .box-body strong {
	font-weight: 500;
	color: #555;
}
.box-header.with-border {
	border-bottom: 1px solid #f4f4f4
}
.collapsed-box .box-header.with-border {
	border-bottom: none
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
	display: inline-block;
	font-size: 14px;
	margin: 0;
	line-height: 1;
	font-weight: 500;
	color: #666;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion {
	margin-right: 5px
}
.box-header>.box-tools {
	position: absolute;
	right: 15px;
	top: 5px;/*	width: 50%;*/
}
.box-header>.box-tools [data-toggle="tooltip"] {
	position: relative
}
.box-header>.box-tools.pull-right .dropdown-menu {
	right: 0;
	left: auto
}
.btn-box-tool {
	padding: 5px;
	font-size: 12px;
	background: transparent;
	color: #97a0b3;
}
.open .btn-box-tool, .btn-box-tool:hover {
	color: #606c84
}
.btn-box-tool.btn:active {
	box-shadow: none
}
.box-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 10px;
}
.box-body p {
	margin-left: 21px;
}
.no-header .box-body {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}
.box-body>.table {
	margin-bottom: 0
}
.box-body .fc {
	margin-top: 5px
}
.box-body .full-width-chart {
	margin: -19px
}
.box-body.no-padding .full-width-chart {
	margin: -9px
}
.box-body .box-pane {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 3px
}
.box-body .box-pane-right {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 0
}
.box-footer {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top: 1px solid #cccaca;
	padding: 10px;
	background-color: #fff;
	text-align: center;
}
.box-comments {
	background: #f7f7f7
}
.box-comments .box-comment {
	padding: 8px 0;
	border-bottom: 1px solid #eee
}
.box-comments .box-comment:before, .box-comments .box-comment:after {
	content: " ";
	display: table
}
.box-comments .box-comment:after {
	clear: both
}
.box-comments .box-comment:last-of-type {
	border-bottom: 0
}
.box-comments .box-comment:first-of-type {
	padding-top: 0
}
.box-comments .box-comment img {
	float: left
}
.box-comments .comment-text {
	margin-left: 40px;
	color: #555
}
.box-comments .username {
	color: #444;
	display: block;
	font-weight: 600
}
.box-comments .text-muted {
	font-weight: 400;
	font-size: 12px
}
.todo-list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto
}
.todo-list>li {
	margin-bottom: 10px;
	color: #444;
	border-bottom: 1px dashed #e3e3e3;
	padding-bottom: 10px;
}
.todo-list>li:last-of-type {
	margin-bottom: 0
}
.todo-list>li>input[type='checkbox'] {
	margin: 0 10px 0 5px
}
.todo-list>li .text {
	display: inline-block;
	margin-left: 5px;
	font-weight: 600
}
.todo-list>li .label {
	margin-left: 10px;
	font-size: 9px
}
.todo-list>li .tools {
	display: none;
	float: right;
	color: #dd4b39
}
.todo-list>li .tools>.fa, .todo-list>li .tools>.glyphicon, .todo-list>li .tools>.ion {
	margin-right: 10px;
	cursor: pointer;
	font-size: 18px;
}
.todo-list>li:hover .tools {
	display: inline-block
}
.todo-list>li.done {
	color: #999
}
.todo-list>li.done .text {
	text-decoration: line-through;
	font-weight: 500
}
.todo-list>li.done .label {
	background: #d2d6de !important
}
.todo-list .danger {
	border-left-color: #dd4b39
}
.todo-list .warning {
	border-left-color: #f39c12
}
.todo-list .info {
	border-left-color: #00c0ef
}
.todo-list .success {
	border-left-color: #00a65a
}
.todo-list .primary {
	border-left-color: #3c8dbc
}
.todo-list .handle {
	display: inline-block;
	cursor: move;
	margin: 0 5px
}
.box-input {
	max-width: 200px
}
.modal .panel-body {
	color: #444
}
.info-box {
	display: block;
	min-height: 90px;
	background: #fff;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border-radius: 2px;
	margin-bottom: 15px
}
.agent-email {
	margin: 0px;
	text-align: center;
	color: crimson;
	font-weight: 400;
	margin-bottom: 20px;
	font-size: 13px;
}
.switchery {
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	position: relative;
	vertical-align: middle;
	width: 40px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.switchery > small {
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	height: 16px;
	position: absolute;
	top: 0;
	width: 16px;
}
.info-box small {
	font-size: 14px
}
.info-box .progress {
	background: rgba(0,0,0,0.2);
	margin: 5px -10px 5px -10px;
	height: 2px
}
.info-box .progress, .info-box .progress .progress-bar {
	border-radius: 0
}
.info-box .progress .progress-bar {
	background: #fff
}
.info-box-icon {
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px;
	display: block;
	float: left;
	height: 90px;
	width: 90px;
	text-align: center;
	font-size: 45px;
	line-height: 90px;
	background: rgba(0,0,0,0.2)
}
.info-box-icon>img {
	max-width: 100%
}
.info-box-content {
	padding: 5px 10px;
	margin-left: 90px
}
.info-box-number {
	display: block;
	font-weight: bold;
	font-size: 18px
}
.progress-description, .info-box-text {
	display: block;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.info-box-text {
	text-transform: uppercase
}
.info-box-more {
	display: block
}
.progress-description {
	margin: 0
}
.btn {
	display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 8px;
    font-size: 13px;
    line-height: 14px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn.uppercase {
	text-transform: uppercase
}
.btn.btn-flat {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-width: 1px
}
.btn:active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn:focus {
	outline: none
}
.btn.btn-file {
	position: relative;
	overflow: hidden
}
.btn.btn-file>input[type='file'] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	opacity: 0;
	filter: alpha(opacity=0);
	outline: none;
	background: white;
	cursor: inherit;
	display: block
}
.btn-default {
	background-color: #f4f4f4;
	color: #444;
	border-color: #ddd
}
.btn-default:hover, .btn-default:active, .btn-default.hover {
	background-color: #e7e7e7
}
.btn-primary {
	background-color: #3c8dbc;
	border-color: #367fa9
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
	background-color: #367fa9
}
.btn-success {
	background-color: #00a65a;
	border-color: #008d4c
}
.btn-success:hover, .btn-success:active, .btn-success.hover {
	background-color: #008d4c
}
.btn-info {
	background-color: #00c0ef;
	border-color: #00acd6
}
.btn-info:hover, .btn-info:active, .btn-info.hover {
	background-color: #00acd6
}

.btn-custom, .btn-custom:hover, .btn-custom:active, .btn-custom.hover, .btn-custom:focus {
    background-color: #1b3a6a;
    border-color: #1b3a6a;
    color: white;
 }


.btn-danger {
	background-color: #dd4b39;
	border-color: #d73925
}
.btn-danger:hover, .btn-danger:active, .btn-danger.hover {
	background-color: #d73925
}
.btn-warning {
	background-color: #f39c12;
	border-color: #e08e0b
}
.btn-warning:hover, .btn-warning:active, .btn-warning.hover {
	background-color: #e08e0b
}
.btn-outline {
	border: 1px solid #fff;
	background: transparent;
	color: #fff
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
	color: rgba(255,255,255,0.7);
	border-color: rgba(255,255,255,0.7)
}
.btn-link {
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn[class*='bg-']:hover {
	-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 100px rgba(0,0,0,0.2)
}
.btn-app {
	border-radius: 3px;
	position: relative;
	padding: 6px;
	margin: 0 0 10px 10px;
	min-width: 80px;
	text-align: center;
	border: 1px solid #F44336;
	background-color: #F44336;
	font-size: 14px;
	color: #fff;
}
.btn-app>.fa, .btn-app>.glyphicon, .btn-app>.ion {
	font-size: 16px;
	vertical-align: middle;
}
.btn-app:hover {
/*background: #f4f4f4;
		color: #444;
	border-color: #aaa*/
}
.btn-app:active, .btn-app:focus {
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn-app>.badge {
	position: absolute;
	top: -3px;
	right: -10px;
	font-size: 10px;
	font-weight: 400
}
.callout {
	border-radius: 3px;
	margin: 0 0 20px 0;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee
}
.callout a {
	color: #fff;
	text-decoration: underline
}
.callout a:hover {
	color: #eee
}
.callout h4 {
	margin-top: 0;
	font-weight: 600
}
.callout p:last-child {
	margin-bottom: 0
}
.callout code, .callout .highlight {
	background-color: #fff
}
.callout.callout-danger {
	border-color: #c23321
}
.callout.callout-warning {
	border-color: #c87f0a
}
.callout.callout-info {
	border-color: #0097bc
}
.callout.callout-normal {
	background: #fff;
	border-left: 3px solid #0097bc;
	margin-top: 30px;
}
.callout.callout-success {
	border-color: #00733e
}
.alert {
	border-radius: 3px
}
.alert h4 {
	font-weight: 600
}
.alert .icon {
	margin-right: 10px
}
.alert .close {
	color: #000;
	opacity: .2;
	filter: alpha(opacity=20)
}
.alert .close:hover {
	opacity: .5;
	filter: alpha(opacity=50)
}
.alert a {
	color: #fff;
	text-decoration: underline
}
.alert-success {
	border-color: #008d4c
}
.alert-danger, .alert-error {
	border-color: #d73925
}
.alert-warning {
	border-color: #e08e0b
}
.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
	color: #444;
	background: #f7f7f7
}
.nav-pills>li>a {
	border-radius: 0;
	border-top: 3px solid transparent;
	color: #444
}
.nav-pills>li>a>.fa, .nav-pills>li>a>.glyphicon, .nav-pills>li>a>.ion {
	margin-right: 5px
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	border-top-color: #3c8dbc
}
.nav-pills>li.active>a {
	font-weight: 600
}
.nav-stacked>li>a {
	border-radius: 0;
	border-top: 0;
	border-left: 3px solid transparent;
	color: #444
}
.nav-stacked>li.active>a, .nav-stacked>li.active>a:hover {
	background: transparent;
	color: #444;
	border-top: 0;
	border-left-color: #3c8dbc
}
.nav-stacked>li.header {
	border-bottom: 1px solid #ddd;
	color: #777;
	margin-bottom: 10px;
	padding: 5px 10px;
	text-transform: uppercase
}
.nav-tabs-custom {
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border-radius: 3px
}
.nav-tabs-custom>.nav-tabs {
	margin: 0;
	border-bottom-color: #f4f4f4;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}
.nav-tabs-custom>.nav-tabs>li {
	border-top: 3px solid transparent;
	/*	margin-bottom: -2px;*/
	margin-right: 5px
}
.nav-tabs-custom>.nav-tabs>li>a {
	color: #2196f3;
	border-radius: 0;
	font-size: 18px;
}
.nav-tabs-custom>.nav-tabs>li>a {
	color: #2196f3;
	border-radius: 0;
	font-size: 18px;
}
.nav-tabs-custom>.nav-tabs>li>a>i {
	font-size: 16px;
	margin-right: 8px;
}
.nav-tabs-custom>.nav-tabs>li>a.text-muted {
	color: #999
}
.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li>a:hover {
	background: transparent;
	margin: 0
}
.nav-tabs-custom>.nav-tabs>li>a:hover {
	color: #999
}
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover, .nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus, .nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
	border-color: transparent
}
.nav-tabs-custom>.nav-tabs>li.active {
	/*border-top-color: #3c8dbc;*/
	border-top-color: #444;
}
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
	background-color: #2196f3;
	color: #fff;
}
.nav-tabs-custom>.nav-tabs>li.active>a {
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	font-size: 18px;
}
.nav-tabs-custom>.nav-tabs>li:first-of-type {
	margin-left: 0
}
.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
	border-left-color: transparent;
}
.nav-tabs-custom>.nav-tabs.pull-right {
	float: none !important;
}
.nav-tabs-custom>.nav-tabs.pull-right>li {
	float: right
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
	margin-right: 0
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a {
	border-left-width: 1px
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
	border-left-color: #f4f4f4;
	border-right-color: transparent
}
.nav-tabs-custom>.nav-tabs>li.header {
	line-height: 35px;
	padding: 0 10px;
	font-size: 20px;
	color: #444
}
.nav-tabs-custom>.nav-tabs>li.header>.fa, .nav-tabs-custom>.nav-tabs>li.header>.glyphicon, .nav-tabs-custom>.nav-tabs>li.header>.ion {
	margin-right: 5px
}
.nav-tabs-custom>.tab-content {
	background: #fff;
	padding: 10px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
.nav-tabs-custom .dropdown.open>a:active, .nav-tabs-custom .dropdown.open>a:focus {
	background: transparent;
	color: #999
}
.nav-tabs-custom.tab-primary>.nav-tabs>li.active {
	border-top-color: #3c8dbc
}
.nav-tabs-custom.tab-info>.nav-tabs>li.active {
	border-top-color: #00c0ef
}
.nav-tabs-custom.tab-danger>.nav-tabs>li.active {
	border-top-color: #dd4b39
}
.nav-tabs-custom.tab-warning>.nav-tabs>li.active {
	border-top-color: #f39c12
}
.nav-tabs-custom.tab-success>.nav-tabs>li.active {
	border-top-color: #00a65a
}
.nav-tabs-custom.tab-default>.nav-tabs>li.active {
	border-top-color: #d2d6de
}
.pagination>li>a {
	background: #fafafa;
	color: #666;
}
.pagination.pagination-flat>li>a {
	border-radius: 0 !important
}
.products-list {
	list-style: none;
	margin: 0;
	padding: 0
}
.products-list>.item {
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	padding: 10px 0;
	background: #fff
}
.products-list>.item:before, .products-list>.item:after {
	content: " ";
	display: table
}
.products-list>.item:after {
	clear: both
}
.products-list .product-img {
	float: left;
	margin-right: 15px;
}
.products-list .product-img img {
	width: 170px;
	height: 100px
}
.products-list .product-info {
	margin-left: 60px
}
.products-list .product-title {
	font-weight: 600;
	font-size: 18px;
}
.products-list .product-description {
	display: block;
	color: #444;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	margin: 5px 0px 10px 0px;
}
.products-list .product-info .label {
	display: inline;
	padding: 10px;
	font-size: 100%;
	font-weight: 400;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
.products-list .product-info span {
	font-size: 16px;
}
.category {
	position: absolute;
	top: 86px;
	right: 30px;
}
.product-list-in-box>.item {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border-bottom: 1px solid #f4f4f4
}
.product-list-in-box>.item:last-of-type {
	border-bottom-width: 0
}
.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	border-top: 1px solid #cecbcb;
	vertical-align: top;
	font-weight: 400;
	padding: 2px;
	font-size: 12px;/*border-bottom: 1px solid #cecbcb;*/
}
.table>thead>tr>th {
	border-bottom: none;
}
.table tr td .progress {
	margin-top: 5px
}
.table-bordered {
	border: 1px solid #f4f4f4
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid #f4f4f4;
	height: 40px;
	font-size: 13px;
	vertical-align: middle;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width: 2px
}
.table.no-border, .table.no-border td, .table.no-border th {
	border: 0
}
table.text-center, table.text-center td, table.text-center th {
	text-align: center !important;
}
.table.align th {
	text-align: left
}
.table.align td {
	text-align: right
}
.label-default {
	background-color: #d2d6de;
	color: #444;
	font-weight: normal;
}
.direct-chat .box-body {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	position: relative;
	overflow-x: hidden;
	padding: 0
}
.direct-chat.chat-pane-open .direct-chat-contacts {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.direct-chat-messages {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	padding: 10px;
	height: 250px;
	overflow: auto
}
.direct-chat-msg, .direct-chat-text {
	display: block
}
.direct-chat-msg {
	margin-bottom: 10px
}
.direct-chat-msg:before, .direct-chat-msg:after {
	content: " ";
	display: table
}
.direct-chat-msg:after {
	clear: both
}
.direct-chat-messages, .direct-chat-contacts {
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	transition: transform .5s ease-in-out
}
.direct-chat-text {
	border-radius: 5px;
	position: relative;
	padding: 5px 10px;
	background: #d2d6de;
	border: 1px solid #d2d6de;
	margin: 5px 0 0 50px;
	color: #444
}
.direct-chat-text:after, .direct-chat-text:before {
	position: absolute;
	right: 100%;
	top: 15px;
	border: solid transparent;
	border-right-color: #d2d6de;
	content: ' ';
	height: 0;
	width: 0;
	pointer-events: none
}
.direct-chat-text:after {
	border-width: 5px;
	margin-top: -5px
}
.direct-chat-text:before {
	border-width: 6px;
	margin-top: -6px
}
.right .direct-chat-text {
	margin-right: 50px;
	margin-left: 0
}
.right .direct-chat-text:after, .right .direct-chat-text:before {
	right: auto;
	left: 100%;
	border-right-color: transparent;
	border-left-color: #d2d6de
}
.direct-chat-img {
	border-radius: 50%;
	float: left;
	width: 40px;
	height: 40px
}
.right .direct-chat-img {
	float: right
}
.direct-chat-info {
	display: block;
	margin-bottom: 2px;
	font-size: 12px
}
.direct-chat-name {
	font-weight: 600
}
.direct-chat-timestamp {
	color: #999
}
.direct-chat-contacts-open .direct-chat-contacts {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.direct-chat-contacts {
	-webkit-transform: translate(101%, 0);
	-ms-transform: translate(101%, 0);
	-o-transform: translate(101%, 0);
	transform: translate(101%, 0);
	position: absolute;
	top: 0;
	bottom: 0;
	height: 250px;
	width: 100%;
	background: #222d32;
	color: #fff;
	overflow: auto
}
.contacts-list>li {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding: 10px;
	margin: 0
}
.contacts-list>li:before, .contacts-list>li:after {
	content: " ";
	display: table
}
.contacts-list>li:after {
	clear: both
}
.contacts-list>li:last-of-type {
	border-bottom: none
}
.contacts-list-img {
	border-radius: 50%;
	width: 40px;
	float: left
}
.contacts-list-info {
	margin-left: 45px;
	color: #fff
}
.contacts-list-name, .contacts-list-status {
	display: block
}
.contacts-list-name {
	font-weight: 600
}
.contacts-list-status {
	font-size: 12px
}
.contacts-list-date {
	color: #aaa;
	font-weight: normal
}
.contacts-list-msg {
	color: #999
}
.direct-chat-danger .right>.direct-chat-text {
	background: #dd4b39;
	border-color: #dd4b39;
	color: #fff
}
.direct-chat-danger .right>.direct-chat-text:after, .direct-chat-danger .right>.direct-chat-text:before {
	border-left-color: #dd4b39
}
.direct-chat-primary .right>.direct-chat-text {
	background: #3c8dbc;
	border-color: #3c8dbc;
	color: #fff
}
.direct-chat-primary .right>.direct-chat-text:after, .direct-chat-primary .right>.direct-chat-text:before {
	border-left-color: #3c8dbc
}
.direct-chat-warning .right>.direct-chat-text {
	background: #f39c12;
	border-color: #f39c12;
	color: #fff
}
.direct-chat-warning .right>.direct-chat-text:after, .direct-chat-warning .right>.direct-chat-text:before {
	border-left-color: #f39c12
}
.direct-chat-info .right>.direct-chat-text {
	background: #00c0ef;
	border-color: #00c0ef;
	color: #fff
}
.direct-chat-info .right>.direct-chat-text:after, .direct-chat-info .right>.direct-chat-text:before {
	border-left-color: #00c0ef
}
.direct-chat-success .right>.direct-chat-text {
	background: #00a65a;
	border-color: #00a65a;
	color: #fff
}
.direct-chat-success .right>.direct-chat-text:after, .direct-chat-success .right>.direct-chat-text:before {
	border-left-color: #00a65a
}
.users-list>li {
	width: 25%;
	float: left;
	padding: 10px;
	text-align: center
}
.users-list>li img {
	border-radius: 50%;
	max-width: 100%;
	height: auto
}
.users-list>li>a:hover, .users-list>li>a:hover .users-list-name {
	color: #999
}
.users-list-name, .users-list-date {
	display: block
}
.users-list-name {
	font-weight: 600;
	color: #444;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.users-list-date {
	color: #999;
	font-size: 12px
}
.carousel-control.left, .carousel-control.right {
	background-image: none
}
.carousel-control {
	left: -35px;
}
.carousel-control.right {
	right: -5px;
}
.carousel-control>.fa {
	font-size: 40px;
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -20px;
	color: #fff;
}
.carousel-inner>.item>img {
	height: 200px !important;
}
.box-header h2 {
	font-size: 26px;
	margin-top: 0px;
}
.box-header span {
/*font-size: 22px;
	margin-right: 5px;*/
}
.modal {
	background: rgba(0,0,0,0.3)
}
.modal-content {
	border-radius: 0;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.125);
	box-shadow: 0 2px 3px rgba(0,0,0,0.125);
	border: 0
}
@media (min-width:768px) {
.modal-content {
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.125);
	box-shadow: 0 2px 3px rgba(0,0,0,0.125)
}
.table-responsive {
	overflow-x: hidden;
}
}
.modal-header {
	border-bottom-color: #00BCD4;
	background: #00BCD4;
	color: #fff;
	padding: 7px 10px;
}
.modal-header .close {
	color: #fff;
	opacity: 1;
}
.modal-footer {
	border-top-color: #ddd;
	text-align: center !important;
	padding: 7px 10px !important;
}
.modal-primary .modal-header, .modal-primary .modal-footer {
	border-color: #307095
}
.modal-warning .modal-header, .modal-warning .modal-footer {
	border-color: #c87f0a
}
.modal-info .modal-header, .modal-info .modal-footer {
	border-color: #0097bc
}
.modal-success .modal-header, .modal-success .modal-footer {
	border-color: #00733e
}
.modal-danger .modal-header, .modal-danger .modal-footer {
	border-color: #c23321
}
.box-widget {
	border: none;
	position: relative;
	min-height: 165px;
}
.widget-user .widget-user-header {
	padding: 20px;
	height: 120px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}
.widget-user .widget-user-username {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 500;
}
.widget-user .widget-user-desc {
	margin-top: 0;
	font-weight: 400;
	font-size: 13px;
}
.widget-user .widget-user-image {
	position: absolute;
	top: 30px;
	left: 47%;
	margin-left: -45px
}
.widget-user .widget-user-image a img {
	width: 125px;
	height: 125px;
}
.widget-user .widget-user-image> img {
	width: 145px;
	height: 145px;
	border: 3px solid #fff
}
.widget-user .box-footer {
	padding: 30px;
	text-align: left;
}
.attachment {
	width: 30%;
	float: left;
	margin-right: 20px;
	border: 2px solid #d9edf7;
}
.amenties {
	margin-top: -38px;
	margin-right: 3px;
}
.add {
	position: absolute;
	left: 2px;
	bottom: 1px;
}
.widget-user-2 .widget-user-header {
	padding: 10px 20px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}
.widget-user-2 .widget-user-username {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 400;
}
.widget-user-2 .widget-user-desc {
	margin-top: 0;
	color: #888;
	font-weight: 400;
}
.widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc {
/*margin-left: 75px*/
}
.widget-user-2 .widget-user-image>img {
	width: 65px;
	height: 65px;
	float: left;
	margin-right: 20px;
}
.invoice {
	position: relative;
	background: #fff;
	border: 1px solid #f4f4f4;
	padding: 20px;
	margin: 10px 25px
}
.profile-user-img {
	margin: 0 auto;
	width: 100px;
	height: 100px;
	padding: 3px;
	border: 1px solid #ffc107;
}
.profile-username {
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 7px !important;
}
.post {
	border-bottom: 1px solid #d2d6de;
	margin-bottom: 15px;
	padding-bottom: 15px;
	color: #666
}
.post:last-of-type {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0
}
.post .user-block {
	margin-bottom: 15px
}
.btn-social {
	position: relative;
	padding-left: 44px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.btn-social>:first-child {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 32px;
	line-height: 34px;
	font-size: 1.6em;
	text-align: center;
	border-right: 1px solid rgba(0,0,0,0.2)
}
.btn-social.btn-lg {
	padding-left: 61px
}
.btn-social.btn-lg>:first-child {
	line-height: 45px;
	width: 45px;
	font-size: 1.8em
}
.btn-social.btn-sm {
	padding-left: 38px
}
.btn-social.btn-sm>:first-child {
	line-height: 28px;
	width: 28px;
	font-size: 1.4em
}
.btn-social.btn-xs {
	padding-left: 30px
}
.btn-social.btn-xs>:first-child {
	line-height: 20px;
	width: 20px;
	font-size: 1.2em
}
.btn-social-icon {
	position: relative;
	padding-left: 44px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 34px;
	width: 34px;
	padding: 0
}
.btn-social-icon>:first-child {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 32px;
	line-height: 34px;
	font-size: 1.6em;
	text-align: center;
	border-right: 1px solid rgba(0,0,0,0.2)
}
.btn-social-icon.btn-lg {
	padding-left: 61px
}
.btn-social-icon.btn-lg>:first-child {
	line-height: 45px;
	width: 45px;
	font-size: 1.8em
}
.btn-social-icon.btn-sm {
	padding-left: 38px
}
.btn-social-icon.btn-sm>:first-child {
	line-height: 28px;
	width: 28px;
	font-size: 1.4em
}
.btn-social-icon.btn-xs {
	padding-left: 30px
}
.btn-social-icon.btn-xs>:first-child {
	line-height: 20px;
	width: 20px;
	font-size: 1.2em
}
.btn-social-icon>:first-child {
	border: none;
	text-align: center;
	width: 100%
}
.btn-social-icon.btn-lg {
	height: 45px;
	width: 45px;
	padding-left: 0;
	padding-right: 0
}
.btn-social-icon.btn-sm {
	height: 30px;
	width: 30px;
	padding-left: 0;
	padding-right: 0
}
.btn-social-icon.btn-xs {
	height: 22px;
	width: 22px;
	padding-left: 0;
	padding-right: 0
}
.btn-adn {
	color: #fff;
	background-color: #d87a68;
	border-color: rgba(0,0,0,0.2)
}
.btn-adn:focus, .btn-adn.focus {
	color: #fff;
	background-color: #ce563f;
	border-color: rgba(0,0,0,0.2)
}
.btn-adn:hover {
	color: #fff;
	background-color: #ce563f;
	border-color: rgba(0,0,0,0.2)
}
.btn-adn:active, .btn-adn.active, .open>.dropdown-toggle.btn-adn {
	color: #fff;
	background-color: #ce563f;
	border-color: rgba(0,0,0,0.2)
}
.btn-adn:active, .btn-adn.active, .open>.dropdown-toggle.btn-adn {
	background-image: none
}
.btn-adn .badge {
	color: #d87a68;
	background-color: #fff
}
.btn-bitbucket {
	color: #fff;
	background-color: #205081;
	border-color: rgba(0,0,0,0.2)
}
.btn-bitbucket:focus, .btn-bitbucket.focus {
	color: #fff;
	background-color: #163758;
	border-color: rgba(0,0,0,0.2)
}
.btn-bitbucket:hover {
	color: #fff;
	background-color: #163758;
	border-color: rgba(0,0,0,0.2)
}
.btn-bitbucket:active, .btn-bitbucket.active, .open>.dropdown-toggle.btn-bitbucket {
	color: #fff;
	background-color: #163758;
	border-color: rgba(0,0,0,0.2)
}
.btn-bitbucket:active, .btn-bitbucket.active, .open>.dropdown-toggle.btn-bitbucket {
	background-image: none
}
.btn-bitbucket .badge {
	color: #205081;
	background-color: #fff
}
.btn-dropbox {
	color: #fff;
	background-color: #1087dd;
	border-color: rgba(0,0,0,0.2)
}
.btn-dropbox:focus, .btn-dropbox.focus {
	color: #fff;
	background-color: #0d6aad;
	border-color: rgba(0,0,0,0.2)
}
.btn-dropbox:hover {
	color: #fff;
	background-color: #0d6aad;
	border-color: rgba(0,0,0,0.2)
}
.btn-dropbox:active, .btn-dropbox.active, .open>.dropdown-toggle.btn-dropbox {
	color: #fff;
	background-color: #0d6aad;
	border-color: rgba(0,0,0,0.2)
}
.btn-dropbox:active, .btn-dropbox.active, .open>.dropdown-toggle.btn-dropbox {
	background-image: none
}
.btn-dropbox .badge {
	color: #1087dd;
	background-color: #fff
}
.btn-facebook {
	color: #fff;
	background-color: #3b5998;
	border-color: rgba(0,0,0,0.2)
}
.btn-facebook:focus, .btn-facebook.focus {
	color: #fff;
	background-color: #2d4373;
	border-color: rgba(0,0,0,0.2)
}
.btn-facebook:hover {
	color: #fff;
	background-color: #2d4373;
	border-color: rgba(0,0,0,0.2)
}
.btn-facebook:active, .btn-facebook.active, .open>.dropdown-toggle.btn-facebook {
	color: #fff;
	background-color: #2d4373;
	border-color: rgba(0,0,0,0.2)
}
.btn-facebook:active, .btn-facebook.active, .open>.dropdown-toggle.btn-facebook {
	background-image: none
}
.btn-facebook .badge {
	color: #3b5998;
	background-color: #fff
}
.btn-flickr {
	color: #fff;
	background-color: #ff0084;
	border-color: rgba(0,0,0,0.2)
}
.btn-flickr:focus, .btn-flickr.focus {
	color: #fff;
	background-color: #cc006a;
	border-color: rgba(0,0,0,0.2)
}
.btn-flickr:hover {
	color: #fff;
	background-color: #cc006a;
	border-color: rgba(0,0,0,0.2)
}
.btn-flickr:active, .btn-flickr.active, .open>.dropdown-toggle.btn-flickr {
	color: #fff;
	background-color: #cc006a;
	border-color: rgba(0,0,0,0.2)
}
.btn-flickr:active, .btn-flickr.active, .open>.dropdown-toggle.btn-flickr {
	background-image: none
}
.btn-flickr .badge {
	color: #ff0084;
	background-color: #fff
}
.btn-foursquare {
	color: #fff;
	background-color: #f94877;
	border-color: rgba(0,0,0,0.2)
}
.btn-foursquare:focus, .btn-foursquare.focus {
	color: #fff;
	background-color: #f71752;
	border-color: rgba(0,0,0,0.2)
}
.btn-foursquare:hover {
	color: #fff;
	background-color: #f71752;
	border-color: rgba(0,0,0,0.2)
}
.btn-foursquare:active, .btn-foursquare.active, .open>.dropdown-toggle.btn-foursquare {
	color: #fff;
	background-color: #f71752;
	border-color: rgba(0,0,0,0.2)
}
.btn-foursquare:active, .btn-foursquare.active, .open>.dropdown-toggle.btn-foursquare {
	background-image: none
}
.btn-foursquare .badge {
	color: #f94877;
	background-color: #fff
}
.btn-github {
	color: #fff;
	background-color: #444;
	border-color: rgba(0,0,0,0.2)
}
.btn-github:focus, .btn-github.focus {
	color: #fff;
	background-color: #2b2b2b;
	border-color: rgba(0,0,0,0.2)
}
.btn-github:hover {
	color: #fff;
	background-color: #2b2b2b;
	border-color: rgba(0,0,0,0.2)
}
.btn-github:active, .btn-github.active, .open>.dropdown-toggle.btn-github {
	color: #fff;
	background-color: #2b2b2b;
	border-color: rgba(0,0,0,0.2)
}
.btn-github:active, .btn-github.active, .open>.dropdown-toggle.btn-github {
	background-image: none
}
.btn-github .badge {
	color: #444;
	background-color: #fff
}
.btn-google {
	color: #fff;
	background-color: #dd4b39;
	border-color: rgba(0,0,0,0.2)
}
.btn-google:focus, .btn-google.focus {
	color: #fff;
	background-color: #c23321;
	border-color: rgba(0,0,0,0.2)
}
.btn-google:hover {
	color: #fff;
	background-color: #c23321;
	border-color: rgba(0,0,0,0.2)
}
.btn-google:active, .btn-google.active, .open>.dropdown-toggle.btn-google {
	color: #fff;
	background-color: #c23321;
	border-color: rgba(0,0,0,0.2)
}
.btn-google:active, .btn-google.active, .open>.dropdown-toggle.btn-google {
	background-image: none
}
.btn-google .badge {
	color: #dd4b39;
	background-color: #fff
}
.btn-instagram {
	color: #fff;
	background-color: #3f729b;
	border-color: rgba(0,0,0,0.2)
}
.btn-instagram:focus, .btn-instagram.focus {
	color: #fff;
	background-color: #305777;
	border-color: rgba(0,0,0,0.2)
}
.btn-instagram:hover {
	color: #fff;
	background-color: #305777;
	border-color: rgba(0,0,0,0.2)
}
.btn-instagram:active, .btn-instagram.active, .open>.dropdown-toggle.btn-instagram {
	color: #fff;
	background-color: #305777;
	border-color: rgba(0,0,0,0.2)
}
.btn-instagram:active, .btn-instagram.active, .open>.dropdown-toggle.btn-instagram {
	background-image: none
}
.btn-instagram .badge {
	color: #3f729b;
	background-color: #fff
}
.btn-linkedin {
	color: #fff;
	background-color: #007bb6;
	border-color: rgba(0,0,0,0.2)
}
.btn-linkedin:focus, .btn-linkedin.focus {
	color: #fff;
	background-color: #005983;
	border-color: rgba(0,0,0,0.2)
}
.btn-linkedin:hover {
	color: #fff;
	background-color: #005983;
	border-color: rgba(0,0,0,0.2)
}
.btn-linkedin:active, .btn-linkedin.active, .open>.dropdown-toggle.btn-linkedin {
	color: #fff;
	background-color: #005983;
	border-color: rgba(0,0,0,0.2)
}
.btn-linkedin:active, .btn-linkedin.active, .open>.dropdown-toggle.btn-linkedin {
	background-image: none
}
.btn-linkedin .badge {
	color: #007bb6;
	background-color: #fff
}
.btn-microsoft {
	color: #fff;
	background-color: #2672ec;
	border-color: rgba(0,0,0,0.2)
}
.btn-microsoft:focus, .btn-microsoft.focus {
	color: #fff;
	background-color: #125acd;
	border-color: rgba(0,0,0,0.2)
}
.btn-microsoft:hover {
	color: #fff;
	background-color: #125acd;
	border-color: rgba(0,0,0,0.2)
}
.btn-microsoft:active, .btn-microsoft.active, .open>.dropdown-toggle.btn-microsoft {
	color: #fff;
	background-color: #125acd;
	border-color: rgba(0,0,0,0.2)
}
.btn-microsoft:active, .btn-microsoft.active, .open>.dropdown-toggle.btn-microsoft {
	background-image: none
}
.btn-microsoft .badge {
	color: #2672ec;
	background-color: #fff
}
.btn-openid {
	color: #fff;
	background-color: #f7931e;
	border-color: rgba(0,0,0,0.2)
}
.btn-openid:focus, .btn-openid.focus {
	color: #fff;
	background-color: #da7908;
	border-color: rgba(0,0,0,0.2)
}
.btn-openid:hover {
	color: #fff;
	background-color: #da7908;
	border-color: rgba(0,0,0,0.2)
}
.btn-openid:active, .btn-openid.active, .open>.dropdown-toggle.btn-openid {
	color: #fff;
	background-color: #da7908;
	border-color: rgba(0,0,0,0.2)
}
.btn-openid:active, .btn-openid.active, .open>.dropdown-toggle.btn-openid {
	background-image: none
}
.btn-openid .badge {
	color: #f7931e;
	background-color: #fff
}
.btn-pinterest {
	color: #fff;
	background-color: #cb2027;
	border-color: rgba(0,0,0,0.2)
}
.btn-pinterest:focus, .btn-pinterest.focus {
	color: #fff;
	background-color: #9f191f;
	border-color: rgba(0,0,0,0.2)
}
.btn-pinterest:hover {
	color: #fff;
	background-color: #9f191f;
	border-color: rgba(0,0,0,0.2)
}
.btn-pinterest:active, .btn-pinterest.active, .open>.dropdown-toggle.btn-pinterest {
	color: #fff;
	background-color: #9f191f;
	border-color: rgba(0,0,0,0.2)
}
.btn-pinterest:active, .btn-pinterest.active, .open>.dropdown-toggle.btn-pinterest {
	background-image: none
}
.btn-pinterest .badge {
	color: #cb2027;
	background-color: #fff
}
.btn-reddit {
	color: #000;
	background-color: #eff7ff;
	border-color: rgba(0,0,0,0.2)
}
.btn-reddit:focus, .btn-reddit.focus {
	color: #000;
	background-color: #bcddff;
	border-color: rgba(0,0,0,0.2)
}
.btn-reddit:hover {
	color: #000;
	background-color: #bcddff;
	border-color: rgba(0,0,0,0.2)
}
.btn-reddit:active, .btn-reddit.active, .open>.dropdown-toggle.btn-reddit {
	color: #000;
	background-color: #bcddff;
	border-color: rgba(0,0,0,0.2)
}
.btn-reddit:active, .btn-reddit.active, .open>.dropdown-toggle.btn-reddit {
	background-image: none
}
.btn-reddit .badge {
	color: #eff7ff;
	background-color: #000
}
.btn-soundcloud {
	color: #fff;
	background-color: #f50;
	border-color: rgba(0,0,0,0.2)
}
.btn-soundcloud:focus, .btn-soundcloud.focus {
	color: #fff;
	background-color: #c40;
	border-color: rgba(0,0,0,0.2)
}
.btn-soundcloud:hover {
	color: #fff;
	background-color: #c40;
	border-color: rgba(0,0,0,0.2)
}
.btn-soundcloud:active, .btn-soundcloud.active, .open>.dropdown-toggle.btn-soundcloud {
	color: #fff;
	background-color: #c40;
	border-color: rgba(0,0,0,0.2)
}
.btn-soundcloud:active, .btn-soundcloud.active, .open>.dropdown-toggle.btn-soundcloud {
	background-image: none
}
.btn-soundcloud .badge {
	color: #f50;
	background-color: #fff
}
.btn-tumblr {
	color: #fff;
	background-color: #2c4762;
	border-color: rgba(0,0,0,0.2)
}
.btn-tumblr:focus, .btn-tumblr.focus {
	color: #fff;
	background-color: #1c2d3f;
	border-color: rgba(0,0,0,0.2)
}
.btn-tumblr:hover {
	color: #fff;
	background-color: #1c2d3f;
	border-color: rgba(0,0,0,0.2)
}
.btn-tumblr:active, .btn-tumblr.active, .open>.dropdown-toggle.btn-tumblr {
	color: #fff;
	background-color: #1c2d3f;
	border-color: rgba(0,0,0,0.2)
}
.btn-tumblr:active, .btn-tumblr.active, .open>.dropdown-toggle.btn-tumblr {
	background-image: none
}
.btn-tumblr .badge {
	color: #2c4762;
	background-color: #fff
}
.btn-twitter {
	color: #fff;
	background-color: #55acee;
	border-color: rgba(0,0,0,0.2)
}
.btn-twitter:focus, .btn-twitter.focus {
	color: #fff;
	background-color: #2795e9;
	border-color: rgba(0,0,0,0.2)
}
.btn-twitter:hover {
	color: #fff;
	background-color: #2795e9;
	border-color: rgba(0,0,0,0.2)
}
.btn-twitter:active, .btn-twitter.active, .open>.dropdown-toggle.btn-twitter {
	color: #fff;
	background-color: #2795e9;
	border-color: rgba(0,0,0,0.2)
}
.btn-twitter:active, .btn-twitter.active, .open>.dropdown-toggle.btn-twitter {
	background-image: none
}
.btn-twitter .badge {
	color: #55acee;
	background-color: #fff
}
.btn-vimeo {
	color: #fff;
	background-color: #1ab7ea;
	border-color: rgba(0,0,0,0.2)
}
.btn-vimeo:focus, .btn-vimeo.focus {
	color: #fff;
	background-color: #1295bf;
	border-color: rgba(0,0,0,0.2)
}
.btn-vimeo:hover {
	color: #fff;
	background-color: #1295bf;
	border-color: rgba(0,0,0,0.2)
}
.btn-vimeo:active, .btn-vimeo.active, .open>.dropdown-toggle.btn-vimeo {
	color: #fff;
	background-color: #1295bf;
	border-color: rgba(0,0,0,0.2)
}
.btn-vimeo:active, .btn-vimeo.active, .open>.dropdown-toggle.btn-vimeo {
	background-image: none
}
.btn-vimeo .badge {
	color: #1ab7ea;
	background-color: #fff
}
.btn-vk {
	color: #fff;
	background-color: #587ea3;
	border-color: rgba(0,0,0,0.2)
}
.btn-vk:focus, .btn-vk.focus {
	color: #fff;
	background-color: #466482;
	border-color: rgba(0,0,0,0.2)
}
.btn-vk:hover {
	color: #fff;
	background-color: #466482;
	border-color: rgba(0,0,0,0.2)
}
.btn-vk:active, .btn-vk.active, .open>.dropdown-toggle.btn-vk {
	color: #fff;
	background-color: #466482;
	border-color: rgba(0,0,0,0.2)
}
.btn-vk:active, .btn-vk.active, .open>.dropdown-toggle.btn-vk {
	background-image: none
}
.btn-vk .badge {
	color: #587ea3;
	background-color: #fff
}
.btn-yahoo {
	color: #fff;
	background-color: #720e9e;
	border-color: rgba(0,0,0,0.2)
}
.btn-yahoo:focus, .btn-yahoo.focus {
	color: #fff;
	background-color: #500a6f;
	border-color: rgba(0,0,0,0.2)
}
.btn-yahoo:hover {
	color: #fff;
	background-color: #500a6f;
	border-color: rgba(0,0,0,0.2)
}
.btn-yahoo:active, .btn-yahoo.active, .open>.dropdown-toggle.btn-yahoo {
	color: #fff;
	background-color: #500a6f;
	border-color: rgba(0,0,0,0.2)
}
.btn-yahoo:active, .btn-yahoo.active, .open>.dropdown-toggle.btn-yahoo {
	background-image: none
}
.btn-yahoo .badge {
	color: #720e9e;
	background-color: #fff
}
.fc-button {
	background: #f4f4f4;
	background-image: none;
	color: #444;
	border-color: #ddd;
	border-bottom-color: #ddd
}
.fc-button:hover, .fc-button:active, .fc-button.hover {
	background-color: #e9e9e9
}
.fc-header-title h2 {
	font-size: 15px;
	line-height: 1.6em;
	color: #666;
	margin-left: 10px
}
.fc-header-right {
	padding-right: 10px
}
.fc-header-left {
	padding-left: 10px
}
.fc-widget-header {
	background: #fafafa
}
.fc-grid {
	width: 100%;
	border: 0
}
.fc-widget-header:first-of-type, .fc-widget-content:first-of-type {
	border-left: 0;
	border-right: 0
}
.fc-widget-header:last-of-type, .fc-widget-content:last-of-type {
	border-right: 0
}
.fc-toolbar {
	padding: 10px;
	margin: 0
}
.fc-day-number {
	font-size: 20px;
	font-weight: 300;
	padding-right: 10px
}
.fc-color-picker {
	list-style: none;
	margin: 0;
	padding: 0
}
.fc-color-picker>li {
	float: left;
	font-size: 30px;
	margin-right: 5px;
	line-height: 30px
}
.fc-color-picker>li .fa {
	-webkit-transition: -webkit-transform linear .3s;
	-moz-transition: -moz-transform linear .3s;
	-o-transition: -o-transform linear .3s;
	transition: transform linear .3s
}
.fc-color-picker>li .fa:hover {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg)
}
#add-new-event {
	-webkit-transition: all linear .3s;
	-o-transition: all linear .3s;
	transition: all linear .3s
}
.external-event {
	padding: 5px 10px;
	font-weight: bold;
	margin-bottom: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border-radius: 3px;
	cursor: move
}
.external-event:hover {
	box-shadow: inset 0 0 90px rgba(0,0,0,0.2)
}
.select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active {
	outline: none
}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
	border: 1px solid #d2d6de;
	border-radius: 0;
	padding: 4px 0px;
	height: 34px
}
.select2-container--default.select2-container--open {
	border-color: #3c8dbc
}
.select2-dropdown {
	border: 1px solid #d2d6de;
	border-radius: 0
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #3c8dbc;
	color: white
}
.select2-results__option {
	padding: 6px 12px;
	user-select: none;
	-webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
	padding-right: 0;
	height: auto;
	margin-top: -4px
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 6px;
	padding-left: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 28px;
	right: 3px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: 0
}
.select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field {
	border: 1px solid #d2d6de
}
.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus {
	outline: none;
	border: 1px solid #3c8dbc
}
.select2-container--default .select2-results__option[aria-disabled=true] {
	color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #ddd
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover {
	color: #444
}
.select2-container--default .select2-selection--multiple {
	border: 1px solid #d2d6de;
	border-radius: 0
}
.select2-container--default .select2-selection--multiple:focus {
	border-color: #3c8dbc
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #d2d6de
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #3c8dbc;
	border-color: #367fa9;
	padding: 1px 10px;
	color: #fff
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	margin-right: 5px;
	color: rgba(255,255,255,0.7)
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #fff
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 10px
}
.pad {
	padding: 10px !important;
}
.margin {
	margin: 10px
}
.m-r-none {
	margin-right: 0px !important;
}
.margin-bottom {
	margin-bottom: 10px !important;
}
.margin-bottom-none {
	margin-bottom: 0px !important;
}
.margin-r-5 {
	margin-right: 5px !important;
}
.inline {
	display: inline
}
.description-block {
	display: block;
	margin: 10px 0;/*text-align: center;*/
}
.notes-block {
	display: block;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 40px;
}
.description-block.margin-bottom {
	margin-bottom: 25px
}
.description-block>.description-header {
	margin: 0;
	padding: 0;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 6px;
	text-transform: capitalize;
}
.description-block>.description-text {
	text-transform: uppercase
}
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
	color: #fff !important
}
.bg-gray {
	color: #000;
	background-color: #d2d6de !important
}
.bg-gray-light {
	background-color: #f7f7f7
}
.bg-black {
	background-color: #111 !important
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
	background-color: #dd4b39 !important
}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
	background-color: #fdbb0b !important
}
.bg-aqua, .callout.callout-info, .label-info, .modal-info .modal-body {
	background-color: #00c0ef !important
}
.bg-blue {
	background-color: #0073b7 !important
}
.bg-light-blue, .label-primary, .modal-primary .modal-body {
	background-color: #3c8dbc !important
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
	background-color: #00a65a !important
}
.bg-navy {
	background-color: #001f3f !important
}
.bg-teal {
	background-color: #39cccc !important
}
.bg-olive {
	background-color: #3d9970 !important
}
.bg-lime {
	background-color: #01ff70 !important
}
.bg-orange {
	background-color: #ff851b !important
}
.bg-fuchsia {
	background-color: #FC6180 !important
}
.bg-purple {
	background-color: #605ca8 !important
}
.bg-maroon {
	background-color: #d81b60 !important
}
.poll-box {
	border: 1px solid #ddd;
	background-color: #fbfbfb !important;
	border-bottom: none;
}
.bg-gray-active {
	color: #000;
	background-color: #b5bbc8 !important
}
.bg-black-active {
	background-color: #000 !important
}
.bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer {
	background-color: #d33724 !important
}
.bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer {
	background-color: #db8b0b !important
}
.bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer {
	background-color: #00a7d0 !important
}
.bg-blue-active {
	background-color: #005384 !important
}
.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer {
	background-color: #357ca5 !important
}
.bg-green-active, .modal-success .modal-header, .modal-success .modal-footer {
	background-color: #008d4c !important
}
.bg-navy-active {
	background-color: #001a35 !important
}
.bg-teal-active {
	background-color: #30bbbb !important
}
.bg-olive-active {
	background-color: #368763 !important
}
.bg-lime-active {
	background-color: #93BE52 !important
}
.bg-orange-active {
	background-color: #ff7701 !important
}
.bg-fuchsia-active {
	background-color: #db0ead !important
}
.bg-purple-active {
	background-color: #555299 !important
}
.bg-maroon-active {
	background-color: #ca195a !important
}
[class^="bg-"].disabled {
	opacity: .65;
	filter: alpha(opacity=65)
}
.text-red {
	color: #dd4b39 !important
}
.text-yellow {
	color: #f39c12 !important
}
.text-aqua {
	color: #00c0ef !important
}
.text-blue {
	color: #0073b7 !important
}
.text-black {
	color: #111 !important
}
.text-light-blue {
	color: #3c8dbc !important
}
.text-green {
	color: #00a65a !important
}
.text-gray {
	color: #d2d6de !important
}
.text-navy {
	color: #1ab394 !important
}
.text-teal {
	color: #39cccc !important
}
.text-olive {
	color: #3d9970 !important
}
.text-lime {
	color: #01ff70 !important
}
.text-orange {
	color: #ff851b !important
}
.text-fuchsia {
	color: #f012be !important
}
.text-purple {
	color: #605ca8 !important
}
.text-maroon {
	color: #d81b60 !important
}
.link-muted {
	color: #7a869d
}
.link-muted:hover, .link-muted:focus {
	color: #606c84
}
.link-black {
	color: #666
}
.text-light-pink {
	color: #f18273 !important;
}
.link-black:hover, .link-black:focus {
	color: #999
}
.hide {
	display: none !important
}
.no-border {
	border: 0 !important
}
.no-padding {
	padding: 0 !important
}
.no-margin {
	margin: 0 !important
}
.no-shadow {
	box-shadow: none !important
}
.list-unstyled, .chart-legend, .contacts-list, .users-list, .mailbox-attachments {
	list-style: none;
	margin: 0;
	padding: 0
}
.list-group-unbordered>.list-group-item {
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	padding-left: 15px;
	padding-right: 15px;
}
.list-group-item small {
	color: #888;
	margin-left: 5px;
}
.flat {
	border-radius: 0 !important
}
.text-bold, .text-bold.table td, .text-bold.table th {
	font-weight: 700
}
.text-sm {
	font-size: 12px
}
.jqstooltip {
	padding: 5px !important;
	width: auto !important;
	height: auto !important
}
.bg-teal-gradient {
	background: #39cccc !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
	background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
	background: -moz-linear-gradient(center bottom, #39cccc 0, #7adddd 100%) !important;
	background: -o-linear-gradient(#7adddd, #39cccc) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
	color: #fff
}
.bg-light-blue-gradient {
	background: #3c8dbc !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
	background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
	background: -moz-linear-gradient(center bottom, #3c8dbc 0, #67a8ce 100%) !important;
	background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
	color: #fff
}
.bg-blue-gradient {
	background: #0073b7 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
	background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
	background: -moz-linear-gradient(center bottom, #0073b7 0, #0089db 100%) !important;
	background: -o-linear-gradient(#0089db, #0073b7) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
	color: #fff
}
.bg-aqua-gradient {
	background: #00c0ef !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
	background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
	background: -moz-linear-gradient(center bottom, #00c0ef 0, #14d1ff 100%) !important;
	background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
	color: #fff
}
.bg-yellow-gradient {
	background: #f39c12 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
	background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
	background: -moz-linear-gradient(center bottom, #f39c12 0, #f7bc60 100%) !important;
	background: -o-linear-gradient(#f7bc60, #f39c12) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
	color: #fff
}
.bg-purple-gradient {
	background: #605ca8 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
	background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
	background: -moz-linear-gradient(center bottom, #605ca8 0, #9491c4 100%) !important;
	background: -o-linear-gradient(#9491c4, #605ca8) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
	color: #fff
}
.bg-green-gradient {
	background: #00a65a !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
	background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
	background: -moz-linear-gradient(center bottom, #00a65a 0, #00ca6d 100%) !important;
	background: -o-linear-gradient(#00ca6d, #00a65a) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
	color: #fff
}
.bg-red-gradient {
	background: #dd4b39 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
	background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
	background: -moz-linear-gradient(center bottom, #dd4b39 0, #e47365 100%) !important;
	background: -o-linear-gradient(#e47365, #dd4b39) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
	color: #fff
}
.bg-black-gradient {
	background: #111 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)) !important;
	background: -ms-linear-gradient(bottom, #111, #2b2b2b) !important;
	background: -moz-linear-gradient(center bottom, #111 0, #2b2b2b 100%) !important;
	background: -o-linear-gradient(#2b2b2b, #111) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
	color: #fff
}
.bg-maroon-gradient {
	background: #d81b60 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
	background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
	background: -moz-linear-gradient(center bottom, #d81b60 0, #e73f7c 100%) !important;
	background: -o-linear-gradient(#e73f7c, #d81b60) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
	color: #fff
}
.description-block .description-icon {
	font-size: 16px
}
.no-pad-top {
	padding-top: 0
}
.position-static {
	position: static !important
}
.list-header {
	font-size: 15px;
	padding: 10px 4px;
	font-weight: bold;
	color: #666
}
.list-seperator {
	height: 1px;
	background: #f4f4f4;
	margin: 15px 0 9px 0
}
.list-link>a {
	padding: 4px;
	color: #777
}
.list-link>a:hover {
	color: #222
}
.font-light {
	font-weight: 300
}
.user-block:before, .user-block:after {
	content: " ";
	display: table
}
.user-block:after {
	clear: both
}
.user-block img {
	width: 40px;
	height: 40px;
	float: left
}
.user-block .username, .user-block .description, .user-block .comment {
	display: block;
	margin-left: 50px
}
.user-block .username {
	font-size: 16px;
	font-weight: 600
}
.user-block .description {
	color: #999;
	font-size: 13px
}
.user-block.user-block-sm .username, .user-block.user-block-sm .description, .user-block.user-block-sm .comment {
	margin-left: 40px
}
.user-block.user-block-sm .username {
	font-size: 14px
}
.img-sm, .img-md, .img-lg, .box-comments .box-comment img, .user-block.user-block-sm img {
	float: left
}
.img-sm, .box-comments .box-comment img, .user-block.user-block-sm img {
	width: 30px !important;
	height: 30px !important
}
.img-sm+.img-push {
	margin-left: 40px
}
.img-md {
	width: 60px;
	height: 60px
}
.img-md+.img-push {
	margin-left: 70px
}
.img-lg {
	width: 100px;
	height: 100px
}
.img-lg+.img-push {
	margin-left: 110px
}
.img-bordered {
	border: 3px solid #d2d6de;
	padding: 3px
}
.img-bordered-sm {
	border: 2px solid #d2d6de;
	padding: 2px
}
.attachment-block {
	border: 1px solid #f4f4f4;
	padding: 5px;
	margin-bottom: 10px;
	background: #f7f7f7
}
.attachment-block .attachment-img {
	max-width: 100px;
	max-height: 100px;
	height: auto;
	float: left
}
.attachment-block .attachment-pushed {
	margin-left: 110px
}
.attachment-block .attachment-heading {
	margin: 0
}
.attachment-block .attachment-text {
	color: #555
}
.connectedSortable {
	min-height: 100px
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.sort-highlight {
	background: #f4f4f4;
	border: 1px dashed #ddd;
	margin-bottom: 10px
}
.full-opacity-hover {
	opacity: .65;
	filter: alpha(opacity=65)
}
.full-opacity-hover:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.chart {
	position: relative;
	overflow: hidden;
	width: 100%
}
.chart svg, .chart canvas {
	width: 100% !important
}
@media print {
.no-print, .main-sidebar, .left-side, .main-header, .content-header {
	display: none !important
}
.content-wrapper, .right-side, .main-footer {
	margin-left: 0 !important;
	min-height: 0 !important;
	-webkit-transform: translate(0, 0) !important;
	-ms-transform: translate(0, 0) !important;
	-o-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important
}
.fixed .content-wrapper, .fixed .right-side {
	padding-top: 0 !important
}
.invoice {
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0
}
.invoice-col {
	float: left;
	width: 33.3333333%
}
.table-responsive {
	overflow: auto
}
.table-responsive>.table tr th, .table-responsive>.table tr td {
	white-space: normal !important
}
}
.society {
	margin: 10px 15px;
	padding: 10px 0px;
	background: #fff;
	color: #444;
	border-left: 3px solid #ffc107;
	padding-left: 10px;
}
.switch-menu {
	margin-right: 5px;
	font-size: 16px;
	color: #FFC107;
}
.filter-text {
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
.nobg {
	background: transparent !important;
}
.btn-add {
	margin-bottom: 45px;
	margin-top: -15px;
}
.add-profile {
	position: relative;
	width: 150px;
	margin: 0px auto;
}
.upload-button {
	display: inline-block;
	cursor: pointer;
	position: absolute;
	bottom: -7px;
	left: 45%;
	font-size: 20px;
	line-height: 20px;
	color: #F44336;
}
.profile-pic {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	display: block;
	background: #fff;
	margin-bottom: 20px;
	border: 1px solid #e3e3e3;
}
.profile-pic img {
	border: 0px;
	outline: 0px;
}
.file-upload {
	display: none !important;
}
.table-responsive img {
	width: 65px;
	height: auto;
	text-align: center;
}
.icheckbox_minimal-red, .iradio_minimal-red {
	display: inline-block;
	display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 18px;
	height: 18px;
	background: url(../img/red.png) no-repeat;
	border: none;
	cursor: pointer;
}
.icheckbox_minimal-red {
	background-position: 0 0;
}
.icheckbox_minimal-red.hover {
	background-position: -20px 0;
}
.icheckbox_minimal-red.checked {
	background-position: -40px 0;
}
.icheckbox_minimal-red.disabled {
	background-position: -60px 0;
	cursor: default;
}
.icheckbox_minimal-red.checked.disabled {
	background-position: -80px 0;
}
.iradio_minimal-red {
	background-position: -100px 0;
}
.iradio_minimal-red.hover {
	background-position: -120px 0;
}
.iradio_minimal-red.checked {
	background-position: -140px 0;
}
.iradio_minimal-red.disabled {
	background-position: -160px 0;
	cursor: default;
}
.iradio_minimal-red.checked.disabled {
	background-position: -180px 0;
}
.panel-default > .panel-heading {
	box-shadow: 0 0 0 1px #e0e0e0 inset;
	border: none!important;
	border-radius: 0;
	/*background-color: #222d32;*/
	padding: 0;
	position: relative;
}
.panel-default > .panel-heading i {
/*position: absolute;
	font-size: 18px;
	line-height: 18px;
	top: 16px;
	left: 11px;
	color: #b8c7ce;*/
}
.panel-default > .panel-heading a {
/*padding: 15px 20px 15px 40px;
	display: block;*/
}
.panel-title>a {
	color: #fff;
	font-weight: 600;
}
.margintop25 {
	margin-top: 25px;
}
.border-right {
	border-right: 1px solid #ccc;
}
.boxes {
	background: white;
	box-shadow: 1px 1px 4px 1px #ccc;
	text-align: center;
	padding: 18px 1px 18px 1px;
	cursor: pointer;
	-moz-transition: color .2s ease-in;
	-o-transition: color .2s ease-in;
	-webkit-transition: color .2s ease-in;
	transition: color .2s ease-in;
	color: #999999;
	margin: 0px 25px 40px;
}
.boxes .box-icons {
	font-size: large;
	color: #337ab7;
}
.boxes .box-icons:hover {
	color: #444;
}
.boxes .box-text {
	display: block;
	margin-top: 7px;
}
.blue {
	color: #337ab7;
	font-weight: 600;
}
.text-white {
	color: #fff;
}
.text-white:hover {
	color: #fff;
}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.icheckbox_minimal-red, .iradio_minimal-red {
	background-image: url(red@2x.png);
	-webkit-background-size: 200px 20px;
	background-size: 200px 20px;
}
}
.visitor-btn {
	border-radius: 0px;
	border: 0px;
	padding: 6px 0px;
	width: 100%;
	text-transform: capitalize;
}
.visitor-btn:focus {
	outline: none;
}
.status-label {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 8px 10px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}
.marginTop25 {
	margin-top: 25px !important;
}
.bg-color {
	background-color: #46a1de;
	transition-duration: .5s;
}
.text-color {
	color: #46a1de;
	transition-duration: .5s;
}
.tabs {
/*display: table;
	table-layout: fixed;
	width: 100%;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
	margin: 0px auto !important;
	padding: 0px;*/
}
.tabs > li {
	transition-duration: .25s;
	display: table-cell;
	list-style: none;
	text-align: center;
	padding: 20px 20px 25px 20px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	color: #333;
}
.tabs > li:before {
	z-index: -1;
	position: absolute;
	content: "";
	width: 100%;
	height: 120%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition-duration: .25s;
}
.tabs > li:hover:before {
	-webkit-transform: translateY(70%);
	transform: translateY(70%);
}
.tabs > li.active {
	color: #fff;
}
.tabs > li.active:before {
	transition-duration: .5s;
	background-color: #222d32;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.tab__content {
	background-color: white;
	position: relative;
	width: 100%;
}
.tab__content > li {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	list-style: none;
}
.tab__content > li .content__wrapper {
	width: 100%;
	padding: 25px 0px;
	background-color: white;
}
.nopadding {
	padding: 0px !important;
}
.header-title {
	border-bottom: 3px solid #4c4c4c;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.header-title h2 {
	margin: 0px !important;
	display: inline;
	float: left;
	padding: 5px 10px;
	background: #4c4c4c;
	color: #2f4050;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
}
.items-description {
	padding: 15px;
}
.items-description .divider {
	border-bottom: 1px dashed #999;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.items-description h4 {
	font-weight: 600;
	color: #444;
	margin: 0px 0px 10px 0px;
	font-size: 16px;
}
.items-description p {
	line-height: 20px;
}
.movein-bg {
	background: #d7f1eb !important
}
.movein-border {
	border-bottom: 2px solid #d7f1eb;
}
.moveout-bg {
	background: #357ca5;
}
.nav-tabs {
	border-bottom: 2px solid #DDD;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border-width: 0;
}
.nav-tabs > li > a {
	border: none;
	color: #999;
	text-align: center;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
	border: none;
	color: #18a689 !important;
	background: transparent;
}
.nav-tabs > li > a::after {
	content: "";
	background: #18a689;
	height: 2px;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -1px;
	transition: all 250ms ease 0s;
	transform: scale(0);
}
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
	transform: scale(1);
}
.tab-nav > li > a::after {
	background: #21527d none repeat scroll 0% 0%;
	color: #fff;
}
.tab-pane {
	padding: 10px 0;
}
.card {
	background: #FFF none repeat scroll 0% 0%;/*margin: 0px 20px;*/
}
.visitor-listing-row {
	min-height: 80px;
	border-bottom: 1px solid #e3e3e3;
	color: #565656;
	padding: 14px 0;
}
.visitor-listing-logo {
	float: left;
	min-height: 1px;
	line-height: 56px;
	text-align: center;
}
.visitor-listing-logo img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.visitor-listing-name {
	float: left;
	/*width:370px;*/
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	max-height: 80px;
}
.visitor-listing-name h4 {
	margin: 0;
	padding: 0;
	padding-top: 9px;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
}
.job-listing-name .job-listing-summary {
	font-size: 13px;
	color: #929292;
}
.visitor-listing-region {
	border-right: 1px solid #e3e3e3;
	line-height: 28px;
	text-align: center;
}
.visitor-listing-region span, .visitor-listing-type span {
	display: inline-block;
	width: 100%;
}
.visitor-listing-region .fa, .visitor-listing-type .fa {
	color: #9E9E9E;
	margin-right: 10px;
}
.visitor-listing-type {
	line-height: 30px;
	border-right: 1px solid #e3e3e3;
}
.visitor-label {
	display: inline-block;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}
.visitor-listing .fa {
	color: #03a9f4;
}
.visitor-listing-view {
	text-align: center;
	padding: 20px 0px;
}
.loading-ajax {
	display: none;
	width: 100%;
	padding: 60px 0;
	text-align: center;
	color: #929191;
}
@media (max-width:1200px) {
.visitor-listing-region {
	float: left;
}
.visitor-listing-logo {
	float: none;
	display: block;
}
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px) {
.visitor-listing-name {
	margin-left: 0;
	border-left: none;
}
.visitor-listing-name {
	padding-left: 10px;
	width: 400px;
}
.visitor-listing-region {
	width: 200px;
}
}
/*(min-width:768px) and (max-width:991px)*/

@media (max-width:767px) {
.visitor-listing-name {
	margin-left: 0;
	border-left: none;
	width: 340px;
}
.visitor-listing-region {
	border-right: 0;
	width: 140px;
}
.visitor-listing-name {
	width: 100%;
	border-right: 0;
	text-align: center;
}
.visitor-listing-region {
	padding-left: 14px;
}
.job-listing-name {
	width: 100%;
	padding-left: 15px;
}
.visitor-listing-view {
	line-height: 50px;
	padding-left: 15px;
}
.job-list-item .resume-list-category {
	text-align: left;
}
.visitor-listing-title h3 {
	font-size: 18px;
}
}




/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) and (max-width:1199px) {
.visitor-listing-name {
	width: 370px;
	padding-left: 20px;
}
.visitor-listing-region {
	width: 170px;
}
}
@media (max-width:1199px) {
.visitor-listing-region {
	display: inline-block;
	width: auto;
	border-right: 1px solid #e3e3e3 !important;
	line-height: 51px;
	padding-right: 15px;
	padding-left: 15px;
}
.visitor-listing-type {
	min-width: 0;
	width: auto !important;
	display: inline-block;
	border-right: 1px solid #e3e3e3;
	margin-left: 0;
	padding: 0 15px;
}
}
@media (max-width:480px) {
.visitor-listing-view {
	float: left;
}
}
@media (max-width:280px) {
}
@media (max-width:360px) {
.visitor-listing-region {
	width: 160px;
}
}
.img-thumbnail {
	margin: 0px 8px;
}
.custom-file-input {
	color: transparent;
	height: 45px;
}
.custom-file-input::-webkit-file-upload-button {
 visibility: hidden;
}
.custom-file-input::before {
	content: '';
	color: #fff;
	display: inline-block;
	background: #00BCD4;
	padding: 7px 0px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	font-size: 14px;
	margin-top: 5px;
	width: 85%;
	text-align: center;
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
	outline: none;
}
.custom-file-input:hover::before {
	border-color: black;
}
.custom-file-input:active {
	outline: 0;
}
.custom-file-input:active::before {
	background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
a:hover, a:focus {
	outline: none;
	text-decoration: none;
}
#accordion .panel {
	border: 0px none;
	border-radius: 0px;
	box-shadow: none;
	margin: 0px 25px -1px 25px;
}
#accordion .panel-heading {
	padding: 0;
	border-radius: 0px;
}
#accordion .panel-title a {
	position: relative;
	display: block;
	padding: 15px 10px 15px 55px;
	background: #fff;
	color: #367fa9;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
	font-size: 15px;
	border-top: 2px solid #367fa9;
}
#accordion .panel-title a i, #accordion .panel-title a.collapsed i {
	position: absolute;
	top: 0;
	left: -26px;
	color: #fff;
	font-size: 17px;
	background: #367fa9;
	line-height: 50px;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 4px;
	border: 0 none;
}
#accordion .panel-title a.collapsed i {
	background: #fff;
	color: #333;
	border: 1px solid #d3d3d3;
}
#accordion .panel-title a.collapsed:hover i {
/* background:#233859;
	color:#fff;*/
}
#accordion .panel-body {
	/*padding-left: 50px;
		color: #333;
		line-height: 24px;
		border-top: 0px none;
	border-left: 1px dashed #233859;*/
	
	
	padding-left: 50px;
	color: #333;
	line-height: 24px;
	border-top: 0px none;
	border: 1px solid #dedede;
	height: 330px;
	overflow-y: scroll;
}
@media only screen and (max-width: 768px) {
#accordion .panel-title a i, #accordion .panel-title a.collapsed i {
	left: -10px;
}
#accordion .panel-body {
	padding-left: 15px;
	margin-left: 15px;
}
}
.padding-left-0 {
	padding-left: 0px !important;
}
.padding-right-0 {
	padding-right: 0px !important;
}
.visitor-in {
	border-bottom: 1px dashed #ddd;
	min-height: 85px;
}
.visitor-in h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 500;
}
.visitor-in h5 {
	color: #888;
	font-weight: 400 !important;
	line-height: 20px;
}
#style-3::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar {
 width: 6px;
 background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar-thumb {
 background-color: #3bafda;
}
/* Bounce To Top */
.view-detail {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	font-size: 12px;
	border: 1px solid #3bafda;
	padding: 10px 12px;
	color: #3bafda;
	text-transform: uppercase;
}
.view-detail:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #3bafda;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.view-detail:hover, .view-detail:focus, .view-detail:active {
	color: white;
}
.view-detail:hover:before, .view-detail:focus:before, .view-detail:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Top */
.staff-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	font-size: 12px;
	border: 1px solid #a6d433;
	padding: 10px 12px;
	color: #a6d433;
	text-transform: uppercase;
	position: absolute;
	top: 25px;
	right: 25px;
}
.staff-in:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #a6d433;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.staff-in:hover, .staff-in:focus, .staff-in:active {
	color: white;
}
.staff-in:hover:before, .staff-in:focus:before, .staff-in:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.visitor-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	font-size: 12px;
	border: 1px solid #ef2b1d;
	padding: 10px 12px;
	color: #db4455;
	text-transform: uppercase;
	position: absolute;
	top: 25px;
	right: 25px;
}
.visitor-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ef2b1d;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.visitor-out:hover, .visitor-out:focus, .visitor-out:active {
	color: white;
}
.visitor-out:hover:before, .visitor-out:focus:before, .visitor-out:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Icon Back */
.add-visitor {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-left: 2.2em;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	background: #a6d433;
	color: #fff;
	padding: 9px 30px;
	text-transform: uppercase;
	margin-left: 55px;
}
.add-visitor:hover {
	color: #fff;
}
.add-visitor:before {
	content: "\f067";
	position: absolute;
	left: 1em;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.add-visitor:hover:before, .add-visitor:focus:before, .add-visitor:active:before {
	-webkit-transform: translateX(-4px);
	transform: translateX(-4px);
	color: #fff;
}
.generate-otp {
	background-color: #37bd9c;
	color: #fff;
	margin-top: 20px;
	display: inline-block;
	padding: 10px;
	margin-left: 15px;
}
.generate-otp:hover, .generate-otp:visited, .generate-otp:focus {
	color: #fff;
}
.add-purpose {
	background: #a6d433;
	color: #fff;
	padding: 9px 30px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: inline-block;
}
.add-purpose:hover, .add-purpose:visited, .add-purpose:focus {
	color: #fff;
	background: #3bafda;
}
#setup .panel {
	border: none;
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 0;
}
#setup .panel-heading {
	padding: 0;
	border: none;
	border-radius: 0;
}
#setup .panel-title a {
	display: block;
	padding: 15px 0px 14px 46px;
	background: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFC107;
	border-bottom: 2px solid #00BCD4;
	position: relative;
	transition: all 0.5s ease 0s;
}
#setup .panel-title a.collapsed {
	border-bottom: 2px solid #dadada;
	color: #4b4673;
}
#accordion .panel-title a.collapsed:hover {
	border-bottom: 2px solid #00BCD4;
	color: #eb5d7b;
}
#setup .panel-title a:before, #setup .panel-title a.collapsed:before {
	content: "\f068";
	font-family: FontAwesome;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #00BCD4;
	position: absolute;
	top: 9px;
	left: 0;
	font-size: 14px;
	color: #fff;
	text-align: center;
	transition: all 0.5s ease 0s;
}
#setup .panel-title a.collapsed:before {
	content: "\f067";
	background: #dadada;
}
#setup .panel-title a.collapsed:hover:before {
	background: #00BCD4;
}
#setup .panel-body {
	font-size: 13px;
	color: #888;
	line-height: 25px;
	padding: 10px 20px;
	position: relative;
	border: none;
	transition: all 0.5s ease 0s;
}
#setup .panel-body h3 {
	margin: 0px;
	font-size: 15px;
	color: #444;
}
.purpose-list {
	border: 1px solid #ddd;
	padding: 5px 10px;
	margin-bottom: 10px;
	position: relative;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.purpose-list h3 {
	font-size: 14px;
	display: inline-block;
	margin-bottom: 0px;
}
.purpose-list:hover {
	border: 1px solid #3bafda;
}
.modal-body p {
	font-size: 16px;
	margin-bottom: 20px;
}
.staffIn h3 {
	color: #333;
	text-align: left;
	padding: 10px;
	cursor: pointer;
	font-weight: 500;
	padding-right: 40px;
	transition: 0.25s all;
	position: relative;
	font-size: 16px;
	padding-left: 0px;
	background: #f5f5f5;
}
.staffIn span {
	margin-left: 10px;
}
.staffIn ul {
	margin: 0px;
	padding: 0px;
}
.staffIn ul li {
/*list-style-type: none;
	display: inline-block;
	background: #e3e3e3;
	color: #444;
	padding: 10px 15px;
	font-weight: 600;
	margin-right: 20px;
	margin-bottom: 20px;*/
}
.staffIn h3.active {
	margin-bottom: 15px;
	background: #3bafda;
	color: #fff;
}
.staffIn h3::before {
	content: attr(data-prefix);
	font-size: 18px;
	margin-right: 9px;
}
.staffIn h3.alignLeft {
	padding-left: 35px;
}
.staffIn > div {
	display: none;
	background: #fff;
	border-radius: 0px;
	border: 1px solid #cdcdcd;
	text-align: left;
}
.staffIn .arrowDown {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13.0px 7.5px 0 7.5px;
	border-color: #3bafda transparent transparent transparent;
	position: absolute;
	bottom: 0;
	left: 40px;
	transition: 0.25s all;
	opacity: 0;
}
.staffIn .active .arrowDown {
	bottom: -13px;
	border-color: #3bafda transparent transparent transparent;
	opacity: 1;
}
.staffIn .collapseIcon {
	position: absolute;
	right: 20px;
	top: 45%;
	font-size: 25px;
	font-weight: 300;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.staffIn .collapseIcon.alignLeft {
	right: initial;
	left: 20px;
}
.padding-bottom-10 {
	padding-bottom: 10px;
}
.alert-dismissable .close, .alert-dismissible .close {
	top: 1px;
	left: 8px;
	opacity: 1;
	color: #da2c17;
	position: relative;
	font-size: 12px !important;
	line-height: 0;
}
.alert.alert-dismissible {
	background: #f5dca4;
	margin-bottom: 10px;
	display: inline-block;
	padding: 6px 12px;
	margin-right: 10px;
	font-weight: 500;
	color: brown;
}
.marginLeft20 {
	margin-left: 20px;
}
.gatepass {
	background-color: #3bafda;
	color: #fff;
	padding: 6px 15px;
	display: inline-block;
	margin: 10px 0px;
	border: 0px;
}
.gatepass:hover, .gatepass:focus {
	background: #9dbb40;
	outline: 0;
}
.gatepass i {
	font-size: 16px;
	margin-right: 5px;
}
.move-out {
	border: 1px solid #3bafda;
	padding-bottom: 20px;
}
.move-out h3 {
	background: #3bafda;
	color: #fff;
	text-align: center;
	margin: 0px;
	padding: 10px 0px;
}
.move-out-details {
	padding: 20px;
}
.filter {
	display: inline-block;
	position: absolute;
	right: 20px;
	background: #001f3f;
	padding: 5px 11px;
	top: 6px;
	border-radius: 4px;
	border: 0px;
}
.filter:focus {
	outline: none;
}
.filter i {
	margin-right: 10px;
}
.modal-body {
	padding: 10px 20px !important;
	background: #fff;
	text-align: left;
}
.modal-body label {
	font-size: 13px;
	font-weight: 500;
	color: #555;
	display: block;
}
.modal-body h3 {
	padding: 0px;
	color: #4c4c4c;
	font-size: 16px;
	text-align: center;
	margin: 10px 0px 15px 0px;
	font-weight: 500;
}
.chosen-container.chosen-container-single {
	width: 100% !important;
	border: 1px solid #ddd;
}
.form-label {
	margin-top: 0px;
	margin-left: 15px;
}
select {
	color: #999 !important;
}
.widget-user-icon {
	float: left;
	font-size: 22px;
	color: #444;
	margin-right: 15px;
}
.widget-user-2 .widget-username {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 400;
	color: #333;
}
.card, .card-new {
	border-radius: 6px;
	background-color: #FFFFFF;
	color: #252422;
	margin-bottom: 8px;
	position: relative;
	z-index: 1;
	height: 165px;
	border: 1px solid #ddd;
}
.card .content {
	padding: 0px 10px 10px 10px;
	border-top: none;
}
.card .title {
	margin: 0;
	color: #252422;
	font-weight: 300;
}
.card .footer {
	padding: 0;
	line-height: 30px;
}
.card .footer hr {
	margin-top: 5px;
	margin-bottom: 5px;
}
.card .stats {
	color: #367fa9;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 0;
	font-size: 12px;
	border-top: 1px solid #cccaca;
	padding-top: 8px;
	text-align: right;
}
.dashboard-content .col-sm-3 {
	padding: 0px 6px !important;
}
.card .stats a {
	color: #367fa9;
}
.card .stats i {
	margin-right: 2px;
	min-width: 15px;
	display: inline-block;
}
.card .footer div {
	display: inline-block;
}
.card .alert.alert-with-icon {
	padding-left: 65px;
}
.card .icon-big {
	font-size: 2em;
	min-height: 40px;
}
.card .icon-big img {
	width: 30px;
	height: auto;
}
.card .numbers {
	font-size: 13px;
	text-align: right;
	padding-top: 15px;
	margin-right: 0px;
}
.card .numbers p {
	font-size: 13px;
	float: left;
	margin-left: -22px;
}
.card-user .title {
	font-weight: 600;
	line-height: 24px;
}
.card-user .description {
	margin-top: 10px;
}
.card-user .content {
	min-height: 200px;
}
.card-user.card-plain .avatar {
	height: 190px;
	width: 190px;
}
.icon-warning {
	color: #ced1d2;
}
/* Manage User */
.hiddenRow {
	padding: 0 !important;
}
.accordion-label {
	position: relative;
	text-align: center;
}
.attach-img {
	position: relative;
	display: inline;
}
.attach-img img {
	width: 110px !important;
	height: 110px;
}
.attach-img i {
	position: absolute;
	right: 0px;
	background: crimson;
	color: #fff;
	width: 22px;
	font-size: 12px;
	height: 22px;
	border-radius: 50%;
	line-height: 22px;
	text-align: center;
}
.act-more i {
	margin-right: 20px;
	color: crimson;
	margin-left: 8px;
}
.collaptable {
	margin: 0px auto;
	width: 100%;
}
.collaptable th {
	background: #fff !important;
	color: #444 !important;
	/*padding: 10px 0px !important;*/
	/*width: 9% !important;*/
	font-weight: 500 !important;
	border-bottom: 1px solid #b7cad6 !important;
}
.collaptable td:last-child {
	width: 5%;
}
.collaptable td {
	padding: 15px 0px;
}
.collap-btn {
	margin: 20px 0px;
	margin-right: 40px;
}
.table-hover>tbody>tr:hover {
/*background-color: #f1f9f7 !important;*/
}
.notice-title {
	padding: 10px;
	font-size: 26px;
	text-align: center;
	color: #fff;
}
.omkar-logo {
	background: #fff;
	padding: 5px 0px;
	text-align: center;
}
.omkar-logo img {
	width: 80px;
}
.manage-by {
	border-top: 1px solid #6CF;
	background: #fff;
	padding: 5px 0px;
}
.manage-by h5 {
	font-weight: 400;
	margin-bottom: 5px;
}
.tools {
	text-align: center;
}
.tools i {
	margin: 9px 5px;
	font-size: 14px;
}
.setup-btn {
	margin-left: 20px;
	margin-bottom: 10px;
}
.edit-tools {
	margin-right: 20px;
	margin-bottom: 10px;
	float: right;
}
.edit-tools i {
	margin-right: 7px;
	font-size: 14px;
}
.edit-tools ul {
	margin: 0px;
}
.edit-tools ul li {
	list-style-type: none;
	display: inline-block;
	margin: 0px 5px;
}
.setup-list {
	margin-bottom: 20px;
}
.setup-list ul {
	margin: 0px;
	padding: 0px;
}
.setup-list ul li {
	list-style-type: none;
	display: inline-block;
	width: 19%;
}
.setup-list ul li:last-child {
	border-right: none;
}
.setup-list ul li p {
	font-size: 13px;
	color: #777;
	margin: 0px;
}
.setup-list h5 {
	margin-bottom: 2px;
	margin-top: 2px;
}
hr {
	border-top: 1px solid #c7dce6 !important;
	margin: 5px 0px;
}
.issue-assign {
	margin: 0px 20px;
}
.issue-assign-title {
	background: #ecf0f5;
	padding: 0px 12px;
	vertical-align: middle;
	margin-top: 10px;
}
.content-wrap .form-control {
}
.content-wrap .input-group-addon {
	padding: 4px 7px;
	font-size: 11px;
}
.content-wrap .form-group {
	margin-bottom: 10px;
}
.content-wrap section {
	padding-top: 0px !important;
}
form.form-inline {
	margin-bottom: -10px;
	margin-left: 5px;
}
/* DivTable */
.divTable {
	width: 100%;
	margin: 0px auto;
	margin-bottom: 5px;
	border-top: 1px solid rgba(34,36,38,.1);
}
.divTableRow {
	display: table-row;
}
.divTableCell, .divTableHead {
	display: table-cell;
	padding: 2px 5px;
	vertical-align: middle;
	font-size: 13px;
	text-align: center;
	border-left: 1px solid rgba(34,36,38,.1);
	border-bottom: 1px solid rgba(34,36,38,.1);
	position: relative;
	width: 10%;
}
.divTableCell .palette-color-picker-button {
	position: absolute;
	top: 6px !important;
	right: 1px !important;
}
.divTableHead:last-child {
	border-bottom: 1px solid rgba(34,36,38,.1);
}
.divTableCell:last-child {
	border-right: 1px solid rgba(34,36,38,.1);
}
.divTableRow:last-child {
	border-bottom: 1px solid rgba(34,36,38,.1);
}
.divTableHeading {
	display: table-header-group;
	font-weight: 500;
	background: #f9fafb;
	border-bottom: 1px solid #65b0d4 !important;
	text-align: center;
	border-top: 1px solid rgba(34,36,38,.1) !important;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divFoot {
	border-top: none !important;
	margin-top: 0px !important;
}
.divTableBody {
	display: table-row-group;
}
.width10 {
	width: 10%;
}
.width20 {
	width: 20% !important;
}
.width16 {
	width: 16%;
}
.width1 {
	width: 1%;
}
.width5 {
	width: 5%;
}
.width40 {
	width: 40% !important;
}
.width30 {
	width: 30% !important;
}
.width48 {
	width: 48%;
}
.width15 {
	width: 15%;
}
.width10 {
	width: 10%;
}
.divTableBody input[placeholder] {
	font-size: 9px;
}
.divTableBody .col-sm-4 {
	padding-right: 3px;
}
.divTableBody .col-sm-4:last-child {
	padding-right: 0px;
}
.bg-white {
	background: #fff !important;
	border: none;
}
.rule-title {
	color: #18a689;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
}
.ibox-content h1 {
	font-weight: 400;
	color: #5f5f5f;
	font-size: 20px;
}
.ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 {
	margin-top: 0px;
	margin-bottom: 5px;
}
.ibox-content.text-box {
	padding-bottom: 0px;
	padding-top: 15px;
}
.m-b-md {
	margin-bottom: 20px;
}
.ibox {
	clear: both;
	/*margin-bottom: 15px;*/
	margin-top: 0;
}
.ibox:after, .ibox:before {
	display: table;
}
.ibox-title {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #ffffff;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0px 0;
	color: inherit;
	margin-bottom: 0;
	padding: 8px 10px;/*height: 40px;*/
}
.ibox-list .label {
	display: block;
	margin-top: 5px;
}
.ibox-list {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #ffffff;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 4px 0px 0;
	color: inherit;
	margin-bottom: 0;
	padding: 5px 10px;
	height: 36px;
}
.ibox-content {
	background-color: #ffffff;
	color: inherit;
	padding: 10px 15px;
	border-color: #e7eaec;
	/*border-image: none;
	border-style: solid solid none;
	border-width: 1px 0px;*/
}
.ibox-detail {
	background-color: #ffffff;
	color: inherit;
	padding: 5px 10px;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0px;
	min-height: 85px;
}
.ibox-detail small {
	color: #444;
	display: block;
	margin-top: 4px;
}
.ibox-content {
	clear: both;
}
.ibox-heading {
	background-color: #f3f6fb;
	border-bottom: none;
}
.ibox-heading h3 {
	font-weight: 200;
	font-size: 24px;
}
.ibox-title h5 {
	display: inline-block;
	font-size: 14px;
	margin: 0 0 7px;
	padding: 0;
	text-overflow: ellipsis;
	float: left;
	margin-top: 5px;
}
.ibox-title .label {
	margin-left: 4px;
	display: block;
	margin-top: 5px;
	float: left;
}
.stat-percent {
	float: right;
	font-size: 12px;
	margin-top: 2px;
}
.ibox p {
	margin: 10px 200px 20px 0px;
	line-height: 22px;
}
.ibox-tools {
	/*display: inline-block;
	float: right;*/
	text-align: right;
	margin-top: 0;
	position: relative;
	padding: 0;
}
.ibox-tools a {
	cursor: pointer;
	margin: 0px 3px;
	color: #555;
}
.ibox-tools a.btn-primary {
	color: #fff;
}
.ibox-tools .dropdown-menu > li > a {
	padding: 0px 10px;
	font-size: 12px;
	border-radius: 3px;
	color: inherit;
	line-height: 25px;
	margin: 4px;
	text-align: left;
	font-weight: normal;
}
.ibox .open > .dropdown-menu {
	left: auto;
	right: 0;
}
.project-title a {
	font-size: 13px;
	color: #444 !important;
	font-weight: 500;
	text-transform: capitalize;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* line-height: 16px; */
    /* max-height: 9px; */
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;/*width: 90px;*/
	cursor: pointer;
}
.project-title, .project-title a {
	cursor: pointer!important;
}
.ibox-inventory-list {
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-bottom: 15px;
}
.project-title a:hover {
	color: #676a6c;
	cursor: default;
}
.advanced-filter {
	font-size: 13px;
	color: #333;
	display: block;
	margin-top: 3px;
}
.advanced-filter:hover {
	color: #db2828;
}
.btn-white {
	color: inherit;
	background: white;
	border: 1px solid #e7eaec;
}
.btn-white:hover {
	border: 1px solid #269abc;
}
.m-b-sm {
	margin-bottom: 10px !important;
}
.m-t-sm {
	margin-top: 10px !important;
}
.progress-mini, .progress-mini .progress-bar {
	height: 5px;
	margin-bottom: 0px;
}
.progress-small, .progress-mini {
	margin-top: 5px;
}
.progress-bar {
	background-color: #1ab394;
}
.project-list {
	overflow-x: auto;
	width: 99%;
}
.project-list th {
	background-color: transparent !important;
	color: #666 !important;
	border-top: 0px !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	white-space: nowrap;
}
.project-list tr td, {
 font-weight: 400 !important;
}
.project-people {
	margin-bottom: 15px;
}
.project-people i {
	font-size: 16px;
}
.project-people img {
	width: 38px;
	height: 38px;
	vertical-align: top;
}
.visitor-history th {
	background-color: transparent !important;
	color: #666 !important;
	border-top: 0px !important;
	font-weight: 500 !important;
	font-size: 12px !important;
	white-space: nowrap;
}
.visitor-history tr td {
	font-size: 12px;
	font-weight: 400 !important;
}
.agent-code {
	display: block;
	color: #18a689;
	font-size: 11px;
}
.white-bg {
/*background-color: #ffffff;*/
}
.page-heading {
	border-top: 3px solid rgba(34,36,38,.1);
	padding: 0px 0px 9px 20px;
}
.breadcrumb {
	background-color: #ffffff !important;
	padding: 0;
	margin-bottom: 0;
}
.project-list .breadcrumb>li {
	display: inline-block;
}
.project-list .breadcrumb > li a {
	color: inherit;
}
.page-heading h2 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 10px;
}
.filter-collapse {
	background: #fcfcfd;
	padding: 10px 0px;
	margin-bottom: 20px;
	border: 1px solid #edf2f9;
}
.filter-collapse label {
	font-weight: 400;
}
.margin-r-10 {
	margin-right: 10px !important;
}
.file-box {
	width: 132px;
	display: inline-block;
}
.file-box img {
	width: 100% !important;
}
.file-manager h5 {
	text-transform: uppercase;
}
.file-manager {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.folder-list li a {
	color: #666666;
	display: block;
	padding: 5px 0;
}
.folder-list li {
	border-bottom: 1px solid #e7eaec;
	display: block;
}
.folder-list li i {
	margin-right: 8px;
	color: #3d4d5d;
}
.category-list li a {
	color: #666666;
	display: block;
	padding: 5px 0;
}
.category-list li {
	display: block;
}
.category-list li i {
	margin-right: 8px;
	color: #3d4d5d;
}
.category-list li a .text-navy {
	color: #1ab394;
}
.category-list li a .text-primary {
	color: #1c84c6;
}
.category-list li a .text-info {
	color: #23c6c8;
}
.category-list li a .text-danger {
	color: #EF5352;
}
.category-list li a .text-warning {
	color: #F8AC59;
}
.file-manager h5.tag-title {
	margin-top: 20px;
}
.tag-list li {
	float: left;
}
.tag-list li a {
	font-size: 10px;
	background-color: #f3f3f4;
	padding: 5px 12px;
	color: inherit;
	border-radius: 2px;
	border: 1px solid #e7eaec;
	margin-right: 5px;
	margin-top: 5px;
	display: block;
}
.file {
	border: 1px solid #e7eaec;
	padding: 0;
	background-color: #ffffff;
	position: relative;
	margin-right: 8px;
	text-align: center;
}
.file a i {
	font-size: 32px;
	margin: 12px 0px;
	color: #999;
}
.file-manager .hr-line-dashed {
	margin: 15px 0;
}
.file .icon, .file .image {
	height: 60px;
	overflow: hidden;
}
.file .icon, .file .image i {
	font-size: 45px;
	color: #888;
	margin-top: 6px;
}
.file .icon, .file .image img {
	width: 100%;
}
.file i {
	padding: 0px 4px;
	text-align: center;
}
.file-control {
	color: inherit;
	font-size: 11px;
	margin-right: 10px;
}
.file-control.active {
	text-decoration: underline;
}
.file .icon i {
	font-size: 70px;
	color: #dadada;
}
.file .file-name {
	padding: 6px;
	background-color: #f8f8f8;
	border-top: 1px solid #e7eaec;
	color: #444;
	font-size: 13px;
	font-weight: 400;
	cursor: pointer;
	position: relative;
	text-align: left;
}
.file .download {
	position: absolute;
	right: 0px;
	bottom: 0px;
	top: 40px;
}
.file .file-name span {
	margin-top: 0px !important;
}
.file .file-name i {
	position: absolute;
	right: 0px;
	top: 8px;
	font-size: 12px;
	color: #555;
}
.file .file-name span {
	display: inline-block;
	color: #444;
	font-size: 12px;
	white-space: nowrap;
	width: 100px;
	margin-top: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.file-name small {
	color: #676a6c;
}
.corner {
	position: absolute;
	display: inline-block;
	width: 0;
	height: 0;
	line-height: 0;
	border: 0.6em solid transparent;
	border-right: 0.6em solid #f1f1f1;
	border-bottom: 0.6em solid #f1f1f1;
	right: 0em;
	bottom: 0em;
}
a.compose-mail {
	padding: 8px 10px;
}
.mail-search {
	max-width: 300px;
}
.hr-line-dashed {
	border-top: 1px dashed #b8babb;
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;
	margin: 8px 0;
}
.edit {
	color: #f39c12;
	font-size: 12px;
	margin: 0px 5px;
}
/* Editable Fields*/
	
	
	
.editable-field {
	overflow: hidden;
	padding: 0px;
	position: static;
	width: auto;
	display: table-cell;
}
.edit-parent-span-hover {
	border: 1px solid #ccc;
	background-color: #fff;
	word-wrap: break-word;
	word-break: break-word;
	/*display: table;*/
	max-width: 100%;
	position: relative;
	border-radius: 2.01px;
	cursor: text;
	box-shadow: 0 0 0 0 transparent;/*opacity: 0.7;*//*padding: 2px 30px 2px 5px;*/
}
.multiple-edit-span {
	display: table-cell;
}
.edit-parent-span {
	border: 1px solid transparent;
	word-wrap: break-word;
	word-break: break-word;
	/*	display: table;*/
	max-width: 100%;
	position: relative;
	border-radius: 2.01px;
	cursor: text;
	box-shadow: 0 0 0 0 transparent;/* padding: 2px 30px 2px 5px;*/
}
.edit-form {
	margin: -2px -30px -2px -5px;
	width: 100%;
}
.validate {
	cursor: pointer;
}
.form-active {
	clear: left;
	word-wrap: break-word;
	word-break: break-word;
	overflow: inherit;
	max-width: 100%;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-top: 2px;
	position: relative;
	vertical-align: top;
	background-color: #fff;
	display: block !important;
	box-shadow: 0 0 0 0 transparent;
}
.edit-icon-container {
	box-sizing: border-box;
	opacity: 0;
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	border-left: 1px solid #ccc;
	/* bottom: 0; */
    /* padding: 2px; */
    /* height: auto; */
    /* margin: 0; */
    /* padding-top: 3px; */
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	/* position: absolute; */
    /* right: 0; */
    /* top: -1; */
	width: 24px;
	display: table-cell;
}
.edit-validate-default {
	color: #707070;
	background-color: #eeeeee;
	border-color: #cccccc;
}
.edit-cancel-default {
	color: #707070;
	/*background-color: #cccccc;;*/
	border-color: #cccccc;
}
.edit-validate-primary {
	color: #ffffff;
	background-color: #428bca;
	border-color: #357ebd;
}
.edit-validate-warning {
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #eea236;
}
.edit-validate-success {
	color: #ffffff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.edit-validate-danger {
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d43f3a;
}
.edit-pointer {
	cursor: pointer;
}
.select2-container.form-control {
	background: transparent;
	box-shadow: none;
	border: none;
	display: block;
	/* 1 */
	margin: 0;
	padding: 0;
}
.input-group.select2-bootstrap-prepend [class^="select2-selection"] {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}
.input-group.select2-bootstrap-append [class^="select2-selection"] {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.form-control-feedback {
	position: absolute;
	top: 10;
	right: 10;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none;
}
.edit-has-error {
	color: #a94442;
}
.edit-has-success {
	color: #468847;
}
.result-message {
	display: none;
}
.tt-query {
	margin-bottom: 0;
}
.tt-hint {
	display: none;
}
.tt-menu {
	min-width: 160px;
	margin-top: 2px;
	padding: 5px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
 *border-right-width: 2px;
 *border-bottom-width: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
.tt-suggestion {
	display: block;
	padding: 3px 20px;
}
.tt-suggestion:hover {
	cursor: pointer;
	color: #fff;
	background-color: #0097cf;
}
.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #0097cf;
}
.tt-suggestion p {
	margin: 0;
}
.gist {
	font-size: 14px;
}
.gly-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
 0% {
 -moz-transform: rotate(0deg);
}
 100% {
 -moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
 0% {
 -o-transform: rotate(0deg);
}
 100% {
 -o-transform: rotate(359deg);
}
}
@keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
.input-group-btn-vertical {
	position: relative;
	white-space: nowrap;
	width: 2%;
	vertical-align: middle;
	display: table-cell;
}
.input-group-btn-vertical > .btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 7px 7px 6px 7px;
	margin-left: -1px;
	position: relative;
	border-radius: 0;
}
.input-group-btn-vertical i {
	position: absolute;
	top: 0;
	left: 4px;
}
.custom-bold-hover {
	font-weight: bold;
}
.custom-red-hover {
	color: red;
}
.prepend-example {
	color: #fff;
	background-color: #468847;
	border-color: #468847;
}
.append-example {
	color: #fff;
	background-color: #a94442;
	border-color: #a94442;
}
.save-options {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 3px 6px rgba(111,111,111,0.2);
	outline: none;
	padding: 3px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1;
}
.save-options button {
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 3.01px;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 14px;
	font-variant: normal;
	font-weight: normal;
	height: 24px;
	line-height: 1.42857143;
	margin: 2;
	text-decoration: none;
	vertical-align: baseline;
	white-space: nowrap;
}
a.gumroad-button {
	background-color: white !important;
	background-image: url("https://gumroad.com/button/button_bar.jpg") !important;
	background-repeat: repeat-x !important;
	border-radius: 4px !important;
	box-shadow: rgba(0, 0, 0, .4) 0 0 2px !important;
	color: #999 !important;
	display: inline-block !important;
	font-family: -apple-system, ".SFNSDisplay-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 50px !important;
	padding: 0 15px !important;
	text-shadow: none !important;
	text-decoration: none !important;
}
.gumroad-button-logo {
	background-image: url("https://gumroad.com/button/button_logo.png") !important;
	background-size: cover !important;
	height: 17px !important;
	width: 16px !important;
	display: inline-block !important;
	margin-bottom: -3px !important;
	margin-right: 15px !important;
}
.css-section {
	margin-bottom: 30px;
}
.photos {
	margin: 10px 0;
}
.feed-photo {
	max-height: 100px;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
}
.feed-activity-list .feed-element {
	border-bottom: 1px solid #e7eaec;
}
.feed-activity-list .feed-element span {
	display: block;
	font-size: 85%;
	font-weight: 500;
	color: #777;
}
.feed-element:first-child {
	margin-top: 0;
}
.feed-element {
	padding-bottom: 5px;
	border-bottom: 1px solid #e7eaec;
}
.feed-element, .feed-element .media {
	margin-top: 10px;
}
.feed-element .well {
	border: 1px solid #e7eaec;
	box-shadow: none;
	margin-bottom: 5px;
	padding: 10px 20px;
	margin-right: 10px;
	font-size: 13px;
	line-height: 20px;
	margin-top: 5px;
}
.feed-element img.img-circle, .dropdown-messages-box img.img-circle {
	width: 38px;
	height: 38px;
	margin-right: 15px;
}
.input-group .input-sm+.input-group-btn .btn {
	font-size: 13px;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
	max-width: 100%;
	font-size: 1.25rem;
	/* 20px */
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 0.625rem 1.25rem;/* 10px 20px */
}
.no-js .inputfile + label {
	display: none;
}
.inputfile:focus + label, .inputfile.has-focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
/* pointer-events: none; */
    /* in case of FastClick lib use */
}
.inputfile + label svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: -0.25em;
	/* 4px */
	margin-right: 0.25em;/* 4px */
}
/* style 2 */

.inputfile-2 + label {
	color: #777;
	border: 1px dashed #ddd;
	width: auto;
	text-align: center;
	width: 100%;
	margin-bottom: 0px;
}
.inputfile-2:focus + label, .inputfile-2.has-focus + label, .inputfile-2 + label:hover {
	color: #3bafda;
	border: 1px dashed #3bafda;
}
.margin-t-10 {
	margin-top: 10px !important;
}
.lockated-logo {
	padding-left: 20px;
}
.lockated-logo img {
	text-align: center;
	width: 45%;
	margin-top: -6px;
	margin-left: 8px;
}
.cbre-logo {
	padding-right: 20px;
	text-align: center;
}
.cbre-logo img {
	width: 30%;
}
.comment-text {
	margin-bottom: 4px;
	font-size: 12px;
	color: #676a6c;
	font-weight: 400;
	text-transform: capitalize;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 18px;
	max-height: 45px;
	width: 250px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.view {
	color: #1ab394;
}
/*
table {
    width: 50%;
}

thead, tbody, tr, td, th {
    display: block;
}

thead th {
    height: 30px;
}

tbody {
    overflow-y: auto;
    height:300px;
}

tbody td, thead th {
    float: left;
}

tr:after {
    clear: both;
    content: ' ';
    display: block;
    visibility: hidden;
}

label{
	color: #444;
    font-weight: 500;
	}*/
.font12 {
	font-size: 12px;
}
.project-pic {
	width: 100% !important;
	height: auto !important;
}
.label-primary, .badge-primary {
	background-color: #1ab394;
	color: #FFFFFF;
}
.user-label {
	margin-left: 38px;
}
.staff-count {
	width: 20px;
	text-align: center;
	margin-right: 6px;
	margin-left: 5px;
}
p#notice {
	text-align: center;
	color: green;
	font-size: 13px;
	margin-bottom: 0px;
}
.no-margins {
	margin: 0 !important;
}
text {
	font-weight: 400 !important;
	font-size: 12px !important;
	font-family: 'Roboto', sans-serif !important;
}
.minHeight {
	min-height: 295px;
}
.poll-btn {
	position: absolute;
	left: 15px;
	bottom: 15px;
}
.flat-number {
/*margin-left:33px;*/
}
.act-more act-collapsed {
	width: 20px !important;
}
.associate-flat {
	border: 1px solid #cacaca;
	margin-top: 8px;
	padding: 10px;
}
.moveInCollapse {
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 20px 30px;
	width: 100%;
	float: right;
	clear: both;
	margin: 15px 0px;
}
.list-group-separator a.list-group-item:after {
	position: absolute;
	top: 0;
	right: -13px;
	display: block;
	overflow: hidden;
	width: 1px;
	height: 100%;
	content: '';
	background: #ddd;
}
.list-group {
	line-height: 18px;
	text-align: left;
}
.list-group li {
	list-style-type: none;
	line-height: 20px;
}
.list-group-separator li:last-child a.list-group-item:after {
	display: none;
}
/* Centered list groups */
  
.list-group-centered {
	text-align: center;
}
.list-group-icons li {
	display: inline-block;
	float: none;
	list-style-type: none;
	margin-right: 4px;
	margin-bottom: 2px;
}
.list-group-icons .list-group-item {
	font-weight: 400;
	display: block;
	padding: 7px;
	text-align: center;
	text-overflow: ellipsis;
}
.list-group-icons .list-group-item > .glyph-icon {
	font-size: 14px;
	display: block;
	float: none;
	margin: 0 auto;
	margin-bottom: 4px;
}
a.list-group-item:hover {
	color: #2b2f33;
	background: #eff4f6;
}
.list-group-item {
	border-color: #dfe8f1;
}
.list-group-item {
	position: relative;
	display: block;
	margin-bottom: -1px;
	padding: 10px 15px;
	border-width: 0px;
	border-style: solid;
}
.text-danger, .font-red {
	color: #ff5757 !important;
}
.dash-img {
	display: block;
	width: 26px;
	height: auto;
	border-bottom: 1px solid #d0d0d0;
	padding: 5px 0px;
}
.alphabet {
	text-align: center;
	background: #333;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
	padding: 0px 10px;
	display: block;
	line-height: 30px;
}
.list-group.clear-list .list-group-item {
	border-top: 1px solid #e7eaec;
	border-bottom: 0;
	border-right: 0;
	border-left: 0;
	padding: 10px 0;
}
.fist-item {
	border-top: none !important;
	text-align: left;
	margin-left: 15px;
}
.call-log-date {
	background: #ddd;
	border-radius: 0px;
	padding: 8px;
	color: #444;
	font-weight: 500;
	font-size: 16px;
}
.bg-que {
	background: #e7f6fd !important;
}
.bg-attemp {
	background: #c0eca9 !important
}
#activity-feed .btn-xs {
	font-size: 8px;
}
.dash-count {
	display: block;
	text-align: center;
	border-top: 1px solid #ddd;
}
.sub-category {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 250px;
	white-space: nowrap;
	display: block;
}
.slot {
	margin: 10px 0px;
}
.slot ul {
	padding: 0px;
	margin: 0px;
}
.slot ul li {
	display: inline-block;
	padding: 8px 10px;
	background: #fff;
	border: 1px solid #bdbaba;
	color: #444;
	font-size: 13px;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: 7px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.slot ul li:hover {
	background: #c22024;
	border: 1px solid #c22024;
	color: #fff;
}
.slot .selected {
	background: #c22024;
	border: 1px solid #c22024;
	color: #fff;
}
.slot .booked {
	background: #999;
	border: 1px solid #999;
	color: #333;
}
.second-slot {
	margin: 20px 0px;
	border: 1px solid #ddd;
	padding: 10px;
	margin-left: 0px;
	margin-bottom: 20px;
	width: 45%;
	display: inline-block;
	clear: both;
}
.forum-post-info {
	padding: 9px 12px 6px 12px;
	background: #f9f9f9;
	border: 1px solid #f1f1f1;
}
.forum-post-info h4 {
	font-size: 14px;
	font-weight: 500;
	color: #c22024;
}
.cancel {
	font-weight: 400;
	line-height: 18px;
	font-size: 12px !important;
}
.timing {
	float: left;
	clear: both;
	margin-right: 4px;
}
.padding-left-10 {
	padding-left: 10px !important;
}
.zero-padding-left {
	padding-left: 0px;
}
.border-bottom {
	border-bottom: 1px solid rgba(34,36,38,.1);
}
.facility-label {
	font-size: 10px;
	text-align: left;
	display: block;
	margin-top: 8px;
	font-weight: 600;
}
.margin-bottom-5 {
	margin-bottom: 5px !important;
}
#addMember input, #addMember select {
	border: none !important;
	border-bottom: 1px solid #d2d2d2 !important;
	background: transparent !important;
	height: 25px;
}
.disclaimer {
	text-align: center;
	margin: 8px 0px !important;
	font-size: 12px;
	font-weight: 400;
}
.associate-flat-history {
	width: 34%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
}
.nav-tabs>li i {
	display: block;
	font-size: 15px;
	margin-bottom: 5px;
}
/* Login*/


.gray-bg {
	background-color: #f3f3f4;
}
.loginscreen.middle-box {
	width: 300px;
	margin: 0px auto;
	padding: 30px;
	padding-top: 0px;
	color: #fff;
}
.middle-box {
}
.middle-box a {
	color: #fff;
	text-decoration: none;
}
.middle-box h3 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}
.middle-box .logo img {
	width: 60%;
}
.full-width {
	width: 100% !important;
}
.half-width {
	width: 49% !important;
}
.m-b {
	margin-bottom: 15px;
}
.setup {
	width: 100%;
}
.btn-circle {
	width: 30px;
	height: 30px;
	padding: 6px 0;
	border-radius: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 1.428571429;
	margin-right: 6px;
}
/* INVOICE */
.invoice-table tbody > tr > td:last-child, .invoice-table tbody > tr > td:nth-child(4), .invoice-table tbody > tr > td:nth-child(3), .invoice-table tbody > tr > td:nth-child(2), .invoice-table thead > tr > th:last-child {
	text-align: right !important;
}
.invoice-table thead > tr > th:last-child, .invoice-table thead > tr > th:nth-child(4), .invoice-table thead > tr > th:nth-child(3), .invoice-table thead > tr > th:nth-child(2) {
	text-align: left;
}
.invoice-total > tbody > tr > td:first-child {
	text-align: right;
	font-weight: 700;
}
.invoice-table > tbody > tr > td {
	font-weight: 400 !important;
}
.invoice-total > tbody > tr > td {
	border: 0 none;
}
.invoice-total > tbody > tr > td:last-child {
	text-align: right;
	width: 15%;
	font-weight: 700;
}
.invoice-total {
	background: #f5f5f5;
	color: #18a689;
}
.invoice-total, .invoice-table {
	margin-bottom: 0px;
}
.m-t {
	margin-top: 20px !important;
}
.contact-box {
	background-color: #ffffff;
	border: 1px solid #e7eaec;
	padding: 10px;
}
.contact-box a {
	color: inherit;
}
.rating {
	font-size: 13px;
	margin-top: 3px;
}
.visit-date {
	margin: 5px 0px !important;
}
.collaptable tr td:first-child {
	width: 1%;
}
.act-tr-level-undefined td:first-child {
	border-top: none;
	border-bottom: 1px solid #b7cad6 !important;
}
.well {
	padding: 8px 12px !important;
	border: none;
	box-shadow: none;
	background-color: #f5f4f4;
}
.address-modal {
	width: 70%;
	margin: 0px auto;
}
.form-title {
	padding: 0px 10px;
	border: 1px solid #e8e8e8;
	font-weight: 500;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom: 15px;
	min-height: 100px;
	margin-top: 5px;
}
.form-title img {
	display: inline-block;
	width: 18px;
	vertical-align: text-bottom;
	margin-right: 5px;
}
.form-title h3 {
	display: block;
	margin-bottom: 10px;
	margin-top: -10px;
	background: #fff;
	width: max-content;
	font-size: 13px;
	text-align: left;
}
.css-section .col-sm-2 {
	padding: 0px 5px;
}
.css-section .nav-tabs>li {
	width: 49.7%;
}
.qrcode {
	font-size: 22px;
	color: #2f4050;
}
.qrcode:hover {
	color: #18a689;
}
.qrcode span {
	display: block;
	font-size: 20px;
	font-weight: 500;
}
.qrcode img {
	width: 165px;
	margin-top: -15px;
}
.ibox-footer {
	border-top: 1px solid #ddd;
	padding: 5px 0px;
	font-size: 12px;
	font-weight: 500;
}
.ibox-border-purple {
	border-color: #c39be0 !important;
}
.ibox-border-blue {
	border-color: #00BCD4 !important;
}
.font-60 {
	font-size: 60px;
}
address {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.btn-alert {
	background: transparent;
	border: none;
	color: #b7b7b7;
	font-weight: 500;
}
.btn-alert:hover, .btn-alert:focus {
	outline: none;
}
.page-alerts {
	width: 40%;
	margin: 0px auto;
}
.page-alerts .page-alert {
	border-radius: 0;
	margin-bottom: 0;
	padding: 10px;
}
/* Multiple Uploader*/


#media-list li img {
	width: 60px;
	height: 60px
}
#media-list li {
	height: 60px
}
div#hint_brand .modal-dialog {
	top: 110px;
	width: 567px;
	max-width: 100%
}
li.myupload span {
	position: relative;
	width: 60px;
	height: 60px;
	display: block;
}
li.myupload span input {
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
}
li.myupload span i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #666;
	font-size: 18px
}
#media-list li {
	float: left;
	border: 1px dashed #999;
	position: relative;
	margin: 0 5px 5px 0;
	width: 60px;
}
#media-list li:last-child {
	margin-right: 0
}
.post-thumb {
	position: absolute;
	background: rgba(0, 0, 0, 0.4);
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none
}
#media-list li:hover .post-thumb {
	display: block
}
a.remove-pic {
	position: absolute;
	top: 3px;
	right: 3px;
	font-size: 10px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	display: block;
	height: 18px;
	width: 18px;
	text-align: center;
	padding: 1px 0;
}
.inner-post-thumb {
	position: relative
}
.user-post-text-wrap {
	position: relative
}
.user-pic-post {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	left: 0
}
.user-pic-post img {
	width: 100%
}
.user-txt-post {
	padding: 0 0 0 65px
}
textarea.form-control.upostTextarea {
	border: 0;
	box-shadow: none;
	height: 85px;
	resize: none
}
.user-post-text-wrap {
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px
}
.user-post-btn-wrap {
	margin: 25px 0 0
}
ul.btn-nav {
	list-style: none;
	padding: 0;
	margin: 0
}
ul.btn-nav li {
	position: relative;
	float: left;
	margin: 0 10px 0 0
}
ul.btn-nav li span input {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	opacity: 0;
	filter: alpha(opacity=100)
}
ul#media-list {
	list-style: none;
	padding: 0;
}
ul#media-list .file-name {
	font-size: 12px;
	width: max-content;
	line-height: 20px;
}
ul#media-list .file-size {
	font-size: 12px;
	width: max-content;
	color: #777;
}
.label-border {
	border: 1px solid #afafaf;
	color: #444;
	padding: 3px;
	font-weight: 500;
	display: inline-block;
}
.green {
	border-color: #00a65a !important;
}
.blue {
	border-color: #00c0ef !important;
}
.orange {
	border-color: #f39c12 !important;
}
.red {
	border-color: #dd4b39 !important;
}
.wrapper-content p {
	margin: 0px 0px 15px 0px;
	line-height: 20px;
	font-size: 13px;
}
/*Tabs*/
.tabs-left > .nav-tabs {
	border-bottom: 0;
}
.tab-content > .tab-pane {
	display: none;
}
.tab-content > .active {
	display: block;
}
.tabs-left > .nav-tabs > li {
	float: none;
	display: inherit;
	cursor: pointer;
}
.tabs-left > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > div {
	margin-right: 0;
	margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
	float: left;
	margin-right: 19px;/*border-right: 1px solid #ddd;*/
}
.tabs-left > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > div {
	margin-right: -1px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > div:hover, .tabs-left > .nav-tabs > li > div:focus {
	border-color: #eeeeee #dddddd #eeeeee #eeeeee;
	background-color: #eeeeee;
}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus, .tabs-left > .nav-tabs .active > div, .tabs-left > .nav-tabs .active > div:hover, .tabs-left > .nav-tabs .active > div:focus {
	border-color: #ddd transparent #ddd #ddd;
 *border-right-color: #ffffff;
}
.tabs-left > .nav-tabs {
	margin-right: 0px;
	padding: 0;
	height: 220px;
	padding-right: 0px !important;
}
.tab-content {
	background-color: #FFFFFF;
	/*border: solid 1px #DCE1E5;*/
	min-height: 250px;
	padding: 0px;
}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus, .tabs-left > .nav-tabs .active div, .tabs-left > .nav-tabs .active div:hover, .tabs-left > .nav-tabs .active div:focus {
	background-color: #ffffff;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-left-radius: 0px;
	border-right-style: none;
	margin-right: -1px;
	-webkit-box-shadow: -4px 0px 18px -1px rgba(0,0,0,0.05);
	-moz-box-shadow: -4px 0px 18px -1px rgba(0,0,0,0.05);
	box-shadow: -4px 0px 18px -1px rgba(0,0,0,0.05);
}
.tabs-left > .nav-tabs > li:nth-child(1) > a, .tabs-left > .nav-tabs > li:nth-child(1) > a:hover, .tabs-left > .nav-tabs > li:nth-child(1) > a:focus, .tabs-left > .nav-tabs > li:nth-child(1) > div, .tabs-left > .nav-tabs > li:nth-child(1) > div:hover, .tabs-left > .nav-tabs > li:nth-child(1) > div:focus {
	cursor: pointer;
	border-top-left-radius: 4px;
}
.tabs-left > .nav-tabs > li.active:nth-child(1) > a, .tabs-left > .nav-tabs > li.active:nth-child(1) > a:hover, .tabs-left > .nav-tabs > li.active:nth-child(1) > a:focus, .tabs-left > .nav-tabs > li.active:nth-child(1) > div, .tabs-left > .nav-tabs > li.active:nth-child(1) > div:hover, .tabs-left > .nav-tabs > li.active:nth-child(1) > div:focus {
	border-top-left-radius: 4px;
	border-bottom-style: none;
	border-left: 1px solid #DCE1E5;
}
.tabs-left > .nav-tabs > li.active > div > div{
	background: #d99529 !important;
}
.tabs-left > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > div {
	display: table;
	margin-right: -1px;
	margin-bottom: 0;
	padding-bottom: 0;
	height: 28px;
	border: solid 1px #DCE1E5;
	border-radius: 0px;
	width: 100%;
}
.tabbable.tabs-left > .nav-tabs > li > div > div {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 12px 0px 12px;
	min-width: 105px;
	max-width: 105px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.panel-body .tab-content {
	border: none;
	min-height: auto;
}

#roles .panel-heading {
	padding-top: 0px;
}
#roles .nav>li>a {
	padding: 7px;
}
#roles .nav>li>a {
	padding: 7px 15px;
	text-align: center;
	font-size: 14px;
	padding-left: 0px;
	font-weight: 500;
	display: inline-block;
}
#roles .tab-pane {
	padding: 0px 5px 5px 5px;
}
#roles .panel-body {
	padding: 10px 15px;
}
#roles input[type=checkbox] {
	margin: 0px 5px 0px;
	vertical-align: middle;
}
.account-type {
	color: #000;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
}
.invoice-box {
	width: 97.5%;
	margin: 0px auto;
	float: none;
	margin-bottom: 15px;
	border: 1px solid #555;
}
.ibox-content h6 {
	margin-bottom: 2px;
	margin-top: 6px;
	font-size: 14px;
}
.invoice-title {
	margin-bottom: 5px;
	margin-top: 5px;
}
.sign {
	margin: 10px 0px;
}
.ibox-content ol li {
	font-size: 12px;
	line-height: 20px;
	list-style-type: disc;
}
.divTableBody .form-control {
	padding: 0px;
	height: 25px;
}
.btn-group-sm>.btn, .btn-sm {
	font-size: 11px;
	text-transform: none;
}
.nav-tabs>li {
	width: auto !important;
	margin-right: 5px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	background-color: transparent;
}
.plan-table {
	min-height: auto !important;
	border: none;
	background: transparent;
	border-radius: 0;
}
.plan-table .tab-pane {
	padding: 0px;
}
.plan-title {
	text-align: left;
	margin-bottom: 7px;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
}
#addMember th {
	font-size: 11px;
	padding: 3px 5px;
}
#addMember td {
	padding: 2px;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
}
.dl-horizontal {
	margin-bottom: 0px;
}
.dl-horizontal dt {
	text-align: left;
	width: 185px;
}
.dl-horizontal dd {
	margin-left: 0px;
	font-weight: 400;
}

.text-center{
	text-align: center !important;
}

.top-space-20{
	margin-top: 20px;
}
.top-space-10{
	margin-top: 10px;
}
ul.dropdown-menu li input[type=checkbox] {
	vertical-align: middle;
}
ul.dropdown-menu .header {
	padding: 10px;
	font-weight: 500;
	font-size: 13px;
	border-bottom: 1px solid #ecf0f5;
}
.tabbable-line .nav-tabs li a {
	padding: 7px 10px;
	font-size: 12px;
}
.tab-pane, .col-sm-2, .col-sm-11, .col-sm-1, .col-sm-3, .col-sm-4, .col-sm-6 {
	padding-left: 0px;
	padding-right: 10px;
}
.btn-group-xs>.btn, .btn-xs {
	text-transform: capitalize !important;
	padding: 2px 5px;
}
.pagination>li>a, .pagination>li>span {
	font-size: 12px;
}
.towards {
	vertical-align: top !important;
}
.form-horizontal input, .form-horizontal select {
	height: 26px;
}
.form-horizontal .form-group {
	margin-bottom: 10px;
	margin-right: 0px;
}
.form-horizontal .control-label {
	font-size: 13px;
	padding-left: 0px;
	font-weight: 500;
	padding-top: 0px;
}
.update-para {
	text-transform: capitalize;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	width: 95%;
}
.orange-border {
	border-left: 3px solid orange;
	padding-left: 3px;
}
.red-border {
	border-left: 3px solid red;
	padding-left: 3px;
}
.green-border {
	border-left: 3px solid green;
	padding-left: 3px;
}
.blue-border {
	border-left: 3px solid #009688;
	padding-left: 3px;
}
.input-group-addon {
	padding: 3px 12px;
	cursor: pointer;
	color: #999;
}
.checkbox-inline {
	font-size: 13px;
}
.powered-by {
	display: block;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 500;
}
.navigation {
	width: 100%;
	font-size: 12px;
	font-weight: 500;
	background: #e8e8e8;
}
.menu {
	display: flex;
	justify-content: left;
	margin: 0 auto;
	padding-left: 0;
}
.menu ul {
	margin-bottom: 0px;
	padding: 0px;
}
.menu ul li {
	list-style-type: none;
	display: inline-block;
	padding: 10px;
}
.menu ul li .active {
	border-bottom: 2px solid #18a689;
	padding-bottom: 3px;
}
.menu ul li a {
	color: #666;
}
.menu ul li a:hover {
	border-bottom: 2px solid #18a689;
	padding-bottom: 3px;
}
input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
	color: #b5b5b5;
	text-transform: uppercase;
	font-size: 11px;
}
.vendor-scroll {
	height: 155px;
	overflow-y: scroll;
}
.font10 {
	font-size: 10px !important;
}
.checkbox label {
	font-size: 13px;
}
.radio label {
	font-size: 13px;
}
.noborder {
	border: none !important
}
.invoice-box .ui.table thead tr:first-child>th:last-child, .invoice-box .ui.structured.celled.table tr td, .invoice-box .ui.structured.celled.table tr th {
/*border-bottom: 1px solid rgba(34, 36, 38, 0.79);
	border-right: 1px solid rgba(34, 36, 38, 0.79);*/
}
.invoice-box .table>thead>tr>th {
/*border-top: 1px solid rgba(34, 36, 38, 0.79) !important;*/
}
.invoice-box .ui.structured.celled.table tr td, .invoice-box .ui.structured.celled.table tr th {
	border: 1px solid rgba(34, 36, 38, 0.79);
	border-top: transparent;
	border-bottom: transparent;
}
.invoice-box .ui.structured.celled.table tr th {
	border-top: 1px solid rgba(34, 36, 38, 0.79);
	border-bottom: 1px solid rgba(34, 36, 38, 0.79);
	font-size: 12px;
}
.invoice-box .ui.structured.celled.table tr th:first-child, .invoice-box .ui.structured.celled.table tr td:first-child {
	border-left: transparent;
}
.invoice-box .ui.structured.celled.table tr th:last-child, .invoice-box .ui.structured.celled.table tr td:last-child {
	border-right: transparent;
}
/* Color Picker*/

.palette-color-picker-button {
	position: absolute;
	right: 15px;
	width: 14px;
	height: 14px;
	background-color: #F44336;
	background-size: cover;
	cursor: pointer;
	top: 5px;
}
.palette-color-picker-bubble {
	display: none;
	position: absolute;
	width: 160px;
	padding: 5px;
	border: 1px solid #bbb;
	border-radius: 3px;
	background-color: #fff;
	top: 0;
	right: 35px;
	text-align: center;
	z-index: 999;
}
.palette-color-picker-bubble:after, .palette-color-picker-bubble:before {
	top: 100%;
	right: 14px;
	border: solid transparent;
	content: ' ';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
.palette-color-picker-bubble .swatch {
	position: relative;
	display: inline-block;
	font: 0/0 a;
	width: 12%;
	padding-top: 9%;
	margin: 2%;
	outline: 1px solid #bbb;
	border: 2px solid #fff;
	border-radius: 3px;
	cursor: pointer;
	overflow: hidden
}
.palette-color-picker-bubble .swatch.active {
	outline-color: #000;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75)
}
.palette-color-picker-bubble .swatch.clear {
	background-color: #fff
}
.palette-color-picker-bubble .swatch.clear:before {
	position: absolute;
	content: '';
	display: block;
	top: -1px;
	left: 0;
	width: 100px;
	height: 2px;
	background-color: #e00;
	transform-origin: 0 0;
	transform: rotate(45deg)
}
#TextBoxContainer input[type=text] {
	display: inline-block;
	padding: 3px 12px !important;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	width: 41%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.closed-msg {
	padding: 10px 0px;
	color: #F44336;
	font-weight: 500;
	font-size: 11px;
	text-align: left;
	border-top: 1px solid #ddd;
}
.inputbox {
	width: 40%;
}
.error-page {
	width: 560px;
	margin: 0px auto;
}
.error-page>.headline {
	float: left;
	font-size: 100px;
	font-weight: 300
}
.error-page>.headline {
	float: none;
	text-align: center
}
.error-page>.error-content {
	display: block;
	text-align: center;
}
.error-page>.error-content img {
	margin: 0px auto;
	text-align: center;
}
.error-page>.error-content {
	margin-left: 0
}
.error-page>.error-content>h3 {
	font-weight: 400;
	font-size: 26px;
	text-align: center;
	text-transform: capitalize;
	color: #535353;
}
.text-white {
	color: #fff !important;
}
.error-page>.error-content>h3 {
	text-align: center
}
.form-horizontal .checkbox input, .form-horizontal .checkbox-inline input {
	height: auto !important;
}
.timing {
	margin-bottom: 10px;
	clear: both;
}
.btn-toggle {
	margin: 0px 0px 6px 82px;
	padding: 0;
	position: relative;
	border: none;
	height: 20px;
	width: 40px;
	border-radius: 1.5rem;
	color: #6b7381;
	background: #e21d41;
}
.btn-toggle:focus, .btn-toggle.focus, .btn-toggle:focus.active, .btn-toggle.focus.active {
	outline: none;
}
.btn-toggle:before, .btn-toggle:after {
	line-height: 1.5rem;
	width: 4rem;
	text-align: center;
	font-weight: 600;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: absolute;
	bottom: 2px;
	transition: opacity .25s;
}
.btn-toggle:before {
	content: 'Breakdown';
	left: -8rem;
}
.btn-toggle:after {
	content: 'In Use';
	right: -5rem;
	opacity: .5;
}
.btn-toggle > .handle {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 1.125rem;
	background: #fff;
	transition: left .25s;
}
.btn-toggle.active {
	transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
	left: 23px;
	transition: left .25s;
}
.btn-toggle.active:before {
	opacity: .5;
}
.btn-toggle.active:after {
	opacity: 1;
}
.btn-toggle:before, .btn-toggle:after {
	color: #6b7381;
}
.btn-toggle.active {
	background-color: #29b5a8;
	box-shadow: none;
}
.restaurant-details {
	padding: 10px 15px;
	background-color: #fbfafa;
	margin-top: -10px;
	margin-left: 5px;
}
.gallery .lightBoxGallery img {
	width: 50px;
	height: 50px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-right-colors: 10px;
	margin-right: 5px;
}
.opening-hours {
	margin-bottom: 8px;
	border-bottom: 1px dashed #e2e0e0;
	padding-bottom: 8px;
}
.pad-l-r {
	padding-left: 0px;
	padding-right: 10px;
}
.attachment-upload {
	width: 25%;
	margin-right: 10px;
	overflow-x: scroll;
	white-space: nowrap;
	display: inline-block;
	border: 1px dashed #ccc;
	padding-left: 2px;
	overflow-y: hidden;
}
.attachment-upload::-webkit-scrollbar {
 height:6px;
}
.attachment-upload::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}
.attachment-upload::-webkit-scrollbar-thumb {
 background-color: darkgrey;
 outline: 1px solid slategrey;
}
.feed-activity-list::-webkit-scrollbar {
 width:3px;
}
.feed-activity-list::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}
.feed-activity-list::-webkit-scrollbar-thumb {
 background-color: #18a689;
 outline: 1px solid slategrey;
}
.asset-qrcode {
	text-align: center;
	cursor: pointer;
}
.asset-qrcode img {
	width: 83px;
	height: 83px;
}
.tab-slider {
	margin-top: 2px;
}
.tab-slider--nav {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.tab-slider--tabs {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	border-radius: 35px;
	overflow: hidden;
	background: #e5e7e8;
	height: 35px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tab-slider--tabs:after {
	content: "";
	width: 50%;
	background: #18a689;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	border-radius: 35px;
}
.tab-slider--tabs.slide:after {
	left: 50%;
}
.tab-slider--trigger {
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	color: #444;
	text-transform: uppercase;
	text-align: center;
	padding: 11px 20px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: color 250ms ease-in-out;
	transition: color 250ms ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tab-slider--trigger.active {
	color: #fff;
}
.tab-slider--body {
	margin-bottom: 20px;
}
.productable td:first-child {
	display: none;
}
.custom-form {
	margin: 0px 15px;
	padding: 10px 0px;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	box-shadow: 0px 1px 3px #e8e8e8;
}
.ibox-content .form-group {
/*margin-bottom: 10px;*/
}
.ibox-content .col-md-2 {
	width: 12.333%;
	padding-left: 0px;
	padding-right: 10px;
}
.ibox-content .col-md-1 {
	width: 5.7%;
	padding-left: 0px;
	padding-right: 10px;
}
.checkbox {
	margin-bottom: 10px;
}
#activity-feed {
	height: 425px;
	overflow-y: scroll;
}
 #activity-feed::-webkit-scrollbar {
 width:3px;
}
 #activity-feed::-webkit-scrollbar-track {
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
 -webkit-box-shadow:#fff;
}
#activity-feed::-webkit-scrollbar-thumb {
 background-color:#18a689;
 outline: 1px solid #ffffff;
}
.w95 {
	width: 95px;
}
.mr140 {
	margin-right: 140px;
}
.ui.horizontal.list>.item {
	font-size: 13px !important;
	color: #888;
}
.ui.celled.list>.item:first-child {
	border-left: none !important;
	padding-left: 0px !important;
}
.ui.items>.item>.content>.description span {
	width: max-content;
	font-size: 13px;
	margin-bottom: 10px;
	border-right: 1px solid #ccc;
	padding: 0px 6px;
}
.ui.items>.item>.content>.description span:first-child {
	padding-left: 0px !important;
}
.ui.items>.item>.content>.description span:last-child {
	padding-left: 0px !important;
	border-right: none;
}
.mh100 {
	min-height: 100px;
}
.count-input {
	position: relative;
	width: 100%;
	max-width: 180px;
}
.count-input input {
	width: 100%;
	height: 24px;
	border: 1px solid #dedede;
	background: none;
	text-align: center;
	background: #fff;
}
.count-input input:focus {
	outline: none;
}
.count-input .incr-btn {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	line-height: 30px;
	top: 50%;
	right: 0;
	margin-top: -15px;
	text-decoration: none;
}
.count-input .incr-btn:first-child {
	right: auto;
	left: 0;
	top: 46%;
}
.document-title {
	box-shadow: 5px 2px 4px #ccc;
	padding: 10px 20px;
	text-align: right;
	border-top: 1px solid #ddd;
}
.cbp-spmenu {
	background: #fff;
	position: fixed;
	box-shadow: 1px 1px 20px #ccc;
}
.cbp-spmenu h3 {
	color: #ffffff;
	font-size: 18px;
	padding: 20px 10px;
	margin: 0;
	font-weight: 400;
	background: #2f4050;
	cursor: pointer;
}
/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 300px;
	height: 100%;
	top: 145px;
	z-index: 1000;
}
.cbp-spmenu-left {
	left: -240px;
}
.cbp-spmenu-right {
	right: -305px;
}
.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}
.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}
.cbp-spmenu-top {
	top: -150px;
}
.cbp-spmenu-bottom {
	bottom: -150px;
}
.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}
.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}
.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.cbp-spmenu-push-toright {
	left: 240px;
}
.cbp-spmenu-push-toleft {
	left: -240px;
}
.cbp-spmenu, .cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#cbp-spmenu-s2 .ui.tabular.menu .item {
	background: none;
	width: 50%;
	text-align: center;
}
#cbp-spmenu-s2 .fa-2x {
	font-size: 20px;
}
#cbp-spmenu-s2 .dl-horizontal dt, .dl-horizontal dd {
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: 400;
}
#cbp-spmenu-s2 .dl-horizontal dt {
	width: 110px;
}
#cbp-spmenu-s2 .ui.list>.item>img.image {
	float: left;
	margin-right: 10px;
}
#cbp-spmenu-s2 .ui.list>.item>img.image+.content {
	display: table-cell;
}
#cbp-spmenu-s2 .ui.list>.item .description {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 20px;
}
#cbp-spmenu-s2 .date {
	margin-bottom: 15px;
	opacity: .6;
}
.ui.list>.item .description span {
	display: block;
	font-size: 12px;
	margin-top: 6px;
	font-weight: 500;
}
.escalation-setup {
	width: 100%;
	text-align: left;
	border-bottom: 1px dashed #ddd;
	margin-top: -12px;
	margin-left: 15px;
}
.bg-lr {
	background: #f1edf0;
}
.escalation-create {
	/*background: #f9fafb;*/
	padding: 10px;
	border: 1px dashed #ddd;
}
.escalation-filter {
	background: whitesmoke;
	padding: 10px 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	width: 97.6%;
}
.escalation-filter h5 {
	margin-bottom: 0px;
	margin-top: 5px;
	float: left;
	margin-right: 15px;
}
.escalation-setup label {
	margin-right: 0px !important;
	margin-top: 8px;
}
.escalation-setup input[type="radio"] {
	display: none;
}
.escalation-setup input[type="radio"]:checked + .box {
	background-color: #565656;
}
.escalation-setup input[type="radio"]:checked + .box span {
	color: white;
}
.escalation-setup .box {
	width: 200px;
	height: 40px;
	margin-bottom: 0px;
	background-color: transparent;
	border: 1px solid #565656;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-shadow: none;
}
.escalation-setup .box span {
	position: absolute;
	left: 0;
	right: 0;
	top: 9px;
	font-size: 14px;
	user-select: none;
	color: #007e90;
}
.option-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	top: 6px;
	right: 0;
	bottom: 0;
	left: 0;
	height: 20px;
	width: 20px;
	transition: all 0.15s ease-out 0s;
	background: #cbd1d8;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-right: 0.5rem;
	outline: none;
	position: relative;
	z-index: 1000;
}
.option-input:hover {
	background: #9faab7;
}
.option-input:checked {
	background: #40e0d0;
}
.option-input:checked::before {
	height: 20px;
	width: 20px;
	position: absolute;
	content: '✔';
	display: inline-block;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
}
.option-input.radio {
	border-radius: 50%;
}
.option-input.radio::after {
	border-radius: 50%;
}
#section-linemove-2 .ui.structured.celled.table tr td, #section-linemove-2 .ui.structured.celled.table tr th {
	text-align: center;
}
#assignbox {
	background-color: #f9fafb;
	padding: 10px 0px 10px 10px;
	margin-bottom: -10px;
	border: 1px solid rgba(34,36,38,.1);
	border-bottom: none;
}
#assign .col-sm-2 {
	width: 14.5%;
}
#section-linemove-2 .ui.table td {
	font-size: 11px;
}
#escalationbox {
	background: #f9fafb;
	padding: 10px;
	border: 1px solid rgba(34,36,38,.1);
	margin-bottom: 10px;
}
#escalationbox input[type=checkbox] {
	vertical-align: middle;
}
#escalationbox .divTableCell, .escalation-create .divTableCell {
	font-size: 11px;
	line-height: 14px;
}
#escalationbox .col-sm-2 {
	width: 12%;
}
#escalationbox .col-sm-8 {
	width: 76%;
	padding-left: 5px;
	padding-right: 0px;
}
#escalationbox ul {
	margin: 0px;
	padding: 0px;
}
#escalationbox ul li {
	display: inline-block;
	list-style-type: none;
	margin-right: 15px;
}
.content-wrap section label {
/*margin-right: 15px;*/
}
.task-status {
	height: 23px !important;
	font-size: 11px !important;
	width: 200px;
	display: inline-block;
	margin-bottom: 5px;
}
.task-status option {
	font-weight: 600 !important;
}
.ui.items .content {
	border-top: none;
}
.documents {
	/*text-align:center;*/
	margin-top: 15px;
}
.documents:first-child {
	margin-top: 0px;
}
.documents-header {
	font-size: 18px;
	border-bottom: 1px dashed #d0d0d0;
	margin: 10px 0px;
	border-left: 3px solid #18a689;
	padding-left: 5px;
	padding-bottom: 2px;
}
.documents ul {
	margin: 0px;
	padding: 0px;
}
.documents ul li {
	display: inline-block;
	width: 19%;
	margin-right: 10px;
	list-style-type: none;
}
.documents ul li:last-child {
	margin-right: 0px;
}
.document-card {
	min-height: 60px;
	padding: 5px 10px;
	box-shadow: 1px 1px 6px #eaeaea;
	margin: 10px 0px;
	text-align: left;
	cursor: pointer;
	position: relative;
}
.document-card .ui.text.menu {
	position: absolute;
	right: 5px;
	margin: 0px !important;
	padding: 0px !important;
	top: 0;
	z-index: 9;
}
.document-card .folder-icon {
	margin-right: 5px;
	display: inline-block;
}
.document-card .folder-icon img {
	width: 35px;
	height: auto;
}
.document-card .folder-name {
	font-size: 13px;
	font-weight: 500;
	text-transform: capitalize;
	display: inline-flex;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 110px;
	white-space: nowrap;
}
.document-card .file-icon {
	display: block;
	text-align: center;
	margin: 10px 0px;
}
.document-card .file-icon i {
	font-size: 60px;
	color: #e4e4e4;
}
.document-card .file-ext {
	display: inline-table;
}
.document-card .file-ext i {
	font-size: 18px;
	color: #9E9E9E;
}
.document-card .file-name {
	display: inline-table;
}
.document-card .file-name h4 {
	color: #666;
	font-size: 12px;
	white-space: nowrap;
	width: 135px;
	margin-top: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.document-card .documents-bottom {
	border-top: 1px solid #efefef;
	padding: 5px 0px;
	position: relative;
}
.document-card .file-download {
	position: absolute;
	right: 0px;
	top: 10px;
	color: #18a689;
	cursor: pointer;
}
.document-card .file-download i {
	font-size: 14px;
}
.document-card:hover .f-delete {
	display: none;
}
.document-card .f-delete {
	position: absolute;
	right: 0px;
	top: 2px;
	color: #F44336;
	cursor: pointer;
	opacity: 0.8;
	display: none;
}
.document-card .f-delete i {
	font-size: 16px;
}
.document-label {
	margin-left: 45px;
	margin-top: -5px;
	float: left;
}
.document-more {
	float: right
}
.document-more i {
	font-size: 17px;
	color: #999;
}
.rating-text {
	margin-left: 3px;
}
.input-switch {
	display: inline-block;
	margin-right: 35px;
	margin-top: 4px;
}
.input-switch .input {
	position: absolute;
	visibility: hidden;
}
.input-switch .input + .switch {
	position: relative;
	height: 10px;
	width: 45px;
	margin-right: 15px;
	margin-left: 10px;
	border-radius: 10px;
	background-color: #18a689;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
	transition: 0.3s 0.05s;
}
.input-switch .input + .switch::before, .input-switch .input + .switch::after {
	content: "";
	position: absolute;
	transition: 0.35s;
}
.input-switch .input + .switch::before {
	top: 0;
	left: 0;
	height: 100%;
	width: 20%;
	border-radius: 10px;
	background-color: #739ce6;
}
.input-switch .input + .switch::after {
	left: 0px;
	top: 50%;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: none;
	background-color: #cad9f5;
	transform: translateY(-50%);
	opacity: 1;
}
.input-switch .input + .switch:hover::after {
	transform: translateY(-50%) scale(1.1);
}
.input-switch .input:checked + .switch {
	background-color: #fadfe0;
}
.input-switch .input:checked + .switch::before {
	width: calc(100% - 0px);
	background-color: #e65a62;
}
.input-switch .input:checked + .switch::after {
 left: calc(100% - (20px + 0px));
	background-color: #cad9f5;
}
.tabletr {
	padding: 0px !important;
	border: none !important;
}
#tableDetail {
	background: #f5f5f5;
	padding: 10px;
}
#cd-timeline::before {
	/* this is the vertical line */
	content: '';
	position: absolute;
	top: 0;
	left: 18px;
	height: 100%;
	width: 4px;
	background: #d7e4ed;
}
#cd-timeline::before {
	left: 50%;
	margin-left: -2px;
}
.cd-timeline-block:after {
	content: "";
	display: table;
	clear: both;
}
.cd-timeline-block:first-child {
	margin-top: 0;
}
.cd-timeline-block:last-child {
	margin-bottom: 0;
}
.cd-timeline-block {
	margin: 3em 0;
	position: relative;
}
.cd-timeline-block:first-child {
	margin-top: 0;
}
.cd-timeline-block:last-child {
	margin-bottom: 0;
}
.cd-timeline-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0 0 0 2px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
	display: block;
	width: 18px;
	height: 18px;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px;
}
.cd-timeline-img i {
	display: block;
	color: #fff;
	font-size: 10px;
	line-height: 17px;
	text-align: center;
}
.cd-timeline-img.cd-picture {
	background: #75ce66;
}
.cd-timeline-img.cd-movie {
	background: #c03b44;
}
.cd-timeline-img.cd-location {
	background: #f0ca45;
}
.cd-timeline-img {
	width: 18px;
	height: 18px;
	left: 50%;
	margin-left: -10px;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}
.cd-timeline-content {
	position: relative;
	margin-left: 60px;
}
.cd-timeline-content:after {
/*content: "";
	display: table;
	clear: both;*/
}
.cd-timeline-content h2 {
	font-size: 13px;
	margin: 0px;
	text-align: right;
}
.cd-timeline-content h2 span {
	display: block;
	margin-top: 4px;
	font-weight: normal;
	font-size: 12px;
	opacity: .7;
	line-height: 16px;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	font-size: 13px;
	font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	display: inline-block;
	font-size: 14px;
}
.cd-timeline-content .cd-read-more {
	float: right;
	padding: .8em 1em;
	background: #acb7c0;
	color: white;
	border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
	background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
	float: left;
	opacity: .7;
}
.cd-timeline-content {
	margin-left: 0;
	padding: 0px;
	width: 45%;
}
.cd-timeline-content .cd-read-more {
	float: left;
}
.cd-timeline-content .cd-date {
	position: absolute;
	width: 100%;
	left: 118%;
	top: 0px;
	font-size: 12px;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content h2 {
	text-align: left;
	margin-left: -17px;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
	float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
	top: 24px;
	left: auto;
	right: 100%;
	border-color: transparent;
	border-right-color: white;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
	float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
	left: auto;
	right: 122%;
	text-align: right;
}
.table-status {
	width: 65% !important;
	border: none !important;
	background: transparent;
	padding: 0px !important;
	color: inherit;
	outline: none;
	color: #444 !important
}
.w50-fl {
	width: 49%;
	display: inline-block !important;
}
.w32-fl {
	width: 32%;
	display: inline-block !important;
	margin-right: 10px;
}
#timeline-bg {
	background: #f5f5f5;
}
label {
	font-size: 13px;
	font-weight: 500;
}
.facility-list {
	margin-top: 8px;
}
.facility-list ul {
	margin: 0px;
	padding: 0px;
}
.facility-list ul li {
	display: block;
	list-style-type: none;
	font-size: 13px;
	color: #676767;
	line-height: 35px;
}
.facility-input {
	width: 16%;
	border-color: #d2d6de;
	height: 24px;
	padding: 4px !important;
	border: 1px solid #ddd;
	margin-left: 2px;
}
.restaturant-name {
	background: #18a689;
	padding: 10px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 5px;
}
.order-status {
	margin-bottom: 5px;
	outline: none;
	height: 24px;
	font-size: 12px;
}
#blk-1, #blk-2 {
	margin: 0px 15px;
}
.table>thead:first-child>tr:first-child>th {
	font-size: 12px;
	padding: 2px;
}
.white-bg .navbar-static-top {
	border-bottom: none !important;
}
.input-group .form-control {
	z-index: 0;
}
.created-dt {
	display: block;
	font-size: 90%;
	margin-top: 2px;
	color: #777;
}
.a-r-text {
	width: 250px;
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
}
.o-c-list {
	background: aliceblue;
	padding: 10px;
	margin-top: 5px;
}
.widget {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 10px 12px 10px 5px;
	box-shadow: 0px 0px 3px #ddd;
	border-top: 2px solid #42c3ef;
	width: 19%;
	display: inline-block;
	margin-right: 10px;
}
.widget:last-child {
	margin-right: 0px;
}
.widget span {
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
	color: #888;
}
.widget img {
	width: 45px;
}
.blockdate {
	margin-top: 10px;
}
.customize {
	display: block;
	margin-top: 4px;
	font-weight: normal;
	font-size: 11px;
	color: #18a689 !important;
}
.offering-text {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 210px;
}
.widget-head-color-box {
	border-radius: 5px 5px 0px 0px;
	padding: 10px;
	background-color: #1ab394;
	color: #fff;
	text-align: center;
	padding-bottom: 2px;
	position: relative;
}
.visitor-color-box {
	border-radius: 5px 5px 0px 0px;
	padding: 10px;
	background-color: #e9f7f4;
	color: #333;
	text-align: center;
	position: relative;
	z-index: 0;
}
.visitor-color-box span {
	margin-right: 5px;
}
.visitor-color-box .img-circle {
	border: 5px solid #fff;
	width: 150px;
	height: 150px;
}
.media-body {
	line-height: 20px;
}
.widget-text-box {
	padding: 10px 0px 20px 20px;
	border: 1px solid #e7eaec;
	background: #ffffff;
	text-align: left;
	position: relative;
}
.imageupload {
	width: 31%;
	margin: 0px auto;
	border: 10px solid #f9f9f9;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 0px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.imageupload.imageupload-disabled {
	cursor: not-allowed;
	opacity: 0.60;
}
.imageupload.imageupload-disabled > * {
	pointer-events: none;
}
.imageupload .panel-title {
	margin-right: 15px;
	padding-top: 8px;
}
.imageupload .alert {
	margin-bottom: 10px;
}
.imageupload .btn-file {
	overflow: hidden;
	position: relative;
}
.imageupload .btn-file input[type="file"] {
	cursor: inherit;
	display: block;
	font-size: 100px;
	min-height: 100%;
	min-width: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}
.imageupload .file-tab button {
	display: none;
}
.imageupload .file-tab .thumbnail {
	margin-bottom: 10px;
	width: 160px;
	height: 155px;
	border: none;
}
.imageupload .url-tab .thumbnail {
	margin: 10px 0;
}
.credit {
	display: none;
}
.credit-cell  {
	width: 40%;
	font-size: 16px;
	color: #555;
	border: none;
	outline: none;
	text-align: center;
	letter-spacing: 7px;
	border-bottom: 2px solid #009688;
	margin-right: 20px;
}
input.credit-cell2{
	display: none;
}
.credit-input {
	width: 100%;
	margin: 10px auto;
}
.sem-btn {
	height: 24px;
	margin-top: 16px;
}
#schedule .ui.structured.celled.table tr td {
	text-align: center;
}
.days-block {
	padding: 10px;
	background-color: #f9f9f9;
	margin-bottom: 10px;
	width: 19%;
	margin-right: 10px;
	display: inline-block;
	position: relative;
}
.upload-document {
	padding: 10px;
	background-color: #fdfdfd;
	margin-bottom: 10px;
	width: 48%;
	margin-right: 10px;
	display: inline-block;
	position: relative;
	border: 1px solid #eeefee;
}
.upload-document:last-child, .days-block:last-child {
	margin-right: 0px;
}
.restro-setup-box {
	box-shadow: inset 0px 0px 3px 0px #d2d1d1;
	padding: 10px;
	margin-left: 15px;
	width: 98%;
	margin-bottom: 15px;
}
.main-top-menu {
	padding-left: 2px !important;
	padding-right: 7px !important;
}
.not-eve-attachment {
	width: 430px;
	overflow-x: scroll;
	background: #f9f9f9;
	padding: 10px 5px;
	white-space: nowrap;
}
.not-eve-attachment::-webkit-scrollbar {
 height:8px;
}
.not-eve-attachment::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}
.not-eve-attachment::-webkit-scrollbar-thumb {
 background-color: darkgray;
 outline: 1px solid slategrey;
}
.w145 {
	width: 145px;
}
.config {
	width: 400px;
	margin: 0px auto;
	margin-top: 160px;
	text-align: center;
	font-size: 20px;
}
.config i {
	color: #444;
	font-size: 30px;
	vertical-align: middle;
}
.camera-button {
	position: absolute;
	top: 0px;
	right: 0px;
}
#my_camera {
	position: absolute;
	top: 0px;
	height: 150px;
	width: 150px
}
#results {
	margin-bottom: 15px;
	border: 10px solid #ddd;
	width: 170px;
	margin: 0px auto;
	margin-bottom: 15px;
}
.venue {
	margin: 12px 0px;
	color: rgba(0,0,0,.6);
}
.venue ul {
	padding: 0px;
	margin: 0px;
}
.venue ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 15px;
}
.venue ul li a {
	cursor: pointer;
}
.venue i {
	font-size: 16px;
	margin-right: 3px;
	vertical-align: bottom;
}
.venue i:active {
	color: #18a689;
}
.rsvp-img {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 10px
}
.v-name {
	display: block;
	margin: 3px 0px;
	font-size: 12px;
	opacity: .8;
	height: auto !important;
	border-bottom: none !important;
	padding-left: 0px !important;
}
.event-gallery {
	width: 480px;
	overflow-x: scroll;
	white-space: nowrap;
}
.event-gallery::-webkit-scrollbar {
 height:6px;
}
.event-gallery::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}
.event-gallery::-webkit-scrollbar-thumb {
 background-color: #18a689;
 outline: 1px solid slategrey;
}
details {
	width: 100%;
	min-height: 5px;
	padding: 8px;
	margin: 0 auto;
	position: relative;
	font-size: 14px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 4px;
	box-sizing: border-box;
	transition: all .3s;
}
details + details {
	margin-top: 5px;
}
details[open] {
	min-height: 50px;
	background-color: #f6f7f8;
	box-shadow: 1px 1px 6px rgba(0,0,0,.2);
}
details[open] .ui.list {
	margin-left: 10px;
	margin-top: 8px;
}
summary {
	font-weight: 500;
	cursor: pointer;
}
summary:focus {
	outline: none;
}
 summary::-webkit-details-marker {
 display: none
}
summary::after {
	padding: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	color: #18a689;
	font-family: "Font Awesome 5 Free";
	font-size: 15px;
	font-style: normal;
	font-variant-caps: normal;
	font-variant-ligatures: normal;
	font-weight: 900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f078";
	transform: translateY(-50%);
	transition: .3s ease;
}
details[open] summary::after {
	content: "\f057";
	font-size: 18px;
	top: 0;
	transform: translateY(0);
	transition: .3s ease;
}
details[open] summary:hover::after {
	animation: pulse 1s ease;
}
 @keyframes pulse {
 25% {
 transform: scale(1.1);
}
 50% {
 transform: scale(1);
}
 75% {
 transform: scale(1.1);
}
 100% {
 transform: scale(1);
}
}
#invoice-accordion .panel {
	border: none;
	border-radius: 0;
	box-shadow: none;
	position: relative;
}
#invoice-accordion .panel:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	border: 1px dashed #6e8898;
	position: absolute;
	top: 25px;
	left: 18px;
}
#invoice-accordion .panel:last-child:before {
	display: none;
}
#invoice-accordion .panel-heading {
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
}
#invoice-accordion .panel-title a {
	display: block;
	padding: 10px 30px 10px 60px;
	margin: 0;
	background: #f9fafb;
	font-size: 16px;
	font-weight: 500;
	color: #18a689;
	border-radius: 0;
	position: relative;
}
#invoice-accordion .panel-heading h4 {
	margin-bottom: 0px;
}
#invoice-accordion .panel-title a:before, #invoice-accordion .panel-title a.collapsed:before {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 40px;
	height: 100%;
	line-height: 40px;
	background: #8a8ac3;
	border: 1px solid #8a8ac3;
	border-radius: 3px;
	font-size: 17px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease 0s;
}
#invoice-accordion .panel-title a.collapsed:before {
	content: "\f105";
	background: #fff;
	border: 1px solid #6e8898;
	color: #000;
}
#invoice-accordion .panel-body {
	padding: 0px 0px 10px 20px;
	margin-left: 40px;
	background: #fff;
	border-top: none;
	font-size: 15px;
	color: #6f6f6f;
	line-height: 28px;
}
.invoice-receipt {
	border: 1px solid #555555;
}
.invoice-receipt .ui.structured.celled.table tr td, .ui.structured.celled.table tr th {
	border: none;
}
.invoice-receipt .border-right {
	border-right: 1px solid #555555 !important;
}
.invoice-receipt .border-left {
	border-left: 1px solid #555555 !important;
}
.invoice-receipt .border-top {
	border-top: 1px solid #555555 !important;
}
.invoice-receipt .border-bottom {
	border-bottom: 1px solid #555555 !important;
}
.invoice-receipt .nopadding {
	padding: 0px;
}
.invoice-receipt .ui.structured.table {
	margin-bottom: 0px;
}
.invoice-receipt .logo {
	display: block;
	width: 50px !important;
	margin: 20px auto;
	height: auto !important;
}
.invoice-receipt .name {
	margin: 20px 0px;
	text-align: center;
}
.invoice-receipt h5 {
	text-align: center;
	line-height: 16px;
	font-size: 12px;
}
.invoice-receipt ul {
	padding: 0px;
	margin: 0px;
}
.invoice-receipt ul li {
	display: inline-block;
	margin-bottom: 8px;
	width: 30%;
}
.invoice-receipt .normal {
	font-weight: normal;
}
.invoice-receipt ul li:last-child {
	margin-bottom: 0px;
	width: 95%;
}
#rsvp {
	margin-top: 10px;
}
#rsvp input[type="radio"] {
	display: none;
}
#rsvp input[type="radio"]:not(:disabled) ~ label {
	cursor: pointer;
}
#rsvp input[type="radio"]:disabled ~ label {
	color: #bcc2bf;
	border-color: #bcc2bf;
	box-shadow: none;
	cursor: not-allowed;
}
#rsvp h2 {
	font-size: 13px;
	margin-bottom: 0px;
}
#rsvp label {
	height: 100%;
	width: 25%;
	float: left;
	margin-right: 10px;
	background: white;
	border: 1px solid #999;
	border-radius: 20px;
	padding: 1rem;
	margin-bottom: 1rem;
	text-align: center;
	position: relative;
}
#rsvp input[type="radio"]:checked + label {
	background: #20df80;
	color: white;
}
#rsvp input[type="radio"]#yes:checked + label {
	background: #21ba45;
	border-color: #21ba45;
}
#rsvp input[type="radio"]#no:checked + label {
	background: #db2828;
	border-color: #db2828;
}
#rsvp input[type="radio"]#maybe:checked + label {
	background: #f2711c;
	border-color: #f2711c;
}
#lead input, #lead select, #lead textarea {
	border: none;
	border-bottom: 1px solid #99a2a1;
	font-size: 13px;
}
#lead input[type="checkbox"] {
	border-bottom: 1px solid #ddd !important;
	width: auto;
	height: auto;
}
#lead input, #lead select {
	height: 24px;
	width: 100%;
	color: #18a689 !important;
}
#lead textarea {
	resize: none;
	height: 24px;
}
#lead .well textarea {
	height: auto;
}
#lead .input-group-addon {
	border-bottom: 1px solid #ddd !important;
	border: none;
}
#lead select:hover {
	cursor: pointer;
	border-bottom: 1px solid #555;
}
#lead input:hover, #lead select:hover, #lead textarea:hover {
	border-bottom: 1px solid #555;
}
#lead .form-horizontal .control-label {
	border-bottom: 1px solid #ddd;
	padding-bottom: 1px;
	padding-left: 0px;
}
#lead .col-sm-8, #lead .col-sm-9 {
	padding-left: 0px;
}
#lead h2 {
	margin: 15px 0px;
	font-size: 18px;
	border-bottom: 1px dashed #d2cfcf;
	padding-bottom: 10px;
}
#lead h1 {
	margin-bottom: 15px;
	font-size: 26px;
	color: inherit;
}
#lead .table>tbody>tr>td {
	border-bottom: 1px solid #ddd;
	border-top: none;
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: text-bottom;
}
.inline-btn {
	background: transparent;
	border: none;
}
.lead-disclaimer {
	margin-left: 20px;
}
.lead-disclaimer ul {
	padding: 0px;
	margin: 0px;
}
.lead-disclaimer ul li {
	list-style-type: decimal;
	line-height: 24px;
	font-size: 13px;
}
.require {
	width: 20px;
	height: 3px !important;
	background: #F44336;
	display: block;
	position: absolute;
	top: 22px;
	left: 5px;
}
.activity-btn {
	font-size: 12px;
	color: #06F;
	background: #fff;
	border: 0px;
	text-transform: uppercase;
}
.activity-btn:focus {
	outline: none !important;
	box-shadow: none;
}
#lead-activity input, #lead-activity textarea {
	border: none;
	border-bottom: 1px solid #ddd;
}
#lead span {
	display: block;
	border-bottom: 1px solid #ddd;
	height: 24px;
	padding-left: 20px;
}
#lead span a {
	color: #333;
	vertical-align: -webkit-baseline-middle;
	cursor: text;
}
#lead .modal-header {
	background: transparent !important;
	border-bottom: none !important;
	color: #333 !important;
}
#lead .modal-title {
	text-align: left;
	font-size: 18px !important;
	margin-left: 10px !important;
	font-weight: 500;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
#lead button.close {
	color: #444;
	font-size: 28px;
}
#lead .well {
	margin-bottom: 0px;
}
#lead .ui.form {
	margin: 8px 0px;
}
#lead .ui.table thead th {
	padding: 7px 0px 7px 5px;
	border: none;
	font-weight: 400;
	background: #efefef;
	border: 1px solid rgba(34,36,38,.1);
}
#lead .des {
	margin-bottom: 15px;
}
#lead h4 {
	font-size: 14px !important;
	margin: 15px 0px !important;
}
#lead .associated-leads {
	background: #efefef;
	padding: 5px;
}
#lead .well ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	margin-left: 20px;
}
#lead .well ul li {
	line-height: 26px;
}
#lead .well h5 {
	font-size: 16px;
	margin-left: 18px;
}
.block-label {
	font-size: 13px;
	color: #009688;
	padding: 3px 10px;
	border-radius: 3px;
	width: fit-content;
	border: 1px dashed #009688;
	float: right;
	margin-top: 4px;
	margin-right: 14px;
	text-align: center;
	line-height: 16px;
}
.lead-right {
	text-align: right;
	margin-right: 25px;
}
.ref-no {
	display: block;
	font-weight: 500;
}
.ref-no:hover {
	color: #18a689;
}
.border {
	border: 1px solid #ddd !important;
}
.pad10 {
	padding: 10px !important;
}
.btn-block {
	border-radius: 0px !important;
}
.pad-l-r-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.m-t-0 {
	margin-top: 0px !important;
}
.stage-wrap {
	margin-bottom: 95px;
	margin-top: 30px;
	margin-left: -40px;
}
ul.stage-bar li {
	color: #ccc;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	display: inline-block;
	margin: 50px auto;
	padding: 0;
	text-align: center;
	width: 18%;
}
ul.stage-bar li:before {
	background: #ddd;
	border: 2px solid #FFF;
	border-radius: 50%;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	height: 34px;
	left: 20%;
	line-height: 30px;
	position: absolute;
	top: -68px;
	width: 34px;
	z-index: 99;
	cursor: pointer;
}
ul.stage-bar li.active {
	color: #A6447A;
	font-weight: bold;
}
ul.stage-bar li.active:before {
	background: #A6447A;
}
ul.stage-bar li.visited {
	color: #036c99;
	z-index: 99;
	background: none;
}
ul.stage-bar li.visited:before {
	background: #8bc34a;
	z-index: 99999;
}
ul.stage-bar li:nth-child(1):before {
	content: "1";/*content: "\f00c";
	font-family:'FontAwesome';*/
}
ul.stage-bar li:nth-child(2):before {
	content: "2";
}
ul.stage-bar li:nth-child(3):before {
	content: "3";
}
ul.stage-bar li:nth-child(4):before {
	content: "4";
}
ul.stage-bar li:nth-child(5):before {
	content: "5";
}
ul.stage-bar li:nth-child(5):after, ul.stage-bar:nth-child(5):before {
	background-color: #fff;
}
ul.stage-bar a {
	color: #888;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
	margin-top: -20px;
	display: block;
	margin-left: -30px;
}
ul.stage-bar li.active a {
	color: #A6447A;
}
ul.stage-bar li.visited a {
	color: #8bc34a;
}
.stage-bar li.active:after {
	-webkit-animation: myanimation 3s 0;
	background-size: 35px 35px;
	/*background-color: #8BC34A;*/
	background-color: #A6447A;
	content: "";
	height: 3px;
	width: 100%;
	left: 46%;
	position: absolute;
	top: -50px;
	z-index: 0;
}
ul.stage-bar {
	background-color: #EcEcEc;
	height: 3px;
	margin: 0px auto;
	padding: 0;
	position: absolute;
	width: 95%;
	text-align: center;
}
ul.stage-bar:before {
	background-color: #fff;
	content: " ";
	height: 3px;
	left: 0;
	position: absolute;
	width: 8%;
}
ul.stage-bar li.visited:after {
	background-size: 35px 35px;
	background-color: #8bc34a;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	top: -50px;
	width: 100%;
	z-index: 99;
}
#lead .modal-lg {
	width: 55% !important;
}
.account-title {
	background: #f5f5f5;
	padding: 15px;
	margin-top: -10px !important;
	margin-left: -15px;
	margin-right: -15px;
	color: #222 !important;
	font-size: 28px !important;
}
.lead-info {
	width: 100%;
}
.lead-info-item {
	position: relative;
}
.lead-info-item.active .heading {
	color: #333;
}
.lead-info-item.active .icon {
	background: #fefefe;
}
.lead-info-item.active .icon:before {
	background: #F44336;
}
.lead-info-item.active .icon:after {
	width: 0;
}
.lead-info-item .heading {
	display: block;
	text-decoration: none;
	color: #333;
	position: relative;
	padding: 0px 0px 10px 0px;
	transition: 0.3s ease-in-out;
	margin: 15px 0px;
	font-size: 18px;
	border-bottom: 1px dashed #d2cfcf;
	padding-bottom: 10px;
	font-weight: 500;
}
.lead-info-item .heading:hover {
	color: #333;
}
.lead-info-item .heading:hover .icon:before, .lead-info-item .heading:hover .icon:after {
	background: #F44336;
}
.lead-info-item .icon {
	display: block;
	position: absolute;
	top: 31%;
	left: 250px;
	width: 1rem;
	height: 1rem;
	/*	border: 1px solid #2196F3;*/
	border-radius: 3px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.lead-info-item .icon:before, .lead-info-item .icon:after {
	content: '';
	width: 1.25rem;
	height: 0.25rem;
	background: #2196F3;
	position: absolute;
	border-radius: 3px;
	left: 50%;
	top: 50%;
	transition: 0.3s ease-in-out;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.lead-info-item .icon:after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
	z-index: -1;
}
.lead-info-item .content {
	display: none;
}
.lead-info-item .content p {
	margin-top: 0;
}
.lead-call {
	cursor: pointer;
	margin-right: 3px;
	color: #00a65a !important;
}
#lead .modal-dialog {
	margin: 5px auto !important;
}
#lead-statistics {
	margin-top: -10px;
	background: #f7f7f7;
	margin-bottom: 20px;
}
#lead .inputfile + label * {
	border-bottom: none !important;
}
.dot-btn {
	font-size: 22px !important;
	padding-top: 0px !important;
}
.dot-btn:active {
	background: transparent !important;
}
.attach-btn {
	background: transparent;
	font-size: 12px;
	color: #06F !important;
	text-transform: uppercase;
	font-weight: 400;
}
.attach-btn:hover, .dot-btn:hover {
	background: transparent !important;
}
#lead-statistics .ui.statistics>.statistic {
	margin: 0 12.5em 0em;
}
#lead .btn-circle {
	width: 25px;
	height: 25px;
	padding: 6px 0;
	border-radius: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 13px;
	margin-right: 6px;
}
.lead-logo {
	text-align: left;
	margin-left: 5px;
}
.leading-list th {
	white-space: nowrap !important;
	font-size: 12px;
}
.check i {
	text-align: center;
	font-size: 66px;
	color: #8BC34A;
	margin: 10px 0px;
}
.batch-number {
	font-size: 60px;
}
#lead .modal-dialog.modal-sm {
	margin: 95px auto !important;
	width: 40%;
}
#upload {
	width: 100%;
	margin: 12px auto;
	margin-bottom: 10px;
}
#drop {
	padding: 15px 150px;
	border: 1px dashed #ddd;
	margin-bottom: 10px;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	color: #7f858a;
}
#drop a {
	background-color: #18a689;
	padding: 12px 26px;
	color: #fff;
	font-size: 14px;
	border-radius: 2px;
	cursor: pointer;
	display: block;
	margin-top: 12px;
	line-height: 1;
}
#drop a:hover {
	background-color: #0986a3;
}
#drop input {
	display: none;
}
#upload ul {
	list-style: none;
	margin: 0px;
	padding: 0px;/*   border-top:1px solid #2b2e31;
    border-bottom:1px solid #3d4043;*/
}
#upload ul li {
	background: #f3f3f3;
	padding: 10px;
	min-height: 55px;
	position: relative;
	margin-bottom: 5px;
}
#upload ul li input {
	display: none;
}
#upload ul li p {
	overflow: hidden;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 500;
	position: absolute;
	margin: 0px auto;
}
#upload ul li i {
	font-weight: normal;
	font-style: normal;
	color: #7f7f7f;
	display: block;
}
#upload ul li canvas {
	top: 15px;
	left: 32px;
	position: absolute;
	display: none;
}
#upload ul li span {
	width: 15px;
	height: 12px;
	background: url(../img/icons.png) no-repeat;
	position: absolute;
	top: 20px;
	right: 33px;
	cursor: pointer;
}
#upload ul li.working span {
	height: 16px;
	background-position: 0 -12px;
	border-bottom: none;
}
#upload ul li.error p {
	color: red;
}
.ui.structured.table img {
	width: 16px;
	height: 16px;
}
.inventory-block {
	position: relative;
}
.inventory-title {
	width: 60px;
	height: 60px;
	border: 1px solid #39cccc;
	color: #fff;
	background: #39cccc;
	text-align: center;
	border-radius: 50%;
	line-height: 60px;
	position: relative;
	z-index: 99;
}
.block {
	border: 1px solid #F44336 !important;
	color: #fff;
	background: #F44336 !important;
}
.block-content {
	border: 1px dashed #F44336 !important;
}
.inventory-content {
	border: 1px dashed #39cccc;
	position: absolute;
	top: 5px;
	padding: 15px 10px 15px 45px;
	left: 20px;
}
.inventory-block span {
	display: inline !important;
	border: none !important;
	padding: 0px !important;
}
@media only screen and (device-width: 768px) {
.sidebar-collapse, .navbar-static-top {
	display: none;
}
.main-footer {
	margin-left: 0px;
}
.lead-logo {
	margin-top: -5px;
}
#lead textarea {
	height: 35px;
}
#lead .table>tbody>tr>td {
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
}
#lead .ui.table thead th {
	padding: 2px;
	border: 1px solid rgba(34,36,38,.1);
	border-right: none;
}
}
@media (max-width:480px) {
.sidebar-collapse, .navbar-static-top, .main-footer, .ui.menu.top-menu {
	display: none;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.sidebar-collapse, .navbar-static-top {
	display: none;
}
}
@media screen and (min-width: 800px) and (max-width: 1280px) {
.sidebar-collapse, .navbar-static-top {
/*display: none;*/
}
}
.timeline-item .date i {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	width: 30px;
	text-align: center;
	border-top: 1px solid #e7eaec;
	border-bottom: 1px solid #e7eaec;
	border-left: 1px solid #e7eaec;
	background: #f8f8f8;
}
.timeline-item .date {
	text-align: right;
	width: 110px;
	position: relative;
	padding-top: 35px;
}
.timeline-item .content {
	border-left: 1px solid #e7eaec;
	border-top: 1px solid #e7eaec;
	padding-top: 10px;
	padding-bottom: 10px;
}
.timeline-item .content:hover {
	background: #f6f6f6;
}
.timeline-item p {
	margin-bottom: 5px !important;
}
.timeline-item strong {
	color: #111;
}
.timeline-date {
	color: #E91E63;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	min-width: 88px;
	text-align: center;
	padding: 0;
	margin: 15px 0px;
}
.timeline-date:first-child {
	margin-top: 0px;
}
.t-w {
	background: antiquewhite;
	font-weight: 600 !important;
	cursor: pointer;
}
.t-w-table {
	height: 480px;
	overflow-y: scroll;
}
 .t-w-table::-webkit-scrollbar {
 width:3px;
}
 .t-w-table::-webkit-scrollbar-track {
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
 -webkit-box-shadow:#fff;
}
.t-w-table::-webkit-scrollbar-thumb {
 background-color:#18a689;
 outline: 1px solid #ffffff;
}
.sticky-table::-webkit-scrollbar {
 width:8px;
 height:8px;
}
.sticky-table::-webkit-scrollbar-track {
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
 -webkit-box-shadow:#fff;
}
.sticky-table::-webkit-scrollbar-thumb {
 background-color:#18a689;
 outline: 1px solid #ffffff;
}
td.t-w.active {
	background: #86e1e6a3 !important;
}
.available {
	/*background: #69e661;*/
	border: 1px solid #fff !important;
}
.block {
	background: #f39c12 !important;
	color: #333 !important;
	border: 1px solid #fff !important;
}
.sold {
	background: #F44336 !important;
	border: 1px solid #fff !important;
}
/*Audio
.audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
div.audio-player {
	position: relative;
	float: left;
	width: 50%;
}
.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	position: absolute;
	text-indent: -9999px;
}
.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
	width: 25px;
	height: 30px;
	top: 0px;
	left: 0px;
	background: transparent url(../img/playpause.png) 0 0 no-repeat;
}
.mejs-controls .mejs-pause button {
	background-position: 0 -27px;
}

.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
	width: 18px;
	height: 19px;
	top: 9px;
	right: 142px;
	background: transparent url(../img/audio.png) 0 0;
}
.mejs-controls .mejs-unmute button {
	background-position: 0 -19px;
}

.mejs-controls div.mejs-horizontal-volume-slider {
	position: absolute;
	top: 13px;
	right: 15px;
	cursor: pointer;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width: 120px;
	height: 11px;
	background: #212227;
	-webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
	-moz-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	width: 0;
	height: 9px;
	top: 1px;
	left: 1px;
	background: #90d26a;
	background: -webkit-linear-gradient(top, #90d26a 0%, #83bb63 100%);
	background: -moz-linear-gradient(top, #90d26a 0%, #83bb63 100%);
	background: -o-linear-gradient(top, #90d26a 0%, #83bb63 100%);
	background: -ms-linear-gradient(top, #90d26a 0%, #83bb63 100%);
	background: linear-gradient(top, #90d26a 0%, #83bb63 100%);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.mejs-controls div.mejs-time-rail {
	width: 100px;
}
.mejs-controls .mejs-time-rail span {
	position: absolute;
	display: block;
	width: 100px;
	height: 12px;
	top: 40px;
	left: 55px;
	cursor: pointer;
	-webkit-border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
	background: #565860;
	width: 100px !important; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	top: 0;
	left: 0;
	width: 0;
	background: #7b7d82;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
	top: 0;
	left: 0;
	width: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #90d26a;
	background: -webkit-linear-gradient(top, #90d26a 0%, #83bb63 100%);
	background: -moz-linear-gradient(top, #90d26a 0%, #83bb63 100%);
	background: -o-linear-gradient(top, #90d26a 0%, #83bb63 100%);
	background: -ms-linear-gradient(top, #90d26a 0%, #83bb63 100%);
	background: linear-gradient(top, #90d26a 0%, #83bb63 100%);
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
	position: absolute;
	display: block;
	width: 20px;
	height: 22px;
	top: -6px;
	background: url(../img/handle-lg.png) no-repeat;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	position: absolute;
	display: block;
	width: 12px;
	height: 14px;
	top: -1px;
	background: url(../img/handle-sm.png) no-repeat;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	width: 33px;
	height: 23px;
	top: -26px;
	margin-left: -17px;
	z-index: 9999;
	background: url(../img/time-box.png);
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 33px;
	display: block;
	left: 0;
	top: 4px;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	text-align: center;
	z-index: 9999;
}
.download-audio {
	margin-top: 8px;
	font-size: 16px;
	color: cadetblue;
	cursor: pointer;
}
/*Audio*/
.disabled {
	background: #f3f2f2;
}
.facility-title, .invoice-title {
	margin: 15px 0px;
	font-size: 16px;
	border-bottom: 1px dashed #d2cfcf;
	padding-bottom: 6px;
	margin-top: 20px;
	color: #111;
	font-weight: 500;
}
.text-left {
	text-align: left !important;
}
table.table-expandable > tbody > tr:nth-child(odd) {
	cursor: pointer;
}
table.table-expandable.table-hover > tbody > tr:nth-child(even):hover td {
	background-color: #f5f5f5;
}
table.table-expandable.table-hover > tbody > tr:nth-child(even) {
	background-color: #f5f5f5;
}
table.table-expandable.table-hover > thead > tr th {
	border-top: none;
}
table.table-expandable.table-hover > tbody > tr ul {
	margin: 0px;
	background: #fff;
	margin-top: -8px !important;
	padding: 10px;
	padding-top: 0px;
}
table.table-expandable.table-hover > tbody > tr ul li {
	list-style-type: none;
	border-bottom: 1px dashed #c5c5c5;
	line-height: 35px;
}
table.table-expandable.table-hover > tbody > tr ul li span {
	float: right;
	margin-right: 20px;
}
table.table-expandable > tbody > tr div.table-expandable-arrow {
	background: transparent url(../img/arrows.png) no-repeat scroll 0px -16px;
	width: 16px;
	height: 16px;
	display: block;
}
table.table-expandable > tbody > tr div.table-expandable-arrow.up {
	background-position: 0px 0px;
}
.helpdesk-chart {
	border: 1px dashed #ddd;
	padding: 10px;
	text-align: center;
	margin: 0px 0px 15px 0px;
}
#rating input[type="radio"] {
	display: none;
}
#rating input[type="radio"]:not(:disabled) ~ label {
	cursor: pointer;
}
#rating input[type="radio"]:disabled ~ label {
	color: #bcc2bf;
	border-color: #bcc2bf;
	box-shadow: none;
	cursor: not-allowed;
}
#rating label {
	height: 100%;
	width: 16%;
	float: left;
	margin-right: 10px;
	background: white;
	border-radius: 20px;
	margin-bottom: 1rem;
	text-align: center;
	position: relative;
}
#rating input[type="radio"]:checked + label {
	background: #20df80;
	color: white;
}
#rating input[type="radio"]:checked + label::after {
	color: #3d3f43;
	font-family: FontAwesome;
	border: 1px solid #999;
	content: "\f00c";
	font-size: 20px;
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	background: white;
}
#rating input[type="radio"]#yes:checked + label {
	background: #21ba45;
	border-color: #21ba45;
}
#rating input[type="radio"]#no:checked + label {
	background: #db2828;
	border-color: #db2828;
}
#rating input[type="radio"]#maybe:checked + label {
	background: #f2711c;
	border-color: #f2711c;
}
#rating svg {
	fill: rgb(173, 164, 164);
	height: 40px;
	width: 40px;
}
#rating #radios label {
	position: relative;
}
.rating label {
	background: transparent;
	width: 6%;
	border-radius: 0px;
}
input[type="radio"] {
/*position: absolute;*/
	/*opacity: 0;*/

}
input[type="radio"] + svg {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
input + svg {
	cursor: pointer;
}
input[class="super-happy"]:hover + svg, input[class="super-happy"]:checked + svg, input[class="super-happy"]:focus + svg {
	fill: rgb(0, 109, 217) !important;
}
input[class="happy"]:hover + svg, input[class="happy"]:checked + svg, input[class="happy"]:focus + svg {
	fill: rgb(0, 204, 79) !important;
}
input[class="neutral"]:hover + svg, input[class="neutral"]:checked + svg, input[class="neutral"]:focus + svg {
	fill: rgb(232, 214, 0) !important;
}
input[class="sad"]:hover + svg, input[class="sad"]:checked + svg, input[class="sad"]:focus + svg {
	fill: rgb(229, 132, 0) !important;
}
input[class="super-sad"]:hover + svg, input[class="super-sad"]:checked + svg, input[class="super-sad"]:focus + svg {
	fill: rgb(239, 42, 16) !important;
}
.rating-form {
	display: inline-block;
}
#success_message {
	display: none;
}
.bv-form .help-block {
	margin-bottom: 0;
}
.bv-form .tooltip-inner {
	text-align: left;
}
.nav-tabs li.bv-tab-success > a {
	color: #3c763d;
}
.nav-tabs li.bv-tab-error > a {
	color: #a94442;
}
.bv-form .bv-icon-no-label {
	top: 0;
}
.bv-form .bv-icon-input-group {
	top: 0;
	z-index: 100;
}
input#rdb1, input#rdb2 {
/*height: auto;*/
}
.app-download {
	border: 1px solid #00c0ef;
	padding: 3px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline;
}
.app-download i {
	font-size: 15px !important;
}
.qty {
	width: 35px;
	height: 20px !important;
	text-align: center;
	border-radius: 4px;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #ddd;
}
input.qtyplus {
	border: 0px;
	font-size: 20px;
	color: #4CAF50;
	font-weight: bold;
	background: transparent;
	outline: none;
}
input.qtyminus {
	border: 0px;
	font-size: 20px;
	outline: none;
	color: #F44336;
	font-weight: bold;
	background: transparent;
}
.facility-total {
	margin-left: 18px;
	font-size: 15px;
}
.inputGroup {
	background-color: #fff;
	display: block;
	margin: 10px 0;
	position: relative;
}
.inputGroup label {
	padding: 5px 8px;
	color: #3C454C;
	cursor: pointer;
	position: relative;
	z-index: 2;
	transition: color 200ms ease-in;
	overflow: hidden;
	width: 32%;
	float: left;
	margin-right: 5px;
	border: 1px solid #ddd;
	background: #fff;
}
.inputGroup label:before {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	content: '';
	background-color: #3F51B5;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	transform: translate(-50%, -50%) scale3d(1, 1, 1);
	transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0;
	z-index: -1;
}
.inputGroup label:after {
	width: 15px;
	height: 15px;
	content: '';
	border: 2px solid #D1D7DC;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
	background-repeat: no-repeat;
	background-position: 0px 1px;
	border-radius: 50%;
	z-index: 2;
	position: absolute;
	right: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
	color: #fff;
}
.inputGroup input:checked ~ label:before {
	-webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
	transform: translate(-50%, -50%) scale3d(56, 56, 1);
	opacity: 1;
}
.inputGroup input:checked ~ label:after {
	background-color: #54E0C7;
	border-color: #54E0C7;
}
.inputGroup input {
	width: 32px;
	height: 32px;
	order: 1;
	z-index: 2;
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	visibility: hidden;
}
.facility-slot {
	padding: 0 16px;
	max-width: 550px;
	margin: 50px auto;
	font-size: 18px;
	font-weight: 600;
	line-height: 36px;
}
.slots-select {
	border: 1px dashed #ddd;
	padding: 5px 0px 10px 10px;
	background: ghostwhite;
	margin-top: 10px;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
	padding-right: 0px;
}
.deposit {
	margin: 10px 0px;
	font-size: 15px;
	font-weight: 600;
	color: blue;
}
.text-right {
	text-align: right !important;
}
/*  solutions tab */
div.solutions-tab-container {
	z-index: 10;
	padding: 0px;
	background-clip: padding-box;
}
div.solutions-tab-menu {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}
div.solutions-tab-menu div.list-group {
	margin-bottom: 0;
}
div.solutions-tab-menu div.list-group>a {
	margin-bottom: 0;
	text-align: center;
	font-size: 14px;
	background-color: #f4f4f4;
	font-weight: 500;
	padding: 12px 0px;
	border-bottom: 1px dashed #ddd;
}
div.solutions-tab-menu div.list-group>a .glyphicon, div.solutions-tab-menu div.list-group>a .fa {
	color: #444;
}
div.solutions-tab-menu div.list-group>a:first-child {
	border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
}
div.solutions-tab-menu div.list-group>a:last-child {
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
}
div.solutions-tab-menu div.list-group>a.active, div.solutions-tab-menu div.list-group>a.active .i, div.solutions-tab-menu div.list-group>a.active .fa {
	background-color: #3bafda;
	background-image: #3bafda;
	color: #ffffff;
}
div.solutions-tab-menu i {
	font-size: 34px;
}
div.solutions-tab-menu div.list-group>a.active:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -20px;
	border-left: 0;
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	border-left: 10px solid #3bafda;
}
div.solutions-tab-content {
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	float: left;
	clear: both;
	padding: 15px 10px;
	text-align: left;
	width: 100%;
}
div.solutions-tab div.solutions-tab-content:not(.active) {
	display: none;
}
.setup-location {
	margin-top: 10px;
}
.setup-location ul {
	padding: 0px;
	margin: 0px;
}
.setup-location ul li {
	list-style-type: none;
	display: block;
	padding: 10px 0px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #18a689;
	font-size: 13px;
	margin-left: 11px;
	margin-top: 0px;
	padding-top: 0px;
}
#invoice-report .ui.structured.celled.table tr td, .ui.structured.celled.table tr th {
	font-size: 11px;
	text-align: center !important;
}
.invoice-logo img {
	width: 50px;
	height: auto;
	border: 1px solid #ddd;
	padding: 3px;
	border-radius: 6px;
	margin-top: -7px;
}
.invoice-address {
	width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
}
.invoice-address ul {
	padding: 0px;
}
.invoice-address ul li {
	list-style-type: none;
	width: 49%;
	display: inline-block;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #f9f9f9;
}
.report-section {
	margin-bottom: 30px;
	max-width: 225px;
}
.report-section ul {
	padding: 0px;
}
.report-section ul li a {
	text-align: left;
	font-size: 13px;
	color: #555;
	border-bottom: 1px dotted #c1c1c1;
}
.report-section ul li a i {
	display: inline-block;
	color: #999;
	font-size: 13px;
	margin: 0;
	padding-left: 5px;
	vertical-align: middle;
}
.report-section h4 {
	margin: 10px 0px;
	color: #18a689;
}
svg.icon {
	height: 16px;
	width: 16px;
	fill: #18a689;
}
.cs-steps {
	width: 100%;
}
.cs-steps ul {
	padding: 0px;
	margin: 0px;
}
.cs-steps ul li {
	display: -ms-flexbox;
	display: flex;
	padding: 23px 20px;
	margin: 5px 0;
	transition: box-shadow .3s ease-in-out;
	cursor: pointer;
	text-align: left;
	border-bottom: 1px dotted #e0e0e0;
}
.cs-steps ul li img {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-right: 20px;
}
.cs-steps ul li:first-child {
	margin-top: 15px;
}
.cs-steps .step-title {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 5px;
	color: #03A9F4;
}
.cs-steps ul li:hover {
	box-shadow: #eee 0 0 10px 1px;
}
.cs-steps .active {
	box-shadow: #eee 0 0 10px 1px;
}
.cs-steps ul li:hover .step-cta {
	background-color: #18a689;
	color: #fff;
}
.cs-steps .step-cta {
	margin-left: auto;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	color: #18a689;
	padding: 6px 15px;
	border-radius: 30px;
	transition: color, background-color, .3s ease-in-out;
}
.invoice-info {
	margin: 10px 0px;
}
.text-uppercase {
	text-transform: uppercase;
}
.ui.yellow.button {
	padding: 5px 10px;
	border-radius: 4px;
}
.ob-related-tips {
	width: 380px;
	float: right;
	margin-top: 5%;
	border-left: 1px solid #f5f5f5;
	padding-left: 30px;
}
.ob-related-tips li {
	padding-top: 20px;
	line-height: 1.6em;
}
.required {
	color: #b94a48 !important;
}
.sub-folder-input {
	margin-top: 5px;
	margin-left: 50px;
	width: 60%;
	position: relative;
}
.remove_field {
	position: absolute;
	right: 87px;
	top: 4px;
}
.st-treed, .st-treed ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-image: url('../img/vdot.gif');
	background-repeat: repeat-y;
	background-position: 8px 0;
}
.st-treed a {
	text-decoration: none;
	color: #000;
	background-image: url('../img/folder.gif');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 2px 0 2px 20px;
}
.st-treed li {
	padding-top: 4px;
	padding-left: 20px;
	background-image: url(dist/img/corner.gif);
	background-repeat: no-repeat;
	background-position: 8px 0;
}
.st-treed a:hover {
	text-decoration: underline;
}
.st-treed .st-last {
	background-image: url(dist/img/corner.gif);
	background-position: 8px 0;
}
.st-treed .st-collapsed, .st-treed .st-open {
	background-repeat: no-repeat;
	background-position: 4px 0;
	cursor: pointer;
	font-size: 12px;
	line-height: 22px;
}
.st-treed .st-collapsed {
	background-image: url('../img/plus.gif');
}
.st-treed .st-open {
	background-image: url('../img/minus.gif');
}
.st-treed .st-collapsed ul {
	display: none;
}
.st-treed .st-file a {
	background-image: url('../img/file.gif');
}
.st-treed a:hover {
	background-color: transparent;
}
#exiting {
	border: 1px solid #c5def3;
	padding: 10px;
	background: aliceblue;
}
.primary-info {
	margin: -10px -15px 10px -15px;
	padding: 10px 15px 10px;
	background-color: #FBFAFA;
	float: left;
	width: -webkit-fill-available;
}
.checklist-info {
	float: left;
	width: -webkit-fill-available;
	padding: 10px;
	padding-bottom: 0px;
}
.cf-label {
	padding: 4px 10px 2px;
	display: inline-block;
	background-color: #FBFBFB;
	border: 1px solid #EAEAEA;
	border-radius: 2px;
	margin: 0 10px 10px 0;
}
.cf-label .checkbox {
	margin-bottom: 0px;
}
div.category-tab-container {
	z-index: 10;
	padding: 0px;
	background-clip: padding-box;
}
div.category-tab-menu {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}
div.category-tab-menu div.list-group {
	margin-bottom: 0;
}
div.category-tab-menu div.list-group>a {
	margin-bottom: 0;
	text-align: center;
	font-size: 14px;
	background-color: #f4f4f4;
	font-weight: 500;
	padding: 12px 0px;
	border-bottom: 1px dashed #ddd;
}
div.category-tab-menu div.list-group>a .glyphicon, div.category-tab-menu div.list-group>a .fa {
	color: #444;
}
div.category-tab-menu div.list-group>a:first-child {
	border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
}
div.category-tab-menu div.list-group>a:last-child {
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
}
div.category-tab-menu div.list-group>a.active, div.category-tab-menu div.list-group>a.active .i, div.category-tab-menu div.list-group>a.active .fa {
	background-color: #3bafda;
	background-image: #3bafda;
	color: #ffffff;
}
div.category-tab-menu i {
	font-size: 34px;
}
div.category-tab-menu div.list-group>a.active:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -20px;
	border-left: 0;
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	border-left: 10px solid #3bafda;
}
div.category-tab-content {
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	float: left;
	clear: both;
	padding: 15px 10px;
	text-align: left;
	width: 100%;
}
div.category-tab div.category-tab-content:not(.active) {
	display: none;
}
#dvTax {
	padding-left: 0px;
	margin-top: 6px;
}
.unused-amount-zero {
	border: 1px dashed #555;
	background: #F9F8F8;
	border-radius: 3px;
	color: #555;
	padding: 15px;
}
.capitalize {
	text-transform: capitalize !important;
}
.addFaq {
	background: #f8f8ff;
	width: 99%;
	border: 1px dashed #c1c1c1;
	float: left;
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
	border-radius: 6px;
	text-align: center;
}
#checklist .associate-checklist {
	background: #fdfdfd;
	padding: 15px;
	border: 1px dashed #ddd;
}
#checklist .associate-checklist .checklist {
	padding: 10px;
	background-color: #f9f9f9;
	margin-bottom: 10px;
	width: 24%;
	border: 1px solid #ddd;
	margin-right: 10px;
	display: inline-block;
	position: relative;
}
#checklist .associate-checklist .checklist .block-date-remove {
	margin-bottom: 10px;
}
input[type=checkbox], input[type=radio] {
	height: auto !important;
}
hr.sep {
	border: none;
	height: 1px;
	background-image: linear-gradient(to right, #f0f0f0, #8f8f8f, #f0f0f0);
}
hr.sep::after {
	content: '§';
	display: inline-block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%) rotate(60deg);
	transform-origin: 50% 50%;
	padding: 5px;
	background-color: white;
}
.services {
	margin-top: 15px;
}
.services-header {
	font-size: 18px;
	border-bottom: 1px dashed #d0d0d0;
	margin: 10px 0px;
	font-weight: 500;
  background-color:  #E4E4E4 !important;	
  border-left : 5px solid  #D99529 !important;
  border-bottom: 2px solid #E4E4E4 !important;  
  padding: 10px;
}
#checklist .todo-list>li {
	width: 30%;
	display: inline-block;
	list-style-type: square !important;
}
.bs-group {
	font-weight: 500;
	font-size: 13px;
}
.padding-left-10 {
	padding-left: 10px;
}
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-size: 85% !important;
	line-height: 22px;
}
.form-wrap.form-builder .empty .frmb {
	border: 1px dashed #ddd !important;
	background: #f9f8f8 !important;
}
.form-wrap.form-builder .frmb li {
	border: 1px dashed #ddd !important;
	background: #f9f8f8 !important;
}
#custom-form-editor {
	width: 97%;
	margin: 0px auto;
}
.get-data {
	display: none !important;
}
.form-wrap.form-builder .btn-group>.btn {
	color: #fff !important;
}
.form-wrap.form-builder .frmb>li:hover {
	box-shadow: none !important;
}
.header-text {
	margin-top: 10px;
	font-weight: 600;
}
.feed-activity-list {
	height: 150px;
	overflow-y: scroll;
	overflow-x: none;
}
.header.amt {
	display: inline !important;
}
.amt {
	display: inline;
}
.ui.top.left.popup {
	margin-right: 3px;
}
.popupcont p {
	margin: 0px 0px 15px 0px;
	line-height: 6px;
	font-size: 13px;
}
.logs p {
	margin: 0px 0px 5px 0px;
	line-height: 20px;
	font-size: 13px;
}
.amt.ui.label {
	padding: 2px 7px;
	cursor: pointer;
}
.ui.list > .item .header span {
	display: inline-block;
	margin-top: 6px;
	font-size: 11px;
	color: #777979;
}
.description > span {
	width: 70px;
}
.checkbox-inline, .radio-inline {
	padding-top: 0px !important;
}
.addQuestion {
	background: ghostwhite;
	padding: 10px;
	width: 100%;
	float: left;
	margin-top: -6px;
	margin-bottom: 15px;
	padding-bottom: 0px;
	margin-left: 15px;
}
.addQuestion .checkbox {
	margin-bottom: 0px;
}
.asset-title {
	font-size: 17px !important;
	letter-spacing: 0px;
	font-weight: 500;
	color: #18a689;
	line-height: 16px;
}
.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
	margin-top: -6px;
	margin-left: -5px;
}
.associate-flats {
	margin-bottom: 10px;
}
.staff-document {
	width: 620px;
	margin-right: 10px;
	overflow-x: scroll;
	white-space: nowrap;
	display: inline-block;
	overflow-y: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.staff-document::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 background-color: #F5F5F5;
}
.staff-document::-webkit-scrollbar {
 height:6px;
 background-color: #F5F5F5;
}
.staff-document::-webkit-scrollbar-thumb {
 background-color: #18a689;
}
#myTable .checkbox input[type=checkbox], .radio input[type=radio] {
	margin-left: 0px;
}
.modal-sm .img {
	width: 100%;
}
.pr-10 {
	padding-right: 10px;
}
.table > tbody > tr > td.names {
	font-weight: 500;
	font-size: 13px;
}
.fa.fa-qrcode {
	font-size: 13px;
	cursor: pointer;
}
.filter-icon img {
	width: 15px;
}
.filter-icon {
	position: absolute;
	left: -5px;
	top: 58px;
}
.ui.search.dropdown > .text {
	cursor: text;
	position: relative;
	left: 0px;
	top: 0px;
	font-size: 11px;
	z-index: 3;
}
div.card-tabs-bar.graygreen a {
	margin: 0px 20px 0px 0px;
	border-radius: 0px;
	/* margin: 0; */
	padding-bottom: 4px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 14px;
	display: inline-block;
	width: fit-content;
	text-align: left;
	text-decoration: none;
}
.pt-35 {
	padding-top: 35px;
}
[data-tab='Events'] .project-list {
	overflow: hidden;
	padding-left: 15px;
}
h2.description {
	padding-top: 20px;
	color: #fff;
}
.widget .fa {
	font-size: 46px;
	color: #fff;
	padding-left: 10px;
	padding-top: 20px;
}
.stats-header h5 {
	padding-left: 0px;
	padding-bottom: 11px;
	text-transform: none;
	color: #18a689;
}
.stats {
	padding: 0px 0px;
	margin: 0px;
}
.pl-8 {
	padding-left: 8px;
}
.pl-3 {
	padding-left: 3px;
}
.mb-30 {
	margin-bottom: 30px;
}
.birthday-section {
	height: 220px;
	overflow-y: scroll;
}
.ui.multiple.dropdown > .text {
	position: static;
	padding: 0;
	max-width: 100%;
	margin: 7px;
	color: #2196F3;
	text-transform: none;
	font-size: 13px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-25 {
	padding-top: 25px;
}
.pl-0 {
	padding-left: 0px;
}
.fa-paper-plane-o {
	padding: 0 7px;
}
.document-thankyou {
	width: 70%;
	margin: 60px auto;
	text-align: center;
}
.document-thankyou h2 {
	margin-bottom: 20px;
}
.document-thankyou h4 {
	margin: 15px 0px;
}
.document-thankyou h2 i {
	display: block;
	font-size: 65px;
	color: #009688;
}
.birthday-section tr:nth-child(1) td:nth-child(1) {
	border-left: 3px solid #ffc856;
}
.birthday-section tr:nth-child(2) td:nth-child(1) {
	border-left: 3px solid #d79cc6;
}
.birthday-section tr:nth-child(3) td:nth-child(1) {
	border-left: 3px solid #86bee7;
}
.birthday-section tr:nth-child(4) td:nth-child(1) {
	border-left: 3px solid #f6aac1;
}
.birthday-section tr:nth-child(5) td:nth-child(1) {
	border-left: 3px solid #86bee7;
}
.lll .birthday-event-tab .widget {
	width: 24%;
	border-top: none;
}
.birthday-event-tab .widget h5 {
	color: #fff;
}
.birthday-event-tab h2.description {
	padding-top: 20px;
	color: #fff;
}
.birthday-event-tab .widget span {
	color: #fff;
}
.birthday-event-tab .widget:nth-child(1) {
	background-color: #86bee7;
}
.birthday-event-tab .widget:nth-child(2) {
	background-color: #ffc856;
}
.birthday-event-tab .widget:nth-child(3) {
	background-color: #d79cc6;
}
.birthday-event-tab .widget:nth-child(4) {
	background-color: #2ed573;
}
.birthday-event-tab .widget .fa {
	font-size: 46px;
	color: #fff;
	padding-left: 10px;
	padding-top: 20px;
}
.birthday-event-tab .widget img {
	padding-left: 10px;
	width: 56px;
	padding-top: 14px;
}
.birthday-event-tab .fa-paper-plane-o {
	padding: 0 7px;
}
.charge-des {
	width: 87%;
	padding-left: 0px;
	padding-right: 0px;
}
.ruleCont {
	border: 1px dashed #ccc;
	margin-top: 20px;
	padding-bottom: 10px;
}
.ifContainer {
	background: #fbfafa;
	display: inline-block;
	padding: 5px 10px;
	position: relative;
	top: -12px;
	margin-left: 10px;
	margin-bottom: -15px;
	font-size: 13px;
}
.ruleConditionWrapper {
	margin-left: 18px;
	padding: 0;
	width: 100%;
}
.actCondition {
	padding: 0px;
	border-top: 1px dashed #ccc;
	margin: 20px 0px 20px;
	height: 0;
	font-size: 13px;
}
.ruleActionWrapper {
	margin-left: 18px;
	padding: 0;
}
.ruleActionWrapper .ruleAction {
	padding: 10px 0;
	margin: 1px 0;
}
.actCondition span {
	margin-left: 20px;
	position: relative;
	top: -11px;
	background: #fbfafa;
	padding: 0px 10px;
	display: block;
}
.ruleConditionWrapper .ruleCondition {
	padding: 10px 0;
	margin: 1px 0;
	min-height: 33px;
}
.multi-select-checkbox-wrap {
	display: inline-block;
	cursor: pointer;
	line-height: 1;
	width: 100%;
}
.multi-select-checkbox-label-wrap {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: default;
}
.multi-select-checkbox-label-wrap, .multi-select-checkbox-dropdown {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.multi-select-checkbox-label-wrap .multi-select-checkbox-label {
	padding: 6px 22px 6px 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #999;
}
.multi-select-checkbox-arrow {
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #737373;
	position: absolute;
	top: 0;
	right: 5px;
	bottom: 0;
	margin: auto;
}
.multi-select-checkbox-dropdown {
	position: absolute;
	background-color: #fff;
	border: 1px solid #ddd;
	width: 98%;
	margin-top: 5px;
	z-index: 1000;
}
.multi-select-checkbox-dropdown .multi-select-checkbox-options {
	max-height: 200px;
	overflow: auto;
}
.multi-select-checkbox-search input {
	border: none !important;
	box-shadow: none !important;
	outline: none;
	padding: 6px 0;
	width: 100%;
}
.multi-select-checkbox-option, .multi-select-checkbox-search, .multi-select-checkbox-optgroup-label {
	padding: 6px 8px;
	border-bottom: 1px solid #eee;
	cursor: default;
}
.multi-select-checkbox-option:last-child {
	border-bottom: none;
}
.multi-select-checkbox-search {
	padding: 0 8px;
}
.multi-select-checkbox-no-results {
	padding: 6px 8px;
}
.multi-select-checkbox-option {
	cursor: pointer;
	word-break: break-all;
}
.multi-select-checkbox-option.disabled {
	opacity: 0.4;
	cursor: default;
}
.multi-select-checkbox-option.hl {
	background-color: #f5f5f5;
}
.multi-select-checkbox-wrap.multiple .multi-select-checkbox-option {
	position: relative;
	padding-left: 30px;
}
.multi-select-checkbox-wrap.multiple .multi-select-checkbox-checkbox {
	position: absolute;
	display: block;
	width: 30px;
	top: 0;
	left: 0;
	bottom: 0;
}
.multi-select-checkbox-wrap.multiple .multi-select-checkbox-option .multi-select-checkbox-checkbox i {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 14px;
	height: 14px;
	border: 1px solid #aeaeae;
	border-radius: 2px;
	background-color: #fff;
}
.multi-select-checkbox-wrap.multiple .multi-select-checkbox-option.selected .multi-select-checkbox-checkbox i {
	background-color: rgb(17, 169, 17);
	border-color: transparent;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-position: center;
}
.multi-select-checkbox-optgroup-label {
	font-weight: bold;
	text-align: center;
}
.charge-item {
	padding: 15px 10px;
	background: #f9fafb;
	border-top: 1px dashed #ddd;
}
.charge-item:first-child {
	border-top: none;
}
.charge-item:last-child {
	border-bottom: 1px dashed #ddd;
}
.charge-item-more {
	font-size: 13px;
	color: #FF5722;
	display: block;
	margin-top: 10px;
	font-weight: 500;
}
.charge-type {
	font-size: 13px;
	font-weight: 500;
}
.charge-type span {
	display: block;
	margin-top: 5px;
}
div.map-bill-cycle-tab-container {
	margin-bottom: 30px;
}
div.map-bill-cycle-tab-menu {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}
div.map-bill-cycle-tab-menu div.list-group {
	margin-bottom: 0;
	margin-top: 0px;
}
div.map-bill-cycle-tab-menu div.list-group>a {
	margin-bottom: 0;
	border-bottom: 1px solid #eaf5fd !important;
	padding: 20px 15px;
	background: #eff4f6;
}
.map-bill-cycle-tab {
	border: 1px solid #eaf5fd;
	min-height: 350px;
}
div.map-bill-cycle-tab-menu div.list-group>a .glyphicon, div.map-bill-cycle-tab-menu div.list-group>a .fa {
	color: #444;
}
div.map-bill-cycle-tab-menu div.list-group>a:first-child {
	border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
}
div.map-bill-cycle-tab-menu div.list-group>a:last-child {
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
}
div.map-bill-cycle-tab-menu div.list-group>a.active, div.map-bill-cycle-tab-menu div.list-group>a.active .glyphicon {
	background-color: #5A55A3;
	text-align: left;
	color: #fff;
}
div.map-bill-cycle-tab-menu div.list-group>a.active .fa {
	color: #ffbf00;
}
.tab-text {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
}
div.map-bill-cycle-tab-menu div.list-group>a.active:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -13px;
	border-left: 0;
	border-bottom: 13px solid transparent;
	border-top: 13px solid transparent;
	border-left: 10px solid #5A55A3;
}
div.map-bill-cycle-tab-content {
	padding-top: 10px;
	color: #333;
}
div.map-bill-cycle-tab div.map-bill-cycle-tab-content:not(.active) {
	display: none;
}
#CreateMapbill .modal-body label {
	display: block;
}
.account-charge-detail {
	background: #fbfbfb;
	padding: 10px;
	margin-top: -2px;
	margin-left: -2px;
	margin-right: -2px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.account-charge-detail .ui.divided.list>.item {
	border-bottom: none;
}
.account-charge-detail .ui.relaxed.divided.list, .account-charge-detail .ui.structured.table {
	margin-bottom: 0px;
}
.account-charge-detail .w32-fl {
	width: 32%;
	float: left;
	margin-right: 15px;
}
.account-charge-detail .w32-fl:last-child {
	margin-right: 0px;
}
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}
.modal.right .modal-body {
	padding: 25px 15px!important;
}
.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
	right: 0;
}
.modal.right .modal-content {
	border-radius: 0;
	border: none;
}
.modal.right .modal-header {
	border-bottom-color: #9e85d2;
	background-color: #9e85d2;
}
.modal.right .done-icon {
	text-align: center;
}
.modal.right .done-icon img {
	width: 25%
}
.supportBtn {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	text-align: center;
	height: auto;
	right: -33px;
	top: 40%;
	border-radius: 10px;
	position: fixed;
	background: linear-gradient(to right, gold, darkorange);
	padding: 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff !important;
	letter-spacing: 1px;
	cursor: pointer;
	z-index: 1;
}
.supportBtn:active, .supportBtn:focus {
	background: darkorange !important;
}
.no-data {
	background-color: rgba(249, 249, 249, 0.5);
	float: left;
	padding: 10px;
}
.invoice-mapping label {
	font-size: 12px;
}
.no-record .chosen-container-single .chosen-single {
	border: 1px solid #e55039 !important;
}
.invoice-mapping .chosen-container-single .chosen-single {
	border: 1px solid #78e08f;
}
#account-feed {
	height: 300px;
	overflow-y: scroll;
}
 #account-feed::-webkit-scrollbar {
 width:5px;
}
 #account-feed::-webkit-scrollbar-track {
 -webkit-box-shadow:#fff;
}
#account-feed::-webkit-scrollbar-thumb {
 background-color:#18a689;
 outline: 1px solid #ffffff;
}
.account-card {
	border-radius: 10px;
	box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);
	background-color: #fff;
	color: #252422;
	margin-bottom: 10px;
	position: relative;
	border: 0 none;
	transition: transform .3s cubic-bezier(.34, 2, .6, 1), box-shadow .2s ease
}
.account-card .account-card-body {
	padding: 15px 15px 10px
}
.account-card-stats .account-card-body .numbers p {
	margin-bottom: 0;
	text-align: right;
}
.account-card-stats .account-card-body .numbers .account-card-category {
	color: #6153cc;
	font-size: 18px;
	line-height: 1.4em;
	text-align: right;
}
.account-card-stats .account-card-footer .stats {
	color: #9a9a9a
}
.account-card-stats .icon-big {
	font-size: 48px;
	min-height: 64px;
	text-align: center;
}
.account-card-stats .icon-big i {
	line-height: 59px
}
.account-card-title {
	font-size: 32px !important;
	line-height: 36px !important
}
.account-card-title i {
	font-weight: 300;
	font-size: 24px;
}
.account-dashboard {
	border: 1px solid #ddd;
	padding: 20px;
	width: 48%;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	margin-right: 22px;
	min-height: 430px;
	margin-bottom: 20px;
}
.transactionRow .chosen-container-single .chosen-single, .transactionRow .chosen-container.chosen-container-single, .transactionRow .form-control {
	border: none;
}
#side-menu::-webkit-scrollbar {
 width:3px;
}
 #side-menu::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 #side-menu::-webkit-scrollbar-thumb {
 background-color: darkgrey;
 outline: 1px solid slategrey;
}
span.multiselect-native-select {
	position: relative
}
span.multiselect-native-select select {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	height: 1px!important;
	margin: -1px -1px -1px -3px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	left: 50%;
	top: 30px
}
.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0
}
.multiselect-container .input-group {
	margin: 5px
}
.multiselect-container .multiselect-reset .input-group {
	width: 93%
}
.multiselect-container>li {
	padding: 0
}
.multiselect-container>li>a.multiselect-all label {
	font-weight: 700
}
.multiselect-container>li.multiselect-group label {
	margin: 0;
	padding: 3px 20px;
	height: 100%;
	font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
	cursor: pointer
}
.multiselect-container>li>a {
	padding: 0
}
.multiselect-container>li>a>label {
	margin: 0;
	height: 100%;
	cursor: pointer;
	font-weight: 400;
	padding: 3px 20px 3px 40px
}
.multiselect-container>li>a>label.checkbox, .multiselect-container>li>a>label.radio {
	margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
	margin-bottom: 5px;
	margin-top: 2px;
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
	padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
	margin-left: -20px;
	margin-right: 0
}
span.multiselect-native-select .btn-group {
	width: 100%;
}
button.multiselect.dropdown-toggle.btn.btn-default {
	width: 100%;
	background: #fff;
	text-transform: capitalize;
	color: #a0a0a0;
	border-radius: 0px;
	padding: 1px 5px;
	text-align: left;
	box-shadow: none;
}
ul.multiselect-container.dropdown-menu {
	width: 100%;
	box-shadow: none;
	border: 1px solid #ddd;
}
button.multiselect.dropdown-toggle.btn.btn-default:focus, button.multiselect.dropdown-toggle.btn.btn-default:active {
	box-shadow: none;
}
b.caret {
	float: right;
	margin-top: 8px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background: transparent;
}
.multiselect-container>li a {
	line-height: 18px !important;
}
.tabset > input[type="radio"] {
	position: absolute;
	left: -200vw;
}
.tabset > input[type="checkbox"] {
	margin-right: 5px;
}
.tabset .tab-panel {
	display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child, .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2), .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3), .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4), .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5), .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
	display: block;
}
.tabset > label {
	position: relative;
	display: inline-block;
	padding: 10px 10px 25px;
	border: 1px solid transparent;
	border-bottom: 0;
	cursor: pointer;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 0px;
}
.tabset > label::after {
	content: "";
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 22px;
	height: 4px;
	background: #8d8d8d;
}
.tabset > label:hover, .tabset > input:focus + label {
	color: #2196F3;
}
.tabset > label:hover::after, .tabset > input:focus + label::after, .tabset > input:checked + label::after {
	background: #2196F3;
}
.tabset > input:checked + label {
	border-color: #ccc;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}
.tab-panel {
	padding: 10px 0;
	border: 1px solid #ccc;
}
.tabset {
	width: 100%;
}
.referral-container {
	width: 50%;
	margin: 0px auto;
	padding: 10px;
	margin-bottom: 50px;
	border: 1px solid #dddddd;
}
.referral-banner-btn {
	width: 100%;
	margin: 0;
	color: #fff;
	background: steelblue;
	border: none;
	padding: 10px;
	border-radius: 2px;
	border-bottom: 2px solid royalblue;
	transition: all .2s ease;
	outline: none;
	text-transform: uppercase;
	font-weight: 600;
}
.referral-banner-btn:hover {
	background: royalblue;
	color: #ffffff;
	transition: all .2s ease;
	cursor: pointer;
}
.referral-banner-btn:active {
	border: 0;
	transition: all .2s ease;
}
.referral-banner-content {
	display: none;
	text-align: center;
}
.referral-banner-input {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	opacity: 0;
	cursor: pointer;
}
.image-upload-wrap {
	margin: 10px 0px;
	border: 1px dashed #e3e3e3;
	position: relative;
}
.image-dropping, .image-upload-wrap:hover {
	border: 1px dashed #e3e3e3;
}
.image-title-wrap {
	padding: 0 15px 15px 15px;
	color: #222;
}
.drag-text {
	text-align: center;
}
.drag-text h5 {
	font-weight: 500;
	color: #009688;
	padding: 60px 0;
}
.referral-banner-image {
	max-height: 300px;
	width: 100%;
	margin: auto;
	padding: 10px 0px;
}
.remove-image {
	width: 20%;
	margin: 0;
	color: #fff;
	background: #de2b1e;
	border: none;
	padding: 10px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	outline: none;
	font-weight: 500;
}
.remove-image:active {
	border: 0;
	transition: all .2s ease;
}
.referral-thumb {
	width: 30px !important;
	height: 30px !important;
}
.rules-block {
	width: 32%;
	display:inline-block;
	margin-right:12px;
	margin-bottom:12px;
	background:#fbfafa;
	padding:12px;
}
.blockk .rules-block{
	float: left;
	width: 32%
	}

.pms-tab {
  width: 137px;
  font-size: 16px !important;
  color: #b7b7b7 !important;
  margin-bottom: -1px;
}
div.dataTables_length select {
 width: 53px !important;
}
.w20 {
	width: 20% !important;
}

.switch {
  position: absolute;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: -14px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}


input:checked + .slider {
  background-color: #29b5a8;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.slider {
 position: absolute;
   cursor: pointer;
   top: 15px;
   left: 15px;
   right: 0px;
   bottom: 0;
   background-color: #e44f6d;
   -webkit-transition: 0.4s;
   transition: 0.4s;
}

.slider:before {
 position: absolute;
   content: "";
   height: 12px;
   width: 12px;
   /* left: 1px; */
   bottom: 3px;
   background-color: #fff;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   left: 3px;
   right: 3px;
}

input:checked + .slider {
 background-color: #29b5a8;
}

input:focus + .slider {
 box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
 -webkit-transform: translateX(26px);
 -ms-transform: translateX(26px);
 transform: translateX(23px);
}

.slider.round {
 border-radius: 30px;
 width: 42px;
   height: 17px;
}








  body {
    font-size: 13px !important;
    overflow-x: hidden;
    color: black !important;
  }

  .pointer {
    cursor: pointer;
  }


  .material-symbols-outlined {
    font-size: 18px !important;
    cursor: pointer;
  }

  option {
    padding: 3px !important;
  }

  select:required:invalid {
    color: gray !important;
  }

  /* top-nav */
  .go-logo {
    max-width: 13%;
  }

  .navbar-nav .nav-item {
    width: auto !important;
    text-align: center;
  }

  .navbar {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    position: sticky !important;
    top: 0;
    background-color: white;
    z-index: 99;
  }

  .navbar .nav-item {
    margin-left: 5px;
    margin-right: 5px;
  }

  .nav-item a {
    padding: 5px 7px;
  }

  .search-input input {
    height: fit-content;
    padding: 1px;
  }

  .navbar .active {
    color: white !important;
    background-color: #E95420;

    border-radius: 5px;
  }

  section.top-module ul .active a {
    color: #E95420;
  }

  section.top-module ul .active,
  .top-module li.active {
    padding: 5px 10px;
    color: #E95420 !important;
    border-bottom: 1px solid #E95420;
  }

  .top-nav-right {
    display: flex;
  }

  /* sidebar */
  .top_navbar .hamburger {
    cursor: pointer;
    color: black;
  }

  .search-input {
    border: 1px solid lightgray;
    border-radius: 35px;
    padding-left: 5px;
    margin: auto 5px;
  }

  .search-input input {
    border: none;
  }

  .material-symbols-outlined,
  .search-input .material-symbols-outlined {
    margin: auto 5px;
  }

  .sidebar .active a,
  .sidebar .active a:hover {
    color: white !important;
  }

  /* select,input,textarea {  padding: 2px;} */


  .sidebar::-webkit-scrollbar {
    width: 5px;
  }

  .sidebar::-webkit-scrollbar-track {
    background: #112A46;
  }

  .sidebar::-webkit-scrollbar-thumb {
    background-color: #9FA5AD;
    border-radius: 20px;
    border: 1px solid #112A46;
  }

  .hover_collapse .sidebar ul li a .text {
    display: none;
  }

  .sidebar {
    z-index: 20;
    position: fixed;
    left: 0;
    width: 15em;
    height: 100%;
    background: #112A46;
    padding-bottom: 100px;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .site-content,
  .website-content {
    margin-left: 15em;
    margin-bottom: 5em;
    /* margin : 15px 0 80px 14em; */

  }

  .sidebar ul li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #9FA5AD;
  }

  .sidebar ul li a .icon {
    vertical-align: middle;
  }

  .sidebar ul li a .text {
    margin-left: 10px;
    font-family: sans-serif;
    letter-spacing: 2px;
  }

  .closebtn {
    display: none;
  }

  .avatar,
  .avatar2 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #E95420;
    background-color: #FDE6DE;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    margin: 5px;
    padding: 2px;
    border: 1px solid;
  }

  .avatar2 {
    height: 50px;
    width: 50px;
  }

  .avatar__letters,
  .avatar__letters2 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #E95420;
  }

  .avatar__letters2 {
    font-size: x-large;
  }

  .sidebar-dropdown button {
    border: none;
    background-color: transparent;
    color: #9FA5AD;
  }

  .sidebar .dd-select .active,
  .sidebar .active,
  .sidebar ul li a:hover {
    background: rgba(249, 158, 27, .5);
    border-bottom: 1px solid rgba(249, 158, 27, .9) !important;
    color: white !important;
  }

  .dd-select.p-0 p {
    padding: 10px 15px 10px 35px;
    margin: 0;
  }

  /* submenu */

  section.top-module ul {
    list-style: none;
    display: flex;
    background-color: #F8F8F8;
    justify-content: space-around;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px;
  }

  section.top-module ul li {
    padding: 5px 10px;
  }

  section.top-module ul a {
    text-decoration: none;
    color: black;
  }

  /* --------------------------------------------------------------------------------------------------------------------------------
  ----------------------------------------------------------------------------------------------------------------------------------- */

  /* sidebar sroll below */


  /* top navigation css below */
  input:focus {
    box-shadow: none !important;
    outline: none !important;
    border: none;
  }

  .navbar-expand-md {
    width: 100%;
    background-color: white;
    position: fixed;
    top: 0;
  }

  .site-logo {
    height: 35px;
    margin: auto;
  }

  .site-selection img {
    height: 18px;
    width: auto;
  }

  .site-selection,
  .user-selector {
    background-color: #dbdcde;
    padding: 5px 35px 5px 15px;
    border-radius: 4px;
    position: relative;
  }

  .site-selection::after,
  .user-selector::after {
    content: " ";
    width: 9px;
    height: 7px;
    background: url("./images/dd-toggler.png") no-repeat;
    top: 13px;
    right: 9px;
    position: absolute;
  }

  nav .nav-item .nav-link.active {
    background-color: #f99e1b;
    border-radius: 4px;
    color: white !important;
    padding: 5px 15px;
  }

  .top-nav-avatar {
    border: 1px solid #f99e1b;
    border-radius: 50%;
    padding: 2px 7px;
    margin: auto;
    background-color: #112a46;
    color: white;
  }

  /* top navigation css above */
  /* sub navigation css below */


  .btn-select img {
    /* vertical-align: text-bottom; */
    margin-right: 5px;
  }

  .sidebar .btn-select,
  .dd-select {
    padding: 10px 15px;
    text-decoration: none;
    color: #DBDCDE;
    display: block;
    position: relative;
    border-bottom: 1px solid white;
    cursor: pointer;

  }

  .open-dd {
    transform: rotate(180deg);
  }

  .dd-select a::before {
    content: "-";
    margin-right: 7px;
    margin-left: -15px;
  }

  .dd-select a {
    color: #dbdcde;
    text-decoration: none;
    width: 100%;
  }

  /* sub-module  below */
  .sub-module-div {
    margin: 43px 0 0 180px;
  }

  .sub-module {
    background-color: #DBDCDE;
    padding: 5px;
    position: sticky;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    top: 43px;
    z-index: -1;
  }

  .sub-module ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
  }

  .sub-module ul li a {
    color: black;
    text-decoration: none;
  }

  .footer-div img {
    width: 90px;
  }

  .footer-div {
    /* text-align: center; */
    padding: 7px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em,
      rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em,
      rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
  }

  .footer-div .btn-support {
    background: #f99e1b;
    color: white;
    border: none;
    padding: 5px 10px;
    position: fixed;
    right: 10px;
    border-radius: 4px 4px 0 0;
    bottom: 35px;
  }

  .footer-div .support-form {
    position: fixed;
    bottom: 35px;
    right: 10px;
    width: 400px;
    background-color: #112a46;
    border-radius: 8px 8px 0 0;
  }

  .support-form textarea {
    max-height: 100px;
    min-height: 100px;
  }

  .support-form h6 {
    background-color: #dbdcde;
    color: #112a46;
    border-radius: 8px 8px 0 0;
  }

  .footer-div .support-form select,
  .footer-div .support-form textarea,
  .footer-div .support-form input {
    background-color: #112a46;
    padding: 5px 7px;
    width: 100%;
    color: white;
    border: 1px solid white;
  }

  .support-form option {
    padding: 5px !important;
    line-height: 20px;
  }

  .support-form input[type="file"] {
    opacity: 0;
  }

  .suppotr-from-btn {
    border: none;
    padding: 5px 10px;
    background-color: #f99e1b;
    color: white;
    border-radius: 4px;
    margin: auto;
  }

  .support-form,
  .app-collection,
  .user-selector-dd,
  #sidebar-count-dd,
  #sidebar-ticket-dd,
  #sidebar-stats-dd,
  #sidebar-coomun-dd,
  #sidebar-club-dd,
  #sidebar-fnb-dd,
  #sidebar-fm-dd,
  #sidebar-transt-dd,
  #sidebar-gate-dd,
  #sidebar-markt-dd,
  #sidebar-fitot-dd,
  #sidebar-vas-dd,
  #sidebar-finc-dd,
  #sidebar-repo-dd,
  #sidebar-bkeep-dd {
    display: none;
  }

  .app-collection p {
    margin-bottom: 6px;
  }

  .app-collection,
  .user-selector-dd {
    position: absolute;
    top: 35px;
    z-index: 99;
    background-color: white;
    width: 200px;
    padding: 7px;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }

  .user-selector-dd {
    right: 20px;
  }

  .lock-logo {
    width: 120px;

  }

  .support-form textarea::placeholder {

    color: white;
  }


  /* sub navigation css above  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; */
  @media only screen and (max-width: 991px) {

    .site-selection,
    .user-selector,
    nav .nav-item .nav-link.active,
    .navbar-nav .nav-link {
      width: fit-content;
      margin: 5px;
    }

    .navbar-nav,
    .nav-item,
    .top-nav-right {
      text-align: -webkit-center !important;
      justify-content: center;
    }


    .closebtn {
      display: block;
      color: rgb(208, 32, 32);
      margin: 0;
    }

    .website-content {
      margin: 0;
    }
  }