@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-Italic.ttf);
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat-Bold.ttf);
  font-weight:bold;
}
@font-face {
  font-family: Ubuntu;
  src: url(../fonts/Ubuntu-R.ttf);
}
@font-face {
  font-family: Ubuntu;
  src: url(../fonts/Ubuntu-L.ttf);
  font-weight:300;
}
@font-face {
  font-family: Ubuntu;
  src: url(../fonts/Ubuntu-B.ttf);
  font-weight:bold;
}
@font-face {
  font-family: Poppins;
  src: url(../fonts/Poppins-Regular.ttf);
  font-weight:bold;
}


a, body {
	color: #6b7b84
}
#page-wrapper, body {
	background-color: #eef5f9
}
.panel-footer, hr {
	border-top: 1px solid #e8edef
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .form-control, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
	box-shadow: none
}
.sidebar-nav.navbar-collapse .nav>li.active>a, .sidebar-nav.navbar-collapse .nav>li>a:focus, .sidebar-nav.navbar-collapse .nav>li>a:hover {
	outline: 0;
	background-color: transparent !important;
	color: #00897b !important;
	border-left: 3px solid transparent;
}
.sidebar-nav.navbar-collapse::-webkit-scrollbar-thumb {
    background-color: transparent !important;
    transition: all 0.4s;
}
#page-wrapper {
  background-color: #ebf2f6 !important;
  padding-bottom: 235px;
}
.sidebar-nav.navbar-collapse ul li a {
    color: #607d8b !important;
    font-size: 14px !important;
	border-bottom: none !important;
	
}
.sidebar-nav.navbar-collapse > ul > li.active > a {
    color: #00897b !important;
}
.sidebar-nav.navbar-collapse>ul>li.active>a {
    color: #00897b !important;
    font-weight: 500 !important;
    border-left: 3px solid #00897b !important;
}
html {
	min-height: 100%
}
body {
	font-family: Poppins, sans-serif;
	font-size: 14px;
	line-height: 1.618;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	color: #67757c !important;
	font-weight: 300;
}
.container-fluid {
	padding: 0 55px 25px;
	background-color: #ecf3f7;
}
.container-fluid.dataTables_wrapper {
	padding: 0 55px 25px;
	background-color: transparent !important;
}
.ti{
    
    font-size: 16px;
    border-radius: 50%;
}
a {
	text-decoration: none
}
a:focus, a:hover {
	color: #62748F;
	text-decoration: none
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.382;
	margin: 0 0 1rem;
	color: #455a64
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-weight: 400;
	line-height: 1;
	color: #6b7b84
}
.badge, label {
	font-weight: 500
}
#wrapper {
	width: 100%
}
#page-wrapper {
	min-height: 568px;
	margin-top: 100px;
	z-index: 11;
	margin-left: -10px;
}
.badge {
	font-size: 11px;
	padding: 4px 6px;
	margin-right: 10px
}
.card.box-space {
	padding: 2.5em 0
}
.panel-footer {
	background-color: transparent
}
.btn {
	padding: 6px 14px;
	border-radius: 2px;
}
.btn-primary {
	background-color: #00897b !important;
	border-color: #00897b;
}
.btn-default:hover {
	color: #6b7b84;
	background-color: #f4f5f7;
	border-color: #e4e4e4
}
.btn.focus, .btn:focus, .btn:hover {
	color: #6b7b84;
	text-decoration: none
}
.form-control {
    display: block;
    width: 100%;
    /* height: calc(1.5em + .9rem + 2px); */
    padding: .45rem .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #00897b;
    border-radius: .2rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.form-control::-moz-placeholder {
	color: #6b7b84;
	opacity: 1
}
.form-control:-ms-input-placeholder {
	color: #6b7b84
}
.form-control::-webkit-input-placeholder {
	color: #6b7b84
}
.table-inbox {
	border: 1px solid #e8eef1
}
a.bg-danger:focus, a.bg-danger:hover {
	background-color: #da0a2c;
	color: #fff
}
html body .btn-info {
	background: #01b2ac
}
html body .btn-primary {
	background: #1194f7
}
html body .btn-danger {
	background: #f21136
}
html body .btn-warning {
	background: #ff9800
}
html body .btn-success {
	background: #0fb76b
}
html body .btn-purple {
	background: #c580ff
}
html body .btn-danger:focus, html body .btn-danger:hover, html body .btn-info:focus, html body .btn-info:hover, html body .btn-primary:focus, html body .btn-primary:hover, html body .btn-purple:focus, html body .btn-purple:hover, html body .btn-success:focus, html body .btn-success:hover, html body .btn-warning:focus, html body .btn-warning:hover {
	color: #fff
}
.box-no-border .card {
	border: 0;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .05);
	box-shadow: 0 5px 20px rgba(0, 0, 0, .05)
}
.card {
	margin-bottom: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05) !important;
	border-radius: 10px !important;
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
	background: #00897b;
	border-bottom: 0;
	padding: 1rem 2rem;
	margin-bottom: 0;
	border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}
.card-header h4 {
	font-weight: 400;
	color: #fff;
	margin-bottom: 0;
}
.card-header .btn-default {
	color: #99abb4;
	background-color: transparent;
	border: none
}
.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}
.left-br {
	border-left: 1px solid #e8edef
}
.right-br {
	border-right: 1px solid #e8edef
}
.widget.default-widget {
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	width: 100%
}
.margin-bottom {
	margin-bottom: 20px
}
html body .padd-0 {
	padding: 0
}
html body .padd-5 {
	padding: 5px
}
html body .padd-10 {
	padding: 10px
}
html body .padd-15 {
	padding: 15px
}
html body .padd-20 {
	padding: 20px
}
html body .padd-l-0 {
	padding-left: 0
}
html body .padd-l-5 {
	padding-left: 5px
}
html body .padd-l-10 {
	padding-left: 10px
}
html body .padd-l-15 {
	padding-left: 15px
}
html body .padd-r-0 {
	padding-right: 0
}
html body .padd-r-5 {
	padding-right: 5px
}
html body .padd-r-10 {
	padding-right: 15px
}
html body .padd-top-0 {
	padding-top: 0
}
html body .padd-top-5 {
	padding-top: 5px
}
html body .padd-top-10 {
	padding-top: 10px
}
html body .padd-top-15 {
	padding-top: 15px
}
html body .padd-bot-0 {
	padding-bottom: 0
}
html body .padd-bot-5 {
	padding-bottom: 5px
}
html body .padd-bot-10 {
	padding-bottom: 10px
}
html body .padd-bot-15 {
	padding-bottom: 15px
}
html body .mrg-0 {
	margin: 0
}
html body .mrg-5 {
	margin: 5px
}
html body .mrg-10 {
	margin: 10px
}
html body .mrg-15 {
	margin: 15px
}
html body .mrg-20 {
	margin: 20px
}
html body .mrg-l-0 {
	margin-left: 0
}
html body .mrg-l-5 {
	margin-left: 5px
}
html body .mrg-l-10 {
	margin-left: 10px
}
html body .mrg-l-15 {
	margin-left: 15px
}
html body .mrg-r-0 {
	margin-left: 0
}
html body .mrg-r-5 {
	margin-left: 5px
}
html body .mrg-r-10 {
	margin-left: 10px
}
html body .mrg-r-15 {
	margin-left: 15px
}
html body .mrg-top-0 {
	margin-left: 0
}
html body .mrg-top-5 {
	margin-left: 5px
}
html body .mrg-top-10 {
	margin-left: 10px
}
html body .mrg-top-15 {
	margin-left: 15px
}
html body .mrg-bot-0 {
	margin-left: 0
}
html body .mrg-bot-5 {
	margin-left: 5px
}
html body .mrg-bot-10 {
	margin-left: 10px
}
html body .mrg-bot-15 {
	margin-left: 15px
}
html body .extra-mrg-5 {
	margin: 0 -5px
}
html body .extra-mrg-10 {
	margin: 0 -10px
}
html body .extra-mrg-15 {
	margin: 0 -15px
}
html body .extra-mrg-20 {
	margin: 0 -20px
}
html body .bg-info {
	background: #01b2ac
}
html body .bg-primary {
	background: #1194f7
}
html body .bg-danger {
	background: #f21136
}
html body .bg-warning {
	background: #ff9800
}
html body .bg-success {
	background: #0fb76b
}
html body .bg-purple {
	background: #c580ff
}
html body .bg-default {
	background: #283447
}
html body .bg-trans-info {
	background: rgba(2, 182, 179, .12)
}
html body .bg-trans-primary {
	background: rgba(17, 148, 247, .12)
}
html body .bg-trans-danger {
	background: rgba(242, 17, 54, .12)
}
html body .bg-trans-warning {
	background: rgba(255, 152, 0, .12)
}
html body .bg-trans-success {
	background: rgba(15, 183, 107, .12)
}
html body .bg-trans-purple {
	background: rgba(197, 128, 255, .12)
}
html body .bg-trans-default {
	background: rgba(40, 52, 71, .12)
}
html body .bg-info-br {
	border: 1px solid #01b2ac;
	background: rgba(2, 182, 179, .12)
}
html body .bg-primary-br {
	border: 1px solid #1194f7;
	background: rgba(17, 148, 247, .12)
}
html body .bg-danger-br {
	border: 1px solid #f21136;
	background: rgba(242, 17, 54, .12)
}
html body .bg-warning-br {
	border: 1px solid #ff9800;
	background: rgba(255, 152, 0, .12)
}
html body .bg-success-br {
	border: 1px solid #0fb76b;
	background: rgba(15, 183, 107, .12)
}
html body .bg-purple-br {
	border: 1px solid #c580ff;
	background: rgba(197, 128, 255, .12)
}
html body .bg-default-br {
	border: 1px solid #283447;
	background: rgba(40, 52, 71, .12)
}
html body .cl-info {
	color: #01b2ac
}
html body .cl-primary {
	color: #1194f7
}
html body .cl-danger {
	color: #f21136
}
html body .cl-warning {
	color: #ff9800
}
html body .cl-success {
	color: #0fb76b
}
html body .cl-purple {
	color: #c580ff
}
html body .cl-default {
	color: #283447
}
html body .cl-white {
	color: #fff
}
html body .br-info {
	border-color: #01b2ac
}
html body .br-primary {
	border-color: #1194f7
}
html body .br-danger {
	border-color: #f21136
}
html body .br-warning {
	border-color: #ff9800
}
html body .br-success {
	border-color: #0fb76b
}
html body .br-purple {
	border-color: #c580ff
}
html body .br-default {
	border-color: #283447
}
.bg-online {
	background: #68c70b
}
.bg-offline {
	background: #e02b0d
}
.bg-busy {
	background: #2196f3
}
.bg-working {
	background: #ff9800
}
html body .label-info {
	background: #01b2ac
}
html body .label-primary {
	background: #1194f7
}
html body .label-danger {
	background: #f21136
}
html body .label-warning {
	background: #ff9800
}
html body .label-success {
	background: #0fb76b
}
html body .label-purple {
	background: #c580ff
}
html body .label-default {
	background: #283447
}
html body .label-yellow {
	background: #49afa9
}
.custom-checkbox {
	position: relative
}
.custom-checkbox input[type=checkbox] {
	opacity: 0;
	position: absolute;
	margin: 5px 0 0 3px;
	z-index: 9
}
.custom-checkbox label:before {
	width: 18px;
	height: 18px;
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 2px;
	box-sizing: border-box;
	z-index: 2
}
.custom-checkbox input[type=checkbox]:checked+label:after {
	content: '';
	position: absolute;
	left: 6px;
	top: 3px;
	width: 6px;
	height: 11px;
	border: solid #000;
	border-width: 0 3px 3px 0;
	transform: inherit;
	z-index: 3;
	transform: rotateZ(45deg)
}
.custom-checkbox input[type=checkbox]:checked+label:before {
	border-color: #03A9F4;
	background: #03A9F4
}
.custom-checkbox input[type=checkbox]:checked+label:after {
	border-color: #fff
}
.custom-checkbox input[type=checkbox]:disabled+label:before {
	color: #b8b8b8;
	cursor: auto;
	box-shadow: none;
	background: #ddd
}

.page-titles .breadcrumb {
	background: 0 0;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 10px;
}
.breadcrumb {
	margin-bottom: 0
}
.page-titles {
	margin-left: 0px !important;
	margin-right: 0px !important;
    background: #ffffff;
    margin: 0 0px 30px;
    padding: 15px 10px;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 16px 3px 18px 0px rgba(0, 0, 0, 0.1);
}
.page-titles {
    padding-bottom: 20px;
}
h3.text-themecolor {
	margin-bottom: 0;
	font-weight: 500;
	color: #00897b !important
}
.page-titles .breadcrumb li {
	margin-top: 0;
	margin-bottom: 0
}
.page-titles .breadcrumb .breadcrumb-item.active {
	color: #6b7b84
}
.page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	content: "\f101";
	font-family: 'FontAwesome';
	color: #828282;
	font-size: 11px
}
.page-titles .breadcrumb .breadcrumb-item a{
	color: #828282;
}
.page-titles .breadcrumb .breadcrumb-item.active{
	color: #00897b;
}
.modal-body label, .modal-header h4.modal-title {
	font-family: "Open Sans", sans-serif
}
li.breadcrumb-item a {
	color: #00897b
}
.panel-primary {
	border-color: #a8c9e2
}
.panel-purple {
	border-color: #e5d0f7
}
.panel-danger {
	border-color: #f9cdd5
}
.panel-info {
	border-color: #c4f5f5
}
.panel-warning {
	border-color: #f3debd
}
.panel-success {
	border-color: #b9f1d8
}
.panel-info>.panel-heading {
	color: #01b2ac;
	background-color: rgba(1, 178, 172, .1);
	border-color: #01b2ac
}
.panel-primary>.panel-heading {
	color: #1194f7;
	background-color: rgba(17, 148, 247, .1);
	border-color: #1194f7
}
.panel-warning>.panel-heading {
	color: #ff9800;
	background-color: rgba(255, 152, 0, .1);
	border-color: #ff9800
}
.panel-success>.panel-heading {
	color: #0fb76b;
	background-color: rgba(15, 183, 107, .1);
	border-color: #0fb76b
}
.panel-danger>.panel-heading {
	color: #f21136;
	background-color: rgba(242, 17, 54, .1);
	border-color: #f21136
}
.panel-purple>.panel-heading {
	color: #c580ff;
	background-color: rgba(197, 128, 255, .1);
	border-color: #c580ff
}
.navbar-default .navbar-brand {
	color: #fff
}
nav.navbar.navbar-default.navbar-static-top {
	z-index: 111;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
	color: #fff;
	background-color: transparent
}
.navbar {
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
}
@media (min-width: 768px){
	.navbar-expand-md {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}
.sidebar-nav.navbar-collapse .nav>li>a {
	background: #fff;
	border-left: 3px solid #fff;
	text-shadow: none;
	color: #607d8b;
	text-transform: capitalize!important
}
.navbar-top-links a.dropdown-toggle, .navbar-top-links a.dropdown-toggle:focus, .navbar-top-links a.dropdown-toggle:hover {
	background: 0 0;
	position: relative;
	color: #6b7b84;
	line-height: 55px;
	font-size: 16px;
	padding: 0 15px;
	text-align: center
}
.sidebar-nav.navbar-collapse>.nav>li>a {
	padding: 10.5px 25px;
	border-left: 0px !important;
}
body .sidebar-nav.navbar-collapse .nav>li>a .fa {
	top: 3px;
	position: relative
}
.sidebar-nav.navbar-collapse #main-menu>li.active>a>i.ti {
	color: #00897b
}
.sidebar-nav.navbar-collapse .nav>li>ul>li>a>.arrow {
	line-height: 19px
}
.sidebar-nav.navbar-collapse .nav>li>a:focus i.fa, .sidebar-nav.navbar-collapse .nav>li>a:hover i.fa {
	color: #00897b!important
}
.sidebar-nav.navbar-collapse .nav>li.log-off>a:focus i.fa, .sidebar-nav.navbar-collapse .nav>li.log-off>a:hover i.fa {
	color: #fff!important
}
.nav-second-level>li:last-child>a:after, .nav-third-level>li:last-child>a:after {
	height: 50%
}
.nav-third-level>li>a:after, .nav-third-level>li>a:before {
	left: 40px
}
#side-menu i.fa, #side-menu i.ti {
	margin-right: 15px!important;
	font-size: 16px;
	text-align: center;
	border-radius: 50%;
	color: #67757c !important;
}
a.menu-brand {
	float: left;
	display: inline-block;
	margin-top: 2px;
}
.navbar-brand>img {
	max-width: 165px
}
.navbar-brand {
	padding-top: 12px
}
a.menu-brand span {
	font-size: 20px;
	margin-top: 3px;
	display: block
}
.navbar-top-links li {
	padding: 0
}
.navbar-top-links.navbar-right li {
	display: inline-block
}
.header-search-form.input-group {
	max-width: 260px;
	margin-top: 5px
}
.navbar-top-links.navbar-left li {
	border-right: none;
	position: inherit
}
.header-search-form.input-group span.input-group-addon {
	background: 0 0;
	color: #6b7b84;
	border: none
}
.header-search-form.input-group input.form-control {
	border: none;
	color: #6b7b84;
	padding-left: 0;
	box-shadow: none
}
.header-search-form .form-control::-moz-placeholder {
	color: #6b7b84;
	opacity: 1
}
.header-search-form .form-control:-ms-input-placeholder {
	color: #6b7b84
}
.header-search-form .form-control::-webkit-input-placeholder {
	color: #6b7b84
}
.navbar-top-links a.dropdown-toggle img {
	width: 30px;
	display: inline-block;
	position: relative;
	top: 20px;
	border-radius: 100%;
}
.navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks {
	width: 310px;
	min-width: 0
}
.dropdown-menu {
	border-color: #e8eef1;
	padding: 0;
	box-shadow: none;
	margin: 0
}
.navbar-top-links .dropdown-menu {
	border-radius: 4px 0 0 4px
}
.dropdown-menu>li>a {
	display: block;
	padding: 14px 12px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #67757c;
	white-space: nowrap;
	border-bottom: 1px solid #f1f6f9
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #67757c;
	text-decoration: none;
	background-color: #f4f8fb
}
.dropdown-menu>li:last-child a {
	border-bottom: none
}
.navbar-top-links .dropdown-menu li a div {
	white-space: normal
}
.navbar-top-links li ul li {
	border-right: none
}
.navbar-top-links li ul li.external {
	background: #fff!important;
	border-bottom: 1px solid #f1f6f9;
	width: 100%;
	padding: 10px
}
.navbar-top-links li ul li.external h3 {
	margin: 0;
	display: inline-block;
	font-size: 18px;
	font-weight: 500
}
.navbar-top-links li ul li.external span.notification-label {
	text-align: center;
	float: right;
	padding: 1px 12px;
	color: #fff;
	border-radius: 2px;
	font-size: 13px
}
span.noti-count {
	position: absolute;
	top: 7px;
	right: 2px;
	min-width: 20px;
	min-height: 20px;
	border-radius: 50%;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	padding: 0 4px
}
.message-apt img.img-circle, .user-img {
	float: left;
	position: relative;
	max-width: 40px
}
span.task-notify.noti-count {
	background: #04AE41
}
span.email-notify.noti-count {
	background: #f20404
}
.bg-success, .user-img span.profile-status.online {
	background: #07b107
}
.text-muted {
	color: #455a64;
	font-size: 13px
}
.user-img {
	height: 40px
}
.message-apt img.img-circle {
	top: 0
}
.external b, strong {
	font-weight: 600
}
.user-img span.profile-status {
	position: absolute;
	bottom: 3px;
	right: 4px;
	width: 7px;
	height: 7px;
	border-radius: 50%
}
.user-img span.profile-status.offline {
	background: #2196f3
}
.user-img span.profile-status.busy {
	background: #e80552
}
.user-img span.profile-status.warning {
	background: #ff9800
}
.message-apt .message-body {
	margin-left: 55px
}
.message-apt .message-body strong {
	font-size: 15px;
	font-weight: 400;
	color: #455a64
}
.message-apt .message-body p {
	font-size: 13px;
	margin-bottom: 0
}
.navbar-top-links .dropdown-menu li, .navbar-top-links .dropdown-menu li a .message-apt {
	width: 100%;
	display: block
}
.navbar-top-links .task-overview {
	padding: 0;
	border-bottom: none
}
.open .right-swip {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: right 0;
	-ms-transform-origin: right 0;
	transform-origin: right 0
}
.right-swip {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	display: inline-block;
	-webkit-transform-origin: right 0;
	-ms-transform-origin: right 0;
	transform-origin: right 0
}
.dropdown-menu.dropdown-grid .dropdown-item {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	flex-basis: 33.333333%;
	overflow: hidden;
	text-align: center;
	padding: 17px 15px;
	margin: 0;
	min-height: 90px
}
.open>.dropdown-menu.dropdown-grid {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0;
	width: 260px
}
.dropdown-menu.dropdown-grid .dropdown-item img {
	max-width: 50px;
	display: table;
	margin: 5px auto
}
.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	box-shadow: none;
	background-color: transparent
}
.spin {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	animation-name: rotate;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	position: absolute;
	top: 9px;
	left: 10px
}
@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg)
	}
}
@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0)
	}
	to {
		-moz-transform: rotate(360deg)
	}
}
@keyframes rotate {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
#sidebar-wrapper {
	margin-right: -260px;
	top: 0;
	right: 0;
	width: 260px;
	background: #fff;
	position: fixed;
	height: 100%;
	overflow-y: hidden;
	z-index: 2;
	padding-bottom: 40px;
	transition: all .5s ease-in 0s;
	-webkit-transition: all .5s ease-in 0s;
	-moz-transition: all .5s ease-in 0s;
	-ms-transition: all .5s ease-in 0s;
	-o-transition: all .5s ease-in 0s;
	-webkit-box-shadow: 5px 1px 40px rgba(0, 0, 0, .1);
	box-shadow: 5px 1px 40px rgba(0, 0, 0, .1)
}
#right-sidebar-toggle {
	top: 4px;
	right: 0;
	z-index: 1;
	box-shadow: none
}
#sidebar-wrapper.active {
	top: 0;
	bottom: 0;
	position: fixed;
	right: 260px;
	width: 260px;
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s
}
.toggle {
	margin: 5px 5px 0 0
}
.user-box {
	padding: 50px 0
}

.profile-text h4 {
	margin: 10px 0
}
.profile-text a {
	width: 35px;
	height: 35px;
	margin: 5px;
	display: inline-block;
	line-height: 39px;
	border-radius: 50px
}
.profile-text a.user-setting {
	color: #ff9800;
	background: #ffe3ba
}
.profile-text a.user-mail {
	color: #03a9f4;
	background: rgba(3, 169, 244, .2)
}
.profile-text a.user-logout {
	color: #ee3d51;
	background: rgba(238, 61, 81, .2)
}
.profile-text a.user-call {
	color: #1cc100;
	background: rgba(28, 193, 0, .2)
}
a#right-close-sidebar-toggle {
	padding: 13px 12px;
	width: 100%;
	margin: 0;
	border-radius: 0;
	color: #fff;
	text-align: left;
	font-size: 16px;
	line-height: 2.05
}
a#right-close-sidebar-toggle .ti-close {
	float: right;
	text-align: right;
	display: table;
	background: rgba(255, 255, 255, .2);
	padding: 10px;
	border-radius: 50%;
	font-size: 12px
}
.right-sidebar .tab_container {
	width: 90%;
	margin: 0 auto;
	padding-top: 70px;
	position: relative
}
.right-sidebar input, .right-sidebar section {
	clear: both;
	padding-top: 10px;
	display: none
}
.right-sidebar label {
	font-weight: 700;
	font-size: 18px;
	display: block;
	float: left;
	width: 20%;
	padding: 1.5em;
	color: #757575;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	background: #f0f0f0
}
, #tab1:checked~#content1, #tab2:checked~#content2, #tab3:checked~#content3 {
	display: block;
	padding: 20px;
	background: #fff;
	color: #999;
	border-bottom: 2px solid #f0f0f0
}
.right-sidebar .friend-overview, .right-sidebar .task-overview {
	padding: 10px 10px 12px;
	border-bottom: 1px solid #e8edef
}
.tab_container .tab-content h3, .tab_container .tab-content p {
	-webkit-animation: fadeInScale .7s ease-in-out;
	-moz-animation: fadeInScale .7s ease-in-out;
	animation: fadeInScale .7s ease-in-out
}
.tab_container .tab-content h3 {
	text-align: center
}
.tab_container [id^=tab]:checked+label {
	background: #fff;
	box-shadow: inset 0 3px #0CE
}
.tab_container [id^=tab]:checked+label .fa {
	color: #0CE
}
label .fa {
	font-size: 1.3em;
	margin: 0 .4em 0 0
}
.right-sidebar .accept-request .fr-request-detail, .right-sidebar .task .task-detail {
	color: #74829a;
	margin-left: 50px
}
.right-sidebar .alpha-box {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 20px
}
.right-sidebar .task .task-detail p {
	font-size: 13px
}
.right-sidebar .friend-overview .friend-overview-img {
	width: 40px;
	height: 40px;
	position: relative;
	top: 2px;
	float: left
}
.friend-overview .fr-request-detail h4 {
	opacity: .8;
	font-weight: 400
}
.right-sidebar .accept-request .fr-request-detail p {
	font-size: 13px;
	line-height: 1.4
}
ul#styleOptions {
	padding: 0;
	margin: 0
}
ul#styleOptions li {
	list-style: none;
	padding: 0 8px;
	display: inline-block
}
ul#styleOptions li .cl-box {
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 4px;
	margin: 4px auto
}
ul#styleOptions li .cl-box.sea-blue {
	background: #02b9b5
}
ul#styleOptions li .cl-box.blue {
	background: #00897b
}
ul#styleOptions li .cl-box.red {
	background: #f11940
}
ul#styleOptions li .cl-box.green {
	background: #2ca01c
}
ul#styleOptions li .cl-box.pink {
	background: #ff569c
}
ul#styleOptions li .cl-box.purple {
	background: #de5cf5
}
ul#styleOptions li .cl-box.orange {
	background: #ff6a00
}
@media only screen and (max-width:930px) {
	label .fa, label span {
		font-size: 14px
	}
}
@media only screen and (max-width:768px) {
	label span {
		display: none
	}
	label .fa {
		font-size: 16px
	}
	.tab_container {
		width: 98%
	}
}
@keyframes fadeInScale {
	0% {
		transform: scale(.9);
		opacity: 0
	}
	100% {
		transform: scale(1);
		opacity: 1
	}
}
.user-box ul.nav.nav-tabs {
	background: #3c485d;
	margin: 15px 0
}
.user-box ul.nav.nav-tabs li {
	width: 33.3333%
}
.user-box ul.nav.nav-tabs li a {
	background: #3c485d;
	border: none;
	border-right: 1px solid #49566d;
	border-radius: 0;
	text-align: center;
	color: #6d7c96;
	margin-right: 0
}
.user-box ul.nav.nav-tabs li.active a {
	background: #00897b;
	border: none;
	border-right: 1px solid #00897b;
	border-radius: 0;
	text-align: center;
	color: #fff
}
.widget {
	border: 1px solid #e8eef1;
	background: #fff;
	margin-bottom: 25px;
	border-radius: 4px;
	padding: 12px 0
}
.widget .widget-detail h3 {
	margin-bottom: 0;
	line-height: 1;
	font-size: 27px
}
.widget-caption .col-xs-4.no-pad {
	padding-right: 0
}
.widget-caption .col-xs-8.no-pad {
	padding-left: 0
}
.card-detail-bottom {
	padding: 0 00px;
	display: inline-block;
	width: 100%
}
.card-detail-bottom ul.card-whole-detail {
	padding: 0;
	margin: 0
}
.card-detail-bottom ul.card-whole-detail li {
	display: inline-block;
	width: 33.3333%;
	float: left;
	line-height: 1.8;
	font-size: 16px;
	text-align: center;
	padding: 12px 5px;
	font-weight: 400
}
.card-detail-bottom ul.card-whole-detail li span {
	display: block;
	font-size: 14px;
	font-weight: 400
}
.widget.advance-widget i.icon, .widget.unique-widget i.icon {
	line-height: 55px;
	display: table;
	margin: 0 auto;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	color: #fff
}
.ti-view-grid:before {
    color: #fff;
}
.widget.advance-widget i.icon {
	font-size: 27px;
	text-align: center
}
.widget.advance-widget .widget-caption.primary i.icon {
	background: #2196f3
}
.widget.advance-widget .widget-caption.info i.icon {
	background: #01b2ac
}
.widget.advance-widget .widget-caption.danger i.icon {
	background: #e20b0b
}
.widget.advance-widget .widget-caption.success i.icon {
	background: #0fb76b
}
.widget.advance-widget .widget-caption.warning i.icon {
	background: #ff9800
}
.widget.unique-widget .widget-detail {
	text-align: right;
	padding-left: 0;
	padding-right: 12px
}
.widget.unique-widget i.icon {
	font-size: 25px;
	text-align: center
}
.widget.unique-widget .widget-caption.primary i.icon {
	background: #fff;
	border: 1px solid #2196f3;
	color: #2196f3
}
.widget.unique-widget .widget-caption.info i.icon {
	background: #fff;
	border: 1px solid #01b2ac;
	color: #01b2ac
}
.widget.unique-widget .widget-caption.danger i.icon {
	background: #fff;
	border: 1px solid #e20b0b;
	color: #e20b0b
}
.widget.unique-widget .widget-caption.success i.icon {
	background: #fff;
	border: 1px solid #0fb76b;
	color: #0fb76b
}
.widget.unique-widget .widget-caption.warning i.icon {
	background: #fff;
	border: 1px solid #ff9800;
	color: #ff9800
}
.widget.simple-widget i.icon {
	font-size: 40px;
	line-height: 47px;
	text-align: center;
	display: block
}
.widget .widget-detail, .widget-caption {
	width: 100%;
	display: inline-block
}
.widget .widget-detail {
	border-left: 1px solid #eceef3;
}
.simple-widget .widget-line {
	margin: 10px 10px 0;
	background: #e6e9ef
}
.simple-widget .widget-line .widget-horigental-line {
	height: 3px;
	position: relative;
	display: block;
	border-radius: 10px
}
.simple-widget .widget-line .widget-horigental-line:before {
	position: absolute;
	content: "";
	display: block;
	left: 0;
	top: 0;
	height: 3px;
	bottom: 0
}
.simple-widget .widget-line.bg-primary .widget-horigental-line:before {
	background: #2196f3
}
.simple-widget .widget-line.bg-info .widget-horigental-line:before {
	background: #01b2ac
}
.simple-widget .widget-line.bg-danger .widget-horigental-line:before {
	background: #e20b0b
}
.simple-widget .widget-line.bg-success .widget-horigental-line:before {
	background: #0fb76b
}
.simple-widget .widget-line.bg-warning .widget-horigental-line:before {
	background: #ff9800
}
.widget.standard-widget .widget-detail {
	text-align: right;
	padding-left: 0;
	padding-right: 12px
}
.widget.standard-widget i.icon {
	font-size: 25px;
	line-height: 55px;
	text-align: center;
	display: table;
	margin: 0 auto;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	color: #fff
}
.widget.standard-widget .widget-caption.primary i.icon {
	background: rgba(33, 150, 243, .1);
	border: 1px solid #2196f3;
	color: #2196f3
}
.widget.standard-widget .widget-caption.info i.icon {
	background: rgba(1, 178, 172, .1);
	border: 1px solid #01b2ac;
	color: #01b2ac
}
.widget.standard-widget .widget-caption.danger i.icon {
	background: rgba(226, 11, 11, .1);
	border: 1px solid #e20b0b;
	color: #e20b0b
}
.widget.standard-widget .widget-caption.success i.icon {
	background: rgba(7, 177, 7, .1);
	border: 1px solid #0fb76b;
	color: #0fb76b
}
.widget.standard-widget .widget-caption.warning i.icon {
	background: rgba(255, 152, 0, .1);
	border: 1px solid #ff9800;
	color: #ff9800
}
.standard-widget .widget-line {
	margin: 10px 10px 0;
	background: #e6e9ef;
	overflow: hidden;
	height: 4px;
	border-radius: 50px
}
.standard-widget .widget-line .widget-horigental-line {
	height: 4px;
	position: absolute;
	display: block;
	border-radius: 50px;
	bottom: 0
}
.widget.smart-standard-widget .widget-detail {
	text-align: right;
	padding-left: 0;
	padding-right: 12px
}
.widget.smart-standard-widget i.icon {
	font-size: 20px;
	line-height: 48px;
	text-align: center;
	display: table;
	margin: 0 auto;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	color: #fff;
	background: #fff;
	border: 3px solid #e6e9ef
}
.widget.smart-standard-widget .widget-caption.primary i.icon {
	color: #2196f3
}
.widget.smart-standard-widget .widget-caption.info i.icon {
	color: #01b2ac
}
.widget.smart-standard-widget .widget-caption.danger i.icon {
	color: #e20b0b
}
.widget.smart-standard-widget .widget-caption.success i.icon {
	color: #0fb76b
}
.widget.smart-standard-widget .widget-caption.warning i.icon {
	color: #ff9800
}
.smart-standard-widget .widget-line {
	margin: 10px 10px 0;
	background: #e6e9ef;
	overflow: hidden;
	height: 4px;
	border-radius: 50px
}
.smart-standard-widget .widget-line .widget-horigental-line {
	height: 4px;
	position: absolute;
	display: block;
	border-radius: 50px;
	bottom: 0
}
.widget.smart-standard-widget .widget-detail span {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px
}
.widget.gradient-widget {
	padding: 0;
	border-radius: 6px;
	margin-top: 50px;
	margin-bottom: 24px;
	text-align: center
}
.gradient-icon {
	background: rgba(255, 255, 255, .3);
	width: 80px;
	height: 80px;
	line-height: 65px;
	border-radius: 50%;
	display: table;
	margin: 0 auto;
	-webkit-transform: translateY(-35px);
	-o-transform: translateY(-35px);
	transform: translateY(-35px)
}
.gradient-widget .widget-caption {
	border-radius: 6px
}
.gradient-widget .widget-detail {
	border: none
}
.gradient-icon i:before {
	position: relative;
	top: 10px
}
.gradient-icon i {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	color: #fff;
	box-shadow: 0 0 0 9px rgba(255, 255, 255, .4);
	line-height: 22px;
	font-size: 18px;
	display: inline-block;
}
.gradient-detail {
	-webkit-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px)
}
.gradient-detail h3, .gradient-detail span {
	color: #000;
}
a.gr-btn {
	background: #fff;
	padding: 8px 25px;
	border-radius: 50px;
	display: inline-block;
	-webkit-transform: translateY(24px);
	-o-transform: translateY(24px);
	transform: translateY(27px);
	box-shadow: 0 1px 13px 0 rgba(64, 65, 67, .14);
	-webkit-box-shadow: 0 1px 13px 0 rgba(64, 65, 67, .14);
	-moz-box-shadow: 0 1px 13px 0 rgba(64, 65, 67, .14)
}
.gradient-info {
	background: #01b2ac;
	background: -moz-linear-gradient(top, #01b2ac 0, #00847f 100%);
	background: -webkit-linear-gradient(top, #01b2ac 0, #00847f 100%);
	background: linear-gradient(to bottom, #01b2ac 0, #00847f 100%)
}
.gradient-primary {
	background: #42aeff;
	background: -moz-linear-gradient(top, #42aeff 0, #1194f7 100%);
	background: -webkit-linear-gradient(top, #42aeff 0, #1194f7 100%);
	background: linear-gradient(to bottom, #42aeff 0, #1194f7 100%)
}
.gradient-danger {
	background: #f21136;
	background: -moz-linear-gradient(top, #f21136 0, #cc0526 100%);
	background: -webkit-linear-gradient(top, #f21136 0, #cc0526 100%);
	background: linear-gradient(to bottom, #f21136 0, #cc0526 100%)
}
.gradient-success {
	background: #57c41d;
	background: -moz-linear-gradient(top, #57c41d 0, #179202 100%);
	background: -webkit-linear-gradient(top, #57c41d 0, #179202 100%);
	background: linear-gradient(to bottom, #57c41d 0, #179202 100%)
}
.gradient-warning {
	background: #ff9800;
	background: -moz-linear-gradient(top, #ff9800 0, #dc5f04 100%);
	background: -webkit-linear-gradient(top, #ff9800 0, #dc5f04 100%);
	background: linear-gradient(to bottom, #ff9800 0, #dc5f04 100%)
}
.gradient-purple {
	background: #c580ff;
	background: -moz-linear-gradient(top, #c580ff 0, #8f47cc 100%);
	background: -webkit-linear-gradient(top, #c580ff 0, #8f47cc 100%);
	background: linear-gradient(to bottom, #c580ff 0, #8f47cc 100%)
}
.gr-icon-info i {
	background: #01b2ac
}
.gr-icon-primary i {
	background: #42aeff
}
.gr-icon-danger i {
	background: #f21136
}
.gr-icon-warning i {
	background: #ff9800
}
.gr-icon-success i {
	background: #57c41d
}
.gr-icon-purple i {
	background: #c580ff
}
.social-slick {
	padding: 20px 10px;
	border-radius: 4px;
	position: relative;
	margin-bottom: 15px
}
.social-slick i {
	position: absolute;
	color: rgba(255, 255, 255, .7);
	font-size: 50px;
	right: 15px;
	top: 28px
}
.social-slick-2 i, .social-slick-3 i {
	font-size: 20px;
	width: 60px;
	height: 60px;
	line-height: 60px
}
.social-slick h3 {
	margin-bottom: 0
}
.social-slick h3, .social-slick span {
	margin-bottom: 0;
	color: #fff
}
.social-slick-2 i, .social-slick-3 i, .social-slick-4 i {
	color: rgba(255, 255, 255, .7);
	position: relative
}
.social-slick.facebook-box {
	background: #3a5898
}
.social-slick.google-plus-box {
	background: #dd4a3a
}
.social-slick.twitter-box {
	background: #54acec
}
.social-slick.linkedin-box {
	background: #0777b6
}
.social-slick.instagram-box {
	background: #e3405f
}
.social-slick.pineterest-box {
	background: #cd1f20
}
.social-slick-2 {
	padding: 20px 10px;
	background: #fff;
	border: 1px solid #e8eef1;
	border-radius: 4px;
	position: relative;
	margin-bottom: 15px
}
.social-slick-2 i {
	float: left;
	border-radius: 50%;
	text-align: center
}
.social-slick-2 h3 {
	margin-bottom: 0
}
.social-slick-2 h3, .social-slick-2 span {
	margin-bottom: 0;
	margin-left: 65px;
	text-align: right;
	display: block
}
.social-slick-2.facebook-box i {
	background: #3a5898
}
.social-slick-2.google-plus-box i {
	background: #dd4a3a
}
.social-slick-2.twitter-box i {
	background: #54acec
}
.social-slick-2.linkedin-box i {
	background: #0777b6
}
.social-slick-2.instagram-box i {
	background: #e3405f
}
.social-slick-2.pineterest-box i {
	background: #cd1f20
}
.social-slick-3 {
	padding: 0 10px 20px;
	background: #fff;
	border: 1px solid #e8eef1;
	border-radius: 4px;
	position: relative;
	margin-bottom: 15px;
	text-align: center;
	margin-top: 30px
}
.social-slick-3 i {
	float: none;
	border-radius: 50%;
	text-align: center;
	top: -25px
}
.social-slick-3 h3 {
	margin-bottom: 0
}
.social-slick-3 h3, .social-slick-3 span {
	margin-bottom: 0;
	text-align: center;
	display: block
}
.social-slick-3.facebook-box i {
	background: #3a5898
}
.social-slick-3.google-plus-box i {
	background: #dd4a3a
}
.social-slick-3.twitter-box i {
	background: #54acec
}
.social-slick-3.linkedin-box i {
	background: #0777b6
}
.social-slick-3.instagram-box i {
	background: #e3405f
}
.social-slick-3.pineterest-box i {
	background: #cd1f20
}
.social-slick-4 {
	padding: 0 15px 0 0;
	background: #fff;
	border: 1px solid #e8eef1;
	border-radius: 4px;
	position: relative;
	margin-bottom: 15px;
	text-align: left;
	height: 100px;
	width: 100%
}
.social-slick-4 i {
	font-size: 30px;
	width: 85px;
	height: 100px;
	float: left;
	border-radius: 0;
	line-height: 100px;
	text-align: center
}
.social-slick-4 h3 {
	margin-top: 20px
}
.social-slick-4 h3, .social-slick-4 span {
	margin-bottom: 0;
	text-align: right;
	display: block
}
.social-slick-4.facebook-box i {
	background: #3a5898
}
.social-slick-4.google-plus-box i {
	background: #dd4a3a
}
.social-slick-4.twitter-box i {
	background: #54acec
}
.social-slick-4.linkedin-box i {
	background: #0777b6
}
.social-slick-4.instagram-box i {
	background: #e3405f
}
.social-slick-4.pineterest-box i {
	background: #cd1f20
}
.widget.list-widget {
	padding: 5px 0 0
}
.list-widget .card-header {
	border-bottom: 1px solid #f1f6f9
}
.todo.todo-default {
	border-bottom: 1px solid #e8eef1;
	padding: 16px 12px;
	-webkit-box-align: center;
	display: -ms-flexbox;
	align-items: flex-start
}
.todo-default .ct-title {
	flex: 1 1 0%;
	-webkit-box-flex: 1
}
.todo-default .badge {
	font-weight: 400;
	font-size: 11.5px;
	border-radius: 50%;
	padding: .27em .5em;
	text-align: center
}
.nopaddingleft {
	padding-left: 0px;
}
.nopaddingright {
	padding-right: 0px;
}
.todo-default .badge.badge-contributer {
	border-radius: 50px;
	padding: 9px 16px;
	color: #18bad9;
	background: rgba(24, 186, 217, .07);
	font-weight: 600;
	font-size: 12px
}
.badge.badge-action, .btn.btn-user {
	background: 0 0
}
.sm-avater.list-avater {
	max-width: 45px;
	margin-right: 10px;
	position: relative;
	height: 45px;
	border-radius: 50%
}
.todo-default .ct-title span {
	display: block;
	font-size: 13px;
	opacity: .8;
	font-weight: 400
}
.badge.badge-action a {
	margin: 5px 7px
}
.friend-overview .fr-request-detail, .task-overview .task-detail {
	margin-left: 60px
}
.badge.badge-action a i {
	font-size: 16px;
	opacity: .8;
	transition: all ease .4s
}
.badge.badge-action a:hover i {
	opacity: 1
}
.todo-list:hover a.edit-act {
	color: #18bad9
}
.todo-list:hover a.del-act {
	color: #ff7387
}
span.user-status {
	width: 7px;
	height: 7px;
	position: absolute;
	display: block;
	right: 2px;
	bottom: 2px;
	border-radius: 50%
}
.btn.btn-user {
	text-transform: uppercase;
	font-size: 12px;
	border-radius: 50px;
	padding: 6px 20px;
	min-width: 110px
}
.btn.btn-user.btn-success {
	background: #19c16c;
	border: 1px solid #19c16c
}
.friend-overview, .task-overview {
	padding: 10px 0 15px;
	border-bottom: 1px solid #e8eef1
}
.bage-primary {
	background: #18bad9
}
.bage-pink {
	background: #e25ca6
}
.bage-danger {
	background: #ff7387
}
.bage-warning {
	background: #ff9800
}
.bage-success {
	background: #19c16c
}
.bage-info {
	background: #04a2ff
}
.bage-purple {
	background: #866ffd
}
.bage-sea-blue {
	background: #3f4ab7
}
.bage-default {
	background: #33414c
}
.bage-orange {
	background: #ff7d47
}
.todo-browser span.badge {
	color: #6b7b84;
	background: 0 0;
	font-size: 15px
}
.todo-browser img {
	max-width: 32px;
	float: left;
	margin-right: 15px
}
.todo-browser label {
	font-weight: 500;
	line-height: 2
}
.alpha-a {
	background: #ffa1ae;
	color: #f73d51
}
.alpha-b {
	background: #bfb4f9;
	color: #8a7cd9
}
.alpha-c {
	background: #ffdac6;
	color: #ffb390
}
.alpha-d {
	background: #84e6ba;
	color: #37b475
}
.alpha-e {
	background: #33414c;
	color: #4b5e6c
}
.alpha-f {
	background: #ffe59c;
	color: #f5b83b
}
.alpha-g {
	background: #8f99ff;
	color: #5565d0
}
.alpha-h {
	background: #9ceefd;
	color: #18bad9
}
.alpha-i {
	background: #9994b3;
	color: #433c63
}
.alpha-j {
	background: #e090c3;
	color: #ad4f87
}
.alpha-k {
	background: #ffc3a4;
	color: #ee7d4e
}
.alpha-l {
	background: #ffa4b1;
	color: #ff465a
}
.alpha-m {
	background: #ffe7a2;
	color: #f5b83b
}
.alpha-o {
	background: #a0f1ff;
	color: #18bad9
}
.alpha-p {
	background: #b8beff;
	color: #6877de
}
.alpha-q {
	background: #5de8a9;
	color: #14af69
}
.alpha-r {
	background: #9aadbd;
	color: #576977
}
.alpha-s {
	background: #ffd2b9;
	color: #fd5c05
}
.alpha-t {
	background: #d1c8ff;
	color: #8a7cd9
}
.alpha-u {
	background: #ffa8b5;
	color: #ff465a
}
.alpha-v {
	background: #d1c8ff;
	color: #8a7cd9
}
.alpha-x {
	background: #a5f1ff;
	color: #18bad9
}
.alpha-y {
	background: #ffe8a7;
	color: #f5b83b
}
.alpha-z {
	background: #ffc2a1;
	color: #ff8645
}
.task-overview {
	display: inline-block;
	width: 100%
}
.alpha-box {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	font-size: 27px;
	font-weight: 400;
	float: left
}
.task-overview .task-detail p {
	margin-bottom: 0
}
.task-overview .task-detail span {
	font-size: 12px
}
.friend-overview .friend-overview-img {
	width: 50px;
	height: 50px;
	position: relative;
	top: 2px;
	float: left
}
.friend-overview .fr-request-detail h4 {
	margin-bottom: 0;
	font-size: 14px
}
.friend-overview .fr-request-detail p {
	margin-bottom: 0;
	line-height: 1
}
.friend-overview .fr-request-detail span {
	font-size: 11px
}
span.fr-user-status {
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	right: 5px;
	bottom: 3px
}
span.fr-user-status.online {
	background: #07b107
}
span.fr-user-status.busy {
	background: #e80505
}
span.fr-user-status.offline {
	background: #2196f3
}
.card.emp-card {
	border-radius: 6px
}
.employee-box {
	padding: 2.5em 0;
	display: inline-block;
	width: 100%
}
.emp-avater {
	max-width: 80px;
	display: table;
	margin: 0 auto;
	height: 80px;
	position: relative
}
.contact-action, .emp-flix a, .top-box, span.emp-status i {
	display: inline-block
}
span.emp-status {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 32px;
	height: 32px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 50%;
	line-height: 30px
}
span.emp-status i {
	color: #fff;
	width: 20px;
	height: 20px;
	background: 0 0;
	line-height: 21px;
	font-size: 8px;
	border-radius: 50px;
	border: 1.5px solid #fff;
	margin: auto
}
span.emp-status .ti-check:before {
	position: relative;
	top: -2px
}
.emp-caption h4 {
	font-weight: 400;
	margin-bottom: 0
}
.emp-flix a {
	margin-right: 15px;
	font-size: 20px;
	opacity: .7
}
.contact-box {
	background: #fff;
	padding: 20px 0 0;
	border: 1px solid #e8eef1;
	border-radius: 4px;
	margin-bottom: 25px
}
.top-box {
	width: 100%;
	padding: 7px 12px;
	position: relative
}
.top-box i {
	position: absolute;
	width: 35px;
	height: 35px;
	font-size: 17px;
	border-radius: 50%;
	background: rgba(3, 169, 244, .1);
	color: #03A9F4;
	text-align: center;
	line-height: 35px
}
.contact-action i, .fileinput-button {
	position: relative
}
.contact-action {
	text-align: right;
	width: 100%
}
.contact-action i {
	margin: 0 5px
}
.contact-action a.edit-can i {
	background: rgba(7, 177, 7, .12);
	color: #07b107
}
.contact-action a.delete-can i {
	background: rgba(221, 32, 39, .12);
	color: #dd2027
}
.contact-img {
	max-width: 100px;
	display: table;
	margin: 15px auto;
	border-radius: 50%
}
.contact-caption {
	text-align: center;
	padding-bottom: 30px
}
.contact-caption h4 {
	margin-bottom: 3px
}
.contact-footer {
	padding: 0 10px;
	border-top: 1px solid #e8eef1;
	display: flex;
	flex-wrap: nowrap;
	align-items: center
}
.contact-footer a.col-half {
	width: 50%;
	float: left;
	padding: 12px 0;
	text-align: center
}
.contact-footer a.col-half span {
	font-size: 14px
}
.contact-footer a.col-half span i {
	margin-right: 7px;
	font-size: 17px;
	position: relative;
	top: 2px
}
.calendar {
	overflow: hidden;
	display: inline-block;
	width: 100%;
	padding-bottom: 14px
}
.calendar-header.panel.panel-default {
	border: none;
	box-shadow: none
}
body .calendar .year-neighbor2, body .calendar table.month tr td.disabled, body .calendar table.month tr td.disabled:hover {
	color: #abbbc3;
	font-weight: 500
}
body .calendar .year-neighbor {
	color: #6b7b84
}
body .calendar .year-title {
	font-weight: 500
}
th.year-title {
	color: #07b107
}
body .calendar table th {
	font-weight: 500
}
body .calendar .calendar-header {
	width: 98%;
	margin: 0 auto 20px
}
body .calendar .month-container {
	min-width: 105px;
	text-align: center;
	height: auto;
	padding: 0;
	margin-bottom: 20px;
	min-height: 230px
}
body .calendar table.month td.day .day-content:hover {
	background: #f4f5f7;
	cursor: pointer
}
.event-calender .modal-header {
	padding: 15px;
	border-bottom: 1px solid #00897b;
	background: #00897b
}
.event-calender h4.modal-title {
	color: #fff
}
.event-calender .modal-body label {
	padding: 0;
	background: 0 0;
	text-align: left;
	margin-left: 15px;
	font-weight: 500;
	font-size: 15px;
	color: #6b7b84
}
.panel .btn-default {
	background-color: transparent;
	border: none
}
span.chat-img.pull-left img {
	max-width: 45px;
	margin-right: 10px
}
span.chat-img.pull-right img {
	max-width: 45px;
	margin-left: 10px
}
.chat .panel-footer {
	background-color: #ecf2f5;
	border-top: 1px solid #eef5f9
}
.chat-body p {
	font-size: 12px;
	line-height: 1.7;
	margin-bottom: 0
}
.chat-body strong.primary-font {
	font-size: 12px;
	font-weight: 500
}
.chat-body .text-muted {
	color: #455a64;
	font-size: 13px;
	opacity: .8
}
.chat .panel-body {
	padding: 0
}
ul.chat li {
	padding: 14px 12px;
	border-bottom: 1px solid #e8edef
}
.chat input.form-control {
	font-size: 13px;
	border: 1px solid #ecf2f5;
	border-left: none
}
.chat button#btn-chat, .chat input#btn-input {
	height: 40px
}
.chat button.btn.btn-default.btn-xs.dropdown-toggle:focus, .chat button.btn.btn-default.btn-xs.dropdown-toggle:hover {
	background: 0 0;
	border: none
}
.mail-box {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #dee9ef
}
.mail-box aside {
	display: table-cell;
	float: none;
	height: 100%;
	padding: 0;
	vertical-align: top
}
.mail-box .sm-side {
	background: #f3f8fb;
	border-radius: 4px 0 0 4px;
	width: 25%
}
.mail-box .lg-side {
	background: #fff;
	border-radius: 0 4px 4px 0;
	width: 75%
}
.mail-box .sm-side .user-head {
	background: 0 0;
	border-radius: 4px 0 0;
	color: #fff;
	min-height: 80px;
	padding: 10px
}
.user-head .inbox-avatar {
	float: left;
	width: 63px;
	border-radius: 50%;
	overflow: hidden
}
.user-head .inbox-avatar img {
	border-radius: 4px
}
.user-head .user-name {
	display: inline-block;
	margin: 0 0 0 10px
}
.user-head .user-name h5 {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 15px
}
.user-head .user-name h5 a {
	color: #fff
}
.user-head .user-name span a {
	color: rgba(255, 255, 255, .5);
	font-size: 12px
}
a.mail-dropdown {
	background: #80d3d9;
	border-radius: 2px;
	color: #01a7b3;
	font-size: 10px;
	margin-top: 20px;
	padding: 3px 5px
}
.inbox-body {
	padding: 20px
}
.btn-compose {
	background: 0 0;
	color: #fff;
	padding: 12px 0;
	text-align: center;
	width: 100%
}
.btn-compose:hover {
	background: #da0a2c;
	color: #fff
}
ul.inbox-nav li a:focus, ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.labels-info li a:focus, ul.labels-info li a:hover {
	background: #e4edf3;
	color: #627490
}
ul.inbox-nav {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%
}
.inbox-divider {
	border-bottom: 1px solid #d5d8df
}
ul.inbox-nav li {
	display: inline-block;
	line-height: 45px;
	width: 100%
}
ul.inbox-nav li a {
	display: inline-block;
	line-height: 45px;
	padding: 0 20px;
	width: 100%
}
ul.inbox-nav li a i {
	font-size: 16px;
	padding-right: 10px
}
ul.inbox-nav li a span.label {
	margin-top: 13px
}
ul.labels-info li h4 {
	font-size: 13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	text-transform: uppercase
}
ul.labels-info li {
	margin: 0
}
ul.labels-info li a {
	border-radius: 0
}
ul.labels-info li a i {
	padding-right: 10px
}
.nav.nav-pills.nav-stacked.labels-info p {
	font-size: 11px;
	margin-bottom: 0;
	padding: 0 22px
}
.inbox-head {
	background: #f3f8fb;
	border-radius: 0 4px 0 0;
	color: #fff;
	min-height: 80px;
	padding: 20px;
	display: inline-block;
	width: 100%
}
.inbox-head h3 {
	display: inline-block;
	font-weight: 400;
	margin: 0;
	padding-top: 6px
}
.alert .alert-link, .table>thead>tr>th, h4.product-name strong, ul.inbox-nav li a span.label {
	font-weight: 500
}
.inbox-head .sr-input {
	border: none;
	border-radius: 4px 0 0 4px;
	box-shadow: none;
	color: #6b7b84;
	float: left;
	height: 40px;
	padding: 0 10px
}
.inbox-head .sr-btn {
	background: #00a6b2;
	border: none;
	border-radius: 0 4px 4px 0;
	color: #fff;
	height: 40px;
	padding: 0 20px
}
.table-inbox {
	margin-bottom: 0
}
.table-inbox tr td {
	padding: 15px 8px!important;
	font-size: 13.5px
}
.table-inbox tr td:hover {
	cursor: pointer
}
.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
	color: #f78a09
}
.table-inbox tr td .fa-star {
	color: #d8e1e6
}
ul.inbox-nav li a span.label {
	padding: 4px 10px;
	line-height: 1
}
td.view-message.text-right {
	font-size: 13px;
	padding-left: 0!important
}
td.view-message.dont-show .label {
	font-weight: 500;
	padding: 5px;
	border-radius: 2px
}
.table-inbox tr.unread td {
	background: #f4f8fb;
	font-weight: 400
}
ul.inbox-pagination {
	float: right
}
ul.inbox-pagination li {
	float: left
}
.mail-option {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%
}
.mail-option .btn-group, .mail-option .chk-all {
	margin-right: 5px;
	margin-bottom: 5px
}
.mail-option .btn-group a.btn, .mail-option .chk-all {
	background: #fcfcfc;
	border: 1px solid #e8eef1;
	border-radius: 3px!important;
	display: inline-block;
	padding: 5px 10px
}
.inbox-pagination a.np-btn {
	background: #fff;
	border: 1px solid #e8eef1;
	border-radius: 3px!important;
	display: inline-block;
	padding: 5px 15px;
	margin-left: 5px
}
.mail-option .chk-all input[type=checkbox] {
	margin-top: 0
}
.mail-option .btn-group a.all {
	border: none;
	padding: 0
}
.inbox-pagination li span {
	display: inline-block;
	margin-right: 5px;
	margin-top: 7px
}
.fileinput-button {
	background: #eee
}
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
	box-shadow: none
}
.btn-send, .btn-send:hover {
	background: #00a8b3;
	color: #fff
}
.btn-send:hover {
	background: #009da7
}
.modal-header h4.modal-title {
	font-weight: 400;
	float: left
}
.modal-header.theme-bg h4.modal-title {
	color: #fff
}
.modal-header.theme-bg .close {
	color: #fff;
	opacity: 1
}
.modal-body label {
	font-weight: 400
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e0ebf1;
	background: #eef5f9
}
div#deleteEmployeeModal {
	text-align: center
}
div#deleteEmployeeModal .modal-body {
	padding: 3em 0;
	font-size: 17px
}
.heading-inbox h4 {
	border-bottom: 1px solid #ddd;
	color: #444;
	font-size: 18px;
	margin-top: 20px;
	padding-bottom: 10px
}
.sender-info {
	margin-bottom: 20px
}
.sender-info img {
	height: 30px;
	width: 30px
}
.sender-dropdown {
	background: #eaeaea;
	color: #777;
	font-size: 10px;
	padding: 0 3px
}
.view-mail a {
	color: #ff6c60
}
.attachment-mail {
	margin-top: 30px
}
.attachment-mail ul {
	display: inline-block;
	margin-bottom: 30px;
	width: 100%
}
.attachment-mail ul li {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 150px
}
.attachment-mail ul li img {
	width: 100%
}
.attachment-mail ul li span {
	float: right
}
.attachment-mail .file-name {
	float: left
}
.attachment-mail .links {
	display: inline-block;
	width: 100%
}
.fileinput-button {
	float: left;
	margin-right: 4px;
	overflow: hidden
}
.fileinput-button input {
	cursor: pointer;
	direction: ltr;
	font-size: 23px;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(-300px, 0) scale(4)
}
.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
	margin-bottom: 5px
}
.files .progress {
	width: 200px
}
.fileupload-processing .fileupload-loading {
	display: block
}
* html .fileinput-button {
	line-height: 24px;
	margin: 1px -3px 0 0
}
@media (max-width:767px) {
	.files .btn span {
		display: none
	}
	.files .preview * {
		width: 40px
	}
	.files .name * {
		display: inline-block;
		width: 80px;
		word-wrap: break-word
	}
	.files .progress {
		width: 20px
	}
	.files .delete {
		width: 60px
	}
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}
tr.br {
	border-left: 2px solid
}
.inbox-widget .card-header {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 15px 20px;
	background-color: transparent
}
.mail-card {
	border: 1px solid #e8edf1;
	border-radius: 2px;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%
}
.flexbox {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between
}
.sm-side .inbox-body .btn-group .btn.mini {
	border-radius: 50%;
	width: 42px;
	height: 42px;
	line-height: 29px;
	margin: 5px
}
.card-title.flexbox img.avatar {
	max-width: 60px;
	max-height: 60px;
	margin-right: 10px
}
.card-title.flexbox h6 {
	margin-bottom: 0;
	margin-top: 10px
}
.collapse.message-show {
	display: block
}
.attachment-block {
	display: inline-block;
	max-width: 180px;
	margin-right: 15px;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #e8edf1;
	border-radius: 4px;
	overflow: hidden
}
.attachment-info {
	padding: 5px 8px
}
.attachment-info h6 {
	margin-bottom: 2px;
	margin-top: 5px
}
h5.text-lighter small {
	font-size: 90%;
	color: #84939a
}
.attachment-info ul li {
	width: 50%;
	float: left;
	display: inline-block
}
.attachment-info ul li:last-child {
	text-align: right
}
.attachment-info ul {
	padding: 10px 0 0;
	display: inline-block;
	width: 100%;
	margin-top: 0
}
.box-footer {
	padding: 20px 0;
	border-top: 1px solid #f3f8fb
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border: 1px solid #e8edef
}
.mail-box .form-group {
	position: relative
}
.mail-box .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: 0;
	background: #fff;
	cursor: inherit;
	display: block
}
.card.product-box, .card.product-box .pro-box {
	position: relative
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 10px;
	border-top: 1px solid #e8edef
}
.table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #e8eef1
}
.table>thead>tr>th {
	border-bottom: 1px solid #e8edef
}
a.btn.btn-danger.trash, a.btn.btn-info.edit {
	border-radius: 50px;
	width: 32px;
	height: 32px;
	padding: 0;
	transition: all ease-in-out .4s;
	text-align: center
}
a.btn.btn-danger.trash {
	background: rgba(226, 11, 11, .12);
	border-color: #e20b0b;
	color: #e20b0b;
	line-height: 30px
}
a.btn.btn-danger.trash:focus, a.btn.btn-danger.trash:hover {
	background: rgba(226, 11, 11, 1);
	color: #fff
}
a.btn.btn-info.edit {
	background: rgba(9, 173, 222, .12);
	border-color: #09adde;
	color: #09adde;
	line-height: 32px
}
a.btn.btn-danger.edit:focus, a.btn.btn-info.edit:hover {
	background: rgba(9, 173, 222, 1);
	color: #fff
}
a.btn-top.check-all, a.btn-top.create-tbl {
	display: inline-block;
	color: #fff;
	padding: 7px 25px;
	margin: 0 10px 10px 0;
	border-radius: 2px
}
.table-wrapper {
	background: #fff;
	padding: 20px 25px;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
.table-wrapper .table-title {
	color: #fff;
	padding: 16px 30px 0;
	margin: -20px -25px 10px;
	border-radius: 3px 3px 0 0
}
.table-wrapper .table-title h2 {
	margin: 0;
	font-size: 24px;
	line-height: 1;
	color: #fff
}
.table-wrapper .table-title .btn {
	color: #566787;
	float: right;
	font-size: 13px;
	background: #fff;
	min-width: 50px;
	border-radius: 2px;
	border: none;
	margin-bottom: 15px;
	outline: 0!important;
	margin-left: 10px
}
.table-wrapper .table-title .btn:hover {
	background: #f2f2f2
}
.table-wrapper .table-title .btn i {
	float: left;
	font-size: 21px;
	margin-right: 5px
}
.table-wrapper .table-title .btn span {
	float: left;
	margin-top: 2px
}
.table-wrapper table.table tr th, table.table tr td {
	border-color: #E0E0E0;
	padding: 10px 15px;
	vertical-align: middle;
	/*color:  #000;*/
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dee2e6;
}

.table-wrapper .tablejadwal thead th {
	background: #00897b ;
	border: 1px solid #ccc !important;
}
.table-wrapper table.table tr th{
	color:  #000;
	/*border-top: 1px solid #fff !important;*/
	font-weight:  bold;
}
.table-wrapper table.table tr td b{
	font-weight:normal;
}
.table-wrapper table.table tr th:first-child {
	width: 60px
}
.table-wrapper table.table tr th:last-child {
	width: 100px
}
.table-wrapper table.table-striped tbody tr:nth-of-type(odd) {
	background: #f2f4f8;
}
.table-wrapper table.table-striped.table-hover tbody tr:hover {
	background: #e8eef1
}
.table-wrapper table.table th i {
	font-size: 13px;
	margin: 0 5px;
	cursor: pointer
}
.table-wrapper table.table td:last-child i {
	opacity: .9;
	font-size: 22px;
	margin: 0 5px
}
.table-wrapper table.table td a {
	display: block;
	text-decoration: none;
	cursor: pointer;
}
.table-wrapper table.table td a.settings {
	color: #2196F3
}
.table-wrapper table.table td a.delete {
	color: #F44336
}
.table-wrapper table.table td i {
	font-size: 19px
}
.table-wrapper table.table .avatar {
	max-width: 40px;
	vertical-align: middle;
	margin-right: 10px;
	height:  40px;
	object-fit: cover;
}
.table-wrapper .status i.fa {
	font-size: 10px;
	margin: 2px 2px 0 0;
	display: inline-block;
	vertical-align: middle;
	line-height: 10px
}
.table-wrapper .text-success {
	color: #10c469
}
.table-wrapper .text-info {
	color: #62c9e8
}
.table-wrapper .text-warning {
	color: #FFC107
}
.table-wrapper .text-danger {
	color: #ff5b5b
}
.table-wrapper .pagination {
	float: right;
	margin: 0 0 5px
}
.table-wrapper .pagination li a {
	
	font-size: 14px;
	width: 24px;
	height: 24px;
	color: #000;
	margin: 0;
	line-height: 24px;
	border-radius: 0;
	text-align: center;
	padding: 0;
	border: 1px solid #000000;
	border-right:  0;
	border: 1px solid #dee2e6;
}
.table-wrapper .pagination li:last-child a{
	border-right:1px solid #000;
}
.table-wrapper .pagination li a:hover {
	color: #666;
	border-color:  #000;
}
.table-wrapper .pagination li.active a, .table-wrapper .pagination li.active a.page-link {
	background: #03A9F4;
	color: #fff
}
.table-wrapper .pagination li.active a:hover {
	background: none;
	color:  #000;
	border-color:  #000;
}
.table-wrapper .pagination li.disabled i {
	color: #ccc
}
.table-wrapper .pagination li i {
	font-size: 16px;
	padding-top: 6px
}
.table-wrapper .hint-text {
	float: left;
	margin-top: 10px;
	font-size: 13px
}
.show-entries select.form-control {
	width: 60px;
	margin: 0 5px
}
.table-filter .filter-group {
	float: right;
	margin-left: 15px
}
.table-filter input, .table-filter select {
	height: 34px;
	border-radius: 0;
	border-color: #00897b;
	box-shadow: none;
}
.table-filter {
	padding: 5px 0 15px;
	margin-bottom: 30px;
}
.table-filter .btn {
	height: 34px;
	border-radius: 0 !important;
}
.table-filter .btn i{
	/* display:none; */
}
/* .table-filter .btn:after{
	content:"Cari";
} */
.table-filter label {
	font-weight: 400;
	margin-left: 10px;
	color:  #000;
	font-size: 13px;
}
.table-filter input, .table-filter select {
	display: inline-block;
	margin-left: 5px
}
.table-filter input {
	width: 100%;
	border-color:  #00897b;
	border-radius:  0;
	margin-left: 0;
}

.left-sidebar > .btn-menu {
	
	font-size: 24px;
    position: absolute;
    margin-left: 260px;
    margin-top: 8px;
	display:none;
}

.left-sidebar > .btn-close {
	
	font-size: 24px;
    position: absolute;
	right:12px;
	display:none;
}

.filter-group select.form-control {
	width: 110px;
	color:  #000;
	font-size:  13px;
}
.filter-icon {
	float: right;
	margin-top: 7px
}
.filter-icon i {
	font-size: 18px;
	opacity: .7
}
.table-wrapper .btn {
	/*float: right;
	margin-left: 10px*/
}
.card.product-box {
	padding-bottom: 30px;
	padding-top: 0;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid #ebeff2;
	background-color: #fff
}
.pro-box-content {
	text-align: center
}
.card.product-box .pro-box span.advnc {
	padding: 5px 25px;
	position: absolute;
	border-radius: 3px;
	top: 20px;
	left: 20px;
	color: #fff;
	right: initial;
	line-height: initial;
	width: auto;
	height: initial
}
.card.product-box .pro-box-content {
	text-align: center;
	padding-top: 20px;
	border-top: 1px solid #ebeff2
}
.card.product-box .pro-box span.advnc.sale {
	background: #07b107
}
.card.product-box .pro-box span.advnc.new {
	background: #2196f3
}
.card.product-box .pro-box span.like-icon {
	position: absolute;
	right: 20px;
	top: 20px
}
.card.delight-shot, .delight-shot {
	position: relative;
	overflow: hidden
}
.card.product-box .pro-box span.like-icon i {
	color: #f20404;
	font-size: 32px
}
.card.product-box .pro-img-box {
	padding: 25px 15px 0
}
.card.product-box .pro-img-box img {
	max-width: 280px;
	display: table;
	margin: 20px auto 0
}
.card.product-box .pro-box-content h4 {
	text-transform: capitalize;
	font-size: 16px;
	margin-bottom: 0
}
.card.product-box .btn.btn-pro {
	background: #fff;
	border: 1px solid #00897b;
	transition: all ease-in-out .4s;
	border-radius: 50px;
	padding: 10px 30px;
	font-size: 14px;
	color: #00897b;
	font-weight: 600
}
.card.product-box .btn.btn-pro:focus, .card.product-box .btn.btn-pro:hover {
	color: #fff;
	background: #00897b
}
.card.delight-shot {
	padding-top: 0;
	border-radius: 8px;
	border: 1px solid #ebeff2;
	background-color: #fff
}
.delight-shot {
	width: 100%;
	margin-bottom: 30px;
	background: #fff;
	border: 1px solid rgba(53, 67, 78, .1);
	box-shadow: 0 0 6px 1px rgba(53, 67, 78, .02);
	border-radius: 6px
}
.delight-shot-img {
	border-radius: 4px;
	padding: 10px;
	overflow: hidden
}
.delight-shot-caption {
	padding: 10px 10px 15px 15px
}
.delight-shot-caption h4 {
	margin-bottom: 0;
	font-size: 19px
}
p.delight-author {
	font-weight: 600
}
.delight-shot-info ul li label, p.delight-author span {
	font-weight: 400
}
.delight-shot-info ul {
	padding: 0;
	margin: 0
}
.delight-shot-info ul li {
	display: inline-block;
	padding-right: 10px;
	color: #586773
}
.delight-shot-info ul li i {
	margin-right: 5px
}
.delight-shot-info {
	padding: 10px;
	border-top: 1px solid #d7dde2
}
li.comment i {
	color: #FF9800
}
li.views i {
	color: #00b015
}
li.like i {
	color: #FB0F0D
}
li.like:focus, li.like:hover {
	cursor: pointer
}
.product_hover_block {
	bottom: -48px;
	left: 0;
	position: absolute;
	right: 0;
	transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	border-top: 1px solid #e8e8e8
}
.delight-shot:hover .product_hover_block {
	bottom: 0
}
.product_hover_block .action button {
	float: left;
	width: 33.33%;
	text-align: center
}
.product_hover_block .com-btn {
	border: none;
	background: #fff;
	height: 47px
}
.product_hover_block button i {
	font-size: 22px;
	margin-top: 4px
}
.product_hover_block .action button:hover {
	background: -moz-linear-gradient(45deg, #00a3fe 0, #b773f9 100%);
	background: linear-gradient(45deg, #00a3fe 0, #b773f9 100%)
}
.product_hover_block .wishlist_button {
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-top: medium none;
	border-bottom: medium none;
	background: #fff
}
.product_hover_block .com-btn:focus i, .product_hover_block .com-btn:hover i {
	color: #fff
}
.delight-shot-info .rating i {
	margin-right: 2px;
	color: #99a6b1
}
.delight-shot-info .rating i.color {
	color: #ff9800
}
.delight-shot-info span {
	margin-left: 10px
}
.delight-shot-info .price {
	font-size: 17px
}
.delight-shot-info .price-old {
	color: #99a6b1;
	text-decoration: line-through;
	margin-left: 5px;
	float: left;
	font-size: 15px;
	font-weight: 400
}
.card.hover-product .box .icon li a:hover, .my-team .social-link li a:hover, .my-team .team-prof a:hover, .service-box .read a {
	text-decoration: none
}
.card.hover-product {
	position: relative;
	padding-top: 0;
	overflow: hidden;
	padding-bottom: 30px;
	border-radius: 8px;
	border: 1px solid #ebeff2;
	background-color: #fff
}
.card.hover-product .pro-box-content {
	text-align: center;
	padding-top: 20px;
	border-top: 1px solid #ebeff2
}
.card.hover-product .pro-box-content h4 {
	text-transform: capitalize;
	font-size: 16px;
	margin-bottom: 0
}
.card.hover-product .box {
	text-align: center;
	position: relative
}
.card.hover-product .box img {
	width: 100%;
	height: auto
}
.card.hover-product .box .box-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(57, 62, 66, .5);
	padding: 45px 20px;
	transform: scale(0);
	transition: all .6s ease 0s
}
.card.hover-product .box:hover .box-content {
	transform: scale(1)
}
.card.hover-product .box .icon {
	padding: 0;
	margin: 100px 0 0;
	list-style: none
}
.card.hover-product .box .icon li {
	display: inline-block
}
.card.hover-product .box .icon li a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	font-size: 20px;
	color: #fff;
	background: -moz-linear-gradient(45deg, #00a3fe 0, #b773f9 100%);
	background: linear-gradient(45deg, #00a3fe 0, #b773f9 100%);
	border: 1px solid #fff;
	margin-right: 20px;
	margin-bottom: 15px;
	transition: all .3s ease 0s
}
.card.hover-product .btn.btn-pro {
	background: #fff;
	border: 1px solid #00897b;
	border-radius: 50px;
	padding: 10px 30px;
	font-size: 14px;
	color: #00897b;
	font-weight: 600
}
.card.hover-product .btn.btn-pro:focus, .card.hover-product .btn.btn-pro:hover {
	color: #fff;
	background: #00897b
}
.product-slide {
	margin: 0 10px
}
.owl-buttons {
	position: absolute;
	top: -9px;
	float: right;
	text-align: right;
	right: 0
}
.owl-carousel {
	padding: 30px 0 0
}
.owl-theme .owl-controls .owl-buttons div {
	background: 0 0
}
.shop {
	display: inline-block;
	width: 100%;
	padding: 30px 0
}
.product {
	border: 1px solid #e4e4e4;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin: 0 auto 30px
}
.new, .sell {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 47px;
	border-radius: 50%;
	right: 7px;
	top: 7px
}
.product-img img {
	max-width: 80%;
	margin: 0 auto
}
.sell {
	background: #04AE41;
	position: absolute
}
.new, .product .pro-buy {
	position: absolute;
	background: #f20404
}
.product-detail {
	padding: 20px 0;
	text-align: center
}
.rating i {
	color: #f78a09
}
.product .pro-buy {
	bottom: -44px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	transition: all .2s linear 0s
}
.product:hover .pro-buy {
	bottom: 0
}
.product .pro-buy li {
	list-style: none;
	width: 50%;
	padding: 12px 0;
	text-align: center;
	float: left
}
.product .pro-buy li:first-child {
	border-right: 1px solid rgba(5, 5, 5, .2)
}
.product .pro-buy li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px
}
.simple-widget .owl-theme .owl-controls .owl-buttons div {
	background: 0 0;
	opacity: .8;
	margin-top: 12px
}
.owl-next:before, .owl-prev:before {
	font-size: 12px;
	font-family: fontawesome;
	width: 15px;
	height: 15px;
	display: block;
	color: #c80707;
	vertical-align: middle;
	line-height: 15px;
	border-radius: 50%;
	opacity: 1;
	text-align: center
}
.owl-next:before {
	content: "\f054"
}
.owl-prev:before {
	content: "\f053"
}
h4.product-name {
	margin-bottom: 0
}
.ecommerce h6 {
	margin-top: 12px
}
.ecommerce .panel .btn-default {
	background: #ecf2f5;
	padding: 10px;
	color: #455a71;
	font-size: 14px;
	width: initial;
	float: right
}
.pro-slide img {
	display: table;
	margin: 0 auto;
	max-width: 80%
}
.shop-title h4 {
	font-size: 18px;
	text-transform: uppercase
}
.price del {
	font-size: 18px;
	color: #45535f
}
.price span {
	font-size: 18px;
	color: #ef193c;
	margin-left: 20px
}
.product-label {
	padding: 10px 28px;
	color: #828f99;
	border: 1px solid #ef193c;
	margin: 12px 0 0;
	display: inline-block
}
.btn.btn-add-cart.sub {
	padding: 12px 22px;
	border-radius: 2px;
	text-transform: uppercase
}
.btn.btn-add-cart.sub:focus, .btn.btn-add-cart.sub:hover {
	color: #fff
}
.row.margintop30 {
	margin-top: 30px
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: 0;
	outline-offset: 0
}
.btn-primary:focus, .btn-primary:hover {
	color: #fff;
	background-color: #1194f7;
	border-color: #1194f7
}
.btn-success:focus, .btn-success:hover {
	color: #fff;
	background-color: #0fb76b;
	border-color: #0fb76b
}
.btn-info:focus, .btn-info:hover {
	color: #fff;
	background-color: #01b2ac;
	border-color: #01b2ac
}
.btn-warning:focus, .btn-warning:hover {
	color: #fff;
	background-color: #ff9800;
	border-color: #ff9800
}
.btn-danger:focus, .btn-danger:hover {
	color: #fff;
	background-color: #f21136;
	border-color: #f21136
}
.btn-outline.btn-default {
	color: #455a7c
}
.btn-outline.btn-success {
	color: #0fb76b
}
.btn-outline.btn-info {
	color: #01b2ac
}
.btn-outline.btn-primary {
	color: #1194f7
}
.btn-outline.btn-danger {
	color: #f21136
}
.btn-outline.btn-warning {
	color: #ff9800
}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover {
	color: #fff;
	background-color: #ff9800;
	border-color: #ff9800
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
	color: #455a7c;
	background-color: #eef5f9;
	border-color: #e4edf3
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #1194f7;
	border-color: #1194f7
}
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
	color: #fff;
	background-color: #0fb76b;
	border-color: #0fb76b
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
	color: #fff;
	background-color: #01b2ac;
	border-color: #01b2ac
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
	color: #fff;
	background-color: #f21136;
	border-color: #f21136
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
	color: #455a7c;
	background-color: #eef5f9;
	border-color: #e4edf3
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	color: #fff;
	background-color: #1194f7;
	border-color: #1194f7
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
	color: #fff;
	background-color: #0fb76b;
	border-color: #0fb76b
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
	color: #fff;
	background-color: #01b2ac;
	border-color: #01b2ac
}
.btn-bitbucket, .btn-dropbox, .btn-facebook, .btn-flickr, .btn-github, .btn-instagram, .btn-linkedin, .btn-pinterest, .btn-tumblr, .btn-twitter, .btn-vk {
	border-color: rgba(0, 0, 0, .2);
	color: #fff
}
.btn.active, .btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
.buttons .btn {
	margin-bottom: 7px
}
html body .btn-outline {
	background-color: transparent;
	transition: all .5s
}
.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	border-radius: 25px;
	font-size: 18px;
	line-height: 1.33
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	border-radius: 35px;
	font-size: 24px;
	line-height: 1.33
}
.btn-bitbucket {
	background-color: #205081
}
.btn-dropbox {
	background-color: #1087dd
}
.btn-facebook {
	background-color: #3b5998
}
.btn-flickr {
	background-color: #ff0084
}
.btn-github {
	background-color: #444
}
.btn-google-plus {
	color: #fff;
	background-color: #dd4b39;
	border-color: rgba(0, 0, 0, .2)
}
.btn-instagram {
	background-color: #3f729b
}
.btn-linkedin {
	background-color: #007bb6
}
.btn-pinterest {
	background-color: #cb2027
}
.btn-tumblr {
	background-color: #2c4762
}
.btn-twitter {
	background-color: #55acee
}
.btn-vk {
	background-color: #587ea3
}
.btn-block.btn-social:focus, .btn-block.btn-social:hover, .btn-social-icon:focus, .btn-social-icon:hover, .btn-vk.active, .btn-vk:active, .open>.dropdown-toggle.btn-vk {
	color: #fff
}
.alert {
	font-size: 13px
}
.alert-primary {
	color: #1194f7;
	background-color: #bee3ff;
	border-color: #b4dfff
}
.alert-success {
	color: #57d28a;
	background-color: #d9f2e4;
	border-color: #c5e6d4
}
.alert-info {
	color: #01b2ac;
	background-color: #bbfffd;
	border-color: #b2f7f5
}
.alert-warning {
	color: #ef9475;
	background-color: #ffe7df;
	border-color: #f3d7ce
}
.alert-danger {
	color: #f17c87;
	background-color: #ffdee2;
	border-color: #fbd7dc
}
.alert-blue{
	color: #00897b;
	background-color: #CADCE0;
	border-color: #CADCE0;	
}
button.btn.sweet-box {
	width: 100%;
	height: 210px;
	font-size: 25px;
	text-transform: uppercase
}
button.btn.sweet-small-box {
	width: 180px;
	height: 90px;
	font-size: 15px;
	margin: 5px;
	text-transform: uppercase
}
.box-primary {
	color: #1194f7;
	background: #cae8ff
}
.box-success {
	background: #bfffe2;
	color: #0fb76b
}
.box-warning {
	background: #ffe9c9;
	color: #ff9800
}
.box-danger {
	background: #ffc9d2;
	color: #f21136
}
.box-info {
	background: #bcfffd;
	color: #01b2ac
}
.box-primary:focus, .box-primary:hover {
	color: #1194f7
}
.box-success:focus, .box-success:hover {
	color: #0fb76b
}
.box-warning:focus, .box-warning:hover {
	color: #ff9800
}
.box-danger:focus, .box-danger:hover {
	color: #f21136
}
.box-info:focus, .box-info:hover {
	color: #01b2ac
}
.panel-profile .panel-heading {
	height: 150px;
	background-size: cover
}
.user-card .panel-profile-img {
	max-width: 100px;
	margin-top: -70px;
	margin-bottom: 5px;
	border-radius: 100%
}
.mb10 {
	margin-bottom: 10px
}
.user-card .bottom {
	padding: 0 00px;
	display: inline-block;
	width: 100%
}
.user-card .panel-default {
	border-color: #ebeff2
}
.user-card ul.social-detail {
	padding: 0;
	margin: 0
}
.user-card ul.social-detail li {
	display: inline-block;
	width: 33.3333%;
	float: left;
	line-height: 1.44;
	font-size: 22px;
	text-align: center;
	padding: 12px 5px;
	font-weight: 400
}
.user-card ul.social-detail li span {
	display: block;
	font-size: 14px;
	font-weight: 400
}
.modal-box-2 h3, .user-card strong {
	font-weight: 500
}
.modal.modal-box {
	padding: 3em 0;
	display: block;
	position: relative;
	z-index: 1;
	text-align: center
}
.modal img {
	max-width: 200px;
	margin: 10px auto;
	display: table
}
.modal-box-1 .form-control {
	box-shadow: none;
	height: 50px;
	max-width: 94%;
	margin: 5px auto
}
.modal.modal-box a.btn-modal {
	background: #3b4556;
	padding: 15px 25px;
	min-width: 160px;
	display: inline-block;
	border-radius: 50px;
	color: #fff;
	font-size: 17px
}
.material-switch>input[type=checkbox], .onoffswitch-checkbox {
	display: none
}
.modal.modal-box a.btn-modal:focus, .modal.modal-box a.btn-modal:hover {
	background: #00897b
}
button.btn.modal-btn {
	min-width: 160px;
	padding: 13px 25px;
	background: #00897b;
	font-size: 15px;
	color: #fff;
	border-radius: 50px;
	margin-bottom: 15px
}
form.contactForm {
	border-radius: 10px;
	border: 1px solid #ebeff2;
	padding: 3em 2em 2em;
	max-width: 94%;
	margin: 20px auto;
	box-shadow: 0 0 10px rgba(64, 65, 67, .1)
}
.modal-box-2 .form-control {
	box-shadow: none;
	height: 50px;
	max-width: 98%;
	margin: 5px auto
}
.modal-box-2 h3 {
	margin: 10px auto;
	text-align: center;
	color: #6a7588
}
.modal-box-2 h3 span {
	color: #2d8de8
}
.material-switch {
	margin-bottom: 15px
}
.material-switch>label {
	cursor: pointer;
	height: 0;
	position: relative;
	width: 40px
}
.material-switch>label::before {
	background: #f4f5f7;
	box-shadow: inset 0 0 8px rgba(64, 65, 67, .5);
	border-radius: 50px;
	content: '';
	height: 32px;
	margin-top: -15px;
	position: absolute;
	opacity: .3;
	transition: all .4s ease-in-out;
	width: 60px
}
.material-switch>label::after {
	background: #ced8e4;
	border-radius: 16px;
	box-shadow: 0 0 4px rgba(64, 65, 67, .2);
	content: '';
	height: 28px;
	left: 1px;
	margin-top: -9px;
	position: absolute;
	top: -4px;
	transition: all .3s ease-in-out;
	width: 28px
}
.material-switch>input[type=checkbox]:checked+label::before {
	opacity: 1;
	box-shadow: none;
	border: 1px solid #e7eaef;
	background: #fff
}
.material-switch>input[type=checkbox]:checked+label::after {
	background: inherit;
	left: 31px
}
.onoffswitch {
	margin: 15px 0;
	position: relative;
	width: 90px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}
.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #2196f3;
	border-radius: 20px
}
.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin .3s ease-in 0s;
	-webkit-transition: margin .3s ease-in 0s;
	-o-transition: margin .3s ease-in 0s;
	transition: margin .3s ease-in 0s
}
.onoffswitch-inner:after, .onoffswitch-inner:before {
	display: block;
	float: left;
	width: 50%;
	height: 30px;
	padding: 0;
	line-height: 30px;
	font-size: 14px;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: 700;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.onoffswitch-inner:before {
	content: "YES";
	padding-left: 10px;
	background-color: #2196f3;
	color: #FFF
}
.onoffswitch-inner:after {
	content: "NO";
	padding-right: 10px;
	background-color: #f4f5f7;
	color: #62748F;
	text-align: right
}
.onoffswitch-switch {
	display: block;
	width: 20px;
	margin: 6px;
	background: #FFF;
	border: 1px solid #3da7fb;
	border-radius: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 56px;
	-moz-transition: all .3s ease-in 0s;
	-webkit-transition: all .3s ease-in 0s;
	-o-transition: all .3s ease-in 0s;
	transition: all .3s ease-in 0s
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0
}
.onoffswitch-label.label-default {
	border-color: #3b4556
}
.label-default .onoffswitch-inner:before {
	background-color: #3b4556
}
.label-default .onoffswitch-switch {
	border: 1px solid #768398
}
.onoffswitch-label.label-warning {
	border-color: #ff9800
}
.label-warning .onoffswitch-inner:before {
	background-color: #ff9800
}
.label-warning .onoffswitch-switch {
	border: 1px solid #ff9800
}
.onoffswitch-label.label-success {
	border-color: #0fb76b
}
.label-success .onoffswitch-inner:before {
	background-color: #0fb76b
}
.label-success .onoffswitch-switch {
	border: 1px solid #0fb76b
}
.onoffswitch-label.label-danger {
	border-color: #f21136
}
.label-danger .onoffswitch-inner:before {
	background-color: #f21136
}
.label-danger .onoffswitch-switch {
	border: 1px solid #f21136
}
.onoffswitch-label.label-primary {
	border-color: #1194f7
}
.label-primary .onoffswitch-inner:before {
	background-color: #1194f7
}
.label-primary .onoffswitch-switch {
	border: 1px solid #1194f7
}
.onoffswitch-label.label-info {
	border-color: #01b2ac
}
.label-info .onoffswitch-inner:before {
	background-color: #01b2ac
}
.label-info .onoffswitch-switch {
	border: 1px solid #01b2ac
}
.slider-bg-primary .slider-selection {
	background: #1194f7
}
.slider-bg-primary .slider-handle.round {
	background: #fff;
	top: 2px;
	border-radius: 50%;
	border: 2px solid #1194f7;
	box-shadow: 0 0 14px 1px #1194f7
}
.slider-bg-danger .slider-selection {
	background: #f21136
}
.slider-bg-danger .slider-handle.round {
	background: #fff;
	top: 2px;
	border-radius: 50%;
	border: 2px solid #f21136;
	box-shadow: 0 0 14px 1px #ffc9d2
}
.slider-bg-warning .slider-selection {
	background: #ff9800
}
.slider-bg-warning .slider-handle.round {
	background: #fff;
	top: 2px;
	border-radius: 50%;
	border: 2px solid #ff9800;
	box-shadow: 0 0 14px 1px #ffe8d2
}
.slider-bg-info .slider-selection {
	background: #01b2ac
}
.slider-bg-info .slider-handle.round {
	background: #fff;
	top: 2px;
	border-radius: 50%;
	border: 2px solid #01b2ac;
	box-shadow: 0 0 14px 1px #bcfffd
}
.slider-bg-success .slider-selection {
	background: #0fb76b
}
.slider-bg-success .slider-handle.round {
	background: #fff;
	top: 2px;
	border-radius: 50%;
	border: 2px solid #0fb76b;
	box-shadow: 0 0 14px 1px #bfffe2
}
.slider-track {
	background: #eef5f9
}
.slider-horizontal {
	width: 100%!important
}
.slider-horizontal .slider-handle-container, .slider-horizontal .slider-track {
	height: 15px;
	margin-top: -5px;
	top: 50%;
	border-radius: 50px
}
.pannel-wells .panel-success>.panel-heading {
	color: #fff;
	background-color: #0fb76b;
	border-color: #0fb76b
}
.pannel-wells .panel-warning>.panel-heading {
	color: #fff;
	background-color: #ff9800;
	border-color: #ff9800
}
.pannel-wells .panel-danger>.panel-heading {
	color: #fff;
	background-color: #f21136;
	border-color: #f21136
}
.pannel-wells .panel-primary>.panel-heading {
	color: #fff;
	background-color: #1194f7;
	border-color: #1194f7
}
.pannel-wells .panel-info>.panel-heading {
	color: #fff;
	background-color: #01b2ac;
	border-color: #01b2ac
}
section#new .fa {
	font-size: 15px
}
.nav-tabs-custom .col-md-3 {
	padding: 10px 15px
}
.bs-glyphicons li {
	width: 24.5%;
	height: 115px;
	padding: 10px;
	margin: 0 -1px -1px 0;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #e8edef;
	display: inline-block
}
.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px
}
.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word
}
.icon-container {
	width: 240px;
	padding: .7em 0;
	float: left;
	position: relative;
	text-align: left
}
.card .card-heading {
	padding: 0 20px;
	margin: 0
}
.card .card-heading.simple {
	font-size: 20px;
	font-weight: 400;
	color: #777;
	border-bottom: 1px solid #e5e5e5
}
.card .card-heading.image img {
	display: inline-block;
	width: 46px;
	height: 46px;
	margin-right: 15px;
	vertical-align: top;
	border: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}
.card .card-heading.image .card-heading-header {
	display: inline-block;
	vertical-align: top
}
.card .card-heading.image .card-heading-header h3 {
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	color: #262626
}
.card .card-heading.image .card-heading-header span {
	font-size: 12px;
	color: #999
}
.card .card-media {
	padding: 0 20px;
	margin: 0 -14px
}
.card .card-media img {
	max-width: 100%;
	max-height: 100%
}
.card .card-actions {
	min-height: 30px;
	padding: 0 20px 20px;
	margin: 20px 0 0
}
.card .card-comments {
	padding: 20px;
	margin: 0;
	background-color: #f8f8f8
}
.card .card-comments .comments-collapse-toggle {
	padding: 0;
	margin: 0 20px 12px
}
.card .card-comments .comments-collapse-toggle a, .card .card-comments .comments-collapse-toggle span {
	padding-right: 5px;
	overflow: hidden;
	font-size: 12px;
	color: #999;
	text-overflow: ellipsis;
	white-space: nowrap
}
.card-comments .media-heading {
	font-size: 13px;
	font-weight: 700
}
.card.people {
	position: relative;
	display: inline-block;
	width: 170px;
	height: 300px;
	padding-top: 0;
	margin-left: 20px;
	overflow: hidden;
	vertical-align: top
}
.card.people:first-child {
	margin-left: 0
}
.card.people .card-top {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 170px;
	height: 150px;
	background-color: #fff
}
.card.people .card-top.green {
	background-color: #53a93f
}
.card.people .card-top.blue {
	background-color: #427fed
}
.card.people .card-info {
	position: absolute;
	top: 150px;
	display: inline-block;
	width: 100%;
	height: 101px;
	overflow: hidden;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.card.people .card-info .title {
	display: block;
	margin: 8px 14px 0;
	overflow: hidden;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	color: #404040
}
.card.people .card-info .desc {
	display: block;
	margin: 8px 14px 0;
	overflow: hidden;
	font-size: 12px;
	line-height: 16px;
	color: #737373;
	text-overflow: ellipsis
}
.card.people .card-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	padding: 10px 20px;
	line-height: 29px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.card.simple-card {
	position: relative;
	padding-top: 0;
	overflow: hidden;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #ebeff2;
	background-color: #fff
}
.card.simple-card .cardheader {
	background-size: cover!important;
	position: relative;
	height: 135px
}
.card.simple-card .cardheader.overlay:before {
	background: -moz-linear-gradient(45deg, #00a3fe 0, #b773f9 100%);
	background: linear-gradient(45deg, #00a3fe 0, #b773f9 100%);
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: .7
}
.card.simple-card .avatar {
	position: relative;
	top: -50px;
	margin-bottom: -50px
}
.card.simple-card .avatar img {
	width: 100px;
	height: 100px;
	max-width: 100px;
	max-height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, .5)
}
.card.simple-card .info {
	padding: 10px 8px 35px
}
.card.simple-card .info .title {
	margin-bottom: 4px;
	font-size: 24px;
	line-height: 1;
	color: #51607b;
	vertical-align: middle
}
.card.simple-card .info .title h3 {
	font-size: 17px;
	margin-bottom: 5px
}
.card.simple-card .info .desc {
	overflow: hidden;
	font-size: 15px;
	line-height: 20px;
	text-overflow: ellipsis
}
.card.simple-card a.btn.btn-follow {
	border-radius: 50px;
	padding: 6px 15px;
	min-width: 140px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-top: 15px;
	transition: all ease .4s
}
.card.simple-card .bottom {
	border-top: 1px solid #ebeff2;
	padding: 0 00px
}
.card.simple-card ul.social-detail {
	padding: 0;
	margin: 0
}
.card.simple-card ul.social-detail li {
	display: inline-block;
	width: 33.3333%;
	float: left;
	line-height: 1.25;
	font-size: 22px;
	text-align: center;
	padding: 10px 5px;
	font-weight: 400
}
.card.simple-card ul.social-detail li span {
	font-weight: 400;
	display: block;
	font-size: 14px
}
.card.simple-card ul.social-detail li:nth-child(2), .card.simple-card ul.social-detail li:nth-child(3) {
	border-left: 1px solid #ebeff2
}
.card-container {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	perspective: 800px;
	margin-bottom: 30px
}
.card-container.hover.manual-flip .card, .card-container:not(.manual-flip):hover .card {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg)
}
.card-container.static.hover .card, .card-container.static:hover .card {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none
}
.card {
	-webkit-transition: -webkit-transform .5s;
	-moz-transition: -moz-transform .5s;
	-o-transition: -o-transform .5s;
	transition: transform .5s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
	background: #FFF;
	box-shadow: 0 5px 10px 1px rgba(0,0,0,.08);
}
.back, .front {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFF
}
.front {
	z-index: 2
}
.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	z-index: 3
}
.back .btn-simple {
	position: absolute;
	left: 0;
	bottom: 4px
}
.back, .card-container, .front {
	width: 100%;
	height: 420px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 10px 0 rgba(64, 65, 67, .04);
	-moz-box-shadow: 0 0 10px 0 rgba(64, 65, 67, .04);
	box-shadow: 0 0 10px 0 rgba(64, 65, 67, .04)
}
.card .cover {
	height: 105px;
	position: relative;
	overflow: hidden;
	border-radius: 4px 4px 0 0
}
.card .cover img {
	width: 100%
}
.card .user {
	border-radius: 50%;
	display: block;
	height: 120px;
	margin: -55px auto 0;
	overflow: hidden;
	width: 120px;
	position: relative
}
.card .user img {
	background: #FFF;
	border: 4px solid #FFF;
	width: 100%
}
.card .content {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
	padding: 10px 15px 20px
}
.card .content p {
	line-height: 1.8
}
.card .content .main {
	min-height: 160px
}
.card .back .content .main {
	height: 215px
}
.card .name {
	font-size: 17px;
	line-height: 28px;
	margin: 10px 0 0;
	text-align: center;
	text-transform: capitalize
}
.card h5 {
	margin: 5px 0;
	font-weight: 400;
	line-height: 20px
}
.card .profession {
	text-align: center;
	margin-bottom: 20px
}
.card .footer {
	border-top: 1px solid #ebeff2;
	margin: 30px 0 0;
	padding: 8px 0;
	text-align: center
}
.card .footer .social-links {
	font-size: 18px
}
.card .footer .social-links a {
	margin: 0 3px
}
.card .footer .social-links a i {
	width: 42px;
	height: 42px;
	line-height: 42px;
	background: #ebeff2;
	border: 1px solid #e7edf1;
	border-radius: 50%
}
.card .footer .social-links a i:focus, .card .footer .social-links a i:hover {
	background: -moz-linear-gradient(45deg, #00a3fe 0, #b773f9 100%);
	background: linear-gradient(45deg, #00a3fe 0, #b773f9 100%);
	border-color: 1px solid #2d8de8;
	color: #fff
}
.card .footer .btn-simple {
	margin-top: -6px
}
.card .card-container .header {
	padding: 15px;
	height: 90px
}
.card .motto {
	border-bottom: 1px solid #EEE;
	color: #62748F;
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 10px;
	text-align: center
}
.card .stats-container {
	width: 100%;
	margin-top: 50px
}
.card .stats {
	display: block;
	float: left;
	width: 33.333333%;
	text-align: center
}
.card .stats:first-child {
	border-right: 1px solid #EEE
}
.card .stats:last-child {
	border-left: 1px solid #EEE
}
.card .stats h4 {
	font-weight: 400;
	margin-bottom: 5px
}
.btn-simple {
	opacity: .8;
	background-color: transparent
}
.btn-simple:focus, .btn-simple:hover {
	background-color: transparent;
	box-shadow: none;
	opacity: 1
}
.btn-simple i {
	font-size: 16px
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.back, .front {
		-ms-backface-visibility: visible;
		backface-visibility: visible
	}
	.back {
		visibility: hidden;
		-ms-transition: all .2s cubic-bezier(.92, .01, .83, .67)
	}
	.front {
		z-index: 4
	}
	.card-container.manual-flip.hover .back, .card-container:not(.manual-flip):hover .back {
		z-index: 5;
		visibility: visible
	}
}
.card.normal-card {
	position: relative;
	padding: 20px 12px 11px;
	overflow: hidden;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #ebeff2;
	background-color: #fff
}
.card.normal-card a.btn.btn-follow {
	background: 0 0;
	border: 1px solid #0fb76b;
	border-radius: 50px;
	padding: 7px 15px;
	min-width: 120px;
	color: #0fb76b;
	float: right;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 1px;
	transition: all ease .4s;
	max-width: 140px
}
.card.normal-card a.btn.btn-follow:focus, .card.normal-card a.btn.btn-follow:hover {
	background: #0fb76b;
	border-color: #0fb76b;
	color: #fff
}
.normal-card-full-caption {
	padding-top: 71px
}
.card.normal-card .avatar {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	display: table;
	margin: 0 auto;
	overflow: hidden;
	background: #e1e7ea;
	padding: 5px
}
.card.normal-card .avatar .avatar-img {
	height: 100px;
	width: 100px;
	margin: 0 auto;
	display: table
}
.card.normal-card .avatar .avatar-img img {
	border-radius: 50%;
	margin: 0 auto;
	display: table;
	max-width: 100px
}
.card.normal-card .info {
	padding: 10px 0
}
.normal-card-full-caption p {
	line-height: 1.8
}
.card.normal-card .info .title {
	margin-bottom: 4px;
	font-size: 24px;
	line-height: 1;
	color: #51607b;
	vertical-align: middle
}
.card.normal-card .info .title h3 {
	font-size: 17px;
	margin-bottom: 5px
}
.card.normal-card ul.social-link {
	padding: 10px 0 25px;
	margin: 0
}
.card.normal-card ul.social-link li {
	list-style: none;
	display: inline-block;
	padding: 0 7px
}
.card.normal-card ul.social-link li i {
	font-size: 18px
}
.card.normal-card ul.social-link li i.fa.fa-facebook {
	color: #3a73f9
}
.card.normal-card ul.social-link li i.fa.fa-google-plus {
	color: #de0a0a
}
.card.normal-card ul.social-link li i.fa.fa-twitter {
	color: #03a9f4
}
.card.normal-card ul.social-link li i.fa.fa-linkedin {
	color: #28c3de
}
.card.normal-card ul.social-link li i.fa.fa-instagram {
	color: #e352f3
}
.card.normal-card.second-normal {
	padding: 0
}
.card.normal-card.second-normal .normal-card-full-caption {
	padding-top: 52px
}
.card.normal-card.second-normal .follow-status {
	padding: 0;
	border-top: 1px solid #ebeff2;
	border-bottom: 1px solid #ebeff2
}
.card.normal-card.second-normal .follow-status ul {
	padding: 0;
	margin: 0
}
.card.normal-card.second-normal .follow-status ul li {
	padding: 12px 0;
	text-align: center;
	width: 49%;
	font-weight: 500;
	font-size: 25px;
	list-style: none;
	display: inline-block
}
.card.normal-card.second-normal .follow-status ul li:nth-child(2) {
	border-left: 1px solid #ebeff2
}
.card.normal-card.second-normal .follow-status ul li span {
	display: block;
	font-weight: 400;
	font-size: 14px
}
.card.normal-card.second-normal .just-follow {
	text-align: center;
	padding: 21px 0;
	width: 100%;
	display: inline-block
}
.card.normal-card.second-normal .just-follow a.btn.btn-follow {
	background: rgba(7, 177, 7, .2);
	border-color: #07b107;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	min-width: auto;
	line-height: 50px;
	float: none;
	text-align: center;
	color: #07b107
}
.card.normal-card.second-normal .just-follow a.btn.btn-follow:focus, .card.normal-card.second-normal .just-follow a.btn.btn-follow:hover {
	background: rgba(7, 177, 7, 1);
	border-color: #07b107;
	color: #fff
}
.card.normal-card.second-normal ul.social-link {
	padding: 0;
	border-top: 1px solid #ebeff2
}
.card.normal-card.second-normal ul.social-link li {
	width: 18%;
	padding: 0;
	display: inline-block;
	border-left: 1px solid #ebeff2
}
.card.normal-card.second-normal ul.social-link li:nth-child(1) {
	border-left: none
}
.card.normal-card.second-normal ul.social-link li i {
	padding: 12px 0;
	color: #62748F!important
}
.card.friend-card {
	position: relative;
	padding-top: 0;
	overflow: hidden;
	border: 1px solid #e8edef;
	background-color: #fff;
	border-radius: 2px
}
.card.friend-card a {
	display: inline-block;
	width: 100%;
	padding: 12px 10px;
	border-bottom: 1px solid #e8edef
}
.card.friend-card a:last-child {
	border-bottom: none
}
.card.friend-card a:focus, .card.friend-card a:hover {
	background: #f4f8fb
}
.simple-message .user-img {
	width: 40px;
	float: left;
	position: relative;
	margin: 5px 10px 15px 0
}
.simple-message .user-img img {
	width: 100%
}
.card.friend-card.simple-message h5 {
	margin-bottom: 2px;
	font-size: 15px;
	font-weight: 500
}
.card.friend-card.simple-message span.time {
	display: block;
	font-size: 12px;
	line-height: 1.2
}
.advance-style .user-img {
	width: 40px;
	float: left;
	position: relative;
	margin: 5px 10px 15px 0
}
.advance-style .user-img img {
	width: 100%
}
.friend-card-header {
	background: 0 0;
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #e8edef
}
.card.friend-card.advance-style h5 {
	margin-bottom: 2px;
	font-size: 15px;
	font-weight: 500
}
.card.friend-card.advance-style span.time {
	display: block;
	font-size: 12px;
	line-height: 1.2
}
.advance-style .user-img i {
	position: absolute;
	right: 3px;
	bottom: -2px;
	font-size: 12px
}
.advance-style .user-img i.active {
	color: #07b107
}
.advance-style .user-img i.busy {
	color: #ff9800
}
.advance-style .user-img i.info {
	color: #2196f3
}
.advance-style .user-img i.offline {
	color: #e20b0b
}
.card.follow-friend .follow-list {
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 12px 10px;
	border-bottom: 1px solid #ebeff2
}
.card.follow-friend .follow-list:last-child {
	border-bottom: none
}
.card.follow-friend .follow-list:hover, .follow-friend .follow-list:focus {
	background: #f7fafc;
	cursor: pointer
}
.card.follow-friend .follow-list:hover a i, .follow-friend .follow-list:focus a i {
	color: #07b107;
	opacity: 1
}
.follow-friend .user-img {
	width: 40px;
	float: left;
	position: relative;
	margin: 5px 10px 15px 0
}
.follow-friend .user-img img {
	width: 100%
}
.friend-card-header h4 {
	margin-bottom: 0;
	font-size: 16px
}
.card.friend-card.follow-friend h5 {
	margin-bottom: 2px;
	font-size: 15px;
	font-weight: 500
}
.card.friend-card.follow-friend span.time {
	display: block;
	font-size: 12px;
	line-height: 1.2
}
.card.friend-card.follow-friend .message-content a {
	position: absolute;
	right: 20px;
	width: 30px;
	height: 30px;
	top: 15px;
	background: 0 0;
	border: none;
	box-shadow: none
}
.card.friend-card.follow-friend .message-content a i {
	font-size: 25px;
	opacity: 1;
	position: absolute;
	top: 8px;
	color: #d0d9e8
}
.follow-list .no-collapsing {
	margin-left: 50px
}
.input-group {
	margin-bottom: 15px
}
.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #00897b;
	text-align: center;
	background: none;
	border: 1px solid #00897b;
	border-radius: 4px;
}
.input-group-btn button.btn.btn-default {
	height: 40px;
	border-color: #2196f3;
	background: #2196f3;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px
}
.input-group.inner-btn {
	border-radius: 50px;
	border: 1px solid #eaecf1;
	padding: 5px
}
.input-group.inner-btn input.form-control {
	border-radius: 50px!important;
	border-color: #fff
}
.input-group.inner-btn input.form-control:focus {
	box-shadow: none
}
.input-group.inner-btn button.btn.btn-default {
	border-radius: 50px;
	padding-left: 25px;
	padding-right: 25px;
	min-width: 80px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #000000;
	line-height: 32px;
	padding-left: 12px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #fff;
	cursor: default;
	border-color: #e8eef1
}
.select2-container .select2-selection--single {
	height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 32px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #000000  transparent #000000 !important
}
.select2-container--default .select2-selection--single {
	border: 1px solid #00897b;
    /* width: 184px; */
    border-radius: 2px;
}
.select2-container .select2-selection--multiple {
	min-height: 40px
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #e8eef1;
	outline: 0
}
.select2-container .select2-search--inline .select2-search__field {
	margin-top: 8px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #eef5f9;
	border: 1px solid #d9e4ea;
	border-radius: 2px;
	margin-top: 8px
}
.select2-container--default .select2-selection--multiple {
	border: 1px solid #00897b
}
.select2-dropdown {
	border-color: #e8edef;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #e8edef
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	border: 1px solid #5897fb;
	box-shadow: none
}
form.dropzone.dz-clickable {
	border: 1px dashed #d8e3e8;
	font-size: 22px
}
form.dropzone.dz-clickable.primary-dropzone {
	background: rgba(17, 148, 247, .07);
	color: #1194f7;
	border-color: #1194f7
}
form.dropzone.dz-clickable.danger-dropzone {
	background: rgba(242, 17, 54, .07);
	color: #f21136;
	border-color: #f21136
}
form.dropzone.dz-clickable.success-dropzone {
	color: #0fb76b;
	background: rgba(15, 183, 107, .07);
	border-color: #0fb76b
}
form.dropzone.dz-clickable.warning-dropzone {
	color: #ff9800;
	background: rgba(255, 152, 0, .07);
	border-color: #ff9800
}
form.dropzone.dz-clickable.info-dropzone {
	color: #01b2ac;
	background: rgba(1, 178, 172, .07);
	border-color: #01b2ac
}
form.dropzone.dz-clickable.purple-dropzone {
	color: #c580ff;
	background: rgba(197, 128, 255, .07);
	border-color: #c580ff
}
.dropzone.dz-clickable i {
	display: block;
	margin-bottom: 10px
}
.form-group {
	margin-bottom: 15px;
	display: inline-block;
	width: 100%
}
label.form-label {
	font-weight: 400
}
.has-error .form-control, .has-error .form-control:focus {
	border-color: #ef716e;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.form-wizard-setup p {
	margin-top: 10px
}
.stepwizard-row {
	display: table-row
}
.stepwizard {
	display: table;
	width: 100%;
	position: relative
}
.form-wizard-setup button[disabled] {
	opacity: 1!important;
	filter: alpha(opacity=100)!important
}
.form-wizard-setup {
	display: table-cell;
	text-align: center;
	position: relative
}
.form-wizard-setup.first:after, .form-wizard-setup:after, .form-wizard-setup:before {
	content: '';
	height: 2px;
	position: absolute;
	top: 23px
}
.form-wizard-setup:after {
	width: 50%;
	background: #e6ecf5;
	left: 0
}
.form-wizard-setup:before {
	width: 50%;
	background: #e6ecf5;
	right: 0
}
.form-wizard-setup.first:after {
	width: 100%;
	background: 0 0;
	left: 0
}
.form-wizard-setup.last:before {
	left: 0
}
.circle-button {
	width: 42px;
	height: 42px;
	text-align: center;
	padding: 7px 0;
	font-size: 16px;
	line-height: 24px;
	border-radius: 50%;
	background: #fff;
	z-index: +999;
	border: 3px solid #e6ecf5;
	color: #455a64;
	position: relative
}
.stepwizard .circle-button:focus, .stepwizard .circle-button:hover, .stepwizard a.btn.circle-button.active-wizard {
	background: #00897b;
	border-color: #00897b;
	color: #fff
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	opacity: 1
}
.complete-payment h2 {
	font-weight: 400;
	margin-bottom: 2px
}
.complete-payment p {
	color: #828f99;
	font-size: 16px;
	line-height: 1.8
}
.complete-payment img {
	margin: 1.5em auto .5em;
	max-width: 120px
}
.form-wizard-setup p {
	color: #828f99;
	font-size: 15px;
	line-height: 1.8
}
.pricing-widget.default-widget {
	padding-top: 40px;
	padding-bottom: 30px
}
.first-style.price-table {
	padding: 30px 0 0;
	background: #fff;
	text-align: center;
	border: 1px solid #e8edef
}
.first-style.price-table .price-table-header {
	color: #333
}
.first-style.price-table .icon {
	display: block;
	font-size: 50px;
	color: #62748f
}
.first-style.price-table .title {
	font-size: 22px;
	margin-bottom: 10px
}
.first-style.price-table .price-value {
	padding: 10px 0;
	margin: 23px -10px 30px;
	background: #f4f5f7;
	position: relative;
	transition: all .3s ease-in-out 0s
}
.first-style.price-table:hover .price-value {
	color: #fff
}
.first-style.price-table .price-value:after, .first-style.price-table .price-value:before {
	content: "";
	display: block;
	width: 10px;
	height: 15px;
	border-width: 13px 5px 11px;
	border-style: solid;
	border-color: transparent #dadfe8 #dadfe8 transparent;
	position: absolute;
	top: -24px;
	left: 0;
	transition: all .3s ease-in-out 0s
}
.first-style.price-table .price-value:after {
	border-width: 11px 5px;
	border-color: transparent transparent #dadfe8 #dadfe8;
	top: -22px;
	left: auto;
	right: 0
}
.first-style.price-table:hover .price-value:before {
	border-color: transparent #1f7bd2 #1f7bd2 transparent
}
.first-style.price-table:hover .price-value:after {
	border-color: transparent transparent #1f7bd2 #1f7bd2
}
.first-style.price-table .amount {
	display: inline-block;
	font-size: 50px;
	position: relative
}
.first-style.price-table .currency {
	font-size: 25px;
	top: 0;
	right: 60px
}
.first-style.price-table .month {
	font-size: 20px;
	position: absolute;
	bottom: 0;
	right: -65px
}
.first-style.price-table .pricing-content {
	padding: 0;
	margin: 0 0 40px;
	list-style: none
}
.first-style.price-table .pricing-content li {
	font-size: 14px;
	line-height: 40px;
	padding: 5px 0;
	border-bottom: 1px dashed #e8edef
}
.first-style.price-table .price-table-signup {
	display: block;
	padding: 10px 0;
	font-size: 15px;
	font-weight: 600;
	color: #858585;
	text-transform: uppercase;
	border-top: 1px solid #e8edef;
	transition: all .5s ease 0s
}
.advance-pr-table.pricing-table .heading, .heading>h3, .price-value>.mo, .style-two.pricing-table>.pricingContent {
	text-transform: capitalize
}
.first-style.price-table.active-pr-table .price-table-signup, .first-style.price-table.active-pr-table .price-value, .first-style.price-table:hover .price-table-signup {
	color: #fff
}
.advance-pr-table.pricing-table {
	border: 1px solid #e7e7e7;
	text-align: center;
	padding: 0 30px 30px;
	transition: all .5s ease 0s
}
.advance-pr-table.pricing-table:hover {
	border: 1px solid #3b4556
}
.advance-pr-table.pricing-table .pricing-table-header {
	width: 210px;
	background: #3b4556;
	color: #fff;
	margin: -15px auto 95px;
	padding-top: 25px;
	padding-bottom: 10px;
	position: relative
}
.advance-pr-table.pricing-table .pricing-table-header:before {
	content: "";
	border-width: 0 0 15px 10px;
	border-style: solid;
	border-color: transparent transparent #3b4556;
	position: absolute;
	top: 0;
	left: -10px
}
.advance-pr-table.pricing-table .pricing-table-header:after {
	content: "";
	border-width: 15px 0 0 10px;
	border-style: solid;
	border-color: transparent transparent transparent #3b4556;
	position: absolute;
	top: 0;
	right: -10px
}
.advance-pr-table.pricing-table .heading {
	font-size: 22px;
	font-weight: 600;
	margin: 5px 0 0;
	color: #fff;
	position: relative
}
.advance-pr-table.pricing-table .heading:after {
	content: "";
	border-width: 60px 105px 0;
	border-style: solid;
	border-color: #3b4556 transparent transparent;
	position: absolute;
	bottom: -101px;
	left: 0
}
.advance-pr-table.pricing-table .currency, .advance-pr-table.pricing-table .month {
	font-size: 20px
}
.advance-pr-table.pricing-table .price-value {
	font-size: 30px
}
.advance-pr-table.pricing-table .pricing-content ul {
	list-style: none;
	padding: 0;
	margin: 0 0 25px
}
.advance-pr-table.pricing-table .pricing-content ul li {
	font-size: 14px;
	color: #334a6b;
	line-height: 40px
}
.advance-pr-table.pricing-table .pricing-table-signup {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #62748F;
	text-transform: capitalize;
	border: 1px solid #62748F;
	padding: 10px 40px;
	transition: all .5s ease 0s
}
.active-pr-table.advance-pr-table.pricing-table .pricing-table-signup, .advance-pr-table.pricing-table .pricing-table-signup:hover {
	color: #fff
}
.style-two.pricing-table {
	text-align: center;
	background: #fff;
	border: 1px solid #e1e1e1
}
.style-two.pricing-table>.pricing-table-header {
	color: #fff;
	padding: 45px 0 0;
	position: relative
}
.style-two.pricing-table .pricing-table-header>.price-value {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	margin: 0 auto;
	background: #3b4556;
	display: block;
	font-size: 50px;
	line-height: 30px;
	padding: 45px 0;
	border: 7px solid #fff;
	box-shadow: 0 0 0 2px #3b4556
}
.price-value>.mo {
	font-size: 15px;
	display: block
}
.price-value>.currency {
	font-size: 24px;
	position: relative;
	bottom: 20px;
	margin-right: 4px
}
.style-two.pricing-table .pricing-table-header>.heading {
	padding: 30px 0 20px;
	display: block;
	margin-bottom: 0
}
.heading>h3 {
	margin: 0;
	font-weight: 600
}
.style-two.pricing-table>.pricingContent>ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0
}
.style-two.pricing-table>.pricingContent>ul>li {
	border-top: 1px solid #e1e1e1;
	padding: 15px 0;
	color: #818d9a
}
.style-two.pricing-table>.pricingContent>ul>li:nth-child(odd) {
	background: #f4f5f7
}
.style-two.pricing-table .pricing-table-sign-up {
	padding: 40px 0;
	border-top: 1px solid #e9ecf1
}
.style-two.pricing-table .pricing-table-sign-up>.btn-block {
	width: 60%;
	margin: 0 auto;
	border-radius: 0;
	padding: 10px 2px;
	border: 1px solid #3b4556;
	color: #3b4556;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	transition: all .2s ease-in-out 0s
}
.active-pr.style-two.pricing-table .pricing-table-sign-up>.btn-block, .style-two.pricing-table .pricing-table-sign-up>.btn-block:hover {
	color: #fff
}
.active-pr {
	box-shadow: 0 0 10px 2px #e1e1e1
}
.active-pr .price-value {
	background: #727272;
	box-shadow: 0 0 0 2px #727272
}
.service {
	padding: 35px 0
}
.service-box {
	text-align: center;
	padding: 40px 12px 30px;
	border: 1px solid transparent;
	transition: all .3s ease 0s;
	position: relative;
	z-index: 1
}
.service-box:after, .service-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .5s ease 0s
}
.service-box:after {
	transform: scaleX(0);
	transform-origin: 0 100% 0;
	z-index: -1
}
.service-box:before {
	transform: scaleY(0);
	transform-origin: 100% 0 0;
	z-index: -1
}
.service-box:hover:after {
	transform: scaleX(1)
}
.service-box:hover:before {
	transform: scaleY(1)
}
.service-box .service-icon i {
	font-size: 32px;
	line-height: 32px;
	transition: all .3s ease 0s
}
.service-box .service-content h3 {
	margin-bottom: 15px
}
.service-box .service-content h3 a {
	font-size: 15px;
	letter-spacing: 4px;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: none
}
.service-box .service-content h3 a:hover {
	color: #636363
}
.service-box .service-content p {
	line-height: 28px
}
.service-box .read {
	margin-top: 20px
}
.service-box .read a {
	border: 1px solid #6b7b84;
	border-radius: 50%;
	display: inline-block;
	height: 18px;
	width: 18px;
	line-height: 16px;
	text-align: center;
	transition: all .3s ease 0s;
	opacity: 0
}
.service-box .read a:hover, .service-box:hover .service-icon i {
	border-color: #181818
}
.service-box:hover .read a {
	opacity: 1;
	transition: all .3s ease 0s
}
.team {
	padding: 35px 0
}
.my-team {
	position: relative;
	text-align: center;
	overflow: hidden;
	border: 1px solid #e4e4e4;
	margin: 20px 0;
	background: #f4f4f4;
	padding: 5px
}
.my-team img {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: all .42s linear 0s
}
.my-team:hover img {
	transform: scale(1.4);
	transition: transform 4s linear 0s
}
.my-team .team-content {
	position: absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	opacity: 0;
	padding: 40px 20px;
	background: rgba(255, 255, 255, .7);
	transition: all .5s ease-in-out
}
.my-team:hover .team-content {
	opacity: 1
}
.my-team .team-prof {
	margin: 20px 0;
	position: relative;
	top: 13%
}
.my-team .team-prof a {
	font-size: 17.4px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase
}
.my-team .team-prof small {
	display: block;
	font-size: 13px;
	margin-top: 10px;
	text-transform: uppercase
}
.my-team .social-link {
	padding: 0;
	margin: 0;
	position: relative;
	top: 13%
}
.my-team .social-link li {
	list-style: none;
	margin-right: 5px;
	display: inline-block
}
.my-team .social-link li a {
	width: 37px;
	height: 37px;
	line-height: 37px;
	border-radius: 50%;
	color: #fff
}
.progress, .sec-progress .progress .progress-bar {
	border-radius: 50px
}
.sec-progress .progress {
	height: 27px;
	margin: 0 0 25px;
	overflow: visible;
	border-radius: 50px;
	background: #eaedf3;
	box-shadow: inset 0 10px 10px rgba(244, 245, 250, .9)
}
.progress {
	background-color: #eaedf3
}
.progress-outer span {
	margin-bottom: 7px
}
.sec-progress .progress .progress-value {
	position: relative;
	left: -45px;
	top: 4px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 2px
}
.progress-bar.active {
	animation: reverse progress-bar-stripes .4s linear infinite, animate-positive 2s
}
.third-progress .progressbar-title {
	font-size: 14px;
	color: #848484;
	text-transform: capitalize
}
.third-progress .progress {
	height: 4px;
	overflow: visible;
	background: #f0f0f0;
	margin-bottom: 40px
}
.third-progress .progress .progress-bar {
	position: relative;
	animation: animate-positive 2s
}
.third-progress .progress .progress-icon {
	width: 32px;
	height: 32px;
	line-height: 26px;
	border-radius: 50%;
	font-size: 14px;
	position: absolute;
	top: -15px;
	right: 0;
	background: #fff;
	border-width: 3px;
	border-style: solid
}
.third-progress .progress-value {
	font-size: 14px;
	color: #848484;
	position: absolute;
	top: 16px;
	right: 0
}
@-webkit-keyframes animate-positive {
	0% {
		width: 0
	}
}
@keyframes animate-positive {
	0% {
		width: 0
	}
}
.tab-box {
	padding: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-clip: padding-box;
	margin-bottom: 25px;
	background-color: #fff
}
.tab {
	border: 1px solid #e8edef
}
.tab .nav-tabs {
	background: #fff;
	border-top: 3px solid #51607b
}
.tab .nav-tabs li {
	margin: 0
}
.tab .nav-tabs li a {
	font-size: 13px;
	background: #fff;
	margin: 0;
	padding: 15px 23px;
	border-radius: 0;
	border: none;
	border-right: 1px solid #e8edef;
	text-transform: uppercase
}
.tab .nav-tabs li:last-child a {
	border-right: none
}
.tab .nav-tabs li a:hover, .tab .nav-tabs li.active a:hover {
	border-right-color: #e8edef
}
.tab .nav-tabs li a:hover {
	border-top: none;
	border-bottom: none
}
.tab .nav-tabs li.active a, .tab .nav-tabs li.active a:hover {
	border-left: none;
	border-bottom: none;
	margin: -3px 0 0
}
.tab .tab-content {
	font-size: 14px;
	line-height: 30px;
	background: #fff;
	padding: 15px 15px 10px
}
.tab .tab-content h3 {
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 0
}
@media only screen and (max-width:480px) {
	.tab .nav-tabs {
		border-top: none
	}
	.tab .nav-tabs li {
		width: 100%
	}
	.tab .nav-tabs li a {
		border: none;
		border-bottom: 1px solid #e8edef
	}
	.tab .nav-tabs li a:hover {
		border-bottom: 1px solid #e8edef
	}
	.tab .nav-tabs li:last-child a {
		border-bottom: none
	}
	.tab .nav-tabs li.active a, .tab .nav-tabs li.active a:hover {
		border-bottom: 1px solid #e8edef;
		border-right: none
	}
}
.bread-tab .nav-tabs {
	border-bottom: 0
}
.bread-tab .nav-tabs li {
	border-right: 1px solid #e8edef
}
.bread-tab .nav-tabs li:last-child {
	border-right: 0 solid #e8edef
}
.bread-tab .nav-tabs li a {
	background: #fff;
	border-radius: 0;
	font-size: 16px;
	margin-right: -1px;
	padding: 5.5px 22px;
	border-top: 1px solid #e8edef;
	border-bottom: 1px solid #e8edef
}
.bread-tab .nav-tabs li:first-child a {
	border-left: 1px solid #e8edef;
	border-radius: 5px 0 0 5px
}
.bread-tab .nav-tabs li:last-child a {
	border-radius: 0 5px 5px 0;
	border-right: 1px solid #e8edef
}
.bread-tab .nav-tabs li a:hover {
	background: #e8edef
}
.bread-tab .nav-tabs li a:hover:before {
	border-left: 15px solid #e8edef
}
.bread-tab .nav-tabs li a:after, .bread-tab .nav-tabs li.active a:after {
	content: "";
	border-left: 17px solid #e8edef;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	position: absolute;
	top: 0;
	right: -17px;
	z-index: 1
}
.bread-tab .nav-tabs li a:after {
	border-left: 17px solid #e8edef
}
.bread-tab .nav-tabs li a:before {
	border-bottom: 15px solid transparent;
	border-left: 15px solid #fff;
	border-top: 15px solid transparent;
	content: "";
	position: absolute;
	right: -15px;
	top: 2px;
	z-index: 2
}
.bread-tab .nav-tabs li.active>a, .bread-tab .nav-tabs>li.active>a:focus, .bread-tab .nav-tabs>li.active>a:hover {
	border: none;
	color: #fff;
	border-top: 1px solid #e8edef;
	border-bottom: 1px solid #e8edef
}
.bread-tab .nav-tabs li:last-child a:after, .bread-tab .nav-tabs li:last-child.active a:after {
	border: none
}
.bread-tab .nav-tabs li:last-child a:after, .bread-tab .nav-tabs li:last-child a:before, .bread-tab .nav-tabs li:last-child a:hover:before, .bread-tab .nav-tabs li:last-child.active a:before {
	border-left: none
}
.bread-tab .tab-content {
	padding: 20px 12px;
	margin-top: 2%;
	line-height: 1.9;
	font-size: 15px;
	border: 1px solid #fff
}
.simple-tab .nav-tabs>li {
	margin-bottom: -2px;
	border-right: 1px solid #687792
}
.simple-tab li a {
	background: #51607b;
	color: #fff;
	border-radius: 0;
	margin: 0;
	padding: 10px 15px;
	border: none
}
.simple-tab li {
	border-top: 3px solid #3a3d41
}
.simple-tab li.active {
	background: #fff
}
.simple-tab li.active a, .simple-tab li.active a:focus, .simple-tab li.active a:hover {
	color: #fff;
	border: none
}
.simple-tab li a:hover {
	color: #fff
}
.simple-tab .tab-content {
	border: 1px solid #e8edef;
	border-top: 0 none;
	padding: 25px 12px
}
.simple-tab .tab-content h3 {
	margin-top: 0
}
.advance-tab .nav-tabs>li {
	margin-right: -2px;    
} 
.advance-tab .nav-tabs>li.active {
	margin-right: -2px;
	z-index: 1;
}
.advance-tab h2 {
	font-weight:  bold;
	font-size: 18px;
	text-align:  center;
	margin-bottom:  20px;
}
.advance-tab .nav-tabs>li>a {
	border-top: 1px solid #00897b;
	border-left: 1px solid #00897b;
	border-right: 1px solid #00897b;
	padding: 12px;
	background: #fff;
	border-radius: 10px 10px 0 0;
	transform: perspective(10px) rotateX(1deg);
}
.advance-tab .nav-tabs>li>a>i {
	font-size: 14px;
	color: #859aa5;
	margin-right: 10px;
}
.advance-tab .nav-tabs>li.active>a, .advance-tab .nav-tabs>li.active>a:focus, .advance-tab .nav-tabs>li.active>a:hover {
	color: #fff;
	transition: background .2s linear
}
.advance-tab .nav-tabs li.active:after {
	/*content: "";
	position: absolute;
	bottom: -30px;
	left: 37%;
	border: 15px solid transparent*/
}
.advance-tab .tab-content {
	background: #fdfdfd;
	line-height: 1.8;
	font-size: 15px;
	border: 1px solid #e8edef;
	border-bottom: 1px solid #e8edef;
	padding: 20px 25px
}
@media only screen and (max-width:480px) {
	.advance-tab>.nav-tabs li {
		width: 100%
	}
	.advance-tab .nav-tabs>li>a {
		padding: 20px
	}
	.advance-tab .nav-tabs>li.active:after {
		border: none
	}
}
.accordion-box {
	padding: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-clip: padding-box;
	margin-bottom: 25px;
	background-color: #fff
}
.panel-default {
	border-color: #ebeff2
}
#accordion .panel {
	border: none;
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 6px
}
#accordion .panel-heading {
	padding: 0
}
#accordion .panel-title a {
	display: block;
	padding: 15px 40px;
	background: #fff;
	font-size: 15px;
	text-transform: uppercase;
	border: 1px solid #ebeff2;
	position: relative;
	transition: all .3s ease 0s;
	border-left: 3px solid #00897b !important;
	color: #00897b !important;
}
#accordion .panel-title a.collapsed:before, #accordion .panel-title a:before {
	content: "\f107";
	font-family: FontAwesome;
	font-size: 14px;
	line-height: 24px;
	position: absolute;
	top: 18px;
	right: 25px
}
#accordion .panel-title a.collapsed:before {
	content: "\f106"
}
#accordion .panel-title a.collapsed:hover, #accordion .panel-title a:before, #accordion .panel-title a:hover, #accordion .panel-title a:hover:before {
	color: #2d8de8
}
#accordion .panel-body {
	padding: 15px 27px;
	font-size: 15px;
	line-height: 1.9;
	border: 1px solid #ebeff2;
	border-top: none;
	border-left: 3px solid #ebeff2
}
#accordion .panel-body p {
	margin-bottom: 0
}
#simple-accordion .panel {
	border: none;
	outline: 0
}
#simple-accordion .panel-heading {
	padding: 0;
	background: #ebeff2;
	border-color: #ebeff2
}
#simple-accordion .panel-heading>.panel-title {
	position: relative
}
#simple-accordion .panel-heading>.panel-title>a {
	display: block;
	font-size: 15px;
	line-height: 1.9;
	padding: 15px 35px 18px 15px;
	text-transform: uppercase;
	background: #2d8de8;
	color: #fff;
	transition: all .2s linear 0s
}
#simple-accordion .panel-title>a.collapsed {
	background: 0 0;
	color: #3b4556
}
#simple-accordion .panel-title>a.collapsed:hover {
	color: #2d8de8
}
#simple-accordion .panel-title>a.collapsed:after, #simple-accordion .panel-title>a:after {
	content: "\f139";
	font-family: FontAwesome;
	color: #fff;
	top: 24px;
	font-size: 18px;
	line-height: 20px;
	position: absolute;
	right: 12px
}
#simple-accordion .panel-title>a.collapsed:after {
	content: "\f13a";
	color: #b7c5d0;
	top: 24px
}
#simple-accordion .panel-body {
	border: none
}
#advance-accordion .panel {
	border-radius: 0;
	box-shadow: none
}
#advance-accordion .panel-heading {
	padding: 0;
	border-radius: 0;
	background: #fff
}
#advance-accordion .panel-title {
	overflow: hidden
}
#advance-accordion .panel-title a {
	display: block;
	color: #fff;
	font-size: 16px;
	background: #3b4556;
	text-transform: capitalize;
	padding: 15px 17px 15px 60px;
	position: relative;
	transition: all .3s linear 0s
}
#advance-accordion .panel-title a.collapsed {
	background: #fff;
	color: #3b4556
}
#advance-accordion .panel-title a.collapsed:hover {
	color: #3b4556
}
#advance-accordion .panel-title a.collapsed:before, #advance-accordion .panel-title a:before {
	content: "\f107";
	font-family: FontAwesome;
	width: 50px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	background: #2d8de8;
	transition: all .3s linear 0s
}
#advance-accordion .panel-title a.collapsed:before {
	content: "\f105";
	background: #fff;
	color: #3b4556
}
#advance-accordion .panel-body {
	border-top: none;
	font-size: 15px;
	line-height: 1.9
}
#excellent-accordion .panel {
	border-radius: 0;
	margin-bottom: 15px
}
#excellent-accordion .panel-heading {
	padding: 0
}
#excellent-accordion .panel-title {
	position: relative
}
#excellent-accordion .panel-title:before {
	content: "";
	border-bottom: 25px solid transparent;
	border-left: 15px solid #fff;
	border-top: 28px solid transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 34px
}
#excellent-accordion .panel-title a {
	color: #fff;
	background: #2d8de8;
	display: block;
	font-size: 15px;
	line-height: 21px;
	text-transform: uppercase;
	padding: 16px 10px 16px 65px
}
#excellent-accordion .panel-title a.collapsed {
	color: #3b4556;
	background: #ebeff2
}
#excellent-accordion .panel-title a.collapsed:before, #excellent-accordion .panel-title a:before {
	content: "\f068";
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	left: 0;
	padding: 16.2px 10px;
	color: #fff;
	background: #3b4556
}
#excellent-accordion .panel-title a.collapsed:before {
	content: "\f067"
}
#excellent-accordion .panel-body {
	font-size: 15px;
	line-height: 1.9
}
.error-content {
	width: 100%;
	text-align: center;
	padding: 4em 0 6em;
	margin: 0 auto
}
.five-error {
	font-weight: 600;
	font-size: 60px
}
.five-error span {
	color: #dd2027
}
.four-four-error {
	font-weight: 600;
	font-size: 50px
}
.four-four-error span {
	color: #4dab1a
}
.error-content input.form-control {
	height: 52px
}
.error-content button.btn.btn-danger.btn-flat {
	height: 50px;
	padding: 10px 25px
}
.error-content p {
	font-size: 17px;
	line-height: 1.7;
	margin: 15px 0;
	font-weight: 400
}
.login-panel {
	margin-top: 10%;
	box-shadow: 0 10px 0 0 rgba(64, 65, 67, .04);
	-webkit-box-shadow: 0 0 10px 0 rgba(64, 65, 67, .04);
	-moz-box-shadow: 0 0 10px 0 rgba(64, 65, 67, .04);
	background: #fff
}
.login-panel.panel-default>.panel-heading {
	color: #607d8b;
	background-color: transparent;
	text-align: center;
	border: none;
	border-bottom: 1px solid #e8edef
}
.btn.btn-login, .btn.btn-login:focus, .btn.btn-login:hover {
	background: #00897b ;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 12px 20px;
    color: #fff;
}
.login-panel .form-control {
	height: 53px;
    color: #607d8b;
    font-size: 16px;
}
.login-panel .panel-title {
	font-size: 24px
}
.login-panel img {
	margin: 20px auto;
	height: 100px;
}
.login-panel form {
	padding: 0 30px 30px
}
.login-panel .panel-body {
	padding: 0;
	background-image: url(https://coderthemes.com/ubold/layouts/light/assets/images/bg-pattern-2.png);
    background-size: cover;
}
.login-panel .input-group-addon{
	padding: 6px 16px !important;
    font-size: 18px !important;
    color: #fff !important;
    background: #00897b !important;
}
.social-login {
	padding: 0;
	margin: 7px 0 0;
	position: relative
}
.social-login li {
	padding: 12px 0;
	text-align: center;
	width: 50%;
	display: inline-block;
	float: left
}
.social-login li a {
	color: #fff;
	font-size: 16px
}
.social-login li a:focus, .social-login li a:hover {
	color: #fff
}
.social-login li a i {
	font-size: 14px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(2, 2, 2, .2);
	margin-right: 10px;
	line-height: 32px
}
.social-login .facebook-login {
	background: #35508a
}
.social-login .google-plus-login {
	background: #f32810
}
.social-login span {
	position: absolute;
	width: 46px;
	height: 46px;
	background: #fff;
	left: 45%;
	color: #263238;
	border-radius: 50%;
	border: 5px solid rgba(2, 2, 2, .1);
	text-align: center;
	vertical-align: middle;
	line-height: 38px;
	top: 5px
}
.box, .timeline {
	position: relative
}
.form-control:focus {
	border-color: #b4c3ca;
	outline: 0;
	box-shadow: 0 0 1px rgba(69, 90, 100, .1)
}
.box, .nav-tabs-custom {
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}
.box {
	border-radius: 3px;
	width: 100%
}
.box-body {
	padding: 10px;
	border-radius: 0 0 3px 3px
}
.nav-tabs-custom>.tab-content {
	background: #fff;
	padding: 10px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	display: inline-block
}
.nav-tabs-custom {
	border-radius: 3px
}
.timeline {
	margin: 0 0 30px;
	padding: 0;
	list-style: none
}
.timeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2px;
	background: #e6eff5;
	left: 32px;
	margin: 0;
	border-radius: 2px
}
.timeline>li {
	position: relative;
	margin-right: 10px;
	margin-bottom: 15px
}
.timeline>li:after, .timeline>li:before {
	content: " ";
	display: table
}
.timeline>li:after {
	clear: both
}
.timeline>li>.timeline-item {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	border-radius: 3px;
	margin-top: 0;
	background: #fff;
	color: #444;
	margin-left: 60px;
	margin-right: 15px;
	padding: 0;
	position: relative
}
.timeline>li>.timeline-item>.time {
	color: #999;
	float: right;
	padding: 10px;
	font-size: 12px
}
.timeline>li>.timeline-item>.timeline-header {
	margin: 0;
	color: #455a64;
	border-bottom: 1px solid #f4f4f4;
	padding: 10px;
	font-size: 14px;
	line-height: 1.1
}
.post {
	border-bottom: 1px solid #d2d6de;
	margin-bottom: 15px;
	padding-bottom: 15px;
	color: #455a64
}
.user-block .description, .user-block span {
	font-size: 13px
}
.list-inline {
	margin-bottom: 7px
}
.timeline>li>.timeline-item>.timeline-header>a {
	font-weight: 600
}
.timeline>li>.timeline-item>.timeline-body, .timeline>li>.timeline-item>.timeline-footer {
	padding: 10px
}
.timeline>li>.fa, .timeline>li>.glyphicon, .timeline>li>.ion {
	width: 30px;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	position: absolute;
	color: #8f9ea9;
	background: #e6eff5;
	border-radius: 50%;
	text-align: center;
	left: 18px;
	top: 0
}
.timeline>.time-label>span {
	font-weight: 600;
	padding: 5px;
	display: inline-block;
	background-color: #fff;
	border-radius: 4px
}
.timeline-inverse>li>.timeline-item {
	background: #f5f9fb;
	border: 1px solid #f5f9fb;
	-webkit-box-shadow: none;
	box-shadow: none
}
.timeline-inverse>li>.timeline-item>.timeline-header {
	border-bottom-color: #ddd
}
.box-profile {
	padding-top: 3em
}
img.profile-user-img {
	max-width: 110px;
	margin: 5px auto
}
.box-profile .profile-username {
	margin-bottom: 0;
	font-size: 20px
}
ul.profile-group {
	padding: 30px 0 12px
}
a.btn.btn-primary.btn-block {
	padding: 9px 25px;
	max-width: 180px;
	margin: 0 auto
}
ul.profile-group li {
	width: 32%;
	text-align: center;
	display: inline-block
}
ul.profile-group li b {
	font-size: 22px;
	font-weight: 400;
	display: block;
	line-height: 1.2
}
h3.box-title {
	background: #455a64;
	font-size: 16px;
	padding: 12px;
	color: #fff
}
.nav-tabs {
	border-bottom: none;
    margin-bottom: 2px;
    margin-left: 3px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	background-color: #00897b !important;
	color: #fff !important;
}
.post:last-of-type {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0
}
.user-block img {
	width: 40px;
	height: 40px;
	float: left
}
.user-block .comment, .user-block .description, .user-block .username {
	display: block;
	margin-left: 50px
}
.post .user-block {
	margin-bottom: 15px
}
.img-bordered-sm {
	border: 2px solid #d2d6de;
	padding: 2px
}
footer.footer {
	background: #fff;
	padding: 20px;
	font-size:  14px;
	position: relative;
	z-index: 11;
	color:  #828282;
	margin-top: 0px;
}
footer.footer a {
	color: #00897b
}
@media(min-width:768px) {
	.navbar-default.sidebar {
		margin-left: -250px;
		top: 100px;
		left: 250px;
		width: 250px;
		box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
		background: #fff;
		z-index: 1000;
		transition: all .4s ease 0s;
		margin-top: -40px;
	}
	.navbar-top-links .dropdown-alerts, .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks {
		width: 360px;
		min-width: 0
	}
	.open>.dropdown-menu.dropdown-grid {
		min-width: 360px
	}
	#wrapper.active .navbar-default.sidebar {
		left: 0
	}
	.navbar-right {
		float: right!important;
		margin-right: 40px;
		display: flex;
	}
	nav.navbar.navbar-default.navbar-static-top {
		background: #00897b !important;
		border-color: #00897b !important;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		 -ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
		height: 60px;
	}
	@media (min-width: 768px)
	.navbar-header {
		width: 240px !important;
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important;
	}
	.navbar-default.sidebar {
		position: fixed;
		min-height: 100vh;
		overflow: hidden;
		display: block
	}
	.sidebar-nav.navbar-collapse {
		max-height: 90vh;
		width: calc(100% + 0px);
		overflow-y: scroll;
		position: relative;
		display: block;
		height: 100%;
		min-height: 300px;
		padding: 0 0 50px;
	}
	.navbar-side {
		z-index: 1;
		border-radius: 0
	}
	
	#wrapper.active {
		padding-left: 0
	}
	#page-inner {
		width: 100%;
		padding: 15px 25px
	}
	.sidebar-collapse .nav>li.log-off>a {
		background: #00897b;
		bottom: 0;
		width: 260px;
		color: #fff
	}
	#main-menu li.log-off i.fa {
		color: #fff
	}
	.chat_area {
		height: 400px
	}
	.member_list {
		height: 505px
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 0
	}
	.footer {
		left: 250px
	}
	.page-titles .breadcrumb {
		float: right;
		margin-top: 6px
	}
	#page-wrapper {
		position: inherit;
		padding: 0
	}
	#wrapper.active .footer {
		left: 0
	}
}
@media(min-width:1024px) {
	.five-error, .four-four-error {
		font-size: 180px
	}
	.error-content {
		max-width: 600px;
		display: table
	}
	.five-error {
		font-weight: 600
	}
}
@media(max-width:767px) {
	html body .m-mrg-l-0, html body .m-padd-l-0 {
		padding-left: 0!important
	}
	html body .m-mrg-r-0, html body .m-padd-r-0 {
		padding-right: 0!important
	}
	html body .m-mrg-top-0, html body .m-padd-top-0 {
		padding-top: 0!important
	}
	html body .m-mrg-bot-0, html body .m-padd-bot-0 {
		padding-bottom: 0!important
	}
	ul.nav.navbar-top-links.navbar-right, ul.nav.navbar-top-links.navbar-right.in {
		background: #00897b;
		border-bottom: 1px solid #e8eef1
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}
	.navbar.header {
		padding-right: 15px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: center;
	}
	.mobile-padd-0 {
		padding: 0
	}
	.container-fluid {
		padding: 0 15px 25px
	}
	#right-sidebar-toggle {
		line-height: 52px;
		display: initial
	}
	#page-wrapper {
		margin-top: 54px
	}
	#sidebar-wrapper.active {
		position: fixed;
		top: 0
	}
	#sidebar-wrapper {
		position: absolute;
		top: 0
	}
	.navbar-top-links a.dropdown-toggle, .navbar-top-links a.dropdown-toggle:focus, .navbar-top-links a.dropdown-toggle:hover {
		padding: 0 12px
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: transparent;
		border: none
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff
	}
	.navbar-default .navbar-toggle {
		border-color: transparent
	}
	.navbar-toggle {
		margin-top: 12px
	}
	.mail-box {
		display: block
	}
	.mail-box .sm-side {
		width: 100%;
		display: block;
		float: none
	}
	.mail-box .lg-side {
		width: 100%;
		display: block;
		border-top: 1px solid #e0e9ef
	}
	.open>.dropdown-menu.dropdown-grid {
		left: -40px
	}
	.blog-box {
		margin-bottom: 30px
	}
	.service-box {
		padding: 15px 0
	}
	.widget.default-widget {
		padding-left: 0;
		padding-right: 0
	}
	body .calendar .calendar-header {
		width: 88%
	}
	#advance-accordion .panel-title a, #excellent-accordion .panel-title a, #simple-accordion .panel-heading>.panel-title>a {
		font-size: 13px
	}
	.table-wrapper .table-title .btn {
		margin: 5px;
		float: none
	}
	.table-wrapper .table-title h2 {
		margin-bottom: 8px
	}
	.todo-default .badge.badge-contributer {
		padding: 9px 14px;
		font-weight: 500;
		font-size: 10px
	}
	.todo-default .ct-title span {
		font-size: 12px;
		font-weight: 400
	}
	.btn.btn-user {
		font-size: 11px;
		border-radius: 50px;
		padding: 6px 12px;
		min-width: 92px
	}
	.inbox-head form.position {
		float: left!important;
		margin-top: 8px
	}
}
.todo.todo-default {
	border-bottom: 1px solid #e8eef1;
	padding: 8px 20px;
	-webkit-box-align: center;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	-ms-flex-align: start;
}
.table .dropdown-menu {
	left: auto;
	right: 0;
	border: 1px solid #00897b;
	border-radius:  0;
}
.table .dropdown-menu>li>a {
	display: block !important;
}
.tableabsent thead th {
	font-weight: 600 !important;
	vertical-align: middle !important;
}
.tableabsent thead tr:first-child th:last-child {
	text-align: center;
}
.tableabsent tbody td.abcent {
	background: #156b4f;
	color: white;
}
.tableabsent tbody td.abcentlate {
    background: #24dea2;
}
.tableabsent tbody td.pulangcepat {
    background: #955900;
	color: white;
}
.tableabsent tbody td.dayoff {
	background: #bfbfbf;
}
.tableabsent tbody td.nojadwalguru {
	background: #8e58a5;
}
.tableabsent tbody td.nojadwaltendik {
	background: #8e58a5;
}
.tableabsent tbody td.daysick {
	background: #f3855b;
}
.tableabsent tbody td.dayperm {
	background: #fe9800;
}
.tableabsent tbody td.daynoin {
	background: #f52218;
}
.tableabsent tbody td.daydispen {
	background: #70aff7;
}
.tableabsent tbody td.daybolos {
	background: #000000;
}
.datepicker .new {
	position: relative !important;
	background: transparent !important;
	right: 0px;
	top: 0px;
}
.datepicker thead tr:first-child th {
	padding: 10px;
	border-radius: 0px;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	color: #000;
}
.datepicker table tr td {
	text-align: center;
	width: 35px;
	height: 35px;
	border-radius: 4px;
	border: none;
	font-family: Montserrat, sans-serif;
}
.formfilter {
	margin-top: 10px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #C4C4C4;
}
.formfilter .form-group, .formfilter .input-group {
	margin-bottom: 0px;
}
.formfilter .form-group .form-control{
	color:#000;
}
.infoabsent {
	display: table;
	margin-left: auto;
	margin-bottom: 15px;
	padding: 10px 15px;
	border: 1px solid #e8edef;
	border-left: 3px solid #e8edef;
	border-right: 3px solid #e8edef;
}
.infoabsent .singleinfo {
	display: block;
	float: left;
	margin-right: 15px;
	font-size: 13px;
}
.infoabsent .singleinfo span {
	width: 10px;
	height: 10px;
	display: block;
	float: left;
	background: #156b4f;
	margin-right: 5px;
	margin-top: 6px;
}
.infoabsent .singleinfo span.sickcolor {
	background: #f3855b;
}
.infoabsent .singleinfo span.sickcolor {
	background: #f3855b;
}
.infoabsent .singleinfo span.preslate {
	background: #24dea2;
}
.infoabsent .singleinfo span.permcolor {
    background: #fe9800;
}
.infoabsent .singleinfo span.dispencolor {
    background: #70aff7;
}
.infoabsent .singleinfo span.alpacolor {
	background: #f52217;
}
.infoabsent .singleinfo span.offcolor {
	background: #c0c0bf;
}
.infoabsent .singleinfo span.nojadwal {
	background: #8e58a5;
}
.infoabsent .singleinfo span.pulangcepat {
	background: #955900;
}
.infoabsent .singleinfo span.boloscolor {
	background: #000000;
}
.infoabsent .singleinfo:last-child {
	margin-right: 0px;
}
.btnaddabsent {
	float: left;
	padding: 8px 15px;
}
.radioinline {
	margin-top: 5px;
	margin-left: 15px;
}
.radioinline label {
	display: block;
}
.nameava {
	position: relative;
}
.nameava .avatar {
	position: absolute;
	left: 12px;
	top: 12px;
}
.nameava .textname {
	padding-left: 50px;
	display: block;
}
.iconlogout {
	margin-top: 2px;
	display: block;
	font-size: 24px;
}
.thumbimg {
	margin-bottom: 20px;
}
.thumbimg img {
	max-width: 100%;
}
.table-filter input[type="radio"] {
	width: auto;
}
.logoprofil {
	max-width: 250px;
	margin: 0 auto;
	margin-bottom: 15px;
	text-align:  center;
}
.logoprofil img {
	max-width: 100%;
	margin:  0 auto;
}
.countdash{
	padding: 0 !important;
}
.listcountdash {
	display: table;
	width: 100%;
	margin-bottom: 50px;
	/*margin-top: -80px;*/
}
.listcountdash .singlewidgete {
	width: 20%;
	float: left;
	padding: 0px 15px;
}
.listcountdash .singlewidgete .gradient-detail span{
    display: block;
    margin-bottom: 0px;
    font-size:  14px;
    margin-top: 10px;
    line-height:  20px;
}
.listfastaccess .todo .iconfast{
	display:  none;
	width: 40px;
	height: 40px;
	background: #fff;
	font-size:  20px;
	text-align:  center;
	line-height: 38px;
	border: 2px solid #18c16c;
	border-radius: 100%;
	color:  #000;
	margin-right:  10px;
}
.listfastaccess .todo .ct-title{
	font-size:  14px;
	line-height:  28px;
}
.listfastaccess .todo .badge a{
	padding: 5px 15px;
	font-size: 14px;
	margin: 3px 0px;
	min-width:  0px;
	border-radius:  0px;
	text-transform: capitalize;
	background: #33869b;
	border-color:  #33869b;
	box-shadow:  2px 2px 6px rgba(0, 0, 0, 0.25);
}
.schoolinfo{
	padding: 0px;
}
.schoolinfo table{
	width: 100%;
}
.schoolinfo table tr{
	
}
.schoolinfo table tr td{
	padding: 10px 5px;
	border-bottom: 1px solid #e8eef1;
	font-size:  14px;
	color:  #000;
	line-height: 21px;
}
.schoolinfo table tr td:first-child{
	width: 160px;
    padding: 8px 5px 8px 15px;
}
.schoolinfo table tr:first-child td{
}
.listindexrow{
	margin-top: -13px;
    margin-right: -13px;
    margin-left: -13px;
    margin-bottom: -13px;
}
.textmarqueedash{
	margin-bottom: 24px;
	background: #fff;
	border-radius: 0px;
	overflow:  hidden;
	border: 1px solid #33859b;
}
.textmarqueedash span{
	width: 200px;
	background: #33869b;
	display:  block;
	padding: 2px 10px;
	color:  #fff;
	font-size: 14px;
	text-transform:  uppercase;
	line-height: 30px;
	text-align: center;
}
.textmarqueedash marquee{
	float:  left;
	margin-left: 200px;
	margin-top: -28px;
}
.textmarqueedash marquee li{
	display: inline-block;
	padding: 0px 15px;
	font-size: 13px;
	line-height: 17px;
	color: #000;
	border-right: 1px solid #8e8e8e;
}
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover, .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{
	color: #d2d2d2 !important;
}
.listtemplaporan{
	padding:  10px;
	background: #d5e4f3;
	border: #d5e4f3;
	display:  table;
	width:  100%;
}
.listtemplaporan li{
	list-style:  none;
	float:  left;
	padding: 0px 10px;
	background:  #fff;
	border-radius:  10px;
	margin-right:  8px;
}
.listtemplaporan li a{
	font-size:  12px;
}
.headerdata:after{
	clear:both;
	content:"";
	display:table;
}
.headerdata .btnheaderdata{
	display:  table;
	margin-right: auto;
}
.headerdata .btnheaderdata a{
	margin-left: 0px;
}
.headerdata .infonisn{
	display:  table;
	margin-left: auto;
	padding: 5px 15px;
	margin-top: -35px;
	margin-bottom: 15px;
}
.headerdata .infonisn li{
	float:  left;
	margin-left: 26px;
	list-style:  none;
	font-weight:  600;
}
.headerdata .infonisn li:first-child{
	margin-left: 0px;
}
.headerdata .infonisn li b.hasnisn{
	color: #0db32b;
}
.headerdata .infonisn li b.nothasnisn{
	color: #ff2121;
}
.listfastaccess .todo.todo-default {
    display: table;
    width: 100%;
}
.listfastaccess .todo-default .iconfast{
	float: left;
}
.listfastaccess .todo-default .ct-title{
	padding-right: 130px;
	color:  #000;
}
.listfastaccess .todo-default .badge{
	float: right;
	margin-right: 0px;
	padding:  0px;
}
.label-text{
	width: 30%;
}
.text-list{
	font-weight:  bold;
}
.displaychart{
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	overflow: hidden;
	position: fixed;
	width: 100%;
}
.displaychart .diswrapper{
	height: 100%;
	min-height: 100% !important;
	max-height:  100% !important;
	margin-top: 0px;
	position:  relative;
	top: 0px !important;
}
.displaychart .diswrapper .itemdisslide{
	height: 100%;
	min-height: 100% !important;
	max-height:  100% !important;
	margin-top: 0px;
	position:  relative;
	position:  absolute;
	width:  100%;
	opacity:  0;
	background: #eff5f9;
	transform: scale(0.9);
	transition:  all 1s;
}
.displaychart .diswrapper .itemdisslide.slideactive{
	opacity:  1;
	transform: scale(1);
}
.displaychart .diswrapper .itemdisslide .countdash{
	position: absolute;
	width:  100%;
	height: 30%;
}
.displaychart .diswrapper .itemdisslide .graphicdisone{
	position: absolute;
	width: 100%;
	height: 70%;
	bottom: 0;
	padding-bottom: 25px;
}
.displaychart .diswrapper .itemdisslide .graphicdisone .graphicarr{
	height: 100%;
	width: 33.33%;
	float:  left;
	padding: 0px 15px;
}
.maingraphicdisctwo{
	position: absolute;
	width: 100%;
	height: 50%;
	padding: 20px 15px;
}
.graphicdistwo{
	position: absolute;
	width: 100%;
	height: 50%;
	bottom: 0;
	padding-bottom: 20px;
}
.graphicdistwo .graphicarr{
	height: 100%;
	width: 25%;
	float: left;
	padding: 0px 15px;
}
.maingraphicdiscthree{
	position: absolute;
	width: 100%;
	height: 50%;
	padding: 20px 15px 10px;
}
.graphicdiscthree{
	position: absolute;
	width: 100%;
	height: 50%;
	bottom: 0;
	padding: 10px 15px 20px;
}
.listcountreport {
	display: table;
	width: 100%;
}
.listcountreport .singlewidgete {
	width: 25%;
	float: left;
	padding: 0px 15px;
}
.listcountreport .singlewidgete .gradient-detail span{
    display: block;
    margin-bottom: 15px;
}
.graphicdisfour{
	position: absolute;
	width: 100%;
	height: 70%;
	bottom: 0;
	padding: 0px 15px 25px;
}
.table-profile table tr td.equal{
	width: 15px;
    padding: 12px 5px;
    min-width: 0px;
}
.titlerecord{
	margin-bottom: 30px;
	margin-top: 30px;
	font-size:  15px;
	color: #00897b;
}
.printrecord{
	margin-top: 30px;
}
.tableabsengraph{
	padding: 0px 30px;
	margin: 30px 0px 0px;
}
.tableabsengraph h4{
	color:  #000;
	font-weight:  600;
	font-size:  15px;
	font-family: Roboto;
	margin: 0px 0px 0px 20px;
}
.headersisedit{
	display: table;
    width: 100%;
    padding-top: 35px;
}
.siswaftupload{
	
}
.siswaftupload .fotoupdcus{
	
}
.uploadftsiswa{
	
}
.uploadftsiswa>span{
	position:relative;
	top: -13px;
	margin:  0px 10px;
	font-size:  12px;
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.upload-btn-wrapper .btn{
	margin:0;
	font-size: 10px;
	padding:  0;
	width:  40px;
	height:  40px;
	line-height:  40px;
	cursor:  pointer;
}
.upload-btn-wrapper .btn i{
	font-size: 15px !important;
	cursor:  pointer;
}
.upload-btn-wrapper input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 40px;
  height:  40px;
  cursor:  pointer;
}
.my_camera{
	margin-left: auto;
	margin-right: auto;
	width: 100% !important;
	height: 350px !important;
}
.my_camera video{
	height: 350px !important;
	width: 100% !important;
}
.my_camera canvas{
	height: 350px !important;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.tableslide{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 20px 15px;
}
.tableslide .tableslidearr{
	padding: 30px 50px;
	background:  #fff;
	height: 100%;
}
.tableslide .tableslidearr h2{
	color:  #000;
	font-size: 26px;
	font-weight:  600;
	text-align:  center;
	margin: 0px 0px 20px;
}
.tableslide .tableslidearr table{
	border-color: #000;
	background: #fff;
}
.tableslide .tableslidearr table thead tr th{
	color: #000;
	border-color: #000;
	font-weight: 800 !important;
	background: #fff;
}
.tableslide .tableslidearr table tbody tr td{
	color: #000;
	border-color: #000;
	background: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tableslide .tableslidearr.tableonprocess table,
.tableslide .tableslidearr.tablenotprocess table,
.tableslide .tableslidearr.tableprocessdone table,
.tableslide .tableslidearr.tablewarning table{
	border:0;
}
.tableslide .tableslidearr.tableonprocess table thead tr th,
.tableslide .tableslidearr.tablenotprocess table thead tr th,
.tableslide .tableslidearr.tableprocessdone table thead tr th,
.tableslide .tableslidearr.tablewarning table thead tr th{
	text-align:center;
	border:0;
	color:#fff;
	padding-top:15px;
	padding-bottom:15px;
	font-weight: normal !important;
	font-size:0.98vw;
}
.tableslide .tableslidearr.tableonprocess table tbody tr td,
.tableslide .tableslidearr.tablenotprocess table tbody tr td,
.tableslide .tableslidearr.tableprocessdone table tbody tr td,
.tableslide .tableslidearr.tablewarning table tbody tr td{
	border:0;
	padding: 10px 10px;
	vertical-align: middle;
	border-top: 1px solid #e8edef;
	border-bottom: 1px solid #e8edef;
	background:none;
	font-size:0.98vw;
}
.tableslide .tableslidearr table tbody tr td p{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	width: 300px;
}
.tableslide .tableslidearr.tablenotprocess table tbody tr:nth-of-type(odd){
	 background-color: #ffe9ed;
}
.tableslide .tableslidearr.tableonprocess table tbody tr:nth-of-type(odd){
	background-color:#f3eef7;
}
.tableslide .tableslidearr.tableprocessdone table tbody tr:nth-of-type(odd) {
    background-color: #f5f5f5;
}
.tableslide .tableslidearr.tablewarning table tbody tr:nth-of-type(odd) {
    background-color: #f3850117;
}
.tableslide .tableslidearr.tablenotprocess table thead tr th{
	background: #f21136;
    background: -moz-linear-gradient(top, #f21136 0, #cc0526 100%);
    background: -webkit-linear-gradient(top, #f21136 0, #cc0526 100%);
    background: linear-gradient(to bottom, #f21136 0, #cc0526 100%);
}
.tableslide .tableslidearr.tableonprocess table thead tr th{
	background: #c580ff;
    background: -moz-linear-gradient(top, #c580ff 0, #8f47cc 100%);
    background: -webkit-linear-gradient(top, #c580ff 0, #8f47cc 100%);
    background: linear-gradient(to bottom, #c580ff 0, #8f47cc 100%);
}
.tableslide .tableslidearr.tableprocessdone table thead tr th{
	background: #42aeff;
    background: -moz-linear-gradient(top, #42aeff 0, #1194f7 100%);
    background: -webkit-linear-gradient(top, #42aeff 0, #1194f7 100%);
    background: linear-gradient(to bottom, #42aeff 0, #1194f7 100%);
}
.tableslide .tableslidearr.tablewarning table thead tr th{
	background: #ff9800;
    background: -moz-linear-gradient(top, #ff9800 0, #dc5f04 100%);
    background: -webkit-linear-gradient(top, #ff9800 0, #dc5f04 100%);
    background: linear-gradient(to bottom, #ff9800 0, #dc5f04 100%);
}
.absenslide{
	position: relative;
	width:  100%;
	height: 100%;
	padding: 15px;
}
.absenslide .absenslidearr{
	position: relative;
	width:  100%;
	height: 100%;
	background:  #fff;
}
.absenslidearr .titleabgraph{
	position: absolute;
	width: 100%;
	height: 10%;
	padding: 30px 0px 0px;
	background: #fff;
	text-align: center;
	font-size:  26px;
	color:  #000;
}
.absenslidearr .graphicabsfirst, .absenslidearr .graphicabstwo{
	position: absolute;
	width: 100%;
	height: 45%;
	padding: 30px 0px 0px;
}
.absenslidearr .graphicabsfirst{
	top: 10%;
}
.absenslidearr .graphicabstwo{
	bottom: 0px;
}
.absenslidearr  .graphicarr{
	width: 33.33%;
	float: left;
}
.infostatusabg{
	display:  table;
	margin-left: auto;
	margin-right:  auto;
	margin-bottom: 20px;
}
.infostatusabg li{
	float: left;
	margin-right: 10px;
	list-style:  none;
}
.infostatusabg li i{
	width: 35px;
	height: 18px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}
.infostatusabg li.hadirstatus i{
	background: #0f9619;
}
.infostatusabg li.izinstatus i{
	background: #3365cd;
}
.infostatusabg li.alfastatus i{
	background: #dc3912;
}
.infostatusabg li.sakitstatus i{
	background: #ff9900;
}
.infostatusabg li span{
	font-size: 12px;
	color: #000;
}
.lastupdateslide{
	position: absolute;
	color: #908c8c;
	bottom: 24px;
	background: #35353500;
	font-size:  16px;
	letter-spacing: 1px;
	right:  30px;
}
.tblabsdat{
	display:table;
	margin-left: auto;
	margin-right: auto;
	color: #000;
	font-size: 13px;
}
.tblabsdat table{
	
}
.tblabsdat table td{
	padding-right: 15px;
}
.tblabsdat table td i{
	width: 25px;
	height: 15px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 4px;
}
.tblabsdat table td i.statusab1{
	background: #0f9619;
}
.tblabsdat table td i.statusab2{
	background: #3365cd;
}
.tblabsdat table td i.statusab3{
	background: #dc3912;
}
.tblabsdat table td i.statusab4{
	background: #ff9900;
}
.tblabsdat table td span{
	font-weight: 600;
}
.tblabsdat table td:last-child{
	margin-right: 0px;
}
.smtnmheader {
	margin-top: -25px;
    font-size: 14px;
    float: right;
    line-height: 100px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px;
    padding-left:  60px;
}
.siswadash{
	background: #FFF;
    padding: 100px 50px;
    text-align: center;
}
@media(min-width:768px){
	.page-titles{
		margin-bottom: 89px;
	}
	.page-titles > div:last-child{
		position:absolute;
		bottom:-50px;
		left: 40px;
		text-align:  left;
	}
	.page-titles .breadcrumb{
		float:none;
	}
}

a.menutogcustom{
	position: absolute;
	right: 15px;
	padding: 0px;
	height: 25px;
	top: -18px;
	bottom: 0px;
	margin-top: auto;
	margin-bottom: auto;
}
.listfastaccess, .schoolinfo{
	border-top: 0px;
}
.countdash .gradient-widget .widget-caption{
	background: #fff;
	padding: 45px 15px;
}
.countdash .gradient-widget .widget-detail{

}
.countdash .widget .widget-detail h3{
	font-size:  36px;
	line-height: 36px;
}
.countdash .gradient-detail{
	transform: translateY(0px);
}
.countdash .widget.gradient-widget{
	border: 1px solid #00897b;
	border-radius:  8px;
	margin-top: 10px;
	margin-bottom: 40px;
}
/*#wrapper:after{
	content: "";
	height: 380px;
	position: absolute;
	bottom: 0px;
	display:  block;
	width: 100%;
	z-index: 0;
}*/
.topusername{
	color: #fff;
	top: 35px;
	line-height: 15px;
	text-align: right;
	margin-top: -25px;
} 
#toogleprofile{
	margin-top: 20px;
	margin-left: -10px;
	margin-right: -20px;
	z-index: 10;
}
.table-blue-border{
	border:1px solid #00897b;
}
.table-blue-border tr:first-child td{
	border-top: 1px solid #00897b;
}
.btn-primary{
	background: #00897b !important;
	border-radius:6px !important;
}
.btn.btn-warning:hover {
  background: #00897b;
  color: white;
}
.btn:hover {
  box-shadow: 0 5px 10px 1px rgba(0,0,0,.08);
}

.btn-success{
	background: #4cae4c;
	border-radius:6px !important;
}
.btn-info{
	background: #01b2ac;
	border-radius:6px !important;
}  
.btn-warning{
	border: 1px solid #00897b !important;
	background: #FFF !important;
	color: #00897b !important;
	border-radius:6px !important;
}
.btn-danger{
	border-radius:6px !important;	
}
.bluedigi{
	color: #6CBDC4 !important;
}
.table-wrapper .pagination li:last-child a:before{
	content:"\f105";
	font-family:'FontAwesome';
	font-size:16px;
}
.table-wrapper .pagination li:first-child a:before{
	content:"\f104";
	font-family:'FontAwesome';
	font-size:16px;
}
.setupapp .form-group:after{
	content:"";
	display:table;
	clear:both
}
.setupapp .form-group>label{
	float:left;
	width: 35%;
	padding-right:15px;
	color:  #000000;
}
.setupapp .form-group input,
.setupapp .form-group textarea,
.setupapp .form-group select,
.setupapp .dropzone,
.setupapp .easyinputwidth,
.setupapp .radioinline{
	float:left;
	width: 65%;
	margin:  0;
}
.setupapp .form-group .passwordinp{
	float:left;
	width: 65%;
	margin:  0;
}
.setupapp .form-group .passwordinp input{
	width: 100%;
	margin:  0;
}
.setupapp .form-group .passwordinp span.help-block{
	display: block;
	float:  left;
	margin: 3px 0px 0px;
	font-size: 13px;
}
.setupapp .onoffswitch{
	float:left;
}
.setupapp .form-group .input-group{
	width: 65%;
	float:left;
}
.setupapp .form-group .input-group input{
	width:100%;
	border-right:  0;
}
.setupapp .bootstrap-timepicker-widget.dropdown-menu.open{
	left: 35%;
	top:100%;
	margin-top:-30px;
	border: 1px solid #00897b;
}
.setupapp .timenew .bootstrap-timepicker-widget.dropdown-menu.open{
	margin-top: 50px;
}
.setupapp form,
.setupapp .width80{
	width:100%;
}
.table-wrapper .btn-group .btn-default{
	border-color:#00897b;
}
.siswaedit input[type="file"]{
	margin-left:35%;
}
.setupapp .form-group.radioinline label{
	width:100%;
}
.easy-autocomplete input{
	border-color:#32879b;
	width:100%;
}
.easy-autocomplete{
	width:100% !important;
}
.easy-autocomplete input{
	width:100% !important;
}
@media(max-width:767px){
	.setupapp form,
	.setupapp .width80{
		width:100%;
	}
	.setupapp .form-group input,
	.setupapp .form-group textarea,
	.setupapp .form-group select,
	.setupapp .form-group .input-group,
	.setupapp .form-group label,
	.setupapp .easyinputwidth,
	.setupapp .radioinline,
	.setupapp .onoffswitch{
		float:none;
		width:100%;
	}
	.setupapp .onoffswitch{
		float:none;
	}
	.setupapp .bootstrap-timepicker-widget.dropdown-menu.open{
		left:0;
	}
	.siswaedit input[type="file"]{
		margin-left:0;
	}
}
.laporanguru .table-filter .btn:after{
	display:none;
}
.laporanguru .table-filter .btn{
	margin-left: 20px !important;
	border-radius: 5px !important;
}
.detaillaporanguru .table-wrapper table{
	width:100%;
}
.detaillaporanguru .table-wrapper table.table tr th, 
.detaillaporanguru table.table tr td{border-color: #E0E0E0 !important;}
.detaillaporanguru .table-wrapper table.table tr th{
	font-weight:normal;
}
.detaillaporanguru table.table tr td{
	font-weight:bold;
}
.detaillaporanguru table.table tr td:nth-child(2){
	width:10px;
}
.desclaporan .table .dropdown-menu{
	box-shadow: 2px 2px rgba(0, 0, 0, 0.25);
	border: 1px solid #00897b;
	border-radius:  5px;
	width: 100%;
	min-width:  initial;
	margin-top:2px;
}
.desclaporan .table .dropdown-menu>li>a{
	padding:5px 10px !important;
	color:#000;
}
.tabprofile .profile-record{
	padding-top:0;
	padding-right:  0;
}
.tabprofile .imguserprofile{
	border: 1px solid #00897b;
	min-height: 318px;
	padding-top:  50px;
	margin-right:  -15px;
	border-right:  0;
}
.tabprofile .table-profile{
	padding: 0;
	border: 1px solid #00897b;
	border-radius:  0;
}
.tabprofile .table-wrapper table.table tr:first-child th{
	border-top:0 !important;
}
.tabprofile .table-wrapper table.table tr th{
	border-color:#E0E0E0 !important;
}
.tabprofile .table-profile table{
	margin-bottom:0;
}
.tableortu tr:first-child td:nth-child(2){
	border-right:1px solid #E0E0E0 ;
}
.tableortu td:nth-child(3),
.tableortu td:nth-child(4){
	border-right:1px solid #E0E0E0 ;
}
.hidesidebar{
	position: fixed;
	left: 250px;
	width: 40px;
	height: 110px;
	text-align:  center;
	top: 0;
	border-radius: 0px 100px 100px 0px;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	background: #33869b;
	padding-right: 3px;
	z-index:  1111;
	transition: all 0.4s;
}
.hidesidebar a{
	display:  block;
	position:  relative;
	top: 0;
	right: 0;
	width:  100%;
	line-height: 40px;
	float:  none;
	height:  auto;
}
.hidesidebar a span{
	font-size:  26px;
	margin-top: 0px;
	line-height: 107px;
	color:  #fff;
}
#wrapper.active .hidesidebar{
	left: 0px;
}
.iframedapodik{
	width: 100%;
	height: 600px;
}
.tsinkrondata{
	width: 100%;
	margin-bottom: 10px;
}
.tsinkrondata tr{
	
}
.tsinkrondata tr td{
	padding: 15px 0px 10px;
	border-bottom: 1px solid #ddd;
}
.tsinkrondata tr td .syncbutton.synconproc{
    float: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background: #e2e2e2;
    position: relative;
    border-radius: 10px;
    height: 15px;
    border-color: #d2d1d1;
}
.tsinkrondata tr td .syncbutton.syncbtdisabled{
	background: #0fb76ba6;
    color: #51a981;
    border-color: #57b98c;
    pointer-events: none;
}
.tsinkrondata tr td .syncbutton.synconproc .progress{
	display: block;
}
.tsinkrondata tr td:last-child{
	width:  200px;
}
.tsinkrondata tr td .syncbutton.synconproc span{
	color: #000;
	position: absolute;
	width: 50px;
	font-size: 10px;
	z-index: 11;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 12px;
	top: 0px;
	font-weight: 600;
	bottom: 1px;
	margin-top: auto;
	margin-bottom: auto;
}
.tsinkrondata tr td .syncsuccess{
	margin:  0px;
	padding: 5px 20px;
	background: #eef5f9;
	border-color: #eef5f9;
	color: #0fb76b;
	font-size: 13px;
	width:  100%;
	font-weight:  600;
}
.tsinkrondata tr td span.lastsynclass{
    font-size: 10px;
    margin-left: 10px;
    color: #c5c5c5;
    font-weight: 600;
}
.headerdata .reqinfcard:after{
	content:"";
	display:table;
	clear:both;
}
.headerdata .reqinfcard{
	float: right;
}
.headerdata .reqinfcard .infonisn{
	margin-top: 0px;
	margin-right: 0px !important;
	margin-left:  10px;
	float: left;
	display:  block;
}
.headerdata .reqinfcard .fgreqall{
	float: left;
	margin-left: 10px;
	line-height: 34px;
}
.table-filter .filter-group {
}
.checkdisplay{
	margin-top: 8px;
	max-height: 350px;
	overflow: auto;
}
.checkdisplay label{
	margin-bottom: 10px;
}
.checkdisplay span{
	font-size: 14px;
	font-weight: 100;
	margin-left: 5px;
}
.checkdisplay::-webkit-scrollbar-track
{
	background-color: #ddd;
}

.checkdisplay::-webkit-scrollbar
{
	width: 5px;
	background-color: #ddd;
}

.checkdisplay::-webkit-scrollbar-thumb
{
	background-color: #32879b;
}

.pickedclass{
	background-color: cornsilk !important;
}

/* Style tambahan buat Storage Info*/
.infostorage{
	display: table;
	width: 100%;
	padding: 20px;
	margin-bottom: 0px;
}
.infoStorageUsed{
	text-align: right;
	margin-top: 20px;
	font-size: 20px;
	font-weight: 600;
}
.listbar{
	position: relative;
	width: 100%;
	height: 35px;
	border: 1px solid #cecece;
	border-radius: 6px;    
	overflow: hidden;
}
.listbar .barcolor{
	height: 100%;
	position: relative;
	float: left;
	list-style: none;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	line-height: 35px;
	font-weight: 700;
}
.infolistbar{
	margin-top: 26px;
	display: table;
	width: 100%;
	margin-bottom: 0px;	
}
.infolistbar .infbar{
	list-style: none;
	float: left;
	position: relative;
	margin-right: 20px;
}
.infolistbar .infbar i{
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	border: 1px solid #fff;
}
.infolistbar .infbar .textbar{
	padding-left: 30px;
}
.infolistbar .infbar .textbar h6{
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #000;
}
.infolistbar .infbar .textbar p{
	color: #7c7c7c;
}
.infolistbar .redstorage{
	margin-top: -15px;
}
.infolistbar .redstorage i{
	margin-left: 0px;
    font-size: 14px;
    color: #000;
}
.infolistbar .redstorage .textbar {
    padding-left: 20px;
}
.logo img{
	max-width: 100px !important;
	float: left;
	padding-right: 10px;
}
.tablejadwal th{
    color: #FFF !important;
}
.inpointlaporan{
	list-style: none;
	font-weight: 700;
	margin-top: -32px;
	padding: 4px 15px;
	display: table;
	margin-left: auto;
}
.txtgreen {
    color: green;
}
.txtred {
    color: red;
}
body .navbar-top-links a.dropdown-toggle, body .navbar-top-links a.dropdown-toggle:hover, body .navbar-top-links a.dropdown-toggle:focus {
    color: #ecf3f7;
    margin-top: -25px;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
}
#visitfromworld path.jvectormap-region.jvectormap-element {
    stroke-width: 1px;
    stroke: #99abb4;
}
.circular {
    animation: rotate 2s linear infinite;
    height: 50px;
    transform-origin: center center;
    width: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
svg {
    overflow: hidden !important;
    vertical-align: middle !important;
}
.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}
.left-sidebar {
    position: fixed;
    width: 240px;
    height: 100%;
    top: 0px;
    background: #fff;
    -webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}

.fix-sidebar .left-sidebar {
    position: fixed;
}

.user-profile {
    position: relative;
    background-size: cover;
}

.user-profile .setpos {
    top: -47px;
    right: -3px;
}

.user-profile .profile-img {
    width: 70px;
    margin: 0 auto;
    padding: 10px 0 5px 0;
    border-radius: 100%;
}

.user-profile .profile-img img {
    width: 100%;
    padding: 5px;
}


.user-profile .profile-text {
    padding: 5px 0px;
    position: relative;
    text-align: center;
}

.user-profile .profile-text>a {
    color: #99abb4;
    padding: 0 5px;
}

.user-profile .profile-text>a:hover {
    color: #00897b;
}

.user-profile .profile-text>a:after {
    display: none;
}

.user-profile .dropdown-menu {
    left: 0px;
    right: 0px;
    top: 62px!important;
    width: 180px;
    margin: 0 auto;
}

.sidebar-footer {
    position: fixed;
    z-index: 10;
    bottom: 0px;
    left: 0px;
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    width: 240px;
    background: #fff;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
}

.sidebar-footer a {
    padding: 15px;
    width: 33.333337%;
    float: left;
    text-align: center;
    font-size: 18px;
}

.scroll-sidebar {
    padding-bottom: 60px;
}

.collapse.in {
    display: block !important;
}

.sidebar-nav {
    background: #fff;
    padding: 0px;
}

.sidebar-nav ul {
    margin: 0px;
    padding: 0px;
}

.sidebar-nav ul li {
    list-style: none;
}

.sidebar-nav ul li a {
    color: #607d8b;
    padding: 8px 35px 8px 15px;
    display: block;
    font-size: 14px;
}

.sidebar-nav ul li a.active,.sidebar-nav ul li a:hover {
    color: #00897b;
}

.sidebar-nav ul li a.active i,.sidebar-nav ul li a:hover i {
    color: #00897b;
}

.sidebar-nav ul li a.active {
    font-weight: 500;
    color: #00897b;
}

.sidebar-nav ul li ul {
    padding-left: 28px;
}

.sidebar-nav ul li ul li a {
    padding: 7px 35px 7px 15px;
}

.sidebar-nav ul li ul ul {
    padding-left: 15px;
}

.sidebar-nav ul li.nav-small-cap {
    font-size: 12px;
    margin-bottom: 0px;
    padding: 14px 14px 14px 20px;
    color: #263238;
    font-weight: 500;
}

.sidebar-nav ul li.nav-devider {
    height: 1px;
    background: rgba(120, 130, 140, 0.13);
    display: block;
    margin: 20px 0;
}

.sidebar-nav>ul>li>a {
    border-left: 3px solid transparent;
}

.sidebar-nav>ul>li>a i {
    width: 27px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    color: #99abb4 !important;
}

.sidebar-nav>ul>li>a .label {
    float: right;
    margin-top: 6px;
}

.sidebar-nav>ul>li>a.active {
    font-weight: 400;
    color: #26c6da;
}

.sidebar-nav>ul>li {
    margin-bottom: 5px;
}

.sidebar-nav>ul>li.active>a {
    color: #00897b;
    font-weight: 500;
    border-left: 3px solid #00897b;
}

.sidebar-nav>ul>li.active>a i {
    color: #00897b;
}

.sidebar-nav .has-arrow {
    position: relative;
}

.sidebar-nav .has-arrow:after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #607d8b;
    right: 1em;
    -webkit-transform: rotate(135deg) translate(0, -50%);
    -ms-transform: rotate(135deg) translate(0, -50%);
    -o-transform: rotate(135deg) translate(0, -50%);
    transform: rotate(135deg) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 47%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.sidebar-nav .active>.has-arrow:after,.sidebar-nav .has-arrow[aria-expanded=true]:after,.sidebar-nav li>.has-arrow.active:after {
    -webkit-transform: rotate(-135deg) translate(0, -50%);
    -ms-transform: rotate(-135deg) translate(0, -50%);
    -o-transform: rotate(-135deg) translate(0, -50%);
    top: 45%;
    width: 7px;
    transform: rotate(-135deg) translate(0, -50%);
}

@media (max-width:768px) {
    .mini-sidebar .sidebar-nav #sidebarnav li {
        position: relative;
    }

    .mini-sidebar .sidebar-nav #sidebarnav>li>ul {
        position: absolute;
        left: 60px;
        top: 45px;
        width: 200px;
        z-index: 1001;
        background: #f2f6f8;
        display: none;
        padding-left: 1px;
    }

    .mini-sidebar .user-profile .profile-img {
        width: 50px;
    }

    .mini-sidebar .user-profile .profile-img .setpos {
        top: -35px;
    }

    .mini-sidebar.fix-sidebar .left-sidebar {
        position: absolute;
    }

    .mini-sidebar .sidebar-nav #sidebarnav>li:hover>ul {
        height: auto!important;
        overflow: auto;
    }

    .mini-sidebar .sidebar-nav #sidebarnav>li:hover>ul,.mini-sidebar .sidebar-nav #sidebarnav>li:hover>ul.collapse {
        display: block;
    }

    .mini-sidebar .sidebar-nav #sidebarnav>li>a.has-arrow:after {
        display: none;
    }

    .mini-sidebar .left-sidebar {
        width: 60px;
    }

    .mini-sidebar .user-profile {
        padding-bottom: 15px;
        width: 60px;
        margin-bottom: 7px;
    }

    .mini-sidebar .user-profile .profile-img {
        padding: 15px 0 0 0;
        margin: 0px 0 0 6px;
    }

    .mini-sidebar .user-profile .profile-img:before {
        top: 15px;
    }

    .mini-sidebar .scroll-sidebar {
        padding-bottom: 0px;
        position: absolute;
        overflow-x: hidden!important;
    }

    .mini-sidebar .hide-menu,.mini-sidebar .nav-small-cap,.mini-sidebar .sidebar-footer,.mini-sidebar .user-profile .profile-text,.mini-sidebar>.label {
        display: none;
    }

    .mini-sidebar .nav-devider {
        width: 60px;
    }

    .mini-sidebar .sidebar-nav {
        background: transparent;
    }

    .mini-sidebar .sidebar-nav #sidebarnav>li>a {
        padding: 9px 18px;
        width: 50px;
    }

    .mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
        width: 260px;
        background: #f2f6f8;
    }

    .mini-sidebar .sidebar-nav #sidebarnav>li:hover>a .hide-menu {
        display: inline;
    }

    .mini-sidebar .sidebar-nav #sidebarnav>li:hover>a .label {
        display: none;
    };
}

@media (max-width:1169px) {
    .mini-sidebar .left-sidebar {
        position: fixed;
    }
	
	
		
	.left-sidebar > .btn-menu {
		display:block;
	}

    .left-sidebar,.sidebar-footer {
        left: -240px;
		z-index: 99;
    }
	
	.page-titles h3{
		
		margin-left:60px !important;
		
	}

	
    .mini-sidebar.show-sidebar .left-sidebar,.mini-sidebar.show-sidebar .sidebar-footer {
        left: 0px;
    };
	
}
.collapse:not(.show) {
    display: none;
}
.sidebar-nav > ul > li.active > a i {
    color: #00897b !important;
}

.card-no-border .card {
    border: 0px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.card-no-border .shadow-none {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#main-wrapper {
    width: 100%;
}
.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff;
}

.preloader .cssload-speeding-wheel {
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px);
}

.boxed #main-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
}

.boxed #main-wrapper .sidebar-footer {
    position: absolute;
}

.boxed #main-wrapper .footer {
    display: none;
}

#page-wrapper {
    background: #eef5f9 !important;
    padding-bottom: 60px !important;
	margin-top: 0px !important;
}

.container-fluid {
    padding: 0 30px 25px 30px;
}

.topbar {
    position: relative;
    z-index: 50;
	background: #00897b;
}

.topbar .top-navbar {
    min-height: 50px;
    padding: 0px 15px 0 0;
}

.topbar .top-navbar .dropdown-toggle:after {
    display: none;
}


.topbar .top-navbar .navbar-header {
    line-height: 45px;
    text-align: center;
}
.topbar .navbar-header {
    background: #ffffff !important;
}

.topbar .top-navbar .navbar-header .navbar-brand {
    margin-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: none;
}

.topbar .top-navbar .navbar-header .navbar-brand b {
    line-height: 60px;
    display: inline-block;
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: 15px;
    line-height: 40px;
}

.topbar .top-navbar .navbar-nav>.nav-item.show {
    background: rgba(0, 0, 0, 0.05);
}

.topbar .profile-pic {
    width: 30px;
    border-radius: 100%;
}

.topbar .dropdown-menu {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    border-color: rgba(120, 130, 140, 0.13);
}

.topbar .dropdown-menu .dropdown-item {
    padding: 7px 1.5rem;
}

.topbar ul.dropdown-user {
    padding: 0px;
    min-width: 270px;
}

.topbar ul.dropdown-user li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.topbar ul.dropdown-user li.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: rgba(120, 130, 140, 0.13);
}

.topbar ul.dropdown-user li .dw-user-box {
    padding: 10px 15px;
}

.topbar ul.dropdown-user li .dw-user-box .u-img {
    width: 70px;
    display: inline-block;
    vertical-align: top;
}

.topbar ul.dropdown-user li .dw-user-box .u-img img {
    width: 100%;
    border-radius: 5px;
}

.topbar ul.dropdown-user li .dw-user-box .u-text {
    display: inline-block;
    padding-left: 10px;
}

.topbar ul.dropdown-user li .dw-user-box .u-text h4 {
    margin: 0px;
    font-size: 15px;
}

.topbar ul.dropdown-user li .dw-user-box .u-text p {
    margin-bottom: 2px;
    font-size: 12px;
}

.topbar ul.dropdown-user li .dw-user-box .u-text .btn {
    color: #ffffff;
    padding: 5px 10px;
    display: inline-block;
}

.topbar ul.dropdown-user li .dw-user-box .u-text .btn:hover {
    background: #e6294b;
}

.topbar ul.dropdown-user li a {
    padding: 9px 15px;
    display: block;
    color: #67757c;
}

.topbar ul.dropdown-user li a:hover {
    background: #f2f4f8;
    color: #1976d2;
    text-decoration: none;
}

.search-box .app-search {
    position: absolute;
    margin: 0px;
    display: block;
    z-index: 110;
    width: 100%;
    top: -1px;
    -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0px;
}

.search-box .app-search input {
    width: 100.5%;
    padding: 20px 40px 20px 20px;
    border-radius: 0px;
    font-size: 17px;
    -webkit-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
    height: 61px;
}

.search-box .app-search input:focus {
    border-color: #ffffff;
}

.search-box .app-search .srh-btn {
    position: absolute;
    top: 23px;
    cursor: pointer;
    background: #ffffff;
    width: 15px;
    height: 15px;
    right: 20px;
    font-size: 14px;
}

.mini-sidebar .top-navbar .navbar-header {
    width: 60px;
    text-align: center;
}

.logo-center .top-navbar .navbar-header {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	flex-direction: row;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
    color: #ffffff !important;
}
@media (min-width: 1170px){
	#page-wrapper {
		margin-left: 240px !important;
	}
}
@media (min-width: 768px){
	.mini-sidebar .page-wrapper {
		margin-left: 60px;
	}
}
.page-titles h3 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
	margin-left: 3px;
}

.row {
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px){
	.navbar-expand-md .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
}
.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}
.none-border .modal-.topbar.is_stuck {
    border-top: none;
}
@media (max-width:767px) {
    .topbar {
        position: fixed;
        width: 100%;
    }

    .topbar .top-navbar {
        padding-right: 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: center;
    }

    .topbar .top-navbar .navbar-collapse {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

    .topbar .top-navbar .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .topbar .top-navbar .navbar-nav>.nav-item.show {
        position: static;
    }

    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu {
        width: 100%;
        margin-top: 0px;
    }

    .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
        padding-left: .50rem;
        padding-right: .50rem;
    }

    .topbar .top-navbar .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .mega-dropdown .dropdown-menu {
        height: 480px;
        overflow: auto;
    }

    .mini-sidebar .page-wrapper {
        margin-left: 0px;
        padding-top: 60px !important;
    }

    .comment-text .comment-footer .action-icons {
        display: block;
        padding: 10px 0;
    }

    .vtabs .tabs-vertical {
        width: auto;
    }

    .footer {
        left: 0px;
    }

    .material-icon-list-demo .icons div {
        width: 100%;
    }

    .error-page .footer {
        position: fixed;
        bottom: 0px;
        z-index: 10;
    }

    .error-box {
        position: relative;
        padding-bottom: 60px;
    }

    .error-body {
        padding-top: 10%;
    }

    .error-body h1 {
        font-size: 100px;
        font-weight: 600;
        line-height: 100px;
    }

    .login-register {
        position: relative;
        overflow: hidden;
    }

    .login-box {
        width: 90%;
    }

    .login-sidebar {
        padding: 10% 0;
    }

    .login-sidebar .login-box {
        position: relative;
    }

    .chat-main-box .chat-left-aside {
        left: -250px;
        position: absolute;
        -webkit-transition: 0.5s ease-in;
        -o-transition: 0.5s ease-in;
        transition: 0.5s ease-in;
        background: #ffffff;
    }

    .chat-main-box .chat-left-aside.open-pnl {
        left: 0px;
    }

    .chat-main-box .chat-left-aside .open-panel {
        display: block;
    }

    .chat-main-box .chat-right-aside {
        width: 100%;
    }

    ul.timeline:before {
        left: 40px;
    }

    ul.timeline>li>.timeline-panel {
        width: calc(100% - 90px);
    }

    ul.timeline>li>.timeline-badge {
        top: 16px;
        left: 15px;
        margin-left: 0;
    }

    ul.timeline>li>.timeline-panel {
        float: right;
    }

    ul.timeline>li>.timeline-panel:before {
        right: auto;
        left: -15px;
        border-right-width: 15px;
        border-left-width: 0;
    }

    ul.timeline>li>.timeline-panel:after {
        right: auto;
        left: -14px;
        border-right-width: 14px;
        border-left-width: 0;
    }

    .left-aside {
        width: 100%;
        position: relative;
        border: 0px;
    }

    .right-aside {
        margin-left: 0px;
    }

    .flex-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important;
        -webkit-flex-wrap: wrap!important;
    }

    .chat-list li .chat-content {
        width: calc(100% - 80px);
    }

    .dataTables_wrapper .dataTables_paginate {
        width: 100%;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0.5rem 0.6rem;
    };
}
*, ::after, ::before {
    box-sizing: border-box !important;
}
@media (min-width: 768px){
	.hidden-md-up {
		display: none!important;
	}
}
.button-group .btn {
    margin-bottom: 5px;
    margin-right: 5px;
}
body.authentication-bg-pattern {
    background-image: url("https://coderthemes.com/ubold/layouts/light/assets/images/bg-pattern.png");
    background-color: #00897b !important;
}
body.authentication-bg {
    background-color: #f7f7f7;
    background-size: cover;
    background-position: center;
}
.mb-5, .my-5 {
    margin-bottom: 4.5rem!important;
}
.mt-5, .my-5 {
    margin-top: 4.5rem!important;
}
.p-4 {
    padding: 2.25rem!important;
}
.text-center {
    text-align: center!important;
}
.m-auto {
    margin: auto!important;
}
.w-75 {
    width: 75%!important;
}
.text-muted {
    color: #98a6ad!important;
}
.mb-4, .my-4 {
    margin-bottom: 2.25rem!important;
}
.mt-3, .my-3 {
    margin-top: 1.5rem!important;
}
.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.bg-pattern {
    background-image: url(../images/bg-pattern-2.png);
    background-size: cover;
}
html body .p-20 {
    padding: 20px;
}
@media (max-width: 575px){
	.hidden-xs-down {
		display: none!important;
	}
	.logoprofil img {
		max-width: 50%;
		margin: 0 auto;
	}
}
html body .m-t-30 {
    margin-top: 30px;
}
.multiakun{
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
	border: 0px;
	padding:0px;
	cursor: pointer;
}
.multiakun td {
    vertical-align: middle;
    padding-left: 0px;
}
.table-wrapper .multiakun table.table tr th, table.table tr td {
	/* border: none; */
    padding: 10px 15px;
    vertical-align: middle;
}
.login-panel .multiakun img {
    margin: 10px auto;
	width: 40px;
	height:auto;
}
.heading1multiakun{
	text-align: center;
    font-size: 25px;
    margin-top: 15px;
}
.heading2multiakun{
	text-align: center;
    font-size: 20px;
    margin-top: 10px;
	color: black;
}
.choose-panel{
	border: none;
	border-radius: 15px;
	box-shadow: 0 2px 40px 0 rgba(0,0,0,.06);
}
body.authentication-bg-pattern.bg-choose {
   background-color: #fff !important;
}
.multiakun.dropdown-menu.dropdown-menu-right{
    width: max-content;
	border: 1px solid rgba(120, 130, 140, 0.13);
	border-radius: 10px;
    margin-top: 5px;
	box-shadow: 0 5px 10px 1px rgba(0,0,0,.08);
}
.multiakun ul li .drop-title {
    font-weight: 500;
    padding: 11px 20px 15px;
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
	font-size: 20px;
}
.multiakun .message-center a {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px;
}
.multiakun .message-center a:hover {
	background:  rgba(120, 130, 140, 0.13);
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px;
}
.multiakun .mail-contnet{
	display: inline-block;
}
.message-center img{
	width: 35px;
	border-radius: 50%;
	border: 1px solid rgba(120, 130, 140, 0.13);
}
/* .multiakun .slimScrollDiv{ */
	/* height: 115px !important */
/* } */
/* .multiakun .message-center { */
    /* height: 115px !important; */
/* } */
.multiakun .nav-link img{
	width: 35px;
	border-radius: 50%;
	border: 1px solid #c7c4c4;
}
ul.navbar-nav.my-lg-0 {
		margin-top: 0px;
		float: right;
		padding-right: 30px;
	}
@media(max-width:768px) {
	
	ul.navbar-nav.my-lg-0 {
		margin-top: -38px;
		float: right;
		padding-right: 30px;
	}
	
	.navbar-nav .open .dropdown-menu {
		position: absolute !important; 
		float: none !important;
		width: max-content !important; 
		margin-top: 0 !important;
		background-color: #fff !important; 
		border: 1px solid rgba(120, 130, 140, 0.13);
		box-shadow: 0 5px 10px 1px rgba(0,0,0,.08);

	}
	
}
.btn-link {
    font-weight: 400;
    color: #fff;
    border-radius: 0;
}
.btn-link:focus, .btn-link:hover {
    color: #fff;
    text-decoration: underline;
    background-color: transparent;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none;
}
ul.singlemajors li{
	cursor: pointer;
	text-align: left;
	padding: 10px;
}
ul.singlemajors li:hover{
	cursor: pointer;
	background: #8a8f8c33;
}
/* Timeline */
.timeline,
.timeline-horizontal {
  list-style: none;
  padding: 20px;
  position: relative;
}
.timeline:before {
  top: 40px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline .timeline-item {
  margin-bottom: 20px;
  position: relative;
}
.timeline .timeline-item:before,
.timeline .timeline-item:after {
  content: "";
  display: table;
}
.timeline .timeline-item:after {
  clear: both;
}
.timeline .timeline-item .timeline-badge {
  color: #fff;
  width: 54px;
  height: 54px;
  line-height: 52px;
  font-size: 22px;
  text-align: center;
  position: absolute;
  top: 18px;
  left: 50%;
  margin-left: -25px;
  background-color: #7c7c7c;
  border: 3px solid #ffffff;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline .timeline-item .timeline-badge i,
.timeline .timeline-item .timeline-badge .fa,
.timeline .timeline-item .timeline-badge .glyphicon {
  top: 2px;
  left: 0px;
}
.timeline .timeline-item .timeline-badge.primary {
  background-color: #1f9eba;
}
.timeline .timeline-item .timeline-badge.info {
  background-color: #5bc0de;
}
.timeline .timeline-item .timeline-badge.success {
  background-color: #59ba1f;
}
.timeline .timeline-item .timeline-badge.warning {
  background-color: #d1bd10;
}
.timeline .timeline-item .timeline-badge.danger {
  background-color: #ba1f1f;
}
.timeline .timeline-item .timeline-panel {
  position: relative;
  width: 46%;
  float: left;
  right: 16px;
  border: 1px solid #c0c0c0;
  background: #ffffff;
  border-radius: 2px;
  padding: 20px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline .timeline-item .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -16px;
  display: inline-block;
  border-top: 16px solid transparent;
  border-left: 16px solid #c0c0c0;
  border-right: 0 solid #c0c0c0;
  border-bottom: 16px solid transparent;
  content: " ";
}
.timeline .timeline-item .timeline-panel .timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline .timeline-item .timeline-panel .timeline-body > p,
.timeline .timeline-item .timeline-panel .timeline-body > ul {
  margin-bottom: 0;
}
.timeline .timeline-item .timeline-panel .timeline-body > p + p {
  margin-top: 5px;
}
.timeline .timeline-item:last-child:nth-child(even) {
  float: right;
}
.timeline .timeline-item:nth-child(even) .timeline-panel {
  float: right;
  left: 16px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-horizontal {
  list-style: none;
  position: relative;
  padding: 0px 0px 20px 0px;
  display: inline-block;
}
.timeline-horizontal:before {
  height: 3px;
  top: auto;
  bottom: 26px;
  left: 56px;
  right: 0;
  width: 100%;
  margin-bottom: 20px;
}
.timeline-horizontal .timeline-item {
  display: table-cell;
  height: 280px;
  width: 20%;
  min-width: 320px;
  float: none !important;
  padding-left: 0px;
  padding-right: 20px;
  margin: 0 auto;
  vertical-align: bottom;
}
.timeline-horizontal .timeline-item .timeline-panel {
  top: auto;
  bottom: 64px;
  display: inline-block;
  float: none !important;
  left: 0 !important;
  right: 0 !important;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 5px;
}
.timeline-horizontal .timeline-item .timeline-panel:before {
  top: auto;
  bottom: -16px;
  left: 28px !important;
  right: auto;
  border-right: 16px solid transparent !important;
  border-top: 16px solid #c0c0c0 !important;
  border-bottom: 0 solid #c0c0c0 !important;
  border-left: 16px solid transparent !important;
}
.timeline-horizontal .timeline-item:before,
.timeline-horizontal .timeline-item:after {
  display: none;
}
.timeline-horizontal .timeline-item .timeline-badge {
  top: auto;
  bottom: 0px;
  left: 43px;
}

ul.timeline-vertical {
    list-style-type: none;
    position: relative;
	padding-left: 35px;
}
ul.timeline-vertical:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline-vertical > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline-vertical > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.select-ext{
	background: #726a6a;
	color: white;
	border-color: #726a6a;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}
.headerdata .infokartu {
    display: table;
    margin-left: auto;
    padding: 5px 15px;
    margin-top: -35px;
    margin-bottom: 15px;
}
.headerdata .infokartu li b.haskartu {
    color: #0db32b;
}
.headerdata .infokartu li b.nothaskartu {
    color: #ff2121;
}
.headerdata .infokartu li {
    float: left;
    margin-left: 26px;
    list-style: none;
    font-weight: 600;
}
.headerdata .infokartu li:first-child {
    margin-left: 0px;
}

.nodata img{
	max-width: 350px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.nodata p{
	text-align: center;
    font-size: 20px;
    margin-top: -50px;
}
.slimScrollBar{
	width: 7px !important;
	opacity: 0.6 !important;
}

.accordion {
  background-color: #fff;
  cursor: pointer;
  padding: 8px 8px 8px 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border-radius: 5px;
  margin-top: 10px;
  box-shadow: 0 5px 10px 1px rgba(0,0,0,.08);
}


.panel-kurikulum {
  padding: 0px 18px;
  background-color: white;
  max-height: 0; 
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

button.accordion.active {
    background-color: antiquewhite;
}
.panel-content {
  padding: 8px 8px 8px 0px;
  
}
.panel-content ul li{
  margin-top: 12px;
  
}
button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
button.accordion.active:after {
    content: "\2212";
}
.mapelkurkul{
	padding: 20px 25px;
}
.cd-schedule__event {
  width: 99% !important;
  padding-bottom: 2px !important;
}
.tidakhadir{
	background: #bfbfbf !important;
}