html, body {
    height: 100%;
}
body {
	font-weight: normal;
	font-size: 15px;
    padding: 0;
    margin: 0;
}
img {
	max-width: 100%;
}
a {
  cursor: pointer;
}
.red {
	color: red;
}
.yellow {
	color: #fbc734;
}
.green {
	color: #00bcae;
}
p {
	font-weight: normal;
}
.statistic-box {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background: no-repeat 50% 50%;
    background-size: cover;
    margin: 0 0 30px;
}
.statistic-box>div {
    -webkit-border-radius: inherit;
    border-radius: inherit;
    height: 120px;
    background: url(../img/statistic-box-grid.png) 50% 0;
    background-size: 21px 20px;
    position: relative;
}
.statistic-box .number {
	font-size: 48px;
	line-height: 1;
	padding: 24px 0 0;
	font-weight: 400;
}
.statistic-box .caption {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    min-height: 25px;
    line-height: 1;
}
.statistic-box .caption>div {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 10px;
}
.statistic-box.red {
    background-color: #fa424a;
    background-image: url(../img/statistic-box-red.png);
}
.statistic-box.purple {
    background-color: #ac6bec;
    background-image: url(../img/statistic-box-purple.png);
}
.statistic-box.yellow {
    background-color: #fdad2a;
    background-image: url(../img/statistic-box-yellow.png);
}
.statistic-box.green {
    background-color: #46c35f;
    background-image: url(../img/statistic-box-green.png);
}
.stat {
	padding: 15px 0;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	float: left;
	width: 50%;
}
.stat.left {
	border-right: 1px solid #e4e9f0;
}
.stat b {
	font-size: 18px;
}
.stat b span {
	font-size: 14px;
	font-weight: normal;
}

/* Login */
.login-page, .register-page {
	background-color: #eceff4;
}
.login-box, .register-box {
	width: 320px;
}
.login-page > .wrapper {
	display: table;
	width: 100%;
	height: 100% !important;
}
.login-box {
	display: table-cell;
	vertical-align: middle;
}
.login-box-body {
	border: solid 1px #d8e2e7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
}
.login-box-body .btn {
	display: block;
	width: 100px;
	margin: 15px auto 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.login-box-msg, .register-box-msg {
	font-size: 20px;
}

/* Table */
.table > tbody > tr > td {
	font-weight: normal;
	vertical-align: middle;
	word-break: break-word;
}
.table .btn-group .btn {
	padding: 2px 6px;
	width: 28px;
}
.table form {
	float: left;
}
.table .btn-group form .btn.has-radius {
	border-radius: 3px;
}
.table .btn-group form .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
    position: relative;
}
.table .btn {
	font-size: 16px;
	padding: 3px 18px;
}
.pagination {
	margin: 10px 0 5px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #00bcae;
	border-color: #00bcae;
}
.pagination>li>a, .pagination>li>span {
	background-color: #fff;
	font-weight: normal;
}
.pagination>li>span {
	color: #333;
}
.pagination>li>a {
	color: #00bcae;
}
.user-circle-image {
	width: 44px;
	height: 44px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-size: cover;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.user-circle-image-large {
	width: 120px;
	height: 120px;
	background-size: cover;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto 10px;
}
.table-separate thead > tr > th:nth-child(2n),
.table-separate tbody > tr > td:nth-child(2n) {
	border-right: 1px solid #f4f4f4;
}


/* CSS */
dl {
	margin-bottom: 10px;
}
.dl-horizontal dt {
	width: 100px;
	text-align: left;
	font-weight: 500;
}
.dl-horizontal dd {
	margin-left: 110px;
	font-weight: 400;
}
.none {
	font-size: 18px;
	text-align: center;
	color: #aaa;
}

/* Form */
label {
	font-weight: 500;
}
.form-control {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: 400;
	font-size: 15px;
}
.form-control:focus {
	border-color: #b8c0d2;
}

/* Navbar */
.navbar-nav > .user-menu > .dropdown-menu {
	width: 120px;
	border: 1px solid rgba(0,0,0,.15);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 4px 0;
}
.dropdown-menu {
	border: 1px solid rgba(0,0,0,.15);
}
.navbar-nav>li>.dropdown-menu {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.dropdown-menu > li > a > .glyphicon, .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > .ion {
	font-size: 16px;
	margin-right: 6px;
}
.dropdown-menu > li > a:hover {
	background-color: transparent;
	color: #00bcae;
}

.skin-black .main-header .navbar {
    background-color: #222034;
}
.skin-black .main-header .navbar-brand {
	color: #fff;
}
.skin-black .main-header .navbar .nav>li>a {
	color: #999;
	border-bottom: 3px solid transparent;
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
}
.skin-black .main-header .navbar .nav > li > a i {
	display: block;
	margin-bottom: 5px;
	text-align: center;
	font-size: 18px;
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
}
.skin-black .main-header .navbar .nav > li.user-menu > a i {
	display: inline-block;
	margin-bottom: 0;
}
.skin-black .main-header .navbar .nav > li.user-menu > a:hover i {
	color: #fff;
}
.skin-black .main-header .navbar-brand, .skin-black .main-header .navbar .navbar-nav > li > a {
    border-right-color: #393749;
}
.skin-black .main-header .navbar .nav>li>a:hover,
.skin-black .main-header .navbar .nav>li>a:active,
.skin-black .main-header .navbar .nav>li>a:focus,
.skin-black .main-header .navbar .nav .open>a,
.skin-black .main-header .navbar .nav .open>a:hover,
.skin-black .main-header .navbar .nav .open>a:focus,
.skin-black .main-header .navbar .nav>.active>a {
	color: #fff;
	background-color: transparent;
	border-bottom-color: #00bcae;
}
.skin-black .main-header .navbar .nav>li>a:hover i,
.skin-black .main-header .navbar .nav>li>a:active i,
.skin-black .main-header .navbar .nav>li>a:focus i,
.skin-black .main-header .navbar .nav .open>a i,
.skin-black .main-header .navbar .nav .open>a:hover i,
.skin-black .main-header .navbar .nav .open>a:focus i,
.skin-black .main-header .navbar .nav>.active>a i {
	color: #00bcae;
}
.navbar-custom-menu .navbar-nav>li>a {
	border: none !important;
	padding-top: 23px;
    padding-bottom: 20px;
    font-size: 16px;
}
.navbar-nav>li>a {
	font-size: 12px;
	padding-top: 13px;
	padding-bottom: 5px;
	min-width: 80px;
	text-align: center;
	font-weight: normal;
}
.navbar-brand {
	height: auto;
	padding: 22px 25px;
}

/* Breadcrumb */
.skin-black .content-header {
	background-color: #fff;
}
.content-header {
	padding-top: 5px;
	padding-bottom: 5px;
}
.content-header {
	text-align: center;
	border-bottom: 1px solid #e4e9f0;
}
.content-header > .breadcrumb {
	float: none;
	position: initial;
	font-size: 18px;
}
.content-header > .breadcrumb > li > a {
	color: #aaa;
}
.content-header > .breadcrumb > .active,
.content-header > .breadcrumb > .active > a,
.content-header > .breadcrumb > li > a:hover,
.content-header > .breadcrumb > li > a:active,
.content-header > .breadcrumb > li > a:focus {
	color: #333;
}
.content-header > .breadcrumb > li > a {
	font-size: 14px;
	font-weight: normal;
}

/* Box */
.box {
	border: 1px solid #e4e9f0;
	box-shadow: none;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.box-header {
	padding: 12px 10px;
	border-bottom: 1px solid #e4e9f0;
}
.nav-tabs-custom > .nav-tabs > li.header,
.box-body .box-title,
.box-header .box-title {
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
}
.nav-tabs-custom > .nav-tabs > li.header{
	padding: 12.5px 10px;
	margin: 0;
	border: none;
}
.nav-tabs-custom > .nav-tabs > li.active {
	border-color: #00bcae;
}
.box-body h4.box-title {
	font-size: 20px;
}
.box-body h4 {
	font-size: 16px;
}
.box-body .box-title {
	margin: 0 0 10px;
}
.box-tools .btn {
	font-size: 15px;
	padding: 2px 15px;
	margin-top: -3px;
}
.box-tools .btn i {
	font-size: 15px;
}
.box-tools p {
	font-weight: normal;
	color: #797979;
}
.box-header > .box-tools {
	right: 10px;
	top: 10px;
}
.box-tools.form-right > form {
	display: inline-block;
}
.form-right > form .form-control {
	height: 27px;
	width: 160px !important;
	display: inline-block;
	line-height: 16px;
	padding: 5px 12px;
	margin-right: 5px;
}
.box-body {
	padding: 15px;
}
.box-cover-image {
	width: 100%;
}
.box .btn-in-box {
	border-radius: 0;
	font-size: 18px;
}
p.p-with-icon {
	position: relative;
	padding-left: 30px;
}
p.p-with-icon i {
	position: absolute;
    left: 2px;
    top: 2px;
    font-size: 18px;
    color: #cbcbcb;
    width: 20px;
    text-align: center;
}
.text-muted {
	color: #555;
}

/* ALERT */
#toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div {
	width: 100%;
	text-align: center;
}
#toast-container>div {
	border-radius: 0;
	font-size: 16px;
	box-shadow: none;
}
#toast-container>div:hover {
	box-shadow: none;
}
#toast-container>.toast-error,
#toast-container>.toast-success {
	background-image: none !important;
}
.toast-success {
  	background-color: #00bcae;
}

/* Modal */
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 0.25s ease-out;
    -moz-transition: -moz-transform 0.25s ease-out;
    -o-transition: -o-transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 15px auto;
    pointer-events: all;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #dadada;
}
.modal-backdrop.in {
    opacity: 0;
}
.modal-title {
	text-align: center;
	font-size: 18px;
}
.modal-body .btn-close {
    display: block;
    margin: 15px auto 5px;
    width: 120px;
    font-size: 16px;
}
.modal-body .modal-title {
	margin-bottom: 15px;
}
.modal-body .modal-title.no-margin {
	margin: 0;
}
.modal-body .btn-close.no-margin-top {
	margin-top: 0;
}
.modal-dialog {
	width: 440px;
}
.nav-tabs-custom > .nav-tabs > li > a {
	font-weight: normal;
}

/* DatePicker */
.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #00bcae;
}


/* Button */
a, .btn {
	cursor: pointer;
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
}
.btn {
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn-success {
	background-color: #00bcae;
}
.btn-success:hover,
.btn-success:active,
.btn-success:target,
.btn-success:focus,
.btn-success.active,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover {
	color: #fff;
	background-color: #1ce0d2;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #1ce0d2;
}
.btn-danger {
	background-color: #E26A6A;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger:target,
.btn-danger:focus,
.btn-danger.active,
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover {
	color: #fff;
	background-color: #F62459;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #F62459;
}


/* Card */
.card-item {
	float: left;
	width: 50%;
	padding: 0 7.5px;
	margin-bottom: 15px;
}
.card {
	background-color: #fff;
	border: 1px solid #e4e9f0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}
.card-image {
	height: 200px;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.card-tools {
	position: absolute;
	top: -25px;
	right: 5px;
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
}
.card:hover .card-tools {
	top: 5px;
}
.card-tools a {
	color: #fff;
	background-color: #44a1ff;
}
.card-tools form {
	display: inline;
}
.card-tools button {
	background: none;
	border: none;
	background-color: red;
	color: #fff;
}
.card-tools a,
.card-tools button {
	width: 25px;
	height: 25px;
	padding: 0;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	vertical-align: top;
}
.card-tools a {
	padding-top: 3px;
}
.card-description {
	padding: 15px;
}