/* ************************* */
/* GLOBAL settings			 */
/* ************************* */
	
/* general */
	html, body { height: 100%; }
	body *	{ position:relative; box-sizing:border-box; -moz-box-sizing:border-box }
	body	{font: 14px/1.5em OpenSans, Arial, Helvetica, sans-serif; color: #545454; font-weight:400; background-color:#f3f3f3;}
	
	.page-wrap{ height:auto!important; min-height:100%; min-width:1240px; margin:0 auto; padding:1px 0px;}
	.page-content{padding:30px;}
	.panel{ background-color:white; border-top:4px solid #6ab5e0;}
	.panel-header{padding:20px; border-bottom:1px solid #e8e8e8; font-size:26px; font-weight:300;}
	.panel-body{padding:20px;}
	.panel-tools-wrap{ position:absolute; top:0; right:0; margin:12px 20px 0 0; z-index:1;}
	
	.floatfix:after{ content:''; display:block; width:100%; clear:both; font-size: 1px; line-height: 0px; margin:0; padding:0;}
	
	.mb20{margin-bottom:20px;}
	
	.k-content *{box-sizing:border-box; -moz-box-sizing:border-box; }
	
/* typography */
	h1, h2, h3, h4, h5, h6	{ font-weight:300; line-height:1.2em; color: #545454; margin:0 0 25px 0;}
	h1{font-size:36px; }
	h2{font-size:32px;}
	h3{font-size:28px;}
	h4{font-size:24px;}
	h5{font-size:20px;}
	h6{font-size:16px;}
	
	.small, small{font-size:12px; line-height:1.5em;}
	.big{font-size:20px; font-weight:300;}
	
	.text-center{ text-align:center;}
	.text-right{ text-align:right;}
	.text-left{ text-align:left;}

    .text-uppercase{ text-transform: uppercase;}
	
/* links */
	A:link {color:inherit; text-decoration:underline; transition:color 0.2s ease, background-color 0.2s ease; -webkit-transition:color 0.2s ease, background-color 0.2s ease;}
	A:visited{}
	A:active{}
	A:hover, A:focus{ text-decoration:none;}

	a img{border:0;}
	
/* color */
	.color-blue{color:#6ab5e0;}
	.color-grey{color:#aaa;}

	
/* form */
	/* placeholder formatting */
		::-webkit-input-placeholder { opacity: 1 !important; color: #828282 !important; }
		[placeholder]:focus::-webkit-input-placeholder { color: #828282 !important;}
			
		/* Firefox 18- */
		:-moz-placeholder {color: #828282 !important; opacity: 1 !important;} 
		input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {	color: #828282 !important;}
			
		/* Firefox 19+ */
		::-moz-placeholder {color: #828282 !important;	opacity: 1 !important;} 
		input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: #828282 !important;}
		:-ms-input-placeholder {color: #828282 !important; opacity:1 !important; }
		input:focus:-ms-input-placeholder, textarea:focus::-ms-input-placeholder {color: #828282 !important;}
		
	.btn, a.btn{border:0; display:inline-block; vertical-align:middle; border-radius:2px; height:36px; padding:8px 25px; color:white; background-color:#f2be20; box-shadow:0 3px 4px rgba(0,0,0,0.07);}
    .btn:disabled, a.btn:disabled{ background-color: #bababa;}
	
	/* .form-group + .form-group{margin-top:20px;} */
	.form-group{margin:0px 0 20px 0;}
	
	label{margin-bottom:10px; text-transform:uppercase; font-weight:600; line-height:1.2em; width:100%; display:block;}
	
	.textlabel{padding:9px 5px;}
	
	.checkbox{display:inline-block; cursor:pointer; width:auto;}
    .checked{ color: white !important; background-color:#facb3c !important;}
	
	.k-textbox{border-color:#f0f0f0;}
	input.k-textbox{height:36px; width:100%;}
	input.k-textbox, textarea.k-textbox{padding:7px 10px;}
    .k-ff input.k-textbox{height: 36px; width: 100%;}
	
	.k-button{color:white; border:0; background-color:#f2be20; height:36px; line-height: 2.3em; text-transform:uppercase; font-weight:400; padding-left:2em; padding-right:2em; transition:color 0.2s ease, background-color 0.2s ease; -webkit-transition:color 0.2s ease, background-color 0.2s ease;}
	.k-button:hover, .k-state-hover.k-button, .k-button:hover:active, .k-state-active.k-button:hover{color:white; background-color:#facb3c;}
	.k-button + .k-button, a + .k-button{margin-left:15px;}

    .k-upload-status{top: .4em;}
    .k-button.k-upload-action{height: 1.95em;}
	
	
	.k-dropdown{width:100%;}
	.k-dropdown .k-state-default{border-color:#f0f0f0; background-color:#fafafa;}
	.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input
		{height:auto; padding:6px 5px;}
	.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup{color:#545454;}
	.k-dropdown .k-input, .k-selectbox .k-input{background:#fefefe;}
	.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select{line-height:2.3em; width:36px; border-left:1px solid #f0f0f0;}
	.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap{padding-right:36px;}
	
	.k-multiselect-wrap{ background-color:#fefefe;}
	.k-multiselect-wrap .k-input{height:auto; padding:7px 5px;}
	.k-multiselect-wrap li{height:auto; background-color:#fafafa; color:#545454; padding:4px 20px 4px 7px; margin:4px; border-radius:36px; /* height:28px; */}
	.k-multiselect-wrap li + li{margin-left:5px!important;}
	.k-multiselect-wrap li:hover{color:#545454; background-color:#e4e4e4;}
	.k-multiselect-wrap .k-select{padding-top:2px; padding-bottom:2px;}
	
	.k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-button, .k-other-month, .k-other-month .k-link, .k-dropzone em, .k-dropzone .k-upload-status, .k-tile-empty strong, .k-slider .k-draghandle
		{color:#ddd;}
	.k-state-disabled .k-dropdown .k-input, .k-state-disabled .k-dropdown .k-state-focused .k-input, .k-state-disabled .k-menu .k-popup{color:#ddd;}
	
	.radio-inline + .radio-inline{margin-left:40px;}
	.k-radio-label{ display:inline-block; width:auto; line-height:1.65em; padding:7px 0 7px 30px; margin-bottom:0; text-transform:none; font-weight:400;}
	.k-radio-label::before{ background-color:transparent; top:9px;}
	:checked.k-radio + .k-radio-label::after{background-color:#6ab5e0;}
	:checked.k-radio + .k-radio-label::before{border-color:#6ab5e0;}
	:checked.k-radio + .k-radio-label::after{top:13px; left:4px;}
	
	.k-datepicker{width:100%;}
	.k-datepicker .k-input, .k-timepicker .k-input{ background-color:#fefefe; padding:6px 0; }
	
	
	
/* grid */
	.row{margin:0 -10px;}
	.row:after{ content:''; display:block; clear:both; font-size: 1px; line-height: 0px; margin:0; padding:0;}
	[class^=col-]{float:left; padding:0 10px;}
	.container{max-width:1240px; padding:0 10px; margin:0 auto;}
	.container-fluid{width:100%; padding:0 10px;}

	.col-12{width:100%;}
	.col-11{width:91.66%;}
	.col-10{width:83.33%;}
	.col-9{width:75%;}
	.col-8{width:66.66%;}
	.col-7{width:58.33%;}
	.col-6{width:50%;}
	.col-5{width:41.66%;}
	.col-4{width:33.33%;}
	.col-3{width:25%;}
	.col-2{width:16.66%;}
	.col-1{width:8.33%;}
	
/* header */	
	#header{ background-color:#6ab5e0; color:white;}
	
	#logo{float:left; margin: 9px 10px 0px 0px;}
	
	#login-name{float:right; margin:20px 0 0 0;}
	#login-name span+span{margin-left:30px;}
	#login-name a{color:#d1e2eb;}
	#login-name a:hover{color:white;}
	
	/* main-nav */
	#main-nav{float:left; width: 40%;}
	#main-nav ul{margin:0; padding:0; list-style-type:none; background-color:#6ab5e0; border:none;}
	#main-nav ul > li{float:left;color:#d1e2eb; display:inline-block; padding:20px 15px; text-decoration:none;border-color: #6ab5e0;}
	#main-nav ul > li > a {color:#d1e2eb; text-decoration:none;}
	#main-nav ul > .active > a{color:white;}
	#main-nav ul > li:hover, #main-nav ul > li:focus{background-color:#5fa6cd;}
    #main-nav ul > li > a:hover, #main-nav ul > li > a:focus{color:white;}
    .k-menu .k-item > .k-link{ padding: 0px;}
    .main-subnav{padding: 10px 0px !important;width: 100%;text-decoration:none;}
    .k-menu .k-item > .k-link{color:#d1e2eb;}
    .k-menu .k-item > .k-link:hover{color:white;}
    .k-menu .k-state-active, .k-popup.k-context-menu.k-group .k-state-hover {background-color: #5fa6cd; background-color:#5fa6cd;}
    .k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner::before, .k-grid-mobile .k-resize-handle-inner::after {opacity: 1 !important;border-color: transparent;}
    .k-menu .k-item > .k-link > .k-i-arrow-s{background-image:url(kendo/Black/sprite.png);}

/* breadcrumbs */	
	#breadcrumbs{ background-color:#28556b; color:white; padding:6px 30px;}
	#breadcrumbs ul{margin:0; padding:0; list-style-type:none;}
	#breadcrumbs ul li{ display:inline-block;}
	#breadcrumbs ul li+li:before{ content:'\f105'; font-family:'FontAwesome'; display:inline-block; margin:0 20px;}
	#breadcrumbs ul li a{color:white;}
	#breadcrumbs ul li a:hover{color:#d1e2eb;}
	
/* tables */	
	.k-grid-header th.k-header, .k-filter-row th{padding:10px 15px;}
	.k-grid td{padding:15px 20px; font-weight:300; border:0; border-bottom:1px solid #e8e8e8;}


	.cost-table{width:100%; font-size:20px; color:#aaa; font-weight:300;}
	.cost-table td{padding:10px 13px; text-align:right;}
	.cost-table td+td{ text-align:left; color:#545454; font-weight:400;}
	
/* accordion */
	.k-panelbar, .k-panelbar .k-header, .k-panelbar .k-content, .k-panel > li.k-item, .k-panelbar .k-state-selected{ background-color:#fff;}
	.k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item{color:#545454;}
	.k-panelbar .k-state-highlight{border-top:4px solid #6ab5e0;}
	.k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link{font-size:26px; font-weight:300; padding:10px 50px 10px 20px; line-height:1.2em;}
	.k-panelbar > li > .k-state-selected, .k-panelbar > li.k-state-default > .k-state-selected.k-link{color:#545454;}
	.k-panelbar .k-content{padding:15px 30px;}
	.k-panelbar-expand, .k-panelbar-collapse{right:20px;}
	.ba .k-link > .k-icon{ background-image:url(kendo/Default/sprite-ba.png);}
	
	.ba-item-cost{float:right; font-size:20px; font-weight:400;}
	
/* modal */
	div.k-window{border:0;}
	.k-window-titlebar{ background-color:#6ab5e0; height:auto; }
	.k-window-title{font-size:inherit; left:15px;}
	.k-window-titlebar .k-state-hover { background-color: #9fcde8; border-color: #9fcde8; border-color:transparent;}
	.k-calendar .k-state-hover.k-link, .k-window-titlebar .k-link{border-radius:2px;}
    .k-calendar td{border-radius: 0;}
    .k-calendar .k-header{margin-bottom: 3px;}


/* tabs */	
    .k-tabstrip-items { padding:0px; color: rgb(40, 85, 107);}
    .k-header{background-image: none;background-position: 50% 50%;}
    .k-tabstrip-items .k-state-active {background-image: none;border-color: #28556B;}
    .k-tabstrip-items .k-item{border-width: 2px 0px 3px 0px;margin:0;}
    .k-tabstrip-items .k-item.k-state-hover{background: white;border-color: white;}
    .k-tabstrip-items .k-tab-on-top, .k-tabstrip-items .k-state-active { margin:0;}
    .k-tabstrip-items .k-item{background-color: white;}
    .k-tabstrip .k-content.k-state-active {background-color: #F3F3F3;}
    .k-tabstrip > .k-content { position: static;border-style: solid;border-width: 0;margin: 0;padding: 2em 0.92em;}
     #appTabs{ border-width: 0px;}
    .k-tabstrip-items { background-color: white;}
    .k-tabstrip-items .k-state-default .k-link{ color: rgb(40, 85, 107);text-transform: uppercase;}
    .k-tabstrip:focus {box-shadow: none;}

/* ************************* */
/* LOGIN					 */
/* ************************* */
	.login-page{ background:url(img/login-page-bg.jpg) no-repeat center top; background-size:cover;}
	.login-panel-wrap{ text-align:center;}
	.login-panel{ width:455px; display:inline-block; background-color:rgba(255,255,255,0.8); padding:25px; text-align:left;}
	.login-panel-wrap .k-textbox{display:block; width:100%;}

/* ************************* */
/* PROFILE					 */
/* ************************* */
	.confirm-wrap{width:25%; position:absolute; top:0; right:0; text-align:right;}
	.confirm-text{font-weight:700; color:#e64f4f;}