/* ------------------------------------------------------------------------- */
/* -------------------------------- Headers -------------------------------- */
/* ------------------------------------------------------------------------- */
h1
{
	font-weight: bold;
	color: rgb(0,69,123); /* pantone 295 C */
	margin: 10px 0px 0px 0px;
}

h1 a
{
	color: rgb(0,69,123) !important; /* pantone 295 C */
}

h2, h3, h4, h5,
h2 a, h3 a, h4 a, h5 a
{
	font-weight: bold;
	color: rgb(0,69,123); /* pantone 295 C */
	margin: 0px;
	margin-top: 30px;
}

h1, h2
{
	margin-top: 10px;
}

h1
{
    font-size: 16pt;
}

h1.dimmed {
    color: rgb(127,162,189);
}

h2
{
	font-size: 13pt;
}

h3 
{
	font-size: 12pt;
	color: rgb(27,182,234);
}

/* ------------------------------------------------------------------------- */
/* --------------------------------- Fonts --------------------------------- */
/* ------------------------------------------------------------------------- */
div, td, input,
.ui-datepicker .ui-datepicker-week-col
{
	/* Ulrik 20101214 - Make sure Helvetica is first alternative to Calibri,
	 *					as both Verdana and Arial are available on iOS. 
	 *					(and look horrid)
	 */
	 
    font-family: Calibri, Helvetica, Verdana, Arial, Sans-Serif;
    font-size: 10pt;
}

/* ------------------------------------------------------------------------- */
/* ------------------------------ Hyperlinks ------------------------------- */
/* ------------------------------------------------------------------------- */
a {
	color: #000;
	text-decoration: none;
}

#content a
{
    color: rgb(17, 143, 196);
}

#content a:hover
{
	text-decoration: underline;
}


/* ------------------------------------------------------------------------- */
/* --------------------------------- Images -------------------------------- */
/* ------------------------------------------------------------------------- */
img {
	border: 0px;
	max-width: 100%;
}

/* ------------------------------------------------------------------------- */
/* -------------------------------- Inputs --------------------------------- */
/* ------------------------------------------------------------------------- */

select
{
    border: solid 1px #000;
    font-size: 10pt;
    font-family: calibri,helvetica,verdana,arial,sans-serif;
    min-height: 20px;
    background: #FFFFFF url(/spic/hatchbloom/input_bg.png) repeat-x left top;
    margin: 0px;
    padding: 0px;
    
    /*-webkit-appearance: none;*/
}

input[type=text], input[type=password]
{
    padding: 1px 2px 1px 2px;
    height: 20px;
    font-size: 10pt;
    border: solid 1px #000000;
    margin: 0px;
    box-sizing: border-box;
    
    /* Remove the focus border in Chrome & Safari */
    outline-style: none;
}

input[type=password]
{
    font-family: verdana;
}

textarea
{
    border: solid 1px #000000;
    font-family: calibri,helvetica,verdana,arial,sans-serif;
    font-size: 10pt;
    padding: 2px;
    margin: 0px;
    width: 100%;
    max-width: 100% !important;
    
    /* Make sure that padding is not included in the input size */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* CSS3 */
        
    /* Remove the focus border in Chrome & Safari */
    outline-style: none;
}

input[type=text]:enabled, input[type=password]:enabled, textarea:enabled
{
    background: #FFFFFF url(/spic/hatchbloom/input_bg.png) repeat-x left top;
}

input[type="checkbox"]
{
    position: relative;
    top: 2px;
}

input[type="radio"]
{
    position: relative;
    top: 2px;

}

select:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{
    border: solid 1px rgb(27,182,234); /* pantone 298 C */
    outline: rgb(27,182,234) /* pantone 298 C */ solid 1px;
}

select:hover:enabled, input[type="text"]:hover:enabled, input[type="password"]:hover:enabled, textarea:hover:enabled
{
    border: solid 1px rgb(27,182,234); /* pantone 298 C */
    outline: rgb(27,182,234) /* pantone 298 C */ solid 1px;
}

label[for]
{
    position: relative;
    top: -1px;
    left: 1px;
}

/* --------------- Input Box With Round Cornors --------------- */
.inputtext_roundc_ie
{
    float: left;
}

.inputtext_roundc_ie_box
{
    display: inline-block;
}

.inputtext_roundc_ie_left
{
    background: transparent url(/spic/hatchbloom/inputtext.png) no-repeat left top;
    
    float: left;
    width: 6px;
    height: 16px;
}

.inputtext_roundc_ie_right
{
    background: transparent url(/spic/hatchbloom/inputtext.png) no-repeat right top;

    float: left;
    width: 6px;
    height: 16px;
}

/* ------------------------------------------------------------------------- */
/* -------------------------------- Tables --------------------------------- */
/* ------------------------------------------------------------------------- */
table,
td
{
    border-style: none;
}

table.hbtable
{
	border-bottom: 1px solid rgb(0,69,123); /* pantone 295 C 100% */
    padding: 0px;
    border-spacing: 0px;
}

table.hbtable > tbody:first-of-type > tr > td
{
    line-height: 20px;
    padding: 3px 3px;
}

table.hbtable .norrow td,
table.hbtable.oddeven > tbody:first-of-type > tr:nth-child(even) > td,
table.hbtable.evenodd > tbody:first-of-type > tr:nth-child(odd) > td
{
	background-color: rgb(255,255,255); /* white */
}

table.hbtable .altrow td,
table.hbtable.oddeven > tbody:first-of-type > tr:nth-child(odd) > td,
table.hbtable.evenodd > tbody:first-of-type > tr:nth-child(even) > td
{
    background-color: rgb(235,246,253); /* pantone 298 C 10% */
}

table.hbtable tr.selected
{
    border: solid 3px rgb(17, 143, 196);
}

table.hbtable .tableheader th,
table.hbtable .tableheader td
{
    border: none;
	border-top: solid 2px rgb(0,69,123); /* pantone 295 C */
	border-bottom: solid 1px rgb(0,69,123); /* pantone 295 C */
	font-size: 10pt !important;
	padding: 5px 3px;
}

table.hbtable td img
{
    vertical-align: middle;
}

table.hbtable .zerospacing td
{
    padding: 0px;
    line-height: initial;
}

/* ------------------------------------------------------------------------- */
/* --------------------------- Horizontal Lines ---------------------------- */
/* ------------------------------------------------------------------------- */

hr
{
    border: solid 1px rgb(0,69,123); /* pantone 295 C */
}

/* ------------------------------------------------------------------------- */
/* --------------------------------- Mixed --------------------------------- */
/* ------------------------------------------------------------------------- */

.menuselect a, a.menuselect
{
    font-weight: bold;
    color: black !important;
}

.float_left
{
    float: left;
}

.float_right
{
    float: right;
}

.float_clear_left
{
    clear: left;
}

.margin_left
{
    margin-left: 15px;
}

.sred
{
    color: red;
}

.success
{
	color: rgb(36, 167, 143); /* PANTONE GREEN */
}

.warning
{
    color: rgb(247,143,30); /* Pantone 021 C */
    font-weight: bold;
    font-style: italic;
    float: right;
}

.failure
{
    color: red;
    font-style: italic;
}

.color_black
{
    color: black;
}

.noborder
{
    border: none !important;
}

.nobordertop
{
    border-top: none !important;
}

.font_bold
{
    font-weight: bold;
}

.align_center
{
    text-align: center;
}

.align_right
{
    text-align: right;
}

.hidden
{
    display: none;
}

.nomargin
{
    margin: 0px;
}

.nopadding
{
    padding: 0px !important;
}

.valign_top
{
    vertical-align: top;
}

.valign_middle
{
    vertical-align: middle;
}

.wordbreak
{
    word-break: break-all;
}

.cursor_pointer
{
    cursor: pointer;
}

/* ------------------------------------------------------------------------- */
/* ---------- Style For Input Buttons: <input type=button/submit> ---------- */
/* ------------------------------------------------------------------------- */

.button_roundc_ie
{
    float: left;
    height: 14px;
    color:#fff;
    padding: 0px 2px 0px 2px !important;
}

.button_roundc_ie_box
{
    display: inline-block;
    position: relative;
    top: 3px;
}

.button_roundc_ie_left
{
    background: transparent url(/spic/hatchbloom/button.png) no-repeat left top;
    float: left;
    width: 6px;
    height: 14px;
    cursor: pointer;
}

.button_roundc_ie_right
{
    background: transparent url(/spic/hatchbloom/button.png) no-repeat right top;
    float: left;
    width: 6px;
    height: 14px;
    cursor: pointer;
}

/* ------------------------------------------------------------------------- */
/* ------------------------- Standard Button Style ------------------------- */
/* ------------------------------------------------------------------------- */
button, input[type=submit], input[type=button]
{
	border: 0px;
	margin: 0px;
	cursor: pointer;
	overflow: visible;
	
    background-color: rgb(0,69,123); /* pantone 295 C */
    color: #ffffff;
    padding: 0px 8px 1px 8px;
	
	font-size: 11px !important;
	font-weight: bold;
	
	/* Round corners for Firefox, Chrome, Safari & IE9 */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; /* CSS3 */

    /* Remove the focus border in Chrome & Safari */
    outline-style: none;
}

input[type=file]
{
    font-size: 11px !important;
}

button:disabled,
input[type=submit]:disabled, 
input[type=button]:disabled
{
    cursor: default;
    background-color: rgb(127,162,189); /* pantone 295 C 50% */
}

/* ------------------------------------------------------------------------- */
/* --------------- Special Firefox, Safari And Chrome Style ---------------- */
/* ------------------------------------------------------------------------- */
button::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=button]::-moz-focus-inner
{
	border: none;
	padding: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
	input[type=submit], input[type=button]
	{
	    padding: 0px 6px 1px 6px;
	}
}


/* Schedule editor 
   20180802 Ulrik - Allow very nonresponsive schedule editor to overflow. ProjectId=31668 */
.scheduleeditor table {
    overflow-x: auto;
    display:inline-block;
}

/* ------------------------------------------------------------------------- */
/* --------------- Padding Utilities ---------------- */
/* ------------------------------------------------------------------------- */

.p-1{
	padding: .2rem;
}
.p-2{
	padding: .4rem;
}
.p-3{
	padding: .6rem;
}
.p-4{
	padding: .8rem;
}
.p-5{
	padding: 1rem;
}

.pl-1{
	padding-left: .2rem;
}
.pl-2{
	padding-left: .4rem;
}
.pl-3{
	padding-left: .6rem;
}
.pl-4{
	padding-left: .8rem;
}
.pl-5{
	padding-left: 1rem;
}

.pr-1{
	padding-right: .2rem;
}
.pr-2{
	padding-right: .4rem;
}
.pr-3{
	padding-right: .6rem;
}
.pr-4{
	padding-right: .8rem;
}
.pr-5{
	padding-right: 1rem;
}

.pt-1{
	padding-top: .2rem;
}
.pt-2{
	padding-top: .4rem;
}
.pt-3{
	padding-top: .6rem;
}
.pt-4{
	padding-top: .8rem;
}
.pt-5{
	padding-top: 1rem;
}

.pb-1{
	padding-bottom: .2rem;
}
.pb-2{
	padding-bottom: .4rem;
}
.pb-3{
	padding-bottom: .6rem;
}
.pb-4{
	padding-bottom: .8rem;
}
.pb-5{
	padding-bottom: 1rem;
}

.px-1{
	padding-left: .2rem;
	padding-right: .2rem;
}
.px-2{
	padding-left: .4rem;
	padding-right: .4rem;
}
.px-3{
	padding-left: .6rem;
	padding-right: .6rem;
}
.px-4{
	padding-left: .8rem;
	padding-right: .8rem;
}
.px-5{
	padding-left: 1rem;
	padding-right: 1rem;
}

.py-1{
	padding-top: .2rem;
	padding-bottom: .2rem;
}
.py-2{
	padding-top: .4rem;
	padding-bottom: .4rem;
}
.py-3{
	padding-top: .6rem;
	padding-bottom: .6rem;
}
.py-4{
	padding-top: .8rem;
	padding-bottom: .8rem;
}
.py-5{
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* ------------------------------------------------------------------------- */
/* --------------- Margin Utilities ---------------- */
/* ------------------------------------------------------------------------- */

.m-1{
	margin: .2rem;
}
.m-2{
	margin: .4rem;
}
.m-3{
	margin: .6rem;
}
.m-4{
	margin: .8rem;
}
.m-5{
	margin: 1rem;
}

.ml-1{
	margin-left: .2rem;
}
.ml-2{
	margin-left: .4rem;
}
.ml-3{
	margin-left: .6rem;
}
.ml-4{
	margin-left: .8rem;
}
.ml-5{
	margin-left: 1rem;
}

.mr-1{
	margin-right: .2rem;
}
.mr-2{
	margin-right: .4rem;
}
.mr-3{
	margin-right: .6rem;
}
.mr-4{
	margin-right: .8rem;
}
.mr-5{
	margin-right: 1rem;
}

.mt-1{
	margin-top: .2rem;
}
.mt-2{
	margin-top: .4rem;
}
.mt-3{
	margin-top: .6rem;
}
.mt-4{
	margin-top: .8rem;
}
.mt-5{
	margin-top: 1rem;
}

.mb-1{
	margin-bottom: .2rem;
}
.mb-2{
	margin-bottom: .4rem;
}
.mb-3{
	margin-bottom: .6rem;
}
.mb-4{
	margin-bottom: .8rem;
}
.mb-5{
	margin-bottom: 1rem;
}

.mx-1{
	margin-left: .2rem;
	margin-right: .2rem;
}
.mx-2{
	margin-left: .4rem;
	margin-right: .4rem;
}
.mx-3{
	margin-left: .6rem;
	margin-right: .6rem;
}
.mx-4{
	margin-left: .8rem;
	margin-right: .8rem;
}
.mx-5{
	margin-left: 1rem;
	margin-right: 1rem;
}

.my-1{
	margin-top: .2rem;
	margin-bottom: .2rem;
}
.my-2{
	margin-top: .4rem;
	margin-bottom: .4rem;
}
.my-3{
	margin-top: .6rem;
	margin-bottom: .6rem;
}
.my-4{
	margin-top: .8rem;
	margin-bottom: .8rem;
}
.my-5{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

/* ------------------------------------------------------------------------- */
/* --------------- Width Utilities ---------------- */
/* ------------------------------------------------------------------------- */
.w-full { width: 100%; }
.w-screen { width: 100vh; }

.w-1\/4 {width: 25%;}
.w-2\/4 {width: 50%;}
.w-3\/4 {width: 75%;}

.w-1\/5 {width: 20%;}
.w-2\/5 {width: 40%;}
.w-3\/5 {width: 60%;}
.w-4\/5 {width: 80%;}

.w-1\/6 {width: 16.666667%;}
.w-2\/6 {width: 33.333333%;}
.w-3\/6 {width: 50%;}
.w-4\/6 {width: 66.666667%;}
.w-5\/6 {width: 83.333333%;}

.w-1\/12 {width: 8.333333%;}
.w-2\/12 {width: 16.666667%;}
.w-3\/12 {width: 25%;}
.w-4\/12 {width: 33.333333%;}
.w-5\/12 {width: 41.666667%;}
.w-6\/12 {width: 50%;}
.w-7\/12 {width: 58.333333%;}
.w-8\/12 {width: 66.666667%;}
.w-9\/12 {width: 75%;}
.w-10\/12 {width: 83.333333%;}
.w-11\/12 {width: 91.666667%;}


/* ------------------------------------------------------------------------- */
/* --------------- Width Utilities ---------------- */
/* ------------------------------------------------------------------------- */
.max-w-none { max-width: none; }
.max-w-xs {max-width: 3rem;}
.max-w-sm { max-width: none; }
.max-w-md { max-width: none; }
.max-w-lg { max-width: none; }
.max-w-xl { max-width: none; }
.max-w-full { max-width: 100%; }


/* ------------------------------------------------------------------------- */
/* --------------- Overflow Utilities ---------------- */
/* ------------------------------------------------------------------------- */
.overflow-x-auto {
	overflow-x: auto;
}

/* ------------------------------------------------------------------------- */
/* --------------- Background Utilities ---------------- */
/* ------------------------------------------------------------------------- */
.bg-dark-blue { background-color:rgb(0,69,123); /* pantone 295 C */ }
.bg-light-blue { background-color: rgb(235,246,253); /* pantone 298 C 10% */ }
.bg-blue-10,
.bg-pantone-298-10 { background-color: rgb(235,246,253); /* pantone 298 C 10% */ }
.bg-pantone-298,
.bg-focus-blue { background-color: rgb(27,182,234); /* pantone 298 C */ }
.bg-green { background-color: rgb(36, 167, 143); /* PANTONE GREEN */ }
.bg-orange { background-color: rgb(247,143,30); /* Pantone 021 C */ }
.bg-red{ background-color: rgb(204,28,85); }
/* ------------------------------------------------------------------------- */
/* --------------- Text Utilities ---------------- */
/* ------------------------------------------------------------------------- */
.text-white {color: #fff;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}

.font-normal{font-weight: normal;}
.font-bold{font-weight: bold;}

/* ------------------------------------------------------------------------- */
/* --------------- Border Utilities ---------------- */
/* ------------------------------------------------------------------------- */

/* Border widths */
.border-0 { border-width: 0px; }
.border { border-width: 1px; }
.border-2 { border-width: 2px; }
.border-3 { border-width: 3px; }

.border-t { border-top-width: 1px; }
.border-t-2 { border-top-width: 2px; }
.border-t-3 { border-top-width: 3px; }

.border-b { border-bottom-width: 1px; }
.border-b-2 { border-bottom-width: 2px; }
.border-b-3 { border-bottom-width: 3px; }

.border-y-0 { 
	border-top-width: 0px;
	border-bottom-width: 0px;
 }
.border-y { 
	border-top-width: 1px;
	border-bottom-width: 1px;
 }
.border-y-2 {
	border-top-width: 2px;
	border-bottom-width: 2px;
}
.border-y-3 { 
	border-bottom-width: 3px;
	border-top-width: 3px;
}

.border-x-0 { 
	border-left-width: 0px;
	border-right-width: 0px;
 }
.border-x { 
	border-left-width: 1px;
	border-right-width: 1px;
 }
.border-x-2 {
	border-left-width: 2px;
	border-right-width: 2px;
}
.border-x-3 { 
	border-left-width: 3px;
	border-right-width: 3px;
}

/* Border Colors */
.border-blue { border-color: rgb(0,69,123); }
.border-red { border-color: rgb(204,28,85); }

/* Border styles */
.border-double { border-style: double; }
.border-dotted {border-style: dotted;}
.border-solid {	border-style: solid; }
.border-none { border-style: none; }

/* ------------------------------------------------------------------------- */
/* --------------- Table Utilities ---------------- */
/* ------------------------------------------------------------------------- */
.border-collapse {
	border-collapse: collapse !important;
}

.table-fixed { table-layout: fixed; }
.table-auto { table-layout: auto; }