﻿/* This style sheet is used to hide or display elements of a web page for printing */
/* This has been completely redeveloped for the new AMS design 04-02-2015 */
/* --- General --------- */
body 
{
	font-size: 12px;
}
/* Hide the header with logo and control panel */










a{text-decoration:none; color:#2980b9; font-family:'latolight'}
a:visited {text-decoration:none;  font-family:'latolight'}
a:hover { text-decoration:none; color:#1e6da1}
a:active, a:focus {text-decoration:none; color:#484848; outline:none;}

a.white { text-decoration:none; font-family:'latolight'; color:#fff !important;}

table {border: 1px solid #aaa; width:100%}
th { background-color:#e3e3e3; font-family:'latolight'; /*font-size:16px;*/ padding:6px;border: 1px solid #aaa; text-align:left;}
/* DEMO STYLE: td { background-color:White; font-family:'latoregular'; font-size:14px; padding:6px;border: 1px solid #aaa; height:25px;}*/
 td { background-color:White; font-family:'latolight'; /*font-size:12px;*/ padding:6px;border: 1px solid #aaa; height:25px; }
label { font-family: 'latolight'; font-size:14px; padding:2px;}
.row.smaller label{font-size: 12px;}
textarea { height:100px !important;}
textarea.high { height:450px !important;}

.text-regular label {font-family:'latoregular';}

th.th-5  { width:5%; }
th.th-10 { width:10%;}
th.th-15 { width:15%;}
th.th-20 { width:20%;}
th.th-25 { width:25%;}
th.th-30 { width:30%;}
th.th-33 { width:33%;}
th.th-40 { width:40%;}
th.th-45 { width:45%;}
th.th-50 { width:50%;}
th.th-55 { width:55%;}
th.th-60 { width:60%;}
th.th-65 { width:65%;}
th.th-66 { width:66%;}
th.th-75 { width:75%;}
th.th-90 { width:90%;}
th.th-100 { width:100%;}

.pointer {cursor: pointer;}
.notallowed { cursor:not-allowed; }


input, input[type=select], .txt-input, button {	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}



.listbox { font-family:'latolight'; font-size:16px !important;line-height:34px !important; border: 1px solid #aaa !important;}
.hidden { display:none;}

.font-red { color: #e73939 }
.font-green { color: #484848; }
.font-blue { color: #2980b9 }
.font-orange { color: #e67e22 }
.font-yellow { color: #f1c40f }
.font-purple { color: #9b59b6 }
.small { font-size:12px;}



.col-5  {width: 5%; float:left;}
.col-10 {width: 10%; float:left;}
.col-14 {width: 14%; float:left;}
.col-15 {width: 15%; float:left;}
.col-20 {width: 20%; float:left;}
.col-25 {width: 25%; float:left;}
.col-30 {width: 30%; float:left; }
.col-35 {width: 35%; float:left; }
.col-33 {width: 33%; float:left; }
.col-40 {width: 40%; float:left; }
.col-45 {width: 45%; float:left; }
.col-50 {width: 50%; float:left;}
.col-55 {width: 55%; float:left;}
.col-60 {width: 60%; float:left;}
.col-65 {width: 65%; float:left;}
.col-66 {width: 66%; float:left;}
.col-70 {width: 70%; float:left;}
.col-75 {width: 75%; float:left; }
.col-80 {width: 80%; float:left; }
.col-85 {width: 85%; float:left; }
.col-84 {width: 84%; float:left; }
.col-90 {width: 90%; float:left; }
.col-95 {width: 95%; float:left; }
.col-100 {width: 100%; float:left;}





.splitter{
clear: both;
}
#name{font-weight:bold;}
.panel-body .row > div{
	/*clear: both;*/
	margin-top: 5px;
}
.panel-body .row .col-20{float: left !important;}

.col-5.label, .col-10.label, .col-15.label, .col-20.label, .col-25.label, .col-30.label, .col-33.label, .col-35.label, .col-45.label, .col-50.label, .col-60.label, .col-75.label, .col-100.label  { padding: 9px 0px;}		/* vertically align any "labels"*/

.row { padding: 4px;clear:both;  overflow: hidden;}
.row-view {font-family: 'latolight'; padding: 4px;}			/* for "table" style views (ie, notes, milestones on job view screen */
.row.separator { width:100%; border-top: 1px solid #e3e3e3; padding: 3px 0px;height:1px; }
.col-5.separator { width:1px; border-left: 1px solid #e3e3e3; border-top-style:none; padding: 3px 2% 3px 0px; height:100%; }
.row h4{
    margin-top: 20px;
}
.row:first-of-type h4{
    margin-top: 0px;
}

/* PANEL STYLES */
.panel-std  
{
    background-color: #e3e3e3; border: 1px solid #aaa; padding:15px; margin:0 auto;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);    
}

.panel-header .col-75{text-align: left;}
/*.panel-std .panel-header .green { background-color: #27ae10;}*/
.panel-std .panel-body { padding-top:10px; }
.panel-std .panel-header .small-text  { font-size:16px; color:#aaa;}
.panel-std .panel-header .row div span {
    padding-right: 10px !important;
}

/* DARK PANELS */
.panel-std.dark {background-color: #2d2d2d; color:#fff;}
.panel-std.dark .panel-header {border-bottom: 1px solid #454545; color:#2980b9;}
.panel-std.dark .panel-body .txt-input {background-color: #484848; color:#aaa;}


/* Inner panel */
.panel-inner { background-color: #fff; border: 0px none #fff; margin:0 auto;}
.panel-inner .panel-header { font-size: 24px; font-family:'latolight' !important; color: #fff; background-color:#aaa; padding: 15px;}
.panel-inner .panel-subheader { font-size: 24px; font-family:'latolight' !important; /*color: #fff; background-color:#aaa; */padding: 15px;}
.panel-inner .panel-body { padding:15px; }
.panel-inner .light-font { font-family:'latolight';}
.panel-inner .panel-body .dark {color:#e3e3e3; background-color:#2d2d2d;}
.panel-inner .panel-header .small-text  { font-size:16px; color:#e3e3e3;}

.basic-header { border-bottom: 1px solid #aaa; padding-bottom:3px;}

.padded-top-xxs { padding-top:5px; }
.padded-left-xxs { padding-left:5px; }
.padded-right-xxs { padding-right:5px; }
.padded-bottom-xxs { padding-bottom:5px; }
.padded-top-xs { padding-top:10px; }
.padded-left-xs { padding-left:10px; }
.padded-right-xs { padding-right:10px; }
.padded-bottom-xs { padding-bottom:10px; }
.padded-top-sm { padding-top:20px;}
.padded-left-sm { padding-left:20px;}
.padded-right-sm { padding-right:20px;}
.padded-bottom-sm { padding-bottom:20px;}
.padded-top-smmd { padding-top:30px;}			/* Small to Medium - bridges the gap between  sm and md sizes */
.padded-left-smmd { padding-left:30px;}			/* Small to Medium - bridges the gap between  sm and md sizes */
.padded-right-smmd { padding-right:30px;}			/* Small to Medium - bridges the gap between  sm and md sizes */
.padded-bottom-smmd { padding-bottom:30px;}			/* Small to Medium - bridges the gap between  sm and md sizes */
.padded-top-md { padding-top:40px;}
.padded-left-md { padding-left:40px;}
.padded-right-md { padding-right:40px;}
.padded-bottom-md { padding-bottom:40px;}
.padded-top-lg { padding-top:100px;}
.padded-left-lg { padding-left:100px;}
.padded-right-lg { padding-right:100px;}
.padded-bottom-lg { padding-bottom:100px;}

.align-right { text-align:right;}
.align-left { text-align:left;}
.align-center { text-align:center;}
.float-left { float:left;}
.float-right { float:right;}
.row .float-left{margin-left: 10px;}
.row .float-right{margin-right: 10px;}

.header {
			background-color:#e3e3e3; 
			padding: 10px 0px 0px 10px;
			vertical-align:middle;
			border-bottom: 1px solid #2980b9;
			height: 88px;						/* Required for IE */
		}
		
.header .control-panel { border-left: 1px solid #2980b9; font-size:16px; float:right; height:98px; position:relative; margin-top:-10px;}
.header .control-panel .name { border-bottom: 1px solid #2980b9; padding:10px; font-size:20px; }

.theme-logo { float:right;	text-align:right;	padding-right:10px; }


.smtext { font-size:14px; }

.content-container { width:1600px;}

/* Navigation Styles */
.nav { width: 258px; background-color:#2d2d2d; float:left; vertical-align:top; }
.nav-box { min-height: 20px; color:#2980b9; font-size: 16px; vertical-align:middle; padding:15px; border-bottom: 1px solid #484848;}
.panel-inner .panel-body .row > div span{font-size: 14px !important;}
.panel-inner .panel-body .row > div{font-size: 14px !important;}
.panel-inner .panel-body .mainText, .panel-body .mainTextBold{font-size: 14px !important;}

.panel-body .panel-header { font-size: 34px !important; font-family:'latolight'; color: #484848; border-bottom: 1px solid #aaa; padding-bottom:5px; overflow:hidden;}

.header { display:none; }
/* Hide the left hand navigation menu */
.nav { display:none; }
/* Hide the buttons used on the page i.e. print, save, submit */
.btn-std,a.lnk-btn-std { display:none; }
/* hide the footer text. i.e. AMS Application .... */
.footer-text { display:none; }

.panel-std { 
			border:none; 
			background:none;
			}
			
.ui-tabs-nav { display: none; }
.ui-tabs .ui-tabs-hide { display: block !important; }
.ui-tabs .ui-tabs-hide { display: block !important; }
table,tr,td
{
    border: none !important;
}