/* -----------------------------------------
   Custom.css - put your own changes here 
----------------------------------------- */
.size26{font-size: 26px !important;}
.size40{font-size: 40px;}
.border1{border: 1px solid #ccc;}
.b0, tr.b0 td{border: 0 none!important;}

.page-header .breadcrumb{background: none; margin-bottom: 0;}
.page-navbar .navbar-brand{background-color: #101010;}
.page-sidebar:after{background: #333;}
.sidebar-panel .sidebar-panel-title{background: #222;}


/*form styles*/
#msform {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	color: #333;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	
	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}

/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}
.itemList{
	display: block;
    background: #efefef;
    padding: 5px 0;
    margin-bottom: 1px;
}
/*progressbar*/
#progressbar {
	margin-bottom: 10px;
	padding: 0;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: #333;
	text-transform: uppercase;
	font-size: 9px;
	width: 10%;
	float: left;
	position: relative;
}
#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 23px;
    line-height: 17px;
    display: block;
    font-size: 11px;
    color: #333;
    background: white;
    border-radius: 3px;
    margin: 0 auto 1px auto;
    z-index: 2;
    position: relative;
    padding-top: 2px;
    border: 1px solid #f9aa0b;
}

#progressbar li.active:before{
	border: 1px solid #db5565;
}
#progressbar li.complete:before{
	border: 1px solid #4B8821;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: 1; /*put it behind the numbers*/
}

#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #db5565;
	color: #fff;
}
#progressbar li.complete:before,  #progressbar li.complete:after{
	background: #27AE60;
	color: #fff;
}

.progress.job-progress {
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    position: relative;
    height: 25px;
}
.progress.job-progress .progress-bar {
    float: left;
    width: 0;
    margin: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    border-radius: 4px;
}

.progress.job-progress > .progress-type {
    position: absolute;
    left: 0px;
    font-weight: 800;
    padding: 3px 30px 2px 10px;
    color: rgb(255, 255, 255);
    background-color: rgba(25, 25, 25, 0.2);
    border-radius: 4px;
}
.progress.job-progress > .progress-completed {
    position: absolute;
    right: 0px;
    font-weight: 800;
    padding: 3px 10px 2px;
    border-radius: 4px;
}

.navbar-nav li.search-box {
    padding-top: 7px;
    padding-bottom: 9px;
    padding-left: 5px;
    padding-right: 5px;
}

.navbar-nav li.search-box .search {
    width: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 0% !important;
    -webkit-border-radius: 0% !important;
    border: 1px solid #fff !important;
    box-shadow: none;
    background: #f6f6f6 url("../img/search-icon.png") no-repeat 10px 8px;
    padding: 0 5px 0 30px;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
}
	@media (max-width: 767px){
		.navbar-nav li.search-box { vertical-align: top; }
	}	
	.navbar-nav li.search-box .search:focus {
	    width: 180px;
	    border: 1px solid #f6f6f6;
	    box-shadow: none;
	    -webkit-transition: all .3s ease;
	    -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	    -o-transition: all .3s ease;
	    transition: all .3s ease;
	    color: #c8c8c8;
	    font-weight: 300;
	}
	
.page-search-results .search-box {
    background: #eee;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.disableTask{position: relative;}
	.disableTask .opacity{display: block; position: absolute; left: 0; right: 0; height: 100%; width: 100%; background: RGBA(255,255,255,0.5);}
	.disableTask .ribbon {
	    width: 150px;
	    height: 150px;
	    overflow: hidden;
	    position: absolute;
	    top: 1px;
	    right: 0;
	    z-index: 4;
	}
		.ribbon .ribbon_orange {
		    font: bold 15px Sans-Serif;
		    text-align: center;
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    -o-transform: rotate(45deg);
		    position: relative;
		    padding: 12px 23px;
		    left: -22px;
		    top: 40px;
		    width: 225px;
		    background-color: #ee9f35;
		    color: #fff;
		    text-transform: uppercase;
		    font-size: 11px;
		}
.completedTask{position: relative;}
	.completedTask .opacity{display: block; position: absolute; left: 0; right: 0; height: 100%; width: 100%; background: RGBA(255,255,255,0.5);}
	.completedTask .ribbon {
	    width: 150px;
	    height: 150px;
	    overflow: hidden;
	    position: absolute;
	    top: 1px;
	    right: 0;
	    z-index: 4;
	}
		.ribbon .ribbon_green {
		    font: bold 15px Sans-Serif;
		    text-align: center;
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    -o-transform: rotate(45deg);
		    position: relative;
		    padding: 12px 23px;
		    left: -22px;
		    top: 40px;
		    width: 225px;
		    background-color: #27AE60;
		    color: #fff;
		    text-transform: uppercase;
		    font-size: 11px;
		}
		
.techsAssigned{
	background: #666;
    color: #fff;
    padding: 10px;
}

.tableSteps{
	border: 1px solid #cfcfcf;
	text-align: center;
	font-size: 11px;
	background: none #fcfcfc;
}
	.tableSteps.stepStarted{background: none #faf9dc;}
	.tableSteps.stepWaiting{}
	.tableSteps.stepComplete{background: none #dbf9de;}
	
.border1grey{
	border: 1px solid #ccc;
}