/* ************************ */
/*							*/
/*	custom theme			*/
/*							*/
/* ************************ */

/* ************************* */
/* GLOBAL settings			 */
/* ************************* */

	/* general */
	html{font-size:8px;}
	html, body { height: 100%; }
	body *	{ position:relative; box-sizing:border-box; -moz-box-sizing:border-box }
	body	{ margin:0; padding:0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden;
			font: 1.75rem/1.3 'SourceSans', Arial, Helvetica, sans-serif;
			font-weight:400;
			color: #000;
			background-color:#fff;
			}

	#scrollup { position:fixed; display:block; color:white!important; opacity:0; box-shadow:0 5px 30px rgba(0,0,0,0.3); background-color:rgba(0,0,0,0.5); border-radius:4px; text-align:center; line-height:2.2; width:4rem; height:4rem; bottom:-3.5rem; right:3rem; z-index: 1000;  transition:opacity 1s ease, bottom 1s ease, color 0.2s ease, background-color 0.2s ease; }
	#scrollup:after{ content:'\f176'; font-family:'FontAwesome';}
	#scrollup:hover{ background-color:#0bad9b;}
	#scrollup.affix{ opacity:1; bottom:2rem;}

	h1, h2, h3, h4, h5, h6, ul, ol, p, .alert, .navbar, .panel, .table, .radio, .checkbox{margin:0;}
	h1, h2, h3, h4, h5, h6{margin-bottom:2rem;}
	h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, [class*='mb']:last-child, .form-group:last-child{margin-bottom:0!important;}

	.mb{margin-bottom:1rem!important;}
	.mb-2x{margin-bottom:2rem!important;}
	.mb-3x{margin-bottom:3rem!important;}
	.mb-4x{margin-bottom:4rem!important;}
	.mb-5x{margin-bottom:5rem!important;}
	.mb-7x{margin-bottom:7rem!important;}
	.mb-0{margin-bottom:0!important;}

	.controls-group-wrap{display:flex; justify-content:space-between; align-items: center;}
	.controls-group-left{ display:flex; flex-wrap:wrap; align-items: center; justify-content: flex-start;}
	.controls-group-left > *{margin-right:1rem;}
	.controls-group-right{ display:flex; flex-wrap:wrap; align-items: center; justify-content: flex-end; flex-grow: 1;}
	.controls-group-right > *{margin-left:1rem;}

	.subsection-wrap > .form-group > .control-label{padding-left:4rem;}
	.subsection-wrap > .form-sep-h {margin-left: 2.1rem;}
	.subsection-wrap > .sortable-form-fields-section {margin-left: 2.1rem;}

	.no-records-found{padding:2rem;}

	.form-sep-h{height:1px; background-color:#dae9f2;}


	/* typography */
	h1, h2, h3, h4, h5, h6	{
		font-family:inherit;
		font-weight:700;
		color: #4b4b4b;
		line-height:1.2;
		}
	h1{font-size:2.25rem;/*18px*/ color:#000;}
	h2{font-size:2rem;/*16px*/ letter-spacing: 0.29px;}
	h3{font-size:1.75rem;/*14px*/}

	.small-13{ font-size:1.62rem;/*13px;*/}
	.small-12{font-size:1.5rem;/*12px;*/}
	.small-11{font-size:1.37rem;/*11px;*/}
	.small-10{font-size:1.25rem;/*10px;*/}
	.display{ font-size:3rem; font-weight:400;}

	.weight-bold{font-weight: 700;}
	.weight-semibold{font-weight: 600;}
	.weight-light{font-weight:300;}

	/* colors */
	.color-white{color:#fff;}
	.color-black{color:#000;}
	.color-green{color:#0bad9b;}
	.color-blue{color:#468fbd;}
	.color-red{color:#db5842;}
	.color-blue-dark{color:#0d334d;}
	.color-grey{color:#4b4b4b;}
	.color-blue-grey{color:#84929d;}
	.color-blue-grey-light{color:#c8d9e3;}

	.bg-default-toolbar{background-color:#556571;}
	.bg-toolbar-blue{background-color:#528be1;}
	.bg-toolbar-dark-blue{background-color:#3f489b;}
	.bg-toolbar-pink{ background-color: #d352e1;}
	.bg-toolbar-cyan{ background-color: #5cb4d5;}
	.bg-toolbar-grey{ background-color: #556571;}

	.bg-color-light-blue-grey{ background-color: #dae9f2;}

	.bg-image-cover{ background-position: center; background-size: cover;}
	.bg-image-banner{background-image: url(../img/help-banner-bg.jpg);}

	[class*='overlay-color-']:before{ content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0;}
	.overlay-color-gradient-dark:before{
		background: -webkit-linear-gradient(left, rgba(13, 51, 77, 0.8), rgba(13, 51, 77, 0.49));
	    background: -ms-linear-gradient(left, rgba(13, 51, 77, 0.8), rgba(13, 51, 77, 0.49));
	    background: linear-gradient(left, rgba(13, 51, 77, 0.8), rgba(13, 51, 77, 0.49));
		}

	/* links */
	a {color:#468fbd; text-decoration:none; border-radius:2px; padding-left:3px; padding-right:3px; transition:color 0.2s ease, background-color 0.2s ease;}
	a:hover, A:focus{color:#fff; background-color: #0bad9b; text-decoration:none;}
	a[title='Delete']:hover, A[title='Delete']:focus{ background-color:#db5842;}

	.delete-file{color:#db5842;}

	.area-link{ display: block; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 2;}
	.area-link:hover, .area-link:focus{ background-color: transparent;}

	.anchor-link{ position: absolute; display:block; top:0; width:0; height:0;}

	/* form */

		/* placeholder formatting */
		::-webkit-input-placeholder { opacity: 1 !important; color: #84929d !important;}
		::-moz-placeholder {color: #84929d !important;	opacity: 1 !important;}
		:-ms-input-placeholder {color: #84929d !important; opacity:1 !important; }

		[placeholder]:focus::-webkit-input-placeholder { color: #84929d !important;}
		input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: #84929d !important;}
		input:focus:-ms-input-placeholder, textarea:focus::-ms-input-placeholder {color: #84929d !important;}

		input[placeholder]          {text-overflow:ellipsis;}
		input::-moz-placeholder     {text-overflow:ellipsis;}
		input:-ms-input-placeholder {text-overflow:ellipsis;}

	.form-control{color:#000; font-size:1.75rem; padding:0.3rem 1rem; height:3.5rem; box-shadow: none; border-radius:2px; border-color:#c8d9e3;}
	.form-control:focus{outline:0; box-shadow: none!important; border-color:#556571!important;}
	.form-control::-ms-clear{display: none;}
	[disabled].form-control, [readonly].form-control, fieldset[disabled] .form-control{background-color:rgba(218, 233, 242, 0.5);}
	
	.input-group{ display:flex; align-items:stretch;}
	.input-group-addon{ display:flex; align-items:center; justify-content:center; width:auto; flex:none; padding:0.3rem 1rem; font-size:inherit; border:1px solid #c8d9e3; background-color:rgba(218, 233, 242, 0.5);}
	.input-group .input-group-addon:first-child{border-radius:2px 0 0 2px;}

	.control-width-short{width:5rem;}
	.control-width-small{width:10rem;}
	.control-width-medium{width:17.5rem;}
	.control-width-large{width:25rem;}
	.control-width-quarter{width:25%;}
	.control-width-half{width:50%;}
	.control-width-full{width:100%;}

	.control-wrap-ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

	.readonly-control{min-height:3.5rem; height: auto; background-color:rgba(218, 233, 242, 0.5);}
	.readonly-control:focus{border-color:#c8d9e3!important;}

	.image-options-control{ display:flex; justify-content: space-between;}
	.image-options-control > div{ display: flex; flex-wrap:wrap;}
	.image-options-control > div+div{margin-left:4rem;}
	.image-options-control .checkbox label{margin-top:0; margin-left:2rem;}

	.control-inline{ display: inline-block; vertical-align: middle;}

	.input-required:before{content:'\002a'; color:#db5842;}

	.form-control-static{padding-top:0.5rem; padding-bottom:0; min-height:auto;}
	.button-option .form-control-static{padding-top:0;}

	.form-control.input-sm{ font-size:1.5rem; height:2.75rem; padding-top:0.2rem; padding-bottom:0.2rem; line-height:1.2;}
	.form-control.multi-checkbox-control { height: auto; max-height:300px; overflow-y:auto; }

	select.form-control::-ms-expand {display: none;}
	select[multiple], select[size] {height: 100%;}

	textarea {resize: vertical; min-height:5rem;}

	label{ font-weight:normal; line-height:1.3; color:#84929d; }
	.form-horizontal .control-label{padding-top:0.5rem; text-align: left;}

	.form-group, .radio, .checkbox{margin-top:0;}
	.form-group{margin-bottom:2rem;}

	.input-label {padding:0 0.25rem; background-color: #fff; line-height:1; font-size: 1.25rem; position: absolute; top:-0.75rem; left:1rem; transition: all 0.2s ease; margin: 0;z-index: 2;}

	.date-control-group{ display: flex; align-items: center; justify-content: space-between;}
	.date-control-group .date-control{flex-basis:50%;}
	.date-control-group > span{margin:0 1rem;}
	.date-control button{ position: absolute; top:0; right:0; height:3.5rem; width:3rem; padding:0.5rem; border:0; background:transparent; color:#c8d9e3; border-radius:2px; transition: color 0.2s ease, background 0.2s ease; }
	.date-control button:hover, .date-control button:focus{color:#fff; background-color: #0bad9b;}

	.form-horizontal .radio, .form-horizontal .checkbox{min-height: auto; padding-top:0; margin-top:0;}
	.radio.single, .checkbox.single{padding-top:0.5rem;}

	.table .radio label, .table .checkbox label, .table .inline-radio-wrap label{min-height: 2rem; top:0; margin-top:0;}

		/* custom animated radio & check */
		.inline-radio-wrap{ display:block;}
		.inline-radio-wrap.single{padding-top:0.5rem;}
		.radio label, .checkbox label, .inline-radio-wrap label{padding-left:2.7rem; cursor:pointer; min-height:auto; margin-bottom:0; margin-top:0;}
		.inline-radio-wrap label{margin-right:2rem;}
		input[type='radio'], input[type='checkbox']{ display:none;}
		.radio-check-control{ display:block; position:absolute; top:1px; left:0;  width:16px; height:16px; /* default colors */border:2px solid #c8d9e3; border-radius:2px; background-color:#fff; transition:border 0.2s ease, background 0.2s ease; }
		.radio-check-label{ font-weight:normal; line-height:1.3; transition:color 0.2s ease;}
		input[type='radio'] + .radio-check-control{border-radius:50%;}

		input[type='radio'] + .radio-check-control:before{content:''; display:block; position:absolute; width:8px; height:8px; border-radius:50%; /* checked color */background-color:#468fbd; top:2px; left:2px; opacity:0; transform:scale(0.01); transition:transform 0.2s ease, background 0.2s ease; }
		input[type='checkbox'] + .radio-check-control:before{ content:''; display:block; position:absolute; width:0; height:2px; /* checked color */background-color:#fff; left:0px; top:4px; transform:rotate(45deg); transform-origin:0 100%; transition:width 0.1s ease 0.1s, background 0.2s ease; }
		input[type='checkbox'] + .radio-check-control:after{ content:''; display:block; position:absolute; width:0; height:2px; /* checked color */background-color:#fff; left:40%; bottom:2px; transform:rotate(-45deg); transform-origin:0 100%; transition:width 0.1s ease, background 0.2s ease; }

		input[type='radio']:checked + .radio-check-control:before{ transform:scale(1); opacity:1;}
		input[type='checkbox']:checked + .radio-check-control:before{width:6px; transition:width 0.1s ease;}
		input[type='checkbox']:checked + .radio-check-control:after{width:9px; transition:width 0.1s ease 0.1s;}
		input[type='checkbox']:checked + .radio-check-control{ background-color:#468fbd; border-color:#468fbd;}
		input[type='radio']:checked + .radio-check-control{ border-color:#468fbd;}

		.radio label:hover .radio-check-control, .checkbox label:hover .radio-check-control, .inline-radio-wrap label:hover .radio-check-control{/* hover colors */border-color:#0bad9b; background-color:#fff;}
		.radio label:hover .radio-check-control:before, .inline-radio-wrap label:hover .radio-check-control:before, .inline-radio-wrap label:hover .radio-check-control:after{ background-color:#0bad9b;}
		.radio label:hover .radio-check-label, .checkbox label:hover .radio-check-label, .inline-radio-wrap label:hover .radio-check-label{color:#0bad9b;}
		.checkbox label:hover input[type='checkbox']:checked + .radio-check-control{background-color:#0bad9b;}

		input[type='radio'][disabled],
		input[type='radio'][disabled]:checked,
		input[type='radio'][disabled] + .radio-check-control + .radio-check-label,
		input[type='radio'][disabled]:checked + .radio-check-control + .radio-check-label,
		input[type='checkbox'][disabled],
		input[type='checkbox'][disabled]:checked,
		input[type='checkbox'][disabled] + .radio-check-control + .radio-check-label,
		input[type='checkbox'][disabled]:checked + .radio-check-control + .radio-check-label
			{ cursor:default;}

		input[type='radio'][disabled] + .radio-check-control, input[type='checkbox'][disabled] + .radio-check-control{border-color:#ddd; cursor:default;}
		input[type='radio'][disabled] + .radio-check-control:before{ transform:scale(0.01); opacity:0;}
		input[type='radio'][disabled]:checked + .radio-check-control:before{ transform:scale(1); opacity:1; background-color:#ddd;}
		input[type='checkbox'][disabled] + .radio-check-control:before{width:0;}
		input[type='checkbox'][disabled] + .radio-check-control:after{width:0;}
		input[type='checkbox'][disabled]:checked + .radio-check-control:before{width:6px; background-color:#ddd;}
		input[type='checkbox'][disabled]:checked + .radio-check-control:after{width:11px; background-color:#ddd;}
		input[type='checkbox'][disabled]:checked + .radio-check-control{ background-color:#fff!important;}

	.btn { font-size:inherit; height:3.5rem; border:1px solid transparent; border-radius:4px; padding:0.37rem 1.5rem; transition:color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; }
	.btn:focus{outline:0;}
	.btn:hover, .btn:focus, .focus.btn, .btn:active, .active.btn{box-shadow:0 5px 10px rgba(0,0,0,0.3);}

	.btn [class*='fa']{margin-right:1rem;}
	.btn [class*='fa-angle-down']{margin:0; padding:0.8rem 1rem; border-left:1px solid #c8d9e3; position: absolute; top:0; right:0; height:100%;}

	.btn-default{color:#4b4b4b; border-color:#c8d9e3; background: #fff;}
	.btn-default:hover, .btn-default:focus, .focus.btn-default, .btn-default:active, .active.btn-default,  .open > .btn-default.dropdown-toggle{color:white; border-color:#0bad9b; background: #0bad9b;}


	.btn-primary{color:#fff; border-color:#468fbd; background: #468fbd;}
	.btn-primary:hover, .btn-primary:focus, .focus.btn-primary, .btn-primary:active, .active.btn-primary,  .open > .btn-primary.dropdown-toggle{color:white; border-color:#0bad9b; background: #0bad9b;}

	.btn-red{color:#db5842; border-color:#db5842; background: #fff;}
	.btn-red:hover, .btn-red:focus, .focus.btn-red, .btn-red:active, .active.btn-red, .open > .btn-red.dropdown-toggle{color:white; border-color:#db5842; background: #db5842;}

	.btn-green{color:#fff; border-color:#0bad9b; background: #0bad9b;}
	.btn-green:hover, .btn-green:focus, .focus.btn-green, .btn-green:active, .active.btn-green, .open > .btn-green.dropdown-toggle{color:#fff; border-color:#08c3ae; background: #08c3ae;}

	.btn-group .dropdown-toggle{padding-right:4rem;}



		/* sumoselect */
		.SumoSelect{display: block; width:auto; text-align: left;}
		.SumoSelect > .CaptionCont{height:3.5rem; }/* 'form-control' height */
		.SumoSelect > .CaptionCont, .SumoSelect > .optWrapper > .options li.opt, .SumoSelect .select-all{padding:0.7rem 1rem;}/* 'form-control' paddings */
		.SumoSelect.open > .optWrapper{top:100%;}

		.SumoSelect > .CaptionCont{ background-color: #fff; border-radius:2px; display:flex; align-items:center; border-color:#c8d9e3;}/* caption defaults */
		.SumoSelect > .CaptionCont > label{margin-bottom:0; width:3rem; color:#000;}
		.SumoSelect > .CaptionCont > span{padding-right:2rem; cursor: pointer; color:#000;}
		.SumoSelect > .CaptionCont > span.placeholder{ font-style: normal; color:#84929d; outline:0;}/* placeholder */
		.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .open.SumoSelect > .CaptionCont{box-shadow:none; border-color:#c8d9e3;}/* caption hover */

		.SumoSelect > .CaptionCont > label > i{height:100%; background-image: none; display: flex; align-items: center;}
		.SumoSelect > .CaptionCont > label > i:after{content:'\f0d7'; font-family: 'FontAwesome'; font-style: normal; font-size:1.5rem; transition: transform 0.4s ease;}
		.SumoSelect.open > .CaptionCont > label > i:after{transform: rotateX(180deg);}

		.SumoSelect > .optWrapper{ border-radius:2px; box-shadow:none; border-color:#c8d9e3;}/* dropdown defaults */
		.SumoSelect > .optWrapper > .options{border-radius:0;}
		.SumoSelect > .optWrapper > .options li.opt{border-bottom:0;}
		.SumoSelect > .optWrapper > .options > li:first-child.opt, .SumoSelect > .optWrapper > .options > li:last-child.opt{ border-radius:0;}
		.SumoSelect > .optWrapper > .options li label{margin-bottom:0; color:inherit;}
		.SumoSelect > .optWrapper > .options li.opt:hover, .SumoSelect .select-all:hover, .SumoSelect > .optWrapper > .options li.sel.opt, .SumoSelect .sel.select-all{background-color:transparent; color:#468fbd;}/* option hover */
		.SumoSelect > .optWrapper > .options li.opt.selected{color:#fff; background-color:#468fbd;}/* option selected */

		.SumoSelect .select-all{height:auto; padding-left:4rem; line-height: 1; border-color:#c8d9e3;}
		.SumoSelect .select-all label{margin-bottom:0; color:inherit;}

		.SumoSelect > .optWrapper.multiple > .options li.opt{padding-left:4rem;}
		.SumoSelect > .optWrapper.multiple > .options li.opt span i, .SumoSelect .select-all > span i{width: 16px; height: 16px; border: 2px solid #468fbd; background-color: transparent; transition: border 0.2s ease, background 0.2s ease; box-shadow: none; border-radius: 2px;}
		.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i{background-image: none; border-color: #fff; background-color: transparent;}

		.SumoSelect > .optWrapper.multiple > .options li.opt span i:before, .SumoSelect .select-all > span i:before, .SumoSelect .select-all.selected.partial > span i:before{ content: ''; display: block; position: absolute; width: 0; height: 2px; background-color: #fff; left: 1px; top: 5px; transform: rotate(45deg); transform-origin: 0 100%; transition: width 0.1s ease 0.1s;}
		.SumoSelect > .optWrapper.multiple > .options li.opt span i:after,.SumoSelect .select-all > span i:after, .SumoSelect .select-all.selected.partial > span i:after{ content: ''; display: block; position: absolute; width: 0; height: 2px; background-color: #fff; left: 49%; bottom: 2px; transform: rotate(-50deg); transform-origin: 0 100%; transition: width 0.1s ease;}

		.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i:before, .SumoSelect .select-all.selected > span i:before { width: 5px; transition: width 0.1s ease;}
		.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i:after,.SumoSelect .select-all.selected > span i:after{ width: 8px; transition: width 0.1s ease 0.1s;}

		.SumoSelect .select-all.partial > span i, .SumoSelect .select-all.selected > span i{background-color: #fff;background-image: none;	border-color: #468fbd;}
		.SumoSelect .select-all.selected > span i:before,.SumoSelect .select-all.selected > span i:after{background-color: #468fbd;}
		.SumoSelect .select-all.selected{color:#000; background-color:transparent;}

		.SumoSelect > .optWrapper.multiple > .options li.opt span, .SumoSelect .select-all > span{width:4rem; margin-left:-4rem;}

		.SumoSelect > .isFloating.multiple.optWrapper > .options li.opt{padding-left:3rem;}
		.SumoSelect > .isFloating.optWrapper{top:0;}
		.SumoSelect > .isFloating.optWrapper > .options{box-shadow: none;}
		.SumoSelect > .isFloating.optWrapper > .options li.opt{padding:1rem;}
		
		.input-group-addon + .SumoSelect{flex-grow:1;}

		/* upload */
		.upload-control{ display: flex;}
		.upload-control .file-name{padding-right:1rem; background-color: rgba(218, 233, 242, 0.5); margin-right:1rem;}
		.upload-control .btn {width:auto; flex:none; margin:0; padding-top:0; padding-bottom:0;  display:flex; align-items:center; justify-content:center; border-radius:2px;}
		.upload-control .btn input[type="file"] {position: absolute; top: 0; right: 0; height:100%; width:100%; margin: 0; padding: 0; font-size: inherit; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}

		/* switch */
		.switch-control{width:24px; height:16px; border-radius:8px; background-color:#c0ccd6; display:block; transition:background 0.2s ease; cursor:pointer; margin-right:0.5rem;}
		.switch-control:before{ content:''; display:block; width:12px; height:12px; border-radius:6px; background-color:#fff; position:absolute; top:2px; left:2px; transition:left 0.2s ease;}
		.switch-label{ line-height:	1.2;}
		input[type='checkbox']:checked + .switch-control{background-color:#468fbd;}
		input[type='checkbox']:checked + .switch-control:before{left:10px;}
		input[type='checkbox'][disabled] + .switch-control{ cursor:default; opacity:0.3;}
		input[type='checkbox'][disabled] + .switch-control:before{opacity:0.9;}
		.switch-toggle label{ display: inline-flex; align-items: flex-start; margin-bottom:0; cursor: pointer;}
		.switch-toggle label:hover{color:#0bad9b;}
		.switch-toggle label:hover .switch-control{ background-color:#0bad9b;}
		.switch-toggle label:hover input[type='checkbox'][disabled] + .switch-control{ background-color:#c0ccd6;}
		.switch-toggle label:hover input[type='checkbox'][disabled]:checked + .switch-control{ background-color:#c0ccd6;}

		.button-option .switch-control{margin-top:0;}

		.single.switch-toggle{padding-top:0.5rem;}

		.panel.compact .switch-label{padding-top:0.25rem;}

		/* select-group */
		.select-group{ display:flex;}
		.select-group .btn{margin-left:1rem; border-radius:2px;}
			
		/* chosen select */
		.chosen-container{ font-size:1.75rem;}
		.chosen-container-single .chosen-single{padding:0.5rem 1rem; height:3.5rem; border-radius:2px; border:1px solid #c8d9e3; color:#000; line-height:1.2; box-shadow:none; background:#fff;}
		.chosen-container-single .chosen-default{color:#84929d;}
		
		.chosen-container-single .chosen-single span{margin-right:5rem;}
		.chosen-container-single .chosen-single abbr{top:0.7rem; right:3rem; width:1.75rem; height:1.75rem; background:none;display:flex; align-items:center; justify-content:center;}
		.chosen-container-single .chosen-single abbr:before{ content:'\f00d'; font-family: "FontAwesome"; font-style: normal; font-size: 1.5rem; color:#000;}
		.chosen-container-single .chosen-single abbr:hover:before{color:#0bad9b;}
		.chosen-container-single .chosen-single div{width:3rem;}
		.chosen-container-single .chosen-single div b{ background:none; display:flex; align-items:center; justify-content:center; transition: transform 0.4s ease; }
		.chosen-container-single .chosen-single div b:after{ content:'\f0d7'; font-family: "FontAwesome"; font-style: normal; font-size: 1.5rem; color:#000;}
		.chosen-container-single.chosen-with-drop .chosen-single div b{transform:rotateX(180deg);}
		
		.chosen-container-active.chosen-with-drop .chosen-single{border-color:#c8d9e3; background-image:none; box-shadow:none;}
		.chosen-container-single .chosen-drop{border-radius:0 0 2px 2px; border-color:#c8d9e3; box-shadow:none; margin-top:0;}
		.chosen-container-single .chosen-search{padding:1rem;}
		.chosen-container-single .chosen-search:after{ content:'\f002'; font-family: "FontAwesome"; width:3rem; height:3.5rem; position:absolute; right:1rem; top:1rem; color:#84929d; display:flex; align-items:center; justify-content:center;}
		.chosen-container-single .chosen-search input[type=text]{padding:0.7rem 3rem 0.7rem 0.7rem; height:3.5rem; border-color:#c8d9e3; font-size:1.75rem; border-radius:2px; background:none;}
		.chosen-container-single .chosen-search input[type=text]::-ms-clear{display: none;}
		.chosen-container .chosen-results{color:#000; margin:0 1rem 1rem 0; padding:0 0 0 1rem;}
		.chosen-container .chosen-results li{padding:0.7rem 1rem; line-height:1.2; transition:color 0.2s ease, background 0.2s ease;}
		.chosen-container .chosen-results li.highlighted{color:#468fbd; background:transparent;}
		.chosen-container .chosen-results li.result-selected{color:#fff; background-color:#468fbd;}
		.chosen-container .chosen-results li em{ text-decoration:none;}
		.chosen-container .chosen-results li.no-results{color:#84929d; background-color:#f2f6f8; }
		
		.chosen-container-multi .chosen-choices{padding:0 0.7rem; border:1px solid #c8d9e3; border-radius:2px; background:#fff;}
		.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:0; height:3.5rem; font-size:1.75rem; font-family:inherit; color:#84929d;}
		.chosen-container-multi .chosen-choices li.search-field input[type=text]::-ms-clear{display: none;}
		.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#000!important;}
		.chosen-container-multi .chosen-choices{box-shadow:none; display:flex; flex-wrap:wrap; align-items:flex-start;}
		.chosen-container .chosen-drop{border-radius:0 0 2px 2px; border-color:#c8d9e3; box-shadow:none;}
		.chosen-container-multi .chosen-results{margin-top:1rem;}
		.chosen-container-multi .chosen-choices li.search-choice{border-color:#c8d9e3; border-radius:2px; background-color:rgba(11,173,155,0.1); background-image:none; box-shadow:none; color:#000; line-height:1; padding:0.3rem 3rem 0.3rem 0.5rem; margin:0.3rem 0.5rem 0.3rem 0;}
		.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{width:1.75rem; height:1.75rem; background:none;display:flex; align-items:center; justify-content:center; top:0.3rem; right:0.5rem;}
		.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before{ content:'\f00d'; font-family: "FontAwesome"; font-style: normal; font-size: 1.5rem; color:#000;}
		.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before{color:#0bad9b;}
		.chosen-container-multi .chosen-choices li.search-choice span{ display:inline-block; word-break:break-all;}
		.chosen-container-multi .chosen-drop li.result-selected{color:#84929d; background-color:#fff;}
		
		.input-group-addon ~ .chosen-container-single .chosen-single, .input-group-addon ~ .chosen-container-multi .chosen-choices{border-radius:0 2px 2px 0;}
		
		/* has-error */
		.has-error .form-control, .has-error .CaptionCont, .has-error .input-group-addon, .has-error .chosen-container-multi .chosen-choices, .has-error .chosen-container-single .chosen-single {border-color:#db5842;}
		.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .radio.has-error label, .checkbox.has-error label, .radio-inline.has-error label, .checkbox-inline.has-error label, .has-error .input-group-addon
			{color:#cc290e;}


	/* dropdown */
	.dropdown-menu{ font-size: inherit; border:1px solid #c8d9e3; box-shadow: 0 3px 6px rgba(0,0,0,0.16); margin:0; padding:1rem 1.5rem; }
	.dropdown-menu > li > a{padding:1rem 0; line-height: 1.3; color:#4b4b4b;}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#0bad9b; background-color: transparent;}
	.dropdown-menu .divider{margin:0.5rem 0; background-color: #dae9f2;}

	/* search */
	.search-control{ display: inline-flex; min-width: 30rem;}
	.search-control .form-control{border:1px solid #c8d9e3; height:3.5rem; border-radius:1.75rem 0 0 1.75rem; padding:0.4rem 5rem 0.4rem 1.75rem;}
	.search-control .btn{border-radius:0 1.75rem 1.75rem 0; width:6rem; flex:none;}
	.search-control .btn .fas{margin-right:0;}
	.search-control .btn-clear{border:0; background-color: transparent; position: absolute; z-index: 2; height: 3.5rem; top: 0px; right:6rem; width:4rem; flex:none;  transition: color 0.2s ease, background 0.2s ease;}
	.search-control .btn-clear:hover, .search-control .btn-clear:focus{color:#fff; background-color: #0bad9b;}

	/* table */
	.table-records-group{ display: flex; align-items: center;}
	.table-records-group > *{margin-left:3rem;}

	.table-paging-control{ display:flex; align-items: center;}
	.table-paging-control > *{margin-left:1rem;}
	.table-paging-control .btn-paging{height:3.5rem; border-radius:2px; border:0; background-color: transparent; color:#000; transition: color 0.2s ease, background 0.2s ease;}
	.table-paging-control .btn-paging:hover, .table-paging-control .btn-paging:focus{color:#fff; background-color: #0bad9b;}
	.table-paging-control .total{white-space: nowrap;}
	.table-paging-control .form-control{width:4.5rem;}

	th .radio-check-control{border-color:#fff;}
	th input[type='checkbox'] + .radio-check-control::after, th input[type='checkbox'] + .radio-check-control::before{ background-color:#468fbd;}
	th input[type='checkbox']:checked + .radio-check-control{ background-color:#fff;}
	th .checkbox label:hover .radio-check-control{border-color:#fff; background-color:#fff;}
	th .checkbox label:hover input[type='checkbox']:checked + .radio-check-control{background-color:#fff;}
	th .pp{color:#dae9f2;}
	th .pp:hover, th .pp:focus{color:#fff; background-color: transparent;}

	.table{font-size: 1.62rem; border-collapse: separate; background-color: #fff;}
	.table > tbody > tr > td{padding:1rem; line-height: 1.3; border:0; }
	.table > thead > tr > th{padding:0; line-height: 1.3; vertical-align: middle; color:white; border:0; white-space: nowrap}
	.table > thead > tr > th+th{border-left:1px solid rgba(255,255,255,0.1)}
	.table > thead > tr > th.narrow, .table > tbody > tr > td.narrow{width:1%;}
	.table > thead > tr > th.wide, .table > tbody > tr > td.wide{width:100%;}
	.table > thead > tr{background-color: #468fbd;}
	.table > tbody > tr > td{border-bottom:1px solid #c8d9e3;}
	.table-hover > tbody > tr{transition:background 0.2s ease;}
	.table-hover > tbody > tr:hover{background-color:rgba(11,173,155,0.1);}

	.table > tbody > tr > td:first-child, .table > thead > tr > th:first-child{padding-left:2rem;}
	.table > thead > tr > th:first-child .th-control-wrap{margin-left:-1rem;}
	.table > tbody > tr > td:last-child, .table > thead > tr > th:last-child{padding-right:2rem;}

	.form-group .table{border:1px solid #c8d9e3; border-bottom:0;}

	.th-control-wrap{ display:flex; align-items:center; justify-content:space-between;}
	.th-control-wrap.thumb-switch{display: block;}
	.th-control-wrap > div{padding:1rem;}
	.th-control-wrap .sort-control{padding:0;}
	.th-control-wrap .sort-control a{width:4rem; color:#fff; border-radius:0; opacity:0.4; transition:opacity 0.2s ease; padding:1.25rem 1rem; display: block;}
	.th-control-wrap .sort-control a:hover, .th-control-wrap .sort-control a:focus{opacity:1; background-color: #0bad9b;}
	.th-control-wrap .sort-control.active a{opacity:1;}
	.th-control-wrap .dropdown{padding:0;}
	.th-control-wrap .dropdown-toggle{color:#fff; font-size:1.75rem; padding:1.1rem 1rem; border-radius:0;}
	.th-control-wrap.thumb-switch .sort-control a{width:auto; padding-left:1.75rem; padding-right:1.75rem;}

	.table-record-control{ display: block; font-size: 2rem; padding:0.4rem 0.75rem; margin-top:-0.6rem; margin-bottom:-0.8rem;}
	.table-record-control[title='Delete']{color:#db5842;}
	.table-record-control[title='Delete']:hover, .table-record-control[title='Delete']:focus{color:#fff; background-color: #db5842;}

	.table-borderless{ background-color: transparent; border:0!important;}
	.table-borderless > tbody > tr > td{border:0;}
	.table-borderless > tbody > tr > td:first-child{padding-left:0;}
	.table-borderless > tbody > tr > td:last-child{padding-right:0;}

	.table-records-wrap{ display: flex; justify-content: flex-end; background-color: #fff; padding:1rem 2rem;}

	.nowrap  {white-space: nowrap}
	.word-break a{ display:inline-block; word-break:break-word;}
	
	/* table-scroll-wrap */
	.table-scroll-wrap .scroll-pane:focus{outline:0;}
	.table-scroll-wrap .jspDrag{ background-color:#c8d9e3;}
	.table-scroll-wrap .jspVerticalBar{right:0;}
	
	.table-scroll-wrap.height-full .scroll-pane{max-height:calc(100vh - 2rem);}
	.table-scroll-wrap.height-half .scroll-pane{max-height:50vh;}
	.table-scroll-wrap.height-short .scroll-pane{max-height:25rem;}

	/* popover */
	.pp{color:#c8d9e3;}
	.pp:hover, .pp:focus{color:#0bad9b; background-color:transparent;}

	.popover{color:#84929d; font-size: 1.25rem; line-height: 1.3; background-color: #f2f6f8; border-color:#c8d9e3; border-radius:4px; box-shadow:none; min-width:18rem;}
	.popover-title{display: none;}
	.popover-content{padding:0.75rem;}
	.popover > .arrow{border-color:#c8d9e3 transparent transparent transparent !important;}
	.popover > .arrow:after{border-color:#f2f6f8 transparent transparent transparent !important;}

	/* jquery.textareaCounter.plugin  */
	.originalTextareaInfo { color: #000000; }
	.warningTextareaInfo { 	color: #AAAA00; }
	.errorTextareaInfo { color: #AA0000; }

	/* modal */
	.modal-header{border-color:#c8d9e3; padding:2.5rem 3rem;}
	.modal-header .close{ float:none; position:absolute; right:3rem; top:3rem; opacity:1; z-index:2; font-size:2rem; transition:color 0.2s ease;}
	.modal-header .close:hover, .modal-header .close:focus{color:#0bad9b;}
	.modal-content{border-radius:4px; border:0; box-shadow:none;}
	.modal-title{line-height:inherit; margin-right:3rem;}
	.modal-body{padding:3rem;}
	.modal-size-xs .modal-dialog{width:41rem;}
	.modal-size-sm .modal-dialog{width:66rem;}
	.modal-size-md .modal-dialog{width:84rem;}
	.modal-size-xlg .modal-dialog{width:125rem;}
	.modal-size-xxlg .modal-dialog{width:156rem;}

	.has-side-panel{display: flex; align-items: stretch; padding:0;}
    .has-side-panel .body-wrap{flex-basis: 60%; padding:3rem;}
	.has-side-panel .fields-wrap{ flex-basis: 40%; background-color: #f2f6f8; padding:3rem;}
	.fields-wrap .control-label{color:#468fbd;}
	
	.modal-header .preview-control{ position:absolute; top:2.6rem; right:6rem; z-index:2; display:flex; align-items:stretch;}
	.modal-header .preview-control a{opacity:0.3; margin-right:0.5rem;}
	.modal-header .preview-control a:hover, .modal-header .preview-control a:focus, .modal-header .preview-control .active{opacity:1;}
	.preview-control+.modal-title{margin-right:13rem;}

	/* main-panel */
	.main-panel{ margin-left:25rem; min-height: 100%; background-color:#f2f6f8;}

	.main-panel .main-header{border-bottom:1px solid #c8d9e3; background-color:#fff;}
	.main-panel .main-header .top-row{display:flex; justify-content:space-between; align-items: center;  padding:2rem; }
	.main-panel .main-header .controls-group-wrap{padding:0 2rem 1rem 2rem; }

	.main-content{padding:2rem;}

	.main-content-wrap{display: flex; align-items: stretch; min-height:Calc(100vh - 91px);}
	.main-content-wrap .main-content{flex-basis:100%;}

	.main-panel .main-header .top-row h1+.page-sub-header{margin-top:-1.5rem;}

	/* tree panel */
	.tree-panel{ position: absolute; top:0; bottom:0; left:0; flex:none; display:flex; flex-direction:column; background-color:#fff; border-right:1px solid #c8d9e3; border-bottom:1px solid #c8d9e3; }
	.tree-panel .dropdown-menu{ flex-grow:1; position:relative; top:0; float:none; border-radius:0; border:0; box-shadow:none; width:25rem;}
	.tree-panel .dropdown-toggle{ display:block; width:100%; border:0; border-bottom:1px solid #c8d9e3; background:transparent; color:#468fbd; font-size:1.63rem; line-height:1; padding:1rem; text-align:left; border-radius:0;}
	.tree-panel .dropdown-toggle .fa{transition: transform 0.4s ease; vertical-align:-4%;}
	.tree-panel .dropdown-toggle[aria-expanded='true'] .fa{transform:rotate(180deg);}
	.tree-panel .dropdown-toggle[aria-expanded='true']:after{content:'Hide Content Index';}
	.tree-panel .dropdown-toggle:hover{color:#fff; background-color:#0bad9b;}

	.tree { padding:0; list-style-type: none; color:#556571; margin-left:1rem; }
	.tree input {position: absolute; clip: rect(0, 0, 0, 0);}
	.tree input ~ ul { display: none;  padding:0; list-style-type: none; }
	.tree input:checked ~ ul { display: block;}

	.tree li { line-height: 1.2; position: relative; padding: 1.5rem 0 0 2rem;}
	.tree .host-toggle{margin:0; color:#556571; cursor:pointer;}

	.tree li:before{content: ''; display: block; position: absolute; left:-1.25rem; top:0; bottom:0; border-left:1px solid #c8d9e3;}
	.tree li:last-child:before{bottom:auto; height:2.7rem;}
	.tree > li:first-child:before{top:2.6rem;}
	.tree li .node{display: block; position: absolute; left:-1.25rem; top:2.6rem; width:2rem; border-top:1px solid #c8d9e3;}
	.tree li .node:after{ content:''; display:block; position:absolute; top:-3px; left:1.75rem; width:5px; height:5px; border-radius:100%; background-color:#c8d9e3;}
	.tree li .host-toggle:before{ content: '\f0fe'; font-family: 'FontAwesome'; display: block; z-index:2; position: absolute; left:-1.75rem; top:0.45rem; font-size: 1.25rem; line-height:1; background-color:#fff; color:#84929d; }
	.tree li :checked + .host-toggle{color:#000;}
	.tree li :checked + .host-toggle:after{ content:''; display:block; position:absolute; left:-1.25rem; top:1.3rem; bottom:0; border-left:1px solid #c8d9e3;}
	.tree li :checked + .host-toggle:before{ content:'\f146'; color:#468fbd;}
	.tree li .host-toggle:hover, .tree li .host-toggle:hover:before{color:#0bad9b;}

	.tree-panel + .main-content{margin-left:5rem;}
	.tree-panel.open + .main-content{margin-left:25rem;}

	.tree-panel.affix{position: fixed; top:0; left:25rem; bottom:0;}

	/* panel */
	.panel{padding:0; box-shadow: none; border-radius:4px; border:1px solid #dae9f2; background-color: #fafbfc;}
	.panel .panel-name{font-weight:600; color:#0d334d;}
	.panel .panel-header{padding:2rem; border-bottom:1px solid #dae9f2; display: flex; align-items: flex-start; justify-content: space-between;}
	.panel .panel-body{padding:2rem;/* min-height: 5rem;*/}
	.panel.compact > .panel-header, .panel.compact > .panel-body{padding:1rem;}
	.panel.has-toolbar{padding-left:3rem;}

	.panel .panel-body.collapsing { margin-bottom: -1.8rem; }

	.panel.compact .radio-check-control{top:0;}

	.panel-header-controls{display: flex; align-items: center; flex:none; margin-left:2rem;}
	.panel-header-controls > div+div{margin-left:1rem;}
	.not-active > .panel-header-controls > .active-status > a > span{opacity:0.3; transform:scale(-1,1);}
	.panel-header-controls > .active-status > a:hover > span, .panel-header-controls > .active-status > a:focus > span{opacity:1;}

	.panel-header-controls .collapse-btn .fa{transition:transform 0.4s ease;}
	.panel-header-controls .collapse-btn[aria-expanded='false'] .fa{transform:rotate(180deg);}

	/* .panel.compact .btn:not(.upload_file_btn){height:2.75rem; line-height: 1; padding-top:0.5rem; padding-bottom:0.5rem;font-size:1.5rem;} */

	/* content-panel */
	.content-panel-wrap .toolbar{font-size: 1.75rem; padding:0.5rem; position:absolute; top:-1px; bottom:-1px; left:-1px; width:3rem; color:#fff; border-radius:2px 0 0 2px; display:flex; flex-direction:column; justify-content: space-between; align-items:center;}
	.content-panel-wrap .toolbar a{color:white; display:block;}
	.content-panel-wrap .toolbar a+a{margin-top:0.5rem;}
	.content-panel-wrap .content-panel-toolbar{margin-top:1rem; padding-left:2rem; display:flex; flex-wrap:wrap; line-height:1;}
	.content-panel-wrap .content-panel-toolbar:before{ content:'\f0fe'; font-family:'FontAwesome'; color:#0bad9b; position:absolute; left:0;}
	.content-panel-wrap .content-panel-toolbar div{margin-right:1rem;}
	.content-panel-wrap .content-panel-toolbar div+div{border-left:1px solid #84929d; padding-left:1rem; margin-bottom:0.5rem;}
	.content-panel-wrap .content-panel-toolbar a{color:#0bad9b;}
	.content-panel-wrap .content-panel-toolbar a:hover, .content-panel-wrap .content-panel-toolbar a:focus{color:#fff;}
	.content-panel-wrap .content-panel-wrap .panel{ background-color: #fff;}
	.content-panel-wrap .sortable-form-fields-section .panel{ background-color: #fcfdfe;}

	.panel-header.not-active h3{opacity:0.3;}

		/* collapsed */
		.content-panel-wrap .panel.collapsed{ display: flex;}
		.content-panel-wrap .panel.collapsed .toolbar{flex:none; position: relative; width:auto; flex-direction: row; top:0; bottom:auto; margin:-1px 0 -1px -3rem; border-radius:4px 0 0 4px;}
		.content-panel-wrap .panel.collapsed .toolbar > div{ display:flex;}
		.content-panel-wrap .panel.collapsed .toolbar > div:not(:empty)+div{margin-left:0.5rem;}
		.content-panel-wrap .panel.collapsed .toolbar a + a{margin-top:0; margin-left:0.5rem;}
		.content-panel-wrap .panel.collapsed .panel-header{flex-grow:1; border-bottom: 0;}


	/* field-block */
	.field-block{border-radius:2px; background-color: #c8d9e3; color:#556571; font-size: 1.5rem; padding:0.5rem; display: flex; align-items: center; justify-content: space-between;}
	.field-block a{color:#556571; font-size: 1.75rem;}
	.field-block a:hover, .field-block a:focus{color:#fff;}
	.field-block .field-title{ font-weight: 700; padding-left:1rem; margin-left:0.5rem; border-left:1px solid rgba(255,255,255,0.2);}

	/* filter */
	.filter-tab{background-color: #f2f6f8; border:1px solid #c8d9e3; padding:1.3rem 2rem; line-height:1;}
	.filter-tab [class*='fa']{margin-right:1.25rem; vertical-align: middle;}
	.main-header .filter-tab{margin-bottom:calc(-1rem - 2px); margin-right:4rem;}

	.filter-wrap{padding:2rem; background-color: #f2f6f8; border-bottom:1px solid #c8d9e3;}

	/* alert */
	.alert{padding:0.7rem 1rem; border-radius:2px;}
	.alert-danger{color:#cc290e; border-color:rgba(219, 88, 66, 0.3); background-color: #fbecea;}

	/* summary-view */
	.summary-view > tbody > tr > td{ padding:0.5rem 1rem;}
	.summary-view > tbody > tr > td:first-child{color:#84929d; width:30rem;}
	.summary-view > tbody > tr > td[colspan='2']{font-size: 2rem; padding-top:1rem; color:#000;}

	/* drag-n-drop */
	.modal-drag-drop .modal-dialog{width:82rem;}
	.dropzone{border:2px dashed rgba(0, 0, 0, 0.1); border-radius:4px; padding:1.5rem;}
	.dropzone .dz-message{ position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; font-size:3rem; opacity:0.2;}
	.dropzone .dz-preview.dz-file-preview .dz-image, .dropzone .dz-preview .dz-image{border-radius:4px;}
	.dropzone .dz-preview.dz-file-preview .dz-image{ background:#f2f6f8;}
	.dropzone .dz-preview{margin:1.5rem;}
	.dropzone .dz-preview .dz-details .dz-size{ font-size:1.75rem; margin-bottom:2.5rem;}
	.dropzone .dz-preview .dz-progress{height:1rem; border-radius:4px;}
	.dropzone .dz-preview .dz-progress .dz-upload{background:#468fbd;}
	.dropzone .dz-preview .dz-error-message{ background:#db5842; padding:0.5rem 1rem; font-size:1.25rem; border-radius:4px;}
	.dropzone .dz-preview .dz-error-message::after{border-color:#db5842;}

	/* file-browser-modal */
	.file-browser{display: flex; align-items: stretch;}
	.file-browser .browser-wrap{width:42%; padding-right:2rem;}
	.file-browser .browser-wrap.control-width-full{width:100%;}
	.file-browser .drag-drop-wrap{width:58%; padding-left:2rem; display: flex; align-items: stretch; }
	.file-browser .files-list{padding:0; list-style-type: none; max-height: calc(100vh - 39rem); overflow: auto;}
	.file-browser .files-list li{display: flex; align-items: center;}
	.file-browser .files-list li+li{margin-top:1rem;}

	.files-list .folder{word-break: break-all; display: flex!important; align-items: flex-start;}
	.files-list .folder .fa{margin-right:0.5rem; margin-top:0.3rem;}
	.files-list .thumb{margin-right:0.5rem;}
	.files-list .thumb+a{word-break: break-all;}

	.files-list.thumb-view .thumb{flex:none; width:50px; height:50px; overflow: hidden; border:1px solid #84929d;}
	.files-list.thumb-view .thumb:hover, .files-list.thumb-view .thumb:focus{ border-color:#0bad9b;}
	.files-list.thumb-view .thumb img{max-height: 100%;}
	.files-list.thumb-view a.thumb {padding: 0px;}

	.file-browser .file-selected{ display: flex; align-items: center;}
	.file-browser .file-selected label{margin-right:1rem; margin-bottom:0;}
	.file-browser .dropzone{width:100%; max-height: calc(100vh - 23rem); overflow: auto;}

	/* sortable */
	.ui-sortable .ui-sortable-handle, .sortable-field .field-block, .sortable-section .panel-section-header:not(.sortable-disabled), .sortable-form-fields-section .panel-form-field-header:not(.sortable-disabled) { cursor:move; }

	/* modal-alert */
	.modal-alert-message{margin-left:6.5rem; padding-top:2rem;}
	.modal-alert-message > div{margin-bottom:1rem;}
	.modal-alert-message .modal-alert-icon{ position:absolute; left:-6.5rem; top:0;}
	.modal-alert-message .modal-alert-icon:before{ content:''; font-family:'FontAwesome'; font-size:5rem;}
	
	.modal-alert-notification .modal-alert-message .modal-alert-icon:before{ content:'\f059'; color:#468fbd;}
	.modal-alert-warning .modal-alert-message .modal-alert-icon:before{ content:'\f071'; color:#f2c424;}
	.modal-alert-error .modal-alert-message .modal-alert-icon:before{ content:'\f057'; color:#db5842;}
	
	/* thumbs-listing */
	.thumbs-listing > .inner-wrap{ display:flex; align-items:stretch; margin:0 -1rem -2rem -1rem; flex-wrap:wrap;}
	.thumbs-listing .item{margin:0 1rem 2rem 1rem; width:12.5rem;}
	.thumbs-listing .tl-image{width:100%; height:12.5rem; margin-bottom:0.5rem; border-radius:2px; display:flex; align-items:center; justify-content:center; border:1px solid transparent;}
	.thumbs-listing .item.no-image .tl-image{border-color:#dae9f2;}
	.thumbs-listing .tl-image img{width:100%; flex:none;}
	.thumbs-listing .tl-image p{ text-align:center; color:#84929d;}
	.thumbs-listing .tl-caption{padding:0 1px;}
	.thumbs-listing .area-link{border:2px solid transparent; border-radius:2px; transition:border 0.2s ease; margin:-1px;}
	.thumbs-listing .area-link:hover, .thumbs-listing .area-link:focus{border-color:#0bad9b;}
	
	/* scroll-pane */
	.jspVerticalBar{width:5px;}
	.jspTrack{border-radius:0; padding:0; background-color:rgba(0,0,0,0.05);}
	.jspDrag{border-radius:0; background-color:#468fbd;}
	.jspCap{ display:none;}

	/* multickeck */
	.multicheck-wrap{border:1px solid #c8d9e3; border-radius:2px; background-color:#fff; padding:1rem;}
	.multicheck-wrap .scroll-pane{max-height:25rem; overflow:auto;}
	.multicheck-wrap .scroll-pane:focus{outline:0;}
	.multicheck-wrap .category+.category, .multicheck-wrap .checkbox+.category{margin-top:1rem;}
	.multicheck-wrap .category .category{margin-left:3rem;}
	.multicheck-wrap .jspDrag{ background-color:#c8d9e3;}
	.multicheck-wrap .jspVerticalBar{right:0;}
	

/* ************************* */
/* SIDE-PANEL				 */
/* ************************* */
	.side-panel{ z-index: 2; width:25rem; background-color: #0d334d; color:#fff; position: fixed; height:100%; display: flex; flex-direction:column;}
	.side-panel .side-bottom{margin-top:auto; padding-bottom: 1rem; text-align: center; opacity: 0.4;}
	.side-panel .side-bottom .footer-brand{ display: inline-block;}
	.side-panel .side-bottom .footer-brand:hover, .side-panel .side-bottom .footer-brand:focus{ background-color: transparent; }
	.side-panel .side-top{ display:	flex; flex-direction: column; flex-basis:100%;}

	/* side-header */
	.side-header{ display: flex; padding:2.5rem 1rem 2.5rem 1.5rem;}
	.side-header .logo-wrap{width:5rem; height:5rem; border-radius:50%; flex:none; margin-right:1rem; background-color: rgba(255,255,255,0.1); display:flex; align-items:center; justify-content:center; text-transform: uppercase; font-weight:700; color:rgba(255,255,255,0.4);}
	.side-header .logo-wrap img{max-width:100%; flex:none; border-radius:2.5rem;}
	.side-header .title-wrap{flex-basis:100%; padding-right:2rem; }
	.side-header .title-wrap .title{margin-bottom:0.5rem;}
	.side-header .user-options a{color:rgba(255, 255, 255, 0.7); font-size: 1.75rem;}
	.title-wrap .dropdown{ position: absolute; right:0; top:0;}
	.title-wrap .dropdown .dropdown-toggle{color:rgba(255,255,255,0.7);}
	.title-wrap .dropdown .dropdown-toggle .fa{transition:transform 0.4s ease;}
	.title-wrap .dropdown .dropdown-toggle[aria-expanded='true'] .fa{transform:rotateX(180deg);}
	.title-wrap .dropdown .dropdown-toggle:hover, .title-wrap .dropdown .dropdown-toggle:focus{color:#fff; background-color: transparent;}

	.side-header .dropdown-menu{ background-color:#0d334d; border:0; box-shadow:0 10px 30px rgba(0,0,0,0.3); margin:0; padding:1rem 0; left:-2rem;}
	.side-header .dropdown-menu > li > a{padding:1rem 2rem; line-height:1.3; color:rgba(255,255,255,0.7);}
	.side-header .dropdown-menu > li > a:hover, .side-header .dropdown-menu > li > a:focus{color:#fff; background-color:rgba(11,173,155,0.2);}

	/* side-nav */
	.main-nav-wrap{flex-basis:100%;}
	.main-nav{ font-size:1.63rem; letter-spacing: 0.25px; border:0; border-radius:0; min-height:inherit;}
	.main-nav .nav{float:none; margin:0;}
	.main-nav .nav > li{float:none;}
	.main-nav .nav > li > a{ display: flex; padding:1rem 1rem 1rem 2rem; color: rgba(255,255,255,0.7); line-height: 1.3; border-radius:0;}
	.main-nav .nav > li > a:hover, .main-nav .nav > li > a:focus{color:#fff; background-color:#0c4c5d; outline:0; }
	.main-nav .nav > .open > a{color:#fff; background-color: transparent;}
	.main-nav .nav > .active > a, .main-nav .nav > .active > a:hover, .main-nav .nav > .active > a:focus{color:#fff; background-color: #0bad9b;}

	.main-nav .nav > li > a:before{ content: ''; display: block; position: absolute; top:0; bottom:0; left:0; width:0; background-color: #0bad9b; transition: width 0.4s ease;}
	.main-nav .nav > .open > a:before{width:6px;}

	.main-nav a [class*='fa-']{font-size:2rem; margin-right:1.5rem; flex:none;}
	.main-nav a [class*='fa-angle-']{margin-left:auto; font-size: inherit; line-height:1.2; height:2rem; padding-left:1rem; margin-right:0; transition:transform 0.4s ease; }
	.main-nav a[aria-expanded='true'] [class*='fa-angle-']{transform:rotateX(180deg);}

	.main-nav .dropdown-menu{z-index: 1; font-size:1.5rem; position: relative; top:0; float:none; min-width: inherit; border-radius:0; border:0; box-shadow: none; margin:0; padding:1rem 0; background-color:#082b43;}
	.main-nav .dropdown-menu > li > a{ display: flex; white-space: normal; margin-left:4rem; padding:1rem 1rem 1rem 2rem; border-radius:1.8rem 0 0 1.8rem; line-height: 1.3; color:rgba(255,255,255,0.7);}
	.main-nav .dropdown-menu > li > a:hover, .main-nav .dropdown-menu > li > a:focus{color:#fff; background-color:#0c4c5d; outline:0; }
	.main-nav .dropdown-menu > .open > a{color:#fff; background-color: transparent;}
	.main-nav .dropdown-menu > .active > a, .main-nav .dropdown-menu > .active > a:hover, .main-nav .dropdown-menu > .active > a:focus{color:#fff; background-color: #0bad9b;}

	.main-nav .dropdown-menu > li > a:before{ content: ''; display: block; position: absolute; top:0; bottom:0; left:-4rem; width:0; background-color: #0bad9b;  transition: width 0.4s ease;}
	.main-nav .dropdown-menu > .open > a:before{width:6px;}

	.main-nav .dropdown-menu .dropdown-menu{ background-color: #052135;}
	.main-nav .dropdown-menu .dropdown-menu > li > a{margin-left:6rem;}

		/* scroll */
		.main-nav-wrap .jspVerticalBar{ z-index: 2; right:0;}
		.main-nav-wrap .jspPane{width:100%!important; margin-left:0!important;}
		.main-nav-wrap .jspTrack{background: rgba(255,255,255,0.2);}


	/* side-bottom */
	.side-bottom .main-nav{margin-bottom:1rem;}

/* ************************* */
/* DASHBOARD				 */
/* ************************* */

	.dashboard{padding:2rem 2.5rem;}
	.dashboard .inner-wrap{display: flex;}
	.dashboard .inner-wrap .col{display: flex; flex-direction: column; flex-basis:100%;}
	.dashboard .inner-wrap .col.fixed-width{width:27rem; flex:none;}
	.dashboard .inner-wrap .col+.col{margin-left:2rem;}
	.dashboard .inner-wrap.two-cols .col{width:50%;}

	.dashboard .panel{border:1px solid #c8d9e3; background-color: #fff;}
	.dashboard .panel .panel-icon{font-size:10.5rem; color:#dae9f2; padding:1rem 0; transition: color 0.2s ease; }
	.dashboard .panel.auto-height{flex-grow:1; display:flex; flex-direction:column; align-items:stretch;}
	.dashboard .panel.auto-height .panel-body{flex-grow:1;}

	.dashboard .sub-nav ul{margin-left:-1rem; margin-right:-1rem;}
	.dashboard .sub-nav ul > li > a{padding:0.5rem 1rem; border-radius:4px; }
	.dashboard .sub-nav ul > li > a:hover, .dashboard .sub-nav ul > li > a:focus{background-color:#0bad9b; color:#fff;}
	.dashboard .sub-nav .divider{height:1px; background-color: #dae9f2; margin:0.5rem 1rem;}

	.recent-list{padding:0; list-style-type: none;}
	.recent-list li+li{margin-top:3rem;}
	.recent-list li{display: flex; align-items: flex-start;}
	.recent-list .date{ padding-right:2rem; color:#84929d; /*flex-basis:20%;*/ flex-shrink:0; display: flex; flex-wrap:wrap;}
	.recent-list .date > div{margin-right:1rem; white-space: nowrap;}
	.recent-list .event p a{ display: inline-block; word-break: break-all;}

	.dashboard .panel .area-link{border:2px solid transparent; border-radius:4px; transition: border 0.2s ease; top:-1px; right:-1px; bottom:-1px; left:-1px;}
	.dashboard .panel .area-link:hover, .dashboard .panel .area-link:focus{border-color:#0bad9b;}
	.dashboard .panel:hover .panel-icon{color:#0bad9b;}

/* ************************* */
/* HELP 					 */
/* ************************* */

	.dashboard.help .inner-wrap{display: flex; flex-wrap:wrap;}
	.dashboard.help .panel{margin-bottom:2rem; margin-right:2rem; width:calc(50% - 2rem);}

	.tile-view{ padding:0; list-style-type: none; display: flex; align-items: stretch; flex-wrap:wrap;}
	.tile-view li{ display: flex; align-items: stretch;}
	.tile-view li > span, .tile-view li > a{width:100%; border-radius:4px; display: flex; flex-direction: column; align-items: center;  padding:1rem 2rem;}
	.tile-view .icon{ font-size: 6.75rem; color:#dae9f2;}
	.tile-view .title{ text-align: center; width:100%; margin:0.5rem 0;}
	.tile-view li > a:hover .icon, .tile-view li > a:focus .icon{color:white;}

	.space-progress{ background-color: #dae9f2; height:1rem; border-radius:4px;}
	.space-progress .space-used-amount{width:8%; height:100%; border-radius:4px; background-color:#84929d; }
	.space-info{ display: flex; align-items: flex-start; justify-content: space-between;}

	.dashboard.help .panel.banner{width:calc(100% - 2rem);}
	.panel.banner{overflow: hidden; border:0; font-size: 2rem;}
	.panel.banner .panel-body{padding:6rem; display: flex; align-items: flex-start;}
	.panel.banner .icon{font-size: 6.75rem; opacity:0.35; margin-right:3rem; margin-top:-2rem;}
	.panel.banner a{color:white; text-decoration: underline;}
	.panel.banner a:hover, .panel.banner a:focus{ text-decoration: none;}


/* ************************* */
/* NAVIGATIONS 				 */
/* ************************* */

	.nav-builder-wrap .nav-controls-wrap{ display:flex; margin-left:auto;}
	.nav-builder-wrap .nav-controls-wrap a{color:rgba(255,255,255,0.6); padding:0.5rem 0.75rem;}
	.nav-builder-wrap .nav-controls-wrap a:hover, .nav-builder-wrap .nav-controls-wrap a:focus{color:#fff;}
	.nav-builder-wrap .nav-controls-wrap a[title='Delete']:hover, .nav-builder-wrap .nav-controls-wrap a[title='Delete']:focus{ background-color:#db5842;}

	ol.nav-builder-wrap li{margin-top:1rem;}
	ol.nav-builder-wrap ol{margin:0;}
	ol.nav-builder-wrap ol li:last-child{margin-bottom:1.75rem;}
	ol.nav-builder-wrap li .nav-item{background:#468fbd; color:#fff; height:5rem; border-radius:4px; display:flex; align-items:center; font-weight:600; padding:1rem 1.25rem 1rem 3rem; border:0;}
	ol.nav-builder-wrap li li{margin-left:2.5rem; }
	ol.nav-builder-wrap li li .nav-item{ height:4.5rem; padding:0.5rem 1.25rem 0.5rem 3rem;}

	.ui-sortable-placeholder{border:1px dashed #468fbd!important; visibility: visible!important; background-color: white;}


/* ************************* */
/* USERS 	 				 */
/* ************************* */

	.user-access-table{font-size: 1.75rem;}
	.user-access-table > tbody > tr > td{padding:0.5rem;}
	.user-access-table > tbody > tr > td:first-child{padding-left:1.25rem;}
	.user-access-table > tbody > tr.table-section-header > td{ font-size: 2rem; color:#468fbd; padding-top:1.25rem;}
	.user-access-table > tbody > tr.table-section-header > td:first-child{ padding-left:0;}
	.user-access-table > tbody > tr.table-header > td:first-child{padding-left:0;}
	.user-access-table > tbody > tr.table-subsection > td:first-child{padding-left:2.5rem;}

	.user-access-table .checkbox{ display: inline-block;}
	.user-access-table tr:not(.table-section-header) .radio-check-control{border-color:#000;}
	.user-access-table tr:not(.table-section-header) input[type='checkbox']:checked + .radio-check-control{ background-color: #000;}
	.user-access-table tr:not(.table-section-header) .checkbox label:hover .radio-check-control{border-color:#0bad9b;}
	.user-access-table tr:not(.table-section-header) .checkbox label:hover input[type='checkbox']:checked + .radio-check-control{background-color:#0bad9b;}
	.user-access-table tr.table-subsection .checkbox{transform:scale(0.85);}
	.user-access-table tr.table-header:hover{background-color:transparent;}

/* ************************* */
/* HOME 	 				 */
/* ************************* */
	.home-wrap{ position: fixed; top:0; right:0; bottom:0; left:0; display:flex; align-items: center; justify-content: center; background: url(../img/bg.jpg) no-repeat center; background-size: cover; color:#fff;  }
	.home-wrap:before{ content: ''; display: block; position: absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(13,51,77,0.6); }
	.home-wrap a{color:#c8d9e3;}
	.home-wrap a:hover, .home-wrap a:focus{color:#fff;}

	.login-wrap{ display:flex; align-items: stretch; height:62rem; width:92rem;}
	.login-wrap .login-brand-wrap{ background-color: #fff; color:#0d334d; padding:7.5rem; width:50%; display: flex; align-items:center; justify-content:center;}
	.login-wrap .login-brand-wrap img{max-width: 100%; flex:none;}
	.login-wrap .login-form-wrap{ background-color: rgba(255,255,255,0.1); padding:6rem 7.5rem 4rem 7.5rem; width:50%; display: flex; flex-direction:column; justify-content:space-between;}
	.login-wrap .form-control + [class*='fa']{ position:absolute; top:0.75rem; left:0;}
	.login-wrap .checkbox label{color:#fff; font-weight:300;}
	.login-wrap .radio-check-control{border-color:#fff; background-color:transparent;}
	.login-wrap .checkbox label:hover .radio-check-control{border-color:#0bad9b;  background-color:transparent;}
	.login-wrap input[type='checkbox']:checked + .radio-check-control{ background-color: #0bad9b; border-color:#0bad9b;}
	.login-form-header h1{ font-size:3rem; font-weight:400;}
	.login-form-footer a [class*='fa']{margin-right:1rem;}

	.home-wrap .form-control{border-radius:0; background:transparent; border:0; border-bottom:1px solid rgba(255,255,255,0.2); padding-left:3rem; color:#fff; padding-bottom:1rem; height:4rem; font-weight:300;}
	.home-wrap .form-control:focus{border-color:#fff!important;}
	.home-wrap ::-webkit-input-placeholder { opacity: 1 !important; color: #fff !important;}
	.home-wrap ::-moz-placeholder {color: #fff !important;	opacity: 1 !important;}
	.home-wrap :-ms-input-placeholder {color: #fff !important; opacity:1 !important; }