a:link,a:hover,a:visited,a:active{text-decoration:none;}

h4{font-size: 18px; margin: 10px 0; float:left;width: 100%;}

.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.ajaxLoading{position:fixed;top:0;left: 0;z-index:99998;background:transparent;width: 100%;height: 100%; display:none;}
.ajaxLoading .ajax_box{position:fixed; margin: -40px 0 0 -150px;top:50%;left: 50%;z-index:99999;background:#ddd;color: #c80126; border-radius: 5px; text-align:center;}

.scrollToTop{position:fixed;right:10px;bottom:10px;font-size:40px; line-height:40px;width:50px;height:50px;border-radius:5px;background:rgba(0,0,0,0.5); color:#fff; z-index:9999; cursor:pointer; text-align:center; transition: background 0.5s ease; display:none;}
.scrollToTop:hover{background:rgba(0,0,0,0.9);}

/* update */
.white_bar form .submit input,td form .submit input,.index > form .submit input,.form > form .submit input{background:none;color:#fff; border:none;}

/* old actions */
.container > .actions h3{display: none;}
.container > .actions ul{list-style-type:none; padding:0;margin:0;}
.index h2.actions {text-align:left;}
.add_ajax_system2 a, .add_ajax_system_notes > a, .form.new > a, .search_form > a, .add_ajax_system a, .form div.actions a, .form div.actions input, .index > h2.actions a, .white_bar form .submit,td form .submit,.index > form .submit,.form > form .submit,.container > .actions a{background: #7CBB00;border-radius:20px; padding: 8px 20px;border:0; display: inline-block; font-size: 16px; color: #fff; margin-right: 10px; min-height:37px; box-sizing:border-box; font-weight: normal;}
.add_ajax_system2 a:hover, .add_ajax_system_notes > a:hover, .form.new > a:hover, .search_form > a:hover, .add_ajax_system a:hover, .form div.actions a:hover, .form div.actions input:hover, .index > h2.actions a:hover, .white_bar form .submit:hover,td form .submit:hover,.index > form .submit:hover,.form > form .submit:hover,.container > .actions a:hover, .white_bar form .submit:hover,td form .submit:hover,.index > form .submit:hover,.form > form .submit:hover,.container > .actions a:hover{background: #4285F4;}
td form .submit{padding: 3px; min-height:20px; margin-top:5px;}

/* search fixes */
.search_form > form{margin-left:-10px; margin-bottom:20px;}
.search_form div.submit{float:none;display:inline-block; margin-left:10px;}
.file_line a, .search_form div.submit input{padding:9px 10px; background: #7CBB00; color:#fff; border-radius: 20px;}
.file_line a:hover, .search_form div.submit input:hover{background: #4285F4;}

/* margins */
.container > .index + .actions{margin-top:20px;}

/** add/edit **/
.form legend{text-align:left; color:#333; font-weight:bold;font-size:24px; margin:0 0 20px; line-height: 30px;}
.container > .form + .actions{display:none;}


/** Paging **/
.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
	color: #c73e14;
}

/** Scaffold View **/
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl dd:nth-child(4n+2),
dl dt:nth-child(4n+1) {
	background: #f4f4f4;
}

dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
	width: 12em;
}
dd {
	margin-left: 12em;
	margin-top: -2em;
	vertical-align: top;
}
.emailMessages.view.new dl {width:96%}
.emailMessages.view.new dt {width: 40%}
.emailMessages.view.new dd {width: 60%; margin-left: 35em}


#home_menu .main_menu ul{float:left;width:100%;border:none;border-right:0; z-index:9998;}
#home_menu ul ul{display:none;}
#home_menu .main_menu ul li{float:left; width:auto;padding:0 10px; margin:0;}

#home_menu{width:900px; margin-top:50px;}
#home_menu .main_menu ul li.hide_in_home{display:none;}
#home_menu .main_menu ul li{display:block; padding:15px; border-radius:10px; margin:15px; width:240px; height: 80px; line-height:80px; font-size:200%; color:#fff;background:#aaa;border:none;}
#home_menu .main_menu ul li:nth-child(odd){background:#e32;}
#home_menu .main_menu ul li a{color:#fff;font-weight:normal; display: block;}
#content h2 a{color:#e32; font-size:14px; color:#000;}    



.double label{width:auto;min-width:120px; display:inline;float:left;margin-right:15px;}
.double .datepicker{width:60%;padding:0;margin-top:-2px;}
.entry_ajax{border-top:1px solid #000;float: left;width: 100%;padding-top: 30px; padding-bottom: 10px;}
.entry_ajax textarea{height:80px;}

div.actions.side_nav{margin:0;padding:0; width: 100%; float: left;}
.form.index .actions{text-align: left;}
.index fieldset > .actions ul li, .side_nav ul li {list-style-type: none; float: left; margin: 0; text-align:center; padding:7px 0;}
.side_nav ul li a{display: block;}
.index fieldset > .actions ul, .side_nav ul{padding:0;margin:0;}
.actions ul li a.active{background:#e32; color:#fff; text-shadow:none;}
/*#use_side_nav .form.new{float:left;width:85%;}
#use_side_nav .side_nav{float:left; width:15%;}*/

#load_ajax_system {margin: 20px 0;	}

.search_form .input.checkbox{width: auto;}
.search_form .input.checkbox + .input.checkbox {margin-left:50px;}

.form .input.phone_number input{width: 50px;}
.form .input.double select.datepicker, .form .input.date select, .form .input.time select{width: 20%;}

.add_ajax_system2, .add_ajax_system {margin-bottom: 20px;}

.form .file_line a{margin-top: 13px; margin-right: 20px; float: left;}
.form .file_line br{display: none;}
.form .file_line .checkbox{width: auto; margin-top: 7px;}
.double.input > .input.text {margin-top: 15px;}
.input.double input:checked ~ .checkmark {background-color: #7CBB00;}
.input.double input ~ .checkmark .fa-check{display: none;}
.input.double input:checked ~ .checkmark .fa-check{display: inline;}
.input.double input:checked ~ .checkmark .fa-close{display: none;}

.double.input > .select{ margin-top: 15px;}
.double.input > .checkbox_show {
    position: absolute;
    cursor: pointer;
    height: 36px;
    width: 36px;
    opacity: 0;
    left: 0;
    top: 5px;
    z-index: 10;
}

.double.input.checked > label, .double.input.unchecked > label {
	padding: 12px 0 20px 60px;
}

fieldset{margin: 0 0 20px;}

.main {background: #fff;}

#ProjectJobSearchAdminCalendarForm{float:right; width: auto; margin-left:40px;}
#ProjectJobAdminCalendarForm div{clear:none;padding:0;margin:0;}
.index table tr:hover { background-color: #ffff99;}
.index table tr:first-child{background-color:inherit;}
header > a{float:left;width:280px;}
#admin .main_menu ul li.no_border{border:0;}
.main_menu .top_menu{display:none;}
#top_section{float:right;width:60%;}
#admin #top_section .main_menu ul{width:auto;float:right;}
#admin #top_section > .main_menu li{display:none;}
#admin #top_section .main_menu .top_menu,#admin #top_section .main_menu .top_menu li{display:block;}
#admin #top_section .main_menu ul li a{font-size:14px; line-height:20px;margin:0; padding:0; text-align:center;width:100%;}
#admin #home_menu .main_menu ul li a.double{font-size:30px; line-height:40px;}
#admin #top_section .main_menu ul li a:hover{color:#367889;}
#ProjectJobAdminCalendarForm div.day{float:left;width:15%;margin:0 0.70%;background:#f0f0f0;}
.days_system_5 #ProjectJobAdminCalendarForm div.day{width:19%;margin:0 0.5%;}
.day{font-size:10px;}
.day .finished_job{position:absolute;right:4px;top:4px;}
.day form,.day form div{clear:none;margin:0;padding:0;width:100%;}
/*.day.even{background:#f0f0f0;}*/
.day .header{padding:5px 0;text-align:center; float:left;width:100%; text-transform: capitalize; background:#e32; color:#fff;}
.day .work{padding:0 2%; width:96%;float:left;cursor:pointer; margin:3px 0 3px; border-bottom:1px solid #e32; position:relative;}
.day p{margin:0 0 1px;}
.lunch{text-align:center;font-size:12px; padding:2px 0;border-top:1px solid #f00;border-bottom:1px solid #f00; margin:3px 0;}

#day_manager form{width:100%;}

.client_name{font-weight:bold;font-size:12px;}

.day ul{margin:0;padding:0;min-height:400px; list-style-type: none;}
.day ul a{color:#fff; text-align:center;display:block;}

.confirmed{color:#fff;background:#b32;}
.plan{color:#000;background:#d0d0d0;}

.project_type_2{background:#00AA00;}
.project_type_3{background:#999933;}
.project_type_4{background:#0000EE;}
.project_type_5{background:#E6B800;}

.color_yellow{color:#E6B800;}
.color_red{color:#b32;}
.color_blue{color:#0000EE;}
.color_green{color:#00AA00;}
.color_black{color:#000000;}
.color_violet{color:#551A8B;}

.team_violet{color:#fff;background:#551A8B;}
.team_black{color:#fff;background:#000;}
.team_yellow{color:#fff;background:#E6B800;}
.team_red{color:#fff;background:#b32;}
.team_blue{color:#fff;background:#0000EE;}
.team_green{color:#fff;background:#00AA00;}
.team_cyan{color: #fff;background:#ACf;}
.planned{color:#fff;background:#ff8800 !important;}

.work.service {background: #FFFF00 !important; color:#000;}
.work.service a{color:inherit;}

.work.service_planned {background: #BBBB00 !important; color:#000;}
.work.service_planned a{color:inherit;}

.work.task {background: #ddd !important; color:#000;}
.work.task a{color:inherit;}

.work.task_planned {background: #777 !important; color:#fff;}
.work.task_planned a{color:inherit;}

.legend{margin-top:15px;}

.search_form.actions a{margin:0 0 0 20px; display:inline-block}

#cboxLoadedContent{background:#fff;}
#cboxLoadedContent dl{min-width:800px;}

header .menu ul ul{top: 132px; z-index:10;}
.form .input{width: 100%;}
.form .input.select label{width: 100%;}

@media only screen and (max-width: 1024px){    
	#home_menu{width: 100%;}
	#home_menu .main_menu ul{width: 100%; padding: 0; margin: 15px 0;}
	#home_menu .main_menu ul li{width: 100%; padding: 0; margin: 15px 0;}
}

@media only screen and (max-width: 570px){    
	#day_manager{width: 96%; }
	.day .finished_job{right: 1px; top: 12px;}
	.day .finished_job img{height:14px; width: auto;}	
	table th{display: none !important;}
	.index th:first-child, .index td:first-child{width: 100%;}
	#map-canvas iframe{width: 100%;}
	.search_form .input.checkbox, .form .checkbox {
		min-height: 30px;
		margin-top: 0;
		padding: 12px 0 6px 60px;
	}
}

