/* COLOR REFERENCE 
MAIN BLUE COLOR #0434CF

logo colors:
3a3a3c
5358a7
2a9cd4
82d4f2
fcs website red:
ed1c24
5 color kuler theme:
2A9CD4 - blue
EB4658 - red
8242B0 - purple
E3DC16 - yellow
E59228 - orange

FaFaFc
*/

/* GENERAL */
body{font-family:lato,sans-serif;font-weight:300;background:#fff;color:#222;max-width:800px;margin:auto;overflow-x: hidden;
font-size:18px;overflow-y:scroll;}
#wrapper{position:absolute;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;max-height:100%;}


@font-face {
	font-family: 'lato';
	src: url('../../includes/fonts/lato/Lato-Lig.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	url('../../includes/fonts/lato/Lato-Lig.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
	font-weight:300;
}
@font-face {
	font-family: 'lato';
	src: url('../../includes/fonts/lato/Lato-Reg.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url('../../includes/fonts/lato/Lato-Reg.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
    font-weight:normal;
}
@font-face {
	font-family: 'lato';
	src: url('../../includes/fonts/lato/Lato-Bol.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	url('../../includes/fonts/lato/Lato-Bol.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
	font-weight:bold;
}

#mainBody{overflow-x:hidden;background:#FFF;width:100%;max-width:800px;position:relative;}
#HUD{position:fixed;left:auto;top:0px;bottom:0px;z-index:7;width:100%;max-width:800px;pointer-events:none;}
/*instead of making fixed icons and windows on the page they should be made absolute and put into this div*/

div,input,a,textarea{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin:0;}

input[type='button'],input[type='submit'],.button,input[type='text'],input[type='search'],input[type='password'],input[type='image'],input[type='number'],select,textarea
{-webkit-appearance:none;font-size:16px;-webkit-border-radius:3px;border-radius:3px;background-color:white;
border:1px solid #0434CF;padding:6px 10px;margin:10px 0px 0px 0px;color:#0434CF;font-family:lato,sans-serif;font-weight:300;}
input[type='button'],input[type='submit'],.button{font-weight:normal;cursor:pointer;text-align:center;background: #f1f1f3;
    box-shadow: 0;-webkit-box-shadow:0;}

input[type='text'],input[type='search'],input[type='password'],select{width:190px;}

input[type='button'],input[type='submit'],.button{cursor:pointer;text-align:center;}
input[type='button']{background-color:#f1f1f3;}

input[type='checkbox'],input[type='radio']{-webkit-appearance:none;width:16px;height:16px;background:#FAFAFC;border:1px solid #0434CF;padding:0;
vertical-align:text-bottom;margin-bottom:1px;}
input[type='checkbox']:checked,input[type='radio']:checked{background:#0434CF;box-shadow:0 0 0 1px #FFF inset;}
input[type='checkbox']{border-radius:0;-webkit-border-radius:0;}
input[type='radio']{border-radius:8px;-webkit-border-radius:8px;}

input[type='text']:hover,input[type='search']:hover,input[type='password']:hover,input[type='image']:hover,
input[type='number']:hover,select:hover,.button:hover,.textarea:hover
	{box-shadow:0px 0px 3px #AAA inset;border:1px solid black !important;font-family:lato,sans-serif;}
input[type='button']:hover,input[type='button']:active,input[type='submit']:hover,input[type='submit']:active,.button:hover,.button:active
	{background:#0434CF;color:white;border-color:#0434CF;}
.button:hover img,.button:active img{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);-moz-filter: brightness(0) invert(1);
	-o-filter: brightness(0) invert(1);-ms-filter: brightness(0) invert(1);}
/*input:not([type='button']):hover,select:hover,textarea:hover{font-weight:300;}*/


/*RANGE INPUTS */
/* CLEAR STYLES */
input[type=range]{-webkit-appearance: none; width:100%;border-radius:4px;border:1px solid #bbb;margin:-6px 0px -6px -3px;vertical-align:middle;}
input[type=range]:focus{outline: none;}
input[type=range]::-ms-track{width: 100%;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}
/* RANGE THUMB STYLES */
input[type=range]::-webkit-slider-thumb{-webkit-appearance: none;height:26px;width:26px;border-radius:4px;background:#0434CF;cursor:pointer;}
input[type=range]::-moz-range-thumb{border:1px solid #0434CF;height:36px;width:36px;border-radius:4px;background:white;cursor:pointer;}
input[type=range]::-ms-thumb{border:1px solid #0434CF;height:36px;width:36px;border-radius:4px;background:white;cursor:pointer;}
/* RANGE TRACK STYLES */
input[type=range]::-webkit-slider-runnable-track{width:100%;height:32px;cursor:pointer;padding:3px;}
input[type=range]:focus::-webkit-slider-runnable-track{outline:none;}
input[type=range]::-moz-range-track{width:100%;height:8.4px;cursor:pointer;background:#3071a9;border-radius:1.3px;border:0.2px solid #010101;}

.rangeVal{pointer-events:none;color:white;text-align:center;}

input:focus,select:focus,.button:focus,.textarea:focus{outline:none;border:1px solid #222 !important;}

[disabled='disabled'],[disabled]{border-color:#ccc !important;color:#999 !important;}

.proper{text-transform: capitalize;}

select{background: #FFF url('../images-blue/arrow-down.svg') center right no-repeat;background-size: 25px 20px;padding-right:27px;}/*with out a background color the select's background are transparent*/
#search{background:url('../images-blue/search.svg') center right no-repeat;background-size:25px 20px;padding-right:27px;}

textarea{max-width:100%;width:100%;resize:none;font-family:lato,sans-serif;}

a{color:#0434CF;}
a:visited{color:#0434CF;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#aaa;opacity: 1 !important;
}
[nav]{cursor:pointer;}

table{width:100%;max-width:100%;border-collapse:collapse;margin:0;padding:0;font-weight:300;font-size:16px;}
tr{margin:0;padding:0;}
td{margin:0;padding:0;}

h1,h2,h3,p{padding:0 10px;}
h2{font-size:26px;font-weight:normal;}
h3{font-size:20px;font-weight:300;}

hr{width:100%;border-left:white;border-right:white;margin:10px 0px;}

/* MENU */
#popoutMenu{position:absolute;top:44px;box-shadow:0 0 6px 1px #ccc;z-index:16;}
#popoutMenu a{text-align:left;padding:5px;min-width:100px;border-bottom:1px solid #f1f1f3;background:white;
    position:relative;display:block;max-width:300px;white-space:nowrap;overflow:hidden;}
#popoutMenu a:hover {background:#f1f1f3;}

.page_header{font-size:20px;padding-top:5px;}
.page_header input{margin:0px;}
.page_header div{display:inline-block;float:right;}
#logout_button{font-size:16px;color:#2A9CD4;cursor:pointer;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.logo{max-height:60px;max-width:100%;vertical-align:top;}

#loadingProgress{width:100%;height:60px;position:fixed;left:0;top:40%;z-index:18;display:none;
	background: -webkit-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.2), rgba(0,0,0,0)); 
	background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.2), rgba(0,0,0,0));
	background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,.2), rgba(0,0,0,0));
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.2), rgba(0,0,0,0));
}
#progressBar{width:60px;height:60px;margin:0 auto;border:4px solid rgba(40,43,148,.4);border-top:4px solid #0434CF;border-radius:30px;
	-webkit-animation: rotation .8s infinite linear;-moz-animation: rotation .8s infinite linear;
	-o-animation: rotation .8s infinite linear;animation: rotation .8s infinite linear;
}
@-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} }
@-moz-keyframes rotation { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);} }
@-o-keyframes rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} }
@keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} }

/*BLOCKS*/
.block{margin:0 5px 20px 5px;max-width:800px;}
.fat,.skinny,.adjust{margin-left:auto;margin-right:auto;padding-left:5px;padding-right:5px;}
.fat{max-width:480px;}
.adjust{min-width:290px;width:80%;}
.skinny{max-width:290px;}
.wide{}
.head{padding:8px 20px 10px 20px;margin-top:5px;margin-bottom:0px;cursor:pointer;background:white;color:#0434CF;
border:1px solid #0434CF;border-radius:3px;-webkit-border-radius:3px;font-size:28px;
box-shadow:0 0 6px 1px #dfdfdf;}
.head:hover{background:#f1f1f3;}
.scrollx{overflow-x:auto;position:relative;}
.scrollx-shadowright:before{
	content:'';
	position:absolute;
	right: 0px;
	height: 100%;
	width: 60px;
	text-align: right;
	line-height: 80%;
	font-size: 40px;
	color:#555;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,1)));
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
}
/*.scrollx-shadowleft:before{
	content:'⇤';
	position:absolute;
	left: 5px;
	height: 37px;
	width: 80px;
	text-align:left;
	line-height: 80%;
	font-size: 40px;
	color:#555;
	background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,1)));
	background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
}*/

.error{font-weight:bold;text-align:center;border-radius:3px;-webkit-border-radius:3px;color:white;background:#0434CF;}
.slideMenu{padding:2px 0px 2px 0px;margin:0 5px 20px 5px;cursor:pointer;color:#0434CF;width:100%;border-radius:3px;-webkit-border-radius:3px;
    box-shadow:0 0 6px 1px #ccc inset;font-weight:bold;
	font-size:22px;text-align:center;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.slideItem{border-radius:3px;height:46px;padding-top:3px;}
.slideSelector{border:1px solid #0434CF;border-radius:3px;position:absolute;height:46px;}
.borderLight{border:1px solid #BBB;border-radius:12px;}
.blockTitle{color:#0434CF;background-color:white;padding:0 10px;position:absolute;top:-15px;z-index:5;}

/*WITHIN BLOCK (in order for these to work, give the class 'nowrap' to the surrounding block)*/
.half,.quarter,.third,.two-thirds,.three-quarters,.halfStack,.full
{display:inline-block;overflow:hidden;white-space:normal;vertical-align:top;}
.half{width:50%;}
.quarter{width:25%;}
.three-quarters{width:75%;text-align:left;}
.third{width:33.3%;}
.two-thirds{width:66.6%;}
.full{width:100%;}

.halfStack{padding:5px;}

.button img{max-width:100%;max-height:80px;}

/*LISTS*/
.listTable th, .listTable td{text-align:left;padding:8px 0 10px 5px;white-space:nowrap;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:}
.listTable:not(.noh) tr:not(:first-child):not([class="blankRow"]){cursor:pointer;}
.listTable:not(.noh) tr:not(:first-child):not([class="blankRow"]):hover{background:#B4D2F8 !important;}
.listTable tr:nth-child(even):not([class="blankRow"]){background:#e7e7e7;}
.listTable tr:nth-child(odd):not([class="blankRow"]){background:#f1f1f3;}

.listNoScroll th, .listNoScroll td{text-align:left;padding:8px 0 10px 5px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.listNoScroll:not(.noh) tr:not(:first-child):not([class="blankRow"]){cursor:pointer;}
.listNoScroll:not(.noh) tr:not(:first-child):not([class="blankRow"]):hover{background:#B4D2F8 !important;}
.listNoScroll tr:nth-child(even):not([class="blankRow"]){background:#e7e7e7;}
.listNoScroll tr:nth-child(odd):not([class="blankRow"]){background:#f1f1f3;}

.editable_table td:not([noedit]){background-color:rgba(255,255,255,.5);border-left:1px dashed #ccc;}

.listContent th, .listContent td{text-align:left;padding:8px 0 10px 5px;}
.listContent tr:nth-child(even):not([class="blankRow"]){background:#e7e7e7;}
.listContent tr:nth-child(odd):not([class="blankRow"]){background:#f1f1f3;}

.nodeList{width:96%;}
.nodeList tr{border-left:5px solid #0434CF;}
.nodeList tr:not(:first-child){cursor:pointer;}
.nodeList tr:not(:first-child):hover{background:#B4D2F8 !important;}
.nodeList td{padding:10px 0px;}
.nodeList td:first-child{width:50px;} /* <hr class='node'> goes into the first child */
.node{height:5px;background-color:#0434CF;width:90%;border:0px;}

/* adds letter indicator for mobile contacts text input search results*/
.companyRow td:first-child::before{content:"c";color:#0434CF;margin-right:10px;}
.propertyRow td:first-child::before{content:"p";color:#2A9CD4;margin-right:10px;}
.sectionRow td:first-child::before{content:"s";color:#0434CF;margin-right:10px;}

/*PAGE SPECIFIC STYLES*/
/*header.php*/
#skinToggle{width:15px;height:15px;right:5px;top:10px;font-size:11px;text-align:center;}

/*home.php*/
.bidItBtn{margin:auto;width:230px;font-weight:bold;text-align:center;cursor:pointer;}
.notification{position: absolute;right: 230px;bottom: -5px;background: #ee0800;color: white;font-size: small;font-weight: bold;padding: 3px 6px;border: 1px solid white;}

/*admin.php*/
.editUser{background:#DDE;}

/*dispatch_ticket.php*/
.t_hrow{width:610px; position:relative; height:27px;}
.t_hcell{width:110px;height:25px;float:left;text-align:right;overflow:hidden;cursor:pointer;}
.t_hcell img{float:right;}
.t_row{width:610px; position:relative;margin-left:45px;}
.t_cell{width:110px; float:left;overflow:hidden;cursor:pointer;}
.t_cell:hover{font-weight:bold;}
#addProblemWin{background-color:#EEE;box-shadow:3px 3px 2px #777;} /*the rest of this window's styling is in dispatch_ticket.php*/

/*fcs_property.php*/
.orderGrip{position:absolute;right:0px;top:0px;height:100%;}
.orderGrip img{height:100%;}
.moduleChecked{background:#B4D2F8;}

/*direct_bid_estimate.php */
.pricingBorder{border:1px solid #0434CF;border-left:0px;font-weight:normal;} 
.pricingBorder:first-of-type{border-right:0px;border-left:1px solid #0434CF;}
.pricingTable .changeSave{background-color:#efefef !important;}

/*settings.php*/
#defCatInputWin{width:300px;height:100px;top:40%;position:fixed;background-color:white;padding:5px 10px;border:1px solid #0434CF;border-radius:3px;}
#defCatInputWin input[type="text"]{width:100%;}
.editDefCat{text-decoration:underline;cursor:pointer;color:#0434CF;float:right;}
.editDefCat:hover{font-weight:bold;}

/* CLASSES */
/* EVENTS */
.clickDelete{cursor:pointer;}

.tooltip{height:14px;margin:0 5px;cursor:pointer;}

/*EFFECTS*/
.glowing{text-shadow:0px 0px 10px yellow;font-weight:bold;}
.boxGlowing{box-shadow:0px 0px 10px yellow;-webkit-box-shadow:0px 0px 10px yellow;}
.textShadow{text-shadow:0px 0px 3px #333;}
.hoverBold:hover{font-weight:bold;}
.link{text-decoration:underline;cursor:pointer;}
.link:hover{text-decoration:none;}
.hoverHighlight:hover{font-weight:bold;box-shadow:0px 0px 15px gray inset;-webkit-box-shadow:0px 0px 15px gray inset;border:3px solid #222;cursor:pointer;}
.pointer{cursor:pointer;}
.lineThrough{text-decoration:line-through;}
.shadow{-webkit-box-shadow: 0 0 5px #777;box-shadow: 0 0 5px #777;}

.inputSaving{background:rgb(217, 230, 154) !important;}
.inputSavingFailed{background:#D57 !important;}

.adding{background: #e7e7e7;padding: 20px 0 0 0;border: 2px dashed #fff;}

/*BASIC CUSTOM STYLES*/
.clear{clear:both;}
.hide{display:none;}

.fLeft{float:left;}
.fRight{float:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.inline{display:inline-block;}
.overHide{overflow:hidden;}

.border_thin{border:1px solid black;}

/*text*/
.centerContent{width:100%;float:center;text-align:center;}
.justify{text-align:justify;}
.textCenter{text-align:center;}
.textLeft{text-align:left;}
.textRight{text-align:right;}

.vaMid{vertical-align:middle}
.vTop{vertical-align:top}
.vaTop{vertical-align:top}
.vaBot{vertical-align:middle}

.nowrap{white-space:nowrap;}

.textSmall{font-size:12px;}
.mediumSmall{font-size:18px;}
.medium{font-size:30px !important;}
.mediumLarge{font-size:45px !important;}
.textLarge{font-size:60px;}
.normal{font-weight:normal;}
.bold{font-weight:bold;}

.ucfirst{text-transform: capitalize;}

.textSolid{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.black{color:black;}
.white{color:white;}
.gray{color:#797979;}
.medGray{color:#AAA;}
.lightGray{color:#DDD;}
.blue{color:#2A9CD4;}
.green{color:#1B6;}
.red{color:red;}
.bpRed{color:#952B28;} /*952B28*/
.bpBlue{color:#0434CF;}
.bpOrange{color:#FF4E00;}
.bpColor{color:#0434CF;}
.bpBackColor{background-color:#0434CF;}

.bckgdWhite{background:#FFF;}
.bckgdDardGray{background:#333;}
.bckgdLightGray{background:#CCC;}
.bckgdGray{background:#999;}
.lighterBG{background-color:rgba(255,255,255,.5);}

/*positioning syntax for positioning AND spacing naming [(X,Y)] - horizontal always first with left leading right and vertical always second with up leading down (top leading bottom)*/
.top{top:0;}
.right{right:0;}
.bottom{bottom:0;}
.left{left:0;}

.topTen{top:10px;}
.rightTen{right:10px;}
.bottomTen{bottom:10px;}
.leftTen{left:10px;}

.topNegTen{top:-10px}

.topNegTen{top:-10px}

.zXV{z-index:15;} /*Roman numerals baby!*/
.zTen{z-index:10;}
.zFive{z-index:5;}
.zZero{z-index:0;}
.zNeg{z-index:-1;}
.zNegFive{z-index:-5;}

.widthAuto{width:auto;}
.widthFull{width:100%;}
.heightFull{height:100%;}
.widthNinety{width:90%;}
.heightNinety{height:90%;}
.widthHalf{width:50%;}
.heightHalf{height:50%;}
.widthQuarter{width:25%;}
.heightQuarter{height:25%;}

.widthMinSevFive{min-width:75%;}

/*spacing   [(X,Y)] */
.padLeft{padding-left:10px;}
.padSides{padding:0 5px;}
.padSidesMore{padding:0 10px;}
.marginLeft{margin-left:10px;}
.marginRight{margin-right:10px;}
.marginSides{margin:0 10px;}

.padLight{padding:20px 10px;}
.marginLight{margin:10px;}
.marginFive{margin:5px;}
.marginAuto{margin:auto;}

.nomargin{margin:0px;}

.bumpUpMed{margin-top:-25px;}

.vertSpaceSmall{height:25px;width:100%;position:relative;}
.vertSpace{height:50px;width:100%;position:relative;} /*in each footer*/
.vertSpaceLarge{height:125px;width:100%;position:relative;}
.vertSpaceXLarge{height:300px;width:100%;position:relative;}

.horiSpace{width:60px;height:100%;position:relative;}


/*misc*/
.editBtn{cursor:pointer;margin-top:-53px;margin-right:5px;font-size:28px;color:#0434CF;padding:8px 15px 10px 15px;text-align:right;float:right;}
.editBtnLeft{cursor:pointer;margin-top:-53px;margin-left:5px;margin-right:10px;font-size:28px;color:#0434CF;padding:8px 15px 10px 15px;text-align:left;float:left;}
.editBtnImg{cursor:pointer;margin-top:-53px;margin-right:5px;padding:4px;text-align:right;float:right;}
.editBtn:hover,.editBtnImg:hover,.editBtnLeft:hover{background:#e7e7e7;}

.newNode{width:40px;height:35px;border:1px solid #0434CF;border-radius:3px;color:#0434CF;font-size:22px;text-align:center;cursor:pointer;margin-left:5px;}

.textBtn{color:white;cursor:pointer;padding:6px 3px 8px 3px;text-align:right;float:right;font-weight:bold;}
.textBtn:hover{background:#333;}

.saveBtn{color:#3C3;cursor:pointer;}
.saveBtn:hover{font-weight:bold;}

.icon{height:50px;}

.picture{width:150px;margin:10px;} /* so origianlly was thinking of making every image on the page "clickable", when the user touches a picture it would open a fixed window (pictureD class) taking up most of the screen with the picture */
.pictureD{box-shadow:0px 0px 6px 1px #ccc;cursor:pointer;margin:10px;overflow:hidden;display:inline-block;} /*when displaying a picture*/

.loadingProgress{width:5%;height:20px;background:#9B9;} /*used for ajax loading progress*/

.shield{position:fixed;top:0px;left:0px;width:100%;height:100%;background:black;opacity:.2;z-index:8;display:none;}

.preload{display:none;}
.preload img{width:1px;height:1px;}

/*INPUT*/
.dateLarge{width:130px;} /* for inputs with "large" font-size */

.buttonSmall{border:1px solid black;border-radius:10px;width:200px;height:50px;margin:auto;padding:5px;overflow:hidden;cursor:pointer;text-align:center;font-size:16px;}
.buttonSmall:hover{border:2px solid black;box-shadow:0px 0px 15px gray inset;}

.buttonImg{border:1px solid black;border-radius:10px;width:260px;margin:20px auto;padding:5px 10px;overflow:hidden;cursor:pointer;text-align:center;}
.buttonImg:hover{border:2px solid black;box-shadow:0px 0px 15px gray inset}
.buttonClean{border:1px solid black;width:260px;margin:10px auto;overflow:hidden;cursor:pointer;text-align:center;box-shadow:0px 0px 10px gray}
.buttonClean:hover{border:2px solid black;margin:9px auto;box-shadow:0px 0px 15px gray}
.btn_full{margin:0px 40px 0px 40px;width:200px;}
.btn_half{width:115px;display:inline-block;margin:0px 5px;font-size:18px;vertical-align:middle;}
.buttonBottom{position:absolute;color:white;font-size:12px;font-weight:bold;bottom:0;left:50%;margin-left:-35px;width:100px;z-index:100;padding:5px 5px 2px 5px;border-radius: 10px 10px 0px 0px;
	cursor:pointer;background: -webkit-linear-gradient(top, #16B , #38E);background: -o-linear-gradient(top, #16B, #38E);background: -moz-linear-gradient(top, #16B, #38E);
	background: linear-gradient(to top, #16B , #38E);}
.buttonPic{position:absolute;bottom:0;right:0;width:18%;max-width:50px;max-height:30%;background:black;border-radius:7px 0px 0px 0px;border:1px solid white;}

.buttonX{color:#0434CF;cursor:pointer;position:absolute;top:5px;right:5px;width:25px;height:25px;vertical-align:middle;text-align:center;}
.buttonX:hover{font-weight:bold;}

.actionCircle{cursor:pointer;width:20%;max-width:70px;pointer-events:auto;} /*the corner buttons*/

.selectSmall{padding:0px;}
.inputTiny{max-width:60px !important;}
.inputShort{width:90%;}
.inputLong{min-width:230px !important;}

.ticketFilter{margin:5px;} /*on agenda page*/
.strike td{text-decoration: line-through;}

.checkboxes{border:1px solid #ACA;width:100%;padding:5px;margin-bottom:10px;}
.checkbox0{border:1px solid #DDD;border-radius:3px;-webkit-border-radius:3px;margin:3px 5px;padding:2px 3px;color:#666;cursor:pointer;display:inline-block;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox1{border:2px solid #3C3;border-radius:3px;-webkit-border-radius:3px;margin:2px 4px;padding:2px 3px;color:#000;cursor:pointer;display:inline-block;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.radio0{border:1px solid #DDD;border-radius:3px;-webkit-border-radius:3px;margin:3px 5px;padding:2px 3px;color:#666;cursor:pointer;display:inline-block;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.radio1{border:2px solid #3C3;border-radius:3px;-webkit-border-radius:3px;margin:2px 4px;padding:2px 3px;color:#000;cursor:pointer;display:inline-block;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}


/*CONTENT*/
.pText{text-align:justify;padding:0px 15px;font-size:15px;}

.blockHead{width:100%;padding:5px;margin:2px 0px;height:30px;background:black;color:white;font-weight:bold;cursor:pointer;}
.blockHead:hover{background:#333}

/* a button for hiding and opening a block, different then blockHead */
.blockToggle{cursor:pointer;}
.blockToggle:hover{font-weight:bold;}

.blockWide{width:95%;padding:5px 10px;margin:5px auto;overflow-x:hidden;position:relative;
	box-shadow: inset 20px 0px 20px -20px #DDD, inset -20px 0px 20px -20px #DDD}
.blockWide a{color:#333;text-align:center;margin:10px;}
.blockWide a:hover{font-weight:bold;margin:9px 6px;}
.blockClean{width:85%;padding:5px 10px;margin:5px auto;overflow-x:hidden;position:relative;}
.blockSmall{width:100%;min-width:200px;max-width:360px;padding:10px;overflow:hidden;position:relative;}
.blockTiny{width:100%;min-width:150px;max-width:250px;padding:10px;overflow:hidden;position:relative;}
.blockTniy input{margin:5px 0px;}

.list{width:100%;}
.list th{text-align:left}
.list .row:hover{background:#DED;cursor:pointer;}

.contentTable{width:100%;font-size:15px;}
.contentTable td{padding:2px;}

.paddedTable td{padding:3px;vertical-align:middle;}
.paddedTable tr td:first-child{text-align:right;width:auto;padding-top:8px;padding-bottom:0px;padding-right:5px;}
.paddedTable tr td:last-child{text-align:left;}

.splitTableHalf td{width:50%;}

.bar{width:100%;min-height:40px;padding:10px;overflow:hidden;}
.innerBar{width:100%;padding:5px;}
.actionBar{width:100%;height:60px;}

.tabTable{width:100%;table-layout:fixed;}/*margin:0 auto 20px auto;max-width:800px;*/
.tabTable tr.tabHead{font-size:18px;font-weight:bold;color:white;border-spacing:4px;background:#333;}
.tabTable tr.tabHead td{padding:12px 3px 16px 3px;text-align:center;cursor:pointer;
	background: -webkit-linear-gradient(top, #5C8BA8 , #3A6986);background: -o-linear-gradient(top, #5C8BA8, #3A6986);
	background: -moz-linear-gradient(top, #5C8BA8, #3A6986);background: linear-gradient(to top, #5C8BA8 , #3A6986);}


.tabWrap{margin:0px 5px 0px 4px;}
.tab{padding:8px 15px 10px 15px !important;font-size:28px !important;cursor:pointer;overflow:hide;white-space:nowrap;
	/*-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;*/
	border: 1px solid #0434CF;border-radius:3px;-webkit-border-radius:3px;color:#0434CF;height:54px;}
.tabInput,.tabIcon{display:inline-block;overflow:hidden;white-space:normal;vertical-align:top;}
.tab img{margin-top:4px;}
.tabInput{margin:0px !important;font-weight:300;}
.tabIcon{width:60px;}
.tabIcon img{display:block;}

.tab[color='blue']{background: -webkit-linear-gradient(top, #5C8BA8 , #3A6986);background: -o-linear-gradient(top, #5C8BA8, #3A6986);
	background: -moz-linear-gradient(top, #5C8BA8, #3A6986);background: linear-gradient(to top, #5C8BA8 , #3A6986);}
.tab[color='orange']{background: -webkit-linear-gradient(top, #B52 , #931);background: -o-linear-gradient(top, #B52, #931);
	background: -moz-linear-gradient(top, #B52, #931);background: linear-gradient(to top, #B52 , #931);}
.tab[color='red']{background: -webkit-linear-gradient(top, #C22 , #913);background: -o-linear-gradient(top, #C22, #913);
	background: -moz-linear-gradient(top, #C22, #913);background: linear-gradient(to top, #C22 , #913);}

/*
.menuItem{text-align:center;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.menuItem div{width:75px;height:60px;-border-radius:3px;-webkit-border-radius:3px;border: 1px solid #0434CF;display:inline-block;cursor:pointer;}
.menuItem img{width:100%;}*/
.menuItem{text-align:center;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.menuItem div{width:75px;height:80px;display:inline-block;cursor:pointer;}
.menuItem img{width:100%;}
/* I WAS PLAYING WITH CSS-SPECIFIED COLORS FOR THE ICONS, BUT I DIDN'T LIKE 
 * THE WAY IT WAS LOOKING...
 * THEY SEEM TO WANT EVERYTHING IN A DARK RED COLOR, BUT I THINK THAT'S
 * KINDA LAME TOO. SO I'M GONNA JUST KEEP EVERYTHING BLACK FOR NOW */
.menuItem[color='red'] div{border-color:#e75857;}
.menuItem[color='red'] img{-webkit-filter: hue-rotate(180deg);}
.menuItem[color='pink'] div{border-color:#e757d9;}
.menuItem[color='pink'] img{-webkit-filter: hue-rotate(125deg);}
.menuItem[color='purple'] div{border-color:#a057e7;}
.menuItem[color='purple'] img{-webkit-filter: hue-rotate(90deg);}
.menuItem[color='blue'] div{border-color:#576de7;}
.menuItem[color='blue'] img{-webkit-filter: hue-rotate(50deg);}
.menuItem[color='lightBlue'] div{border-color:#57aae7;}
.menuItem[color='lightBlue'] img{-webkit-filter: hue-rotate(25deg);}
.menuItem[color='mint'] div{border-color:#57e7d0;}
.menuItem[color='mint'] img{-webkit-filter: hue-rotate(-10deg);}
.menuItem[color='green'] div{border-color:#57e7a0;}
.menuItem[color='green'] img{-webkit-filter: hue-rotate(-30deg);}
.menuItem[color='lime'] div{border-color:#57e758;}
.menuItem[color='lime'] img{-webkit-filter: hue-rotate(-60deg);}
.menuItem[color='yellow'] div{border-color:#e5e757;}
.menuItem[color='yellow'] img{-webkit-filter: hue-rotate(-120deg);}
.menuItem[color='orange'] div{border-color:#e7a057;}
.menuItem[color='orange'] img{-webkit-filter: hue-rotate(-150deg);}

.menuItemBig div{width:100%;max-width:125px;height:100px;}

.menuTab{cursor:pointer;padding:10px 0px;margin:10px 1px;color:#0434CF;text-align:center;font-size:18pt;font-weight:bold;background-color:white;opacity:1;
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
    box-shadow:0 0 6px 1px #ccc inset;border-radius:3px;-webkit-border-radius:3px;}
.menuTab[selected='selected']{border:1px solid #0434CF;padding:9px 0;}

/*bidit_proposal*/
.proposalModule{margin:1px 3px;background:#efefef;}
.moduleHandle{position:absolute;right:0;top:0;width:25px;height:100%;background:#CCC;font-size:24px;}
.modUp, .modDown{width:100%;text-align:center;cursor:pointer;padding-top:15px;background-color:#CCC;
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.modUp:hover{background-color:#BBD}
#addToModulesList{background-color:#CCC;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#addToModulesList:hover, .modDown:hover{background-color:#DBB}

.moduleName{margin-top:0px}

.win{z-index:11;border:2px solid #444;box-shadow:3px 3px 2px #222;position:absolute;top:25%;left:15%;width:70%;min-height:75px;background:#EEE;padding:10px;}
.winWide{z-index:11;border:2px solid #0434CF;box-shadow:1px 1px 5px 0px #222;position:absolute;top:10%;left:2.5%;width:95%;min-height:75px;background:#EEE;padding:5px;max-width:800px;}
.winFixed{z-index:11;border:2px solid #444;box-shadow:3px 3px 2px #222;position:fixed;top:2%;left:20%;width:75%;max-width:98%;min-height:75px;
	background:#EEE;padding:10px;overflow:hidden;} /* winFixed: right now (11/04/15) only used in dispatch_ticket.php */
	
.panel{width:49%;max-width:200px;overflow:hidden;box-shadow:0px 0px 10px gray;cursor:pointer;margin:10px;}

.form{display:none;width:0px;height:0px;position:absolute;}

.sliderWrap:hover{background:#f1f1f3 !important;color:black !important;}
.fingerSlider{border:3px solid #0434CF;height:75px;width:20%;border-radius:5px;box-shadow: inset 15px 0px 15px -15px #0434CF, inset -15px 0px 15px -15px #0434CF;background-color:transparent;}

.agendaTicket[status='Dispatched']{background-color:#f6c2c2 !important;}
.agendaTicket[status='Acknowledged']{background-color:#f6c2c2 !important;}
.agendaTicket[status='Arrival ETA']{background-color:#ffe8bf !important;}
.agendaTicket[status='En Route']{background-color:#fff6bd !important;}
.agendaTicket[status='In Progress']{background-color:#ffffcc !important;}
.agendaTicket[status='Punched In']{background-color:#ffffcc !important;}
.agendaTicket[status='Resolved']{background-color:#cceabd !important;}
.agendaTicket[status='Confirmed']{background-color:#c4d5e6 !important;}
.agendaTicket[status='Invoiced']{background-color:#bdd8d0 !important;}


/*SLIDETRACKER */
.slide{float:left;margin:10px;text-align:center;cursor:pointer;position:relative;}
#slideShow{width:100%;height:100%;z-index:50;position:absolute;top:0px;left:0px;display:none;}
.pageSlide{width:100%;position:absolute;left:0px;}
#blankSlide{background:#222;display:none;}

#prevSlideBtn img{-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);height:40px;}
#nextSlideBtn img{-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);height:40px;}	


/*{background: -webkit-linear-gradient(left, #357749 , #357749);background: -o-linear-gradient(left, #357749, #357749);
	background: -moz-linear-gradient(left, #357749, #357749);background: linear-gradient(to left, #357749 , #357749);}*/
/*
background: -webkit-linear-gradient(left, #CC771A , #3a3a3c);
background: -o-linear-gradient(right, #999, #89C);
background: -moz-linear-gradient(right, #999, #89C);
background: linear-gradient(to right, #999 , #89C);}
*/


/* visual checkboxes (non-functional) */
.visual_checkbox{border-radius:3px;-webkit-border-radius:3px;background:#FAFAFC;border:1px solid #555;width:30px;height:30px;display:inline-block;cursor:pointer;}
.visual_checkbox[check='1']{border:1px solid #0434CF !important;background:#0434CF;box-shadow:0 0 0 1px #FFF inset;color:white;}


/* IMAGE PREVIEW BOX */
#imagePreview{position:fixed;top:0px;left:0px;width:100%;max-width:100%;height:100%;max-height:100%;
	background:rgba(35,35,35,.6);overflow:scroll;-webkit-overflow-scrolling:touch;cursor:pointer;display:none;}


/* MATERIAL ICONS */
i.material-icons {color:#0434CF;font-size:40px;}
i.material-icons.sm {font-size:24px;}
i.material-icons.large {font-size:80px;}



/* CONFIRM POPUP */
#confirmFCS, #alertFCS{border:2px solid #CCC;box-shadow: 0px 0px 6px #7188B6;position:fixed;top:25%;left:15%;width:80%;max-width:600px;min-height:225px;background:#E7E7E7;padding:10px;}
#confirmFCS{z-index:11;}
#alertFCS{z-index:15;}
#confirmFCS_message, #alertFCS_message{width:100%;text-align:center;font-size:16px;margin-top:25px;margin-bottom:60px}
#confirmFCS_buttons{width:100%;position:absolute;bottom:25px;}
#confirmFCS_buttons td{text-align:center;}
#confirmFCS_buttons input{min-width:100px;}
#confirmFCS_shield, #alertFCS_shield{position:fixed;top:0px;left:0px;width:200%;height:200%;background:black;opacity:.3;z-index:8;}
#alertFCS_ok{width:100px;position:absolute;bottom:25px;right:25px;}