@CHARSET "UTF-8";
/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body.ng-init-lock .main-sidebar .sidebar-menu,
body.ng-init-lock .content-wrapper .content-header,
body.ng-init-lock .main-header .navbar-custom-menu {
	display: none;
}

a {
	cursor: pointer;
}

/* ========================================================================
 * =                              Navigation                              =
 * ======================================================================== */
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > .portrait {
	display: inline-block;
	width: 90px;
	height: 90px;
	border: 3px solid rgba(255, 255, 255, 0.5);
	border-radius: 100%;
	font-size: 60px;
	padding-top: 10px;
	background-color: rgba(0,0,0,0.1);
	color: rgba(255,255,255,0.8);
}

/* ========================================================================
 * =                               Side Bar                               =
 * ======================================================================== */
.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini > img {
	max-height: 30px;
}

.main-sidebar .customize-panel {
	padding: 10px;
}

.sidebar-collapse .main-sidebar .customize-panel {
	display: none;
}

.main-sidebar .customize-panel .btn-group,
.main-sidebar .customize-panel .btn-group button,
.main-sidebar .customize-panel .btn-group .dropdown-menu {
	width: 100%;
}

.main-sidebar .customize-panel .btn-group button {
	padding: 5px;
	background: #374850;
	border: none;
	overflow-x: hidden;
}
.main-sidebar .customize-panel .btn-group.open button{
	background: #455b63;
}

.main-sidebar .customize-panel .btn-group button .caret {
	position: absolute;
	right: 10px;
	top: 13px;
}

/* ========================================================================
 * =                                 Main                                 =
 * ======================================================================== */
#content {
	position: relative;
}

/* ========================================================================
 * =                                 Grid                                 =
 * ======================================================================== */

@media (min-width: 1200px) {
	body:not(.safari) .row.flex {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}

	body:not(.safari) .row.flex > [class*='col-'] {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}

	body:not(.safari) .row.flex > [class*='col-'] > * {
		flex: auto;
	}
}

.row.border-split > div {
	border: 1px solid #f4f4f4;
}

.no-padding > .row.border-split {
	margin-left: 0;
	margin-right: 0;
}

/* ========================================================================
 * =                              Drop Down                               =
 * ======================================================================== */
.hover-dropdown:hover .dropdown-menu {
	display: block;
}

/* ========================================================================
 * =                                Table                                 =
 * ======================================================================== */
table .info-wrapper .info-detail {
	display: none;
}

table .info-wrapper:hover .info-detail {
	display: table-row;
}

table ul {
	padding: 0 0 0 20px;
}

table.table pre,
pre.text-break {
	white-space: pre-wrap;
	margin: 0;
}

table.table pre.inline {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
}

table.table .btn-group .btn.opt {
	width: 22px;
}

table.table .row-clickable {
	cursor: pointer;
}

table.table.table-sm th,
table.table.table-sm td {
	padding: 3px 5px;
	line-height: 120%;
}

/* ========================================================================
 * =                              Step Guide                              =
 * ======================================================================== */
ul.stepGuide {
	padding: 0;
	position: relative;
	display: inline-block;
}
ul.stepGuide:before {
	display: block;
	height: 6px;
	background: #f4f4f4;
	content: "";
	position: absolute;
	top: 12px;
	left: 5px;
	right: 5px;
}

ul.stepGuide li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
ul.stepGuide li:not(:first-child) {
	margin-left: 15px;
}

ul.stepGuide li > .icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #f4f4f4;
	border-radius: 100%;
}

ul.stepGuide li > .title {
	display: block;
}

/* ========================================================================
 * =                                Input                                 =
 * ======================================================================== */
.input-with-icon {
	position: relative;
	margin-bottom: 10px;
}

.input-with-icon .fa {
	position: absolute;
	left: 10px;
	top: 10px;
	pointer-events: none;
	opacity: 0.6;
}

.input-with-icon input {
	padding-left: 28px;
}

/* ========================================================================
 * =                                Policy                                =
 * ======================================================================== */
.policy-app-list {
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.policy-app-list > a {
	display: block;
	font-size: 16px;
}

.policy-app-list > ul {
	margin: 0;
	padding: 0 0 0 5px;
}

.policy-app-list > ul > li input[type='checkbox'] {
	vertical-align: middle;
	margin: 0;
}

/* ========================================================================
 * =                                 Box                                  =
 * ======================================================================== */
.box .box-title .label {
	font-size: 12px;
	padding: 1px 7px;
}

.small-box {
	position: relative;
	padding-bottom: 30px;
}

.small-box > .inner a {
	color: #FFFFFF;
}

.small-box > .inner a:hover {
	text-decoration: underline;
}

.small-box > .small-box-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.small-box.bg-gray {
	color: #666;
}

.box > .box-body.responsive {
	overflow-x: auto;
}

.box-header > .box-tools {
	white-space: nowrap;
}

.box-header > .box-tools > .form-control {
	display: inline-block;
	width: initial;
}

.box-body .nav-pills {
	margin-bottom: 10px;
}
.box-body .nav-pills.with-border {
	padding-bottom: 10px;
	border-bottom: 1px solid #f4f4f4;
}

.box-body .nav-pills > li {
	border-radius: 3px;
	overflow: hidden;
}

.box-body .nav-pills > li > span,
.box-body .nav-pills > li > a {
	display: inline-block;
	border: 0;
	padding: 5px 10px;
}

/* ========================================================================
 * =                                 Tab                                  =
 * ======================================================================== */
.tab-content.keepContent > .tab-pane {
	display: block;
}

.tab-content.keepContent > .tab-pane:not(.active) {
	max-height: 0;
	overflow: hidden;
}

.nav-tabs-custom .nav-tabs .tab-sm a {
	padding-left: 8px;
	padding-right: 8px;
}
.nav-tabs-custom .nav-tabs .tab-xs a {
	padding-left: 0;
	padding-right: 0;
}

.nav-tabs-custom > .nav-tabs > li.box-tools {
	padding: 4px 2px 0 0;
}

/* ========================================================================
 * =                                Modal                                 =
 * ======================================================================== */
.modal .nav-tabs li {
	border-top: 3px solid transparent;
}

.modal .nav-tabs li.active {
	border-top-color: #3c8dbc;
}

.modal .nav-tabs li a {
	padding: 8px 15px;
	border-radius: 0;
	margin: 0;
}

.modal .nav-tabs li a,
.modal .nav-tabs li.active a,
.modal .nav-tabs li:hover a {
	border-top: 0;
}

.modal .tab-content {
	padding-top: 10px;
}

/* ========================================================================
 * =                               Call out                               =
 * ======================================================================== */
.callout p,
.callout span {
	color: #FFF;
}

/* ========================================================================
 * =                                 list                                 =
 * ======================================================================== */
.list-inline > li > .label {
	margin-bottom: 2px;
	display: inline-block;
}

ul.sm-padding {
	padding: 0 0 0 25px;
}

ul.sm-padding > li {
	list-style: circle;
}

ul > li > label {
	font-weight: normal;
}
ul > li > label > input[type='checkbox'] {
	margin: 0;
	vertical-align: middle;
}

ul > li > p.offset {
	padding-left: 25px;
}

/* ========================================================================
 * =                                 label                                =
 * ======================================================================== */
.label.label-sm {
	padding: .1em .4em .2em;
}

/* ========================================================================
 * =                               Timeline                               =
 * ======================================================================== */
.nav-tabs-custom .timeline li.disabled {
	opacity: .5;
	pointer-events: none;
}

.nav-tabs-custom .timeline li .timeline-item {
	background: #f4f4f4;
}

.nav-tabs-custom .timeline li .timeline-item ul.with-margin {
	margin: 0 0 10px 15px;
}

.nav-tabs-custom .timeline li .timeline-item .inner-block {
	border: 1px solid #CCC;
	padding: 10px;
	margin: 0 0 15px 15px;
}

.nav-tabs-custom .timeline li .timeline-item ul.block-list li {
	margin-bottom: 10px;
}
.nav-tabs-custom .timeline li .timeline-item ul.block-list li:last-child {
	margin-bottom: 0;
}

.nav-tabs-custom .timeline li .timeline-item ul.block-list li:not(.no-decorate) {
	background: #DEDEDE;
	padding: 10px;
	line-height: 150%;
}

.nav-tabs-custom .timeline li .timeline-item ul.block-list li:not(.no-decorate) p {
	margin: 0;
}

/* ========================================================================
 * =                                Widget                                =
 * ======================================================================== */
@media (min-width: 1200px) {
	.row.flex div[widget] {
		height: 100%;
	}
}

/* ========================================================================
 * =                                 Misc                                 =
 * ======================================================================== */
.ng-hide.ng-hide-animate.no-animate {
	-webkit-transition: none !important;
	transition: none !important;
}

.ng-hide.ng-hide-animate.no-animate {
	display: none;
}

.text-break {
	word-break:break-all;
}

.text-no-break {
	white-space: nowrap;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.bsc-datepicker {
	z-index: 2000;
}

.with-padding {
	padding: 15px;
}
