body { padding-top: 50px; }
.navbar  {
	font-size:9pt;
	margin-bottom:0px;
}
.navbar-brand {
	padding:10px 15px;
}
footer {
	margin-top:20px;
	border-top:1px solid #DDDDDD;
	padding-top:20px;
}

.squeezed-dropdown {
	width:80px !important;
}
label.checkbox {
	font-weight: normal;
}


form {
	margin:0;
}
fieldset legend {
	padding:0;
}
.zebra-striped {
	margin:1em 0;
}
.page-header {
    background-color: #F5F5F5;
    margin: 0 0 20px;
    padding: 10px 20px;
}
.page-header h1 {
	margin:0;
}

#gmapjson, .activity_list, .summary_dar {
    border:1px solid #AAA;
    margin-bottom:15px;
}
#gmapjson {
	height:500px;
}
.summary_dar {
	height:100px;
}
.activity_list {
	height:383px;
}
.container_float {
    overflow:hidden;
}
.activity_list, .summary_dar {
    margin-right:24px;
    overflow:auto;
}
.activity_list ul {
    padding:10px 0;
}
.activity_list li {
    list-style: none;
    margin-left: 10px;
}
.container_float > div {
    float:left;
}

.sidebar_fieldset {
	width:300px;
	float:right;
	overflow:hidden;
	border:1px solid #DDDDDD;
	padding:.5em 1em;
}
.sidebar_fieldset fieldset {
	background-color:white;
}
textarea {
	width:400px;
	height:120px;
}
#ui-datepicker-div {display:none}

.btn em {
	font-size:85%;
	font-style:normal;
}
.dropdown-menu .dropdown-menu {
	position:absolute;
	left:160px;
	top:0;
}

.progress-table th, .progress-table td {
	text-align:center;
}
.progress-table td a {
	color:black;
}

.calendar-item a {
	color:white;
}
.pending-calendar {
	border-collapse: collapse;
}
.pending-calendar td {
	background-color: #F5F5F5;
}
.pending-calendar th {
	text-align: center;
	text-transform: uppercase;
	background-color: #222222;
	color:white;
}
.pending-calendar .main-heading {
	font-size:2em;
}
.pending-calendar .week-day {
	font-size:1em;
}
.pending-calendar .week-day, .pending-calendar td {
}
.select-calendar-day:hover {
	background-color:#EBEBEB;
	cursor:pointer;
}

.navigation-calendar {
	border-collapse: collapse;
}
.navigation-calendar td, .navigation-calendar th {
	padding: 5px !important;
	text-align: center;
}
.navigation-calendar td {
	background-color: #F5F5F5;
}
.navigation-calendar th {
	text-align: center;
	text-transform: uppercase;
	background-color: #222222;
	color:white;
}


.day-planner {
	/*height: 140px;*/
}
.day-planner .planner-row {
	width: auto;
	white-space: nowrap;
	font-size:0;
}
.day-planner .technician-column {
	float:left;
	width:120px;
	overflow: hidden;
}
.technician-column .technician-heading {
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	height:50px;
}
.technician-heading.not-empty {
	background-color:#222222;
	color:white;
	border-left:1px solid #DDDDDD;
	padding:5px 10px;
	font-size: 14px;
	height: 50px;
}
.planner-row-technician {
	background-color:#F5F5F5;
	position: relative;
}
.unavailable-technician {
	background: repeating-linear-gradient(
	  -60deg,
	  #D7D7D7,
	  #D7D7D7 10px,
	  #F5F5F5 10px,
	  #F5F5F5 25px
	);
	cursor: not-allowed;
}
.unavailable-technician .hour-placeholder {
	background: transparent !important;
	border-right:0 !important;
}

.planner-scrollable {
	overflow-x: scroll;
	overflow-y:hidden;
}
.planner-row-technician .hour-placeholder {
	width:180px;
	padding:10px;
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
    display: inline-block;
	display: inline !ie7;
	background-color:#F5F5F5;
	height: 50px;
}

.day-planner .hour-heading {
	width:180px;
	height:50px;
	padding:10px;
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;

	background-color:#222222;
	color:white;
	font-size: 20px;
	font-weight:bold;

    display: inline-block;
	display: inline !ie7;
}
.technician-item {
	position: absolute;
	top:0px;
	font-size:13px;
	color:white;
	overflow: hidden;
	height:50px;
	z-index: 99;
	border-right:1px solid white;
	border-bottom:1px solid white;
	cursor:pointer;
}
.technician-item.draggable {
	cursor:move;
}
.technician-item .technician-item-inner {
	padding:3px 2px;
}
.technician-item small {
	display:block;
}
.technician-item.blue {
	background-color:#428BCA;
}
.technician-item.blue.striped {
	background: repeating-linear-gradient(
	  -45deg,
	  #4591D4,
	  #4591D4 10px,
	  #428BCA 10px,
	  #428BCA 20px
	);
}
.technician-item.green {
	background-color:#5CB85C;
}
.technician-item.green.striped {
	background: repeating-linear-gradient(
	  -45deg,
	  #61C261,
	  #61C261 10px,
	  #5CB85C 10px,
	  #5CB85C 20px
	);
}
.technician-item.red {
	background-color:#D9534F;
}
.technician-item.red.striped {
	background: repeating-linear-gradient(
	  -45deg,
	  #ED5B56,
	  #ED5B56 10px,
	  #D9534F 10px,
	  #D9534F 20px
	);
}
.technician-item.purple {
	background-color:#AC0FB3;
}
.technician-item.purple.striped {
	background: repeating-linear-gradient(
	  -45deg,
	  #CC00E8,
	  #CC00E8 10px,
	  #AC0FB3 10px,
	  #AC0FB3 20px
	);
}

.calendar-summary-col {
	text-align: center;
}

.calendar-summary-figure {
	border-radius:62px;
	border-width:4px;
	border-style: solid;
	font-size:48px;
	font-weight: bold;
	text-align: center;
	padding:.5em 1em;
	color:white;
	margin:0 auto;
	display:inline-block;
}
.calendar-summary-figure.green {
	background-color:#5CB85C;
	border-color:#489048;
}
.calendar-summary-figure.red {
	background-color:#D9534F;
	border-color:#A7403D;
}
.calendar-summary-figure.purple {
	background-color:#AC0FB3;
	border-color:#7B0B81;
}
.calendar-summary-figure.blue {
	background-color:#428BCA;
	border-color:#316898;
}

.day-planner .popover-title {
	font-weight:bold;
	font-size:18px;
}
.day-planner .popover {
	font-size:14px;
}
.day-planner .popover {
	z-index:99999;
}

.label-purple {
	background-color: #AC0FB3;
}

.scroll-checkbox-list {
	height:200px;
	overflow:auto;
	border:1px solid #CCCCCC;
	border-radius:4px;
	padding:0 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

@media screen and (max-width: 1550px) {
    .search-span{
        display: block;
        float: left;
        width: 330px;
        margin-right: 15px;
        margin-bottom: 2px;
    }
    .search-span input{
        float:right;
    }
}

.nested-folder{
	background-color: #dedede;
	width: 15px;
	height: 1px;
	margin-right: 5px;
	display: inline-block;
	position: relative;
	bottom: 4px;
}
.modal-body .form-group{
	max-width: 100%;

}
.modal-body .form-group .form-control{

	max-width: 100%;
}