@font-face{font-family:jubilat;src:url(https://use.typekit.net/af/3201a2/00000000000000003b9acadf/27/l?subset_id=2&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/3201a2/00000000000000003b9acadf/27/d?subset_id=2&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/3201a2/00000000000000003b9acadf/27/a?subset_id=2&fvd=n6&v=3) format("opentype");font-weight:600;font-style:normal;}

.theme-bg {background-color:#243456}
.app-header-fixed {padding-top:80px}
.app .hbox {height:calc(100vh - 131px)}
.navbar {min-height:80px}
.navbar-brand {line-height:80px;font-size:18px}
.navbar-brand img {max-height:65px;margin-top:-6px}
.navbar-brand img.logo-icon {max-height: 57px;margin-top: -14px;margin-left: -4px}
.navbar-title {font-family:"jubilat",sans-serif;font-weight:500;font-size:2.25rem;color:#FFF}
.app-aside {z-index: 1020}
.app-aside-left .aside-wrap {-webkit-box-shadow:10px 0 16px -8px rgba(36, 34, 47, 0.3);box-shadow:10px 0 16px -8px rgba(36, 34, 47, 0.3)}
.app-aside-left .nav li:hover > a:before, .navi> .nav > li.active > a:before {content:''; display:block; position:absolute; z-index:1; left:0px; top:0px; height:100%; width:4px; background:#ed6d0f}
.navi ul.nav li.active {background-color:rgba(0, 0, 0, 0.05)}
.navi> ul.nav> li.active>a {background-color:#66469b}
.navi> ul.nav> li.active>a .tree-icon,
.navi> ul.nav> li.active>a i[class^='icon-'] {color: #FFF;}
.navi ul.nav li.active ul {background-color:rgba(0, 0, 0, 0.025)}
.navi ul.nav li.active ul li.active {background-color:rgba(0, 0, 0, 0.015)}
/*.nav > li > a:hover i[class^='icon-'], .nav > li > a:focus i[class^='icon-'] {color:red}*/
.list-separator {-webkit-transition: background 0s;-o-transition: background 0s; transition: background 0s; background: #dfe4ed; height: 1px; margin: 9px 15px; padding: 0px}
.navbar.navbar .dropdown-menu li > a:hover,
.navbar-default.navbar .dropdown-menu li > a:hover,
.navbar.navbar .dropdown-menu li > a:focus,
.navbar-default.navbar .dropdown-menu li > a:focus {color:#5b4fab}
.navbar-header > button {padding: 25px 15px}
.bg-nicestyle .navbar-nav .navbar-btn:hover,
.bg-nicestyle .navbar-nav .navbar-btn:focus,
.bg-nicestyle .navbar-nav .navbar-btn:active {color:#DDD}
.navbar-nav > li > a {color:#827ca1;font-weight:600}
.beta_style {padding: 6px 12px}

.login-page-bg {background: #243456 url('../img/travel-bg.png') 383px 40% / cover repeat-x}
.plane-img {background: url('../img/plane.png') 50% 28% / cover repeat-x}
.logo-brand img {height:120px}
.login-box {
	background: rgba(255, 255, 255, 0.85);
	box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.05);

	background: -moz-linear-gradient(top, rgba(255,255,255,.75) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,.75) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,.75) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.login-box .icon-login {font-size: 75%}
form[role='login'] .form-control {
	padding: 0 10px 0 36px;
}
form[role='login'] .md-input + .login-icon {
	position: absolute;
	right: 0;
	top: 30%;
	padding: 3px 10px 0 10px;
	font-size: 15px;
	color: #757575;
}
.md-btn.md-fab.md-fab-bottom-right {bottom:25px; z-index:1006}
.btn.m-raised {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: box-shadow .4s cubic-bezier(0.25,0.8,0.25,1),background-color .4s cubic-bezier(0.25,0.8,0.25,1),-webkit-transform .4s cubic-bezier(0.25,0.8,0.25,1);
	transition: box-shadow .4s cubic-bezier(0.25,0.8,0.25,1),background-color .4s cubic-bezier(0.25,0.8,0.25,1),transform .4s cubic-bezier(0.25,0.8,0.25,1);
}
.btn.m-raised:not([disabled]),
.btn.m-fab {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}
.btn:not([disabled]).m-raised:focus,
.btn:not([disabled]).m-raised:hover,
.btn:not([disabled]).m-fab:focus,
.btn:not([disabled]).m-fab:hover {
	-webkit-transform: translate3d(0,-1px,0);
	transform: translate3d(0,-1px,0);
}
.btn.m-raised:not([disabled]):focus,
.btn.m-raised:not([disabled]):hover,
.btn.m-fab:not([disabled]):focus,
.btn.m-fab:not([disabled]):hover {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4) !important
}
.btn {font-size: 13px; font-weight: 600}
.btn-default {
	box-shadow: none
}
.btn-warning {
	background-color: #f58d1f;
	border-color: #f19121;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
	background-color: #f59629;
	border-color: #f58721;
}
.btn-dark {
	background-color: #31477b;
	border-color: #4a629a
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
	background-color: #3b5490;
	border-color: #31477b;
}

.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
	border-color: #20a03f
}

.btn + .btn {
	margin-right: 3px
}
.btn:first-child {
	margin-right: 3px;
}

.input-group-btn .btn { margin-right:0; margin-top:1px }

.btn-addon i[class^="icon-"],
.btn-addon i[class*=" icon-"] {
	top: 0
}

.pull-in-md {
	margin-right: -20px;
	margin-left: -20px;
}

/*.no-gutter {margin-right: 0; margin-left: 0}
.no-gutter > [class*="col-"] {padding-right: 0; padding-left: 0}*/
.row-xs {margin-right:-5px; margin-left:-5px}
.row-xs > div {padding-right:5px; padding-left:5px}
.text-truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.font-semi-bold {font-weight:600}
.alpha-3 {opacity:.3}
.error-message {color:#f44336;font-size:13px}
.text-warning {color:#f59629}

/*small, .small {font-size: 12px}
.dropdown-menu {font-size:13px}
.btn {font-size:12px}
.btn-sm, .btn-group-sm > .btn {font-size:11px}
.navbar-btn i {font-size:14px}
.btn-icon.btn-sm,
.btn-addon.btn-sm i {height:28px}
.btn-icon.btn-sm i,
.btn-addon.btn-sm i {line-height:28px}*/

.bg-nicestyle {color:#d2d9e5;background-color:#213055}/*#243456 #1c2a46*/
.bg-nicestyle.lt {color:#d2d9e5;background-color:#23335a}/*#263658 #1e2c47*/
.bg-nicestyle ul.nav li.active {color:#FFF}
.bg-nicestyle .nav-list-separator {background:#514d6a}
.mx-xs {margin-right: 0.25rem !important; margin-left: 0.25rem !important}
.mx-sm {margin-right: 0.5rem !important; margin-left: 0.5rem !important}
.my-xs {margin-top: 0.25rem !important; margin-bottom: 0.25rem !important}
.my-sm {margin-top: 0.5rem !important; margin-bottom: 0.5rem !important}
.m-xs {margin: 0.25rem !important}
.m-sm {margin: 0.5rem !important}
h5, .h5 {font-size: 16px}

.loading-backdrop {
	left: auto;
	right: 0;
	top: 80px;
	z-index: 1018;
	position: absolute;
	height: calc(100% - 131px);
	width: calc(100% - 220px);
	background-color: rgba(255, 255, 255, 0.98);;
}
.loading-backdrop span {
  -webkit-animation: changetxtcolor 2.25s infinite alternate;
	 -moz-animation: changetxtcolor 2.25s infinite alternate;
		  animation: changetxtcolor 2.25s infinite alternate;
}

.label {display:inline-block;/*line-height: 1.5384616;*/border-radius: 2px;border: 1px solid transparent;font-size: 10px;letter-spacing: .1px}
.btn-primary {background-color:#66469c;border-color:#6c4aa2}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary:active:focus {background-color:#7150a5;border-color:#604098}/*#4e2f88 #4d2e87*/
.btn-info:focus,
.btn-info.focus,
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {border-color:#269abc;}

.form-group.required .control-label:after,
.form-group.required .floating-label:after {
	font-family: 'FontAwesome';
	content: "\f069";
	/*content: " * ";*/
	font-weight: normal;
	font-size: 8px;
	color:#ff1010;
	position: absolute;
	right: 4px; top: 5px;
	line-height: 1;
}
textarea.form-control {resize:vertical}
.radio-inline,
.checkbox-inline {
	margin-right: 10px;
}
.radio-inline +.radio-inline,
.checkbox-inline + .checkbox-inline {
	margin-left: 0;
}

.searchandselect {
  cursor: pointer;
  position: relative;
  /* width: 300px; */
  border: 1px solid #e6e8ea;
  background: #FFF;
}
	.searchandselect .header {
		height: 34px;
		padding: 8px 10px;
		z-index: 1009;
	}
		.searchandselect .header .glyphicon {
			right: -4px;
		}
		.searchandselect .header .glyphicon-chevron-down {
			top: 12px;
		}
		.searchandselect .header .glyphicon-chevron-down:before {
			content: "";
			border-top: 6px dashed;
			border-top: 6px solid \9;
			border-right: 3px solid transparent;
			border-left: 3px solid transparent;
		}
		.searchandselect .header .glyphicon-chevron-up {
			top: -9px
		}
		.searchandselect .header .glyphicon-chevron-up:before {
			content: "";
			border-bottom: 6px dashed;
			border-top: 6px solid \9;
			border-right: 3px solid transparent;
			border-left: 3px solid transparent;
		}
	.searchandselect .search {
		padding: 5px;
		display: none;
		z-index: 1009;
	}
	.searchandselect .input-group {
		width: 100%
	}
	.searchandselect .dropdown {
		border: 1px solid #e6e8ea;
		left: -1px;
		list-style: outside none none;
		overflow: auto;
		position: absolute;
		right: -1px;
		top: 100%;
		margin: 0;
		padding: 0;
		display: none;
		z-index: 1009;
		background: #FFF;
		box-shadow: 0 3px 6px #eee;
		border-top: 0;
		padding-bottom: 18px;
	}
	.searchandselect.active .search {
		display: inherit;
	}
	.searchandselect.active .dropdown {
		display: inherit;
		/*max-height: 290px;*/
		max-height: calc( 100vh - 480px );
	}
	.searchandselect .dropdown li {
		/*margin: 10px 0 0;*/
		padding: 6px 10px;
	}
	.searchandselect .dropdown li:hover,
	.searchandselect .dropdown li:focus {
		color: #fff;
		outline: 0;
		background-color: #428bca;
	}
		.searchandselect .dropdown li i {
			color: inherit;
			margin-right: 5px;
			vertical-align: middle;
			float: right;
		}
		.searchandselect .dropdown li small {
			margin-right: 10px;
		}

/*.modal-open .app-content-body .hbox > .wrapper-md {padding-right: 37px}*/
.modal-open,
.modal-open .app-header-fixed .app-header {padding-right: 17px}
.modal-content {border-radius:0}
.ngViewport {margin-top:-1px}
.ngTopPanel .ngHeaderContainer {border-color:#dee5e7 !important}
.ui-grid {background:#FFF}
.ui-grid-top-panel,
.ui-grid-pager-panel,
.ngHeaderContainer,
.ngFooterPanel {background-color: #f3f5f6 !important}
.ngVerticalBarVisible {background-color: #dee5e7 !important}
.ngHeaderContainer .ngVerticalBarVisible {background-color: #d4d4d4 !important}
.ui-grid-pager-panel,
.ngFooterPanel {border-top: 1px solid #dee5e7 !important;padding-top:8px !important}
.ui-grid-pager-control {margin-right:0 !important;margin-bottom:5px !important}
.ui-grid-pager-row-count-picker {margin-left:10px !important}
.ui-grid-pager-control button,
.ui-grid-pager-control input,
.highlight, .highlight > div { background-color:red; }
.ui-grid-pager-row-count-picker select,
.ngRowCountPicker select,
.ngPagerButton,
.ngPagerCurrent {height:30px !important}
.ui-grid-pager-control .ui-grid-pager-max-pages-number {vertical-align: middle !important;padding: 6px !important}
.ui-grid abbr[title] {border:0 !important;text-decoration:none !important}
.ngFooterPanel {margin-bottom:-2px}
.ngTotalSelectContainer {margin-top:4px !important}
.ngFooterTotalItems {padding:0 !important}
.ngPagerContainer {margin-top:0 !important}
.ngRowCountPicker select {width: 67px !important;padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;margin-left: 3px}
.ngPagerButton {border-color:#ccc !important; background-color: #f3f3f3 !important; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px}
.ngPagerButton[disabled]{cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none}
.ngPagerFirstTriangle {border-color:transparent #4d4d4d transparent transparent !important}
.ngPagerLastTriangle {border-color:transparent transparent transparent #4d4d4d !important}
.ngPagerCurrent {margin-top:0 !important;border-radius: 3px}

.ms-options-wrap > button:focus, .ms-options-wrap > button {
	border-color: #d2d2d2 !important;
	border-width: 0 0 1px !important;
	padding: 6px 20px 6px 5px !important;
	font-size: 14px !important;
	color: #555 !important
}
.ms-options-wrap > button:after {
	right: 7px !important;
	border-width: 6px 3px !important;
	border-top-color: #555 !important;
}
.ms-options-wrap > .ms-options > .ms-search input {
	border-bottom: 1px solid #d2d2d2 !important
}

.ui-select-bootstrap>.ui-select-match>.caret {
	right: 5px !important
}
.ui-select-bootstrap .caret {
	border-top: 6px dashed;
	border-top: 6px solid \9;
	border-right: 3px solid transparent;
	border-left: 3px solid transparent;
	margin-right: 1px;
}

.datetime-picker-dropdown {
	z-index: 1010
}
.datepicker .btn {
	font-size: 12px;
	font-weight: 500;
}
.datepicker .btn-sm {
	padding: 5px 8.5px;
}
.datepicker-ft .btn-group .btn {
	font-size: 11px;
}

.navbar-form.filter-options {
	margin-top: 16px
}
.filter-options .form-group:last-child .form-control {
	width: 300px
}

.dropdown-menu-right {
	left: auto !important
}

.dashboard-tab .nav-tabs  {
	position: fixed;
    width: 100%;
    background: #f6f8f8;
    z-index: 1020;
}
.dashboard-tab .tab-content {
	position: relative;
	top: 42px;
}

@media (min-width: 768px){
	.app-aside, .navbar-header {width:220px}
	.app-aside-fixed .aside-wrap {top:80px;width:219px}
	.app-aside-fixed .aside-wrap .navi-wrap {width:237px}
	.smart .app-aside-fixed .aside-wrap .navi-wrap,
	.app-aside-fixed .aside-wrap .navi-wrap > * {width:220px}
	.navbar-collapse, .app-content, .app-footer {margin-left:220px}
	.navbar-nav > li > a {padding-top:30px; padding-bottom:30px}
	
	.hbox.login-page-bg {height:100vh}
}
@media (max-width: 991px){
	.filter-options input[type="text"] {
		width: 128px
	}
	.filter-options .form-group:first-child {
		margin-right: 10px
	}
}
@media (max-width: 767px){
	.off-screen {top: 80px; width:304px }
	.off-screen + * {-webkit-transform: translate3d(304px, 0, 0px); transform: translate3d(304px, 0, 0px);padding-top: 80px}
	.loading-backdrop{width: 100%;height: calc(100% - 80px)}
	.md-backdrop {
		left: 0;
		right: 0;
		z-index: 1018;
		position: absolute;
		height: calc(100% - 80px);
		background-color: rgba(0,0,0,0.15);
	}
	.pull-in-xs {margin-right: -15px; margin-left: -15px}
}
@media (max-width: 576px){
	.pull-none-xxs {float: none !important}
	.block-xxs {display: block}
}
@media (max-width: 480px){
	.btn-back {
		padding-right: 0
	}
	.btn-addon.btn-back i {
		border-right: 0
	}
	.hidden-xxs {
		display: none !important
	}
	.m-r-xs-none {
		margin-right: 0 !important
	}
}