/*
Theme Name: joule
Theme URI: http://www.jouleuk.co.uk
Author URI: http://www.weareopen.ie
Author Nanme: Open Visual Communications
Template: wp-forge
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

@import url("http://quotetool.joule.ie/wp-content/themes/wp-forge/style.css");
@import url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css');


/* ------------ NEW STYLES -------------- */


.colour-band {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cbe3ef+0,ffffff+50,cbe3ef+100 */
background: #cbe3ef; /* Old browsers */
background: -moz-linear-gradient(left,  #cbe3ef 0%, #ffffff 50%, #cbe3ef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #cbe3ef 0%,#ffffff 50%,#cbe3ef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #cbe3ef 0%,#ffffff 50%,#cbe3ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbe3ef', endColorstr='#cbe3ef',GradientType=1 ); /* IE6-9 */
}

.gray-band {
	background: url('images/grad-gray.png') repeat-x center top;
	width: 100%;
	position: absolute;
	height: 30px;
}
.blue-banner {background-color: #00afde; margin-top: 60px; padding: 20px; height: 70px; border-bottom: 4px solid #555555;}
.blue-banner h2 {color: #ffffff; font-size: 26px; float: left; position: absolute; left: 20px; margin-top: -5px;}
.blue-banner h5 {color: #ffffff; font-size: 18px; font-weight: 100; text-align: center; padding-top: 5px; position: absolute; width: 100%; text-align: center;}
.blue-banner span a {color: #ffffff; font-size: 16px; border: 1px solid #ffffff; border-radius: 6px; padding: 4px 12px 4px 12px; display: block; position: absolute; right: 20px;}
.blue-banner span a:hover {background-color: #999999;}
.page-top-pad {padding-top: 40px;}

.table-wrapper {
  overflow: hidden;
  overflow-x: auto;
  clear: both;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
p.comment-form-comment label {font-size: 0.95em; padding: 0px 0 8px 0;}

img.trash-icon {
    width:23px;
    padding-bottom: 3px;
}
.users-title {padding: 10px 0 6px 0; font-size: 16px; border-bottom: 1px solid #555555; font-weight: 500;}

.user-list .acf-repeater > table {background-color: transparent !important;}
.user-list .acf-table > thead > tr > th, .acf-table > tbody > tr > td {background-color: transparent !important;}
.user-list table tr.even, table tr.alt, table tr:nth-of-type(even)  {background-color: transparent !important;}
.user-list .acf-table > thead > tr > th {border: 0 !important; padding: 3px;}


/* ------------ CSS OVER RULES -------------- */


.full-screen-width.listing {padding-top: 110px !important;}
.upper .page-header {padding-top: 60px !important;}
.white-page-content { margin: 0 !important; padding: 40px 20px !important; background-color: #ffffff;}
.white-page-content h4 {text-align: center; padding: 0 0 16px 0; font-size: 24px;}
.search-listing { padding: 0 !important; background-color: #e2e2e2 !important;}
.searchandfilter .input {padding: 0px !important;}
.new-quote, .my-quote { position: absolute; top: -10px;}
#table-results-above table thead tr th {color: #444444; font-weight: 100; text-align: center; padding: 12px;}




/* =Theme customization starts here
----------------------------------------------- */

#wrapper {padding: 0; margin: 0; box-shadow:0 0px 0px rgba(100, 100, 100, 0.3);}
.max-width {max-width: 960px; margin: 0 auto; position: relative;}
.f-topbar-fixed {padding-top: 0px !important;}
#backtotop {}
body {background-color: #ffffff;}
h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
ul, ol, dl {margin: 0px; padding: 0px; list-style: none;}


#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
.status-area {padding-top: 20px;}

#facebook-feed-plugin .wff-author-name p {
    margin-bottom: 3px !important;
    padding: 0 0 0px 0;
    line-height: 20px;
}
#facebook-feed-plugin .wff-post-text {
    margin: 0px !important;
}
#facebook-feed-plugin .more-content {
    margin: 0px !important;
}
#facebook-feed-plugin .wff-view-on-facebook {
    margin-top: 0px !important;
}
#facebook-feed-plugin .wff-facebook-feed-title-div {
    float: left;
    width: 85%;
    margin: 0 0px;
}
#facebook-feed-plugin .wff-fb-item {
    padding: 15px 0 10px 0;
    overflow: auto;
    border-bottom: 1px solid #dfdfdf;
}


/* ------------ LINKS -------------- */



a {text-decoration: none;}
a:link {text-decoration: none !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active  {text-decoration: none;}
a[href^=tel] {text-decoration: none;}

.row.margin-top{
	margin-top: 20px;
}
.pad-top{
	padding-top: 100px;
}
.mceContentBody ul,
.mceContentBody ol{
	list-style: disc;
}



/* ------------ TEXT -------------- */

h1 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 32px;
	line-height: 39px;
	color: #444444;
	}
	
h2 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 26px;
	color: #444444;
}

h3 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 24px;
	color: #444444;
}

h4 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	color: #444444;
}

h5 { 	
	font-family: 'Open Sans', Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 14px;
	color: #444444;
}

h6 { 	
	font-family: 'Open Sans', Arial, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 14px;
	color: #444444;
}

p {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #666666;
	padding: 0 0 16px 0;
	line-height: 20px;
	margin: 0;
}

p a:link {
	color: #00ADEF;
	text-decoration: underline;
}

p a:visited {
	color: #00ADEF;
	text-decoration: underline;
}

p a:hover {
	color: #666666;
	text-decoration: underline;
}

p a:active { 
	color: #00ADEF;
	text-decoration: underline;
}

	


/* ------------ NAV -------------- */

ul#menu-main {
	list-style: none;
	position: absolute;
	top: 30px;
	right: 60px;
	width: 60%;
}

ul#menu-main li {
  display: block;
  float: left;
	font-size: 15px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 300;
	color: #ffffff;
	margin: 0 0 0 6%;
	position: relative;
}


ul#menu-main li.nav-tools {
	padding-left: 25px;
	background: url('images/nav-icon-tools.png') no-repeat left center transparent;
	background-size: 17px 17px;
}

ul#menu-main li.homeowner {
	padding-left: 25px;
	background: url('images/nav-icon-homeowner.png') no-repeat left center transparent;
	background-size: 17px 17px;
}

ul#menu-main li.installer {
	padding-left: 25px;
	background: url('images/nav-icon-installer.png') no-repeat left center transparent;
	background-size: 17px 19px;
}

ul#menu-main li.register {
	padding-left: 25px;
	background: url('images/nav-icon-register-product.png') no-repeat left center transparent;
	background-size: 17px 17px;
}

ul#menu-main li.contact {
	padding-left: 25px;
	background: url('images/nav-icon-contact.png') no-repeat left center transparent;
	background-size: 17px 10px;
}



ul#menu-mobile li.houseowner a {
	background: url('images/nav-icon-homeowner.png') no-repeat 20px center transparent;
	background-size: 23px;
}
ul#menu-mobile li.installer a{
	background: url('images/nav-icon-installer.png') no-repeat 20px center transparent;
	background-size: 23px;
}
ul#menu-mobile li.register a {
	background: url('images/nav-icon-register-product.png') no-repeat 20px center transparent;
	background-size: 23px;
}
ul#menu-mobile li.contact a {
	background: url('images/nav-icon-contact.png') no-repeat 20px center transparent;
	background-size: 23px;
}

ul#menu-mobile li.nav-tools a {
	background: url('images/nav-icon-tools.png') no-repeat 20px center transparent;
	background-size: 23px;
}
ul#menu-mobile li.nav-downloads a {
	background: url('images/nav-icon-downloads.png') no-repeat 20px center transparent;
	background-size: 23px;
}
ul#menu-mobile li.nav-erp-label a {
	background: url('images/nav-icon-erp-label.png') no-repeat 20px center transparent;
	background-size: 23px;
}
ul#menu-mobile li.nav-product-area a {
	background: url('images/nav-icon-product-area.png') no-repeat 20px center transparent;
	background-size: 23px;
}
ul#menu-mobile li.nav-training-centre a {
	background: url('images/nav-icon-training-centre.png') no-repeat 20px center transparent;
	background-size: 23px;
}



#mini-nav {position: absolute; top: 16px; right: 52px; overflow: hidden;}
#mini-nav a {text-indent: -99999px; margin-right: 18px; display: inline-block; width: 28px; height: 28px;}

.houseowner-mob {
	background: url('images/nav-icon-homeowner.png') no-repeat center center transparent;
	background-size: 28px;
}
.installer-mob {
	background: url('images/nav-icon-installer.png') no-repeat center center transparent;
	background-size: 28px;
}


ul#menu-main li a {padding: 0 0 4px 0;}
ul#menu-main li a:link {color: #ffffff;} 
ul#menu-main li a:visited {color: #ffffff;}
ul#menu-main li a:hover {color: #cccccc;} 
ul#menu-main li a:active {color: #ffffff;}
ul#menu-main ul {display: none;} 
ul#menu-main li:hover ul {display:block;} 

.sf_date_field li:first-child::after{
}

ul#menu-main .sub-menu {	
	color: #ffffff;
	width: 190px;
	padding: 0;
  position: absolute;
	left: -80px;
	top: 20px;
	padding-top: 20px;
	border-bottom: none;
	background-color: transparent;
	
	-webkit-box-shadow: 18px 18px 23px -12px rgba(0,0,0,0.25);
	-moz-box-shadow: 18px 18px 23px -12px rgba(0,0,0,0.25);
	box-shadow: 18px 18px 23px -12px rgba(0,0,0,0.25);
	
}

ul#menu-main li ul li {
  padding:8px;
	float: none;
	font-size: 15px;
	text-align: left;
	font-weight: 300;
	margin: 0;
	line-height: 21px;
	background-color: #333333;
	border-bottom: 1px solid #ffffff;
}
ul#menu-main li ul li:last-child {
	border-bottom: none;
}

ul#menu-main li ul li a {
	border-bottom: none;
	color: #666666;
	padding: 0 0 0px 36px;
	margin: 0px 0px 0px 0px;
	display: block;
}

ul#menu-main li ul li.nav-erp-label a{
	background: url('images/nav-icon-erp-label.png') no-repeat 6px center transparent;
	background-size: 19px;
}
ul#menu-main li ul li.nav-online-quote a{
	background: url('images/nav-icon-online-quote.png') no-repeat 6px center transparent;
	background-size: 16px;
}
ul#menu-main li ul li.nav-product-area a{
	background: url('images/nav-icon-product-area.png') no-repeat 6px center transparent;
	background-size: 16px;
}
ul#menu-main li ul li.nav-downloads a{
	background: url('images/nav-icon-downloads.png') no-repeat 6px center transparent;
	background-size: 19px;
}
ul#menu-main li ul li.nav-training-centre a{
	background: url('images/nav-icon-training-centre.png') no-repeat 6px center transparent;
	background-size: 16px;
}
ul#menu-main li ul li.nav-register-product a{
	background: url('images/nav-icon-register-prod.png') no-repeat 6px center transparent;
	background-size: 16px;
}

ul#menu-main li ul li a:link {
	color: #ffffff;
}
ul#menu-main li ul li a:visited {
	color: #ffffff;
}
ul#menu-main li ul li a:hover {
	color: #cccccc;
}
ul#menu-main li ul li a:active { 
	color: #cccccc;
}


ul#menu-mobile ul {
	padding: 0px;
	margin: 20px 0 0 0;
}

ul#menu-mobile li {
	font-size: 20px;
	text-align: center;
	font-weight: 500;
	line-height: 19px;
	display: block;
	width: 100%;
}

ul#menu-mobile li a {
	border-bottom: 1px solid #333333;
	color: #cccccc;
	padding: 15px 0 15px 0;
	margin: 0px;
	display: block;
}
ul#menu-mobile li a:link {
	color: #cccccc;
}
ul#menu-mobile li a:visited {
	color: #cccccc;
}
ul#menu-mobile li a:hover {
	color: #ffffff;
	background-color: #666666;
}
ul#menu-mobile li a:active { 
	color: #cccccc;
}


.menu-sidebar-container {margin-bottom: 30px;}
ul#menu-sidebar ul {padding: 0; margin: 0; list-style: none; width: 100%;}
ul#menu-sidebar li {width: 100%; background-color: #279b25; padding: 6px 6px 6px 10px; margin: 0 0 8px 0; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
ul#menu-sidebar li:hover {background-color: #666666;}
ul#menu-sidebar li a {display: block;}
ul#menu-sidebar li a:link {color: #ffffff; } 
ul#menu-sidebar li a:visited {color: #ffffff;} 
ul#menu-sidebar li a:hover {color: #cccccc;} 
ul#menu-sidebar li a:active {color: #ffffff;} 


ul#menu-foot {
	list-style: none;
}

ul#menu-foot li {
    display: block;
	font-size: 14px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 100;
	color: #ffffff;
}

ul#menu-foot li ul {margin: 0; padding: 0;}
ul#menu-foot li a:link {color: #ffffff;} 
ul#menu-foot li a:visited {color: #ffffff;} 
ul#menu-foot li a:hover {color: #666666;} 
ul#menu-foot li a:active {color: #ffffff;} 

.search-nav {background-color: rgba(0,0,0,0.7); overflow: hidden; -webkit-transition: all 0.3s;}
.search-nav input[type="text"] {background-color: rgba(255,255,255,0.30); border: 0px; display: inline-block; float: left; width: 240px; height: 30px; border-bottom-left-radius:3px; border-top-left-radius:3px; color:#ffffff; margin: 0 0 0 40px;}
.search-nav input[type="submit"] {background: rgba(255,255,255,0.30) url('http://quotetool.joule.ie/wp-content/themes/joule-template/images/search.png') no-repeat center center; background-size: 50%; border: 0px; display: inline-block; float: left; width: 32px; height: 30px; text-indent: -999999px; margin: 0px;}

.centre-nav {margin: 0 auto; width: 760px; margin-left: 50%; left: -380px; position: relative; margin-top: 14px;}

ul#menu-social {list-style: none;}
ul#menu-social li {display: inline-block; float: left;}
ul#menu-social li a {display: block;}

.mobile-container {background-color: #222222; overflow: hidden; -webkit-transition: all 0.3s;}

.tel-icon {width: auto; height: 30px; margin-left: 20px; font-size: 20px; font-weight: 500;}
.tel-icon a:link {color: #7fd37d;} 
.tel-icon a:visited {color: #7fd37d;} 
.tel-icon a:hover {color: #ffffff;} 
.tel-icon a:active {color: #7fd37d;} 


.email-icon {background: url('http://quotetool.joule.ie/wp-content/themes/joule-template/images/email.png') no-repeat center center; background-size: cover; text-indent: -999999px; width: 30px; height: 30px; margin-left: 14px;}
.chat-icon {background: url('http://quotetool.joule.ie/wp-content/themes/joule-template/images/chat.png') no-repeat center center; background-size: cover; text-indent: -999999px; width: 30px; height: 30px; margin-left: 14px;}
.twitter {background: url('http://quotetool.joule.ie/wp-content/themes/joule-template/images/twitter.png') no-repeat center center; background-size: cover; text-indent: -999999px; width: 30px; height: 30px; margin-left: 14px;}
.facebook {background: url('http://quotetool.joule.ie/wp-content/themes/joule-template/images/facebook.png') no-repeat center center; background-size: cover; text-indent: -999999px; width: 30px; height: 30px; margin-left: 14px;}
.linkedin {background: url('http://quotetool.joule.ie/wp-content/themes/joule-template/images/linkedin.png') no-repeat center center; background-size: cover; text-indent: -999999px; width: 30px; height: 30px; margin-left: 14px;}

.nav-single {width: 100%; border-top: 5px solid #00AEFF; padding: 10px 0 0 0; margin: 20px 0px;}

span.share-this{
	    display: inline-block;
    font-size: 13px;
    color: #777777;
    vertical-align: top;
    line-height: 20px;
}
.addthis_sharing_toolbox{
	display: inline-block;
	margin-left: 20px;
	margin-top: 0px;
}

/* Icon 1 */

#show-mobile {margin: 0 12px 0 0;}

#show-social, #show-mobile {
  width: 40px;
  height: 30px;
  position: absolute;
  top: 26px;
  right: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#show-social span, #show-mobile span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #ffffff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#show-social span:nth-child(1), #show-mobile span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#show-social span:nth-child(2), #show-mobile span:nth-child(2) {
  top: 13px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#show-social span:nth-child(3), #show-mobile span:nth-child(3) {
  top: 26px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#show-social.open span:nth-child(1), #show-mobile.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 0px;
}

#show-social.open span:nth-child(2), #show-mobile.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#show-social.open span:nth-child(3), #show-mobile.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 26px;
  left: 0px;
}


/* ------------ HEADER -------------- */


#header-wrapper {position: fixed; z-index: 999; width: 100%;}
#header {padding: 15px 0 15px 0; }
.header-width {margin: 0 12% 0 12%;}
.header-col {background-color: rgba(39,156,37,1); }
.header-imgs {padding: 0 !important; margin: 0 !important;}
.logo {width: 170px; height: auto;}


/* Single Quote Page */

.single-quote .inner-details {
    padding: 20px;
    background: #eae9e5;
    margin-bottom: 20px;
}

.inner-details .quote-buttons {
    text-align: left;
    text-align: left;
}
.inner-details .quote-details {
    line-height: 1.9;
    font-weight:200;
}
.options-right {
    float:right !important;
}
.inner-details .acf-field .acf-input {
    width:100%;
    display: inline-block;
}

.inner-details .acf-form-submit {
    margin-top:8px;
}

.comment-single {
    padding:0;
    clear: both;
}
.single-right {
    padding-right:0;
}
.single-right.media-upload {
    float:right;
    clear:none;
}

.single-right.media-upload-files {
    margin-top:40px;
        float:right;
    clear:right;
}
.inner-details .download {
    float:right;
    clear: both;
}
.inner-details .modify{
    float:right;
    clear: both;
}

.status .acf-field .acf-label {
	border-bottom: 1px solid #555555;
}
.status .acf-fields > .acf-field {
    padding: 10px 0px;
}
.inner-details .button.tiny {
    padding: 0.425rem 1.85rem;
    font-size: 0.875rem;
    background: #bda632;
    font-weight: 300;
    border-radius: 5px;
}
.inner-details .acf-field .acf-label label {
    color: #636363;
    font-weight: 500;
    vertical-align: top;
    font-size: 1em;
}


.caller-details {
	
	background-color: #fff !important;
}
.caller-details .acf-fields > .acf-field {
	clear: none;
	float: left;
	width: 50%;
	padding: 10px 8px !important;
}
.caller-details .acf-field .acf-label label {
	padding: 0px !important;
}

/* Ticket form */


.ticket-form {
	background-color: #ececec;
}

.ticket-form .ninja-forms-form-wrap label {font-weight: 100 !important;}
.ticket-form .ninja-forms-form-wrap {border: 40px solid #f2f2f2; padding: 40px 7% 100px; background:#fff;}
.ticket-form .field-wrap {width: 66% !important; margin-right: 20%; border-bottom: 1px dashed #cccccc; padding: 20px 0 20px 0;}
.ticket-form select {width: 50% !important;}
.accordion .accordion-navigation > .caller-details {
  /*max-height: 60vh !important;*/
  overflow-y: auto !important;
}


/* Accordions */



.accordion {
}
.accordion.user {
    margin-bottom: 7%;
}
.accordion .accordion-navigation {
  -moz-transition: ease 0.4s all;
  -o-transition: ease 0.4s all;
  -webkit-transition: ease 0.4s all;
  transition: ease 0.4s all;
  /* 		@include box-shadow(0 0 1px rgba(black, 0.2)); */
  background-color: rgba(255, 255, 255, 0.5);
}
.accordion .accordion-navigation.active {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
}

.accordion .accordion-navigation > a {
  -moz-transition: ease 0.4s all;
  -o-transition: ease 0.4s all;
  -webkit-transition: ease 0.4s all;
  transition: ease 0.4s all;
  background: #555555;
  color:#fff;
  padding: 0.5rem 0.7rem !important;
  font-weight:100;    
}

.accordion .accordion-navigation.active > a {
    background: #555555;
    padding: 0.5rem 0.7rem;
}

.accordion .accordion-navigation > a:after {
   	content: ' ';
    float: right;
    background-image: url(images/icons/asc.png);
    background-repeat: no-repeat;
    background-size: 13px;
    height: 15px;
    width: 13px;
    margin-top: 6px;
}
.accordion .accordion-navigation.active > a:after {
    margin-top: 2px;
   	content: ' ';
    float: right;
    background-image: url(images/icons/asc.png);
    background-repeat: no-repeat;
    background-size: 13px;
    height: 15px;
    width: 13px;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    }

.accordion .accordion-navigation > a:hover {
  background: #555555;
}
.accordion .accordion-navigation > .content {
  display: block;
  max-height: 0;
  overflow-y: auto;
  padding: 0rem;
  -moz-transition: ease 0.4s all;
  -o-transition: ease 0.4s all;
  -webkit-transition: ease 0.4s all;
  transition: ease 0.4s all;
}
.accordion .accordion-navigation > .content.active {
  max-height: 60vh;
  -moz-transition: ease 0.4s all;
  -o-transition: ease 0.4s all;
  -webkit-transition: ease 0.4s all;
  transition: ease 0.4s all;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  background: transparent!important;
}
.single-tickets .accordion .accordion-navigation > .content.active {
  max-height: 60vh;
  -moz-transition: ease 0.4s all;
  -o-transition: ease 0.4s all;
  -webkit-transition: ease 0.4s all;
  transition: ease 0.4s all;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  background: #eae9e5 !important;
  padding: 10px !important;
}

.single-quote .media-upload-files .accordion  .accordion-navigation > .content.active  {
  max-height: 105vh;
}

#panel1a .quote-email {
    background:#d3ead7;
    padding: 20px 20px 0px 20px; 
}
.quote-email .field-wrap {
    width:62%;
}

.accordion .accordion-navigation > .content.caller-details.active {
    max-height:130vh;
}


.quote-email .ninja-forms-form .field-wrap.submit-wrap {
    width: 31%;
    text-align: center;
    float: right;
    clear: both;
    margin-right:1%;
}

.ninja-forms-form input[type="submit"] {
    padding: 0.5em 0em;
    width: 100%;
}

.quote-email #ninja_forms_field_9_div_wrap {
    display: none;
}
.quote-email .ninja-forms-form input[type="submit"] {
    background:#bda632;
    font-family: 'Open Sans', sans-serif;
}
.quote-email .ninja-forms-form input[type="text"] {
    font-family: 'Open Sans', sans-serif;
}
.quote-files ul {
    margin-left:0;
}

.file-list li span{
	padding: 0px;
	width: 20%;
	display: inline-block;
}

.file-list li span.title{width: 55%;}


ul.file-list li{
    background: #eae9e5;
    border-bottom: 2px solid #c6c6c6;
    padding: 4px;
    margin-top: 4px;
    margin-bottom: 2px;
}
.file-list li span.date {
    width:24%;
}
.file-list li span.delete {
    float:right;
	width: 7%;
    padding: 4px;}

ul.file-list li span.title {
    width: 45%;
    margin-left: 10%; 
}

.file-list li span.title a{
    color:#333;
}

.file-list li span.title a:before {
    width: 25px;
    content: " ";
    background-image: url(images/icon-upload.png);
    position: absolute;
    height:22px;
    margin-left:-7%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.8s, opacity 0.8s linear;
}
img.doc-delete {
    float:right;
}
.upload-file button {
    text-align: center;
    margin-top: 10px;
	display: block;
}
.upload-file button:hover {
    background:#bda632 !important;
}
.accordion .accordion-navigation.active ul.file-list li span.title a:before {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.8s linear;
}
img.up-image {
       width: 106px;
    height: 106px;
    object-fit: cover;
}

.accordion .acf-image-uploader img {
    width:40px;
    height:40px;
}

.accordion .acf-field .acf-label label {
    color: #636363;
    font-weight: 100;
    vertical-align: top;
    font-size: 0.95em;
    padding: 3% 0%;
}
.accordion .acf-fields > .acf-field {
    padding: 0px 0px;
}
.accordion h4 {
    padding:5% 0 0;
}
.single-quote .select2-results .select2-result-label {
    color: #636363;
    font-weight: 100;
    font-size: 0.875em;
    background: transparent;
}
.single-quote a.acf-button.button.button-primary {
    display: inline-block;
    background-color: #3aaae0 !important;
    font-size: 14px;
    padding: 0.6em 2.2em;
    color: #636363;
    font-weight: 100;
    border-radius: 5px;
    height: auto;
    width: auto;
    color: #fff;
    float: none;
    margin-top: 15px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    margin-left: 0px;
    margin-right: 20px;    
}
.single-quote .accordion a.acf-button.button.button-primary {
    margin-right:0;
}
.single-quote a.acf-button.button.button-primary:hover {
    background-color: #24c1ea !important;
}

.quote-comments {
  background:#efefef;   
}

.quote-comments #respond form {
        margin: .5rem 0;
}
.quote-comments h3 {
    background: #555555;
    color: #fff;
    padding: 0.6rem 0.7rem;
    font-size:1rem;
}

.bubble-speech{
  position:relative;
  font-family: 'Source Sans Pro', sans-serif;
  margin:2%;
  line-height:22px;
  letter-spacing:1px;
  margin-top:16px;
  margin-bottom:48px;
  width:300px;
  background-color: #fff;
  padding:16px;
  border-radius:4px;
  }

.bubble-speech.bubble-left:after{
    z-index: 2;
    display: block;
    content: "";
    position:absolute;
    bottom:-25px;
    left: 30px;
    border-top: 0 #fff solid;
    border-bottom: 25px transparent solid;
    border-left: 25px  #fff solid;
}
.bubble-speech h2.comments-title {
    font-size:12px;
    color:#666666;
}

.edit-link {display:none;}
.logged-in-as  {display:none;}
.comment-list article {
    border-bottom: none;
    padding:0;
    margin:0;
}

.comment-meta img {border-radius: 50%; overflow: hidden; margin-right: 14px;}
.comment-meta fn {font-size: 13px !important; display: block; width: 100%;}
.comment-meta a {font-size: 13px !important;}

.quote-comments .comments-area article header {
    margin:5% 2% 12%;
}
.quote-comments #respond h3#reply-title {
    background:transparent;
    display: none;
}
li.comment.byuser.even {
    display: inline-block;
    margin:auto 6%;
}
li.comment.byuser.odd {
    display: inline-block;
}
li.comment.byuser.odd {
    float:right;
    background:transparent;
    clear:left;
    display: inline-block;
    margin:auto 6%;
}
.comment.even section p {
      position:relative;
      font-family: 'Source Sans Pro', sans-serif;
      margin:2%;
      line-height:22px;
      margin-top:16px;
      margin-bottom:5%;
      width:300px;
      background-color: #fff;
      padding:16px;
      border-radius:4px;
}
.comment.even section p:before {
        z-index:2;
        display: block;
        content: "";
        position:absolute;
        border-top: 25px transparent solid;
        border-bottom: 0px #fff solid;
        border-left: 25px #fff solid;
        top: -25px;
        left: 45px;
}
p.edit-link {
    padding:0;
}

.comment.odd section p {
      position:relative;
      font-family: 'Source Sans Pro', sans-serif;
      margin:2%;
      line-height:22px;
      margin-top:16px;
      margin-bottom:5%;
      width:300px;
      background-color: #fff;
      padding:16px;
      border-radius:4px;
}
.comment.odd section p:before {
        z-index:2;
        display: block;
        content: "";
        position:absolute;
        border-top: 25px transparent solid;
        border-bottom: 0px #fff solid;
        border-right: 25px #fff solid;
        top: -25px;
        right: 45px;
}

.comments-area .odd article header img {
    float:right;
}

.comments-area .odd article header cite {
    margin-left:50px;
}

.comments-area .odd article header time {
    margin-left:50px;
}

.odd .reply {
    float:right;
}
.odd p.edit-link {
    float:right;
    clear:right;
}
.odd .reply, .even .reply {
    margin-top:0;
}

.comment-list {
    box-shadow: inset 0px 4px 20px rgba(0,0,0,0.40);
}
.quote-comments #comments ol {
    height:300px;
    overflow-y: auto;
    background:#d5e7f0;
}
#comments #respond {
    overflow:hidden;
    margin-top: 0 !important;
}
#respond form p {
    padding:10px 5% 0;
    margin:0
}
#respond form p.form-allowed-tags {
    display: none;
}
#respond p.form-submit {
    float:right;
}
#commentform p input#submit.submit.tiny.button.radius {
    background:#bda632 !important;
    font-size:100%;
    font-weight:100;
    border-radius:5px;
}

:focus {
    outline:none;
}

.open-frame {
    padding:3% 0% 0%;
}

.open-frame h3 {
    font-size:19px;
    padding-bottom:3%;
    display: inline-block;
}
.open-frame h3 span {
    font-weight:400;
    font-size:0.9em;
}
.open-frame a {
    display: inline-block;
    float:right;
    font-weight:100;
    color:#333;
    margin-right: 4%;
}
.open-frame a:after {
    width: 21px;
    content: " ";
    background-image: url(images/icons/icon-fullscreen.png);
    position: absolute;
    height: 21px;
    right:15px;
}
.ll-skin-melon .ui-datepicker .ui-datepicker-title {
    color:#333;
}

.ll-skin-melon .ui-datepicker .ui-datepicker-next span, .ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
    background-image: url(images/icons/ui-icons_333333_256x240.png);
    background-position: -32px 0;
    margin-top: 0;
    top: 0;
    font-weight: 400;
}
.ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
    background-position: -96px 0;
}
.frame iframe {
    border:1px solid #cccccc;
}
.ugc-inner-wrapper {
    margin-top:15%;
}
.ugc-inner-wrapper h2 {
    padding: 5px 0px;
    font-size: 19px;
    padding-bottom:3%;
}
.ugc-inner-wrapper .ugc-input-wrapper label {
    font-weight: 400 !important;
    font-family: 'Open Sans', sans-serif;
}
input#ug_doc.required {
    color:red;
    font-family: 'Open Sans', sans-serif;
    line-height: 0.8;
    padding-top: 5%;
}
.ugc-inner-wrapper .ugc-input-wrapper input.btn.tiny.button.radius {
    background: #bda632 !important;
    font-size: 0.875em;
    border-radius: 5px;
    height: 34px;
    padding: 0 24px 0 24px;
    font-weight:100;
}
.toggle-height {
    float:right;
    content: '\25bc';
}
.toggle-height:active { 
}

.content-comments {
  height: 50px;
  overflow: hidden;
}

#trigger-h-full.reveal {
    background-color: #555555 !important;
    color: #fff !important;
    padding: 0.5rem 0.7rem !important;
    font-size: 1rem !important;
    border-radius:1px;
    height:2.6em;
}

ul.sf_date_field li {
    display: inline-block;
    width:45%;
    margin:0% 1% 0% 4%;
}
li.sf-field-submit {
    float:right;
    margin-right:3%;
}
i.toggleDown {
    float: right;
    background-image: url(images/icons/desc.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 9px;
    background-size: 13px;
    height: 15px;
    width: 13px;
}
i.toggleUp {
    float: right;
    background-image: url(images/icons/asc.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 9px;
    background-size: 13px;
    height: 15px;
    width: 13px;
}

.table-wrapper {
    margin-top: 30px;
}
.emit {
    padding:0;
}

table tr th, table tr td {
    color:#636363;
    font-weight: 100;
    vertical-align: top;
}


/* ------------ SLIDER -------------- */


#slider-top {position: relative; width: 100%;}

.slide-text {width: 100%; position: absolute; top: 25%; text-align: center; z-index: 9999;}
.slide-text-home {width: 100%; position: absolute; top: 35%; text-align: center; z-index: 9999;}
.slide-text-home h1 {color:#ffffff;}
.slide-text-home h3 {color:#ffffff;}

.video-play {margin-left: 12px;}
.slider-item {width: 100%; overflow: hidden;}
.slider-image {width: 100%;}
.slider-image img {width: 100%;}
.vid {position: relative; margin-bottom: 20px; max-height: 210px; overflow: hidden;}
.vid h3 {text-align: center; display: block; width: 100%; position: absolute; z-index: 999; top: 30%; color: #ffffff;}
.vid-img {opacity: 0.5;}
.vid:hover img {opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.trade-img {}

.single-bom-product .owl-carousel {margin-bottom: 30px;}
.single-bom-product .owl-carousel {margin-bottom: 30px;}

.item.slide-item.placeholder{
	margin-bottom: 40px;
}

.page-slider {border-bottom: 8px solid #dfdfdf;}

.trade-zone-slider-wrapper{
	background-color: #333333;
	padding: 150px 0 30px 0;
}
.trade-zone-slider-wrapper .trade-zone-slider{
	max-width: 990px;
	margin: 0 auto;
}
.trade-zone-slider-wrapper .trade-zone-slider .slider-image {

}
.trade-zone-slider-wrapper .slider-image-container{
	position: relative;
}
.trade-zone-slider-wrapper .caption{
	position: absolute;
	bottom:0px;
	width:100%;
	background-color: rgba(44,44,44,0.75);
	color: #ffffff;
	padding: 15px;
	text-align: center;
}


/* ------------ HOME -------------- */



.top-block {position: relative;}

.section {margin: 40px 0 40px 0;}
.page-colour {background-color:#eae9e5;}

.left-block {padding-left:0px !important; padding-right:0px !important;}
.right-block {padding-left:0px !important; padding-right:0px !important;}

.left-block-text {margin: 30px 5% 20px 12%;min-height: 400px;}
.right-block-text {margin: 30px 12% 20px 5%;min-height: 400px;}

.image-frame {overflow: hidden; height:100%; min-height: 400px;}
.image-frame img {}

.people-block {background-color: #232323; text-align: center; padding-top: 40px;}
.people-block h2 {color: #279b25;}
.people-block p {color: #ffffff;}
.people-image {overflow: hidden; padding-left:30px !important; padding-right:30px !important; padding-bottom: 30px;}
.people-image img {border-radius: 50%;}
.people-text {margin: 0 auto !important; position: relative; max-width: 600px !important;}
.people-text1 {margin: 20px auto 0 auto !important; position: relative; max-width: 800px !important;}
.people-text2 {margin: 0 auto 40px auto !important; position: relative; max-width: 600px !important;}

.round-nav-block {position: absolute; bottom: 40px;}
.round-nav-items {margin: 0 auto !important; position: relative; max-width: 600px !important;}
.round-nav-image {overflow: hidden; padding-left:20px !important; padding-right:20px !important; padding-bottom: 30px;}
.round-nav-image img {border-radius: 50%; margin-bottom: 12px;}
.round-nav-image p {text-align: center; color: #ffffff;}



/* ------------ PAGE -------------- */



.wrapper {width: 100%;}
.column, .columns {padding-left: 10px; padding-right: 10px;}
.page-header {width: 100%; border-bottom: 0px; margin-bottom: 40px; padding-bottom: 0px;}
.page-header h1 {width: 100%; text-align: center;}
.page-header.no-slider{padding-top: 110px;}

.btn-center{text-align: center;}

button.video{
	background-image: url(images/icon-video.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	padding-right: 80px !important;
	min-height: 42px;
	top: 20px;
}

.erp-class span{
	background: url(images/icon-rating-bg-A.png) no-repeat transparent left center;
	width: 194px;
	display: inline-block;
	text-align: left;
	color: #fff;
	padding-left: 10px;
}

.erp-class.A span{background: url(images/icon-rating-bg-A.png) no-repeat transparent left center;width: 194px;}
.erp-class.B span{background: url(images/icon-rating-bg-B.png) no-repeat transparent left center;width: 194px;}
.erp-class.C span{background: url(images/icon-rating-bg-C.png) no-repeat transparent left center;width: 194px;}
.erp-class.D span{background: url(images/icon-rating-bg-D.png) no-repeat transparent left center;width: 194px;}
.erp-class.E span{background: url(images/icon-rating-bg-E.png) no-repeat transparent left center;width: 194px;}
.erp-class.F span{background: url(images/icon-rating-bg-F.png) no-repeat transparent left center;width: 194px;}
.erp-class.G span{background: url(images/icon-rating-bg-G.png) no-repeat transparent left center;width: 194px;}
.erp-class.H span{background: url(images/icon-rating-bg-H.png) no-repeat transparent left center;width: 194px;}

.erp-headings{
	margin-bottom: 5px;
	font-size: 14px;
	color: #666666;
	font-weight: 500;
}

.breadcrumbs {
  border-width: 0px;
  display: block;
  list-style: none;
  margin-left: 0;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 20px 0 20px 0;
  background-color: transparent;
  border-radius: 0px;
}

.box-text {background-color: #ffffff; padding: 20px; text-align: center; margin-bottom: 20px; margin-top: -70px; box-shadow: 0px 0px 30px rgba(0,0,0,0.4);}
.box-text h4 {margin-top: 80px;}
.box-image {overflow: hidden; border: 8px solid #ffffff; border-radius: 50%; width: 180px; height: 180px; margin: 0 auto; margin-top: 40px; box-shadow: 0px 0px 30px rgba(0,0,0,0.4); position: relative;}
.box-image h3 {text-align: center; color: #ffffff; font-weight: 900; font-size: 26px; position: absolute; top: 40%; display: block; width: 100%; text-shadow: 0px 0px 30px rgba(0,0,0,0.6);}
.box-image img {width: 180px; height: 180px;}

.intro_text {max-width: 600px; margin: 0 auto; text-align: center; margin-top: 40px;}
.feature_box_area {padding-bottom: 40px;}
.feature_box {border-radius: 6px; padding: 12px; min-height: 120px; position: relative; margin-top: 40px; background: #279b25 url(images/feature-back.png) no-repeat center center; background-size: 120% 120%;}
.feature_box:hover {background: #72c271 url(images/feature-back.png) no-repeat center center;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.feature-text {width: 75%; position: absolute; left: 50px; font-weight: 100; font-family: 'Open Sans', Arial, sans-serif;}
.feature-text p {color: #ffffff; font-size: 14px;}
.feature-number {color: #ffffff; font-size: 50px; width: 15%; position: absolute; font-weight: 100; font-family: 'Open Sans', Arial, sans-serif; top: 0px;}

#timeline {margin: 40px 0 40px 0;}
.timeline-item {padding: 20px;}
.timeline-text {text-align: center;}
.timeline-text h4 {font-weight: 900; font-style: italic; border-bottom: 1px solid #666666; padding-bottom: 6px; margin-bottom: 12px; margin-top: 12px;}

.page-content {margin: 50px 0 40px 0; padding: 30px 10px;}

.white-block-content {background-color: #ffffff; margin: 0px 0 0px 0; padding: 20px 20px;}

.page-title {background-color: #eae9e5; display: block; width: 100%; padding: 10px 30px; border-radius: 5px; width: 100%; text-align: center; font-size: 22px; line-height: 28px; font-weight: 100; text-transform: none; margin: 0 0 20px 0;}
.page-title a {color: #777777;}
.page-title a:link {color: #777777;}
.page-title a:visited {color: #777777;}
.page-title a:hover {color: #333333;}
.page-title a:active {color: #777777;}

/* --------- MANUFACTURING & EXCELLENCE ------------- */
#timeline.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 4px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #bebdba;
}
#timeline.owl-theme .owl-controls .owl-page.active span {
    background: #565656;
}

#timeline.owl-theme .owl-controls .owl-buttons{
	position: absolute;
	top:160px;
	width: 100%;
}
#timeline.owl-theme .owl-controls .owl-buttons .owl-prev{
	float: left;
}
#timeline.owl-theme .owl-controls .owl-buttons .owl-next{
	float: right;
}

.sliderContainer.royalSlider-preview{
	padding-bottom: 70px;
}

#gallery-1.rsDefault .rsArrowIcn {
    width: 28px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    cursor: pointer;
}
#gallery-1.rsDefault.rsHor .rsArrowRight {
    right: -80px;
}
#gallery-1.rsDefault.rsHor .rsArrowLeft {
    left: -80px;
}
#gallery-1.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
    background-position: center center;
    background: url('images/slider-right-arrow.png') transparent no-repeat center center;
    background-size: 28px 50px;
}
#gallery-1.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: center center;
    background: url('images/slider-left-arrow.png') transparent no-repeat center center;
    background-size: 28px 50px;
}
#gallery-1 .rsGCaption{
margin-bottom: 40px;
}
#gallery-1 .rsGCaption h4{
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom:1px solid #565656;
	font-size: 20px;
	font-weight: 700;
	font-style: italic;
}
#gallery-1 .rsGCaption p{
	padding: 5px 20px;
}

#gallery-1.rsDefault .rsBullets {
    position: relative;
    bottom: 10px;
    margin-top: 20px;
}


/* -------------- TRAINING CENTRE/COURSE ----------- */
.course-listing #upcoming-events li{
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px;
	padding-bottom:5px;
}

.course-listing #upcoming-events li p{
	margin-bottom: 0;
	padding-bottom: 0;
}
.course-listing #upcoming-events li p:nth-child(1){
	font-size: 18px;
	margin-bottom: 13px;
	font-weight: 500;
}

.course-listing #upcoming-events li p:nth-child(2){
	font-size: 12px;
	color: #848484;
	padding-left: 20px;
	margin-bottom: 5px;
	background: url('images/cal-icon.jpg') left center no-repeat;
	background-size: 15px 15px;
}
.course-listing #upcoming-events li p:nth-child(3) {
	font-size: 12px;
	margin-bottom: 10px;
	color: #848484;
	padding-left: 20px;
	background: url('images/location-marker-icon.jpg') left center no-repeat;
	background-size: 15px 20px;
}

.list-event .event-title,
.single-event .event-title {
    font-size: 18px !important;
    margin-bottom: 10px;
    font-weight: 500 !important;
}
.list-event .event-time,
.single-event .event-time{
	font-size: 12px;
	color: #848484;
	padding-left: 20px;
	margin-bottom: 5px !important;
	background: url('images/cal-icon.jpg') left center no-repeat;
	background-size: 15px 15px;	
  font-weight: normal !important;
  font-size: 12px !important;
   line-height: 20px !important;    
}
.list-event .event-location,
.single-event .event-location {
	font-size: 12px !important;
	margin-bottom: 10px;
	color: #848484;
	padding-left: 20px;
	background: url('images/location-marker-icon.jpg') left center no-repeat;
	background-size: 15px 20px;
	line-height: 20px !important;
}

.list-event .event-time:before,
.single-event .event-time:before{
	content: 'Date: ';   
}
.list-event .event-location:before,
.single-event .event-location:before {
	content: 'Area: ';
}

.course-listing #upcoming-events li p:nth-child(4) {
	margin-bottom: 10px;
}
.course-listing #upcoming-events li p:nth-child(5) {
	margin-bottom: 15px;
}
.course-listing #upcoming-events li p:nth-child(5) a,
.course-listing #upcoming-events li p:nth-child(5) a:visited{
	text-decoration: underline;
}
.hidden-course-list{
	display: none;
}

#my-calendar.mc-main .details {
    background: #fff;
    border: none !important;
}
#my-calendar.mc-main .mc_general .event-title, 
#my-calendar.mc-main .mc_general .event-title a {
    background: #ffffff;
    margin-bottom: 10px;
    font-weight: 100;
    font-family: 'Open Sans', Arial, sans-serif;
    font-style: normal;
    font-size: 32px;
    line-height: 36px;
    color: #444444;
}
#my-calendar.mc-main .mc_general .event-title img{
	display: none;
}

#my-calendar .my-calendar-header .mc-time,
#my-calendar .my-calendar-header .my-calendar-nav{
	display: none;
}


hr.ninja-forms-field {
	margin: 10px 0 6px 0;
}

.ninja-forms-field p {
	margin: 0px; padding: 0px;
}



/*------------- REGISTER A PRODUCT ---------- */

.col-1-heading,
.col-2-heading,
.col-3-heading,
.col-4-heading{
}

.col-1,
.col-1-heading{
	display: inline-block;
	width: 35%;
}
.col-2-wrap.field-wrap,
.col-2-heading{
	display: inline-block;
	width: 8%;
}
.col-3-wrap.field-wrap,
.col-3-heading{
	display: inline-block;
	width: 38%;
}
.col-4-wrap.field-wrap,
.col-4-heading{
	display: inline-block;
	width: 16%;
}

.col-1{
	/*border-left:1px solid #aaaaaa;*/
	padding: 10px;
}
.col-1,
.col-2-wrap,
.col-3-wrap,
.col-4-wrap{
	/*border-top:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
	*/
}

.col-2-wrap.field-wrap,
.col-3-wrap.field-wrap,
.col-4-wrap.field-wrap {
    margin-bottom: 0px;
    padding: 10px;
    margin-left: -5px;
    margin-right: 0;
}
.ninja-forms-form .col-2-wrap label{
	/*display: none !important;*/
	line-height: 1.9em;
}

.col-1 p {padding: 8px}

.col-1,
.col-2-wrap.field-wrap,
.col-3-wrap.field-wrap,
.col-4-wrap.field-wrap{
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	margin-right: 0;
	vertical-align: top;
	height: 46px;
	padding: 4px;
	background-color: #eae9e5;
}
.col-2-wrap.field-wrap,
.col-3-wrap.field-wrap,
.col-4-wrap.field-wrap{
	border-left:none;
}

.checkbox-wrap input[type=checkbox] {
	position:absolute; z-index:-1000; left:-1000px; 
	overflow: hidden; clip: rect(0 0 0 0); 
	height:1px; width:1px; margin:-1px; padding:0; border:0;
}

.checkbox-wrap input[type=checkbox]:checked + label {
	background-position: center -25px;
}

.checkbox-wrap label {
	background:url(images/csscheckbox.png) center top;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#ninja_forms_field_73_div_wrap {border: 0px;}

#ninja_forms_field_72_div_wrap input[type=checkbox]:checked + label{
	background-position: left -25px;
}
#ninja_forms_field_72_div_wrap label {
	background:url(images/csscheckbox.png) left top no-repeat;
	padding-left: 40px;
	padding-bottom: 5px;
}
#ninja_forms_field_72_div_wrap.field-wrap{
	text-align: right;
	margin: 20px 0px;
}

#ninja_forms_field_76_div_wrap a{
	font-size: 13px;
}
#ui-datepicker-div {
    background-color: #ffffff !important;
    padding: 3px;
    border: solid 1px #DDDDDD
}
#ui-datepicker-div table{
	margin-bottom: 0;
	border:none;
}
#ui-datepicker-div table thead {
    background: #FFFFFF;
}
 #ui-datepicker-div .ui-datepicker-calendar td {
    padding: 5px;
    text-align: center;
    background-color: #279c25 !important;
    color: #ffffff;
    border:1px solid #ffffff;
}
 #ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled{
	 opacity: 0.7;
 }
 #ui-datepicker-div .ui-datepicker-calendar td a{
	 color: #ffffff;
     background: #279c25;
 }
#ui-datepicker-div .ui-datepicker-calendar td a:hover {
    background:#38ba36;
}
 
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next{
	font-size: 12px;
	padding: 5px 10px;
    background: #279c25;
    border-radius: 4px;
}
 
#ui-datepicker-div .ui-datepicker-calendar thead tr th{
 font-weight: normal;
}

.ll-skin-melon .ui-state-disabled .ui-state-default {
    color: #b5aead !important;
}


/*------------- PRODUCT AREA ---------- */


.description-body ul, .description-body ol {margin: 0 0 14px 0; padding: 0; list-style: disc;}
.description-body ul li, .description-body ol li {margin: 0 0 0 14px; padding: 0 0 0 8px; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; font-weight: 100; color: #666666; line-height: 20px; }


.prod-section-1 {margin: 0 15px 0 15px;}
.prod-section-2 {margin: 0 15px 0 15px; padding: 30px 0 20px 0; background-color: #eae9e5;}
.prod-section-3 {margin: 0 15px 0 15px; padding: 15px 5px 0 5px; background-color: #eae9e5;}
.prod-section-3-title {margin: 0 15px 0 15px;}

.prod-section-1 .btn-center{
	margin-bottom: 50px;
}

.page-body {margin: 0px;}

.products-area-intro{
	font-size: 17px;
	color: #565656;
	text-align: center;
	padding: 0 0 30px 0;
}
.product-sidebar img{
	margin-bottom: 15px;
}

.product-item{
	margin: 0 0 12px 0 !important;
	background-color: #EBEBEC;
	padding: 0px;
}
.featured-products.products.cat-accordion{
	margin-bottom: 20px;
}

.product-item p{
	font-size: 13px;
	margin-bottom: 0;
}
.product-item .accordion h4{
	background: url(images/arrow_down.png) no-repeat right center transparent;
	background-size: 30px 17px;
}

.product-item .accordion.ui-accordion-header-active.ui-state-active h4{
	background: url(images/arrow_up.png) no-repeat right center transparent;
	background-size: 30px 17px;
}

.product-sub-title{
	padding: 20px 0 10px 0; display: block;
}


.product-item .accordion p {
	padding-right: 30px;
}

ul.products li {
	margin-bottom: 2px;
	padding: 3px 0 3px 6px;
	font-size: 16px;
}
ul.products li a {display: block; background: #999999 url(images/arrow.png) no-repeat right center; background-size: 14px; padding: 2px 0 2px 6px;; width: 100%;}
ul.products li a:link {color:#ffffff;}
ul.products li a:visited {color:#ffffff;}
ul.products li a:hover {color:#cccccc;}
ul.products li a:active {color:#ffffff;}

ul.products li a.ui-accordion-header-active.ui-state-active{
	background: #555555 url(images/arrow.png) no-repeat right center;
	background-size: 14px;
	width: 100%;
}


ul.products ul li a{
	background: transparent;
}

ul.products ul{
	margin: 0 0 10px 0;
}

ul.products ul li {
	background-color: #ffffff;
	margin-bottom: 0px;
	padding: 3px 0 3px 6px;
	font-size: 13px;
	line-height: 18px;
}
ul.products ul li a {display: block;}
ul.products ul li a:link {color:#444444;}
ul.products ul li a:visited {color:#444444;}
ul.products ul li a:hover {color:#ffffff;}
ul.products ul li a:active {color:#444444;}



ul.products ul li:hover {
	background-color: #cccccc;
}

.prod-video h3, .single-product h3{
	font-size: 16px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 15px;
	padding-bottom: 10px;
	color: #666666;
	font-weight: 500;
}

.owl-theme .product-images {
	margin-bottom: 50px;
}
.owl-theme .product-images .owl-item{
	text-align: center;
}
.owl-theme .product-images .owl-item .item.slide-item{
	height:100%;
}
.owl-theme .product-images .owl-item .slider-image {
    width: auto;
}
.owl-theme .product-images .owl-item .slider-image {
	height: 100%;
}

.prod-section-1 .owl-carousel .owl-item{
	margin-bottom: 20px;
}

.dark-bg{
	background-color: #eae9e5;
	padding: 20px 0px;
	margin: 15px;
}

.prod-video{
	width: 90%;
	margin: 0px auto;
	text-align: center;
}
.prod-video h4{
	font-size: 16px;
	font-weight: 500;
}
ul.doc-list li{
	margin-bottom: 4px;
	vertical-align: top;
}
ul.doc-list li a{
	height: 32px;
	vertical-align: top;
	width: 10%;
}

ul.doc-list li .doc-title{
	background-color: #ffffff;	
	padding: 0px 10px;
	height:32px;
	line-height: 32px;
	font-size: 13px;
	display: inline-block;
	width: 80%;
	vertical-align: top;
	color: #565656;
}

ul.doc-list li .icon-view {background: #bda632 url(images/icon-view-document.png) no-repeat center center; background-size: 36px; width: 9%; height:32px; display:inline-block; text-indent: -999999px;}

ul.doc-list li .icon-download {background: #ff9700 url(images/icon-download-document.png) no-repeat center center; background-size: 36px; width: 9%; height:32px; display:inline-block; text-indent: -999999px;}

ul.doc-list li .doc-title:hover, ul.doc-list li .icon-download:hover, ul.doc-list li .icon-view:hover {background-color: #cccccc; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.associated-products {
	margin: 0px !important;
}
.prod-section-3-title h3, .associated-products h3{
	background-color: #279b25;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	margin: 20px 0px 5px 0px;
}
.associated-products .dark-bg{}

.associated-item{
	background-color: #ffffff;
	padding: 15px;
	margin-bottom: 20px;
}
.associated-item h5{
	font-size: 16px;
	color: #515151;
	font-weight: 400;
	margin-bottom: 4px;
}
.associated-item h6{
	font-size: 12px;
	color: #999999;
}
.associated-item .thumbnail{
	width: 35%;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-right: 5px;
}
.associated-item .description{
	width: 60%;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	}
.associated-item .description p{	
	font-size: 12px;
	margin-bottom: 3px;
	padding-bottom: 0;
	line-height: 17px;
}

.component-item{
	margin-bottom: 10px;
}
.prod-section-bom {
	margin: 0px !important;
	margin-bottom: 10px !important;
}
.prod-section-bom .ci1{
	display: inline-block;
	width: 25%;
	float: left;
	border-right: 2px solid #ffffff;
	overflow: hidden;
}
.prod-section-bom .ci1 img{
	max-height: 115px;
}
.prod-section-bom .ci2{
	background: #f2f2f2;
	display: inline-block;
	float: right;
	width: 75%;
}
.prod-section-bom .ci2 h5{
	font-weight: 500;
	margin-bottom: 5px;
	padding: 10px 10px 0px 10px;
	font-size: 15px;
	line-height: 19px;
}
.prod-section-bom .ci2 p{
	padding: 0px 10px 10px 10px;
	font-size: 13px;
	line-height: 18px;
}
.cprod-section-bom .ci2 {
}
.prod-section-bom .ci2 p.readmore{
	background-color: #d7f2f9;
	border-top: 2px solid #fff;
	padding-top: 5px;
}
.prod-section-bom .ci2 p.readmore a{
	float: right;
	color: #444444;
	padding-right: 30px;
	background: url(images/icon-read-more-eye.png) transparent no-repeat right center;
}

.prod-area-listing .ci1{
	display: inline-block;
	width: 20%;
	float: left;
	overflow: hidden;
	padding-right: 6px;
}

.prod-area-listing .ci2{
	background: #ffffff;
	display: inline-block;
	float: right;
	width: 100%;
	padding: 4px;
}
.prod-area-listing .ci2 h5{
	font-weight: 500;
	margin-bottom: 5px;
	padding: 10px 10px 0px 10px;
	font-size: 15px;
	line-height: 19px;
}
.prod-area-listing .ci2 p{
	padding: 0px 10px 10px 10px;
	font-size: 13px;
	line-height: 18px;
}
.prod-area-listing .ci2 p.readmore{
	background-color: #ffffff;
	border-top: 0px solid #fff;
	padding-top: 0px;
	margin-bottom: 4px;
}
.prod-area-listing .ci2 p.readmore a{
	float: right;
	color: #444444;
	padding-right: 30px;
	background: url(images/icon-read-more-eye.png) transparent no-repeat right center;
}

.product-codes-row{
	margin-bottom: 4px;
	vertical-align: top;
}
.product-codes-row .p1,
.product-codes-row .p2,
.product-codes-row .p3{
	margin-right: 0px;
	background-color: #ffffff;
	display: inline-block;
	padding: 4px 8px 4px 5px;
	font-size: 12px;
	color: #565656;
	line-height: 16px;
	vertical-align: top;

}

.p1{
	width:215px;
	width:49%;
	display: inline-block;
}
.p2{
	width:120px;
	width:28%;
	display: inline-block;
}
.p3{
	width:85px;
	width:20%;
	display: inline-block;
}


.cat-image {max-width: 15%; height: auto; display: inline-block; margin: 8px; float: left;}

.cat-content {margin: 8px 8px 0 18%; width: 80%;}

.downloads-content {margin: 0px 0px 0 0px; padding: 0px 10px;}
.downloads-content h5{
	margin-top: 0; padding-top: 0;
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #DDDDDD;
}
.downloads{
	margin: 0 0 12px 0 !important;
	background-color: #FFFFFF;
	padding: 0px;
}

.downloads p {
    padding: 10px 0 4px 0;
    margin: 0;
}
ul.product-downloads > li {
	margin-bottom: 12px;
	font-size: 16px;
	
}
ul.product-downloads > li > a {
    display: block;
    background: #EAE9E5 url(images/arrow.png) no-repeat right center;
    background-size: 14px;
    padding: 6px;
    width: 100%;
    border:none;
    border-bottom: 2px solid #777;
    border-radius:0;
}
ul.product-downloads > li > a:link {color:#777777;}
ul.product-downloads > li > a:visited {color:#777777;}
ul.product-downloads > li > a:hover {color:#333333;}
ul.product-downloads > li > a:active {color:#777777;}

ul.product-downloads > li > a.ui-accordion-header-active.ui-state-active{
	background: #444 url(images/arrow.png) no-repeat right center;
	background-size: 14px;
	width: 100%;
	color: #fff;
}
ul.product-downloads .content{
	background: #EAE9E5;
	padding: 20px;
	border-radius:0;
	border:none;
}
ul.product-downloads ul.doc-list{
	margin-left: 0;
	padding-left: 0;
}

#downloads-filter-form ul{
	width: 100%;
	margin-bottom: 20px;
	vertical-align: top;
}
#downloads-filter-form ul li {
    list-style: none;
    display: inline-block;
    padding: 0px;
    margin: 0;
    width:41%;
    margin-right: 5px;
    vertical-align: top;
}
#downloads-filter-form ul li.sf-field-submit{
	width:14%;
	margin-right: 0;
}
#downloads-filter-form select {
    min-width: 22% !important;
    background-color: #D7F0FC;
    border:none;
    padding-left: 10px;
    background: #D7F0FC url(images/arrow.png) no-repeat right center;
    background-size: 14px;
}
#downloads-filter-form input {
    min-width: 22% !important;
    background-color: #D7F0FC;
    border:none;
}
#downloads-filter-form input[type="submit"]{
	background-color: #279B25;
	color: #ffffff;
	border-radius: 0;
}

.max-width-modal {max-width: 960px; margin: 0 auto; position: relative;}
.video-modal {position: fixed; width: 100%; height: 0%; top:0; left: 0; right: 0; background-color: rgba(30,30,30,0.92); z-index: 999999; opacity: 0; overflow: hidden;}
.video-modal-content {padding: 30px; margin-top: 30px; z-index: 999999;}
.video-modal-content h4 {color: #ffffff;}
.video-modal-content p {color: #ffffff;}
.close-modal a {background: url(images/erp-close-button.png) no-repeat center center; background-size: 100%; text-indent: 99999px; z-index: 99999999; width: 30px; height: 30px; display: block; top: 30px; right: 30px; position: absolute;}



/* ------------ FORMS & SEARCH -------------- */

.search-row.search-results .post-content-wrapper{
	  padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #00ADEF;
}

.search-results .post-content-wrapper h3 a {
    color: #00ADEF;
    margin-bottom: 5px;
    display: block;
}
.search-row.search-results .post-content-wrapper a.more-link{
	display: inline-block;	
}
/* ------------ BLOG -------------- */



.date {color: #848484;}

.post-item {margin: 0 0 20px 0;}

.more-news {border-bottom: 4px solid #dfdfdf; display: block; width: 100%; padding: 0 0 4px 0; font-weight: 100; font-size: 16px;}
.more-news a {color: #777777;}
.more-news a:link {color: #777777;}
.more-news a:visited {color: #777777;}
.more-news a:hover {color: #333333;}
.more-news a:active {color: #777777;}

.latest-news-listing .post{
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 6px solid #00ADEF;
}

.latest-news-listing .post .post-content-wrapper h3,
.latest-news-listing .post .post-content-wrapper h3 a{
	color: #00ADEF;
	margin-bottom: 10px;
}

.latest-news-listing .post .post-content-wrapper img.wp-post-image {
    margin-bottom: 10px;
}

/* ------------ SIDEBAR -------------- */



.twitter-widget-title { display: block; width: 100%; padding: 6px 6px 6px 10px; font-size: 16px; color: #ffffff !important; text-transform: none; border-radius: 5px; width: 100%; font-weight: 300; background: #00adef url(images/icons/icon-twitter.png) no-repeat right center; background-size: 34px auto;}

.facebook-widget-title { display: block; width: 100%; margin: 15px 0px; padding: 10px 6px 10px 10px; font-size: 16px; color: #ffffff !important; text-transform: none; border-radius: 5px; width: 100%; font-weight: 300; background: #425691 url(images/icons/icon-facebook.png) no-repeat right center; background-size: 34px auto;}

.icon-product {background: url(images/icons/icon-products.png) no-repeat right center; background-size: 30px auto;}
.icon-training {background: url(images/icons/icon-training.png) no-repeat right center; background-size: 30px auto;}
.icon-tools {background: url(images/icons/icon-tools.png) no-repeat right center; background-size: 35px auto;}
.icon-news {background: url(images/icons/icon-news.png) no-repeat right center; background-size: 30px auto;}

.my-calendar-date-switcher {display: none;}
.mc_bottomnav {display: none;}
.mini-cal {border: 1px solid #dbdbdb; padding: 10px; border-radius: 5px;}
.no-events {background-color: #279b25 !important; color: #ffffff;}

.has-events {background-color: #00adef !important;}
#mc-day.has-events{background-color: #ffffff !important;}
#mc-day .list-event{border-bottom: 1px solid #dddddd;}

.has-events a {color: #ffffff;}
.my-calendar-table .heading {font-weight: 100;}
.my-calendar-table td {border: 1px solid #ffffff !important; padding: 5px 2px 4px 2px !important;}
.day-heading, .weekend-heading {font-weight: 100;}
.nextmonth {background-color: #e7e7e7;}
.my-calendar-prev {position: absolute; left: 0px; top: 10px;}
.my-calendar-next {position: absolute; top: 10px; right: 20px;}
.mini .my-calendar-nav ul {height: 0 !important;}


.mc-main h3.mc-single {
    display: block !important;
    clear: both !important;
    background-color: #eae9e5 !important;
    display: block !important;
    padding: 10px 30px !important;
    border-radius: 5px !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 22px !important;
    line-height: 28px !important;
    font: 100 22px 'Open Sans', Arial, sans-serif;
    font-weight: 100 !important;
    text-transform: none !important;
    margin: 0 0 20px 0 !important;
    
}
.mc-main h3.mc-single:before{
	content: 'Courses on ';
}


#facebook-feed-plugin #cff .cff-view-comments {
    float: none !important;

}


/* ------------ FOOTER -------------- */


.footer-wrapper {background-color: #279b25;}
#footer {margin: 20px 0 20px 0;}
#footer p {color: #ffffff; line-height: 24px;}
#footer a {color: #ffffff;}
#footer a:link {color: #ffffff;} 
#footer a:visited {color: #ffffff;}
#footer a:hover {color: #cccccc;} 
#footer a:active {color: #ffffff;}

.foot-col {border-left:1px dotted #cccccc; padding-left: 12px !important;}



/* ------------ FORMS -------------- */



.ninja-forms-required-items {font-size: 12px; padding: 0 0 10px 0;}
.ninja-forms-form input[type="text"] {border-radius: 5px; border: 1px solid #dedede; padding-left: 10px; font-size: 14px; font-weight: 100; margin: 0px; height:34px; font-family: 'Titillium Web', sans-serif; color: #666666; background-color: #ffffff; width: 100% !important;}
.ninja-forms-form textarea {border-radius: 5px; border: 1px solid #dedede; padding-left: 10px; font-size: 14px; font-weight: 100; margin: 0px; height:34px; font-family: 'Titillium Web', sans-serif; color: #666666; background-color: #ffffff; width: 100% !important;}
.ninja-forms-form select {border-radius: 5px; border: 1px solid #dedede; padding-left: 10px; font-size: 14px; font-weight: 100; margin: 0px; height:34px !important;     font-family: 'Open Sans', sans-serif; color: #666666; background-color: #ffffff; width: 100% !important;}
.ninja-forms-form input[type="submit"] {border-radius: 5px; border: 1px solid #dedede; padding: 0 30px 0 30px; font-size: 14px; font-weight: 100; margin: 0px; height:34px; font-family: 'Titillium Web', sans-serif; color: #ffffff; background-color: #464646; width: auto;}
.ninja-forms-form input[type="submit"]:hover {background-color: #333333;}
.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {width: 100%;}
#ninja_forms_field_17 {width: 100px !important;}
.field-wrap {display: inline-block; width: 48%; padding-left: 10px;}
#ninja_forms_form_5 {margin: 0 0 30px 0;}

.ninja-forms-form .field-wrap.submit-wrap{
	width: 100%;
	text-align: center;
}


.field-wrap {margin-left: 0px;margin-right: 10px;padding-left: 0px;}
.contact-form .field-wrap {float:left;margin-left: 0px;margin-right: 0px;}


.contact-form .field-wrap.right-wrap,
.field-wrap.right-wrap {float:right;margin-right: 10px;}

.contact-form .field-wrap {display: block; width: 100%; padding-left: 0px;}
.contact-form textarea {height: 140px !important;max-height: 140px !important;}


.page-template-template-erp-form-embed h4{
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 20px;
}
.page-template-template-erp-form-embed .field-wrap {
    display: inline-block;
    width: 100%;
    padding-left: 0px;
}
#ninja_forms_form_10_cont{
	padding: 0px 0px 0px 0px;
}
#ninja_forms_form_10_cont .field-wrap {
    margin-bottom: 13px;
}

#ninja_forms_form_10_cont input[type="submit"]#ninja_forms_form_10_mp_next {
    background-color: #bda632 !important;
    border-radius: 5px;
    font-size: 0.875em;
    padding: 0.7em 3.4em;
    font-weight: 100;
    background-image: url(images/icons/proceed.png);
    background-position: 90%;
    background-repeat: no-repeat;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    height: 40px;
    width: auto;
    display: inline-block !important;
    margin-left:0;
}
#ninja_forms_form_10_cont input[type="submit"]#ninja_forms_form_10_mp_next:hover {
    background-color: #ddc13c !important;
    background-image: url(images/icons/proceed.png) !important;
    background-position: 90% !important;
    background-repeat: no-repeat !important;
}

#ninja_forms_form_10_cont input[type="submit"]#ninja_forms_form_10_mp_prev {
    background-color: #eae9e5 !important;
    border-radius: 5px;
    font-size: 0.875em;
    padding: 0.7em 3.4em;
    font-weight: 100;
    background-image: url(images/icons/back-grey.png);
    background-position: 10%;
    background-repeat: no-repeat;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    color: #636363;
    height: 40px;
    margin-right:20px; 
}
#ninja_forms_form_10_cont input[type="submit"]#ninja_forms_form_10_mp_prev:hover {
    background-color: #c3c2be !important;
    background-image: url(images/icons/back-grey.png) !important;
    background-position: 10% !important;
    background-repeat: no-repeat !important;
}
.single-ticket .ninja-forms-form select  {
    height: 2.3125rem !important;
}
.ticket-form .ninja-forms-form-wrap .list-checkbox-wrap ul label, .ticket-form .ninja-forms-form-wrap .list-radio-wrap ul label {
    color: #f0462a !important;
}
.ticket-form .ninja-forms-form select {
    height: 2.3125rem !important;   
}
.ticket-form .ninja-forms-form input[type="submit"].ninja-forms-field-calc-no-old-op {
     background-color: #bda632 !important;
    border-radius: 5px;
    font-size: 0.875em;
    padding: 0.7em 3.75em;
    font-weight: 100;
    background-repeat: no-repeat;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    height: 40px;
    width: auto;
    display: inline-block !important;   
} 
.ticket-form .ninja-forms-form input[type="submit"].ninja-forms-field-calc-no-old-op:hover  {
     background-color: #ddc13c !important;
}
.ticket-form .ninja-forms-form .field-wrap.submit-wrap {
    text-align: start;
}
#ninja_forms_field_81_div_wrap{
	text-align: left;
}

#ninja_forms_form_10_all_fields_wrap h6{
	margin: 8px 0px;
	font-weight: 500;
}
#ninja_forms_form_10_all_fields_wrap hr.hr-space{
	margin: 15px 0px;
	border:none;
	border-width: 0px;
}

a.success-download-btn{
		text-align: center;
    padding: 12px 22px;
    margin: 10px 0px 0px 0px;
    color: #ffffff !important;
    border-radius:5px;
    background-color: rgb(39, 155, 37) !important;
    width: 180px;
    margin-left: 0px;
    height: auto;
    display: block;
    font-size: 14px;
}

/* Ticket Listings Page */
.page-template-template-ticket-listing .searchandfilter ul li.sf-field-submit {
    float:right;
}

.page-template-template-ticket-listing img.trash-icon {
    width: 25%;
    padding-bottom: 3px;
}

.search-listing.ticket-results .searchandfilter ul li.sf-field-submit {
    float:right;
}

.result-tickets img.trash-icon {
    width: 25%;
    padding-bottom: 3px;
}

/* ------------ Quote Tool Items -------------- */

.page-title-quote {background-color: #00afde; display: block; width: 100%; padding: 10px 30px; border-radius: 5px; width: 100%; text-align: center; font-size: 22px; line-height: 28px; font-weight: 100; text-transform: none; margin: 0 0 20px 0;}

.quote-details-title {
	background-color: #555555;
	padding: 10px 10px 10px 20px;
	color: #ffffff;
	margin:0;
}
.quote-details-title p {
	font-size: 18px;
	color: #ffffff;
	padding: 0px;
}
.quote-details p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 100;
	padding: 0px;
	color: #555555;
}
.quote-details p span{
	color: #555555;
	font-weight: 500;
}
.quote-buttons {
	text-align: right;
}
.quote-buttons button {
	background-color: #bda632 !important;
	display: block;
}
.page-colour .quote-buttons button{
	margin-bottom: 8px;
	width: 200px;
}

.frontend-document-uploader{display: none;}

.quote-buttons .duplicate.button a{
	color:#ffffff;
}

.quote-email {
	padding: 20px;
	background-color: #eeeeee;
}

.quote-files {
}

.quote-images-video {
	padding: 1px 1px 20px;;
	background-color: #efefef;
    
}
.quote-images-video-gallery {
	padding: 10px 0px 0px;
	background-color: #fff;
}
.quote-images-video .acf-field .acf-label {margin: 20px 0 4px 0;}


.accordion .quote-images-video .acf-fields > .acf-field {
        padding: 0px 1px;
}

.accordion .quote-images-video .acf-field .acf-label label {
    padding: 0px 14px 5px;
    font-size:0.875em;
}
.accordion .quote-images-video table tbody {
    border-top: 1px solid #d4e9d9;
    border-bottom: 1px solid #d4e9d9;
}

.single-quote .accordion .quote-images-video a.acf-button.button.button-primary {
    margin-right:15px;
}

.single-quote .accordion .quote-images-video .acf-form-submit input[type="submit"].button.tiny {
    margin-left:15px;
}
.status-area .acf-form-submit input[type="submit"].button.tiny {
    margin-top:5px;
}
/* ------------ VARIOUS ITEMS -------------- */	

#map { width: 100%; height: 500px;}


a.home-anchor {
    display: block;
    position: relative;
    top: -140px;
    visibility: hidden;
}


.page-colour button {  
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 100;
	font-size: 14px;
	line-height: normal;
	position: relative;
	text-decoration: none;
	text-align: left;
	-webkit-appearance: none;
	border-radius: 4px;
	display: inline-block;
	padding: 0 12px 0 12px;
	border: 0px;
	color: #FFFFFF;
	transition: background-color 300ms ease-out;
	height: 34px;
	background-color: #bda632 !important;
}
.page-colour button:hover {  
	background-color: #cccccc !important;
}

.page-colour button.dark{
	background-color: #00adef !important;
}
.page-colour button.dark:hover{
	background-color: #279b25 !important;
}

.page-colour .contact-buttons{
	margin: 50px 0px;
}
.page-colour .contact-buttons p{
	font-weight: 500;
}
.page-colour .contact-buttons a{
	display: block;
}
.page-colour .contact-buttons button{
	display:block;
	margin-bottom: 10px;
	width: 100%;
	font-weight: 500;
}

.left {float: left;}
.clear {clear: both;}
.clear-row-margin {margin: 0px !important; padding: 0px !important;}

.full-width{
  width: 100%;
  height: auto;
}

#backtotop {
	background:#ffffff;
	display: block;
	position: fixed;
	right: 1rem;
	bottom:1rem;
	z-index: 99999;
	cursor: pointer;
	display: none;
	color:#999999;
	font-size:0.6875rem;
	width:3.125rem;
	height:3.125rem;
	line-height:3.125rem;
	text-align:center;	
	text-transform:uppercase;
	border-radius:3.125rem;
	transition: color 300ms ease-out;
}
#backtotop:hover {
	background:#222222;
}

.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child {float: left;}

.acf-field select {
    border-radius: 5px;
    background-image: url(images/icons/select-drop.png);
    color: #716f6f;
    font-weight: 100;
    border-color: #ccc;
    background-position: 97% center;
    width: 100%;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    font-size: 0.875rem;
    line-height: normal;
    padding: 0.5rem;
    height: 2.3125rem;
}

.acf-form-submit input[type="submit"].button.tiny {
    display:inline-block;
    background-color: #bda632 !important;
    font-size: 0.875em;
    padding: 0.6em 2.5em;
    color: #636363;
    font-weight: 100;
    border-radius: 5px;
    height: auto;
    width: auto;
    color:#fff;
    float: none;
    margin-top: 15px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    margin-left:0px;
}
.ticket-form .ninja-forms-form input[type="submit"] {
    display:inline-block;
    background-color: #bda632 !important;
    font-size: 0.875em;
    padding: 0.6em 3.7em;
    color: #636363;
    font-weight: 100;
    border-radius: 5px;
    height: auto;
    width: auto;
    color:#fff;
    float: left;
    margin-top: 15px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    margin-left:8px;
    font-family: 'Open Sans', sans-serif;
}
.ticket-form .ninja-forms-form input[type="submit"].tiny.button:hover {
    background-color: #ddc13c !important;
}

.acf-form-submit input[type="submit"].button.tiny:hover {
    background-color: #ddc13c !important;
}
.single-tickets .white-page-content h4 {
    padding: 25px 0 25px 0;
}
.single-tickets .select2-results .select2-highlighted {
    background:transparent !important;
    color:#636363;
}
.page-template-search-results-tickets .search-listing hr {
    display: none;
} 
.page-template-search-results-tickets #table-results-above {
    display: none;
}
.page-template-search-results-tickets .search-listing {
    padding: 14px 12px 70px 26px !important;
}
.accordion .accordion-navigation > .content.caller-details.active .acf-form-submit input[type="submit"].button.tiny {
    margin-left:8px;
}
.user-list .acf-form-submit input[type="submit"].button.tiny {
    position: absolute;
    bottom: 18px;
}
.page-colour .upload-file button:hover {
    background: #ddc13c !important;
}
p.no-comments {
    display: none;
}
.listing .nav-previous {
        background-color: transparent;
    border-radius: 5px;
    font-size: 0.875em;
    padding: 0.7em 3.4em;
    font-weight: 100;
/*    background-image: url(images/icons/back-grey.png);*/
    background-position: 10%;
    background-repeat: no-repeat;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    color: #636363;
}
.listing .nav-previous a {
    color:#636363;
}

.listing .nav-next {
    background-color: transparent;
    border-radius: 5px;
    font-size: 0.875em;
    padding: 0.7em 3.4em;
    font-weight: 100;
    background-image: url(images/icons/proceed.png);
    background-position: 90%;
    background-repeat: no-repeat;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    width:auto;
}
.listing .nav-next a {
    color:#636363;
}

[data-paged="2"] .listing .nav-previous {
    display: none;
}

.single-quote .acf-image-uploader .acf-button.button {
    display: inline-block;
    background-color: #3aaae0 !important;
    font-size: 14px;
    padding: 0.6em 2.2em;
    color: #636363;
    font-weight: 100;
    border-radius: 5px;
    height: auto;
    width: auto;
    color: #fff;
    float: none;
    margin-top: 15px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    margin-left: 0px;
}
.single-quote .acf-file-uploader a.acf-button.button {
        display: inline-block;
    background-color: #3aaae0 !important;
    font-size: 14px;
    padding: 0.6em 2.2em;
    color: #636363;
    font-weight: 100;
    border-radius: 5px;
    height: auto;
    width: auto;
    color: #fff;
    float: none;
    margin-top: 15px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    margin-left: 0px;
    float:right;
}
.quote-email .ninja-forms-form input[type="submit"].tiny.button:hover {
    background-color: #ddc13c !important;
}
p.comment-form-comment::-webkit-input-placeholder {
   padding-top: 10px;
}

p.comment-form-comment::-moz-input-placeholder {
   padding-top: 10px;
}

p.comment-form-comment:-moz-input-placeholder {
   padding-top: 10px;
}

p.comment-form-comment:-ms-input-placeholder {
   padding-top: 10px;
}

.comment-list::-webkit-scrollbar {
    width: 12px;
}
 
.comment-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 1px;
    background:#becfd8;
}
 
.comment-list::-webkit-scrollbar-thumb {
    height: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
     background:#fff;
}

.single-quote .acf-image-uploader .view .acf-button.button {
    padding: 0.6em 1.8em;
    margin-left:12px;
    font-size:12px;
}
.page-template-template-quotes-listing .max-width {
    max-width:1200px;
}

/* ======================================================
   ============== Dashboard Styles ====================== 
   ====================================================*/
.max-width.dashboard {
    max-width:1200px;
}
.row.bluehead {
    background-color: #00afde;
    height:auto;
    padding:20px 0px;
    margin-top: 60px !important;
}
.bluehead h5 a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 100;
}


.bluehead h5 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    padding:7px 0px 0px;
}
.bluehead h5 span {
    font-weight:100;
    color:#fff;
}
.bluehead a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 100;
}
.d-log {
    float:right !important;
}
a.secure {
    border: 2px solid #fff;
    border-radius: 8px;
    font-size:0.875em;
    padding:0.4em 2.4em;
    background-image: url(images/icons/secure.png);
    background-position: 90%;
    background-repeat: no-repeat;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    background-size:10%;
        float: right;
    margin-right: 30px;
}
a.d-out {
    border: 2px solid #fff;
    border-radius: 8px;
    font-size:0.875em;
    padding:0.4em 2.4em;
    background-image: url(images/icons/logout.png);
    background-position: 90%;
    background-repeat: no-repeat;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    background-size:14%;
    float: right;
    margin-right: 30px;
}
.row.dash-select {
    background: #fff;
    border-top:4px solid #ccc;
    
}
.dash-select .columns {
    padding:0;
}

.dash-select .large-2 {
    text-align: center;  
    
}
.dash-select .large-2 a {
    background: #fff;
    color:#999;
    font-size:1.2em;
    height:auto;    
    display: block;
    height:190px;
      -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
    border-left:2px solid #CCCCCC; 
}

/*.dash-select .large-1 a:nth-child(1) {
    border-left:none;
}*/

.dash-select .large-2 a.active {
    background:#279B25;
}
.dash-select .large-2.active a span {
    color:#fff;   
}
.dash-select .large-2 a:hover {
    background:#279B25;
}
.dash-select .large-2 a:hover > span {
    color:#fff
}

.dash-select .large-2 a:active {
    background:#279B25;
}
.dash-select .large-2 a.quote-dash {
     background-image: url(images/icons/dashb-grey.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:25%;
    border-bottom:7px solid #ccc;
}

.dash-select .large-2 a.quote-dash.active, .dash-select .large-1 a.quote-dash:hover {
    background-image: url(images/icons/dashb.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:25%;
    border-bottom:7px solid #fff;
}
.dash-select .large-2 a.trouble-dash {
     background-image: url(images/icons/trouble-t-grey.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:28%;
    border-bottom:7px solid #ccc;
}
.dash-select .large-2 a.trouble-dash:hover {
     background-image: url(images/icons/trouble-t.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:28%;
    border-bottom:7px solid #fff;
}
.dash-select .large-2 a.erp-dash {
     background-image: url(images/icons/erb-dash-grey.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:35%;
    border-bottom:7px solid #ccc;
}
.dash-select .large-2 a.erp-dash:hover {
     background-image: url(images/icons/erb-dash.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:35%;
    border-bottom:7px solid #fff;
}
.dash-select .large-2 a.product-dash {
     background-image: url(images/icons/product-dash-grey.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:21%;
    border-bottom:7px solid #ccc;
}
.dash-select .large-2 a.product-dash:hover {
     background-image: url(images/icons/product-dash.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:21%;
    border-bottom:7px solid #fff;
}
.dash-select .large-2 a.download-dash {
     background-image: url(images/icons/download-dash-grey.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:35%;
    border-bottom:7px solid #ccc;
}
.dash-select .large-2 a.download-dash:hover {
     background-image: url(images/icons/download-dash.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:35%;
    border-bottom:7px solid #fff;
}
.dash-select .large-2 a.phone-dash {
     background-image: url(images/icons/phone-dashboard-grey.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:27%;
    border-bottom:7px solid #ccc;
}
.dash-select .large-2 a.phone-dash:hover {
     background-image: url(images/icons/phone-dashboard.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:27%;
    border-bottom:7px solid #fff;
}
.dash-select .large-2 a.loyalty-dash {
     background-image: url(images/icons/loyalty-rewards-grey.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:29%;
    border-bottom:7px solid #ccc;
}
.dash-select .large-2 a.loyalty-dash:hover {
     background-image: url(images/icons/loyalty-rewards.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:29%;
    border-bottom:7px solid #fff;
}

.dash-select .large-2.active a:hover {
    background:rgba(39, 155, 37, 0.75);
     background-image: url(images/icons/dashb.png);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size:25%; 
}

.dash-select a span {
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    position: absolute;
    bottom:25px;
    font-size:0.95em;
    color:#999;
}
.dash-select a span:hover,.dash-select a.active span {
    color:#fff;
}
.accord-area {
    margin:60px 0px;
}

.row.dash-accordion{
    background:#fff;
    padding:0.9em 2.5em 0.9em 4.3em;
}

.accord-area h3.active {
       color:#fff;
}


.dashboard .accordion span.click {
    display:block;
    float:right;
	position: absolute;
	right: 55px;
	top:8px;
	font-size: 15px;
	color: #666666;
}

.dashboard .accordion span.click:before {
    content: ' ';
    background-image: url(images/icons/dash-show.png);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 30px;
    width: 30px;
    position: absolute;
    background-position: 0% 80%;
}

.dashboard .accordion-open span.click:before {
    content: ' ';
    background-image: url(images/icons/dash-hide-active.png);
    background-size: 20px;
    height: 30px;
    width: 30px;
    position: absolute;
    background-position: 0% 80%;
}

.dashboard .accordion span.click-white {
    display:block;
    float:right;
	position: absolute;
	right: 6px;
	top:8px;
	font-size: 15px;
	
	color: #ffffff;
}


.container1, .container2, .container3, .container4, .container5, .container6, .container7, .container8, .container9, .container9, .container10, .container11, .container12, .container13, .container14, .container15, .container16, .container17, .container18, .container19, .container20 {
	margin: 0 0 20px 0;
}

.acc-header {
    position: relative;
    -webkit-transition: all 0.3s;
    border-bottom: 6px solid #cccccc;
    padding: 0;
    margin: 0;
    height: auto;
    background: #fff;
    padding: 1em 1.5em 1em 4.5em;
/*    margin-bottom: 50px;*/
}

.acc-break {
    background:transparent;
    height:30px;
    position: relative;
}
.acc-header h3 {
    font-size:1.3em;
    font-weight:100;
    color:#999
}


.acc-header.accordion-open {
    background:#666666;
}
.acc-header.accordion-open h3 {
    color:#fff;
}

.acc-header h3.q-dash:before {
    content: " ";
    position: absolute;
    background-image: url(images/icons/dashb-head.png);
    background-position: 50% 40%;
    background-size: 80%;
     background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-left:-45px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header.accordion-open h3.q-dash:before {
    background-image: url(images/icons/dashb.png); 
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header h3.t-dash:before {
    content: " ";
    position: absolute;
    background-image: url(images/icons/trouble-t-head.png);
    background-position: 50% 15%;
    background-size: 80%;
     background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-left:-45px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header.accordion-open h3.t-dash:before {
    background-image: url(images/icons/trouble-t.png); 
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header h3.e-dash:before {
    content: " ";
    position: absolute;
    background-image: url(images/icons/erb-dash-head.png);
    background-position: 50% 40%;
    background-size: 100%;
     background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-left:-45px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header.accordion-open h3.e-dash:before {
    background-image: url(images/icons/erb-dash.png);
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header h3.d-dash:before {
    content: " ";
    position: absolute;
    background-image: url(images/icons/download-dash-head.png);
    background-position: 50% 40%;
    background-size: 100%;
     background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-left:-45px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header.accordion-open h3.d-dash:before {
    background-image: url(images/icons/download-dash.png); 
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header h3.p-dash:before {
    content: " ";
    position: absolute;
    background-image: url(images/icons/product-dash-head.png);
    background-position: 50% 40%;
    background-size: 60%;
     background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-left:-45px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header.accordion-open h3.p-dash:before {
    background-image: url(images/icons/product-dash.png);   
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header h3.phon-dash:before {
    content: " ";
    position: absolute;
    background-image: url(images/icons/phone-dashboard-head.png);
    background-position: 50% 40%;
    background-size: 85%;
     background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-left:-45px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header.accordion-open h3.phon-dash:before {
    background-image: url(images/icons/phone-dashboard.png);
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header h3.l-dash:before {
    content: " ";
    position: absolute;
    background-image: url(images/icons/loyalty-rewards-head.png);
    background-position: 50% 40%;
    background-size: 100%;
     background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-left:-45px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.acc-header.accordion-open h3.l-dash:before {
    background-image: url(images/icons/loyalty-rewards.png);
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.accordion span.click {
    display: block;
    float: right;
    position: absolute;
    right: 6px;
    top: 8px;
    font-size: 15px;
    font-family: 'Raleway', Arial, sans-serif;
    color: #666666;
}
.accordion-content-container {
    background:#fff;
    padding-bottom:60px;
}
.accordion-content-container h2 {
    color:#636363;
    font-size:1.4em;
    text-align: center;
    padding:30px 0px 15px;
}
.dashboard #table-results-above {
    padding: 0px 25px;
}
.dashboard #table-results-above table {
    border-spacing:2px 0px;
}
.dashboard #table-results-above table thead tr th {
    padding:15px;
}
.acc-content-top {
    padding:0;
}
h2.latest {
    padding-top: 0px;
}
.dashboard hr {
    border: solid #DDDDDD;
    border-width: 3px 0 0;
    clear: both;
    height: 0;
    margin: 0px 0 1.1875rem;
}
.dashboard .search-listing {
    padding:14px 25px !important;
    margin 0 25px;
}
.dashboard table#search-results {
    border-collapse: separate;
    border-spacing: 0px 0;
    padding: 10px 0px 0px !important;
}
.dashboard table.tablesorter thead tr .header {
    background:#D5E3EB !important;
    padding: 14px 10px !important;
    background-image: url(images/icons/dash-show.png)!important;
    background-repeat: no-repeat!important;
    background-position: center right !important;
    background-size: 13px !important;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.dashboard table.tablesorter thead tr .headerSortUp {
    padding: 14px 10px !important;
    background-image: url(images/icons/dash-hide-active.png)!important;
    background-repeat: no-repeat!important;
    background-position: center right !important;
    background-size: 13px !important;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.dashboard .ticket-area table.tablesorter thead tr .header {
    background: #D5E3EB !important;
    padding: 14px 10px !important;
    background-image: url(images/icons/dash-show.png)!important;
    background-repeat: no-repeat!important;
    background-position: 100% 50%;
    background-size: 13px !important;
    background-position: 90% 50% !important;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.dashboard .ticket-area table.tablesorter thead tr .headerSortUp {
    padding: 14px 10px !important;
    background-image: url(images/icons/dash-hide-active.png)!important;
    background-repeat: no-repeat!important;
    background-position: center right !important;
    background-size: 13px !important;
    background-position: 90% 50% !important;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.dashboard a.dash-button  {
    width: 200px;
    background: #E2E2E2;
    font-size: 1.05em;
    height: 50px;
    padding: 13px 0px 0px 20px;
    display: inline-block;
    color:#636363;
    font-weight:100;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -webkit-box-shadow: 2px 4px 14px 0px rgba(153,153,153,1);
    -moz-box-shadow: 2px 4px 14px 0px rgba(153,153,153,1);
    box-shadow: 2px 4px 14px 0px rgba(153,153,153,1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-left:2px solid #CCCCCC; 
}
.dashboard a.dash-button:hover  {
    background: #e6e6e6;
}
.dashboard a.dash-button:after {
    content: " ";
    position: absolute;
    width: 47px;
    height: 50px;
    margin-left: 27px;
    margin-top: -13px;
    border-radius: 0px 8px 8px 0px;
    -moz-border-radius: 0px 8px 8px 0px;
    -webkit-border-radius: 0px 8px 8px 0px;
        -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

}
.dashboard a.dash-button.view-allq:after {
    background:#00AFDE;
    background-image: url(images/icons/view-icon.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.dashboard a.dash-button.view-allq:hover::after {
    background:#30c4eb;
    background-image: url(images/icons/view-icon.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.dashboard a.dash-button.dash-nq:after {
    background: #BDA632;
    background-image: url(images/icons/dashb.png);
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left:48px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.dashboard a.dash-button.dash-nq:hover::after {
    background: #ddc13c;
    background-image: url(images/icons/dashb.png);
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left:48px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.dashboard a.dash-button.dash-dl:after {
    background:#00AFDE;
    background-image: url(images/icons/icon-dash-download.png);
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left:48px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.dashboard a.dash-button.dash-dl:hover::after {
    background:#30c4eb;
    background-image: url(images/icons/icon-dash-download.png);
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left:48px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.dashboard .dash-view {
    margin-top:50px;
    margin-left:15px;
}
.dashboard .dash-quote {
    margin-top:50px;
    margin-left:30px;
}
.exp-csv {
    margin-left:25px;
}
.dashboard #table-main {
    padding:0 25px;
}
.dashboard li.sf-field-submit input.tiny.button.radius {
    background:#00AFDE !important;
}
.dashboard li.sf-field-submit input.tiny.button.radius:hover {
    background:#30c4eb !important;
}
.dashboard .ticket-area table#search-results td a.tick-download {
    display: block;
    width:auto;
    background-image: url(images/icons/tick-download.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20%;
    height:25px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
/*
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
*/
}
.dashboard .ticket-area table#search-results td a.tick-download:hover {
    display: block;
    width:auto;
    background-image: url(images/icons/tick-download-hover.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20%;
    height:25px;
        image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.dashboard .download-area {
    padding: 0 25px;
}
.dashboard .download-area .search-listing .searchandfilter ul li select {
    width:260px;
    margin-right:25px;
    padding-left:15px;
}
    /* Internal Accordions */
.dashboard .download-area .accordion-inner {
  margin-left: 0;
  margin-bottom: 2rem;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    margin-top:60px;
}
.dashboard .download-area .accordion-inner .accordion-navigation {
  -moz-transition: ease 0.4s all;
  -o-transition: ease 0.4s all;
  -webkit-transition: ease 0.4s all;
  transition: ease 0.4s all;
  /* 		@include box-shadow(0 0 1px rgba(black, 0.2)); */
  background-color: rgba(255, 255, 255, 0.5);
    margin-bottom: 5px;
   
}
.dashboard .download-area .accordion-inner .accordion-navigation.active {
  /*-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);*/
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
}
.dashboard .dashboard.download-area-inner .accordion .accordion-navigation.active > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: transparent;
}
.dashboard .download-area .accordion-inner .accordion-navigation > a {
  -moz-transition: ease 0.4s all;
  -o-transition: ease 0.4s all;
  -webkit-transition: ease 0.4s all;
  transition: ease 0.4s all;
  background: #D5E3EB;
  display: block;
  padding: 10px 20px;
  color:#555;
     border-bottom: 2px solid #969595;
    font-weight:100;
}
.dashboard .download-area .accordion-inner .accordion-navigation.active > a {
    background: #666666;
    color:#fff;
    
}
.dashboard .download-area .accordion-inner .accordion-navigation > a:hover {
  background-color:#a6d0e8;
}
.dashboard .download-area .accordion-inner .accordion-navigation > .content {
  display: block;
  max-height: 0;
  overflow-y: auto;
  padding: 0 1rem;
  -moz-transition: ease 0.4s all;
  -o-transition: ease 0.4s all;
  -webkit-transition: ease 0.4s all;
  transition: ease 0.4s all;
}
.dashboard .download-area .accordion-inner .accordion-navigation > .content.active {
  max-height: 90vh;
  padding: 1rem;
  -moz-transition: ease 0.4s all;
  -o-transition: ease 0.4s all;
  -webkit-transition: ease 0.4s all;
  transition: ease 0.4s all;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  background: #e2e2e2;
    font-weight:100;
    padding-bottom:60px;
}
.dashboard .download-area .accordion-inner .accordion-navigation > a:after {
    content: ' ';
    float: right;
    background-image: url(images/icons/desc.png);
    background-repeat: no-repeat;
    background-size: 13px;
    height: 15px;
    width: 13px;
    margin-top: 6px;
}
.dashboard .download-area .accordion-inner .accordion-navigation.active > a:after {
    margin-top: 2px;
    content: ' ';
    float: right;
    background-image: url(images/icons/desc.png);
    background-repeat: no-repeat;
    background-size: 13px;
    height: 15px;
    width: 13px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.download-area h4 {
    padding-bottom: 20px;
    padding-left: 10px;
}
a.download-title {
    background:#fff;
    width:100%;
    padding:10px 0px 10px 15px;
    font-size:0.95em;
    color:#565656;
    display: block;
}
a.down-view {
    height:44px;
    display: block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background:#00afde;
    background-image: url(images/icons/view-icon.png);
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
a.down-view:hover {
    background:#30c4eb;
    background-image: url(images/icons/view-icon.png);
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: 50% 50%;    
}
a.down-save {
    height:44px;
    display: block;
    background:#ff9700;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-image: url(images/icons/icon-dash-download.png);
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: 50% 50%;    
}
a.down-save:hover {
    background:#f2ad48;
    background-image: url(images/icons/icon-dash-download.png);
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: 50% 50%;    
}
.download-area .accordion-inner .content .large-10 {
    width:86.33333%;
}
.download-area .accordion-inner .content .large-1 {
    width: 6.33333%;
    padding-left:0px;
}
.product-download {
    padding-top:60px;
}
.single-product-download {
    margin-bottom: 10px;
}
.dashboard .call-area a.dash-button {
    width:190px;
}
.dashboard .call-area table.tablesorter thead tr .header{
    background-position: 90% 50% !important;
}
table#search-results.call-table td {
    padding:15px 0px 15px 10px !important;
}
table#search-results td a.c-recieved {
    padding-left:20px;
}
table#search-results td a.c-recieved:before {
    position: absolute;
    content: ' ';
    width:30px;
    height:30px;
    background-image: url(images/icons/call-received-icon.png);
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    margin-left:-35px;
     margin-top:-2px;
    image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    
}
table#search-results td a.c-made {
   
}
table#search-results td a.c-made:after {
    position: absolute;
    content: ' ';
    width:30px;
    height:30px;
    background-image: url(images/icons/call-made-icon.png);
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    margin-left:10px;
     margin-top:-2px;
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    
}

table#search-results td a.answer {
    padding-left:10px;
}
table#search-results td a.answer:before {
    position: absolute;
    content: ' ';
    width:30px;
    height:30px;
    background-image: url(images/icons/call-answered.png);
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    margin-left:-28px;
    margin-top:-2px;
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    
}

table#search-results td a.missed {
    padding-left:10px;
}

table#search-results td a.missed:before {
    position: absolute;
    content: ' ';
    width:30px;
    height:30px;
    background-image: url(images/icons/call-missed.png);
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    margin-left:-28px;
    margin-top:-2px;
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    
}
h2.in {
        padding: 30px 0px 15px;
}
h2.out {
        padding: 0px 0px 15px;
}
.call-area .searchandfilter .datepicker, .product-area .searchandfilter .datepicker {
    min-width:240px;
    margin-right:25px;
}
.call-area .search-listing .searchandfilter ul.sf_date_field li:first-child {
    padding-right:80px;
}
.call-area .search-listing .searchandfilter ul li li {
    padding-right:80px;
    margin-left: 8px;
}
.product-area .search-listing .searchandfilter ul.sf_date_field li:first-child {
    padding-right:80px;
}
.product-area .search-listing .searchandfilter ul li li {
    padding-right:80px;
    margin-left: 8px;
}
.dashboard .product-area a.dash-button {
    width:270px;
}
.dashboard .product-area .dash-quote {
    margin-left:140px;
}
.dashboard a.dash-button.view-allp:after {
    background:#00AFDE;
    background-image: url(images/icons/view-icon.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    
}
.dashboard a.dash-button.view-allp:hover::after {
    background:#30c4eb;
    background-image: url(images/icons/view-icon.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
     
}
.dashboard a.dash-button.dash-np:after {
    background:#00AFDE;
    background-image: url(images/icons/view-icon.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left:40px;
}
.dashboard a.dash-button.dash-np:hover::after {
    background:#30c4eb;
    background-image: url(images/icons/view-icon.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left:40px;
}

.dashboard .product-area table#search-results td a.tick-download {
    display: block;
    width:auto;
    background-image: url(images/icons/tick-download.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 15%;
    height:30px;

    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
        image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    margin-top:-7px;

}
.dashboard .product-area table#search-results td a.tick-download:hover {
    display: block;
    width:auto;
    background-image: url(images/icons/tick-download-hover.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 15%;
    height:30px;
}
.dashboard .product-area table#search-results td a.tick-download.com {
    display: block;
    width:auto;
    background-image: url(images/icons/tick-download.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 11%;
    height:30px;

    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
        image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */

}
.dashboard .product-area table#search-results td a.tick-download.com:hover {
    display: block;
    width:auto;
    background-image: url(images/icons/tick-download-hover.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 11%;
    height:30px;
}
.dashboard .product-area table#search-results td {
    padding: 15px 0px 5px 10px !important;
}
.dashboard .product-area table.tablesorter thead tr .header {
    background-position: 95% 50% !important;
}
.dashboard .filter-data {
    background: #000;
    display: block;
    padding: 20px 0px;
    background: #eae9e5;
    padding: 30px 0px 10px;
}
.dashboard .filter-data input {
    border-radius:5px;
    width:180px;
    display: inline-block;
      margin-left:25px;
}
.dashboard .filter-data button.sort {
    background: #00AFDE !important;
    font-size: 0.875em;
    font-weight: 100;
    border-radius: 5px;
    padding: 0.5rem 2rem;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 25px;
    width: 180px;
    text-align: center;
}
.dashboard .filter-data button.sort:hover {
        background: #30c4eb !important;
}

/* Mobile */
@media only screen and (max-width: 1024px) {

    button.remove {
        display: block;
    }
    
    /*.pinned table.room-types {
         position: absolute; 
        left: 0; 
        top: 0; 
    }8/

    
}

/* Tablets Landscape */
@media only screen and (max-width: 64.063em) { 
    .white-page-content {
        margin: 9% 0 5%;
        padding: 4% 3% 8% 3%;
    }
    
    .inner.inner-head {
        margin:3% 0% 2%;
    }
    
    /*div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; margin-left:0%; }*/	
    
    .quote-comments #comments ol {
        height:330px;
    }
    .user-head {
        margin-top:5%;
    }
    ul#menu-main {
        width:73%;
    }
    .emit div.table-wrapper {
        margin-top:0;
    }

    .stage.volume-top {
        padding: 12% 4% 1%;
    }
    table.top-quote.big tr td{
     font-size:0.8em;   
    }
    .lt {
        padding :0;
    }
    .room-types span.ng-binding {
        font-size:1.2em;
    }
    
    .footer-wrapper img.logo {
        width:75%;
    }
    
}

/* Tablets Portrait */
@media only screen and (min-width: 43.063em) and (max-width: 54em) { 
        
    ul#menu-main li {
        margin:0 0 0 3%;
    }
    
    .white-page-content {
        margin: 14% 0 0%;
        padding: 4% 3% 8% 3%;
        background: #fff;
    }
    
    .inner.inner-head {
        margin:5% 0% 5%;
    }
    
    .inner.inner-head.details {
        margin:3% 2% 4%;
    }
    
   /*div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; margin-left:0%; }*/
    
    .search-listing .searchandfilter ul li.sf-field-search input[type="text"] {
        width:12em;
    }
    .listing.white-page-content {
        margin: 0px 0px 0px 0px;
        padding: 0% 3% 0% 3%;
    }
    .pagination {
        padding-bottom:5%;
    }
    .start-login .login-username label {
        width:100% !important;
        text-align: left;
    }
        .start-login #wppb-login-wrap .login-password label {
        width: 100%;
        text-align: left;
    }
    .login.white-page-content {
        margin: 0px 0px 0px 0px;
        padding: 0% 3% 5% 3%;
    }
    
    .quote-comments #comments ol {
        height:330px;
    }
    
    .inner-details {
        padding: 3% 2% 15% 1%;
    }
    #panel1a .quote-email {
        padding: 20px 20px 0px 2px;
    }
    
    ul.file-list li span.title {
        padding-left: 2%;
    }
    .file-list li span.title a:before {
        margin-left:-10%;
    }
    .file-list li span.date {
        margin-left: 0%;
        width: 24%;
    }
    .file-list li span {
        padding: 5px 2px 5px 0px;
    }
    .single-quote .white-page-content {
        margin: -10px 0 0px 0;
    }
    .single-quote .page-header h1 {
        margin-top: 10%;
    }

        .single-quote .frame  {
        position: relative;
        padding-bottom: 65.25%;
        padding-top: 30px;
        height: 0;
        overflow: auto; 
        -webkit-overflow-scrolling:touch; 
    }
    
    .single-quote .frame iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin-top: 10%;
    }
    ul#menu-main li.quote-tools {
	   padding-left: 20px;
    }

    ul#menu-main li.nav-tools {
        padding-left: 20px;
    }

    ul#menu-main li.homeowner {
        padding-left: 20px;
    }

    ul#menu-main li.installer {
        padding-left: 20px;
    }

    ul#menu-main li.register {
        padding-left: 20px;
    }

    ul#menu-main li.contact {
        padding-left: 20px;
    }
    ul#menu-main {
        right: 50px;
    }
    .user-head {
        margin-top:9%;
    }
    .user-area ul#menu-main li {
        margin: 0 0 0 10px;
    }
    .upper .page-header {
        padding-top:0%;
        clear: both;
    }
    .file-list li span.date {
        margin-left: 0%;
        width: 24%;
    }
        .user-head.list {
        margin-top:4%;
        padding:3% 5% 0;
    }
    .user-account {
        width:25%;
    }
    .user-account span a {
        padding-left:10%;
    }
    .radios {
        width:70%;
    }
    .position {
        margin-top:4.5%;
    }
    .inner.stage.emit-top {
        padding: 15% 4% 2%;
    }
    .inner.stage.emit {
        padding: 0% 4% 0%;
    }
    hr.divide {
        margin: 12% 0% 4%;
    }
    .inner.stage.volume {
        padding: 5% 2%;
    }
    .stage.volume-top {
        padding: 14% 4% 1%;
    }
    li.sf-field-submit input.tiny.button.radius {
        margin-left:8%;
    }
    .quote-email .field-wrap {
        width: 55%;
        padding-left: 3%;
    }
    .file-list li span.date {
        margin-left: 0%;
        width: 24%;
    }
    img.doc-delete {
        float: right;
        margin-top: 4px;
    }
    .upload-file button {
        width:40%;
        text-align: center;
    }
    .room-types select {
        width:55%;
    }
    .room-types select.with-remove {
        width:55%;
    }
    .room-types input[type="number"] {
        width:55%;
    }
    .room-types input[type="text"] {
        width:55%;
    }
    .room-types input.manif[type="text"] {
        width:35%;
    }
    .page-template-search-results-tickets .searchandfilter .datepicker {
        max-width:85px;
    }
    .page-template-search-results-tickets .search-listing .searchandfilter ul li.sf-field-search input[type="text"] {
        width: 9em;    
    }
    .page-template-search-results-tickets .searchandfilter select {
        min-width: 145px;
    }
    .page-template-search-results-tickets .searchandfilter ul li.sf-field-submit {
        float:none;
    }
    .page-template-search-results-tickets .search-listing {
        padding: 14px 12px 18px 26px !important;
    }
    .page-template-search-results-tickets img.trash-icon.results {
        width: 50%;
    }
    .page-template-template-ticket-listing .searchandfilter .datepicker {
        max-width:85px;
    }
    .page-template-template-ticket-listing .search-listing .searchandfilter ul li.sf-field-search input[type="text"] {
        width: 9em;    
    }
    .page-template-template-ticket-listing .searchandfilter select {
        min-width: 145px;
    }
    .page-template-template-ticket-listing .searchandfilter ul li.sf-field-submit {
        float:none;
    }
    .page-template-template-ticket-listing .search-listing {
        padding: 14px 12px 18px 26px !important;
    }
    .page-template-template-ticket-listing img.trash-icon.results {
        width: 50%;
    }
    
    
}

/* Mobile */
@media screen and (max-width: 767px) {

.table-wrapper {
    border: 1px solid #cccccc;
}

img.trash-icon {
    width:100%;
}

.full-screen-width.listing {padding-top: 90px !important;}

.white-page-content h4 {text-align: center; padding: 20px 0 16px 0; font-size: 24px;}

.white-page-content {padding: 20px 10px !important;}

.search-listing {background-color: #ffffff !important;}
.searchandfilter ul li {margin: 0 !important; width: 100%; padding: 0 !important;}
.search-listing .searchandfilter ul li li {padding: 0; width: 50%;}
.search-listing .searchandfilter ul li.sf-field-search input[type="text"] {padding: 0 !important; width: 100% !important; margin: 0 !important;}
.listing li.sf-field-submit input.tiny.button.radius {width: 100% !important;}
.searchandfilter .datepicker {max-width: none !important;}

.blue-banner {background-color: #00afde; margin-top: 60px; padding: 20px; height: 60px; border-bottom: 4px solid #555555;}
.blue-banner h2 {color: #ffffff; font-size: 26px; position: relative; left: 0px; margin-top: -5px; width: 100%; text-align: center; display: block;}
.blue-banner h5 {color: #ffffff; font-size: 18px; font-weight: 100; text-align: center; padding-top: 5px; position: relative; width: 100%; text-align: center; margin-top: 35px; display: block;}
.blue-banner span a {color: #ffffff; font-size: 16px; border: 1px solid #ffffff; border-radius: 6px; padding: 4px 12px 4px 12px; display: block; position: relative; right: auto; width: 100%; text-align: center; margin-top: 10px;}

	.upper .page-header {padding-top: 0px !important;}
    
    #show-mobile {
        top:12px;
    }
    .mobile {
        padding:0%;    
    }
    .inner.inner-head.details {
        padding:1% 0%;
        width:100%;
        margin:0
    }
    .inner.inner-head.details h2 {
        
    }
    
    .supplied {
        padding:4% 2%;
        font-size:1.1em;
    }
    .inner.next-s {
        padding: 2% 4% 2% 8% !important;
        width:100%;
    }
    .inner.inner-head.stage {
        margin: 14% 2% 4%;
        padding: 0.3em 0;
    }
    .inner.inner-head.break {
        margin: 3% 9% 2% !important;
        padding: 1% 0%;
    }
    .inner.inner-head.break h2 {
        font-size:1.05em;
    }
    .inner.inner-head.stage {
        margin: 3% 6% 4% !important;
    }
    button.proceed {
        width:100%;
    }
    
    button.back {
        width:100%;
    }
    .stage.solar {
        padding: 5% 3%;
    }
    .inner.inner-head solar {
        margin:3% 0% 10%;
    }
    .select-option  {
        padding: 3% 4%;
        margin-bottom: 3%;
        margin: 0% 1% 0% 0%;
    }
    .stage.solar.mid {
        padding: 1% 6%;
    }
    .radios {
        padding:4% 0% 1%;
    }
    .select-option input[type="radio"] {
        margin: 0% 4%;
    }
    
    h2.title {
        font-weight: 300;
        font-size: 1.8em;
    }
    .inner-head h2 {
        font-size:1.3em;
    }
    
    button.add {
        width:100%;
        height:3em;
    }
    button.remove {
        width:100%;
    }
    
    .tabs dd, .tabs .tab-title {
        width:100%;
    }
    h3.heat-emit-large {
        padding:3% 0%;
    }
    .tabs dd.active a, .tabs .tab-title.active a {
        text-align: center;
    }
    .tabs dd > a, .tabs .tab-title > a {
        text-align: center;
    }
    .row.inner-quote {
        word-wrap: break-word;
        padding:3% 6%;
    }
    .row.done {
        word-wrap: break-word;
    }
    
    .inner.stage.seven {
        padding:10% 2%;
    }
    
    .modify.mobile .button {
        width:100%;
    }
    .row.inner {
        padding:3% 6%;
    }
    .login.white-page-content {
        margin: 0% 0px 0px 0px;
        padding: 3% 3% 0% 3%;
    }
    .login .page-header {
        margin-top:20%;
    }
    .start-login #wppb-login-wrap .login-password label {
        width: 100%;
        text-align: left;
    }
    
    .start-login .login-username label {
        width: 100% !important;
        text-align: left;
    }
    button.login-page {
        margin: 0% 0% 8%;
    }
    #wppb-login-wrap {
            padding: 8% 10% 3% 8%;
    }
    .start-login #wppb-login-wrap p.login-submit {
        display: block;
    }
    .login input#wppb-submit.button-primary.tiny.button.radius {
        width:100%;
    }

    .listing .upper .page-header {
        padding-top:35%;
    }
    
    .listing .user-account {
        margin-top:0%;
        width:50%;
        margin-bottom:5%;
    }
    
    .user-account span a {
        padding-left:20%;
    }
    
    .listing.white-page-content {
        margin: 0px 0px 0px 0px;
        padding: 0% 2% 0% 0%;
    }

    
    ul.sf_date_field li {
        margin: 0% 1% 0% 2%;
        padding: 1.5% 2% 1.5% 4%;
    }
    .search-listing .searchandfilter ul li.sf-field-search input[type="text"] {
        width:22em;
        margin:0% 2%;
    }
    
    .listing li.sf-field-submit input.tiny.button.radius {
        margin-left:2%;
        width:22em;
    }
    .listing p {
        margin-top:8%;
    }
    
    h2.listing-title {
        padding: 1.5% 2% 1.5% 4%;
        margin-top: 15%;
    }
    table#search-results td p.delete {
        font-weight: normal;
        padding: 2px 0px 0px 1px;
    }
    .single-quote .page-header h1 {
            margin-top: 50px;
    }
    .single-quote .listing .user-account {
        margin-top: 25%;
        width: 47%;
    }
    .single-quote .white-page-content {
        margin: -10px 0 40px 0;
    }
    .single-quote .modify .button {
        width:100%;
    }
    .upload-file button {
        width:100%;
    }
        ul.file-list li span.title {
        padding-left: 2%;
    }
    .file-list li span.title a:before {
        margin-left:-10%;
    }
    .file-list li span.date {
        margin-left: 0%;
        width: 24%;
    }
    .file-list li span {
        padding: 5px 2px 5px 0px;
    }
    .frame h3 {
        font-size:16px;
    }
    .frame a {
        font-size:16px;
        margin-right:10%;
    }
    .menu-main-container {
        padding:3% 5%;
    }
    .menu-main-container a {
        color:#fff;
    }
    .single-quote .frame  {
        position: relative;
        padding-bottom: 65.25%;
        padding-top: 30px;
        height: 0;
        overflow: auto; 
        -webkit-overflow-scrolling:touch; 
        border: solid black 1px;
    }
    
    .single-quote .frame iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .new-quote, .my-quote {
        display: block;
        float: none;
        padding-right: 0;
        width: 100%;
        top: 10px;
    }
    .user-quotes {
        float: left;
        width: 100%;
    }
    .button.my-q, .button.new-q {
        width:100%;
    }
    .single-quote .listing .user-account {
        margin-top: 0%;
        width: 50%;
    }
    .single-quote .inner-details {
        padding: 5% 2% 0%;
    }
    .download .button {
        width:100%;
    }
    .delete .button {
        width:100%;
    }
    .download {
        padding:2% 0%;
    }
    .modify {
        padding:2% 0%;
    }
    .delete {
        padding:2% 0%;
    }
    .single-quote .frame {
        display: none;
    }
    .open-frame h3 {
        display: block;
    }
    .open-frame a {
        display: block;
        float: none;
        background: #bda632;
        border-radius: 5px;
        width: 100%;
        padding: 2%;
        text-align: center;
        color: #fff;
        margin-top: 4%;
        margin-right:0;
    }
    .open-frame a:after {
        background-image:url(../images/icons/icon-fullscreen-white.png);
        left:90px;
        right:0;
    }
    .inner.stage.emit-top {
        padding: 27% 3% 2%;
    }
    .position {
        margin: 4% 0%;
        width: 100%;
        padding: 0;

    }
    .stage.volume-top {
        padding: 26% 3% 1%;
    }
    .stage.solar {
        padding: 10% 3%;
    }
    .inner.stage.six {
        padding:4% 2%;
    }
    .inner.inner-head.break {
        margin: 3% 5% 2% !important;
    }
    .inner-details .download {
        float:none;
    }
    .inner-details .modify {
        float:none;
    }
    .inner-details .button.tiny {
        width:100%;
    }
    .inner-details .acf-fields  {
        clear: both;
        float: none;
        width: 100%;
    }
    .single-quote .inner-details {
        padding: 5% 2% 0%;
    }
    .inner-details .acf-form-submit {
        float:none;
        width:100%;
    }
    .accordion {
        margin-bottom:7%;
    }
    .single-right {
        padding-right: 0;
        padding-left: 0;
    }
    .comment-single {
        margin-bottom:7%;
    }
    .footer-wrapper img.logo {
        width: 40%;
    }
    .user-list .acf-form-submit input[type="submit"].button.tiny {
        position: relative;
        top: 0;
        
    }
    .single-quote .acf-form-submit input[type="submit"].button.tiny {
        width:100%;
        margin-right:0;
    }
    .single-quote a.acf-button.button.button-primary {
        width:100%;
    }
    .single-quote .acf-actions li {
        width:100%;
    }
    .upload-file button {
        text-align: center;
    }
}
        
        
        
    /* iPhone Only */

        
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
    and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) {

    .white-page-content {
        margin: 29% 0 0%;
        padding: 10% 3% 27% 3%;        
    }
        
    .search-listing .searchandfilter ul li.sf-field-search input[type="text"] {
        width:19em;
        margin:0% 2%;
    }
    
    .listing li.sf-field-submit input.tiny.button.radius {
        margin-left:2%;
        width:19em;
    }
        
    .listing .user-account {
        margin-top: 27%;
        width: 50%;
    }

    .listing .upper .page-header {
        padding-top:40%;
    }
    .single-quote .listing .user-account {
        margin-top: 30%;
        width: 55%;
    }
    .frame h3 {
        font-size:14px;
    }
    .frame a {
        font-size:14px;
        margin-right:10%;
    }
    .single-quote .inner-details {
        padding: 20px 2%;
        margin-bottom: 10%;
        }
        
}


/* ================================================
 *
 * iPad Landscape Stylings
 *
 * ==============================================*/


@media only screen and (max-width: 64.062em) { 
 
    .upper .page-header {
        padding-top: 10px !important;
    }
    .blue-banner h5 {
        width:95%;
    }
    .user-head {
        margin-top: 25px;
    }

    
    
}


/* ================================================
 *
 * Tablet Portrait Stylings 
 *
 * ==============================================*/

@media only screen and (max-width: 56.250em) {
        .user-head.list {
        margin-top: 0px;
        padding: 0px 5% 0;
    }
    .single-quote .page-header h1 {
        margin-top: 10px;
    }
}