@media print {
    body {
        width: 1200px !important;
    }

    .content-area {
        width: 90% !important;
    }

}

.row {
    position: relative;
}

body {
    font-size: 1.5rem !important;
}

.colorpickerselected {
    background-color: #f5f8fa;
    border: solid 1px #333333;
    font-weight: bold;
}

.color-picker-hover:hover
{
    background-color: #afd3e9;
    }     


header h1 {
   text-align: left;
   padding: 0.1em;
   padding-left: 10em;
}

header h2 {
   text-align: left;
   padding: 0.1em;
}

h4.shopcopytext {
    margin:2px;
    font-weight: bolder;
}

.confirmtext {
    font-size:16px;
    padding:4px;
 }

 TD.shopcopytableheader {
    font-size:16px;
    height:20px;
    text-align:center;
    font-weight: bold;
     }

 TD.shopcopytable20 {
border: solid 2px #000000 !important;

font-size:16px;
height:40px;
text-align:center;
font-weight: bold;
 }

 TD.shopcopytable10 {
    border: solid 2px #000000 !important;
    width:10%;
    font-size:16px;
    height:40px;
    text-align:center;
    font-weight: bold;
     }

.underline {
	text-decoration: underline;
	font-weight: bold;
}

.spc-columnhead {
	vertical-align: bottom;
	font-weight: bold;
}

.spc-columnsubhead {
	vertical-align: bottom;
    font-weight: bold;
    font-size:12px;
}

.spc-cursorpointer {
    cursor: pointer;
}

.navbaractive {
    background-color: rgb(24, 110, 190);
}

select.displayOnly {
        /*for firefox*/
        -moz-appearance: none;
        /*for chrome*/
        -webkit-appearance:none;
        border: none;
        background-color: transparent;
      }

/*for IE10*/
select.displayOnly::-ms-expand {
    display: none;
}

.big-checkbox {width: 20px; height: 20px;}

.form-group {
    margin-bottom: 0px !important;
}

input[type="checkbox"].spc-form-control {
    width: 20px; height: 20px;
}

.spc-form {
    background-color:#ffffff !important;
    border-radius: 2px; 
    padding: 5px 25px 25px 25px;
    border:solid 1px #ccccff  !important;
    /*.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));*/
    
}

.spc-selectedTab {
    background-color: #7abbe0;
    color:#0b3954;
    border: solid #0b3954;
    border-width: 0px 0px 1px 0px;
    padding-left:2px;
    padding-right:2px;
}

.spc_selectedRow
{
    background-color: #ecde8a;
}

.spc_openjob
{
    background-color: #ffffaa;
}

.spc-unselectedTab {
    background-color: #ffffff;
    color:#0b3954;
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-color: #ffffff;
    border: solid #0b3954;
    border-width: 1px 1px 0px 1px;
    padding-left:2px;
    padding-right:2px;
   }

.spc-form-Error {
    width: 100%;
     color: rgb(218, 13, 13) !important;
     font-weight:bold;
    padding: 2px !important;
}

.spc-form-control {
    display: block;
    width: 100%;
     color: #000 !important;
    padding: 2px !important;
    background-color:#ffffff !important;
    border-radius: 2px; /* Note: This has no effect on <select>s in some browsers, due to the limited stylability of <select>s in CSS.*/
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*  Job Add / edit detail */

div.checkboxlist {
    padding:0px 2px 0px 2px;
    max-width:55px;
}

input[type="checkbox"].joblotdetailcheckbox {
    width: 20px; 
    height: 20px;
    Margin:0px;
    padding:2px;
}

div.palletsheettext {
    font-size:96px;
    font-weight:bold;
}


/*  photo gallery classes */

.galleryphototitle {
    font-size:18px;
	font-weight: bold;
}

.even-report-row {
    background-color: #DEDEFF;
}

.even-activity-row {
    background-color: #DEDEFF;
    border-bottom:solid 1px #666666;
    border-top:solid 1px #666666;
}
input.activity-edit {
    max-width: 50px;
    padding:0px !important;
    border:solid 1px #888888 !important;
}