@charset "UTF-8";
/* Singita SD Portal Custom CSS Document */

.documentEditItem {
	border: 2px solid black; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); 
	padding: 10px; 
}

.preferredSupplierContainer, .documentItemContainer {
	display: flex;
	flex-wrap: wrap;
	padding-bottom:5px;
	padding-left:15px;
}

.preferredSupplierBlock, .documentItemBlock {
	margin-top: 5px;
	width: 300px;
	height: 250px;
	margin-right: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	padding: 5px;
}

.preferredSupplierImageBlock, .documentItemImageBlock {
	overflow:hidden;
	max-width: 300px;
	max-height: 150px;
	justify-content: center;
	align-items: center;
	/*
		display:inline-flex;
	  position:relative;
	*/
}

	.preferredSupplierImageBlock img, .documentItemImageBlock img {
		max-width: 100%;
		max-height: 100%;
		justify-content: center;
		align-items: center;
	}

  .preferredSupplierBlock a, .documentItemBlock a {
	  text-decoration: none;
	  color: #333;
	  margin-bottom: 5px;
	  font-weight: bold;
  }

	.preferredSupplierBlock p, .documentItemBlock p {
		margin: 0;
	}


.soloWorkwearLink 
{
	position: relative;
	display: block;
	width: 308px;
	height: 70px;
	background-image: url(../images/SOLOLOGO2.png);
	background-repeat: no-repeat;
	text-indent: -2000px;
	overflow: hidden;
	padding: 0px !important;
	margin-bottom:-20px;
}


.jobTypeInfoBlk span{
	background: #ebebeb;
	padding: 10px;
	display: block;
	border: 1px solid #DDD;
	border-top: none;
	font-size: 0.8em;
}

.sdVAitem a.preview img{
	height: auto!important;
    max-height: 250px!Important;
}



.shopInputFix{}

.RadEditor_Default{border-color:#ebebeb!important;padding:0!important;border-width:0!important;}
.RadEditor_Default .reContent{border-color:#ebebeb!important;padding-left:20px!important;}
.RadEditor_Default .reContent iframe body{padding:20px 10px!important;}



/* Tags and Element Styles ______________________________________*/
:root {
    box-sizing: border-box;
    cursor: default;
    font: 16px / 1.5 sans-serif;
    text-rendering: optimizeLegibility;
}
*:before,*:after{-moz-osx-font-smoothing:grayscale}
/*html, body { height: 100%; padding: 0;}*/

html, body {
	height: 100%;
	padding: 0;
}
body {
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #555857;
    background-color: #FFF;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
a, a:hover, a:focus, a:selected, a:active{text-decoration: none;}

a{color: #555857;}
a:hover, a:focus, a:active{color: #a79d85;}
button, input, select, textarea{color: #555857;border-color: #ebebeb;}



/* TO SORT */

.sdShopStockLabel{color: #555857; text-transform: uppercase; font-size: 0.8em; line-height: 1.4em; width: 100%;}
.sdShopStockBlk .fa-exclamation-triangle:before{padding-right: 10px; font-size: 2em; display: block; float: left; padding-top: 10px;color: #b41c15;}

.sdShopStockBlk .sdShopStockLabel span{font-weight: bold;color: #b41c15;font-size: 1.2em;}

body form div.rwShadow {
	height: auto !important;
	padding-left: 0!important;
	padding-right: 0!important;
}
.RadWindow_Bootstrap a.rwPopupButton{
	background: #e5e3d9 !important;
	color: #555857 !important;
	border: 0 !important;
}
.RadWindow_Bootstrap a.rwPopupButton:hover{
	background: #a79d85 !important;
}
.RadWindow .rwDialogPopup{
	padding: 1px 0px 16px 20px !important;
	color: #555857 !important;
}
.RadWindow_Bootstrap .rwTitleRow .rwCorner, .RadWindow_Bootstrap .rwTitleRow .rwTitlebar{
	background-color: #e5e3d9 !important;
}
.RadWindow_Bootstrap .rwTitleRow .rwTopLeft{
	border-radius: 0 !important;
}

h2.panel-title a, h2.panel-title a:hover{color: #FFF !important;}

.RadWindow_Bootstrap .rwTable .rwTitlebarControls .rwIcon{display: none !important;}
.RadWindow .rwIcon{display: none !important;}

.table-hover>tbody>tr:hover {
    background-color: #e5e3d9;
}
.table-striped>tbody>tr:nth-child(odd):hover{
    background-color: #e5e3d9;
}

.pagerWrapper{width: 100%; height:70px; padding: 15px; margin: 0 auto;}

html body .RadInput_Default .riTextBox{height: 40px !important; font-size: 1em !important;}

.shopInputFix .riSingle{/*width: 50% !important; */float: left;}
.sdSelectShop{height: 40px; float: right;}

.tableRespFix1{table-layout: auto !important;}

.warningMsgBlk{display: none; background: #b41c15; color: #FFF; padding: 10px; width: 100%; height: auto; min-height: 50px;}

.RadGrid_Default .rgPagerCell>div{color: #FFF !important;}












/* Overwriting Telerik RAD Component Styles ______________________________________*/

.RadAjax_Default .raDiv{background-image: url(../images/singitaloader.gif) !important;}
.RadWindow_Bootstrap.rwLoading .rwExternalContent{background-image: url(../images/singitaloader.gif) !important;}

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default{border-color: #ebebeb !important;}
.RadGrid_Default{border: 0px !important;}
.RadGrid_Default .rgRow>td, .RadGrid_Default .rgAltRow>td, .RadGrid_Default .rgEditRow>td, .RadGrid_Default .rgFooter>td{border-width: 0 !important; padding-top: 6px !important; padding-bottom: 5px !important;}
.RadGrid_Default .rgMasterTable .rgSelectedCell, .RadGrid_Default .rgSelectedRow{color: #FFF !important; background: #a79d85 !important;}
tfoot tr.rgPager:hover{background: #a79d85 !important;}
.RadGrid_Default .rgPagerCell{border: 0 !important; font-size: 0.8em !important;}
.RadGrid_Default .rgPagerCell .rgNumPart a{color: #FFF !important;}
.RadGrid_Default .rgPagerCell .rgNumPart a:hover{background: #918567 !important;color: #FFF !important;}
.RadGrid_Default .rgPagerCell .rgNumPart a.rgCurrentPage{color: #918567 !important;}

.RadGrid_Default .rgPagerCell>div{background: #a79d85!important}

.RadGrid_Default .rgPagerCell {background:none!important;}
.RadGrid_Default .rgPagerCell {color:white!important;border-top: 1px solid #a0a0a0;}
.darkbrownBGUploadBtn ul li span span.ruBrowse{background-color: #9f6a40 !important;}
.RadUpload_Default .ruSelectWrap .ruButton.ruButtonHover{background-color: #8a5a34 !important;}

.rgNoRecords td{padding: 15px 5px;}

.RadDropDownTree_Default .rddtFocused{color: #333 !important;}



/* BREADCRUMB STYLING ______________________________________*/
.RadSiteMap .rsmLink{font-size: .75em;text-transform: uppercase;color: #cfcdc3 !important;font-weight: bold;letter-spacing: .2em; padding: 10px 0 0 0 !important;}
.RadSiteMap .rsmLink:hover{background: transparent !important;color: #fff !important;}






/* INPUT CONTROLS OVERWRITE STYLING ______________________________________*/
.sdSelectMain table tbody tr td.rcbInputCell{background: #FFF; border: 1px solid #ebebeb; height: 39px;}
.sdSelectMain table tbody tr td.rcbArrowCell{background: #ebebeb; border: 1px solid #ebebeb; height: 39px;}

.sdSelectShop{height: 40px;font-size: 0.8em}
.sdInputTextboxShop{height: 40px !important; font-size: 1.5em !important;}
.shopInputContainer .riSingle{width: 100% !important;}

td.rcbArrowCell:after, .RadDropDownTree .rddtIcon:before{
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: -20px 0 0 3px;
}
.RadDropDownTree .rddtIcon:before{
	color: #000 !important;
	margin: 12px 0 0 3px !important;
    display: block !important;
	font: normal normal normal 14px/1 !important;
    font-size: inherit !important;
}

.RadDropDownTree_Default .rddtInner{
	background-color: #FFF !important;
    border: 1px solid #ebebeb !important;
    height: 39px !important;
    background-image: none !important;
    border-radius: 0 !important;
	padding: 0 10px !important;
}
.RadDropDownTree .rddtIcon{
	background-color: #ebebeb !important; 
	border: 1px solid #ebebeb !important; 
	background-image: none !important;
	height: 39px !important;
	margin-top: -20px !important;
    font-size: 12px !important;
    width: 18px !important;
    right: 0 !important;
}
.RadDropDownTree .rddtFakeInput{
	line-height: 2.8em !important;
	height: 3em !important;
	text-transform: uppercase !important;
}

.RadUpload_Default .ruSelectWrap .ruButton{border-radius: 0 !important;}
.RadGrid_Default .rgCommandCell{background: #FFF; border: 0 !important;}
.RadGrid input{color: #333;}

.RadUpload .ruInputs{overflow: auto;padding:10px !important; border:1px solid #ebebeb;}
.ruUploadProgress{font-size: 0.6em !important; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;}


.RadUpload .ruUploadCancelled .radIcon, .RadUpload .ruUploadFailure .radIcon{
	color: #e02627; 
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.RadUpload .ruUploadCancelled .radIcon:before, .RadUpload .ruUploadFailure .radIcon:before{box-shadow: none !important;background:none!important; content:"\f00d";top:1px!important;left:0px!important}

.RadUpload .ruUploadSuccess .radIcon{color: #62bc58; display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;}
.RadUpload .ruUploadSuccess .radIcon:before{box-shadow: none !important;background:none!important; content:"\f00c";top:1px!important;left:0px!important}

.RadUpload .ruFileLI .ruFileWrap{padding: 0 !important;}
.RadUpload .ruFileLI .ruButton{display: block;max-width:45px;font-size:0.5em!important;padding: 1px 3px 0px!important;margin-bottom: 20px!important;margin-left: 0!important;color: #FFF!important; background: #565857!important; text-transform: uppercase!important;}
.RadUpload .ruFileLI .ruButton.ruRemove:before{color:#FFF!important;font-weight:bold!important;}

.RadUpload .ruSelectWrap{display: block !important;}
.ruSelectWrap .ruFileWrap.ruStyled{display: block !important;}
.RadUpload .ruSelectWrap .ruFileWrap .ruButton {
    margin-top: 0px;
	margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block;
}
.ruFileWrap .ruFakeInput{height:0!important; display:none!important;}


.jobListUploadGrid, .jobListUploadGrid:hover{background: none!important;}
.jobListUploadGrid .ruInputs{border:none!important; padding:10px 0 !important;}

.attachment-header{
	display: flex;
	align-items: flex-end;
	gap: 8px;
}
.attachment-header-left{
	flex: 0 1 280px;
	max-width: 340px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}
h4.attachment-section-title{
	margin: 0;
}
.attachment-header-upload{
	flex: 1 1 auto;
	min-width: 0;
}
.attachment-header-upload .RadUpload,
.attachment-header-upload .jobListUploadGrid{
	width: 100% !important;
	margin: 0 !important;
}
.attachment-header-upload .ruInputs{
	display: flex !important;
	flex-direction: row-reverse;
	align-items: center;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
.attachment-header-upload .ruInputs > li{
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
	padding: 0 10px 0 0 !important;
}
.attachment-header-upload .ruInputs > li:last-child{
	flex: 0 0 auto;
	padding: 0 !important;
}
.attachment-header-upload .RadUpload .ruSelectWrap{
	float: none !important;
}
.attachment-header-upload div.RadUpload .ruBrowse{
	height: 40px !important;
	text-align: center !important;
}
.attachment-header-upload .ruFileLI .ruUploadSuccess,
.attachment-header-upload .ruFileLI .ruUploadProgress{
	display: inline !important;
}
.attachment-header-upload .ruFileLI .ruButton{
	margin-bottom: 0 !important;
}
.attachment-upload-note{
	padding: 0 !important;
	line-height: 1.15;
	margin: 2px 0 8px 0;
}

/* RadPanelBar — match table thead.darkbrownBG.white / table-striped / table-hover
   Root items are also .rpItem; child rules must be scoped under .rpGroup. */
.attachment-panel{
	border: none !important;
	border-radius: 0;
	box-shadow: none;
	background: transparent !important;
}
.attachment-panel .rpRootGroup,
.attachment-panel .rpGroup{
	border: none !important;
	background: transparent !important;
}
.attachment-panel .rpGroup{
	padding: 0;
	background: #fff !important;
}

/* Group headers = table thead (0.85em uppercase) on .darkbrownBG + .white */
.attachment-panel .rpRootGroup > .rpItem > .rpLink,
.attachment-panel .rpRootGroup > .rpItem > .rpLink.rpSelected,
.attachment-panel .rpRootGroup > .rpItem > .rpLink.rpExpanded,
.attachment-panel .rpRootGroup > .rpItem > .rpLink.rpFocused{
	position: relative;
	background: #9f6a40 !important;
	color: #fff !important;
	border: none !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: 0.85em !important;
	font-weight: bold;
	line-height: 1.42857143 !important;
	text-transform: uppercase;
	padding: 8px 10% 8px 8px !important;
	cursor: pointer;
}
.attachment-panel .rpRootGroup > .rpItem > .rpLink:hover,
.attachment-panel .rpRootGroup > .rpItem > .rpLink.rpExpanded:hover{
	background: #8a5a34 !important;
	color: #fff !important;
	border: none !important;
}
.attachment-panel .rpRootGroup > .rpItem > .rpLink .rpOut,
.attachment-panel .rpRootGroup > .rpItem > .rpLink .rpText{
	border: none !important;
	color: #fff !important;
	font-size: inherit !important;
	font-weight: inherit;
	line-height: inherit !important;
	text-transform: inherit;
	padding: 0 !important;
}
.attachment-panel .rpRootGroup > .rpItem > .rpLink .attachment-count{
	display: inline-block;
	margin-left: 4px;
	font-size: 0.6rem !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em;
	opacity: 0.85;
}

/* File rows = .bodycopy on white / .altBG (.sdSand), hover as .table-hover */
.attachment-panel .rpGroup .rpItem > .rpLink,
.attachment-panel .rpGroup .rpItem > .rpLink.rpSelected,
.attachment-panel .rpGroup .rpItem > .rpLink.rpFocused{
	position: relative;
	background: #fff !important;
	color: #555857 !important;
	border: none !important;
	border-top: 1px solid #e5e3d9 !important;
	box-shadow: none !important;
	font-weight: normal;
	padding: 10px 10% 10px 15px !important;
}
.attachment-panel .rpGroup .rpItem:nth-child(even) > .rpLink{
	background: #e5e3d9 !important;
}
.attachment-panel .rpGroup .rpItem > .rpLink:hover,
.attachment-panel .rpGroup .rpItem > .rpLink.rpSelected:hover{
	background: #e5e3d9 !important;
	color: #555857 !important;
}
.attachment-panel .rpGroup .rpItem > .rpLink.rpDisabled,
.attachment-panel .rpGroup .rpItem > .rpLink.rpDisabled:hover{
	cursor: default !important;
	opacity: 1;
}
.attachment-panel .rpGroup .rpItem:nth-child(odd) > .rpLink.rpDisabled:hover{
	background: #fff !important;
}
.attachment-panel .rpGroup .rpItem:nth-child(even) > .rpLink.rpDisabled:hover{
	background: #e5e3d9 !important;
}
.attachment-panel .rpGroup .rpItem > .rpLink .rpOut,
.attachment-panel .rpGroup .rpItem > .rpLink .rpText{
	color: #555857 !important;
	font-weight: normal;
}

.attachment-panel .fa-file-o{
	margin-right: 8px;
}

/* Same right-hand slot as Quotes View (width 10%, text-center) for status icons and chevrons */
.attachment-panel .attachment-status,
.attachment-panel .rpRootGroup > .rpItem > .rpLink .rpExpandHandle{
	position: absolute;
	right: 0;
	top: 50%;
	width: 10%;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.attachment-panel .rpRootGroup > .rpItem > .rpLink .rpExpandHandle{
	background-image: none !important;
	float: none;
	height: auto !important;
	line-height: 1 !important;
}
.attachment-panel .rpRootGroup > .rpItem > .rpLink .rpExpandHandle:before{
	font: normal normal normal 12px/1 FontAwesome;
	content: "\f078";
	color: #fff;
}
.attachment-panel .rpRootGroup > .rpItem.rpExpanded > .rpLink .rpExpandHandle:before{
	content: "\f077";
}

/* Footer bar = table tfoot.darkbrownBG */
.attachment-panel:after{
	content: "";
	display: block;
	height: 16px;
	background: #9f6a40;
}












/* PopUp Pages and Sitewide Styles ______________________________________*/
.rwTitleWrapper {font-size: 10px !important; background: #e5e3d9 !important; border: 0 !important;}
.RadWindow_Bootstrap{ border: 0 !important; border-radius: 0 !important;}

.CheckBox input{margin-right: 5px;}











/* Mster Page ADditional Styles and Classes  ______________________________________*/

/*.masterPageTopMargin{margin-top: 94px; min-height: 600px;}*/
.masterPageTopMargin {
	margin-top: 94px;
	min-height: 500px;
}


/* Layout Standard Classes  ______________________________________*/

.disBlk{display: block;}
.rFloat{float: right}
.rFloat1{float: right !important;}
.lFloat{float: left;}
.lFloat1{float: left !important;}

.active{background-color: none;}
.clear {clear: both;}
.noBord{border: 0px !important;}

.lrMar0{margin-left: 0 !important; margin-right: 0 !important;}
.marLeft10{margin-left: 10px;}
.marRht10{margin-right: 10px;}

.lrPad0{padding-left: 0; padding-right: 0;}
.lrPad5{padding-left: 5px !important; padding-right: 5px !important;}

.padNone{padding: 0}
.padNone1{padding: 0 !important;}

.marBot0{margin-bottom: 0px;}
.marBot5{margin-bottom: 5px;}
.marBot10{margin-bottom: 10px;}
.marBot15{margin-bottom: 15px;}
.marBot20{margin-bottom: 20px}
.marBot30{margin-bottom: 30px;}
.marBot50{margin-bottom: 50px;}
.marBot80{margin-bottom: 80px;}
.marBot100{margin-bottom: 100px;}
.marBot150{margin-bottom: 150px;}

.marTop0{margin-top: 0px;}
.marTop5{margin-top: 5px;}
.marTop10{margin-top: 10px;}
.marTop15{margin-top: 15px;}
.marTop20{margin-top: 20px}
.marTop30{margin-top: 30px;}
.marTop50{margin-top: 50px;}
.marTop80{margin-top: 80px;}

.padBot0{padding-bottom: 0px;}
.padBot5{padding-bottom: 5px;}
.padBot10{padding-bottom: 10px;}
.padBot15{padding-bottom: 15px;}
.padBot20{padding-bottom: 20px}
.padBot30{padding-bottom: 30px;}
.padBot50{padding-bottom: 50px;}
.padBot80{padding-bottom: 80px;}

.padTop0{padding-top: 0px;}
.padTop5{padding-top: 5px;}
.padTop10{padding-top: 10px;}
.padTop15{padding-top: 15px;}
.padTop20{padding-top: 20px}
.padTop30{padding-top: 30px;}
.padTop50{padding-top: 50px;}
.padTop80{padding-top: 80px;}

.wid50{width: 50%;}
.wid100{width: 100% !important;}
.minH350{min-height:350px;}
.minH400{min-height:400px;}
.minH40{min-height:40px;}



/*.Approved{background: url(../images/singitaiconapprove.png) no-repeat 0 -20px;}
*/
.Approved{
	color: #62bc58 !important;
	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;
}
.Approved:before {
  content: "\f164";
}








/* Singita Colour Classes  ______________________________________*/

/*TEXT COLOURS*/
.white{color: #FFF;}
.bodycopy{color: #555857;}

.darkgreen{ color: #6a6e4d;}
a.darkgreen:hover, a.darkgreen:active, a.darkgreen:focus{color: #4d5038 !important;}
.darkbrown{ color: #9f6a40;}
a.darkbrown:hover, a.darkbrown:active, a.darkbrown:focus{color: #8a5a34 !important;}
.teal{ color: #62afb9;}
a.teal:hover, a.teal:active, a.teal:focus{color: #4898a2 !important;}
.green{color: #62bc58}
a.green:hover, a.green:active, a.green:focus{color: #4aa140 !important;}
.sage{color: #88af9a}
a.sage:hover, a.sage:active, a.sage:focus{color: #6a9a7f !important;}
.lightblue{color: #89d4e9}
a.lightblue:hover, a.lightblue:active, a.lightblue:focus{color: #5ec4e1 !important;}
.darkblue{color: #004173}
a.darkblue:hover, a.darkblue:active, a.darkblue:focus{color: #003259 !important;}
.lightbrown{color: #a79d84}
a.lightbrown:hover, a.lightbrown:active, a.lightbrown:focus{color: #918567 !important;}
.lightgrey{color: #c4bcba}
a.lightgrey:hover, a.lightgrey:active, a.lightgrey:focus{color: #aba29e !important;}
.gold{color: #caba6c}
a.gold:hover, a.gold:active, a.gold:focus{color: #bca847 !important;}
.red{color: #e02627}
a.red:hover, a.red:active, a.red:focus{color: #b41c15 !important;}
.peach{color: #f3d187}
a.peach:hover, a.peach:active, a.peach:focus{color: #edbf58 !important;}


.sdTan{color: #a79d85}
a.sdTan:hover, a.sdTan:active, a.sdTan:focus{color: #918567 !important;}
.sdSlate{color: #565857}
a.sdSlate:hover, a.sdSlate:active, a.sdSlate:focus{color: #404140 !important;}
.sdSand{color: #e5e3d9}
a.sdSand:hover, a.sdSand:active, a.sdSand:focus{color: #cfcdc3 !important;}

.greenFlag, .greenFlag:hover, .greenFlag:active, .greenFlag:focus{color: #62bc58 !important;}
.redFlag, .redFlag:hover, .redFlag:active, .redFlag:focus{color: #e02627 !important;}
.lightgreyFlag, .lightgreyFlag:hover, .lightgreyFlag:active, .lightgreyFlag:focus{color: #c4bcba !important;}
.peachFlag, .peachFlag:hover, .peachFlag:active, .peachFlag:focus{color: #f3d187 !important;}


.sdTanBorTop{border-top: 1px solid #e5e3d9;}
.sdTanDarkBorTop{border-top: 1px solid #a79d85;}






/*BACKGROUND COLOURS*/
.darkgreenBG{background-color: #6a6e4d;} 
.darkgreenBG:hover, a.darkgreenBG:active, a.darkgreenBG:focus{background-color: #4d5038 !important;}
.darkbrownBG{background-color: #9f6a40;} 
a.darkbrownBG:hover, a.darkbrownBG:active, a.darkbrownBG:focus{background-color: #8a5a34 !important;}
.tealBG{background-color: #62afb9;} 
.tealBG:hover, a.tealBG:active, a.tealBG:focus{background-color: #4898a2 !important;}
.greenBG{background-color: #62bc58;} 
.greenBG:hover, a.greenBG:active, a.greenBG:focus{background-color: #4aa140 !important;}
.sageBG{background-color: #88af9a;} 
.sageBG:hover, a.sageBG:active, a.sageBG:focus{background-color: #6a9a7f !important;}
.lightblueBG{background-color: #89d4e9;} 
.lightblueBG:hover, a.lightblueBG:active, a.lightblueBG:focus{background-color: #5ec4e1 !important;}
.darkblueBG{background-color: #004173;} 
.darkblueBG:hover, a.darkblueBG:active, a.darkblueBG:focus{background-color: #003259 !important;}
.lightbrownBG{background-color: #a79d84;} 
.lightbrownBG:hover, a.lightbrownBG:active, a.lightbrownBG:focus{background-color: #918567 !important;}
.lightgreyBG{background-color: #c4bcba;} 
.lightgreyBG:hover, .lightgreyBG:active, .lightgreyBG:focus{background-color: #aba29e !important;}
.goldBG{background-color: #caba6c;} 
.goldBG:hover, .goldBG:active, .goldBG:focus{background-color: #bca847 !important;}
.redBG{background-color: #e02627;} 
.redBG:hover, .redBG:active, .redBG:focus{background-color: #b41c15 !important;}
.peachBG{background-color: #f3d187;} 
.peachBG:hover, .peachBG:active, .peachBG:focus{background-color: #edbf58 !important;}


.sdTanBG{background-color: #a79d85!important}
.sdTanBG:hover, .sdTanBG:active, .sdTanBG:focus{background-color: #918567 !important;}
.sdSlateBG{background-color: #565857}
.sdSlateBG:hover, .sdSlateBG:active, .sdSlateBG:focus{background-color: #404140 !important;}
.sdSandBG{background-color: #e5e3d9}
.sdSandBG:hover, .sdSandBG:active, .sdSandBG:focus{background-color: #cfcdc3 !important;}

.sdSand2BG{background-color: #e5e3d9}
.sdTan2BG{background-color: #dad7ce;}
.sdTan3BG{background-color: #a79d85;}


.panel-group .sdTanBG:hover, .panel-group .sdTanBG:active, .panel-group .sdTanBG:focus{background-color: #918567 !important;}












/* Singita Text Classes  ______________________________________*/

h1, h2, h3, h4{
    margin-top: 20px;
    margin-bottom: 10px;
	letter-spacing: .05em;	
}

h5, h6 {
	margin-top: 10px;
    margin-bottom: 5px;
	letter-spacing: .05em;
}

h1{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 38px;
	line-height: 2.4rem;
}				
h2{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 30px;
	line-height: 2.4rem;
}
h3{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 24px;
	line-height: 1.8rem;
}
h4{
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.4rem;
}				
h5{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 16px;
}
h6{
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
}
h7{
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .2em;
}
h8{
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	font-size: 14px;
	font-style: italic;
	display: block;
	padding-top: 2px;
}

.text-uppercase{text-transform: uppercase;}
.font-bold{font-weight: bold;}

.sdLabel1{
	font-size: 0.6rem;
	text-transform: uppercase;
	padding-left: 6px;
	letter-spacing: 0.06em;
}
.sdLabel2{
	font-size: 0.9rem;
	padding-left: 6px;
}
.sdItalic{
	text-transform: lowercase;
	font-weight: 100;
}
.reqField{
	color: #e02627;
	font-weight: bold;
}
.fontSmlest{font-size:0.6em;}














/* Singita Button Classes  ______________________________________*/

.btnSD-primary {
	display: block;
	width: 100%;
	height: 40px;
	min-height: 25px;
	font-size: .85rem;
	text-align: center;
	text-decoration: none !important;
	font-weight: bold;
	letter-spacing: 0.06rem;
	padding: 0.7rem 0.6rem 0.5rem 0.6rem;
	text-transform: uppercase;
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer;
	color: #FFF;
	text-align: center;
	border: 0;
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Helvetica, Arial, sans-serif;
}
.btnSD-medium {
	display: block;
	width: 100%;
	max-width: 160px;
	height: 40px;
	min-height: 25px;
	font-size: .85rem;
	text-align: center;
	text-decoration: none !important;
	font-weight: bold;
	letter-spacing: 0.06rem;
	padding: 0.7rem 0.6rem 0.5rem 0.6rem;
	text-transform: uppercase;
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer;
	color: #FFF;
	text-align: center;
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Helvetica, Arial, sans-serif;
}
.btnSD-small {
	display: block;
	width: 100%;
	max-width: 80px;
	height: 40px;
	min-height: 25px;
	font-size: .85rem;
	text-align: center;
	text-decoration: none !important;
	font-weight: bold;
	letter-spacing: 0.06rem;
	padding: 0.7rem 0.2rem 0.5rem 0.2rem;
	text-transform: uppercase;
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer;
	color: #FFF;
	text-align: center;
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Helvetica, Arial, sans-serif;
}
.btnSD-small-icon {
	display: block;
	width: 100%;
	max-width: 40px;
	height: 40px;
	min-height: 25px;
	font-size: 1.4rem;
	text-align: center;
	text-decoration: none !important;
	font-weight: bold;
	letter-spacing: 0.06rem;
	padding: 0.3rem 0rem;
	text-transform: uppercase;
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer;
	color: #FFF;
	text-align: center;
}

.loadMoreBtn{
	display: block; 
	text-align: center; 
	max-width: 200px; 
	height: 40px; 
	font-size: 0.85rem; 
	font-weight: 700;
	letter-spacing: 0.06em;
	margin: 0 auto;
}
a.loadMoreBtn:hover{
	text-decoration: none;
}

.pgNumber{
	font-size: 0.85rem; 
	font-weight: normal;
	letter-spacing: 0.06em;
}


.btnSD-primary:hover, .btnSD-primary:focus, .btnSD-primary:active{color: #FFF !important;}
.btnSD-medium:hover, .btnSD-medium:focus, .btnSD-medium:active{color: #FFF !important;}

.btn{
    text-transform: uppercase;
    border-radius: 0;
    font-weight: bold;
}

.btn-primary{
     
}










/* Form ELements and Controls Classes ______________________________________*/

.sdSelectMain{width: 100%; min-height: 24px; border-radius: 0; border: 0px solid #ebebeb; text-transform: uppercase;}


.sdInputTextbox{width: 100%; min-height: 40px; border-radius: 0; border: 1px solid #ebebeb;padding: 3px 10px;}
.sdTextarea{width: 100%; min-height: 100px; border-radius: 0; border: 1px solid #ebebeb; text-transform: none; padding: 3px 10px;}

.sdInputLabel1{padding-top:13px;}


.sdSearchBox{max-width: none!important;width:80%!important}
.sdSearchBtn{display: block; width: 20%; height: 40px; border: 3px solid #a8aaa9; float: right; font-size: 1.2em; color: #a8aaa9; text-align: center; padding-top: 4px; cursor: pointer;}
.sdSearchBtn:hover, .sdSearchBtn:active, .sdSearchBtn:focus{color: #FFF; background: #a8aaa9;}
.sdSearchBlk{display:block;width:240px;float:right;}
.sdCheckboxLabel{font-family:Georgia, serif; padding-left: 10px;font-size: 0.8em; text-transform:uppercase;}
.sdCheckboxLabel2{font-size: 0.8em;font-family: Georgia, serif;padding-left: 10px;}
.sdCheckboxBlk{display: block; margin-top: 10px;}


.sdCheckboxBlk span input{margin-right: 5px !important;}

.definedInputText{display: block; font-size: 14px; /*padding-top: 10px; font-weight: bold;*/}

.calenderIcon{position: absolute;right: 30px;float: left;font-size: 1.4em;top: 8px;}

.panel{border: 0; border-radius: 0;}
.panel-heading{border-radius: 0;}
.panel-title{font-size: 30px;}
.panel-title a{display: block; width: 100%;}
.panel-group{margin-left: 15px; margin-right: 15px;}
.panel-group .panel{border-radius: 0;}

.sdUploadBox{display: block; width: 100%; min-height: 80px; background: #FFF; text-align:center; padding: 20px;}
.sdUploadBox2{display: block; width: 100%; min-height: 80px; background: #FFF; text-align:center; padding: 20px;}












/* Header and Navigation Classes ______________________________________*/
.navbar{
	background: #FFF;
	border-top: 5px solid #f4f3ef; 
	-webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.16);
	box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.16);
	/*min-height: 125px;*/
}
.nav-loginpage{
	height: 90px !important;
}
.navbar-brand img {
    max-width: 120px;
}
.navbar-toggle{
	background: #63b0ba;
	border-color: transparent;
}
.navbar-toggle .icon-bar{
	background: #FFF;
}

.navbar-nav>li {
    display: inline-block;
    font-size: .85rem;
    font-weight: bold;
    letter-spacing: .02em;
    -webkit-transition: .3s;
    transition: .3s;
	float: left;
}
.navbar-nav>li:before {
    padding: .5rem 0.1rem;
    content: '\00b7';
    color: #989a99;
	display: inline-block;
	float: left;
}
.navbar-nav>li:first-child:before{display: none;}

.nav>li>a:hover, .nav>li>a:focus, .nav>li>a.topNavActive:hover{
    text-decoration: none;
    color: #cccdcc;
	background-color: transparent !important;
}
.nav>li>a:active, .nav>li>a.topNavActive{
	color: #565857;
}
.sd-userBtnBlk{
	display: block;
	float: right;
	margin-top: 1.4rem;
}
.sd-userBtn{
	display: block; 
	width: 200px; 
	height: 40px; 
	background: #a79d85; 
	color: #FFF; 
	font-size: .85rem;
	text-align: center; 
	text-decoration: none !important;
	padding-top: 0.6rem;
	font-weight: bold;
	letter-spacing: 0.06rem;	
	padding: 0.6rem 1rem;
    -webkit-transition: .2s;
    transition: .2s;
}
.sd-userBtn:focus, .sd-userBtn:visited{
	text-decoration: none;
	color: #FFF;
}
.sd-userBtn:hover{
	text-decoration: none;
	background: #918567;
	color: #FFF;
}
.sd-userBtn:active{
	background-color: #918567;
}

.sd-userBtn i{padding: 3px 10px 0 0;}
.sd-userBtn span:before {
   /*content: "Guy McGregor Test Longer Name";*/
}
.sd-userBtn span{
	overflow: hidden;
	display: block;
	max-height: 20px;
	float: left;
	max-width: 150px;
}

.sdUserProfilePanel{
	display: none; 
	width: 200px; 
	height: auto; 
	background: #a79d85; 
	color: #FFF; 
	text-align: left;
	padding: 0;
	line-height: 1rem;
	position: absolute; 
	z-index: 10;
	top: 60px;
	right: 15px;
}

#f:hover ~ .sdUserProfilePanel {
    display: block;
}
#g:hover{
	display: block;
}


.sdUserProfileShadow{
	height: 2px;
	display: block;
	width: 100%;
	clear: both;
	background: #918567;
}

a.sdUserProfileBtn{
	width: 100%; 
	text-align: center;
	min-height: 30px;
	border-top: 1px solid #918567;
	padding: 10px 0 10px 0;
	font-size: 0.8em;
	text-decoration: none !important;
	color: #FFF;
	display: block;
}
a.sdUserProfileBtn:hover{
	background: #918567;
}












/* Breadcrumb and Grey Bar Classes ______________________________________*/
.sticky-wrapper{
	min-height: 50px;
	background: #575958;
	width: 100%;
}
.sdBreadcrumb {
	padding: .5rem 0;
	display: inline-block;
}
.RadSiteMap_Silk{color: #555857 !important;}
.sdBreadcrumb a{
	color: #cfcdc3;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: bold;
    letter-spacing: .2em;
    padding-top: .55rem;
    padding-bottom: .425rem;
    margin-right: 0rem;
    padding-right: 0rem;
    -webkit-transition: .3s;
    transition: .3s;
	text-decoration: none !important;
	display: inline-block;
}
.sdBreadcrumb a:after{
	color: #AFAFAF;
	pointer-events: none;
    cursor: default;
	content: '/';
	padding: 0 10px 0 10px;
}
.sdBreadcrumb a.inactive{
	color: #AFAFAF;
	pointer-events: none;
    cursor: default;
}
.sdBreadcrumb a.inactive:after{
	content: normal;
}

.sdOutOfficeBlk{
	display: inline-block;
	padding: .625rem 0 0 0;
}
h6.sdOutOfficeText{
	color: #FFF;
	opacity: 0.5;
	font-size: 0.8rem;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 10px;
	margin-top: 9px;
}
.sdSelectWrap{
	display: inline-block;
    width: auto;
    padding: 0 10px;
    background: #FFF;
    margin: 0;
    height: 31px;
}
select.sdDDown1{
	padding: 6px 10px 6px 0px;
    margin: 0 0 10px 0;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    background: #fff url(../images/downarrow.png) right no-repeat;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	min-width: 200px;
	font-size: 0.8rem;
	text-transform: uppercase;
}











/* Login and Register Page Styles ______________________________________*/

.loginWrapMain {
	display: block;
	width: 100%;
	min-height: 600px;
}

.loginBlkBG {
	background-color: rgba(0,0,0,.3);
	width: 80%;
	max-width: 800px;
	min-height: 500px;
	margin: 40px auto 80px auto;
	padding: 60px 0 40px 0;
}

.options__header {
	text-align: center;
	color: #fff;
	margin-bottom: 1rem;
	position: relative;
}

.options__header-title {
	color: #fff;
	text-transform: uppercase;
	font-size: .85rem;
	font-weight: 700;
	letter-spacing: .2em;
	padding-bottom: 0;
	padding-top: 0;
	display: block;
}

h1.logintitle {
	font-family: 'NellaSue', Georgia, Serif;
	text-align: center;
	color: #FFF;
	font-size: 3.5rem;
	margin-bottom: 2rem;
	padding:20px;
}

a.loginBtn {
	display: block;
	width: 200px;
	height: 40px;
	margin: 0 auto;
	padding: 5px;
	text-transform: uppercase;
	font-size: 1.3rem;
	letter-spacing: 0.06em;
}

.loginEleBlk {
	display: block;
	width: 60%;
	max-width: 60%;
	margin: 0 auto 30px auto;
	text-align: center;
}

input.loginInputs {
	width: 100%;
	max-width: 350px;
	height: 40px;
	color: #999;
	border: 0 !important;
	padding-left: 15px;
}

.loginErrorLabel{color: #f3d187; font-size: 1em; font-family: Georgia, Times New Roman, Constantia, "Lucida Bright", serif}
.loginErrorLabelBlk{margin: 20px auto; width: 50%; text-align: center;}














/* Dashboard Hero Classes  ______________________________________*/
.sdHeroBlk{
	position: relative;
	display: block;
}
.sdHero {
	background-size: cover;
  background-position: center;
	-webkit-transition: background-image .3s ease-in;
	transition: background-image .3s ease-in;
	background-image: url(../images/dashboardimage03.jpg);
/*	background-image: url(../images/dashboardimage01.jpg);*/
	min-height: 500px;
}
h1.dashtitle{
	font-family: 'NellaSue', 'Segoe UI', Arial, sans-serif; 
	text-align: center; 
	color: #FFF; 
	font-size: 5rem; 
	position: absolute; 
	bottom: 5rem; 
	width: 98%; 
	margin-bottom: 7.0rem;
	text-shadow: 0 0 3px #818a91;
	text-transform: none;
}
.dashHeroTextBlk{
	max-width: 1180px;margin:-8rem auto 2rem auto; min-height: 200px;background: #FFF;border-top: 5px solid #eee;box-shadow: -15px 0 15px -15px rgba(0,0,0,0.6),15px 0 15px -15px rgba(0,0,0,0.6); padding: 0 80px;
}
.dashHeroTextBlk h3{
	letter-spacing: 0.02em; line-height: 1.6em; max-width: 650px; margin: 0 auto;
}




/* Dashboard Content Classes ______________________________________*/
.section-header__title {
    text-transform: uppercase;
    color: #a79d85;
    font-size: .95rem;
    font-weight: bold;
    font-family: Calibri,"Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: .1em;
    margin: 0 auto;
}
.section-header__title:hover{
	color: #918568;
}
.section-header-bar{
	display: block;
	margin: 10px auto;
	height: 2px;
	width: 20px;
	background: #a79d85;
	clear: both;
}
a.pageTitleLink:hover, a.pageTitleLink:active, a.pageTitleLink:focus{
	text-decoration: none !important;
}
.dashRowBorder{
	border-bottom: 1px solid rgb(244, 243, 239);
	padding-bottom: 40px;
}

/* Dashboard Blog Articles Styles ______________________________________*/
a.noHovBlog{display: block; width: 100%; height: 100%; max-height: 340px; min-height: 200px;}
a.noHovBlog:hover{color: #555857; background:transparent; text-decoration:none; opacity: 0.8;}

.newsFlashBlks a.noHovBlog h2{min-height: 75px;}
.sdBlogItems{overflow: hidden;height: auto;max-height:200px;}













/* Master Footer Classes ______________________________________*/
.footerBlk1 {
    background-image: url("https://www.singitasd.com/images/new/singita_footer.jpg");
}
#footer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding-top: 2rem;
    padding-bottom: 5rem;
    background-attachment: fixed;
}
.footer-secondary-top{
	padding: 2rem .5rem 0;
	margin: 0 5rem 0;
	background-color: #3e403f;
	min-height: 150px;
}
.footer-third-top{
	padding: 2rem .5rem 0;
	margin: 0 5rem 0;
	background-color: #565857;
	min-height: 80px;
}

ul.socialList{
	list-style: none;
	padding: 1.2rem 0 0 0;
	display: block;
	width: 80%;
	height: 60px;
}
ul.socialList li{
	list-style: none;
	float: left;
	padding: 5px 10px;
}
ul.socialList li a{
	color: #989a99;
}
ul.socialList li a:hover{
	color: #FFF;
}
input.footerSignUpBlk{
	width:80%; height: 40px; background-color: transparent !important; border: 1px solid #989a99 !important; margin-top: 20px; display: block; float: left; padding: 8px 10px; color: #989a99;
}
.footerSignUpBtn{
	width: 60%; display: block; background: #a79d85; height: 40px; float: right; margin-top: 20px; color: #FFF; text-decoration: none; font-size: 0.9rem; font-weight: bold; text-transform: uppercase; padding: 10px; text-align: center; cursor: pointer;
}
a.footerSignUpBtn:hover{
	background: #918568;
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
}

.footerLogoBlk{ }
.footerSignUpBox{padding-right: 0;}


.footer-middle__contact {
	float: left;
	min-height: 1px;
}
.footer_menu--inline {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}


.footer-secondBlk{
	padding-bottom: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
}
.footerLineBlk{
	width:100%; height: 30px; border-top: 1px solid #676968; margin: 0 auto;
}
ul.footerContactLinks{
	display: block; margin: 0; padding: 0;
}
ul.footerContactLinks li{
	list-style: none;
	float: left;
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #989a99;
	font-size: 1rem;
	letter-spacing: .1em;
}
a.footerContactEmail{
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #fff;
	font-size: 1rem;
	letter-spacing: .06em;
}
ul.footerContactLinks li a{
	color: #989a99;
}
ul.footerContactLinks li a:hover, a.footerContactEmail:hover{
	cursor: pointer;
	color: #cccdcc !important;
	text-decoration: none;
	transition: .3s;
}
ul.footerContactLinks li:before {
	content: '|';
	padding: .5rem .8rem;
	color: #989a99;
}
ul.footerContactLinks li:first-child:before {
	display: none;
}

h6.footerTitle{
	letter-spacing: .1em;
	font-size: .85rem;
	font-weight: 700;
	display: block;
	margin-bottom: 3px;
}
.footerLegal{
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
	font-size: .75rem;
	letter-spacing: .1em;
}
ul.footerLegalLinks{
	display: block; margin: 0; padding: 0;
}
ul.footerLegalLinks li{
	list-style: none;
	float: left;
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #989a99;
}
ul.footerLegalLinks li:before {
	content: '|';
	padding: .5rem .8rem;
	color: #989a99;
}
ul.footerLegalLinks li:first-child:before {
	display: none;
}
ul.footerLegalLinks li a{
	color: #989a99;
}
ul.footerLegalLinks li a:hover{
	cursor: pointer;
	color: #cccdcc !important;
	text-decoration: none;
	transition: .3s;
}
.footerEmailBlk{
	text-align: right;
	padding-right: 0;
}
ul.footerLegalLinks li.adjLi{float: right; text-align: right;}
ul.footerLegalLinks li.adjLi span{float: left;}
ul.footerLegalLinks li.adjLi img{float: left; margin: 4px 10px 0 10px;}

.footer-btt {
	margin: 0 auto;
	text-align: center;
}
.footer-btt--link {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-size: .85rem;
	letter-spacing: .1em;
	display: block;
	position: relative;
	padding: 2rem;
	-webkit-transition: .3s;
    transition: .3s;
}
.footer-btt--link:hover{
	text-decoration: none;
	color: #fff;
	opacity: 0.7;
}
.footer-btt--link i.icon {
	font-size: 1.5rem;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 4.5rem;
	-webkit-transition: .3s;
	transition: .3s;
}











/* Responsive Table Classes ______________________________________*/
.nav-tabs {
	border-bottom: 1px solid #a79d85;
}
.nav-tabs>li>a.jobsDashTabs {
	margin-right: .5em;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 0;
}
.nav-tabs>li.active>a.jobsDashTabs, .nav-tabs>li.active>a.jobsDashTabs:focus, .nav-tabs>li.active>a.jobsDashTabs:hover {
	color: #FFF;
	cursor: default;
	background-color: #a79d85 !important;
	border: 1px solid #a79d85;
	border-bottom: 1px solid transparent;
}
.nav>li>a.jobsDashTabs:hover, .nav>li>a.jobsDashTabs:focus, .nav>li>a.active:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #c7c3b7 !important;
	border: 1px solid #c7c3b7;
	border-bottom: 1px solid #a79d85;
}

.nav>li>a.jobsDashTabs {
	padding: .65rem 1rem;
	color: #FFF;
	background: #dad7ce;
	border: 1px solid #dad7ce;
	border-bottom: 1px solid #a79d85;
}

.jobsDashTableHead{
	background: #a79d85!important;
	border: 0!important;
	font-size: 0.8rem;
	color: #fff!important;
	text-transform: uppercase!important;
	text-align: center;
}
.altBG{background: #e5e3d9!important;}
.table>thead.jobsDashTableHead>tr>th{border-bottom: 0;}
.table>tbody>tr.altBG>td{background: #e5e3d9!important;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	border-top: 0;
	border-bottom: 0;
	vertical-align: middle;
}
.table > thead > tr > th {
	font-size: 0.85em;
	text-transform: uppercase;
}
.table>tfoot{
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
}
.table-responsive{
	border: 0 !important;
}

.tabsExtraBtn{
	display: block; width: 160px; position: relative; float: right; 
}
.tabsExtraBtnAdj1{
	right: 0; top: 0;
}
.tabsExtraBtnAdj2{
	right: 5px; top: 0;
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: transparent;
}











/* NewsFlash Dashboard Styles & Classes ______________________________________*/
h1.newsTitle{font-family: Georgia,"Times New Roman",Times,serif;color: #a79d85;font-weight: lighter;}
h6.newsDate{font-family: Georgia,"Times New Roman",Times,serif;color: #a79d85;font-weight: bold;text-transform: uppercase;}
.newsFlashBlks{min-height: 100px;padding-bottom: 30px;}
.newsFlashImgBox{display: block;width: 100%;max-height: 200px;overflow: hidden;}













/* Visual Audit Dashboard Styles & Classes ______________________________________*/
.dashVAblk{display: block; padding-top: 10px; padding-bottom: 10px;}
.dashVAblk:hover{background: #efefe8; color: #555857 !important;}
.dashVAblk a:hover{color: #555857 !important;}
.dashVAimgBlk{display: block; max-height: 100px; margin-bottom: 15px; overflow: hidden; min-height: 100px; background: #e5e3d9;}
.dashVAimgBlk2{display: block; max-height: 180px; margin-bottom: 15px; overflow: hidden; min-height: 180px; background: #e5e3d9;}

.dashVAblk a img{height: auto !important;}
.dashVADate{display: block; background: #9f6a40; color: #FFF; text-transform:uppercase; padding: 5px 3px; text-align: center;}
.dashVAblk p{min-height: 170px;}
.dashVATxtBlk{max-height: 150px; min-height: 150px; overflow:hidden; width: 100%; }














/* Shop Dashboard Styles & Classes ______________________________________*/
.dashShopBlk{margin-bottom: 30px;}
.dashShopWrap{width: 100%; background: #FFF; border: 0px solid #a79d85;}
.dashShopImgBlk{display: block; width: 100%; height: 100%; max-height: 160px; min-height: 160px; overflow: hidden; text-align: center; white-space: nowrap; background: #f8f8f8;}
.dashShopImgHelper{display: block; height: 100%; vertical-align:middle;}
.dashShopImgBlk img{ width: 100%; vertical-align: middle; margin-left: -3px;}
a.dashShopBtn{display: block; width: 100%; padding: 8px; height: 40px; background: #a79d85; color: #FFF; text-align: center;}
a.dashShopBtn:hover{text-decoration: none; color: #FFF; background: #918873;}
.dashShopTitle{padding: 3px; text-align: center; white-space: normal; overflow: hidden; text-overflow: ellipsis; height: 70px; font-size: 0.8em; line-height: 1.3em;}
.dashShopPrice{margin-top: 10px; font-weight: bold;}

















/* Visual Audit Pages Styles & Classes ______________________________________*/
.sdVAitem{min-height: 540px; background: #fff; padding: 10px;}
.sdVAitem:hover{background: #efefe8;}


.RadWindow.rwShadow {
box-shadow: none;
}
.RadWindow {
border-width: 0px;
}

.ruFileLI.ruUploadSuccess {
}

.RadUpload_Default .ruSelectWrap .ruButton.ruButtonHover {
    background-image: none!important;
    background-color: #404140;
}

input[type="file"] {
    display: inline;
}

.RadUpload .ruStyled .ruFileInput {
    font-size: inherit;
}

.RadUpload_Default .ruSelectWrap .ruButton {
    background-image: none!important;
    border-style: none;
    color: #FFFFFF!important;
    margin-left: -4px!important;
}

div.RadUpload .ruBrowse {
    background-image: none!important;
    background-color: #565857!important;
    /*display: block;*/
    width: 100%!important;
    height: 40px!important;
    min-height: 25px!important;
    font-size: .85rem!important;
    text-align: center!important;
    text-decoration: none !important;
    font-weight: bold!important;
    letter-spacing: 0.06rem!important;
    padding: 0.6rem 1rem 0.5rem 1rem!important;
    text-transform: uppercase!important;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
    color: #FFFFFF!important;
    text-align: center;
}

div.RadUpload .ruFakeInput {
    visibility: hidden;
    width: 0;
    padding: 0;
}

div.RadUpload .ruFileInput {
    width: 1;
}













/* Settings Pages Styles & Classes ______________________________________*/

ul.settings{padding-left: 0; }
ul.settings li{list-style: none; padding: 5px; margin: 3px 0;}
ul.settings li.inset{
	padding-left: 25px;
}
ul.settings li:hover, ul.settings li:active, ul.settings li:focus{
	background-color: #f3d187;
}
ul.settings li.active{
	background-color: #edbf58;
}
ul.settings a{
	display: block; width: 100%; height: auto; color: #555857;
}
ul.settings a:hover, ul.settings a:focus, ul.settings a:active{ color: #555857;}


.page {
    width: 790px;
    height: 1020px;
}

/*NEIL ADDED STYLES*/
/*SPACERS*/
.spacer1 {height:1px;}
.spacer2 {height:2px;}
.spacer5 {height:5px;}
.spacer10 {height:10px;}
.spacer20 {height:20px;}
.spacer50 {height:50px;}

/*INPUT WIDTH / HEIGHT LIMIT*/
.w230 {width:230px!important; max-width:230px!important;}
.h30 {height:30px!important; max-height:30px!important;}

/*STYLEGUIDEEDIT.ASPX - CheckBox*/
.checkBox-bottom {padding-top:20px!important;}
.h30 {height:30px!important; max-height:30px!important;}

.RadWindow{
    border: 0 !important;
}

.display-none{
    display: none !important;
}

.rigDescriptionBox{
    display: none;
}

.RadImageGallery{
    background-color: #fff !important;
}

div.RadUpload .ruBrowse
   {
     height:20px!important;
     text-align:left!important;
   }
.ddlHeight {line-height:45px!important;}

.btn-grey{
    background-color: #62bc58!important;
}