/* Minification failed. Returning unminified contents.
(4710,55): run-time error CSS1046: Expect comma, found '108'
(4710,63): run-time error CSS1046: Expect comma, found '/'
(4710,113): run-time error CSS1046: Expect comma, found '122'
(4710,121): run-time error CSS1046: Expect comma, found '/'
(4710,141): run-time error CSS1046: Expect comma, found '126'
(4710,149): run-time error CSS1046: Expect comma, found '/'
(11012,34): run-time error CSS1046: Expect comma, found '0'
(11012,38): run-time error CSS1046: Expect comma, found '/'
(11012,67): run-time error CSS1046: Expect comma, found '0'
(11012,71): run-time error CSS1046: Expect comma, found '/'
(11059,41): run-time error CSS1046: Expect comma, found '0'
(11059,45): run-time error CSS1046: Expect comma, found '/'
(11059,74): run-time error CSS1046: Expect comma, found '0'
(11059,78): run-time error CSS1046: Expect comma, found '/'
(11061,33): run-time error CSS1046: Expect comma, found '0'
(11061,37): run-time error CSS1046: Expect comma, found '/'
(11061,65): run-time error CSS1046: Expect comma, found '0'
(11061,69): run-time error CSS1046: Expect comma, found '/'
(11096,33): run-time error CSS1046: Expect comma, found '0'
(11096,37): run-time error CSS1046: Expect comma, found '/'
(11265,33): run-time error CSS1046: Expect comma, found '0'
(11265,37): run-time error CSS1046: Expect comma, found '/'
(11265,65): run-time error CSS1046: Expect comma, found '0'
(11265,69): run-time error CSS1046: Expect comma, found '/'
(11303,41): run-time error CSS1046: Expect comma, found '0'
(11303,45): run-time error CSS1046: Expect comma, found '/'
(11303,74): run-time error CSS1046: Expect comma, found '0'
(11303,78): run-time error CSS1046: Expect comma, found '/'
(11305,33): run-time error CSS1046: Expect comma, found '0'
(11305,37): run-time error CSS1046: Expect comma, found '/'
(11305,65): run-time error CSS1046: Expect comma, found '0'
(11305,69): run-time error CSS1046: Expect comma, found '/'
(11368,33): run-time error CSS1046: Expect comma, found '0'
(11368,37): run-time error CSS1046: Expect comma, found '/'
(11368,65): run-time error CSS1046: Expect comma, found '0'
(11368,69): run-time error CSS1046: Expect comma, found '/'
 */
/*
Current Colors
	VeryDark: #147065
	Dark: #23C6B9
	Light: #D0E8E6
	VeryLight: #E5FFFC
*/
html
{
    height:100%;
}

body 
{
	padding:0px;
	margin:0px;	
	font: normal 10pt  Arial, Sans-Serif;
	/*background-image:url(/include/images/solidbg.png);*/
	min-width:950px;
    background-color:transparent;
	color:#5C5C5C;
	width:100%;
	height:100%;
}

textarea{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

form
{
	height:100%;
	padding:0px;
	margin:0px;	
}

a:link, a:visited, a:hover, a:active {
   color: #5C5C5C; 
}


#header 
{
	/*background-image:url(/include/images/header-bg.png);*/
	height:80px;
	position:relative;
	z-index:0;
	background-color:White;
	color:#5C5C5C;
	/*margin-bottom:2px;
	margin-top:7px;
	margin-left:7px;
	margin-right:7px;*/
	margin-left:auto;
	margin-right:auto;
	width:1200px;
	margin-top:25px;
}

#wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;

}


#container 
{
	/*z-index:10;*/
	top:60px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:0px;
	padding:0px;

}

html{
    background-color:whitesmoke;
}

/*#content 
{
	margin:0px;
	padding:10px;
	min-width:950px;
	clear:both;
	top:24px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:visible;
	background-color:whiteSmoke;
}*/


#content
{
    padding:15px;
    padding-top:25px;
    background-color:white;
    z-index:auto;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 6px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    margin-top:0px;
}

/*#clockcontent {
    padding-left:15px;
    padding-right:15px;
    z-index:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
}*/

/*Width based off code-behind classes on the master page*/
#content, #content.page-width-regular, .piq-header.page-width-regular
{
    width:1200px;
}
#content.page-width-wide, .piq-header.page-width-wide
{
    width:1280px;
}
#content.page-width-extrawide, .piq-header.page-width-extrawide
{
    width:1400px;
}
#content.page-width-extraextrawide, .piq-header.page-width-extraextrawide {
      max-width: 1750px;
    width: auto;
}
#content.page-width-1920, .piq-header.page-width-1920
{
    width:1800px;
}
#content.page-width-fill, .piq-header.page-width-fill
{
    width: auto;
   margin-right: 50px;
}


/*#clockcontent, #clockcontent.page-width-regular, .piq-header.page-width-regular
{
    width:1200px;
}
#clockcontent.page-width-wide, .piq-header.page-width-wide
{
    width:1250px;
}
#clockcontent.page-width-extrawide, .piq-header.page-width-extrawide
{
    width:1400px;
}
#clockcontent.page-width-fill, .piq-header.page-width-fill
{
    width:98%;
}*/

.piq-header {
    height:75px;
    margin:0px auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

#ContentFooter{
    height:30px;
}


#menucontainer{
     background-color: #fbfbfb;
    background-repeat: repeat-x;
    margin-left: 0;
    webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 3px rgba(0,0,0,.09),inset 0 -1px 0 rgba(0,0,0,.01);
    background-image: -moz-linear-gradient(top,#fff,#f5f5f5);
    background-image: -ms-linear-gradient(top,#fff,#f5f5f5);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f5f5f5));
    background-image: -webkit-linear-gradient(top,#fff,#f5f5f5);
    background-image: -o-linear-gradient(top,#fff,#f5f5f5);
    background-image: linear-gradient(top,#fff,#f5f5f5);
    float: none!important;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    border-top: 1px solid #f0f0f0;
    position: relative;
    border-bottom: 1px solid #ddd;
}


#menulinkcontainer
{
    margin-left: auto; 
    margin-right: auto;
    width: 1200px;
}
#menulinkcontainer > div {
    clear: none !important;
}
#ctl00_MainMenu
{
    float:none !important;
}

#menucontainerErrorPage
{
    margin:0px;
    padding:0px;
	clear:both;
	background-image:url(/include/images/headerbg.png);
	background-repeat:repeat-x;
	width:100%;
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	height:24px;
}


#heading
{
    height:20px;
	margin:0;
	padding-right:20px;
	padding-left:5px;
	padding-bottom:5px;
	color:#5C5C5C;
	text-size:110%;
	position:absolute;
    left:1060px;
    top:87px;
}

#loginContainer {
    float: right;
    margin-top: 8px;
    margin-right: 0px;
}

.clockcontainer {
        border: 2px solid #4C4C4C;
    color: #4C4C4C;
    text-align: center;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 9px;
    background-color: white;
}

#loginContainer span.btn-success{border:none; background-image:none; background-color:transparent; box-shadow:none; text-shadow:none; color:white!important}
#loginContainer .icon-user{opacity:1}
#loginContainer .fa-user{    font-size: 22px;
    margin-top: -4px;
    display: block;
    float: left;
    margin-right: 7px;}
#loginContainer .caret{ border-top-color:white; opacity:1;}
#loginContainer .iq-admin-star {
    color: yellow;
    font-size: 15px;
    display: block;
    float: left;
    margin-top: 1px;
    margin-left: -2px;
    margin-right: 4px;
    text-shadow: 1px 1px 0px rgb(0, 0, 0);
}

/* Menu */
table.menu 
{
	/*background-image:url(/include/images/menubg.png);
	background-repeat:repeat-y;*/
	/*background-color:White;*/
	/*padding:3px;*/
	/*width:110px;*/
	/*margin:10px;*/
}

#menutop 
{
	/*background-image:url(/include/images/menutop.png);
	width:120px;
	height:18px;*/
}

#headerleft
{
	background-image:url(/include/images/printiq.png);
    width: 196px;
    height: 60px;
    margin-top: 8px;
    float: left;
    background-repeat: no-repeat;
}

#headerleft.christmas{
    background-image:url(/include/images/IQChristmas.png);
    width: 196px;
    height: 66px;
}

#headerright
{
	float: right;
	max-height: 60px;
	max-width: 450px;
}

#menubottom
{
	/*background-image:url(/include/images/menubottom.png);
	width:120px;
	height:18px;*/
}

.navbar.submenu{margin-top:-26px;}
.submenu .navbar-inner{border-radius: 0px 0px 4px 4px!important;  -webkit-border-radius: 0px 0px 4px 4px!important; -moz-border-radius: 0px 0px 4px 4px!important; margin-left:-10px; margin-right:-10px}



.InputText
{
	border:1px solid #C0C0C0;
	font: normal 10pt  Arial, Sans-Serif;
	text-align:left;
	text-decoration:none;
}

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.DefaultFont
{
	font: normal 10pt Arial, Sans-Serif;
}


.DefaultFontColour
{
	color:#5C5C5C;
}

.normalFont
{
	font-weight:normal;
}

.ellipsis 
{
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
}

.ellipsis.ellipsis-hover:hover {
    overflow: visible;
}

.headingtext
{
	font-weight:bold;
	font-size:11pt;
	color:#5C5C5C;
	background-image:url(/include/images/headingbg.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-right:auto;
	margin-left:auto;
}

.heading
{
	color: #5C5C5C;
	/*font-family: verdana,arial,sans-serif;*/
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
    line-height:2em;
	padding-right: 4px;
	padding-left: 4px;
	padding-top:4px;
    font-size: 30px;
}

.PageHeadingContainer
{
    margin-top:0px;
    padding-left:0px;
    margin-bottom:15px;
    margin-right:5px;
    border-bottom: 1px solid #EEE;
}

.pageDescription, .PageDescription
{
    vertical-align:middle;
    margin-left:5px;
    padding-bottom:5px;
    padding-left: 5px;
    margin-bottom:5px;
}

.sectionHeading
{
  	background:#D5D5D5 url(/include/images/HeaderBG.png) repeat-x;
    color:#5C5C5C;
	font-weight:bold;
	text-align:left;
	padding:2px;
	margin:0px;
	height:25px;
	line-height:25px;
	margin:0px;
}


.sectionSubHeading
{
    color:#5C5C5C;
	font-weight:bold;
	text-align:left;
	padding:2px;
	margin:0px;
	height:25px;
	line-height:25px;   
}

.sectionFilters
{
    padding:3px;
	background-color:#F5F5F5;
	font-weight:bold;
}

/*This is displayed directly under section headings on pages*/
.sectionDescription
{
    line-height:2em;
    padding:3px;
	background-color:#F5F5F5;
	margin-bottom:7px;
	height:25px;
    vertical-align:middle;
}

.sectionPadding, .SectionPadding
{
    margin: 3px; 
    padding: 5px;
}

.SectionFilterBG
{
    background-color: #F5F5F5; 
    vertical-align: bottom;
}

.SectionBorder 
{
	background-color:White;
	border:Solid 1px #C0C0C0;
	margin:0px 5px 5px 0px;
	padding:0px;
}

.sectionInstructions
{

}


.sectionNotification
{
    background-color:green;
    padding:3px;
    color:White;
    font-weight:bold;
}

/*Modal popup forms on Managestock and ManageMaterials pages*/
.sectionBorderWithPadding
{
    background-color:White;
    border:solid 1px #C0C0C0;
    margin: 3px; 
    padding: 5px;

}

.innerSectionBorder
{
    background-color:White;
    border:dotted 1px #C0C0C0;
    margin: 3px; 
    padding: 5px;
}


.innerSectionHeading
{
    color: #5C5C5C;
    font-weight: bold;
    text-align: left;
    padding: 2px;
    margin: 0px;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
}

#moduleheading 
{
	color: #5C5C5C;
	position:relative;
	font-family: Verdana,Arial,Sans-Serif;
	font-style:normal;
	font-weight:bold;
	font-size:20px;
	top:18px;
	left:20px;
	float:left;
}
.subheading
{
	font-family: arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.livelabel
{
	color: Green;
}
.testlabel
{
	color: Red;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:100000;
}


/*Text colour = Red. Used for error messages*/
.error {
    color: #b94a48;
    border-color: #b94a48 !important;
    border-width: 2px;
}

input[type="checkbox"].error {
    outline: 1px solid #b94a48!important;
}

.ErrorContainer
{
	border: 1px solid #cd0a0a;
	background: #fef1ec url(/include/jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; 
	color: #cd0a0a; 	
	padding: 0.7em;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}

.InfoIcon
{	
	margin-right: 0.3em; 
	float: left;
	font-weight:bold;
	 width: 16px;
	 height: 16px; 
	 background:url(/include/jquery/ui/theme/images/ui-icons_2e83ff_256x240.png) -16px -144px;

}

.AddIcon
{
	 background:url(/include/jquery/ui/theme/images/ui-icons_888888_256x240.png) 0 -192px;
	  width: 16px;
	 height: 16px; 
}


.ErrorIcon
{
	margin-right: 0.3em; 
	float: left;
	font-weight:bold;
	width: 16px; 
	height: 16px;
	background-image: url(/include/jquery/ui/theme/images/ui-icons_cd0a0a_256x240.png);
	background-position: 0 -144px;

}

.SuccessContainer
{
	border: 1px solid #3c9813;
	background: #fef1ec url(/include/jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; 
	color: #3c9813; 	
	padding: 0.7em;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}

.SuccessIcon
{
    margin-right: 0.3em; 
	float: left;
	font-weight:bold;
	width: 16px; 
	height: 16px;
	background-image: url(/include/jquery/ui/theme/images/ui-icons_green_256x240.png);
	background-position: -208px -192px;
}

i.icon-addreference {
    background-position: 0px 0px;
    width: 16px!important;
    height:16px!important;
    background-image: url(/include/images/AddReference.png)!important;
}

i.icon-addnote {
    background-position: 0px 0px;
    width: 16px!important;
    background-image: url(/include/images/AddNote.png)!important;
}

i.icon-addnote-white {
    background-position: 0px 0px;
    width: 16px;
    background-image: url(/include/images/AddNote.png)!important;
}

.operation-note-icons.hasnotes {
    background-color: #faa732;
    width: 21px;
    height: 21px;
    border-radius: 3px;
    text-align: center;
    line-height: 21px;
    color: white;
}

i.notes-hasnotes.icon-addnote {
    background-image: none !important;
    opacity: 1;
    line-height: 12px;
}


i.icon-stocksize {
    background-position: 0px 0px;
    width: 16px!important;
    height:16px!important;
    background-image: url(/include/images/StockSizeIcon.png)!important;
}


.success
{
    color: Green;
}

.collapsePanelHeader
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.popupPanelHeader
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
	cursor: pointer;
}

/*-------------------------------------------------------------
/   MENU
/--------------------------------------------------------------*/
table.aspmenu {margin:0px;}

ul.level1{
    padding:0px;
    border-color:none;
    list-style:none;
    float:none;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
}

.static {
      margin-right:18px;
 }

img.horizontal-separator {float:left;margin-top:5px;}
a.static {float:left; text-decoration:none;}
li.dynamic {}

.aspmenu TD,
.aspmenu LI{
	color: #5C5C5C;	
	font-size:9pt;	
	text-align:left;
	list-style:none;
	white-space: nowrap;
}
table.aspsubmenu{
	color: #5C5C5C;	
	font-size:9pt;	
	/*font-weight:normal;*/
	text-align:left;	
}
.aspdynmenu{z-index:999;padding-top:10px;}

ul.aspsubmenu a,
ul.aspsubmenu a:link,
ul.aspsubmenu a:hover,
ul.aspsubmenu a:visited,
ul.aspsubmenu a:active,
a.aspsubmenu:link,
a.aspsubmenu:visited,
a.aspsubmenu:hover,
a.aspsubmenu:active{
	font-size: small;	
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:26px;
	display:block;
}


a.dynamic
{
    margin-bottom:4px;    
	font-size: small;	
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:26px;
	display:block;
}
	
ul .aspdynmenu{
    background-color: white;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  padding:0px;
  padding-top:2px;
}
ul.aspmenu a:focus {outline: none;}
ul.aspmenu {outline: none;}
ul.aspmenu a,
ul.aspmenu a:link,
ul.aspmenu a:hover,
ul.aspmenu a:visited,
ul.aspmenu a:active,
a.aspmenu:link,
a.aspmenu:visited,
a.aspmenu:hover,
a.aspmenu:active{
    color: gray;
	font-size: small;
	font-weight:normal;	
}



.aspdynmenu li a.dynamic{
    color:#333;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}

a.dynamic:hover{
    color: white!important;
	background-color:#08C;
}

.aspmenu a:link,
.aspmenu a:visited,
.aspmenu a:hover,
.aspmenu a:active{
    color: #5C5C5C;
    font-weight:bold;
}


/*Attempt to fix menu loadig flicker */
#menucontainer  ul li ul:not(.new-order-menu){display: none;}
#menucontainer  ul li {position: relative; list-style: none;}

.horizontal-separator{display:none;}
div.menu ul li ul { display:none; }
/*-------------------------------------------------------------
/   #MENU END#
/--------------------------------------------------------------*/



/*Removes underline from hyperlink, adds undering to hover*/
.cleanlink{
    text-decoration:none;
}

.cleanlink:hover
{
    text-decoration:underline;
}

/*Used to show that a line of text is editable*/
.Editable, .editable
{
    cursor:pointer;
    display: inline-block;

    padding-right:20px;   
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(/include/images/icon-edit.png);
    background-position:right;
    background-repeat: no-repeat;
}

.Editable:hover, .editable:hover{border-bottom: 1px dashed #5C5C5C;}

.editable_noicon:hover{border-bottom: 1px dashed #5C5C5C;}
.editable_noicon
{
    cursor:pointer;
    display: inline-block; 
    line-height: 14px;
    vertical-align: text-top;
}

/* Add to a row to show edit on hover */
tr.HighlightGridRow:hover, tr.highlightgridrow:hover
{
    background-color: #F5F5F5;
    vertical-align: middle;
    cursor: pointer;
}

tr.HighlightGridRow_NoClick:hover, tr.highlightgridrow_noclick:hover
{
    background-color: #F5F5F5;
    vertical-align: middle;
}

.EditableRow:hover, .editablerow:hover
{
    background-image: url(/include/images/icon-edit.png);
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*Gridview styles*/
.AdminGridView
{
    border-collapse:collapse;
}
.AdminGridView td
{

    border:none;
    border-bottom:Solid 1px #E0E0E0;
    padding:3px;
    vertical-align:top;
    padding-right:10px;
}

.AdminGridView th
{
    border:none;
    padding:3px;
    text-align:left;
}

.AdminGridViewRightAlign th
{
	text-align:right;
	vertical-align:bottom;
}

.AdminGridViewCenterAlign th
{
	text-align:center;
	vertical-align:bottom;
}

.AdminGridViewMarginRight
{
	margin-right:10px;
}

.formTable th 
{
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding-right: 10px;
}
        
.formTable td
{
	width: 200px;
}

/*Stock size, stock family and material lists on Managestock and ManageMaterials pages */
.repeater
{
    background-color: White;
    border:Solid 1px #D0D0D0;
    margin:3px;
    padding:5px;
    width: 400px;
}

.repeater:hover
{
	background-color: #E8E8E8;
}

.repeaterItem
{
    background-color: White;
    border:Solid 1px #D0D0D0;
    margin:3px;
    padding:5px;
}


.repeaterItemWithHover
{
    background-color: White;
    border:Solid 1px #D0D0D0;
    margin:3px;
    padding:5px;
}

.repeaterItemWithHover:hover
{
    cursor:pointer;
	background-color: #E8E8E8;
}

.RepItem
{
	border: solid 1px #D0D0D0;
	margin-bottom:4px;
}

.RepInnerItem
{
	background-color: #F5F5F5; 
}

.RepItemPadding
{
	padding: 4px; 
}



.highlightRow tr
{
	background: #d5d5ff;
}

.highlightRow td
{
	background: #d5d5ff;
}

/* prevent hovering on disabled links bolding the text, class disabled should be applied to all disable links */
a.disabled:link,
a.disabled:visited,
a.disabled:hover,
a.disabled:active {
    font-weight:normal;
}

/*Float positioning classes*/
.Left{float:left;}
.Right{float:right;}
.Clear{clear:both;}
.clearafter:after, .ClearAfter:after {
    content:'';
    display:block;
    clear: both;
}

.TinyBuffer{height:5px;}

/*Text Alignment */
.VAlignTop{vertical-align:top;}
.TextAlignRight{text-align:right;}
.TextAlignCenter{text-align:center;}

/*Turns off borders*/
div.NoBorder, td.NoBorder,table.NoBorder,.NoBorder
{
	border:none !important;
}

.SmallText, .SmallFont{font-size:9pt;}

.CursorPointer{cursor:pointer;}

.CursorPointerHelp{cursor:help;}

.TitleContentContainer{padding-bottom:6px;}


/* Form Styles */
.fieldset {border:none;}

.FormElementContainer
{
	clear: left;
	width:350px;
	margin-bottom:5px;
}

.formstyles .label, .formstyles Label 
{
	display:block;
	float:left;
	font-weight:bold;
	margin-right:5px;
	padding-top:3px;
	text-align:left;
	width:110px;
}

.wideInputs input[type="text"], .wideInputs textarea, .wideInputs select{width: 220px !important;}

.formstyles input, .formstyles textarea, .formstyles select{float:left; width: 150px;}

.formstyles input[type="checkbox"], .formstyles input[type="submit"], .formstyles input[type="image"]{width: auto;}


.expandImage{float: left; margin-left: 5px; width: auto; padding-right: 4px; padding-top: 2px;}

.CheckBoxLabel
{
    display:block;
	float:left;
	margin-right:5px;
	padding-top:3px;
}

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

.AdvancedSearch_Open{display:block; margin-top: 5px !important; }
.AdvancedSearch_Closed{display: none;}

/*Login Box*/
.loginBox
{
  width:290px; 
  text-align:left; 

}

.loginBox td{text-align:left;}





.ForgotPasswordLink, .UseDomainAuthLink, #spnUseDomainSpacer, .UseFormsAuthLink, #spnUseFormsSpacer{
    margin-top:-15px;
}


    
.loginBox input[type="submit"]:hover {

  /*text-decoration: none;
background-color: #51a351;*/
  /* Buttons in IE7 don't get borders, so darken on hover */

  /*background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;*/

}
    
.loginBox input
{
    margin-bottom:5px;
    margin-left:5px;

}

.loginBox a{float: right;}

.NoDisplay
{
    display:none !important;
}

/*Quote Page - Expandable divs*/
.Expandable_Container
{
    display:block; 
}
  
.Expandable_Open{display:block; margin-top: 5px !important;}
.Expandable_OpenHoriz{display:block;}
.Expandable_Closed{display: none;}
.Expandable_OpenImg{}
.Expandable_ClosedImg{}

.Expandable_Content
{
    padding-left:10px;  
    padding-right:10px; 
    background-color: #F5F5F5;
    border: Solid 1px #E7E7E7;
    margin-left:2px;
    margin-right:2px;
}

.Expandable_Link
{
    padding:2px;
    border:Solid 1px white;
    margin-left:2px;
    margin-right:2px;
}

.Expandable_Hover
{

    background-color:#e2edff;
}

.slide {
  position: relative;
}
.slide .inner {
  position: absolute;
  left: 0;
  bottom: 0;
}

::-webkit-input-placeholder {
    font-style: italic;
}
 
:-moz-placeholder {
    font-style: italic;
}


.AdminGridViewHeading
{
	background-color:#F5F5F5;
	font-weight:bold;
	/*border-bottom:Solid 1px #E7E7E7;*/
}

/*Buttons*/
.ButtonContainer
{
    padding-top:5px;
}

.ButtonContainer input, 
.ButtonContainer a, 
.ButtonContainerNoPad input
{
    /*font: normal 12pt Calibri, Sans-Serif;*/
    font: normal 10pt  Arial, Sans-Serif;
    font-weight:bold;
    border: none;
    color:White;  
    cursor:pointer; 
    vertical-align:middle;
    text-align:center;
    padding-bottom: 3px;
}



.LinkLeftSmall:hover{background:url(/include/images/Buttons/SmallButtonLeft.png) no-repeat 0px -40px;}
.LinkLeftSmall:active{background:url(/include/images/Buttons/SmallButtonLeft.png) no-repeat 1px -78px;}
.LinkLeftSmall
{
    padding-left:24px;
    width:123px;
    height:38px;
    background:url(/include/images/Buttons/SmallButtonLeft.png) no-repeat 0px -2px;
}

.LinkLeftMedium:hover{ background:url(/include/images/Buttons/MediumButtonLeft.png)  no-repeat 0px -40px;}
.LinkLeftMedium:active{ background:url(/include/images/Buttons/MediumButtonLeft.png) no-repeat 1px -78px;}
.LinkLeftMedium
{
    padding-left:29px;
    width:163px;
    height:38px;
    background:url(/include/images/Buttons/MediumButtonLeft.png) no-repeat 0px -2px;
    
}


.LinkLeftBig:hover{background:url(/include/images/Buttons/BigButtonLeft.png) no-repeat 0px -40px;}
.LinkLeftBig:active{background:url(/include/images/Buttons/BigButtonLeft.png) no-repeat 1px -78px;}
.LinkLeftBig
{
    padding-left:24px;
    width:202px;
    height:38px;
    background:url(/include/images/Buttons/BigButtonLeft.png) no-repeat 0px -2px;
}

.LinkRightSmall:hover{background:url(/include/images/Buttons/SmallButtonRight.png) no-repeat 0px -40px;}
.LinkRightSmall:active{background:url(/include/images/Buttons/SmallButtonRight.png) no-repeat 1px -78px;}
.LinkRightSmall
{ 
    padding-right:24px;
    width:123px;
    height:38px;
    background:url(/include/images/Buttons/SmallButtonRight.png) no-repeat 0px -2px;
}


.LinkRightMedium:hover{background:url(/include/images/Buttons/MediumButtonRight.png) no-repeat 0px -40px;}
.LinkRightMedium:active{background:url(/include/images/Buttons/MediumButtonRight.png) no-repeat 1px -78px;}
.LinkRightMedium
{
    padding-right:31px;
    width:153px;
    height:38px;
    background:url(/include/images/Buttons/MediumButtonRight.png) no-repeat 0px -2px;
   
}


.LinkRightBig:hover{background:url(/include/images/Buttons/BigButtonRight.png) no-repeat 0px -40px;}
.LinkRightBig:active{background:url(/include/images/Buttons/BigButtonRight.png) no-repeat 0px -78px}
.LinkRightBig
{
   padding-right:24px;
    width:202px;
    height:38px;
    background:url(/include/images/Buttons/BigButtonRight.png) no-repeat 0px -2px;
    
}

.LinkRightBiggest:hover{background:url(/include/images/Buttons/BiggestButtonRight.png) no-repeat 0px -41px;}
.LinkRightBiggest:active{background:url(/include/images/Buttons/BiggestButtonRight.png) no-repeat 0px -79px}
.LinkRightBiggest
{
    padding-right:24px;
    width:327px;
    height:38px;
    background:url(/include/images/Buttons/BiggestButtonRight.png) no-repeat 0px -3px;
    
}




.LinkSmallSelect:hover{background:url(/include/images/Buttons/ButtonSmallSelect.png) no-repeat 0px -35.5px;}
.LinkSmallSelect:active{background:url(/include/images/Buttons/ButtonSmallSelect.png) no-repeat 0px -67.5px;}
.LinkSmallSelect
{
    width:68px;
    height:27px;
    margin-top:-3px;
    border: none;
    background:url(/include/images/Buttons/ButtonSmallSelect.png) no-repeat 0px -4px; 
}

.LinkSmallSelectRed:hover{background:url(/include/images/Buttons/ButtonSmallSelectRed.png) no-repeat 0px -35.5px;}
.LinkSmallSelectRed:active{background:url(/include/images/Buttons/ButtonSmallSelectRed.png) no-repeat 0px -67.5px;}
.LinkSmallSelectRed
{
    width:68px;
    height:27px;
    margin-top:-3px;
    border: none;
    background:url(/include/images/Buttons/ButtonSmallSelectRed.png) no-repeat 0px -4px; 
}

.LinkSmallDeSelect:hover{background:url(/include/images/Buttons/ButtonSmallDeSelect.png) no-repeat 0px -35.5px;}
.LinkSmallDeSelect:active{background:url(/include/images/Buttons/ButtonSmallDeSelect.png) no-repeat 0px -67.5px;}
.LinkSmallDeSelect
{
    width:96px;
    height:27px;
    margin-top:-3px;
    border: none;
    background:url(/include/images/Buttons/ButtonSmallDeSelect.png) no-repeat 0px -4px; 
}

.LinkMediumSelect:hover{background:url(/include/images/Buttons/ButtonSmallMedium.png) no-repeat 0px -35.5px;}
.LinkMediumSelect:active{background:url(/include/images/Buttons/ButtonSmallMedium.png) no-repeat 0px -67.5px;}
.LinkMediumSelect
{
    width:123px;
    height:27px;
    margin-top:-3px;
    border: none;
    background:url(/include/images/Buttons/ButtonSmallMedium.png) no-repeat 0px -4px; 
}

.LinkSmall:hover{background:url(/include/images/Buttons/ButtonSmall.png) no-repeat 0px -42px;}
.LinkSmall:active{background:url(/include/images/Buttons/ButtonSmall.png) no-repeat 0px -80px;}
.LinkSmall
{
    width:78px;
    height:32px;
    border: none;
    background:url(/include/images/Buttons/ButtonSmall.png) no-repeat 0px -5px; 
}

.LinkMedium:hover{background:url(/include/images/Buttons/ButtonMedium.png) no-repeat 0px -42px;}
.LinkMedium:active{background:url(/include/images/Buttons/ButtonMedium.png) no-repeat 0px -80px;}
.LinkMedium
{
    width:152px !important;
    height:32px;
    border: none;
    background:url(/include/images/Buttons/ButtonMedium.png) no-repeat 0px -5px; 
    overflow:hidden;
}
.LinkMediumGreen:hover {
    background: url(/include/images/Buttons/ButtonMediumGreen.png) no-repeat 0px -42px;
}
.LinkMediumGreen:active {
    background: url(/include/images/Buttons/ButtonMediumGreen.png) no-repeat 0px -80px;
}
.LinkMediumGreen {
    width: 152px !important;
    height: 32px;
    border: none;
    background: url(/include/images/Buttons/ButtonMediumGreen.png) no-repeat 0px -5px;
    overflow: hidden;
}
.LinkMediumDisabled
{
    width:152px;
    height:32px;
    border: none;
    background:url(/include/images/Buttons/ButtonMediumDisabled.png) no-repeat 0px -5px; 
    overflow:hidden;
}

.LinkBig:hover{background:url(/include/images/Buttons/ButtonBig.png)  no-repeat 0px -42px;}
.LinkBig:active{background:url(/include/images/Buttons/ButtonBig.png)  no-repeat 0px -80px;}
.LinkBig
{
    width:187px;
    height:32px;
    border: none;
    background:url(/include/images/Buttons/ButtonBig.png) no-repeat 0px -5px;  
    overflow:hidden;
}

.LinkBiggest:hover{background:url(/include/images/Buttons/ButtonBiggest.png)  no-repeat 0px -42px;}
.LinkBiggest:active{background:url(/include/images/Buttons/ButtonBiggest.png)  no-repeat 0px -80px;}
.LinkBiggest
{
    width:334px;
    height:32px;
    border: none;
    background:url(/include/images/Buttons/ButtonBiggest.png) no-repeat 0px -5px;  
    overflow:hidden;
}

.BGBiggest
{
    width:334px;
    height:32px;
    border: none;
    background:url(/include/images/Buttons/ButtonBiggest.png) no-repeat 0px -5px;  
    overflow:hidden;
}

.FindProduct
{
    width:337px;
    border: none;
    height:30px;
    margin-top:-2px;
    color:White;
    background:url(/include/images/Buttons/ProductCodeBG.png) no-repeat 0px -4px;  
    overflow:hidden;
    padding-left:15px;
}

.FindProduct input
{
    vertical-align:top;
    margin-top:6px;  
    border:none; 
}

.FindProduct label
{
    float:left;
    vertical-align:top;
    color:White;
    margin-right:5px;
    margin-top:2px;
}


.LinkGoEnd
{
   width:30px;
   background:none;
   cursor:pointer;
   margin-right:30px;
   font: normal 10pt  Arial, Sans-Serif;
   font-weight:bold;
   color:White;
   
}


.LinkSearch:hover{background:url(/include/images/Buttons/ButtonSearchSmall.png) no-repeat 0px -39px;}
.LinkSearch:active{background:url(/include/images/Buttons/ButtonSearchSmall.png) no-repeat 0px -76px;}
.LinkSearch
{
    padding-left:14px;
    width:92px;
    height:32px;
    background:url(/include/images/Buttons/ButtonSearchSmall.png) no-repeat 0px -2px;
}

.LinkSearchMedium:hover{background:url(/include/images/Buttons/ButtonSearchMedium.png) no-repeat 0px -39px;}
.LinkSearchMedium:active{background:url(/include/images/Buttons/ButtonSearchMedium.png) no-repeat 0px -76px;}
.LinkSearchMedium
{
    padding-left:15px;
    width:118px;
    height:32px;
    background:url(/include/images/Buttons/ButtonSearchMedium.png) no-repeat 0px -2px;
}

.LinkSearchEnd
{
   margin-top:7px;
   width:89px;
   background:none;
}

.SearchBG
{    
    height:32px;
    width:325px;
    background:url(/include/images/Buttons/SearchBG.png) no-repeat 0px -3px;
}

.SearchBox
{
     margin-top: 8px; 
     margin-left: 27px;
     width: 200px; 
     float: left; 
     border: none 0px;
}


.LinkUpload:hover{background:url(/include/images/Buttons/ButtonUpload.png) repeat 0px -40px;}
.LinkUpload
{
    width:90px;
    height:32px;
    background:url(/include/images/Buttons/ButtonUpload.png) no-repeat 0px -3px; 
    padding-left:17px;
    padding-top:3px;
}

.LinkIconBack 
{
    background:url(/include/images/IconBack.png) no-repeat 0px 0px; 
    height:16px;
    width:16px;
    border-style:none;
    cursor:pointer;
    position:absolute; 
    top:5px;
}


.BrowseBG
{
    padding-top:5px;
    width:258px;
    height:32px;
    background:url(/include/images/Buttons/BrowseBG.png) no-repeat 0px -3px;
}

.BrowseBG input{ border-style:none;}

/* this is used to style the browse button of file uploads*/
.LinkBrowse
{
    cursor:pointer;
    /*font: normal 12pt Calibri, Sans-Serif;*/
    font: normal 10pt  Arial, Sans-Serif;
    font-weight:bold;
    border: none;
    color:White;  
    background:none;
    cursor:pointer; 
    margin-top:2px;
}

.AddBG
{
   /* width:150px;
    height:32px;
    background:url(/include/images/Buttons/AddBg.png) no-repeat 0px -5px;
    border:none;*/
    width: 199px;
    height:32px;
    border:none;
    background:url(/include/images/Buttons/ButtonSmall.png) no-repeat -3px -5px;
    overflow:hidden;
}

.AddBG input
{
    border:none;
}

.AddMultiple
{

   /* margin-left:9px;
    height:32px;
    width:30px;
    background:url(/include/images/Buttons/AddMultipleTest.png) no-repeat -0px 4px;*/
}

.LinkAddEnd
{
   margin-left:-10px;
   height:32px;
   width:45px;
   background:none;
   cursor:pointer;

}

div.fileinputs {
	position: relative;
	border-style:none;
	width:258px;
	margin-left:34px;
}

.FakeInputBox
{
    margin-top:3px;
   border : none 0px;   
}


div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	border:none 0px;
}

input.file {
	position: absolute;
	left:0px;
	top:0px;
	text-align: right;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity: 0;
	z-index: 2;
	cursor:pointer;
}

.tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

.quantityTooltip
{
	position: absolute!important;
	z-index: 3000;
	margin-top:-50px!important;
	margin-left:160px!important;
	opacity: 0.85;
	font-weight:normal;
	border: 1px solid #cd0a0a!important;
	background: #fef1ec url(/include/jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; 
	color: #cd0a0a; 	
	padding: 0.7em!important;
	-moz-border-radius: 4px!important; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}

.FieldHeadingContainer
{
    width:120px;
    float:left;
    
}

.FieldContainer fieldset
{
    float: left;
    width: 500px;
  
}


.fieldheading, .FieldHeading
{
	font: bold 10pt Arial, Sans-Serif;
	color:#5C5C5C;
	margin-top:5px;
	line-height:2em;
}

.fieldDescription, .FieldDescription
{
    font-style:italic;   
}

.mediumWidth
{
    width: 120px;   
}

.LongWidth
{
    width: 150px;   
}

.largeWidth
{
    width: 250px;   
}

.largerWidth
{
    width:350px;
}

.FieldContainer
{
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    line-height:2em;
}

.FieldElement
{
}

.FieldItem
{
    padding: 5px;
}

.FieldRow
{
    padding:5px;
    line-height:2em;
}

.RequiredField
{
    color:Red;
}

/*Product Definitions Repeater Items (ManageProducts.aspx)*/
.ProdDefGridPaddingLeft
{
    padding-left:10px;   
}


/*Tab selector*/
.TabSelectContainer
{
}

.TabSelected
{
    border: solid 1px #C0C0C0; 
    border-bottom: 0px; 
    min-width: 100px; 
    padding:2px; 
    padding-left:10px;
    padding-right:10px;
    text-align:center;  
    margin-bottom:-1px;
    font-weight:bold;
    background:#D5D5D5 url(/include/images/HeaderBG.png) repeat-x;
    text-decoration:none;
    line-height:2em;
    float:left;
    height:25px;
    
}

.TabNotSelected
{
    min-width: 100px; 
    padding:2px; 
    text-align:center;
    margin-bottom:-1px;  
    background-color:#F1EFF1;
    border-bottom-width:0px;
    padding-left:10px;
    padding-right:10px;
    font-weight:normal;
    text-decoration:none;
    line-height:2em;
    float:left;
    height:25px;
}

.TabNotSelected:hover
{
    cursor:pointer;
    background-color:#E3DFE3;
}

.TabContents
{
    border: solid 1px #C0C0C0; 
    padding:5px; 
    line-height:2em;
    width:415px;
}

.TabContentField
{
    float:left;
    width:155px;
}

.TabFieldHeading
{
   width:120px;

}

.TabFieldItem
{
    
}

.TabFieldContainer
{
   line-height:2em;
    padding:5px;
}

.TabFieldElement
{
}

#divQuoteAcceptanceContainer .alert-info{margin-left:-10px; margin-right:-10px;}

/*----------------------------------------------------/
/Factory Config/Capabilities/Pricing admin menus     
/----------------------------------------------------*/
.AdminMenuHeading
{
    margin-top:10px;
    border-bottom:Solid 1px #C0C0C0;
	color: #5C5C5C;
	font-family: arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}

.AdminMenuItemContainer
{
    display:block;
    padding:3px;
    border:Solid 1px white;
    margin-top:3px;
    margin-bottom:3px;
    margin-left:7px;
    margin-right:7px;
}

.AdminMenuItemContainerDisabled
{
    padding:3px;
    border:Solid 1px white;
    margin-top:3px;
    margin-bottom:3px;
    margin-left:7px;
    margin-right:7px;
}

.AdminMenuItemContainer:hover
{
   border:Solid 1px #E2E2E2;
   cursor:pointer;
   background-color:#F5F5F5;
}

.AdminMenuLinkContainer
{
    width:220px;
    font-weight:bold;
}

.AdminMenuLink
{
    font-weight:bold;
    text-decoration:none;
}

.AdminMenuLink:hover
{
    text-decoration:underline;
    cursor:pointer;
}

.AdminMenuLinkDescription
{
    text-align:left;
    height:auto;
}

.InfoImage
{
	display:block;
	float:left;
	margin:6px;
}

#CustomFooterPush{clear:both;}

.InnerSectionSeperator
{
	  border-top: dashed 1px #5C5C5C;  
	  margin-top:8px;
	  margin-bottom:8px;

}

.StockSearchText{width:400px!important;}

/*----------------------------------------------------------*/
/*Workflow boards                                           */
/*----------------------------------------------------------*/
.JobHighlightPriority
{
   

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;

}

.JobHighlightCancelled {
    text-decoration: line-through;
}

    .JobHighlightCancelled .WFURLColumn, .JobHighlightCancelled .NoDefaultActionDropdown {
        text-decoration: line-through;
    }

.JobHighlightRework {
    background: repeating-linear-gradient(45deg,#fff,#fff 14px,#f2dede 10px,#f2dede 28px);
}
.JobHighlightRework td {
    color: #b94a48;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
}
.JobHighlightRework .WFURLColumn, .JobHighlightRework .NoDefaultActionDropdown {
    color: #b94a48 !important;
}
.JobHighlightRework .NoDefaultActionDropdown .caret {
    border-top-color: #b94a48 !important;
}


.JobHighlightDraft {
    background-color: #F0F0F0;
}

.PriorityStatusFalse{background-color:White;}

.board-filters .nav > li > a:hover {
text-decoration: none;
background-color: whitesmoke;
border-color: silver;
}

.board-filters .nav-pills li:not(.iq-filter-divider), .BoardFilters  .nav-pills li:not(.iq-filter-divider){
padding: 2px 2px 2px 2px;
border-width:2px;
}
         
.board-filters .nav-pills li.active a, .BoardFilters .nav-pills li.active a{
border-color: #98D169;
border-width: 1px;
width: 125px;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
background-color: #def0d8;
color:#5c5c5c;
opacity:1;
}
        
.board-filters .nav-pills li a, .BoardFilters .nav-pills li a{
border-width: 1px;
width: 117px;
background-color: white;
color:#5c5c5c;
opacity:0.6;
}

.board-filters .nav-pills li:hover a, .BoardFilters .nav-pills li:hover a{opacity:1;}

.navfilters-filter{position:relative;}

.navfilters-filter .filter-count{        height: 20px;
    min-width: 20px;
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0 2px 4px rgba(99,99,99,.05), 0 1px 2px rgba(99,99,99,.35);
    color: white!important;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 11px;
    line-height: 18px;
    color: #666;
    background-color: silver!important;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.12) rgba(0,0,0,.15);
    /* font-weight: 600; */
    border-radius: 2px 2px 2px 2px;
    border-radius: 40px 0px 0px 40px;
    border-radius: 500px;
    display: block;
    position: relative;
    float: right;
    margin-left: 2px;
    margin-bottom: -3px;
    margin-top: -3px;
    margin-right: -6px;
    font-weight: normal;}

.navfilters-filter.active .filter-count{    background-color: #58A758!important}

.navfilters-hascounts li a,.navfilters-hascounts li a{ width:141px!important;}
.navfilters-filtertext{    float: none;
    width: 123px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: -8px;

}


/*----------------------------------------------------------*/
/*  Bespoke Page                                            */
/*----------------------------------------------------------*/

.production-isoutsourceicon, .production-hasoutsourcerequesticon
{
    left: -5px;
    display: block;
    display: inline-block;
    width: auto;
    height: 18px;
    min-width: 16px;
    padding: 5px;
    font-weight: normal;
    line-height: 18px;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 6px;
    position: absolute;
    margin-top:-25px;
    height: 18px;
    left: -28px;
    border-radius: 50px 0px 0px 50px!important;
    -webkit-border-radius: 50px 0px 0px 50px!important;
    -moz-border-radius: 50px 0px 0px 50px!important;
    padding-left: 8px;
    padding-right: 2px;
    cursor:pointer;
}

.limited-cost-display.production-hasoutsourcerequesticon,
.limited-cost-display.production-isoutsourceicon{
    margin-top:-5px;
}


.alert-outsourcewarning .production-hasoutsourcerequesticon,
.alert-outsourcewarning .production-isoutsourceicon {
  background-color: rgb(255, 87, 87)!important;
  border-color: Red;
  border-right: none;
}


.alert-outsourcewarning .production-hasoutsourcerequesticon i,
.alert-outsourcewarning .production-isoutsourceicon i{background-image:url(/include/Bootstrap/img/glyphicons-halflings-white.png);}



.FilterInHeaderContainer
{
    position: absolute;
    margin-left:200px;
    line-height: 33px;
    margin-top: -7px;
    left:50px;
}

.FilterInHeader{
    font-size:16px;
    border: 1px solid #339BB9;
    height: 30px;
    border-top:none!important;
    padding-top:7px;
    padding-bottom:10px;
    padding-left: 15px;
    padding-right: 15px;
    border-right-style:none;
     border-left-style:none;
}

#divPricingDetailsQuantities.fixed-top .FilterInHeader{padding-bottom:2px;}

.FilterInHeader:hover{
    cursor:pointer;
     background-image: -khtml-gradient(linear, left top, left bottom, from(#37adce), to(#61ceed));
    background-image: -moz-linear-gradient(top, #37adce, #61ceed);
    background-image: -ms-linear-gradient(top, #37adce, #61ceed);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37adce), color-stop(100%, #61ceed));
    background-image: -webkit-linear-gradient(top, #37adce, #61ceed);
    background-image: -o-linear-gradient(top, #37adce, #61ceed);
    background-image: linear-gradient(top, #37adce, #61ceed);
    padding-top:10px;
}

.FilterInHeader.selected:hover{padding-top:7px;}

.FilterInHeader.selected
{
    background-image: none;
    text-shadow:none;
    color:#339BB9;
    border-bottom-color:White;
    border-bottom-width:4px;
    border-radius:4px;
    background-color:#FFFFFF;
   
}

.Outsource_Item{position:relative;}

.Outsource_Item.Outsource_Selected .Outsource_ItemEmail,
.Outsource_Item.Outsource_Selected input:not(.Outsource_Quantity_Not_Selected),
.Outsource_Item input.Outsource_Quantity_Selected,
.Outsource_Item.Outsource_Selected textarea{border-color:#468847;}
.Outsource_Item.Outsource_Selected [class^="icon-"], .Outsource_Item.Outsource_Selected [class*=" icon-"] {background-image:url(/include/bootstrap/img/glyphicons-halflings-white.png)}
.Outsource_Item.Outsource_Selected .add-on{background-color:#468847; color:White; border-color:#468847; text-shadow:none;}
.Outsource_Item.Outsource_Selected .icon-envelope{background-position:-288px 0;}
.Outsource_Item.Outsource_Selected .Outsource_Select {
    left: -81px;
    width: 69px;
    background-color: #468847;
    margin-top: 0px;
    padding: 7px;
    opacity: 1;
    cursor: pointer;
}
.Outsource_Item.Outsource_Selected .btn{border-color:#468847}
.Outsource_ButtonActions{
position: relative;
float:left;
border-top: 0px!important;
margin-top:-20px;
margin-left:160px;}

.Outsource_Item .Outsource_Select {
    position: absolute;
    left: -61px;
    width: 40px;
    padding: 6px;
    text-align: left;
    margin-top: 1px;
    opacity: 0.3;
    color: White;
    font-weight: bold;
    -webkit-transition: 0.3s left, 0.3s width;
    -moz-transition: 0.3s left, 0.3s width;
    -o-transition: 0.3s left, 0.3s width;
    transition: 0.3s left, 0.3s width;
    cursor: pointer;
}

.Outsource_Item:not(.Outsource_Selected) .Outsource_Select:hover,
.Outsource_Item.Outsource_Selected .Outsource_Select {
    left: -81px;
    width: 59px;
    background-color: #468847;
    margin-top: 0px;
    padding: 7px;
    opacity: 1;
}

.Outsource_Item input[type="text"] { height: 14px; margin-left: 8px; }
.Outsource_Item .iq-radio { margin: 0px -10px 0px 6px; }
.Outsource_ItemNotesContainer,
.Outsource_ItemRef {
    margin-left: 8px;
}

.Outsource_PriceRow .input-prepend .add-on{background-color:#4fa9c4; border-color:#4fa9c4; color:white; text-shadow:none;}
.Outsource_PriceRow .input-prepend input{border-color:#4fa9c4; }

/* Custom Login Page Styles */
.BlackText{color:#000000;}

.BannerImage{height:80px;margin-right:5px;overflow:hidden;}



.FooterColour{height:20px; margin-top:30px; width:100%;}

.DisplayBlock{display:block;}


/*Freight Calculator*/
.RepItemModified
{
	color:Green;
	font-weight:bold;	
	text-decoration:underline;
}

.ItemGroup {
    background-color:#F5F5F5;  
    border:Solid 1px #C0C0C0; 
    padding:5px;
}


.DDLOptGroup
{
	font-weight:bold;	
}

.NoClick
{
	background: #FFFFFF;
	opacity: 0;
    filter: alpha(opacity = 00);
	height:50px;
	position:absolute;
	width:500px;
}

.LoadingImageNone
{
	position:absolute;
	padding-left:170px;
	padding-top:5px;
}

.SelectorCustomerComment
{
	font-size:10px;
	line-height:1.5em;
}

.HasTooltip
{
	border-bottom: 1px dotted #5C5C5C;
	cursor:help;
}

/*.RequiredContainer
{
	border: 1px solid #cd0a0a;
	background: #fef1ec url(/include/jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	padding: 5px 0px 3px 3px;
	margin: 2px 5px 2px 0px;
	color: #cd0a0a; 	
}

.RequiredContainer .FieldHeading{color: #cd0a0a;}*/

.CommonProductsSelector{font-weight:normal!important;}
.CommonProductsSelectorContainer{margin-left: 15px; margin-bottom: 15px;}

.DisabledArea
{
    -moz-opacity: 0.40; 
    opacity:.40; 
    filter: alpha(opacity=40); 
}
.QuoteItemContainer{
    margin-bottom:15px;
   background-color: #DDD;
    color: #5C5C5C;      
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;      
    width:877px;   
}
.QuoteItemContainer table td, .QuoteItemContainer table th {color: #5C5C5C;}

.CusSelector
{
      display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    background-color: #e6e6e6;
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    border-left-color: #e6e6e6;
    border-right-color: #e6e6e6;
    border-top-color: #e6e6e6;
    border-bottom-color: #bfbfbf;
}

.CusSelect_Textbox{border-left:none;}
.CusSiteHeading{margin-top: 5px;margin-right:5px;}


#divPricingDetailsQuantities.fixed-top
{
    background-color: #339bb9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: white;
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    border: 1px solid #339bb9!important;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 19px;
}

    #divPricingDetailsQuantities.fixed-top a {
        display: inline-block;
        color: #FFFFFF;
        font-weight: normal;
        margin-top: -5px!important;
        margin-right: -9px;
        margin-bottom: -9px;
        display: inline-block;
        font-size: 14px;
        padding: 5px;
        padding-left: 8px;
        padding-right: 8px;
    }
#divPricingDetailsQuantities.fixed-top .FilterInHeader.selected
{
    border-radius:0px;
    } 

/*--------------------------------------------
//  multi product cart
---------------------------------------------*/
.ProductCart{margin-bottom:8px; height:75px; position:absolute; width:100%;}
.ProductCartItem
{
    height:75px; width:auto; margin-right:6px; float:left; border:1px solid #DDD; position:relative;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    background-color: white;
    z-index: 1;
    -webkit-transition: 0.3s height;
    -moz-transition: 0.3s height;
    -o-transition: 0.3s height;
    transition: 0.3s height;
    
}
.ProductCartItem .ProductCartItemControl {
    margin-right:5px;  
    float:right; 
    visibility:hidden;
    opacity:0;
     -webkit-transition: opacity 0.5s linear;
    -moz-transition:opacity 0.5s linear;
    -o-transition:opacity 0.5s linear;
    transition:opacity 0.5s linear;         
    margin-top:8px;           
}

.ProductCartItem:hover .ProductCartItemControl {visibility:visible;opacity:1;}
.ProductCartItem:hover .ProductCartItemDescription{display:block;}
.ProductCartItem:hover .ProductCartItemNumber{background-color:#5BC0DE!important}
.ProductCartItem:hover {height: 221px; cursor:pointer; border-color:#5BC0DE!important}

.ProductCartItem.ProductCartItemActive{ border-color:#62C462}
.ProductCartItem.ProductCartItemActive .ProductCartItemNumber{background-color:#62C462}
.ProductCartItem.ProductCartItemActive .ProductCartItemControlModify{display:none;}

.ProductCartItemNumber{background-color:#DDD; height:75px; width:20px; float:left; font-weight:bold;}
.ProductCartItemNumber label
{
    position:absolute;
    left:-18px;
    top:27px;
    font-weight:bold;
    font-size:12px;
     color:White;
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
   /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}
.ProductCartItemContents{float:left; padding:4px; color:#5C5C5C; width:220px;}
.ProductCartItemDescription{width:205px; font-size:11px; margin-top:2px; overflow:hidden; height:94px; display:none; margin-left:35px; line-height:12pt; color:#5C5C5C; padding-top:2px;}
.ProductCartItemHeading{color:#5C5C5C;  width:160px; font-size:16px}
.ProductCartItemImage{height:60px;width:60px; margin-left:2px; margin-top:1px; margin-right:2px;}

.ProductCartAdd{width:40px;}
.ProductCartAdd.ProductCartItem:hover
{
    height:75px; 
    width:40px;
    -webkit-transition: 0.3s width;
    -moz-transition: 0.3s width;
    -o-transition: 0.3s width;
    transition: 0.3s width;
    
}
.ProductCartAddIcon{opacity:0.17; margin-top:30px; margin-left: 13px;}
.ProductCartAdd:hover .ProductCartAddIcon{background-image: url(/include/bootstrap/img/glyphicons-halflings-skyblue.png); opacity:1;}



.ProductCart_MenuTemplate{display:none;}
.ProductCartList{z-index:2;width:40px;position:relative;}
.ProductCartListIcon{opacity:0.17; margin-top:30px; margin-left: 18px;}
.ProductCartListIcon > span {margin-left: -13px;  margin-top: 4px;  border-width: 6px;}
.ProductCartList .ProductCartListIcon:hover{background-image: url(/include/bootstrap/img/glyphicons-halflings-skyblue.png); opacity:1;}
.ProductCartList .ProductCartListIcon:hover > span{border-top-color:skyblue;opacity:1;}
.ProductCartListContainer{position:absolute;left:-1px;top:-1px;width:555px;background-color:#FFF;border:1px solid #5BC0DE;cursor:auto;}
.ProductCartListContents{height:100%;}
.ProductCartListItem{width:539px;padding:8px;cursor:pointer;border-bottom:1px solid #dddddd;}
.ProductCartListItem:hover {background-color: whitesmoke;}
.ProductCartListContainer .ProductCartListItem:last-child{border: none;}
.ProductCartListItemContainer {width: 547px;float: left;}
.ProductCartListItem span.ProductCartItemHeading {width:225px;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;float:left;font-size:15px;margin-top:8px;}
.ProductCartListItemQuantities {padding-bottom:5px;float:right;}
.ProductCartListItemQuantityContainer {width:80px;float:left;}
.ProductCartListItemQuantityContainer > div{height:13px;}
.ProductCartListItemQuantities label {cursor: pointer;font-size:12px;}
.ProductCartListItemQuantities label.ProductCartItemPrice {font-size:10px;}
.ProductCartListItemQuantities label.ProductCartItemQuantity,
.ProductCartListItemQuantities label.ProductCartItemKinds {font-weight:bold;}
.ProductCartList.ProductCartItem:hover{height:75px;width:40px;}
.ProductCartItemHeadingContainer{float:left;width:0px;}




.carousel .carousel-control {background-color:transparent;}
.carousel .carousel-control:hover {background-color:transparent; color:#5c5c5c;}

#divProductCartItems .carousel-control{
  background:none;
  border:0px solid #FFFFFF;
  width: 20px;
  height: 40px;
  font-size: 70px;
  font-weight: 100;
  line-height: 25px;
  text-align: center;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position:relative;
  z-index:1;
  left:0;
  top:50%;
}
#divProductCartItems .carousel-control:hover{color:Black;}
#divProductCartItems #btnPreviousProducts.carousel-control{margin-right:10px;}
.ProductCartItemQuantity{font-size:10px; color:#5C5C5C; margin-right:5px; margin-bottom:-5px;}
.ProductCartItemKinds{font-size:10px; color:#5C5C5C; margin-left:-5px; margin-right:5px; margin-bottom:-5px;}
.ProductCartItemPrice{font-size:10px; color:#5C5C5C; margin-bottom:-5px;}
.ProductCartItemBG{background-color:whitesmoke;}

.ProductCartSelected .ProductCartItemQuantity{font-weight:normal; color:black;}
.ProductCartSelected .ProductCartItemPrice{font-weight:normal; color:black;}
.ProductCartSelected .ProductCartIcon {background-image: url(/include/bootstrap/img/glyphicons-halflings-green.png);}
.ProductCartIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: -288px 0;
    margin-left: 5px;
    margin-bottom: -3px;
}

/*--------------------------------------------
//  SALES CART
---------------------------------------------*/
.SalesCart{ height:75px; width:1202px; margin-top:23px; color:#5C5C5C}
.SalesCart.carousel{margin-bottom:19px;}
.SalesCart .well-section{height:38px;}
.SalesCart .well-section .icon-shopping-cart{margin-top: 1px;opacity: 0.5; }
.SalesCart .well-section .SalesCartCount
{
    color:#5C5C5C; 
    opacity: 0.5; 
    display:inline-block;
    font-weight: bold;
}

.SalesCart .sales-gstinfo{font-size: 10px;
margin-top: -15px;
margin-left: 5px;
float: left;
color: #62C462;}

.SalesCart-btn{margin-left:-15px; width:77px; float:left; }
.SalesCart-btn .btn{margin-top: -8px;
margin-left: -10px;
padding-top: 17px;
height: 24px;
width: 50px;}

.SalesCart-proceed.btn.btn-success{margin-top: -8px;
margin-right: -15px;
padding-top: 16px;
height: 25px;}

/*.SalesCart .SalesCartItem{margin-top:-20px}*/
.SalesCart .SalesCartItemPrice{font-weight:bold; font-size:18px; color:#62C462; margin-left:5px;}
.SalesCart .SalesCartItemQuantity{font-size:11px; margin-left:5px; margin-top:5px; margin-bottom:0px;}

.SalesCartItem{
    height:75px; width:250px; margin-right:8px; float:left; border:1px solid #DDD; position:relative;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    background-color: white;
    z-index: 1;
    -webkit-transition: 0.3s height;
    -moz-transition: 0.3s height;
    -o-transition: 0.3s height;
    transition: 0.3s height;
    
}
.SalesCartItem .SalesCartItemControl {
    margin-right:5px;  
    float:right; 
    visibility:hidden;
    opacity:0;
     -webkit-transition: opacity 0.5s linear;
    -moz-transition:opacity 0.5s linear;
    -o-transition:opacity 0.5s linear;
    transition:opacity 0.5s linear;         
    margin-top:8px;           
}

.SalesCartRemoveItem{position: absolute;right: 5px; opacity: 0.2; cursor:pointer}
.SalesCartRemoveItem:hover{opacity:0.5;}
.SalesCartDetails{margin-top: -84px;}

/*.SalesCartItem:hover .SalesCartItemControl {visibility:visible;opacity:1;}
.SalesCartItem:hover .SalesCartItemDescription{display:block;}
.SalesCartItem:hover .SalesCartItemNumber{background-color:#5BC0DE!important}
.SalesCartItem:hover {height: 221px; cursor:pointer; border-color:#5BC0DE!important}*/

.SalesCartItem.SalesCartItemActive{ border-color:#62C462}
.SalesCartItem.SalesCartItemActive .SalesCartItemNumber{background-color:#62C462}
.SalesCartItem.SalesCartItemActive .SalesCartItemControlModify{display:none;}

.SalesCartItemNumber{background-color:#DDD; height:75px; width:20px; float:left; font-weight:bold;}
.SalesCartItemNumber label
{
    position:absolute;
    left:-18px;
    top:27px;
    font-weight:bold;
    font-size:12px;
     color:White;
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
   /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}
.SalesCartItemContents{float:left; padding:4px; color:#5C5C5C; width:220px;}
.SalesCartItemDescription{width:205px; font-size:11px; margin-top:2px; overflow:hidden; height:94px; display:none; margin-left:35px; line-height:12pt; color:#5C5C5C; padding-top:2px;}
.SalesCartItemHeading{color:#5C5C5C;  width:160px; font-size:11px; margin-left:5px;}
.SalesCartItemImage{height:60px;width:60px; margin-left:2px; margin-top:1px; margin-right:2px;}

.SalesCart .carousel-control{
  background:none;
  border:0px solid #FFFFFF;
  width: 40px;
  height: 40px;
  font-size: 70px;
  font-weight: 100;
  line-height: 25px;
  text-align: center;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position:absolute;
  z-index:1;
  left:0;
  top:52%;
  right:0;
  display:none;
}
.SalesCart .carousel-control:hover{color:Black;}

#divSalesCartCarouselContainer{
    width:857px;
    position:relative;
}

.has-carousel .SalesCartDetails 
{margin-left:30px;}

#divSalesCartCarouselContainer{margin-left:89px; width:857px; position:relative;}
#divSalesCartCarouselContainer.has-carousel{margin-left:119px;}
#divSalesCartCarouselContainer.has-carousel .carousel-control{display:block;}

/*--------------------------------------------
//  Checkbox styles, fixes floating and padding issues when bootstrap is applied
---------------------------------------------*/
.CheckBoxFix label {
    display: inline;
    padding-left: 3px;
    padding-right: 10px;
    vertical-align: bottom;
}

.CheckBoxFix input {
    padding-bottom: 3px;
    float: left;
}

/*--------------------------------------------
//  TO REMOVE: These styles already exist. Only here to get menu working without destroying other styles.
---------------------------------------------*/
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

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

.aspdynmenu, ol
{
    margin-left:0px;
}

.btn-success {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(/include/bootstrap/img/glyphicons-halflings.png);
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
.icon-white {
  background-image: url(/include/bootstrap/img/glyphicons-halflings-white.png);
}
.icon-user {
  background-position: -168px 0;
}


.btn-success,
.btn-success:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #51a351;
  *background-color: #499249;
}


.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.btn-success .caret {
  margin-top: 7px;
  margin-left: 0;
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.open .dropdown-menu {
  display: block;
}

.dropdown-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-tabwrapper{margin-top: -6px; margin-left: -2px; margin-right: -2px; margin-bottom:5px;}
.dropdown-tabwrapper a.dropdown-tab {
    margin-left:-1px;
    padding-left: 10px;
    padding-right:5px;
    padding-bottom: 6px;
    padding-top: 5px;
    font-size: 15px;
    float:left;
    clear:none!important;
}
a.dropdown-tab.active
{
  border-bottom:1px solid white;  
  background-color: white;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
}

.dropdown-menu > li > a.disabled,
.dropdown-menu > li > a.disabled:hover {
  color: #999999;
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
}
.dropdown-menu > li > a.disabled > i {
  opacity: 0.3;
}

.dropdown-expand{padding-top: 6px;padding-bottom: 6px;}
.dropdown-expand i{opacity:0.2}
.dropdown-expand-first{border-top: 1px solid #dddddd;}
.dropdown-expand:hover{background-color:rgb(250, 250, 250); cursor:pointer;}
.dropdown-expand:hover i{opacity:1}
.dropdown-expand-container{border-bottom:1px solid #dddddd;}
.input-expand-small
{ 
    height: 18px; 
    position: absolute; 
    z-index: 0; 
    overflow: hidden !important; 
    -webkit-transition: 0.3s left, 0.3s height; 
    -moz-transition: 0.3s left, 0.3s height;
    -o-transition: 0.3s left, 0.3s height;
    transition: 0.3s left, 0.3s height;
}   
.input-expanded-small
{ 
    overflow: auto !important;
}   

.Custom-Expandable {
    overflow: hidden;
    z-index: 0;
}

.Custom-Expandable-Expanded {
    overflow: auto !important;
    z-index: 9999 !important;
    position: absolute !important;
}

.collapsible-section
{
    padding-top:10px;
    padding-left:5px;
    padding-right:5px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom:15px;
}

.collapsible-heading{cursor:pointer;}
.collapsible-heading:hover{
text-decoration: none;
background-color: #e6e6e6;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;}

.collapsible-heading .caret{
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 6px solid rgb(255, 255, 255);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
    margin-top: 6px;
    margin-left: -5px;
    opacity: 0.5;
}

/*.alert-head.collapsible-heading div
{
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 0px;
}*/

.datepicker.dropdown-menu{z-index:99999999999999!important;}

.verticalhelper {
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

/*-----------------------------------------------------
/ SCHEDULE BOARD ICONS
-----------------------------------------------------*/
.schedule_icons .schedule_icon{height:22px; width:25px; float:left; margin-right:8px; opacity:0.2; margin-top:2px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
.schedule_icons .has-process{opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.schedule_icons .schedule_text{margin-left:28px; font-size:13px; line-height:23px; width:100px; font-weight:bold;}

.jobdetails_scheduling{margin-top:-10px;}
.jobdetails_scheduling .schedule_icon{margin-right:0px;}
.jobdetails_scheduling.schedule_icons .schedule_btn{background-image:none; background-color:White; padding:8px; border-radius:200px 200px 200px 200px!important; margin-right:8px; border:none; float:left;
     box-shadow:inset 0 2px 4px rgba(0,0,0,.03), 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.03), 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.03), 0 1px 1px rgba(0,0,0,.05);
}

.jobdetails_scheduling.schedule_icons .schedule_btn.active{
    box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.15);
    -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.15);
}

/*-----------------------------------------------------
/ GENERIC PAGE BREADCRUMB
-----------------------------------------------------*/
    .page-breadcrumb{margin-bottom:15px;}
  .page-breadcrumb a
    {  padding: 7px 12px 7px;
        margin-right: 2px;
        background: whitesmoke;
        position: relative;
        display: inline-block;
        font-size:12px;
        padding-left:30px;
        color:rgb(190, 190, 190);
        cursor:pointer;
        text-decoration:none;}
            
    .page-breadcrumb a:hover{text-decoration:none; color:rgb(190, 190, 190); cursor:default}
    .page-breadcrumb a.active:hover,
    .page-breadcrumb a.completed:hover{text-decoration:underline; cursor:pointer;}
    
     
    
    .page-breadcrumb a:before {
        width: 0;
        height: 0;
        border-top: 16px inset transparent;
        border-bottom: 16px inset transparent;
        border-left: 16px solid #fff;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
    }
        
    .page-breadcrumb a:after {
        width: 0;
        height: 0;
        border-top: 16px inset transparent;
        border-bottom: 16px inset transparent;
        border-left: 16px solid whitesmoke;
        position: absolute;
        content: "";
        top: 0;
        right: -16px;
        z-index: 2;
    }
            
    .page-breadcrumb a:first-child {
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        padding-left:20px;
        background-color:#efefef;
    }
    
    .page-breadcrumb a:first-child:before{border: none;}
    .page-breadcrumb{float:left; max-width:800px;}
    
    .page-breadcrumb a.completed{background-color:#efefef; color:#5C5C5C}
    .page-breadcrumb a.completed:after{border-left: 16px solid #efefef;}
    
    .page-breadcrumb a.active{font-weight:bold; background-color:#efefef; color:#5C5C5C}
    .page-breadcrumb a.active:after{ border-left: 16px solid #efefef;}
    
    .page-breadcrumb a{font-weight:normal;}

/*-----------------------------------------------------
/ SALES ORDER TREE
-----------------------------------------------------*/
 .tree
        {
            width: 228px;
            margin: 30px 0 0;
            padding: 0;
            background-color: #fff;
            -webkit-border-radius: 6px 0px 6px 6px;
            -moz-border-radius: 6px 0px 6px 6px;
            border-radius: 6px 0px 6px 6px;
            -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
            -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
            box-shadow: 0 1px 4px rgba(0,0,0,.065);
            border: 1px solid #e5e5e5;
            position:relative;
            color:#5C5C5C;
            margin-top:5px;
        }
        
        .tree-heading{font-size:18px; width: 228px; text-align:right;}
        
        .tree ul{margin-left:0px;}
        
        .tree ul{padding-left:15px;}

        .tree-haschildren{border-bottom: 1px dashed #eee;}
        
        .tree-link{list-style:none;padding:0px;position:relative; border-bottom:1px dashed #eee;}
        .tree-linkname{ cursor:pointer; 
                        height: 33px;
                        margin-top: 1px;
                        margin-left: 1px;
                        margin-bottom: 1px;
                        line-height:33px;
                        padding-left:10px;
                        position:relative;
                        margin-right:1px;}
        .tree-linkname:hover{ background-color:rgb(248, 248, 248); }
        .tree-linkname.notselectable{
            opacity:0.5;
        }
        .tree-link-selected .tree-linkname{ background-color:rgb(248, 248, 248); font-weight: bold; }
        
        .tree-haschildren .tree-linkname{width:181px;}
        
        .tree-linkchevron{position:absolute; right:10px; opacity:0;}
        .tree-linkname:hover .tree-linkchevron{opacity:0.5;}
        .tree-count{font-size:11px; color:rgb(209, 209, 209); margin-left:5px;}
        .tree-parent
        {
            border-bottom: 1px solid #eee;
            border-top: 1px solid #eee;
            display: block;
            width: 190px 9;
            margin: 0 0 -1px;
            padding:0px;
        }
        
        .tree-parent:first-child{border-top:none}
        
        .tree-expand
        {
            position:absolute;
            right:1px;
            top:0px;
            width:34px;
            height:34px;
            border-left:1px solid #eee;
            background-color:rgb(248, 248, 248)
        }
        
        .tree-expand:hover{cursor:pointer;  opacity:1;background-color:rgb(245, 245, 245); }
        
        .tree-expand i
        {
            display: inline-block;
            width: 14px;
            height: 14px;
            line-height: 14px;
            vertical-align: text-top;
            background-image: url(/include/bootstrap/img/glyphicons-halflings-5C5C5C.png);
            background-position: -408px -96px;
            background-repeat: no-repeat;
            opacity:0.4;
            margin-left: 11px;
            margin-top: 8px;
        }
        
        .tree-active{font-weight:bold;}
        .tree-active .tree-expand i{background-position: -433px -96px;}
        .tree-active .tree-count{display:none}



        .tree-breadcrumb a {
            padding: 7px 12px 7px;
            margin-right: 2px;
            background: #51BE41;
            position: relative;
            display: inline-block;
            font-size:12px;
            padding-left:30px;
            color:white;
            cursor:pointer;
            text-decoration:none;
        }
        
        .tree-breadcrumb a:hover{text-decoration:underline; color:white;}

        .tree-breadcrumb a:before {
            width: 0;
            height: 0;
            border-top: 16px inset transparent;
            border-bottom: 16px inset transparent;
            border-left: 16px solid #fff;
            position: absolute;
            content: "";
            top: 0;
            left: 0;
        }
        
        .tree-breadcrumb a:after {
            width: 0;
            height: 0;
            border-top: 16px inset transparent;
            border-bottom: 16px inset transparent;
            position: absolute;
            content: "";
            top: 0;
            right: -16px;
            z-index: 2;

                border-left-width: 16px;
                border-left-style: solid;
                border-left-color: #51BE41;
            }
            
        .tree-breadcrumb a:first-child {
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            border-radius: 0px 0 0 0px;
            padding-left:20px;
        }
        
        .tree-breadcrumb a:last-child{font-weight:bold;}
        .tree-breadcrumb a:first-child:before{border: none;}
        .tree-breadcrumb{float:left; max-width: 1153px;}
        .tree .collapse.in .tree-link:last-child{border-bottom:none;}
/*----------------------------------------------------
/ Expand Sections
-----------------------------------------------------*/
.expand-sections{
    margin: 30px 0 0;
    padding: 0;
    background-color:White;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
    border: 1px solid #e5e5e5;
    position: relative;
    color: #5C5C5C;
    margin-top: 5px;
}

.expand-sections.expand-fitpage{margin-left:-15px; margin-right:-15px; border:none;-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.065);-moz-box-shadow: 0 0px 0px rgba(0,0,0,.065);box-shadow: 0 0px 0px rgba(0,0,0,.065);}
.expand-sections.NoPadding .expand-section .expand-content{padding-top:1px; padding-bottom:0px;}

.expand-heading{
   border-bottom: 1px solid #eee;
    display: block;
    width: 190px 9;
    margin: 0 0 -1px;
    padding: 10px;
    font-size:16px;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    background-repeat: repeat-x;
    cursor:pointer;
    border-top:1px solid white!important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.expand-heading .caret
{
    float:right; 
    border-top: 6px solid #000000;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-top:5px;
    margin-right:5px;
    opacity:0.2;
}

.expand-content{
    padding:10px;
    padding-top:15px;
    padding-bottom:15px;
    display:none;
}

.expand-section{border-top: 1px solid #eee;}
.expand-section:first-child{border-top:none;}
.expand-section.active .expand-heading .caret{
    border-bottom: 6px solid #000000;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-top: 5px;
    border-top: transparent;

}
.expand-section.active .expand-heading{
    background-image: none;
    border-bottom: dashed;
    border-width: 1px;
    border-color: #eee;
}
.expand-section.active{position:relative;}
.expand-section.disabled .expand-heading {
    cursor: default;
}

.expand-sections:not(.NoRound) .expand-section:first-child .expand-heading{border-radius:4px 4px 0px 0px;}
.expand-sections:not(.NoRound) .expand-section:last-child .expand-heading{border-radius:0px 0px 4px 4px;}

.expand-section.active:last-child .expand-heading{border-radius:0px 0px 0px 0px;}

/*Shadows around boxes*/
.info.expand-section.active .expand-heading,
.success.expand-section.active .expand-heading{
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);

  border-bottom:none;
}

.info.expand-section .expand-heading .caret,
.success.expand-section .expand-heading .caret{border-top-color:White; opacity:0.5;}

.info.expand-section.active .expand-heading .caret,
.success.expand-section.active .expand-heading .caret{  border-bottom: 6px solid white;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-top: 5px;
    border-top: transparent;}



.info.expand-section .expand-heading{
    background-color: #339bb9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: White;
    background-image: linear-gradient(top, #5bc0de, #339bb9);    
    border:1px solid #339bb9!important
}
.success.expand-section .expand-heading{
    background-color: #57a957;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -ms-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(top, #62c462, #57a957);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: White;
    background-image: linear-gradient(top, #62c462, #57a957);
    border:1px solid #57a957!important;
        border-bottom-color:#4B944B!important;
 }
.danger.expand-section .expand-heading{
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: white;
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    border: 1px solid #c43c35!important;
    border-left:none!important;
    border-right:none!important;
 }
 
 .expand-sections.expand-fitpage .expand-section .expand-heading{border-left:none!important; border-right:none!important;}

 .rotate {
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}
.unselectable {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

        
/*----------------------------------------------------
/ Radio Button
-----------------------------------------------------*/
 input[type="radio"].Custom, input[type="checkbox"].Custom{display:none;}

input[type="radio"].Custom + label span,
input[type="checkbox"].Custom + label span{
    display:inline-block;
    width:18px;
    height:18px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background-color:white;
    cursor:pointer;
    border:1px solid #dddddd;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    vertical-align:middle;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    margin-top:-4px;
}

    input[type="radio"][disabled].Custom + label span,
    input[type="checkbox"][disabled].Custom + label span {
        background-color: #ECECEC;
        cursor: not-allowed;
    }

  

    input[type="checkbox"].Custom + label span{ border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;}

      input[type="checkbox"].Custom.Round + label span{  border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;}


    



input[type="radio"].Custom + label, 
input[type="checkbox"].Custom + label{vertical-align: baseline;}

input[type="radio"].Custom + label span i, 
input[type="checkbox"].Custom + label span i{display:none;}
    
input[type="radio"].Custom:checked + label span,
input[type="checkbox"].Custom:checked + label span {background-color:#5DCF5F; border:1px solid #5DB65F;}

input[type="radio"].Custom.custom-info:checked + label span,
input[type="checkbox"].Custom.custom-info:checked + label span {background-color:#49afcd; border:1px solid #2f96b4;}

input[type="radio"].Custom:checked + label span i,
input[type="checkbox"].Custom:checked + label span i{display:block; margin-left:2px; margin-right:2px; margin-top:2px;}

table.details td.number, table.details th.number {
    text-align:right;
}



/*Sortable*/
.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

.sortable-dropincontainer {
    border: 1px solid rgb(184, 184, 184)!important;
                           -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}


/* Quote Artwork */
#divQuoteArtworkContainer .artwork-item-wrapper{ margin-top: 7px; }

#divQuoteArtworkContainer .artwork-item-wrapper:after {
    content:'';
    display:block;
    clear: both;
}



#divQuoteArtworkContainer .artwork-item {
    border: 1px #CFCFCF solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 152px;
    margin-bottom: 24px;
    width: 568px;
}

.artwork-item-wrapper .artwork-file-name {
           padding-top: 15px;
    padding-left: 26px;
    padding-right: 150px;
    padding-bottom: 20px;
    width:281px;
    float:left;
}

.artwork-item-wrapper .artwork-item{
        position:relative;
}

.artwork-item-wrapper .artwork-uid{
    left: 136px;
    top: 59px;
    border-radius: 0px;
    position: absolute;
    padding: 4px;
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 3px;
    cursor: pointer;
    color: #9e9e9e;
    background-color: #DDD;
    max-width: 393px;
    width: auto;
    display: block;
}

.artwork-uid span{
    font-size:11px;

}

.artwork-item-wrapper .artwork-uid .fa{
        margin-left: 5px;
    float: right;
    margin-top: 2px;
}



#divQuoteArtworkContainer .artwork-thumbnail-wrapper {
    width: 110px;
    height: 152px;
    float: left;
    margin-left: 13px;
    border: 1px #CFCFCF solid;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 0px 2px rgba(0,0,0,.08), inset 0 -1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 2px 0px 2px rgba(0,0,0,.08), inset 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 2px 0px 2px rgba(0,0,0,.08), inset 0 -1px 0 rgba(0,0,0,.1);
    background-color: white;
    position: relative;
    margin-bottom: -1px;
}


#divQuoteArtworkContainer .artwork-thumbnail {
    width: 105px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

#divQuoteArtworkContainer .artwork-item-button{ width:100px; }

#divQuoteArtworkContainer .iq-btn.replace-artwork-button{
        width: 108px;
    margin-right: -1px;
                        }

#divQuoteArtworkContainer .artwork-item-button-download {
    margin-top: 0px;
    margin-right: 13px;
    display: block;
    float: left;
}

#divQuoteArtworkContainer .artwork-item-button-notes { margin-top: 7px; }

#divQuoteArtworkContainer .dropdown-menu{
    text-align:left;
}

#divQuoteArtworkContainer .supporting-document {
    border: 1px #CFCFCF solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 566px;
    margin-top: 6px;
    position: relative;
}

#divQuoteArtworkContainer .supporting-document-item-button {
    border-bottom: none;
    border-top: none;
    margin-right: -1px;
    width: 90px;
}

#divQuoteArtworkContainer .supporting-document-filename {
    float: left;
    margin-top: 8px;
    margin-left: 8px;
}


#divQuoteArtworkContainer .artwork-remove-file {
    height: 18px;
    width: 18px;
    float: right;
    position: relative;
        top: -68px;
    right: 3px;
    cursor: pointer;
}

#divQuoteArtworkContainer .artwork-remove-file:hover i {
    opacity: 0.9;
}

#divQuoteArtworkContainer .artwork-remove-file i {
    margin-left: 2px;
    margin-top: 1px;
    opacity: 0.4;
}

#divQuoteArtworkContainer .supportingdoc-remove-file {
    height: 18px;
    width: 18px;
    background-color: #FFFFFF;
    float: right;
    /*position: relative;*/
    top: 7px;
    right: -19px;
    cursor: pointer;
    position: absolute;
}

#divQuoteArtworkContainer .supporting-document-public-btn {
    padding-top: 6px; 
    border-bottom: none; 
    border-top: none; 
    border-right: none;
}

#divQuoteArtworkContainer .supportingdoc-remove-file:hover i {
    opacity: 0.9;
}

#divQuoteArtworkContainer .supportingdoc-remove-file i {
    margin-left: 2px;
    margin-top: 1px;
    opacity: 0.4;
}


.headmenu, .sidemenu{overflow: visible;margin-bottom: 20px;color: #777777; margin-left:-16px; margin-right:-16px;}
.headmenu .headmenu-inner,
.sidemenu .sidemenu-inner{min-height: 38px;
padding-left: 20px;
padding-right: 20px;
background-color: #fafafa;
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
border: 1px solid #d4d4d4;

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065);
position:relative;
margin-left:0px;
}

.headmenu .headmenu-inner{padding-left:0px;}

.headmenu li,
.sidemenu li {
    list-style: none;
    float: left;
    cursor: pointer;
}
.headmenu li.active,
.sidemenu li.active{color: #555555;
text-decoration: none;
background-color: #e5e5e5;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);}

.headmenu li  a,
.sidemenu li a{float: none;
padding: 10px 15px 10px;
color: #777777;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff; display:block; position:relative}

.headmenu .selectarrow{bottom: -3px;
left: 9px;
margin-top: 6px;
margin-left: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid white;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
display: none;}

.headmenu li.active .selectarrow{display:block}

.sidemenu .sidemenu-inner{padding:0px;margin:0px;}

.sidemenu li.active a .selectarrow {
top: 7px;
right: -1px;
margin-top: 6px;
margin-left: 0px;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid transparent;
border-right: 7px solid white;
position: absolute;
display: block;
display: block;
}

.sidemenu li{
    width:100%;
}

.headmenu .headmenu-inner:after,
.sidemenu .sidemenu-inner:after {
    content:'';
    display:block;
    clear: both;
}

/**/
.select-filters > li > a:hover {
    text-decoration: none;
    background-color: whitesmoke;
    border-color: silver;
}

.select-filters li{
    padding: 2px 2px 2px 2px;
    border-width:2px;
}
         
.select-filters li.active a{
    border-color: #98D169;
    border-width: 1px;
    width: 117px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    background-color: #def0d8;
    color:#5c5c5c;


}
        
.select-filters li a{
    border-width: 1px;
    width: 117px;
    background-color: white;
    color:#5c5c5c;
    display: block;
    padding: 4px;
    line-height: 1;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}


.head-title{ color:white; float:left; height:35px; padding-left:20px; padding-right:20px; line-height:35px; position:relative;}

.head-info{background-color:#49AFCD; height:35px;line-height: 35px;padding-right: 12px; color:white;}
.head-info .head-title{background-color:#5BC0DE;}
.head-info ul li:hover a{ color:#49AFCD;}
.head-info ul li.active a{color:#49AFCD;}

.head-success{background-color:#5bb75b; height:35px; line-height: 35px;padding-right: 12px; color:white;}
.head-success .head-title{background-color:#66CE66;}
.head-success ul li:hover a{color:#5bb75b}
.head-success ul li.active a{color:#5bb75b;}

.head-info ul li.active, 
.head-success ul li.active{background-color:whitesmoke;}

.head-info ul li, 
.head-success ul li{list-style:none; float:left; padding-left: 20px; padding-right:20px; line-height:35px; }

.head-info ul li a, 
.head-success ul li a{color:white}

.head-info ul li a:hover {color:#49AFCD; text-decoration:none; cursor:pointer;}
.head-success ul li a:hover{color:#5bb75b; text-decoration:none; cursor:pointer;}

.head-info ul li:hover, 
.head-success ul li:hover{ background-color:whitesmoke; cursor:pointer;}

.head-title:after
{
    content: " ";
    display: block;
    clear: both; /* if you need to break floating elements */
    bottom: 8px;
    right: -16px;
    margin-top: 6px;
    margin-left: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    display: block;
}

.head-info .head-title:after{
        border-left: 8px solid #5BC0DE;
}

.head-success .head-title:after{
        border-left: 8px solid #66CE66;
}

.head-page.head-success, .head-page.head-info{height:41px; line-height: 41px;}
.head-page .head-title{height:41px; line-height: 41px; font-size:18px;}
.head-page ul li {line-height:41px;}
.head-page .head-title:after{bottom:11px;}


/*##QUOTE PARAMETERS##*/


.quoteparam-finishing-heading{color:#3a87ad; line-height:26px; text-align:right}
.quoteparam-finishing-name{
    float: left; display: inline-block; width:200px; font-weight:bold; margin-right:2px; 
    color:#A09F9F; 
    text-transform:uppercase; 
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding: 9px;
    padding-left: 15px;    background-color:#EFEFEF;
}
.quoteparam-finishing-question{float: left; font-size:10px; display: inline-block; width:250px; 
    padding-right: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding: 9px;
    padding-left: 15px;
     text-transform:uppercase; 
    font-size: 11px;
     color:#A09F9F; 
     background-color:#EFEFEF;
}
.quoteparam-finishing-container{ margin-bottom:-6px; color:#3a87ad; width:690px!important;    background-color:white;}
.OperationContainer {margin-left:0px!important;}


#ParameterDetails input{width: 169px;
    padding: 8px;
    margin-left: 2px;}

#ParamDetails{margin-bottom:35px;}

.quoteparam-heading {
      color: #13A4DE;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding: 9px;
    padding-left: 0px;
    padding-top: 0px;
    /* background-color: #EFEFEF; */
    margin-bottom: 17px;
    display: inline-block;
    border-left: 5px solid white;
    padding: 0px;
    padding-left: 8px;}

/* Quote Questions */
.question-asterix {
    color: #ff0000;
    font-size: 19px;
}

.WFDisplayContainer .help {
    cursor: help;
}

#clockcontent {
    padding: 15px 15px 0px 0px;
    max-width: 1570px;
    top: -17px;
    position: Absolute;
    Margin-left: auto;
    margin-right: auto;
    right: 0px;
    z-index: 99;
}
.ctTimeContainer{margin-top:-5px;}
#clockcontent span{font-size:10px; }
#ctTime{ font-weight:bold; font-size:12px; margin-right:5px;}
#clockcontent-wrapper{
    width: 1240px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.section-has-kinds td:not(.td-empty){text-decoration:underline}
.section-has-kinds .section-quantity{font-weight:bold;}

.ctDateContainer{margin-bottom:0px; font-weight:bold;}



  .artwork-replaced{
                background-color: #ee5f5b;
                background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
                background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                -webkit-background-size: 40px 40px;
                -moz-background-size: 40px 40px;
                -o-background-size: 40px 40px;
                background-size: 80px 80px;
                opacity: 0.7;
          }

  .old-filter-container{    padding: 7px 14px;
    margin: 0 0 18px;
    list-style: none;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
  }
.GangSectionCount {
        font-size: 12px;
    color: #449A44!important;
    font-weight: bold!important;
    display: inline-block;
    margin-top: 4px;
    margin-left: 3px;
}


.JobHighlightSubJob, 
.JobHighlightPartialSubJob,
.SubBoard tr.JobHighlightSubJob  td{
    color: #49AFCD!important;
    background-color: #E3F7FD;
}

.JobHighlightSubJob td span a, .JobHighlightPartialSubJob td span a,
.JobHighlightSubJob .NoDefaultActionDropdown, .JobHighlightPartialSubJob .NoDefaultActionDropdown,
.JobHighlightSubJob td > span, .JobHighlightPartialSubJob td > span,
.JobHighlightSubJob td .WFURLColumn,
.JobHighlightSubJob td .fa.fa-search {
    color: #49AFCD!important;
}


.JobHighlightSubJob td .NoDefaultActionDropdown .caret,
.JobHighlightPartialSubJob td .NoDefaultActionDropdown .caret{border-top-color: #49AFCD!important}

.JobHighlightPartialSubJob{
        
    background: repeating-linear-gradient(
        45deg,
        white,
        white 10px,
        #E3F7FD 10px,
        #E3F7FD 20px
    );
}
  .old-filter-container{    padding: 7px 14px;
    margin: 0 0 18px;
    list-style: none;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
  }

  form{margin:0;}

fieldset {border:none;}

.FormElementContainer
{
	clear: left;
	width:500px;
	margin-bottom:5px;
}

.formstyles .label, .formstyles Label 
{
	display:block;
	float:left;
	text-align:left;
	width:100px;
	margin-right:5px;
	padding-top:3px;
	font-weight:bold;
}

.formstyles .labelLong
{
    display:block;
	float:left;
	text-align:left;
	width:120px;
	margin-right:5px;
	padding-top:3px;
	font-weight:bold;
}

.formstyles .CheckBoxLabel
{
    display:block;
	float:left;
	width:120px;
	margin-right:5px;
	padding-top:3px;
}

.formstyles .CheckBoxWide
{
    display:block;
	float:left;
	margin-right:5px;
	padding-top:2px;
}

.formstyles .LongInput{width: 200px;}

.formstyles input, .formstyles select{float:left;}

.InputText
{
	font: normal 10pt "Tahoma", "Arial", "Helvetica", "sans-serif";
	text-align:left;
	text-decoration:none;
	margin-bottom:3px;
}

.GridButtons{font-size:11px;width:75px; text-align:right; vertical-align:top;}

.LargeGridWidth{width:200px;}

.SmallGridWidth{width:90px;}

.PreviewImageLink a{color:#0000EE;cursor:pointer; text-decoration:underline;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.cleanlink
{
    text-decoration:none;
}
.cleanlink:hover
{
    text-decoration:underline;
}

.AdvancedSearch_Open{display:block; margin-top: 5px !important; }
.AdvancedSearch_Closed{display: none;}
.link{cursor: pointer; font-weight:bold; text-decoration: underline;}

.ulPriceList
{
    list-style: none; 
    
    /*border-color: #CCCCCC;*/
    padding: 2px;
}

.ulPriceList li 
{
    margin-bottom: 2px; 
    background-color: #EEEEEE;
    border:Solid 1px #D0D0D0;
    padding:5px;
    min-width:370px;
}

.ulPriceList li:hover{background-color: #E8E8E8;}

.PriceListCusContainer
{
    height:23px; 
    line-height:23px   
}


.PricingInputHeading
{
    margin-right:5px;
     margin-left:5px;
    vertical-align:bottom;
}

/**/
.HomePageTiles
{
	text-align:center;
	list-style-type:none;
	padding:0;
	width:980px;
}
.HomePageTiles ul li
{
	display:inline-block;
	margin:10px;
	padding:0;
	width:162px;
	/* To display correctly in IE 6&7 - (star hack to target IE6 & 7) */
	zoom: 1;
	*display:inline;
}

.HomePageTiles ul li a{color:#FFFFFF; font-size:9pt; font-weight:bold; text-decoration:none;}
.HomePageTiles ul li a p{padding:9px 0 0 6px; text-align:left;}

/*.IconFooter-Artwork
{ 
	background:url(/images/intense/IconFooter-Yellow.png) no-repeat;
	height:31px;
	width:160px;	
}

.IconFooter-JobManagement
{ 
	background:url(/images/intense/IconFooter-Green.png) no-repeat;
	height:31px;
	width:160px;	
}

.IconFooter-Ordering
{ 
	background:url(/images/intense/IconFooter-Orange.png) no-repeat;
	height:31px;
	width:160px;
}*/


.IconFooter-Quotes
{ 
	background:url(/images/intense/IconFooter-Quotes.png) no-repeat;
	height:31px;
	width:160px;	
}

.IconFooter-Custom
{ 
	background:url(/images/intense/IconFooter-Custom.png) no-repeat;
	height:31px;
	width:160px;	
}

.IconFooter-JobTrack
{ 
	background:url(/images/intense/IconFooter-JobTrack.png) no-repeat;
	height:31px;
	width:160px;	
}

.IconFooter-Price
{ 
	background:url(/images/intense/IconFooter-Price.png) no-repeat;
	height:31px;
	width:160px;	
}

.IconFooter-Orders
{ 
	background:url(/images/intense/IconFooter-Orders.png) no-repeat;
	height:31px;
	width:160px;	
}

.IconContainer
{
	background:#FFFFFF;
	border: Solid 1px Silver;
    cursor: pointer;    
    -webkit-border-radius: 10px 10px 5px 5px;
    -moz-border-radius: 10px 10px 5px 5px;
    border-radius: 10px 10px 5px 5px;
}

.SingleHeaderBar
{
	background:url(/images/intense/SingleHeaderBar.png) no-repeat;
	height:35px;
	margin: 0 auto 0 auto;
	padding:8px 0 8px;
	width:162px;
}

.DoubleHeaderBar
{
	background:url(/images/intense/DoubleHeaderBar.png) no-repeat;
	height:35px;
	margin: 0 auto 0 auto;
	padding:8px 0 8px;
	width:332px;	
}

.TextBoxWatermark
{
	color:#A5A5A5;
	font-style:italic;
}

.LandingTooltip 
{
	background:url(/images/white_arrow.png) no-repeat;
	padding:35px 20px 20px;
	height:80px;
	width:170px;
	margin:20px;
	border:none;
}

.LandingTooltipUp{background:url(/images/white_arrow_up.png) no-repeat;}

/*.tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}*/


.ScheduleTooltipTrigger:hover 
{
	cursor:help;	
}

/*---------------------------------------------------------------------------
// ACCEPT QUOTE
//----------------------------------------------------------------------------*/
.ReportThumbnailContainer
{
    width: 180px;
    float: right;
    padding: 7px;
    position: absolute;
    top: -17px;
    right: -18px;
    bottom: -3px;
}

.ReportThumbnailContainer .dropdown-menu{width:246px}

.ReportThumbnailContainer h3{text-align:center;}

.ReportThumbnailControls{float:left;width:50px;}

.ReportThumbnail{ border:solid 1px #dddddd;cursor:pointer;}
.ReportThumbnail.disabled,.ReportThumbnail[disabled]{cursor:initial;}

.ReportThumbnailControls img{margin:20px 10px 0 10px;}

.ReportThumbnailImageContainer{
    margin-left:auto;
    margin-right:auto;
    width:190px;
    text-align:center;
    margin-bottom:10px;
    margin-top:5px;
}



#divSendQuoteEmail .email-quote-contacts > div {float: left;}

.ShowHideInfoDiv
{
	background-color:#F9F9F9;
	padding:20px 10px 10px;
	margin-left:150px;
	width:800px;	
}

.RoundedCorners{
	/* Rounded Corners*/
	-webkit-border-radius: 10px 10px 5px 5px;
    -moz-border-radius: 10px 10px 5px 5px;
    border-radius: 10px 10px 5px 5px;
}

.DottedUnderline
{
    border-bottom: 1px dotted #5C5C5C;
    cursor:help;
}


.LoadingIcon{width:16px; height:16px; margin-right:5px; background-image:url(/images/loading.gif);}
.ErrorIcon{margin-right: 5px; font-weight:bold;width: 16px; height: 16px;background-image: url(/jquery/ui/theme/images/ui-icons_cd0a0a_256x240.png);background-position: 0 -144px;}
.SuccessIcon{ margin-right: 5px; font-weight:bold;width: 16px; height: 16px;background-image: url(/jquery/ui/theme/images/ui-icons_green_256x240.png);background-position: -208px -192px;}  

.ErrorContainer{border: 1px solid #cd0a0a;background: #fef1ec url(/jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; 	padding: 5px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;line-height:1.5em;}
    .ErrorContainer .jsStatusIcon{margin-right: 5px; font-weight:bold;width: 16px; height: 16px;background-image: url(/jquery/ui/theme/images/ui-icons_cd0a0a_256x240.png);background-position: 0 -144px;}
.StatusContainer{border: 1px solid #2e83ff;background: #fef1ec url(/jquery/ui/theme/images/ui-bg_glass_95_blue_1x400.png) 50% 50% repeat-x; color: #2e83ff; 	padding: 5px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;line-height:1.5em;}
    .StatusContainer .jsStatusIcon{width:16px; height:16px; margin-right:5px; background-image:url(/images/loading.gif);}
.SuccessContainer{border: 1px solid #3c9813;background: #fef1ec url(/jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #3c9813; padding: 5px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
    .SuccessContainer .jsStatusIcon{ margin-right: 5px; font-weight:bold;width: 16px; height: 16px;background-image: url(/jquery/ui/theme/images/ui-icons_green_256x240.png);background-position: -208px -192px;}


.aspmenu.static
{
    cursor:pointer;
}

/* Tasking */
a.user-task-widget{background-color:red;margin-left: -4px;padding: 3px;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;color:white; padding-top: 5px; padding-bottom: 5px;
  opacity: 1;
  border-radius: 5px!important; font-size:10px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1); text-decoration:none;}
a.user-task-widget:hover {text-decoration:none;color:white;}
a.user-qa-widget{font-size:10px; background-color:orange;margin-left: -4px;padding: 3px;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;color:white; padding-top: 5px;  padding-bottom: 5px;
  opacity: 1;
    border-radius: 5px!important;
  box-shadow: 1px 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1); text-decoration:none;
}
a.user-qa-widget:hover {text-decoration:none;color:white;}
a.user-task-widget.no-overdue{background-color:#62c462!important;}
a.user-abnc-widget{background-color:deeppink;margin-left: -4px;padding: 3px;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;color:white; padding-top: 5px;   padding-bottom: 5px;
  opacity: 1;
  border-radius: 5px!important;
  box-shadow: 1px 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1); text-decoration:none; font-size:10px;}
a.user-abnc-widget:hover {text-decoration:none;color:white;}



/* Accept Quote */
.report_site_selector {
    margin-bottom: 6px!important;
    width: 160px;
    margin-left: 10px;
}

.upload-products .fileupload > div > span:first-child
{
    margin-right: -3px !important;
    width: 98px !important;
}
.upload-products .fileupload > div > span.btn-file,
.upload-products .fileupload > div > span.iq-btn-file
{
    width: 286px !important;
}

.underline, .underline a
{
    text-decoration: underline;
}

.bold, .bold a
{
    font-weight: bold;
}

.alert-head .head-label
{
    font-weight: normal;
    color: white;
}

/* Currency bloop */
.currency-bloop {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px dotted #333;
    cursor: help;
    margin-left:5px;
    float: right!important;
}

.foreign-currency-container:not(.base-currency) .currency-dropdown {
    border-radius: 4px 0px 0px 4px;
    margin-right: -5px;
}
.foreign-currency-container.base-currency .foreign-currency-info {
    display: none;
}
.foreign-currency-container:not(.base-currency) .foreign-currency-info {
    border-radius: 0px;
    min-width: 210px;
}

.input-help {
color:#aaaaaa; font-size:12px; margin-left:5px;}

.kinds-icon::before{font-size: 12px;
   content: "\f05a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

    .CheckAdvanceKinds.DottedUnderline::after{   
    content: "\f05a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; font-size:10px;}

    .WFColumnHeading .HasAdvanceKinds::after{   
    content: "\f05a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}


.BespokeQuantity.HasAdvanceKinds::after {
    content: "\f05a";

    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    padding-left: 4px;
}

.centre-image {
    text-align: center;
}
.centre-image > img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.iq-hide {
    display:none;
}

.ddl-default-dasboard{   width: 224px; height:28px;}


/* USING TABLET */
.using-tablet .production-selector-icon {margin-top: -10px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;}

.using-tablet .boardfilter-toggle, .using-tablet .boardfilter-removeall, .using-tablet .boardfilter-selectall{
    margin-top:-10px!important;
}

.using-tablet .boardfilter-toggle .icon-filter{    margin-top: 10px!important;
    margin-left: 10px!important;
    margin-right: 10px!important;}

.using-tablet .WFDropdownActions .caret{margin-top:18px!important;}
.using-tablet .WorkflowMainHeading   .btn.WFFilterButton{min-height:13px!important;}
.using-tablet #divDateFilters .btn-static{    min-height: 32px!important;
    line-height: 32px;}

.using-tablet .ToolbarFilters .btn-workflow{height:32px!important;min-height:32px!important;}
.using-tablet .span7.WFButtonContainer a.btn-workflow{height: 36px;}    /*Refresh workflow btn*/
.using-tablet .span7.WFButtonContainer a.btn-workflow i{margin-top:3px;}

/* JOB DETAILS */
#divJobReferencesPanel textarea.IQAdminField{height:70px;}
#divReferenceContainer textarea.IQAdminField{height:32px;}

/* NEW MENU SRTYLES */
#menucontainer{
    background-color: #4c4c4c;
    background-image: none;
    color: white!important;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom:none;
    border-top:none;
}

    ul.aspmenu a,
ul.aspmenu a:link,
ul.aspmenu a:hover,
ul.aspmenu a:visited,
ul.aspmenu a:active,
a.aspmenu:link,
a.aspmenu:visited,
a.aspmenu:hover,
a.aspmenu:active{
    color: white;
	font-size: small;
	font-weight:normal;	
}

    ul.aspmenu a:hover,
a.aspmenu:hover{
    color: white;
	font-size: small;
	font-weight:normal;
	text-decoration:none;
    cursor:pointer;
}

.aspmenu .aspdynmenu li a{
    color:#333;
}



.locationToolTipControl{
    position: absolute;
    left: -7px;
    top: 9px;
    color: #aaa;
    cursor: default;
    font-size: 10px;
    background-color: white;
    border-radius: 3px;
    font-size: 20px;
    border-radius: 500px;
}



/* ## STYLE CONTROLS SPECIFIC ## */
    .CustomDisplayInline .dropdown-menu{
        display:block;
        position:relative!important;
        top:0px!important;
    }

    .CustomDisplayInline a.dropdown-toggle{
        display:none;
    }

    .CustomDisplayInline .dropdown-menu{
        height: auto!important;
        box-shadow: none!important;
        border-radius: 0px!important;
    }

    .CustomDisplayInline .btn-SearchBoxContainer{
        background-color:white;
    }

.iq-popover-content {
    display:none;
}

.iq-popover {

}


#divQuoteArtworkContainer .dragging-file .artwork-item-button-replace{
  border: 2px dashed #ddd;
    border-radius: 5px;
    padding: 9px;
    height: auto;
    margin: -11px;
    z-index: 2;
    margin-left: -11px;
}
   

#divQuoteArtworkContainer .dragging-file .artwork-item-button-replace:hover{
    border-color:#4a89dc;
}

#divQuoteArtworkContainer .dragging-file .artwork-upload-container .artwork-thumbnail-wrapper,
#divQuoteArtworkContainer .dragging-file .artwork-upload-container .artwork-actions > *,
#divQuoteArtworkContainer .dragging-file .artwork-upload-container .artwork-file-name{
    opacity:0.3;
}

#divQuoteArtworkContainer .dragging-file .artwork-upload-container .artwork-actions .artwork-item-button-replace{
    opacity:1;
}

tr.discarded {
    background-color: #ffffff;
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient( 45deg, rgb(109 108 108 / 15%) 25%, #ffffff00 25%, #f0f0f000 50%, rgb(122 122 122 / 15%) 50%, rgb(126 126 126 / 15%) 75%, #ffffff00 75%, #ffffff00);
    -webkit-background-size: 47px 47px;
    -moz-background-size: 47px 47px;
    -o-background-size: 47px 47px;
    background-size: 47px 47px;
    opacity: 0.8;
}

tr.discarded:hover {
    opacity: 1;
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: none;
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: none;
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(10px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-5px, 0, 0);
  }

  75% {
    transform: translate3d(5px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

/*Customer creation page*/
.Expandable_Container{display:block;}
.Expandable_Open{display:block; margin-top: 5px !important;}
.Expandable_Closed{display: none;}
.Expandable_OpenImg{}
.Expandable_ClosedImg{}

.SilverBottomBorder
{
    	border-bottom: silver 1px solid;
}


/*Buttons
.ButtonContainer
{
    padding-top:5px;
}

.ButtonContainer input,
.ButtonContainerNoPad input
{
    font: normal 10pt  Arial, Sans-Serif;
    font-weight:bold;
    border: none;
    color:White;  
    cursor:pointer; 
    padding-bottom:2px;
    vertical-align:middle;
    text-align:center;
}

.LinkLeftMedium:hover{ background:url(/include/images/Buttons/MediumButtonLeft.png)  no-repeat 0px -40px;}
.LinkLeftMedium:active{ background:url(/include/images/Buttons/MediumButtonLeft.png) no-repeat 1px -78px;}
.LinkLeftMedium
{
    padding-left:25px;
    width:163px;
    height:38px;
    background:url(/include/images/Buttons/MediumButtonLeft.png) no-repeat 0px -2px;
}

.LinkMedium:hover{background:url(/include/images/Buttons/ButtonMedium.png) no-repeat 0px -42px;}
.LinkMedium:active{background:url(/include/images/Buttons/ButtonMedium.png) no-repeat 0px -80px;}
.LinkMedium
{
    width:152px;
    height:30px;
    border: none;
    background:url(/include/images/Buttons/ButtonMedium.png) no-repeat 0px -5px; 
    overflow:hidden;
}

.LinkBig:hover{background:url(/include/images/Buttons/ButtonBig.png)  no-repeat 0px -42px;}
.LinkBig:active{background:url(/include/images/Buttons/ButtonBig.png)  no-repeat 0px -80px;}
.LinkBig
{
    width:187px;
    height:30px;
    border: none;
    background:url(/include/images/Buttons/ButtonBig.png) no-repeat 0px -5px;  
    overflow:hidden;
}

.LinkSearchEnd
{
   margin-top:7px;
   width:80px;
   background:none;
}

.SearchBG
{    
    height:32px;
    width:325px;
    background:url(/include/images/Buttons/SearchBG.png) no-repeat 0px -3px;
}

.SearchBox
{
   
    margin-top: 8px;
    margin-left: 27px;
    width: 210px;
    float: left;
    border: none 0px;
}*/
table.QuoteLayout
{
    border-style: none;
    border-collapse: collapse;
}

.QuoteLayout td
{
    padding: 0px;
}

/*-------------------------------------------------------------/
/QuoteProductDetailRow used on various screens to style tables*/
.QuoteProductDetailRow
{
    text-align: left;
    padding: 2px;
    margin: 0px;
}

.QuoteProductDetailRow td
{
    border: Solid 1px White;
    padding-left: 3px;
    background-color: White;
    border-bottom: Dashed 1px #E7E7E7;
    vertical-align: top;
}

.QuoteProductInnerSeperator
{
    border-bottom: Dashed 1px #E7E7E7;
     height:3px;
}




.QuoteProductDetailRow th
{
    vertical-align: top;
    background-color: #F5F5F5;
    font-weight: bold;
    border: Solid 1px #E7E7E7;
    padding-left: 3px; /*height:1.5em;*/
    text-align: left;
}

.DetailRowLeftPadding th
{
    padding-left: 17px;
}

/*-------------------------------------------------------------/
/QuoteDetailTable is used to display quote detail information 
/on various quote summary/acceptance/adjustment screens       */
.QuoteDetailTable
{
    width: 1000px;
    padding: 1px;
}

.QuoteDetailTable td
{
    border: Solid 1px White;
    padding-left: 3px;
    background-color: White;
    border-bottom: Solid 1px #E7E7E7;
    width: 300px;
    text-align: left;
    vertical-align: top;
}

.QuoteDetailTable th
{
    background-color: #F5F5F5;
    font-weight: bold;
    border: Solid 1px #E7E7E7;
    padding-left: 3px; /*height:1.5em;*/
    text-align: left;
    width: 130px;
    vertical-align: top;
}

/*-------------------------------------------------------------*/
.QuoteProductDetailInactive
{
    color: #c0c0c0;
}

.QuoteProductSectionRow td
{
    margin: 0px;
    padding: 2px 2px 0px 2px;
    background-color: White;
    text-align: left;
}

.QuoteProductSectionTable th
{
    text-align: left;
    border: Solid 1px #E7E7E7;
    background-color: #F5F5F5;
    padding-left: 17px;
    height: 1.5em;
}

.QuoteProductSectionTable td
{
    text-align: left;
    border: Solid 1px White;
    padding-left: 2px;
    height: 1.5em;
}

.QuoteProductTable
{
    padding: 0px;
    margin: 0px; /*border:Dotted 1px Silver;*/
}

.QuoteItem
{
    padding: 3px;
    border: Solid 1px #D0D0D0;
    background: White;
}

.QuoteProductSectionTable
{
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    background-color: White;
    border: Solid 1px White;
}

.QuoteSummaryTable
{
    padding: 3px;
    margin: 5px;
    border-collapse: collapse;
    background-color: White;
    border: Solid 1px #E7E7E7;
}

.QuoteSummaryTable th
{
    text-align: left;
    border: Solid 1px #E7E7E7;
    background-color: #F5F5F5;
    padding: 3px;
}

.QuoteSummaryTable td
{
    text-align: left;
    border: Solid 1px #E7E7E7;
    padding: 3px;
}

.QuoteSectionBorder
{
    background-color: White;
    border: Solid 1px #C0C0C0;
    margin: 0px 5px 5px 0px;
    padding: 0px;
}

.QuoteSectionHeading
{
    background: #D5D5D5 url(/include/images/HeaderBG.png) repeat-x;
    color: #5C5C5C;
    font-weight: bold;
    text-align: left;
    padding: 2px;
    margin: 0px;
    height: 25px;
    line-height: 25px;
}



/*Used on pages containing the expandable customer search in heading*/
.QuoteSectionHeadingNoHeight
{
    background: #D5D5D5 url(/include/images/HeaderBG.png) repeat-x;
    color: #5C5C5C;
    font-weight: bold;
    text-align: left;
    padding: 2px;
    margin: 0px;
    line-height: 25px;
    position: relative;
}


.QuoteSectionHeadingNoBg
{
    color: #5C5C5C;
    font-weight: bold;
    text-align: left;
    padding: 2px;
    margin: 0px;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
}

.QuoteSectionStandalone
{
    background: url(/include/images/HeaderBG.png) repeat-x;
    color: #5C5C5C;
    border: Solid 1px #C0C0C0;
    margin: 0px 5px 5px 0px;
    padding: 2px;
    font-weight: bold;
    text-align: left;
    height: 25px;
    line-height: 25px;
}

.QuoteProductQuantityHeading
{
    background-color: #F9F9F9;
    font-weight: bold;
    height: 20px;
}


.QuoteProductQuantity div
{
    text-align: left;
    margin: 0px;
    border-bottom: Solid 1px #D7D7D7;
    border-right: Solid 1px #D7D7D7;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 22px;
}

table.QuoteProductQuantity
{
    border: Solid 1px #E7E7E7;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    padding: 0px;
    margin-left: 0px;
    margin-top: 3px;
}

.QuoteProductQuantity tr
{
    padding: 0px;
}

.QuoteProductQuantity td
{
    padding: 0px;
}

.QuoteProductQuantityHighlight
{
    background: #def0d8;
}

.QuoteProductQuantityPlaceholder
{
   /* padding: 0px;
    margin-left: 20px;
    margin-top: 3px;
    position: relative;
    display: inline;*/
}

.QuoteSectionItem
{
    margin: 3px;
    padding: 2px;
    border: Solid 1px #D0D0D0;
}

.QuoteSectionHeadingText
{
    padding-left: 5px;
    height: 25px;
    line-height: 25px;
}
.QuoteProductImage
{
    float: left;
}

/* ajax.net Autocomplete Styles */
.autocomplete_completionListElement {
    visibility: hidden;
    margin: 0px !important;
    background-color: window;
    color: #5C5C5C;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: #5C5C5C;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color: window;
    color: #5C5C5C;
    padding: 1px;
}

.QuoteFilterPopup
{
    max-height: 300px;
    overflow: auto;
    width: 200px;
}


.ProductTree_Button
{
    padding: 2px;
    width: 155px;
    position: relative;
    border: Solid 1px Silver;
    background-color: #ffffff;
    border-collapse: collapse;
    display: block;
}

.ProductTree_Button:hover
{
    background-color: #f0f0ff;
}

.ProductTree_ButtonSelected
{
    padding: 2px;
    width: 155px;
    position: relative;
    border: Solid 1px Silver;
    background-color: #d5d5ff;
    border-collapse: collapse;
    display: block;
}

.ProductTree_Text
{
    cursor: pointer;
    margin-right: 20px;
}

.ProductTree_ButtonSelected:hover
{
    background-color: #e3e3ff;
}

.ProductTree_Children
{
    position: absolute;
    left: 158px;
    top: 0px;
    display: none;
    z-index: 10;
}

.ProductTree_ExpandImage
{
    padding: 0;
    margin: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    right: 2px;
    display: block;
}

/************************************
* Tree Image Buttons
************************************/

.ProductIconView_Main
{
    position: relative;
}

.DisplayNone
{
    display: none;
}
.DisplayBlock
{
    display: block;
}

.ProductIconView_ImageButton
{
    margin: 15px;
    padding: 10px;
    width: 140px;
    height: 140px;
    float: left;
    position: relative;
    border: Solid 1px Silver;
    background-color: #ffffff;
    border-collapse: collapse;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ProductIconView_ImageButton:hover
{
    background-color: #f0f0ff;
}

.ProductIconView_ChildNodeContainer
{
    height: 200px;
    width: 1000px;
}

.ProductIconView_NodeSelected:not(.NoChange) .ProductIconView_ImageButton
{
    padding: 20px;
    background-color: #f0f0ff; /*margin:15px; 	width:140px; 	height:140px; 	position:relative; 	border:Solid 1px Silver; 	background-color:#FFFFFF; 	border-collapse:collapse; 	display:block;*/
}


.ProductIconView_Text
{
    font-weight: bold;
    height: 30px;
    line-height: 20px;
}

.ProductIconView_ButtonSelected:hover
{
    background-color: #e3e3ff;
}

.ProductIconView_Icon
{
    height: 100px;
    width: 100px;
}

.ProductIconView_ChildrenContainer
{
    display: none;
    float: left;
    min-height: 200px;
    margin: 50px 0 0 20px;
    width: 1000px;
}

.ProductIconView_ChildNode
{
    margin: 15px;
    padding: 10px;
    width: 140px;
    height: 140px;
    float: left;
    position: relative;
    border: Solid 1px Silver;
    background-color: #ffffff;
    border-collapse: collapse;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; /*border:Solid 1px Silver; 	background-color:#ffffff; 	border-collapse:collapse; 	cursor:pointer; 	height:90px; 	margin-top:20px; 	width:300px; 	padding: 0 10px 10px; 	-webkit-border-radius: 10px; 	-moz-border-radius: 10px; 	border-radius: 10px;*/
}

.ProductIconView_ChildNode:hover
{
    background-color: #f0f0ff;
}


.ProductIconView_ChildText
{
    font-weight: bold;
    height: 30px;
    line-height: 20px;
}

.CursorHand
{
    cursor: pointer;
}

.BackButton
{
    position: absolute;
    margin: 210px 15px 0;
}


.BackButtonImage:hover
{
    background: url(/include/images/Buttons/SmallButtonLeft.png) no-repeat 0px -40px;
}
.BackButtonImage:active
{
    background: url(/include/images/Buttons/SmallButtonLeft.png) no-repeat 1px -78px;
}
.BackButtonImage
{
    background: url(/include/images/Buttons/SmallButtonLeft.png) no-repeat 0px -2px;
    color: #FFFFFF;
    font-weight: bold;
    height: 38px;
    line-height: 2.5;
    padding-left: 55px;
    width: 123px;
}


/************************************/


.ProductErrorMessage
{
    color: Red;
}

td.NumericField
{
    text-align: right;
}

.SelectableList
{
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
    border: Solid 1px #D0D0D0;
    background-color: White;
    padding: 2px;
}

.SelectableListItem
{
    background-color: White;
    height: 16pt;
    line-height: 16pt;
    font-size: 9pt;
    padding-bottom: 2px;
    overflow: hidden;
}

.SelectableListItemFloat
{
    background-color: White;
    height: 16pt;
    line-height: 16pt;
    font-size: 9pt;
    padding-bottom: 2px;
    float: left;
    overflow: hidden;
}

.SelectedListItem
{
    background-color: #E0E0E0;
}

.SelectableListItem label
{
    font-size: 9pt;
    line-height: 16pt;
    color: #5C5C5C;
}

.SelectableListItem label input
{
    display: inline-block;
    margin: 3px 3px 3px 4px;
}

TH.RightAlign
{
    text-align: right;
}

TH.LeftAlign
{
    text-align: left;
}

.AddMultipleQuantities Table
{
    background-color: White;
    border: Solid 1px Black;
    padding: 10px;
    width: 350px;
}

.AddMultipleQuantities th{text-align: center;}

.QuoteProductTableCell{ background-color: White;padding: 2px;}

.QuoteSectionElement{ height: 1em; text-align: center; width:120px;}

.ReportEmailPanel
{
    background-color: White;
    border: Solid 1px #000000;
    padding: 10px;
    width: 500px;
}

.ProductDescription:first-line
{
    font-weight: bold;
}

p.ProductDescription
{
    margin: 0px;
}

.QuoteProductQuantityAddContainer div
{
    padding:0px;
    height:auto;   
   
}


.QuoteProductQuantityAdd
{
    font-weight: bold;
    border: Solid 1px #E7E7E7;
    background-color: #F5F5F5;
}

.QuoteSimplifiedProduct
{
    width:750px;   
}

.QuoteSimplifiedOptions
{
	padding:0 0 5px 5px;
    font-weight:bold;
}

.QuoteSimplifiedProductDesc
{
    padding:5px;
}

.QuoteSelectedProduct {
    width:750px;
}
.QuoteSelectedProductDeselected
{
    opacity:0.5;
    filter: alpha(opacity = 50);
}

.QuoteBreadCrumb
{
	font-size: 120%; 
	float: left; 
	padding-top: 5px; 
	padding-left: 17px;
}

.QuoteStep2
{
     padding: 7px 15px;
}

/*-----------------------------------------------------
// QUICK FIXED FOR OUR OLD STYLES. NEED CHANGING
------------------------------------------------------*/
.QuoteSectionHeading
{
/*position: relative;*/
  padding: 3px 15px;
  margin-bottom: 18px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  font-weight:bold;
  
  /*Added to make headings look a little different from the buttons*/
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  background-color: #339bb9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   color:White;
}

.QuoteSectionStandalone
{
    position: relative;
  padding: 7px 15px;
  margin-bottom: 18px;
  color: #404040;
  
  background-color: #FCFCFC;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #FCFCFC, #DADADA);
  background-image: -ms-linear-gradient(top, #FCFCFC, #DADADA);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #FCFCFC, #DADADA);
  background-image: -o-linear-gradient(top, #FCFCFC, #DADADA);
  background-image: linear-gradient(top, #FCFCFC, #DADADA);
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  font-weight:bold;
  
  /*Added to make headings look a little different from the buttons*/
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.QuoteSectionHeading li, .QuoteSectionStandalone li{
    color:Black;
    text-shadow:none;
    font-size:11px;
    font-weight:normal;
}

.QuoteSectionBorder{border:none;}
.SectionBorder{border:none;}

#QuotePricingMain .QuoteSectionHeading{
	background: #D5D5D5 url(/include/images/HeaderBG.png) repeat-x;
color:#5C5C5C !important;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
}


/*************************************************************************
    Print IQ V2 - StyleSheet

    Rules:

        1. Every selector should be prefixed with iq-.

*************************************************************************/

input, select{
    border: 1px solid #ddd;
    background-color: white;
    padding: 6px;
    border: 1px solid #dddddd;
    margin: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transition: none;
    border-color: #ddd;
    border-radius: 0px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

body{background-color:transparent!important}   

.center {
    text-align:center;
}

.vertical-center {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

h2.iq-info, h3.iq-info{
    color:#4A89DC;
}

h2.iq-warning{
    color:#faa732;
}


.iq-page-heading{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    height: 52px;
    color: #333;
    z-index: 901;
    position: relative;
    margin-bottom: 10px;
    margin-top:5px;
}

.iq-page-header { float: left; }

.iq-page-heading h1{
    display: block;

    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
    font-size: 36px;
    font-weight: bold;
    border-left: 8px solid #70ca63;
    padding-left: 8px;
    line-height: 28px;
    height: 26px;

}



.iq-page-heading h1.iq-success{
        height: 27px;
    border-right: 8px solid #70ca63;
    margin-right: 10px;
    display: block;
    margin-top: 26px;
    float: left;
}

.iq-page-heading .iq-btn .fa{    display: block;
    text-shadow: none;
    line-height: inherit;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    color: #666666;
    font-size: 21px; float:none;}

.iq-page-head{
       font-size: 30px;
    color: #333;
    line-height: 30px;
    height:54px;
    margin-bottom:25px;
}

.iq-page-head-dropdown, .iq-page-head-input{
    background-color:white;
    position:relative;
    float:left;
        webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.iq-page-head-dropdown::after , .iq-page-head-input::after{
    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.iq-page-head-dropdown .dropdown a.dropdown-toggle{
    color:#13A4DE;
    font-size:17px; font-weight:bold; border:none;
        width: 210px;
    border: none;
    padding-bottom: 12px;
    padding-top: 24px;
    padding-left: 15px;
    padding-right: 15px;
}

.iq-page-head .iq-page-head-dropdown .dropdown ul li a{
    padding-top:3px; padding-bottom:3px;
}


.iq-page-head-dropdown > label, .iq-page-head-input >label{
    color: #aaa;
    font-size: 12px;
    position: absolute;
    top: 9px;
    left: 15px;
    z-index: 2;
}

.iq-page-head-dropdown span.select2.select2-container{
    float:left;
}

.iq-page-head-dropdown span.select2.select2-container .select2-selection{
    height: 54px;
    border: none;
}

.iq-page-head-dropdown span.select2.select2-container .select2-selection__arrow{
    top: 14px;
    right: 7px;
}

 .iq-page-head-dropdown span.select2.select2-container .select2-selection__rendered{
    color: #13A4DE;
    font-size: 17px;
    font-weight: bold;
    margin-top: 0;
    padding-top: 1px;
    line-height: 65px;
    padding-left: 14px;
    height:53px;
}

 .iq-page-head-dropdown .select2-container--default .select2-selection--single{
     background-color:transparent;
 }



.iq-page-head-menu{
        background-color: #1299ce;
    color: white;
    height: 54px;
    display: block;
    float: left;
    width: 54px;
    text-align: center;
    line-height: 50px;
}

.iq-page-head-menu .fa{
        background-color: transparent;
    text-align: center;
    border: none;
    box-shadow: none;
    border-radius: 0px!important;
    color: rgba(255, 255, 255, 0.52);
    text-shadow: none;
    font-size: 21px;
    display: inline;
}

.iq-page-head-menu:hover{
    text-decoration:none; opacity:1; cursor:pointer; color:white;
}


.iq-page-head-menu:hover .fa{color:white;}

a.iq-page-head-dropdown-add{
     border: none;
    height: 50px;
    width: 50px;
    line-height: 44px;
    text-align: center;
    border-radius: 0px;
    border: 2px solid #ddd;
    padding: 0px;
    background-color: #ddd;
    color: #aaa;
    cursor:pointer;
    display: inline-block;
}

a.iq-page-head-dropdown-add .fa{
        font-size: 20px;
    display: inline-block;
}

a.iq-page-head-dropdown-add:hover .fa{
    color:#13A4DE;
}

.iq-sub-head{    
    border-bottom: none;
    padding: 0px;

  font-size:22px; font-weight:normal; margin-bottom:20px;}
.iq-sub-head.iq-important{
      padding-left: 15px;
          padding-top: 2px;
       border-left: 5px solid #ddd;   padding-bottom: 2px;
}

/* ## IQ GROUP ## */
.iq-group{line-height:14px; margin-right:15px; position: relative;}

.iq-group-container .iq-group{
    margin-right:35px;
    margin-bottom:20px;
}

.iq-group-container .iq-group:last-child{margin-right:0px;}

.iq-group-container::after{
    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.iq-group .iq-group-btn{
    margin-top: 16px;
    margin-bottom: -5px;
}

.iq-group > label:not(.selected-text):not(.iq-input-icon) {
    font-size: 10px;
    color: #AAAAAA;
    margin-bottom: 0px !important;
    display: block;
    position: relative;
    z-index: 2;
}
.iq-group > label:first-child:not(.selected-text):not(.iq-file-upload) {
    text-transform: uppercase;
}

.iq-group label.iq-hint {
    margin-left: 4px;
}

.iq-group > span.iq-highlight-value {
    color: #4A89DC;
    font-size: 20px;
    line-height: 20px;
    height: 21px;
}

.iq-group.iq-highlight .fa {
    margin-top: 5px;
    color: #4A89DC;
}

.iq-page-head-info .iq-group label{width:120px;}

.borderless{border:none!important;}

.iq-required, .iq-group span.iq-required{
        color: #b94a48;
    font-size: 22px;
    font-weight: bold;
    margin-left: 0px;
    display: block;
    line-height: 26px;
    margin-bottom: -8px;
    float: right;
    margin-left: 4px;

}

.iq-group span.iq-required{
       position: absolute;
    right: 0;
    margin-left: 0px;
    margin-bottom: 0px;
    top: 0px;
}

.control-label span.iq-required{
    right: -13px;
    top: 5px;
}

.iq-group{float:left; width:250px; position:relative;} 
.iq-group .caret{width:auto;}
.iq-group .dropdown .btn{    border: none;
    padding: 0px;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
    margin: 0px;
    line-height: 11px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 140px;
    padding-top: 0px;
}

.iq-group > span:not(.select2):not(.custom-minmaxtooltip):not(.readonly-field){font-size:13px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block; padding-top: 0px; line-height:14px; height:14px; }
.iq-group .caret{height:auto;}

.iq-group input, .iq-group textarea.iq-edit-input{ width:194px;}
.iq-group input[type='checkbox']{
    width:auto!important;
}


.iq-group input.borderless{ padding:0px; border:none; box-shadow:none; margin-top:-2px;}
.iq-group select.borderless{ padding:0px; border:none; box-shadow:none; margin-top:-2px;}
.iq-group .iq-prepend-icon{
      float: left;
    margin-right: 8px;
    font-size: 30px;
    color: #aaaaaa;
    margin-top: 17px;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 5px;
}

.iq-group.iq-prepend .bootstrap-timepicker > input{
    padding-left:28px;
}

.iq-group input.iq-edit-input:disabled, input.aspNetDisabled, textarea.iq-edit-input:disabled {
    background-color: #f5f5f5!important;
    box-shadow: none!important;
}

.iq-group input.iq-edit-input:focus, 
.iq-group textarea:focus,
.iq-group textarea.iq-edit-input:focus{
    padding: 6px;
   /* margin:-1px!important;
    border-width:2px;
    border-color:rgba(82, 168, 236, 0.8);*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0)!important;
    z-index:2;
}

.control-group.error textarea {
    outline: 1px solid #b94a48;
}

.iq-group.iq-compact input.iq-edit-input:focus, 
.iq-group.iq-compact textarea:focus{
      margin-top:-15px!important;
    background-color: white;
    border: 2px solid rgba(82, 168, 236, 0.8);
}

.iq-group .iq-prepend-icon-full{
         float: left;
    margin-right: 8px;
    font-size: 30px;
    color: #aaaaaa;
    margin-top: 1px;
    margin-left: -10px;
    margin-top: -9px;
    margin-bottom: -10px;
    width: 54px;
    height: 56px;
    margin-bottom: -21px;
    background-color: #F0F0F0;
    text-align: center;
    line-height: 58px;
    font-size: 26px;
    border-top: 1px solid #ddd;
    margin-top: -10px;
}

.iq-tall-groups .iq-group .iq-prepend-icon-full{
        height: 74px;
    line-height: 77px;
}

.iq-group .iq-edit-input, .iq-group .aspNetDisabled {
    border: none;
    transition: 0.2s;
    border-bottom: 1px dashed #ddd;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
    border-color: #dddddd;
    background-color: transparent;
    margin-top: -2px;
}

.iq-group .iq-edit-input:active {
    border-color: #dddddd;
}

.iq-group .iq-edit-input:focus {
    background-color: white;
    z-index: 99;
    padding: 5px;
    border: 1px solid #dddddd;
}

.iq-group .iq-readonly{margin-top:6px;}

.iq-group.iq-has-large-icon .iq-prepend-icon.fa{
 font-size: 35px;
    margin-right: -15px;
    position: relative;
    margin-top: 16px;
    /* line-height: 65px; */
    text-shadow: 3px 0px 1px white;
    background-color: white;
    border-radius: 500px;
    z-index:2;
        width: 45px;
    height: 45px;
    margin-right: -18px!important;
}

.iq-group.iq-has-large-icon .iq-prepend-icon.fa{

    font-size: 45px;
    margin-top: 11px;
    margin-right: -2px;
    margin-left: 0px;
}


.iq-group.iq-has-large-icon input:not(.listSearch), 
.iq-group.iq-has-large-icon a.btn.dropdown-toggle, 
.iq-has-large-icon .jqCustomSelector .ui-multiselect, 
.iq-group.iq-has-large-icon textarea {
    padding-left:22px!important;
}

/* This is used to fix older .control-group. E.g the contact modal on simplified. */
.iq-group.iq-has-large-icon .control-group .controls input,
.iq-group.iq-has-large-icon .control-group .controls textarea{
    padding-left: 6px!important;
}

.iq-group.iq-has-large-icon label:not(.selected-text):not(.control-label){
        margin-left: 50px;  
}

.iq-group.iq-has-large-icon label:not(.selected-text){
    text-transform:uppercase;
}

.iq-group.iq-has-large-icon .ui-multiselect-menu  label:not(.selected-text):not(.control-label){
        margin-left: 0px; color:#333; font-size:14px;
}

.iq-group.iq-has-large-icon .ui-multiselect-menu input{
    padding-left:4px!important;  margin:0px;
}


.iq-group .dropdown{float:left;}
/*.iq-group .CustomDropdownContainer{margin-right:-10px;}*/

/* Newish styles*/
.iq-group input.iq-edit-input, .iq-group textarea, .iq-group .aspNetDisabled, .iq-group a.dropdown-toggle.btn, .iq-group textarea.iq-edit-input{
    background-color: white;
    padding: 6px;
    border: 1px solid #ddd;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transition: none;
    border-radius: 0;

      /*background-color: #EFEFEF;*/
    
}



 .iq-group a.dropdown-toggle.btn .CustomDropdownText{
     line-height: 18px;
    height: 18px;
 }

.iq-group .dropdown a .caret{
    margin-top:8px;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/* ## COMPACT IQ GROUP ## */
.iq-group.iq-compact .dropdown .btn {
    border: none;
    padding: 0;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    line-height: 11px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 140px;
    padding-top: 0;
    margin-top:-2px;
}

.iq-group.iq-compact .iq-edit-input, .iq-group.iq-compact .aspNetDisabled{
    border: none;
    transition: .2s;
    position: absolute;
    border-bottom: 1px dashed #ddd;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    border-color: #ddd;
    background-color: transparent;
    margin-top: -2px;
}

.iq-group.iq-compact input{
    width:130px;
}

.iq-group.iq-compact .fa:not(.iq-prepend-icon-full), .iq-group.iq-compact .fad:not(.iq-prepend-icon-full) {
    margin-top: 0px;
}


.iq-group .iq-edit-icons,
.iq-edit-icons.contact-selector-icons,
.iq-editing-row .iq-edit-icons {
    margin-left:5px;
    float:left;
}
.iq-group .iq-edit-icons .fa,
.iq-edit-icons.contact-selector-icons .fa,
.iq-editing-row .iq-edit-icons .fa {
    font-size:32px; color:#aaa; cursor:pointer;
    opacity:0.5;
}

.iq-group .iq-edit-icons a:hover,
.iq-edit-icons.contact-selector-icons a:hover, 
.iq-editing-row .iq-edit-icons a:hover {text-decoration:none;}

.iq-group .iq-edit-icons .fa:hover,
.iq-edit-icons.contact-selector-icons .fa:hover, 
.iq-editing-row .iq-edit-icons .fa:hover {
    color:#13A4DE; opacity:1;
}

.iq-editing-row td .select2.select2-container--default .select2-selection{
    height:42px;
}

.iq-editing-row td .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
}

.iq-editing-row td  .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:40px;
}

.iq-group.saving:after {
    content: "\f021" !important;
    animation: fa-spin 2s infinite linear;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    color: #4A89DC;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    position: relative;
    left: 19px;
    top: 6px;
}

.iq-group.saved:after {
    content: "\f00c"!important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    color: #51BE41;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    position: relative;
    left: 19px;
    top: 6px;
}

.iq-group[class*="iq-span"], .iq-group[class*="span"]{margin-right:0px;}
.iq-group[class*="iq-span"] input, .iq-group[class*="span"] input, .iq-group[class*="iq-span"] textarea, .iq-group[class*="span"] textarea{width:100%; box-sizing: border-box;}
.iq-group[class*="iq-span"] > .select2, .iq-group[class*="iq-span"] > div > .select2{width:100%!important;}
.iq-flex-col > .iq-group > .select2, .iq-flex-col > .iq-group > div > .select2{width:100%!important;}
.iq-flex-col > .iq-group > input, .iq-flex-col > .iq-group > textarea{width:100%; box-sizing:border-box;}
.iq-row::after {
    clear: both;
    content: "";
    display: table;
}

.iq-row + .iq-row{
    margin-top:15px;
}

ul.iq-nav {
    margin: 0px;
    line-height: normal;
}
.iq-nav:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.iq-nav li{
    float:left; margin-right:25px;
}

.iq-nav li a{
    color: #333;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    padding-bottom:10px;
    opacity:0.3;
}

.iq-nav li.active{ border-bottom:2px solid #4DAE4D;}
.iq-nav li.active a{opacity:1;}

.iq-page-head .iq-nav{margin-top:27px;}

/*.iq-group .fa:first-child{
    position: absolute;
    left: -17px;
    top: 18px;
    font-size: 15px;
    opacity: 0.4;
    cursor: pointer;
}

.iq-group .fa:first-child:hover{opacity:1;}*/
.iq-group .dropdown .btn span{padding-top:0px;}

.iq-group .dropdown .btn .caret{    width: auto;
    margin-top: 7px;
    margin-right: 3px;
    display: inline-block;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;}
.iq-group.loading .fa.iq-prepend-icon:before,.iq-group.iq-loading .fa.iq-prepend-icon:before{content: "\f021"!important;}
.iq-group.loading .fa.iq-prepend-icon, .iq-group.iq-loading .fa.iq-prepend-icon{-webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;}

.btn.loading:before,.iq-btn.loading:before{content: "\f021"!important; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;     display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; margin-right:5px;
}
.loading, .loading-big {
    pointer-events: none;
}

.iq-icon-btn.loading .fa:before,
.iq-icon-btn.loading .fas:before {
    content: "\f021" !important;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    display: inline-block;
}


.btn.loading-big, .iq-btn.loading-big{
    position:relative;
}
.btn.loading-big:before,.iq-btn.loading-big:before{  content: "\f021"!important;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    position: absolute;
    right: -38px;
    color: #57BD48;
    font-size: 30px;
    top: 6px;}
  

.iq-page-head-info {margin-top:7px;}
.iq-page-head-info.right{padding-left:25px; margin-right:25px; border-left:1px solid #dddddd;}
.iq-page-head-info .iq-group label{display:block; float:left;}
.iq-page-head-info .iq-group:after{visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.iq-page-head-info .iq-group span{display:block; float:left; line-height:16px; width:auto; max-width:110px; padding: 0px;}
.iq-page-head-info .iq-group span.iq-long-text{ max-width:none;}

.iq-page-head-info .iq-group{float:none; width:auto; padding-right:0px}
.iq-page-head .dropdown ul{border-radius: 0px;}
.iq-page-head .dropdown ul li{}
.iq-page-head .dropdown ul li a{
    padding-top:4px; padding-bottom:5px;
    font-size:15px;
    cursor:pointer;
}

.iq-page-head .dropdown ul li span.dropdown-header{
       font-size:15px;
}

.iq-info-container{margin-right:-20px;}
.iq-info-container:after{visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

.invalid-input{color:red; font-weight:bold; border-color:red!important;}
.iq-underline{text-decoration:underline}

.iq-group.iq-group-left-label > label:not(.selected-text):not(.iq-input-icon) {
    display: block;
    background: #DDDDDD;
    color: #949494;
    width: 140px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    float: left;
    height: 32px;
    line-height: 32px;
}

.iq-group.iq-group-left-label > input {
    display: block;
}

/****************** IQ INFO GROUPS, FLEX SIZING ******************/
.iq-group.flex {
    display: flex;
}

.iq-group .iq-info > label:first-child {
    color: #000;
    font-size: 14px;
}

.iq-group .iq-info {
    flex-grow: 1;
}

/* Radio button - Use for Yes/No text based radio buttons. The label directly next to the radio button will be style. Make sure the label has for="idOfRadioButton" to make radio button change when clicking text */
.iq-radio-text{display:none;}
.iq-radio-text + label{opacity:0.3; cursor:pointer; color:#333;     width: auto;
    display: inline-block; font-size:13px; margin-right:5px;}
.iq-radio-text + label:hover{opacity:1; cursor:pointer;}
.iq-radio-text:checked + label{opacity:1; font-weight:bold; text-decoration:underline}

/****************** PANEL ******************/
.iq-panel {
    border:none;
    border-top:5px solid #ddd;
    margin-bottom:25px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 3px rgba(0,0,0,.09),inset 0 -1px 0 rgba(0,0,0,.01);
}

.iq-panel .iq-panel-header {
    font-size: 24px;
    color: #333;
    padding:20px;
    padding-top:25px;
    padding-bottom:25px;
    background-color:#FAFAFA;
    margin-top:-1px;
    border-bottom: 1px solid #dddddd;
    position:relative;
}

.iq-panel-header.iq-toggle{cursor:pointer;}
.iq-panel-header .iq-toggle-caret{
        margin-top: 9px;
    margin-left: 16px;
    color: #aaa;
    font-size: 18px;
}


/*.iq-success.iq-panel, .iq-warning.iq-panel, .iq-info.iq-panel{border-top:none;}*/
.iq-panel .iq-panel-content {
    background-color: white;
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 25px;
}
.iq-panel .iq-panel-content.no-padding {
    padding: 0px;
}

.iq-panel.Left, .iq-panel.left{float:left!important;}
.iq-panel.Right, .iq-panel.right{float:right!important;}

.iq-header-toolbar{float:right; margin-top:-9px;}
.iq-header-toolbar .iq-btn{line-height:23px;}

[class*="iq-span"]{float:left; margin-left:2.5%!important}
[class*="iq-span"]:first-child{ margin-left:0px!important}

.iq-panel hr{
    border-top: 1px solid #dddddd;
    border-bottom:none;
    margin-left:0px; margin-right:-20px;
    margin-top:15px; margin-bottom:15px;
}

.iq-panel hr.iq-full-width{
    margin-left:-20px;
}

.iq-table.iq-full-width{
    width:100%;
}

.iq-panel.iq-no-border {
    border: none;
}

.iq-table tr .iq-edit-input {
    width: 100%;
    box-sizing: border-box;
}

.iq-panel.iq-success .iq-sub-head, .iq-panel .iq-panel-content.iq-success .iq-sub-head {
    color: #57BD48;
}
.iq-panel.iq-info .iq-sub-head, .iq-panel .iq-panel-content.iq-info .iq-sub-head{color:#4A89DC;}
.iq-panel.iq-danger .iq-sub-head, .iq-panel .iq-panel-content.iq-danger .iq-sub-head{color:#df5640;}
.iq-panel.iq-warning .iq-sub-head, .iq-panel .iq-panel-content.iq-warning .iq-sub-head{color:#faa732;}

.iq-content-panel {
    margin-bottom:35px;
    background-color:white;
    padding:30px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 3px rgba(0,0,0,.09),inset 0 -1px 0 rgba(0,0,0,.01);
}
.iq-content-panel .iq-sub-head {
    margin-bottom: 35px;
}


 .iq-span12 {
    width: 100%!important;
    *width: 99.94680851063829%!important;
  }
  .iq-span11 {
    width: 91.45299145300001%!important;
    *width: 91.3997999636383%!important;
  }
  .iq-span10 {
    width: 82.905982906%!important;
    *width: 82.8527914166383%!important;
  }
  .iq-span9 {
    width: 74.358974359%!important;
    *width: 74.30578286963829%!important;
  }
  .iq-span8 {
    width: 65.81196581200001%!important;
    *width: 65.7587743226383%!important;
  }
  .iq-span7 {
    width: 57.264957265%!important;
    *width: 57.2117657756383%!important;
  }
  .iq-span6 {
    width: 48.717948718%!important;
    *width: 48.6647572286383%!important;
  }
  .iq-span5 {
    width: 40.170940171000005%!important;
    *width: 40.117748681638304%!important;
  }
  .iq-span4 {
    width: 31.623931624%!important;
    *width: 31.5707401346383%!important;
  }
  .iq-span3 {
    width: 23.076923077%!important;
    *width: 23.0237315876383%!important;
  }
  .iq-span2 {
    width: 14.529914530000001%!important;
    *width: 14.4767230406383%!important;
  }
  .iq-span1 {
    width: 5.982905983%!important;
    *width: 5.929714493638298%!important;
  }

  .iq-info-container.iq-shaded{
      background-color: #F5F5F5
  }

  .iq-panel-header .iq-loading-bar-container{    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -26px;}

  .iq-loading-bar-container .progress{    border-radius: 0px;
    height: 8px;}

  .iq-page-head .iq-page-head-back-btn{
    border: none;
    height: 50px;
    width: 50px;
    line-height: 44px;
    text-align: center;
    border-radius: 0px;
    border: 2px solid #ddd;
    padding: 0px;
    background-color: #ddd;
    color: #aaa;
    cursor: pointer;
    display: inline-block;
    position:absolute;
    left:-58px;
  }

  .iq-page-head-back-btn .fa{    font-size: 20px; margin-left:-1px; cursor:pointer;
    display: inline-block;}

   .iq-page-head-back-btn:hover .fa{color:#13A4DE;}

/****************** BADGES ******************/
.iq-badge{
    background-color: #13A4DE;
    color: white;
    border-radius: 4px;
    padding: 6px;
    font-weight: normal;
}

.iq-badge.iq-info{background-color: #13A4DE; color:white;}
.iq-badge.iq-success{background-color: #57BD48; color:white;}
.iq-badge.iq-danger{background-color: #df5640; color:white;}


/****************** BUTTON ******************/
.iq-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-color: rgba(0,0,0,.07) rgba(0,0,0,.1) rgba(0,0,0,.18);
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #666;
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.12) rgba(0,0,0,.15);
    border-radius: 2px 2px 2px 2px;
    padding: 13px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius:3px;

}

.iq-btn:hover:not(.disabled):not([disabled]) {
    background-color: rgb(222, 222, 222);
}
.iq-btn:hover {
    text-decoration:none;
}

.iq-btn.disabled:active {
	pointer-events: none;
}

.iq-btn-mini {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 14px;
}

.iq-btn-small {
    padding: 4px;
    padding-left: 9px;
    padding-right: 9px;
}

.iq-btn-medium{
        padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.iq-btn-large{
        font-size: 16px;
    padding: 13px;
    padding-left: 20px;
    padding-right: 20px;
}

.iq-icon-btn{cursor:pointer;}
.iq-icon-btn:hover{text-decoration:none;}
.iq-icon-btn .caret{margin-top:25%;}

.iq-btn.active{-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); background-color:rgb(222, 222, 222);}

.iq-btn .fa{ display: block; font-size: 18px; text-shadow:none; float:left }
.iq-btn .fa.right { float: right; }
.iq-btn .caret{
    margin-top:7px;
}

.iq-btn-circle{    border-radius: 500px;
    border-radius: 500px;
    width: 20px;
    height: 20px;
    display: block;
    padding: 2px;
    margin-top: -4px;
    margin-left: 7px;
    margin: 0px;
    float: initial;
    line-height: 18px;
        text-align:center!important;
}

.iq-btn-circle .fa{display:block; margin-top:5px; font-size:11px}
.iq-btn .iq-caret{    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    opacity: 0.3;
    margin-top: 8px;}

.iq-btn .fake-check{    float: left;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: -6px;}

hr.iq-seperator {    
	border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 2px solid #4A89DC;
    margin-left: -20px;
    margin-top: 25px;
}

.iq-btn:hover .iq-caret{opacity:0.6;}

.iq-page-title { float: left; background-color: #13A4DE; font-weight:bold;
    color: white;
    padding: 12px;
    padding-left: 17px;
    padding-right: 17px;
    FONT-SIZE: 32PX; text-shadow: 0 0 5px #33333369; }


.iq-btn-header{
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background-color: #0698d2;
    margin-top:-13px;
    display:block;
    line-height:53px;
    cursor:pointer;
}

.iq-btn.iq-outline.iq-btn-medium{
    padding:9px; padding-left:14px; padding-right:14px;
}

.iq-btn-header .glyphicon, .iq-btn-header i.fa{
    color:rgba(255, 255, 255, 0.52);
    font-size:21px;
}

.iq-btn-header:hover .glyphicon, .iq-btn-header:hover .fa{
    color:white;
}

.iq-btn-header.active .glyphicon, .iq-btn-header.active .fa{
    color:white;
}
.iq-btn-fillheight{
    margin-top: -10px;
    display: block;
    height: 42px;
    margin-bottom: -20px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 0px!important;
    font-size: 30px!important;
    line-height: 38px;
    box-sizing: initial;
    border-radius:0px!important;
}

.iq-btn-fillheight .fa{
    font-size: 24px;
    display: inline-block;
    float: none;
}

.iq-btn[disabled],
.iq-btn.disabled {
    opacity: .4;
    cursor: default;
}

.iq-panel-header .iq-btns{
        margin-top: -8px;
    margin-bottom: -9px;
}

.iq-btns .iq-btn{
    margin-left:8px;
}

.iq-btn-key{
        background: #cb4e4e;
    color: #fff;
    box-shadow: 0 6px #ab3c3c;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    border-radius: 6px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
}

.iq-btn-key.iq-medium{
       height: 35px;
    font-size: 16px;
    line-height: 35px;
    padding-left: 15px;
    padding-right: 15px;
}

.iq-btn-fillheight .caret{display:block; margin-top:0px;}

.btn-group .iq-btn-fillheight{float:left;}

.iq-page-head > .iq-btn{font-weight: bold;
    font-size: 17px;
    padding-left: 17px;}

.iq-dropdown-toggle{
    border-radius: 4px 0px 0px 4px;
    margin-right: -9px;
}

.iq-dropdown-toggle i.caret{    margin-top: 13px;
    margin-left: -3px;}

.dropdown .iq-dropdown-toggle + .iq-btn{border-radius:0px 4px 4px 0px;}
.dropdown .caret{margin-right:3px;}

.iq-icon-btn{
    font-size: 12px;
    display: inline-block;
    padding: 10px;
    line-height: 29px;
    height: 24px;
    overflow:hidden;
    color:#4A89DC;
}

 a.iq-icon-btn:visited, a.iq-icon-btn{color:#4A89DC}

.iq-icon-btn .fa,
.iq-icon-btn .fad,
.iq-icon-btn .fas{
    font-size: 28px;
    margin-right: 5px;
    display: block;
    float: left;
    margin-top: -2px;
}

a.iq-icon-btn:hover{
    text-decoration:none;
    cursor:pointer;
    background-color:#4A89DC;
    color:white;
    border-radius:6px;
}

.iq-btn-group > .iq-btn{
    border-radius:4px 0px 0px 4px;
}

.iq-btn-group > .iq-btn + .dropdown-toggle{
    border-radius:0px 4px 4px 0px;
    margin-left: -5px;
    padding: 9px;
}


.iq-panel-actions .iq-icon-btn:hover{
    border-radius:0px;
}

.iq-panel-actions .iq-icon-btn label.iq-switch {
    float: left;
    margin-right: 4px;
    margin-top: -2px;
}
.iq-panel-actions .iq-icon-btn label.iq-switch > input:not(:checked) + label {
    background-color: #aaa;
    border-color: #aaa;
}

.iq-panel-actions{
    background-color: #ddd;
    margin-bottom: 17px;
    padding-top: 5px;
    padding-left: 6px;
    min-height: 49px;
}

.iq-panel-actions .dropdown .caret{
    margin-top:13px;
}

.iq-panel-actions .iq-icon-btn.disabled{
    opacity:0.5;
}

.iq-actions-dropdown {
    float: left;
    position: relative;
}

.iq-actions-dropdown > a.iq-btn.dropdown-toggle {
    border-radius: 0px 3px 3px 0px;
    margin-left: -3px;
}

.iq-actions-dropdown > a.iq-btn.dropdown-toggle.iq-btn-large {
    padding-left: 15px;
    padding-right: 15px;
}



.iq-icon-divider {
    display: inline-block;
    height: 54px;
    border-left: 2px solid whitesmoke;
    width: 1px;
    margin-top: -5px;
    margin-bottom: -5px;
}

.iq-btn.iq-blank{border:none; background-color:transparent; color:#aaa; font-weight:bold; padding:0px;}
.iq-btn.iq-blank .fa{color:#aaa; margin-right:5px;}
.iq-btn.iq-blank:hover{cursor:pointer; color:#333;}
.iq-btn.iq-blank:hover .fa{cursor:pointer; color:#333;}

.iq-btn.iq-medium{
        padding: 12PX;
    padding-left: 14px;
    padding-right: 14px;
}

.iq-btn.iq-medium input[type=checkbox]{
        float: left;
    margin-top: 2px;
    margin-bottom: -3px;
    margin-left: -1PX;
    MARGIN-RIGHT: 17PX;
}

.iq-btn.iq-outline{
    border:2px solid #A0A0A0;
    text-shadow:none!important;
    background-color:transparent;
}

/****************** CHECKBOXES ******************/
input[type="checkbox"].iq-checkbox {
 display:none;
}

input[type="checkbox"].iq-checkbox + label {
     cursor: pointer;
    position: relative;
    margin-right: 5px;
    background: #fff;
    display: inline-block;
    border: 3px solid #DDD;
    height: 15px;
    width: 15px;
    top: 4px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

input[type="checkbox"].iq-checkbox:checked + label::after{
    position: absolute;
    top: 4px;
    left: 3px;
    width: 6px;
    height: 3px;
    border: solid #888;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/****************** MODALS ******************/
.modal3.iq-modal .modal-header {
    border-top: 5px solid #4A89DC;
    margin-top: -1px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 20px;
    color: #333;
    font-family: 'Helvetica Neue', Helvetica;
    padding: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #FAFAFA;
    margin-top: -1px;
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.modal3.iq-modal .modal-content {
    padding-top:1px; border-radius:1px;
}

.modal3.iq-modal .modal-footer{border-radius:0px;}

.modal3.iq-modal.iq-info .modal-header{
    border-top-color: #4A89DC;
}


.modal3.iq-modal.iq-success .modal-header{
    border-top-color: #57BD48;
}

.modal3.loading .modal-footer{ display:none;}

.modal3.loading .modal-body{
    position:relative;
    height:180px;
    overflow: hidden;
}

.modal3.loading .modal-body:before{
    content:"";
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background-color:white;    
    z-index:99999;
}

.modal3.loading .modal-body:after{
    content:"\f021";
    z-index:99999;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#4a89dc;
    position:absolute;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    font-size:65px;
    position:absolute;
    top:65px;
    left:50%;
    margin-left:-44px;
}

/****************** BASIC ALERTS ******************/
.iq-alert{
    border-left: 6px solid #aaa;
    background-color: whitesmoke;
    color:#aaa;
    margin-bottom: 10px;
    border-top: none;
    padding: 14px;
    padding-left: 18px;
}
.iq-alert.iq-danger, .iq-alert.iq-danger-full{border-left-color:#df5640; color:#df5640; background-color:#f2dede;}
.iq-alert.iq-danger-full{color:white; background-color:#df5640;}
.iq-alert.iq-info, .iq-alert.iq-info-full{border-left-color:#4A89DC; color:#4A89DC; background-color:#d9edf7;}
.iq-alert.iq-alert.iq-info-full{color:white; background-color:#4A89DC;}
.iq-alert.iq-success, .iq-alert.iq-success-full{border-left-color:#57BD48; color:#57BD48; background-color:#dff0d8;}
.iq-alert.iq-warning, .iq-alert.iq-warning-full{border-left-color:#faa732; color:#faa732; background-color:#fcf8e3;}
.iq-alert-plain{background-color:whitesmoke; text-align:center; padding:15px; margin-bottom:15px;}
.iq-alert.iq-attention{background-color:#ddd; color:#8e8e8e; font-weight:bold; text-align:center; padding:20px; margin-bottom:15px; border-left:none;}
/****************** COLOURS ******************/
/*------------------ DEFAULT -------------------*/
a.iq-btn.iq-outline {
    border: 2px solid #DDD;
    color: #aaa ;
    text-shadow: none ;
    background-color: transparent;
}

/*------------------ INFO -------------------*/
.iq-info.iq-btn,
.iq-info.iq-btn-circle, .iq-info.iq-icon-btn{ color:#4A89DC;}
.iq-info.iq-btn-circle{  background-color: #4A89DC; color:white;}
.iq-info .iq-btn{color:#4A89DC; text-shadow:0 0px 1px rgba(255, 255, 255, 0.35); }
.iq-info .iq-panel-header{ margin-top:-1px; margin-left:0px; margin-right:0px; }
.iq-info.iq-panel{    border-top-color:#4A89DC;}

.iq-info.iq-sub-head, div.iq-info.iq-sub-head{color:#4A89DC; border-left-color:#4A89DC}

.iq-info-full.iq-btn:hover{background-color:#4A89DC;}
.iq-btn.iq-info-full{background-color: #4A89DC; color:white; text-shadow:0 0px 1px rgba(0, 0, 0, 0.35);}
.iq-btn.iq-info-full .fa{text-shadow:0 0px 1px rgba(0, 0, 0, 0.35);}
.iq-btn.iq-info-full:hover:not(.disabled):not([disabled]){background-color:#659be1;}
.iq-info-full.iq-panel .iq-btn{color:white}
.iq-btn.iq-outline.iq-info{
    border:2px solid #4A89DC;
    color:#4A89DC!important;
    text-shadow:none!important;
    background-color:white;
}

.iq-badge.iq-info{background-color: #13A4DE; color:white;}
.fa.iq-info{color:#4A89DC}


.help-item-container.iq-info-full{
    color:white;
    background-color:#13A4DE;
}

.help-item-container.iq-info{
    color:#13A4DE;
    background-color:white;
    border:2px solid #13A4DE;
}

.iq-btn.iq-info-full.iq-btn-file{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    background-image: none;
    background-color:#4A89DC;
    margin-left: -1px;
    margin-right: -1px;
    border-radius: 0 3px 3px 0;
}
.iq-btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    cursor: pointer;
    border: solid transparent;
    border-width: 0 0 100px 200px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translate(-300px, 0) scale(4);
    direction: ltr;
}
.iq-btn.iq-info-full .fileupload-new,
.iq-btn.iq-info-full .fileupload-preview
{
    background-color: white;
    color: #5C5C5C;
    padding: 0px;
    border-radius: 0px 3px 3px 0px;
    margin-left: 2px;
    padding-left: 10px;
    text-shadow: none;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right:3px;
    text-align: left;
}

/*------------------ SUCCESS----------------*/
.iq-success.iq-btn, .iq-success.iq-icon-btn{color:#57BD48;}
.iq-success.iq-btn-circle{ color:#1EB109; background-color: #4dae4d; color:white;}
.iq-success.iq-btn .fa{color:#57BD48}
.iq-success.iq-panel{    border-top-color:#51BE41;}
.iq-success.iq-sub-head, div.iq-success.iq-sub-head{color:#57BD48; border-left-color:#57BD48}
.iq-success .iq-seperator{border-top:2px solid #57BD48}
.iq-success-full.iq-btn  input[type=checkbox].iq-custom:checked::before, 
 input[type=checkbox].iq-success.iq-custom:checked::before{
    display: block;
    border-color: #57BD48!important;
    background-color: #57BD48;
}
.iq-btn.iq-outline.iq-success{
    border:2px solid #57BD48;
    color:#57BD48!important;
    text-shadow:none!important;
    background-color:white;
}

.iq-badge.iq-success{background-color: #57BD48; color:white;}
.iq-success-full.iq-panel .iq-btn{color:white}
.iq-btn.iq-success-full{background-color: #57BD48; color:white; text-shadow:0 0px 1px rgba(0, 0, 0, 0.35);}
.iq-btn.iq-success-full .fa{text-shadow:0 0px 1px rgba(0, 0, 0, 0.35); color:white;}
.iq-btn.iq-success-full:hover:not(.disabled):not([disabled]){background-color:#6DC161}
.iq-success-full.iq-panel .iq-btn{color:white; text-shadow:0 0px 1px rgba(0, 0, 0, 0.35);}
.iq-panel .iq-success-full.iq-btn i.fa{color:white}


.help-item-container.iq-success-full{
    color:white;
    background-color:#57BD48;
}

.help-item-container.iq-success{
    color:#69C75B;
    background-color:white;
    border:2px solid #57BD48;
}

.iq-success .iq-panel-header .iq-tab.active:after{
  content:"";
  display:block;
  position:absolute;
  top:-4px;
  left:-1px;
  right:-1px;
  background-color:#57BD48;
  height:4px;
}

.iq-danger .iq-panel-header .iq-tab.active:after{
      background-color:#df5640;
}


/*--------------- WARNING ------------------*/
.iq-warning-full.iq-alert, .iq-warning-full.iq-btn, .iq-warning-full.iq-btn-circle, .iq-warning.iq-btn-circle {
    background-color: #faa732;
    color: white;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.35);
}

.iq-warning .iq-btn{color:#FAA732}
/*.iq-warning .iq-panel-header{border-top:10px solid #FAA732;}*/
.iq-warning.iq-panel{   border-top-color:#FAA732;}
.iq-warning .iq-sub-head{color:#FAA732;}
.iq-warning.iq-panel .iq-seperator{border-top:2px solid #FAA732}

.iq-btn.iq-warning-full{background-color: #faa732; color:white; text-shadow:0 0px 1px rgba(0, 0, 0, 0.35);}
.iq-btn.iq-warning-full .fa{text-shadow:0 0px 1px rgba(0, 0, 0, 0.35); color:white;}
.iq-btn.iq-warning-full:hover:not(.disabled):not([disabled]){background-color:#FBB14A; }
 input[type=checkbox].iq-warning.iq-custom:checked::before{
    display: block;
    border-color: #FAA732!important;
    background-color: #FAA732;
}
.iq-btn.iq-outline.iq-warning{
    border:2px solid #FAA732;
    color:#FAA732!important;
    text-shadow:none!important;
    background-color:transparent;
}


/*--------------- DANGER ------------------*/
.iq-danger.iq-btn{ color:#da4f49; }
.iq-danger-full.iq-btn, .iq-danger-full.iq-btn-circle, .iq-danger.iq-btn-circle{background-color:#da4f49; color:white; text-shadow:0 0px 1px rgba(0, 0, 0, 0.35);}

.iq-no-focus-shadow { box-shadow: none!important }

.hide{display:none;}
.iq-btn .fa.hide{display:none;}

.help-item-container.iq-danger-full{
    background-color:#df5640;
}
.iq-btn.iq-danger-full:hover:not(.disabled):not([disabled]){background-color:#FF6862; }
.help-item-container.iq-danger{
    color:#df5640;
    background-color:white;
    border:2px solid #df5640;
}
 input[type=checkbox].iq-danger.iq-custom:checked::before{
    display: block;
    border-color: #df5640!important;
    background-color: #df5640;
}
.iq-btn.iq-outline.iq-danger{
    border:2px solid #df5640;
    color:#df5640!important;
    text-shadow:none!important;
    background-color:transparent;
}




/*--------------- CUSTOM BOOTSTRAP OVERRIDES ------------------*/
.iq-group  .dropdown-header {
    font-weight: bold;
    margin-left: 15px;
    font-size: 110%;
    color: black;
    padding-bottom: 6px;
    display: block;
    padding-top: 3px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 2px;
    padding-left: 18px;
    margin-left: 0px;
    line-height:22px;
}


/*--------------- KEYS AT TOP OF PAGE ------------------*/
/*.help-item{          line-height: 48px;
    float: left;
    margin-left: 15px;
    margin-top: -3px;
    margin-bottom: 7px;}
.help-icon-round .fa {    font-size: 25px;
    color: #70CA63;}
.help-icon-round{    width: 45px;
    height: 45px;
    text-align: center;
    vertical-align: middle;
    line-height: 53px;
    color: #dff0d8;
    border: 0px solid #BFE8AD; background-color:#dff0d8; border-radius:500px;
    float:left;     box-shadow: 0 2px 3px rgba(0,0,0,.11),inset 0 -1px 0 rgba(0,0,0,.1);
}
           
.help-text{float:left;     font-size: 16px; 
    color: #70CA63; margin-bottom:10px; margin-right:15px; margin-left:7px;}

.help-info{color:#4A89DC; }
.help-info  .help-icon-round{background-color:#D9EDF7; border-color:#4A89DC;}
.help-info .fa{color:#4A89DC;}
.help-info .help-text{color:#4A89DC;}*/


.help-container{
    display:block;
}

.help-item-container .help-main-icon{
        float: left;
    font-size: 36px;
    margin-right: 20px;
}


.help-item{   
    float: left;
}

.help-text {
    float: left;
    font-size: 12px;
    margin-bottom: -2px;
    margin-right: 15px;
    margin-left: 0px;
    color:#333333;
}

.help-icon-round{color: white;
    background-color: #4A89DC;
    border-radius: 500px;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    margin-top: -4px;
    margin-bottom: -5px; float:left; margin-right:5px; }

.help-item-container {
    background-color: #dddddd;
    padding: 16px;
    margin-top: -4px;
    margin-bottom: 16px;
    border: none;
}

.iq-panel .help-item-container {
    border-radius: 6px;
}

.help-item-container.iq-single-line{
    display:block; line-height:38px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.help-item.iq-info .help-icon-round
{background-color:#4A89DC;}

.help-item.iq-success .help-icon-round
{ background-color: #70CA63;}



/****************** CHECKBOX AND RADIO ******************/
/* DEPRECATED AS DOESNT WORK IN NEWER BROWSERS */
 input[type=checkbox].iq-custom{position:relative; margin-right:13px; margin-bottom: 8px;
    margin-top: 8px; }

input[type=checkbox].iq-custom::before{      cursor: pointer;
    position: relative;
    margin-right: 5px;
    background: #fff;
    display: inline-block;
    border: 3px solid #DDD;
    height: 15px;
    width: 15px;
    top: -4px;
    left: 0px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    content: "";

}

input[type=checkbox].iq-custom:hover::before{  border-color:#4A89DC!important }

input[type=checkbox].iq-custom:checked::before {
    display: block;
    border-color: #4A89DC!important;
    background-color: #4A89DC;
     /*animation-name: spin;
    animation-duration: 500ms;
    animation-iteration-count: 1;*/

}

input[type=checkbox][disabled].iq-custom {
opacity:0.4;}

input[type=checkbox].iq-custom:checked::after{
    position: absolute;
    top: 3px;
    left: 6px;
    width: 6px;
    height: 3px;
    border: solid white;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
}


/* ## USE THE CHECKBOXES BELOW ## */
label.iq-checkbox, label.iq-radio, label.iq-switch {
    cursor: pointer;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block; /* This is to override bootstrap's display:block, which made the widths fill 100% */
}

label.iq-checkbox input[type=checkbox], label.iq-radio input[type=radio], label.iq-switch input[type=checkbox]{    
    position: absolute;
    height: inherit;
    width: inherit;
    opacity: 0;
    left: 0;
}

label.iq-checkbox .checkbox, label.iq-radio .radio {
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    background: #fff;
    display: inline-block;
    border: 3px solid #DDD;
    height: 21px;
    width: 21px;
    top: 4px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding:0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

label.iq-radio .radio{border-radius:500px;}

label.iq-checkbox input[type=checkbox]:checked + .checkbox, label.iq-radio input[type=radio]:checked + .radio{
border-color:#4A89DC;
}

label.iq-checkbox input[type=checkbox]:disabled + .checkbox, label.iq-radio input[type=radio]:disabled + .radio {
    opacity:0.5;
    cursor:default;
}

label.iq-checkbox input[type=checkbox]:checked + .checkbox::before{
    position: absolute;
    top: 4px;
    left: 3px;
    width: 6px;
    height: 3px;
    border: solid #888;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: '';
    display:none;
}

label.iq-radio input[type=radio]:checked + .radio::before{
      position: absolute;
    top: 4px;
    left: 4px;
    width: 7px;
    height: 7px;
    background-color: #4A89DC;
    border-radius: 500px;
    content: '';
    display: none;
    padding: 0px;
}

label.iq-checkbox input[type=checkbox]:checked + .checkbox::before, label.iq-radio input[type=radio]:checked + .radio::before {
    border-color: #4a89dc;
    display:block;
}

/* ## SWITCHES ## */
label.iq-switch > label:before {
    content: attr(data-off);
    position: absolute;
    top: 1px;
    right: 3px;
    width: 33px;
}

label.iq-switch > label:after {
    content: "";
    margin: 1px;
    width: 19px;
    height: 19px;
    display: block;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

label.iq-switch > label{
        cursor: pointer;
    display: inline-block;
    position: relative;
    height: 25px;
    width: 58px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    background: #D7D7D7;
    border: 2px solid #D7D7D7;
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-border-radius: 3px;
    border-radius: 3px;
        -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top:3px;
    margin-bottom:0px;
}

label.iq-switch input:checked + label{
    background: #4a89dc;
    border-color: #4a89dc;
}

label.iq-switch > input:checked + label{
    padding-left: 33px;
    color: white!important; 
    background: #4a89dc;
    border-color: #4a89dc;
}

label.iq-switch > input:checked + label:before {
    content: attr(data-on);
    left: 1px;
    top: 1px;
}

label.iq-switch > input:checked + label:after {
    margin: 1px;
    width: 19px;
    height: 19px;
    background: white;

}

label.iq-switch > input:checked + label:after {
    color: #4a89dc;
}

label.iq-switch > label + span{
    display: inline-block;
    padding-left: 5px;
    position: relative;
    top: -7px;
}

label.iq-switch > input:disabled + label {
    background: #848484;
    border-color: #848484;
    color: #d8d8d8;
    cursor: not-allowed;
}

label.iq-switch > input:disabled + label:after {
    background: #d8d8d8;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.iq-yes-no-container .iq-yes, .iq-yes-no-container .iq-no{
    color:#aaa; font-weight:bold; cursor:pointer; margin-right:10px;
}

.iq-yes-no-container .iq-yes.active, .iq-yes-no-container .iq-no.active{
    color:#333;
}

/*--------------- TABS ------------------*/
.iq-tab-container{position:relative;}
.iq-panel-header .iq-tab{
    color: #AAAAAA;
    cursor: pointer;
    position: relative;
    text-align: center;
    display: block;
    float: left;
    text-align: left;
    margin-top: -35px;
    margin-bottom: -25px;
    height: 72px;
    vertical-align: middle;
    line-height: 69px;
    border-top: 4px solid #ddd;

    padding-left: 20px;
    background-color: #FAFAFA;
    border-left: 1px solid #ddd;
    font-size: 22px;
    box-sizing: border-box;
}

.iq-tab-container .iq-tab:first-child{border-left:0px;}

.iq-tab:hover{
        color:#333;
}

.iq-panel-header .iq-tab:hover:after{
  content:"";
  display:block;
  position:absolute;
  top:-4px;
  left:-1px;
  right:-1px;
  background-color:#AAAAAA;
  height:4px;
}

.iq-panel-header .iq-tab.active{
    color: #333333;
    background-color: #FAFAFA;
}

.iq-tab.active{color:#333;}
.iq-sub-tabs .iq-tab.active .fa{color:#0088cc;}

.iq-panel.iq-info .help-item-container{
    color:#13A4DE;
}

.iq-panel-header .iq-tab:after{
      content:"";
  display:block;
  position:absolute;
  top:-4px;
  left:-1px;
  right:-1px;
  background-color:#ddd;
  height:4px;
}

.iq-panel-header .iq-tab.active:after{
  content:"";
  display:block;
  position:absolute;
  top:-4px;
  left:-1px;
  right:-1px;
  background-color:#4A89DC;
  height:4px;
}

.iq-panel-header .iq-tab-container{margin-left:-20px; margin-right:-20px; margin-top:6px;  }

.iq-panel-header .iq-tab.iq-success.active:after{
    background-color:#70CA63;
}

    /*--------------- SUB TABS ------------------*/
	.iq-sub-tabs {
		list-style: none;
		border-bottom: 1px solid #ddd;
		height: 34px;
		margin: 0px;
        margin-bottom:20px;

        margin-left: -20px;
        margin-right: -20px;
        margin-top: -20px;
        background-color: #fafafa;
        padding-top: 16px;
        padding-left: 20px;
        padding-right: 20px;
	}

    .iq-sub-tabs.iq-basic{
        margin-left:0px;
        margin-right:0px;
        margin-top:0px;
        background-color:transparent;
    }

    .iq-sub-tabs::after {
        clear:both;
    }

    .iq-sub-tabs li {
        list-style: none;
        color: #aaa;
        cursor: pointer;
        float:left;
		margin-right:35px;
    }

    .iq-sub-tabs li:hover a {
        text-decoration: none;
    }

    .iq-sub-tabs li a{
        padding-bottom: 7px;
        color: #aaa;
        font-size: 15px;
    }



    .iq-sub-tabs li.active a{
        color: #333;
        border-bottom: 3px solid #0088cc;
        padding-bottom:15px;
    }    

    /* ## STYLING CUSTOMER SELECTOR ##*/
    .iq-customer-container {
        float: right;
        margin-top: 0px;
        border: 2px solid white;
        background-color: white;
        webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .iq-page-head .iq-customer-container{
        float:left;
    }

.iq-customer-container .CusSiteHeading, .iq-customer-container .CusSiteHeading{
    display: block;
    float: none;
    color: #aaa;
    font-size: 12px;
    margin-bottom: -2px;
    margin-top:0px;
    padding-left:13px;
    text-transform: uppercase;
    position:absolute;
}

.iq-customer-container .CusSelector_CustomerBtn {border-right:none!important; max-width:355px;}
.iq-customer-container .CusSelector_AccountManager a, .iq-customer-container .CusSelector_AccountManager .dropdown-toggle{height: 18px;}
.iq-customer-container .CusSelector_AccountManager{margin-right:0px!important;}
.iq-customer-container .CusSelector_CustomerBtn, .iq-customer-container .AutoComplete_Current input, .iq-customer-container .CusSelector_Site button, .iq-customer-container .CusSelector_AccountManager .btn{
     opacity: 1.0;
    background-image: none;
    background-color: Transparent!important;
    text-shadow: none;
    border: none;
    border-radius: 0px;
    padding: 10px!important;
    padding-left: 13px!important;
    padding-right: 13px!important;
    box-shadow: none;
    color: white;
    font-size: 17px;
    font-weight: bold;
    display: block;
    width: auto;
    margin-top: 0px!important;
    border-radius: 0px!important;
    color: #13A4DE;
    padding-top: 22px!important;
    border-right:1px solid #F5F5F5;
}
.iq-customer-container div.CusSelector_Site {margin-right:0px!important;}
.iq-customer-container .AutoComplete_Current input{
    background-color:transparent!important;
    color:#333;
    font-weight:normal;
    border:none;
    cursor:pointer;
    border-radius:none;
}

.iq-customer-container a:hover{color:#333!important; text-shadow:none;}
.iq-customer-container ul li a:hover{color:white!important; text-shadow:none;}

.iq-customer-container .btn .caret{
        border-top-color: #aaa;
    border-bottom-color: #aaa;
}

.iq-customer-container .CusSelector_CustomerBtn:hover{
    font-weight:bold;
    background-color:#69C75B;
    cursor:pointer;
}

.iq-customer-container .CusSelector_Customer .AutoComplete_Current{height:50px;}

.iq-customer-container ul li a, .iq-customer-container ul li{
    font-size:16px;
}

.iq-customer-container .AutoComplete_PulloutOpen{
    display: block;
    width: 500px;
    margin-top: -6px;
    border: 1px solid #ddd;
    padding: 5px;
}

.iq-customer-container .AutoComplete_List li{
    padding-top: 5px;
    padding-bottom: 5px;
}

.iq-centre-image {
    text-align: center;
}
.iq-centre-image > img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.iq-no-border {
    border:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.iq-no-radius {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}

.iq-big-blue-loading {
    text-align: center;
    font-size: 65px;
    color: #4A89DC;
}


   
/* ## TOOLBAR CONTROLS - USED ABOVE GRIDS ##*/
.iq-toolbar-controls{
    background-color: #ddd;
    height: 50px;
    position: relative;
    z-index: 998;
}
.iq-toolbar-controls a.dropdown-toggle:not(.iq-transparent) {
    background-color: white;
    padding: 16px;
    padding-right: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-right: -1px;
}

.iq-toolbar-controls a.dropdown-toggle:hover{
box-shadow:0 2px 3px rgba(0,0,0,.09),inset 0 -1px 0 rgba(0,0,0,.01);
}

.iq-toolbar-controls .iq-toolbar-item{
    float:left; position:relative;
}


.iq-toolbar-controls .iq-toolbar-item .iq-prefix-icon{
    position: absolute;
    left: 10px;
    top: 12px;
    z-index: 2;
    font-size: 24px;
    color: #aaa;
        pointer-events: none;
}

.iq-toolbar-controls .iq-toolbar-item input:not([type='checkbox']){
 width: 90px;
border-radius: 0px;
margin-top: 0px;
height: 37px;
padding: 4px;
padding-left: 16px;
cursor: pointer;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
margin-right: -1px;
padding-top: 11px;
padding-bottom: 0px;
}

.iq-toolbar-controls .iq-toolbar-item input:not([type='checkbox']):hover{
        box-shadow: 0 2px 3px rgba(0,0,0,.09),inset 0 -1px 0 rgba(0,0,0,.01);
}

.iq-toolbar-controls .iq-toolbar-item .iq-prefix-text{
    position: absolute;
    top: 8px;
    z-index: 2;
    left: 17px;
    font-size: 10px;
    color: #aaa;
    pointer-events: none;
}

.iq-toolbar-controls .iq-toolbar-item.iq-has-prefix-icon .iq-prefix-text{
    left:40px;
}

.iq-toolbar-controls .iq-toolbar-item .dropdown-toggle .CustomDropdownText{
      margin: 0px;
    box-sizing: border-box;
    padding-left: 0px;
    padding-top: 3px;
    margin-bottom: -4px;
    height: 20px;
    line-height: 19px;
}

.iq-toolbar-controls .iq-toolbar-item  .dropdown-menu{border-radius:0px!important;     top: 46px!important;
    width: auto!important;
    right: -2px!important;}

.iq-toolbar-controls .dropdown-menu .btn-SearchBoxContainer input.btn-SearchBox{

    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 26px;
}

.iq-toolbar-controls .iq-toolbar-item .dropdown-toggle .caret{
    margin-top:7px; 
}

.iq-toolbar-controls .iq-actions-dropdown .caret {
    margin-top: 12px;
    border-top-color: #9A9999;
}
.iq-toolbar-controls .iq-actions-dropdown{
    float:none;
    display:inline-block;
}

.iq-actions-dropdown .iq-icon-btn:hover .caret {
    border-top-color:white;
}


.iq-toolbar-controls .iq-toolbar-item.iq-has-prefix-icon .CustomDropdownText{
    padding-left:22px;
}

.iq-toolbar-controls .iq-toolbar-item.iq-has-prefix-icon input{
    padding-left:40px;
}

.iq-toolbar-controls a.iq-icon-btn{
margin-top: 3px;
    margin-left: 5px;

}

.iq-toolbar-controls.iq-grid-toolbar{
    background-color:#fafafa;
    padding-right:15px;
}

.iq-toolbar-divider{
        display: inline-block;
    border-left: 1px solid #cfc7c7;
    width: 1px;
    height: 43px;
}


/* ## USED TO STYLE OLD JQUERY CONTROLS ## */
button.ui-multiselect.ui-widget{
        border: 1px solid #ddd;
    background-color: #fff;
    padding: 6px;
    border: 1px solid #ddd;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transition: none;
    border-color: #ddd;
    border-radius: 0;
    background-image:none;
}

/* ## COLOUR PICKER ##*/

.iq-group .input-group-addon{
    margin-left:5px;
}

.iq-colourpicker .input-group-addon{
    border: 1px solid #ddd;
    display: block;
    float: left;
    padding: 4px;
    cursor:pointer;
}

.iq-colourpicker .input-group-addon:hover{
    border-color:#aaa;
}

.iq-colourpicker.colorpicker-element .input-group-addon i, .iq-colourpicker.colorpicker-element .add-on i{
    height:20px; width:20px; display:block;
}

/* ## SECTION DIVIDER ##*/
.iq-section-divider{
    height: 0;
    border-top: 1px solid #DDD;
    text-align: center;
    margin-top: 60px ;
    margin-bottom: 40px ;
}

.iq-section-divider span{
    display: inline-block;
    position: relative;
    padding: 0 17px;
    background: white;
    color: #999;
    top: -11px;
    font-size: 12px;
}

li.iq-filter-divider {
    height: 0;
    border-top: 1px solid #DDD;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 18px;
    width: 100%;
    border-width:1px;
}

.iq-filter-divider span {
    display: inline-block;
    position: relative;
    padding: 0 17px;
    background: white;
    color: #999;
    top: -11px;
    font-size: 12px;
}

/*.iq-section-divider.iq-info{
border-top-color: #4A89DC;
font-weight:bold;
border-top-width:2px;
}*/

.iq-info .iq-section-divider span{color:#4A89DC;}
.iq-success .iq-section-divider span{color:#4A89DC;}


.iq-file-upload{position:relative;}

.iq-file-upload .iq-btn{
    position: absolute;
    left: 4px;
    right: auto;
    top: 4px;
}

.iq-file-upload input[type=file]{
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 8px 10px;
    position: absolute;
    -moz-opacity: 0;
    opacity: 0;
    z-index: 11;
    bottom: 0;
    right: 0;
}

.iq-file-upload.disabled {
    opacity: .4;
    cursor: default;
}
.iq-file-upload.disabled input[type=file] {
    cursor: initial;
}

.iq-file-upload input[type=text]{
    padding-top:11px; padding-bottom:11px;
    padding-right: 40px;
    padding-left: 125px;
    text-align: right;
    box-sizing: border-box;
    width:100%;
}

.iq-file-upload .fa-upload{
  position: absolute;
    color: #aaa;
    right: 11px;
    top: 12px;
    font-size: 15px;
}

.iq-file-upload-button {
    margin: 4px 0px 0px 4px;
    text-decoration: none;
}

.cui-file-upload-container .iq-file-upload {
    margin-bottom: 4px;
}

.iq-disable-events {
    pointer-events: none;
}
.rotate-90{
     -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.iq-file-upload[disabled] {
    pointer-events: none;
}
.iq-file-upload[disabled] .iq-btn {
    opacity: .4;
}
.iq-file-upload[disabled] input[type="text"] {
    background-color: #f5f5f5!important;
    box-shadow: none!important;
}

/*---------------- COLORPICKER -------------*/
.iq-colorpicker-container .iq-colorpicker{
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    background: #fff;
    display: inline-block;
    border: 1px solid #DDD;
    height: 19px;
    width: 19px;
    top: 0px;
    left: 0px;
    display:inline-block;

}
.iq-colorpicker-container .iq-colorpicker > i {
    display: inline-block;
    width: 100%;
    height: 100%;

}

/*---------------- SLIDER ---------------*/
/*.iq-slider-container {
    width: 230px;
}*/
.iq-slider,
.iq-slider.ui-slider {
    height: 1px;
    border: none;
    background: #4A89DC;
    margin-top: 13px;
    width: 100%;
    float: left;
}
.iq-slider .ui-slider-handle,
.iq-slider.ui-slider .ui-slider-handle {
     top: -9.5px;
    border-color: #4A89DC;
    background: #4A89DC;
    border-radius: 200px;
    height: 12px;
    width: 12px;
    margin-left: -6px;
    cursor: pointer;
    padding: 2px;
}
.iq-slider-value {
    float: left;
    margin: 4px -200px -200px 16px;
    width: 0px;
}
.iq-slider-value-opposite {
    float: left;
    margin: 4px 0px 0px -16px;
    width: 0px;
    direction: rtl;
}
.iq-slider.iq-range-slider {
    background: #cccccc;
}
.iq-slider.iq-range-slider .ui-slider-range {
      background: #4A89DC;
    height: 3px;
    top: -1px;
}

/* BOARDS */
.iq-panel .iq-board-container{
    padding-left:15px; padding-right:15px; padding-top:10px;
}

/* HELP */
.help-icon-round {
    color: white;
    background-color: #4A89DC;
    border-radius: 500px;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    margin-top: -4px;
    margin-bottom: -5px;
    float: left;
    margin-right: 5px;
}

.help-item.iq-info .help-icon-round {
    background-color: #4A89DC;
}

.help-item.iq-success .help-icon-round {
    background-color: #70CA63;
}
.product-price.price-field.price-hidden{
    display:none;
}

.error + a.dropdown-toggle { outline: 2px solid #b94a48; }
input.error{
outline:1px solid #b94a48;
} 

::-webkit-input-placeholder {
    color: #cecece !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #cecece !important;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #cecece !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #cecece !important;
}

/* ## IQ NAV SCROLLSPY ##*/
.iq-nav-scroll-spy,
.nav-links.iq-nav-scroll-spy {
    position: absolute;
    width: 180px;
    margin-left: 20px;
    background-color: transparent;
    border-radius: 5px;
    box-shadow: none;
    float: right;
}

.iq-nav-scroll-spy.sticky,
.nav-links.iq-nav-scroll-spy.sticky {
    position: fixed;
    top: 20px;
}

.iq-nav-scroll-spy > li > a,
.nav-links.iq-nav-scroll-spy > li > a {
    padding: 6px;
    cursor: pointer;
    color: #767676;
    margin-right: 0px;
}

.iq-nav-scroll-spy > li.active > a,
.nav-links.iq-nav-scroll-spy > li.active > a {
    background-color: transparent;
    color: #13A4DE;
    text-shadow: none;
    border-left: 2px solid #13A4DE;
    margin-left: -6px;
    padding-left: 10px;
}

.iq-nav-scroll-spy > li.active > a:hover,
.nav-links.iq-nav-scroll-spy > li.active > a:hover {
    background-color: #eeeeee;
    color: #13A4DE;
    text-shadow: none;
}

/* ## IQ POPOUT ALERT (SPEECH BUBBLE) ##*/
.iq-popout-alert {
    position: absolute;
    width: 90px;
    height: 60px;
    right: -136px;
    padding: 20px;
    border: solid #da4f49;
    background: #da4f49;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.iq-popout-alert:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 13px solid transparent;
    border-right: 16px solid #da4f49;
    border-bottom: 13px solid transparent;
    border-right-color: #da4f49;
}

.iq-popout-alert textarea {
    position: inherit;
    width: inherit;
    height: inherit;
    background: inherit;
    text-align: center;
    margin: 0;
    padding: 0;
    border: none;
    resize: none;
    color: white;
}

.iq-popout-alert .iq-danger {

}

/*---------------- HELP NUMBERS -------------*/
.iq-sub-head .iq-help-number{
        position: absolute;
    left: -41px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #4A89DC;
    border-radius: 500px;
    top: -11px;
    color: white;
    font-weight: bold;
    font-size: 19px;
}

/*---------------- TABLE -------------*/
table.iq-table{
    border-spacing: 0px;
    border:1px solid #ddd;     table-layout: fixed;
}
table.iq-table td, table.iq-table th{
          padding: 12px;
    padding-left: 15px;
    border: none;
    font-size:12px;
    color:#333;
        text-align: left;
}
table.iq-table th{
    background-color: #ddd;
}

    table.iq-table thead tr th {
        color: #949494;
        background-color: #DDDDDD;
    }

table.iq-table td {
    background-color: whitesmoke; border-bottom:1px solid #ddd;
}

    table.iq-table tbody tr td{
        background-color:white;
    }

    table.iq-table tr.iq-condensed td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

table.iq-table tr.iq-error-row td{
    color: #df5640;
    background-color:#f2dede
}

tr.iq-editing-row td {
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

.iq-editing-row td, .iq-editing-row th{
    position:relative;
}

.iq-editing-row td > input{
    padding:11px;
}

.iq-editing-row td a.dropdown-toggle{padding:10px;}
.iq-editing-row td .iq-switch{
    margin-top: 3px;
    margin-bottom: 0px; margin-left:10px;
}

.iq-editing-row .iq-btn-save-row{
    position:absolute;
    position: absolute;
    right: -72px;
    top: 2px;
}

.iq-editing-row.iq-no-padding td{
    padding:0px;
}

/*              ListPill stylings             */
.iq-list-pill {
    display: inline-block;
    background-color: #d7d7d7;
    border-radius: 6px;
    margin-right: 12px;
    margin-bottom: 12px;
    position: relative;
    color: #5d5d5d;
}

.iq-list-pill.dropdown {
    cursor: pointer;
}

.iq-list-pill a {
    cursor: pointer;
    color: #5C5C5C;
}

.iq-list-pill:not(.dropdown),
.iq-list-pill.dropdown > div.dropdown-toggle {
    padding: 8px 16px;
}

.iq-list-pill select {
    background-color: #d7d7d7;
    border: none;
    width: inherit;
    margin: -8px 0px -4px 0px;
}

.iq-list-pill select[value=""] {
    display: none;
}

.iq-list-pill select option {
        background-color: white;
}

/*---------------- PREPEND/APPEND INPUT ICONS -------------*/
.iq-prepend, .iq-append {
    position: relative;
}

.iq-group.iq-prepend > .iq-edit-input {
    padding-left: 28px !important;
}

.iq-group.iq-append > .iq-edit-input {
    padding-right: 28px !important;
}

.iq-prepend > .iq-input-icon,
.iq-append > .iq-input-icon {
    pointer-events: none;
    bottom: 0px;
    width: 32px;
    height: 32px;
    color: inherit;
    line-height: 32px;
    position: absolute;
    text-align: center;
    font-size: 15px;
    color: #aaa;
    margin-bottom: 0px;
}

.iq-append > .iq-input-icon {
    right: 0px;
}

.iq-group.iq-prepend > .iq-edit-input:focus + .iq-input-icon,
.iq-group.iq-append > .iq-edit-input:focus + .iq-input-icon {
    color: rgba(82, 168, 236, 0.8);
}

.iq-list-pill select[value=""] {
    display: none;
}

.iq-list-pill select option {
    background-color: white;
}

/*---------------- SELECT 2 DROPDOWNS -------------*/
html .select2.select2-container--default .select2-selection--single {
        border: 1px solid #ddd;
        border-radius: 0px;
        height: 32px;
}

html .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px
}

html .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
}

/* Fix the z-index of the dropdown when it's in a modal */
.select2.select2-container.select2-container--default.select2-container--open {
    z-index: 9042;
}

.select2-container.select2-container--default.select2-container--open {
    z-index: 9043;
}

html .select2.select2-container--default .select2-selection {
    border: 1px solid #ddd;
    border-radius: 0px;
    height: 32px;
}

html .select2.select2-container--default .select2-selection--multiple {
    height: auto;
    min-height: 32px;
}

html .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 7px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #d7d7d7;
    border-radius: 6px;
    position: relative;
    color: #5d5d5d;
    border: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
    padding-right: 3px;
}

.select2.select2-container .select2-selection--single .select2-selection__clear{
    position: absolute;
    right: -20px;
    font-size: 25px;
    color: #ddd;
    text-shadow: 1px 1px #aaa;
}

.select2.select2-container .select2-selection--single .select2-selection__clear:hover{
    position: absolute;
    right: -20px;
    font-size: 25px;
    color: #aaa;
    text-shadow: none;
}

select.error + span.select2{
outline:2px solid #b94a48;
}

.select2-container .select2-selection--single {
    transition: background-color 0.4s linear;
}


.locked, .locked *{
    pointer-events:none;
}



.iq-striped{
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 3rem 3rem;
}

.iq-danger > .iq-striped{
    background-color:#da4f49;
}

.iq-warning > .iq-striped{
    background-color:#faa732;
}

.iq-success > .iq-striped{
    background-color:#57BD48;
}


/* #### PULSE ANIMATIONS #### */
/* Add iq-get-attention to make it pusle. (Can change colour by add iq-get-attention-info) */
[class^="iq-get-attention"] {
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse-attention 2s infinite;
}

.iq-get-attention-info{
    animation: pulse-attention-info 2s infinite;
}

.iq-get-attention-danger{
    animation: pulse-attention-danger 2s infinite;
}


[class^="iq-get-attention"]:hover
{
  animation: none;
}

.iq-get-attention {
  cursor: pointer;
  box-shadow: 0 0 0 rgba(191, 191, 191, 0.4);
  animation: pulse-attention 2s infinite;
}

.iq-delay {
    animation-delay: 1s;
}

.iq-get-attention:hover {
  animation: none;
}

@-webkit-keyframes pulse-attention-info {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(74, 137, 220, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(74, 137, 220, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(74, 137, 220, 0);
  }
}
@keyframes pulse-attention-info {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(74, 137, 220);
    box-shadow: 0 0 0 0 rgba(74, 137, 220, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(74, 137, 220, 0);
      box-shadow: 0 0 0 20px rgba(74, 137, 220, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(74, 137, 220, 0);
      box-shadow: 0 0 0 0 rgba(74, 137, 220, 0);
  }
}

@-webkit-keyframes pulse-attention-danger {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(218, 79, 73, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(218, 79, 73, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(218, 79, 73, 0);
  }
}
@keyframes pulse-attention-danger {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(218, 79, 73, 0);
    box-shadow: 0 0 0 0 rgba(218, 79, 73, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(218, 79, 73, 0);
      box-shadow: 0 0 0 20px rgba(218, 79, 73, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(218, 79, 73, 0);
      box-shadow: 0 0 0 0 rgba(218, 79, 73, 0);
  }
}

@-webkit-keyframes pulse-attention {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(191, 191, 191, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(191, 191, 191, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(191, 191, 191, 0);
  }
}
@keyframes pulse-attention {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(191, 191, 191, 0.4);
    box-shadow: 0 0 0 0 rgba(191, 191, 191, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(191, 191, 191, 0);
      box-shadow: 0 0 0 20px rgba(191, 191, 191, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(191, 191, 191, 0);
      box-shadow: 0 0 0 0 rgba(191, 191, 191, 0);
  }
}

/*---------------- IQ BOARD CONTROLS -------------*/
.iq-info-group{
    border: 2px solid #ddd;
    border-radius: 5px;
    padding:5px;
    display:flex;
}

.iq-info-group .iq-info{
    float:left;
    flex:1;
}

.iq-info-name{
    font-size: 10px;
    color: #AAAAAA;
    margin-bottom: 0px !important;
    display: block;
    position: relative;
    z-index: 2;
}


.iq-info-name, .iq-info-text{
        margin-left: 50px;
}

i.iq-info-icon{
    float: left;
    margin-right: 8px;
    font-size: 30px;
    color: #aaaaaa;
    margin-top: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-left: 5px;
    margin-right: 0px;
}

.iq-info-action{
    flex:0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-right:7px;
}

.iq-info-action-btn i{
    font-size: 32px;
    color: #aaa;
    cursor: pointer;
    opacity: 0.5;
}

.iq-info-action-btn:hover i{
    color: #13A4DE;
    opacity: 1;
}

.iq-info-group + .iq-info-group{
    margin-left:25px;
}


/*---------------- IQ TOOLTIP -------------*/

/*Add this to the element that will pop the tooltip*/
.iq-tooltip {
    position: relative;
}

/* Add this to the element (inside the iq-tooltip) that has the tip contents */
.iq-tooltip-content {
    display: none;
    z-index: 10000;
    background-color: white;
    width: 100%;
    padding: 10px 10px;
    position: absolute;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.19);
    bottom: 100%;
    margin: 0 0 10px 0;
    left: 0%;
}


.iq-tooltip-content:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #777 transparent transparent transparent;
    position: absolute;
    /* default setup is top */
    left: 40%;
    top: initial;
    bottom: -6px;
    right: initial;
}

.iq-tooltip:hover .iq-tooltip-content {
    display: inline-block;
    opacity: 1;
}

/*left*/
.iq-tooltip-left .iq-tooltip-content {
    top: 0%;
    right: 100%;
    left: initial;
    bottom: initial;
    margin: 0 10px 0 0;
}
.iq-tooltip-left .iq-tooltip-content:after {
    top: 15px;
    right: -9px;
    left: initial;
    transform: rotate(-90deg);
}

/*right*/
.iq-tooltip-right .iq-tooltip-content {
    top: 0%;
    right: initial;
    left: 100%;
    bottom: initial;
    margin: 0 0 0 10px;
}
.iq-tooltip-right .iq-tooltip-content:after {
    top: 15px;
    left: -9px;
    right: initial;
    transform: rotate(90deg);
}

/*bottom*/
.iq-tooltip-bottom .iq-tooltip-content {
    top: 100%;
    right: initial;
    left: 0%;
    bottom: initial;
    margin: 10px 0 0 0;
}
.iq-tooltip-bottom .iq-tooltip-content:after {
    left: 40%;
    top: -5px;
    right: initial;
    bottom: initial;
    transform: rotate(180deg);
}

.iq-tooltip-content table tr td {
    padding: 4px 5px;
    border-bottom: 1px solid #ece9e9;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    background-color:white;
}

.iq-tooltip-content table tr:last-child td{
    border-bottom:none;
}

/* IQ LOADING */
.iq-tab .iq-loader {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
    margin-top: 12px;
}
.iq-loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #2980b9;
  animation: iq-loading 2s linear infinite;
}

@keyframes iq-loading {
    from {left: -10px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

.iq-group textarea[disabled] {
    background-color: #f5f5f5;
}

/* ## Magic dropdown in header ## */
.iq-page-head-dropdown.iq-warning > label,
.iq-page-head-dropdown.iq-danger > label,
.iq-page-head-dropdown.iq-success > label,
.iq-page-head-dropdown.iq-info > label
{
    color: white;
}

.iq-page-head-dropdown.has-icon > label{
    left: 60px;
}

.iq-page-head-magic-drodpown + .select2.select2-container.select2-container--default.select2-container--open {
    z-index: 1;
}
.iq-page-head-magic-drodpown.dont-show-chevron + .select2.select2-container.select2-container--default .select2-selection__arrow {
    display: none;
}

.iq-page-head-dropdown.iq-warning .select2-container--default .select2-selection--single .select2-selection__arrow b,
.iq-page-head-dropdown.iq-danger .select2-container--default .select2-selection--single .select2-selection__arrow b,
.iq-page-head-dropdown.iq-info .select2-container--default .select2-selection--single .select2-selection__arrow b,
.iq-page-head-dropdown.iq-success .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: white transparent transparent transparent;
}

.iq-page-head-dropdown.iq-warning span.select2.select2-container .select2-selection__rendered {
    background-color: #faa732;
    color: white;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.35);
}

.iq-page-head-dropdown.iq-success span.select2.select2-container .select2-selection__rendered {
    background-color: #57BD48;
    color: white;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.35);
}

.iq-page-head-dropdown.iq-danger span.select2.select2-container .select2-selection__rendered {
    background-color: #da4f49;
    color: white;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.35);
}

.iq-page-head-dropdown.iq-info span.select2.select2-container .select2-selection__rendered {
    background-color: #4A89DC;
    color: white;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.35);
}

.iq-page-head-dropdown.has-icon .select2-selection__rendered .fa {
    font-size: 30px;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}



/* TASK CONTROLS */

.iq-task-row {
    display: flex;
    margin-bottom: 25px;
}

.iq-task {
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 3px rgba(0,0,0,.09), inset 0 -1px 0 rgba(0,0,0,.01);
    color: #aaa;
    border: 3px solid #aaa;
    padding: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    flex: 1;
    display: flex;
}

    .iq-task.completed {
        background-color: #FAFAFA;
        color: #aaa;
        border: 3px solid #FAFAFA
    }

    .iq-task.current {
        background-color: white;
        color: #13a4de;
        border-color: #13a4de;
    }

.iq-task-optional-icon {
    flex: 0 0 70px;
    background-color: #aaa;
    color: white;
    font-size: 27px;
    margin-left: 25px;
    margin-right: 25px;
    border-radius: 8px;
    justify-content: center;
    text-align: center;
    line-height: 84px;
    border-radius: 500px;
    height: 72px;
    line-height: 72px;
    margin-top: 10px;
}

.iq-task-icon {
    border-radius: 500px;
    background-color: #aaa;
    width: 50px;
    height: 50px;
    text-align: center;
    color: white;
    line-height: 50px;
    font-size: 25px;
    margin-right: 20px;
    flex: 0 0 50px;
}

.iq-task.current .iq-task-icon {
    background-color: #13a4de;
}

.iq-task-row .iq-small-hint {
    font-style: italic;
}

.iq-task-details {
    justify-content: center;
    align-self: center;
}

.iq-task-row .iq-task + .iq-task{
    margin-left:20px;
}


.iq-task.large {
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right:20px;
}

.iq-task.large .iq-task-icon {
    height: 90px;
    line-height: 90px;
    width: 90px;
    font-size: 40px;
    border-radius: 5px;
    flex: 0 0 90px;
}

.iq-task.large .iq-task-details{
    text-align: center;
    font-weight: normal;
    font-size:24px;
}

.iq-task.clickable:hover {
    background-color: white;
    color: #13a4de;
    border-color: #13a4de;
    cursor: pointer;
    box-shadow: 0 3px 2px rgba(0,0,0,.09), inset 0 -2px 0 rgb(19, 164, 222);
}

.iq-task.clickable:hover .iq-task-icon {
    background-color: #13a4de;
    color:white;
}

.partial-invoice-alert {
    position: absolute;
    background-color: #ff3e3e;
    color: white;
    font-size: 18px;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    text-align: center;
    line-height: 32px;
    position: absolute;
    top: -19px;
    left: -21px;
    box-shadow: 0 1px 1px rgba(0,0,0,.12),inset 0 -1px 0 rgba(0,0,0,.10);
}


.credit-note-alert{
position: absolute;
    background-color: #4a89dc;
    color: white;
    font-size: 18px;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    text-align: center;
    line-height: 32px;
    position: absolute;
    top: -19px;
    left: -21px;
    box-shadow: 0 1px 1px rgba(0,0,0,.12), inset 0 -1px 0 rgba(0,0,0,.10);

}

.iq-sub-head .iq-new-button{
color: #4a89dc;
    cursor: pointer;
    margin-left: 7px;
    margin-top: -7px;
    display: inline-block;
    font-size: 23px;
    margin-bottom: -5px;
}

.iq-toolbar-controls .iq-sub-head-label{
        font-size: 10px;
    font-weight: bold;
    color: #AAAAAA;
    margin: 8px 8px 0px 0px;
    float: left;
    text-transform: uppercase;
}

/* Sub Panels */
.iq-sub-panel {
    box-shadow: 0px 2px 5px #ddd;
    padding: 25px;
    margin-bottom: 35px;
    border-top: 3px solid #ddd;
}

.iq-sub-panel.iq-info{border-top-color: #4A89DC;}

.iq-sub-panel.iq-warning{border-top-color:#FBB14A;}


.iq-sub-panel h3{
    font-size: 20px;
    line-height: 27px;
    text-align:center;
    margin-bottom: 15px;
    margin-top: -5px;
    color:#aaa;
    font-weight:normal;
}

.iq-sub-panel.iq-info h3{
    color:#4A89DC;
}

.iq-sub-panel.iq-warning h3{
    color:#FBB14A;
}

.iq-sub-panel .iq-table{
    width:100%;
}


/* Cards */
.iq-card {
    margin-bottom: 35px;
}
.iq-card-header{
    padding: 25px;
    margin-top: 5px;
    text-align: right;
    margin-bottom: 0px;
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    background-color:whitesmoke;
    color:#aaa;
    box-shadow: 0px 2px 5px #ddd;
}

.iq-card.iq-info .iq-card-header{
    color:#4A89DC;
}

.iq-card.iq-warning .iq-card-header{
    color:#FBB14A;
}


.iq-card-content{
    padding: 20px;
    margin-bottom: 5px;
    border-top: 3px solid #ddd;
    box-shadow: 0px 2px 5px #ddd;
}

.iq-card.iq-info .iq-card-content{
    border-top-color:#4A89DC;
}

.iq-card.iq-warning .iq-card-content{
   border-top-color:#FBB14A;
}


.iq-card .iq-card-sub-head {
    font-weight:bold;
       margin-bottom: 3px;
}

.iq-card.iq-info .iq-card-sub-head{
    color:#4A89DC;
}

.iq-card.iq-warning .iq-card-sub-head{
    color:#FBB14A;
}

.iq-card-content table.iq-table{
    border:none;
    width:100%;
}

.iq-card-content table.iq-table td{
    border:none; padding:3px; padding-left:0px;
}

.iq-table .iq-price-col{
    text-align:right;
    font-weight:bold;
}

.iq-line-heading{
      border: 1px solid #ddd;
    display: block;
    position: absolute;
    left: 1px;
    top: 15px;
    right: 1px;
}

.iq-line-heading-box{
    position: relative;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    border-left: 2px solid #ddd;
    padding-left: 15px;
    border-right: 2px solid #ddd;
    padding-right: 15px;
    background-color: white;
    display:flex;
    height: 32px;
    line-height: 30px;
}

.iq-edit-btn.fa{
    color: #ddd;
    font-size: 30px;
    cursor:pointer;
    margin-left:3px;
}

.iq-edit-btn.fa:hover{
    color:#aaa;

}

.iq-line-heading-box .iq-edit-btn{
    margin-left: 6px;
}

.iq-remove-row, a:link.iq-remove-row{
    color:#aaa;
    font-size:16px;
    cursor:pointer;
}



.iq-sidebar{
    box-shadow: 0 2px 15px rgb(0 0 0 / 19%), inset 0 -1px 0 rgb(0 0 0 / 1%);
    background-color: white;
    padding-left: 20px;
    padding-right: 20px;
}

.iq-sidebar-heading {
background-color: whitesmoke;
    color: #aaa;
    margin-left: -20px;
    margin-right: -20px;
    height: 50px;
    display: flex;
    font-size: 18px;
    align-items: center;
    margin-bottom:20px;
}

.iq-sidebar-heading i{
    width: 50px;
    text-align: center;
    font-size: 20px;
}

/* Fixes IE11 bug where icon keeps a spinning */
.iq-group:not(.loading) .iq-prepend-icon.fa:not(.fa-spin){
        animation: none;
}

.iq-customer-container .CusSelector_CustomerTextbox .AutoComplete_List li {
    width:auto;
    max-width: 500px;
}

.iq-customer-container .CusSelector_CustomerTextbox .AutoComplete_Pullout {
    height: auto;
    width: auto;
    min-height: 20px;
    max-height: 400px;
}

.iq-customer-container .CusSelector_CustomerTextbox .AutoComplete_Pullout.AutoComplete_PulloutOpen {
    min-width: 200px;
}

.iq-toggle-box {
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 25%), inset 0 -1px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 3px rgb(0 0 0 / 9%), inset 0 -1px 0 rgb(0 0 0 / 1%);
    background-color: white;
    margin-bottom:20px;
}

.iq-toggle-box-head {
    padding: 20px;
    background-color: #FAFAFA;
    color: #aaa;
}

.iq-toggle-box-content {
    background-color: white;
    padding: 25px;
    display: none;
    border-top: 1px solid #f1f1f1;
}

.iq-toggle-box-head .iq-switch {
    margin-bottom: 0px;
}

.iq-toggle-box.active .iq-toggle-box-content {
    display: block;
}

.iq-address-search-results{
    position: absolute;
    background-color: white;
    z-index: 10;
    margin: 0px;
    list-style: none;
    left: 0px;
    right: -10px;
    margin-top:2px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
}

.iq-address-search-results a{
    background-color:white;
    color:#333;
    text-decoration:none;
    cursor:pointer;
}

.iq-address-search-results a:hover{
    background-color:whitesmoke;
    cursor:pointer;
    text-decoration:none;
}

.iq-address-search-results a:visited{
    text-decoration:none;
    color:#333;
}

.iq-address-search-results li a{
    padding: 10px;
    background-color: white;
    width: 100%;
    box-sizing: border-box;
    display: flex;
}

.iq-address-search-results span{
    padding-top:2px;
}

#locationField .iq-address-search-results i.fa  {
    color:#aaa;
    width: 23px;
    display: inline-block;
    position: relative;
    left: 0px;
    top: 0px;
}
 
.iq-btn-for-input{
    border-radius: 0px;
    padding: 8px;
    padding-left: 13px;
    padding-right: 13px;
    float: right;
    margin-top: -32px;
    position: relative;
    z-index:2;
    cursor:pointer;
}

.iq-group .iq-editable-label{
    font-size: 10px;
    color: #AAAAAA;
    margin-bottom: 0px;
    display: block;
    position: relative;
    z-index: 2;
    background-color: transparent;
    border: none;
    padding: 0px;
    cursor:pointer;
    padding-left: 17px;
}

.iq-group .iq-editable-label-icon{
    position: absolute;
    font-size: 14px;
    color: #ddd;
    top: 16px;
    cursor:pointer;
}


.iq-flex-layout{
    display:flex;
    gap: 40px;
    grid-gap:40px;
}

.iq-flex-layout > .iq-flex-col{
    flex: 1;
    flex-direction: row
}

.iq-flex-col > .iq-group{
    flex:1;
    width:auto;
    float:none;
    margin-right:0px;
}

.iq-flex-col >.iq-group{
    margin-bottom:25px;

}

.iq-flex-col >.iq-group:last-child{
    margin-bottom:0px;
}

.iq-group > label.iq-checkbox:not(.selected-text):not(.iq-input-icon) {
    color: #333;
    font-size: 13px;
    text-transform: unset;
}

.iq-icon-checkbox{
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    cursor:pointer;
    position:relative;
}

.iq-flex-col .iq-group.iq-has-nested-group > .iq-group-container{
    margin-bottom:-15px;
}


.iq-icon-checkbox input[type=checkbox]{
    position: absolute;
    height: inherit;
    width: inherit;
    opacity: 0;
    left: 0;
}

.iq-icon-checkbox .iq-on-icon{
    display:none;
}

.iq-icon-checkbox input[type=checkbox]:checked + .checkbox .iq-on-icon{
     display:inline-block;
}

.iq-icon-checkbox input[type=checkbox]:checked + .checkbox .iq-off-icon{
    display:none;
}

.iq-icon-checkbox .checkbox{
    font-size: 16px;
    line-height: 32px;
    padding-left:0px;
    background-color: #ddd;
    color: #a1a1a1;
    height: 32px;
    width: 32px;
    display: block;
    border-radius: 5px;
}

.iq-icon-checkbox input[type=checkbox]:checked + .checkbox{
    background-color: #4a89dc;
     color:white;
}

.iq-group > label:not(.selected-text):not(.iq-input-icon).iq-icon-checkbox{
    position: absolute;
    right: 15px;
    margin-top: -32px;
}

.iq-group.iq-has-nested-group{
    background-color:#fafafa;
    border-radius:4px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 9%), inset 0 -1px 0 rgb(0 0 0 / 1%);
    padding:15px;
    padding-left:20px;
    padding-right:20px;
    box-sizing: border-box;
    outline: 1px solid #dddddd3d;
}

/*.iq-group.iq-has-nested-group:hover{
    outline-width:10px;
}*/

.iq-group.iq-has-nested-group > .iq-group-container{
    background-color:white;
    margin-left:-20px;
    margin-right:-20px;
    margin-bottom:-25px;
    margin-top:15px;
    padding: 20px;
    padding-bottom:0px;
}

.iq-has-nested-group .iq-group-container > .iq-section-divider:first-child{
    margin-top:15px;
}

/* TODO: MOVE TO STYLES.CSS */

/* -- IQ TASK TAB -----------------------------------------------------------------------------------------------------------------------------------------*/
.iq-task-tab {
    margin-bottom: 25px;
    position: relative;
    margin-right: -70px;
    padding-right: 70px;
}

.iq-task-tab-header{
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 25%), inset 0 -1px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 3px rgb(0 0 0 / 9%), inset 0 -1px 0 rgb(0 0 0 / 1%);
    color: #aaa;
    padding: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    flex: 1;
    display: flex;
    background-color: white;
    position: relative;
    cursor:pointer;
}

.iq-task-tab-header:not(.active):hover{
    background-color: whitesmoke;
}

.iq-task-tab.active .iq-task-tab-header{
    background-color: #4A89DC;
    color: white;
    border-radius: 8px 8px 0px 0px;
}

.iq-task-tab-header-icon{
    border-radius: 500px;
    background-color: #aaa;
    width: 50px;
    height: 50px;
    text-align: center;
    color: white;
    line-height: 50px;
    font-size: 25px;
    margin-right: 20px;
    flex: 0 0 50px;
}

.iq-task-tab.active .iq-task-tab-header-icon{
     background-color: white;
     color:#4A89DC;
}

.iq-task-tab-header-text{
        justify-content: center;
    align-self: center;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.iq-task-header-caret{
    margin-left: 13px;
    font-size: 22px;
    color: #ddd;
    width: 30px;
    text-align: center;
    line-height: 53px;
}

.iq-task-tab.active .iq-task-header-caret i:before {
    content: "\f0d7";
}

.iq-task-tab-content{
    box-shadow: 0 2px 3px rgb(0 0 0 / 9%), inset 0 -1px 0 rgb(0 0 0 / 1%);
    background-color: white;
    padding: 55px;
    display: none;
}

.iq-task-tab.active .iq-task-tab-content{
    display:block;
}

.iq-task-tab-seperator{
        background-color: #aaa;
    line-height: 60px;
    display: flex;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: -8px;
    border-radius: 5px;
    color: white;
    font-size: 20px;
}

.iq-task-tab-seperator-actions{
        justify-content: flex-end;
    display: flex;
}

.iq-task-tab-seperator-actions a.iq-btn{
    font-size: 18px;
    border-radius: 6px;
    height: 30px;
    line-height: 30px;
    margin-top: 7px;
    margin-right: 7px;
}

.iq-task-tab-seperator-actions a.iq-btn i{
        margin-top: 6px;
    margin-right: 9px;
    margin-left: -2px;
}

.iq-task-tab-header-actions{
    display:flex;
}

.iq-task-tab-header-actions a{
    background-color: whitesmoke;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    line-height: 50px;
    text-align: center;
    box-shadow: 0px 1px #ddd;
    cursor: pointer;
    color: #aaa;
    margin-left: 10px;
    font-size: 20px;
}

.iq-task-tab-header-actions a:hover {
    background-color: #aaa;
    color: white;
}

.iq-task-tab.active .iq-task-tab-header-actions a{
       background-color: #6A9DE1;
    color: white;
    box-shadow: 0px 1px #4280d2;
}

.iq-task-tab.active .iq-task-tab-header-actions a:hover{
    background-color: white;
    color: #4A89DC;
    box-shadow: none;
}

.iq-task-tab-header:hover  a {
    background-color: #ececec;
}
.iq-success-feedback{
    font-size: 17px;
    color: #57BD48;
    line-height: 46px;
    margin-right: -3px;
    background-color: #dff0d8;
    border-radius: 3px;
    padding-left: 20px;
    padding-right: 26px;
    display: none;
}

.iq-success-feedback.iq-show{
    display: inline-block;
    -moz-animation: showAndHidePrompt 0s ease-in 6s forwards;
    -webkit-animation: showAndHidePrompt 0s ease-in 6s forwards;
    -o-animation: showAndHidePrompt 0s ease-in 6s forwards;
    animation: showAndHidePrompt 0s ease-in 6s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes showAndHidePrompt {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes showAndHidePrompt {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}

.iq-add-row, a:link.iq-add-row {
    color: #aaa;
    font-size: 20px;
    cursor: pointer;
}

.iq-progress-small {
    background-color: #eeeeee;
    height: 5px;
    margin-bottom: -5px;
    position: relative;
}

.iq-progress-small-bar {
    width: 0%;
    background-color: #4a8bd9;
    height: 5px;
    position: absolute;
    z-index: 1;
    transition: width 0.6s ease;
}

.JCLRdisabledGrip{
  pointer-events:none;

}

.iq-totals{
    width: 300px;
    border: 2px solid #aaa;
    font-size: 18px;
}

.iq-totals-row{
    padding: 15px;
    text-align: left;
}

.iq-totals .iq-totals-row {
    border-top: 1px solid #e6e6e6;
}

.iq-totals .iq-totals-row:first-child {
    border-top: 0 solid #e6e6e6;
}

.iq-totals .iq-totals-row-title {
    color: #8c8c8c;
    font-weight: normal;
}

.iq-totals span:nth-child(2) {
    float: right;
}

.iq-totals .iq-totals-row.iq-totals-row-highlighted {
    background-color: #f5f5f5;
    border-top-color: #ddd;
}

/*************************************************************************
   SELECT 2 MULTIPLE 
*************************************************************************/

 /* Hide the default selected options in the input */
.iq-multi-select + .select2 .select2-selection__choice {
    display: none;
}

/* Ensure the search box is inside the dropdown for multiple select */
.iq-multi-select + .select2 .select2-dropdown .select2-search--inline {
    display: block !important;
}

.iq-multi-select + .select2 .select2-search__field {
    width: 100% !important;
}

.iq-multi-select + .select2 .select2-selection--multiple .select2-selection__rendered {
    line-height: 30px;
    margin-bottom: -5px;
    position: relative;
    padding-left:9px;
}

/* Used to style LI options with checkboxes */
.iq-multi-select-options li.select2-results__option {
    padding: 3px;

}

.select2-container--default  .iq-multi-select-options .select2-results>.select2-results__options{
max-height:270px;
}

.iq-multi-select + .select2 .select2-selection__arrow b {
    border-color: #b5b5b5 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.iq-multi-select + .select2 .select2-selection__arrow {
    position: absolute;
    top: 14px;
    right: 1px;
    width: 20px;
}

.iq-multi-select-options .select2-results__option label {
    margin-bottom: 0px;
    padding-bottom:3px;
    padding-top:3px;
    padding-left:5px;
    padding-right:5px;
}

.iq-multi-select + .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    margin-top: 0px;
}

.select2-results__option[aria-selected=true] .iq-chk-multiselect::before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 3px;
    border: solid #4a89dc;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: '';
    display: block;
}

.select2-results__option[aria-selected=true] .iq-chk-multiselect {
    border: none;
    background-color: transparent;
}

.iq-multi-select-options .select2-results__option--highlighted label {
    color: white;
}

.iq-multi-select-options .select2-results__option--highlighted .iq-chk-multiselect::before {
border-color:white;
}

.iq-chk-multiselect {
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    background: #fff;
    display: inline-block;
    border: 3px solid #DDD;
    height: 16px;
    width: 16px;
    top: 3px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 2px;
}

.select2-selectclearall-container {
    background-color: whitesmoke;
    color: #aaa;
    border-bottom: 1px solid #eaeaea;
    display: flex;
}

.btn-select2-selectall, .btn-select2-clearall {
    flex: 1;
    text-align: center;
    padding: 12px;
}



.btn-select2-clearall:hover,  .btn-select2-selectall:hover{
   text-decoration: none;
    background-color: #efefef;
    cursor: pointer;
 }

.iq-tiny-actions {
    color: #aaa;
    display: flex;
    font-size: 16px;
}

    .iq-tiny-actions a {
        color: #aaa;
        cursor: pointer;
    }

    .iq-tiny-actions .iq-tiny-divider {
        border-right: 2px solid #ddd;
        width: 1px;
        margin-left: 10px;
        margin-right: 10px;
    }

/*    .iq-tiny-actions a:hover {
        color: #aaa;
        cursor: pointer;
        background-color: whitesmoke;
        outline: 8px solid whitesmoke;
        text-decoration: none;
    }*/

.fixBarToTop {
    position: fixed;
    top: 0;
    left: 0 !important;
    right: 0 !important;
    width: auto;
}

.select2-group-header{font-weight:bold;}

.iq-fake-username{
    position:fixed;
    top:0px;
    left:0px;
    opacity:0;
    height:0px;
    width:0px;
    pointer-events:none;
}
/* Global */

*{}
html{ background-color:whitesmoke;}

/* Page Structure */

#header{background-color:#FFFFFF;}
#headingwrapper{background-color:White;}
/* Tags */
h1{}
h2{}
h3{}
h4{}
hr{ border:none; border-bottom: 1px solid #5C5C5C; height:1px; }
fieldset{border:none;}
form{margin:0;}
hr.DashedLine 
{
    border:none;
    border-top: Dashed 1px #E7E7E7;
    height:1px;
    margin-top:8px;
    padding-bottom:8px;
}

.footer{background-color:#F5F5F5}

/* Reusable Classes */
.Bold, .bold{font-weight:bold;}
.Italic, .italic{font-style:italic;}
.Left, .left{float:left;}
.Right, .right{float:right;}
.Clear, .clear{clear:both;}
.CenterText{text-align:center;}
.SmallText{font-size:8pt;}
.CursorPointer{cursor:pointer;}

.LoadingIcon{width:16px; height:16px; margin-right:5px; background-image:url(/images/loading.gif);}
.PositionBottomRight{bottom:10px;position:absolute;right:10px;}


.ErrorContainer
{
	border: 1px solid #cd0a0a;
	background: #fef1ec url(/include/jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; 
	color: #cd0a0a; 	
	padding: 5px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	line-height:1.5em;
}

.StatusContainer
{
	border: 1px solid #2e83ff;
	background: #fef1ec url(/include/jquery/ui/theme/images/ui-bg_glass_95_blue_1x400.png) 50% 50% repeat-x; 
	color: #2e83ff; 	
	padding: 5px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	line-height:1.5em;
}

.StatusContainerLight
{
	border: 1px solid #2e83ff;
	background-color: #ECF4FF;
	color: #2e83ff; 	
	padding: 5px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	line-height:1.5em;
}

/* Forms */
.Textbox{}
.DropDownList{}
.LoadingContainer{position: absolute!important;z-index: 3000;margin-top:23px!important;background-color:white;height:15px;padding:2px;width:100%;color:#0b9dce;font-weight:bold;}

.SectionWidth{width:1160px;}
.SectionContainer{padding-left:8px; margin-top:3px; margin-bottom:20px;}
.SectionSeparator{ border-bottom: 1px dashed #c0c0c0;}

.FieldHeading{color:#5C5C5C; font: bold 10pt  Arial, Sans-Serif; margin-top:5px; padding:0px;}
.FieldItem{margin-top:5px; padding:0px;}
.FieldSubItem{font-style:italic}

.FormOneNarrowColumn { width: 350px; }
    .FormOneNarrowColumn .ElementContainer { float:left; width: 350px; }
        .FormOneNarrowColumn .ElementContainer .FieldHeading {float:left; color: #5C5C5C; font-weight:bold; font-size:10pt; width:100px;}
        .FormOneNarrowColumn .ElementContainer .FieldItem {float:left; width:200px;}

.FormOneColumn { width: 600px; }
    .FormOneColumn .ElementContainer { float:left; width: 600px; }
        .FormOneColumn .ElementContainer .FieldHeading {float:left; color: #5C5C5C; font-weight:bold; font-size:10pt; width:150px;}
        .FormOneColumn .ElementContainer .FieldItem {float:left; width:300px;}
        .FormOneColumn .ElementContainer .FieldItem .InputText {width:300px;}

.FormTwoColumns { width: 800px; }
    .FormTwoColumns .ElementContainer { float:left; padding-top:3px; width: 400px; }
        .FormTwoColumns .ElementContainer .FieldHeading {float:left; width:150px;}
        .FormTwoColumns .ElementContainer .FieldItem {float:left; width:250px;}
            .FormTwoColumns .ElementContainer .FieldItem .InputText { width:200px;}
            
.FormTwoWideColumns { width: 900px; }
    .FormTwoWideColumns .ElementContainer {float:left; padding-top:5px; width: 440px; }
        .FormTwoWideColumns .ElementContainer .FieldHeading {float:left; width:150px;}
        .FormTwoWideColumns .ElementContainer .FieldItem {float:left; width:auto;}
            .FormTwoWideColumns .ElementContainer .FieldItem .InputText { width:265px;}
            
.GridAlternatingRow{ background-color:#f5f5f5}

/* Specific Classes - Classes that are only used once*/
.CustomSearchGroupHeading
{ text-align:center; font-weight:bold; border-bottom-width:1px; border-bottom-style:solid; color:black;}

.DeliveryDetailsContainer{line-height:1.5em;}


.Required
{
    margin-left:5px;
    font-weight:bold;
    color:#B94A48;
}


@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(/include/bootstrap/fonts/glyphicons-halflings-regular.eot);
  src: url(/include/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(/include/bootstrap/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(/include/bootstrap/fonts/glyphicons-halflings-regular.woff) format('woff'), url(/include/bootstrap/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(/include/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}

/*      ALL ALL EXTRA CLASSES AT THE BOTTOM PLEASE      */
#divIQConfirmOverlay:not([topmost="true"]) {
    display: none;
}

#divIQConfirmOverlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
    z-index: 1000000;
    overflow-y: auto;
}

#divIQConfirm {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
    margin-bottom: 3%;
       width: 460px;
    background-color: white;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}

#divIQConfirmBody {
    padding: 20px;
    text-align: center;
}
    
#divIQConfirmFooter {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

#divIQConfirmHeader {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    border-bottom: none;
    text-align: center;
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    opacity: 0.9;
    padding: 21px;
    font-weight: bold;
    font-size: 19px;
    border-bottom: 1px solid orange;
}

#divIQConfirmFooter a {
    display: inline-block;
    float: none;
}

.iq-confirm-button {
    float: left;
    text-align: center;
    outline: 1px solid black;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

.iq-confirm-button:hover {
    background-color: whitesmoke;
}

body.iq-confirm-showing {
    overflow: hidden;
}

/*          EXTRA CLASSES       */
#divIQConfirm.iq-confirm-error #divIQConfirmHeader {
    background-color: #df5640;
    border-bottom-color: #df5640;
}

#divIQConfirm pre {
    text-align: left;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#b5b5b5 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}