@import url('material-icons/css/materialdesignicons.min.css');

.page-contactus #content > .whitebox  {
    background: none !important;
    padding: 0px !important;
    border: none !important;
}

.page-contactus #content > .whitebox #head-title {
    padding: 16px !important;
}

.page-contactus #content > .whitebox #head-title h1 {
    margin-bottom: 4px;
    font-size:
}
.page-contactus #content > .whitebox #head-title p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.page-contactus #content > .whitebox #head-title p:last-child {
    margin-bottom: 0px !important;
}
/* Flyer.be/contactus/offer */

.page-contactus .tab:not(.complaint) .form-wrapper {
	  background-color: #f1f1f1;
    padding: 16px 16px;
    margin-top: 10px;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:  5px;

    margin-right: 7px;
    margin-left: 7px;
}

.page-contactus .tab:not(.complaint) .form-item-name,
.page-contactus .tab:not(.complaint) .form-item-lastname {
    margin-top: 0;
    float: left;
}

/*.page-contactus label {
  	display: block;
  	float: left;
  	font-weight: 400;
  	line-height: 38px;
  	margin: 0;
  	text-align: right;
  	text-transform: uppercase;
  	white-space: nowrap;
    text-align: left;
    padding-right: 0;
    width: 194px;
} */

.page-contactus .tab:not(.complaint) label {
    display: block;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    text-align: right;
    text-transform: uppercase;
    text-align: left;
    padding-right: 0;
    width: 190px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.page-contactus .tab:not(.complaint) .form-type-textarea label {
    width: 190px;
    vertical-align: top;
    padding-top: 5px;
}

.page-contactus .tab:not(.complaint) .form-type-textarea .form-textarea-wrapper {
    width: 416px;
    display: inline-block;
}

.page-contactus .tab:not(.complaint) .form-type-file .description {
    width: 175px;
    line-height: 14px;
}

.page-contactus .tab:not(.complaint) .select2-container .select2-choice {
    width: 404px;
}

.page-contactus .tab:not(.complaint) input[type="text"]#edit-name {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.page-contactus .tab:not(.complaint) input[type="text"] {
	  width: 394px;
}
.page-contactus .tab:not(.complaint) .description-holder {
    background: none !important;
    border: none !important;
    margin-top: 0px !important;
    padding: 0px !important;
}

.page-contactus .tab:not(.complaint) .description-holder p {
    margin-top: 25px;
}

.page-contactus .tab .descComplait p {
    margin-top: 4px;
}

.page-contactus .tab:not(.complaint) .form-link a {
	  margin-right: 15px;
    text-transform: capitalize
}
.page-contactus .tab:not(.complaint) #submit-form-questions {
    clear: both;
    font-weight: 400;
    width: 415px;
    padding: 11px 0px;
    text-align: center;
    float: right;
    margin-right: 2px;
}

.page-contactus .tab:not(.complaint) .option-info .text {
    margin-left: 194px;
}

.page-contactus .tab.complaint {
    padding: 0px 5px;
}

.page-contactus .tab.complaint .complaintSubmit input.ui-button {
    margin-left: 7px;
}

.page-contactus .tab.complaint #edit-jobid-error {
    margin: 0 0 0 20px;
    margin-top: 2px;
    position: absolute;
    border: none !important;
    color: red;
    text-transform: initial;
    font-weight: 500;
}

.page-contactus .tab.complaint #edit-orderid-error {
    border: none !important;
    color: red;
    text-transform: initial;
    margin-top: 2px;
    position: absolute;
    font-weight: 500;
}
.page-contactus .tab.complaint #edit-orderid-error,
.page-contactus .tab.complaint #edit-jobid-error {
    width: 200px;
    position: relative;
}

/* Tab Header */
#contactus-tabs {
    margin-top: 12px;
    padding: 16px 10px 16px;
}

#contactus-tabs .head {
    background: #f5f3f5;
    /*border: 1px solid #d6d6d6;*/
    border-radius: 4px 4px 0 0;
    margin: -16px -10px 0 -10px;

    overflow: hidden;
}
#contactus-tabs .head * {
    box-sizing: border-box;
}

#contactus-tabs ul.topTab {
    list-style-type: none;
    width: 100%;
    position: relative;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
    padding: 0px;
}

#contactus-tabs ul.topTab li {
    display: block;
    float: left;
    width: calc(100% / 3);

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

}

#contactus-tabs ul.topTab li.left {
    margin: 0;
}

#contactus-tabs ul.topTab li.tab-item {
    display: block;
    float: left;
    color: #666666;
    line-height: 27px;
    text-decoration: none;
    padding: 6px 17px 6px 16px;
    height: 40px;

    cursor: pointer;
}

#contactus-tabs ul.topTab li.tab-item b {
  font-weight: 700;
}

#contactus-tabs ul.topTab li.tab-item.right {
    padding-right: 19px;
}

#contactus-tabs ul.topTab li.tab-item.current {
    color: #71a81b;
    background: #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

#contactus-tabs ul.topTab li.tab-item:not(.current) {
    border-left: 1px solid #e7e3e3;
    border-right: 1px solid #e7e3e3;
    border-bottom: 1px solid #e7e3e3;
}

/*#contactus-tabs ul.topTab li.tab-item.current:hover {
  color: #2E4560;
  background: #fff;
}*/

.page-contactus .tab:not(.complaint) .messages.status {
    margin-left: 7px !important;
    margin-right: 7px !important;
    margin-top: 20px !important;
}

.page-contactus .tab:not(.complaint) .form-item label.error {
    margin-left: 193px;
    width: 414px;
    border: none !important;
    color: red;
    text-transform: initial;
}

.page-contactus .tab:not(.complaint) .form-item textarea + label.error {
    margin: 0px;
    /*margin-top: 10px;*/
}

.page-contactus .tab:not(.complaint) .form-item textarea + label.error + .grippie {
    position: absolute;
    bottom: 26px;
    width: 414px;
}

.page-contactus .tab:not(.complaint) .form-textarea-wrapper {
    position: relative;
}

.page-contactus .tab:not(.complaint) .grippie {
    display: none;
}

.page-contactus textarea,
.page-contactus input {
    outline: none;
}

.page-contactus  .tab:not(.complaint) .asterisk + .form-item label:not(.error):after {
    content: '*';
    color: red;
}

.page-contactus .region-sidebar-second .block h2 {
    color: #76b700;
    padding: 0px;
    margin: -19px -14px 10px;
    padding: 14px;
    border-bottom: 1px solid #e7e3e3;
    font-size: 15px;
    padding-bottom: 9px;
}

.page-contactus .region-sidebar-second .devider {
    margin: 8px -14px;
    border-bottom: 1px solid #e7e3e3;
}

.page-contactus .region-sidebar-second b.title-marker {
    font-size: 14px;
    font-weight: 700;
}

.page-contactus .region-sidebar-second .title-marker + p {
    margin-top: 0px !important;
}

.page-contactus .region-sidebar-second .info-link a {
    color: #646464;
}

.page-contactus .region-sidebar-second .mdi:before, .mdi-set {
    font-weight: bold;
}

.page-contactus .region-sidebar-second i.mdi-magnify { margin-right: 5px; }

.page-contactus #flyerstores-fastsearch input[name=postalCode] {
    box-sizing: border-box;
    margin-bottom: 12px;
    margin-top: 5px;
    width: 100%;
    padding: 12px 15px;
}

.page-contactus #flyerstores-fastsearch input[type=submit] {
    width: 100%;
    text-align: center;
    padding: 15px 15px;
    margin-bottom: 10px;
}

.page-contactus input[type=submit] {
    background: #8fbf30;
    font-size: 12px;
    font-weight: 700 !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    text-transform: uppercase;
    line-height: 18px;
}

.page-contactus input[type=submit]:hover {
    background: #7ca629;
}

.page-contactus .contactus.frequetly-asked {
    margin-top: 12px;
    padding: 25px 16px;
}

.page-contactus .contactus.frequetly-asked h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.page-contactus .contactus.frequetly-asked ol {
    margin: 0px;
    padding: 0px 20px;
    line-height: 24px;
    margin-top: 10px;
}

.page-contactus .contactus.frequetly-asked ol a {
    color: #666666;
    font-size: 13px;
}

.page-contactus #errorUpload {
    display: block;
    margin: 8px 0 0 191px;
}

.page-contactus .bloccomplaint > div > div {
    vertical-align: top;
}

.page-contactus .identification .labelorder {
    vertical-align: middle;
    margin-top: 10px;
}

.page-contactus #sidebar-second .content {
    font-size: 13px;
    line-height: 17px;
}

.page-contactus #sidebar-second .space {
    margin-top: 10px;
    margin-bottom: 10px;
}

.frequetly-asked.contextual-links-region table tbody {
 background: none;
}
.page-contactus .option-info .text p {
    margin: 0px;
}

.page-contactus .option-info .text h3 b {
    font-weight: 700;
}

.page-contactus .option-info .text ol {
    padding: 0px;
    padding-left: 15px;
    margin-top: 5px;
}

.page-contactus .option-info .text li {
    margin-bottom: 10px
}


.page-contactus .bloccomplaint input[type="text"],
.page-contactus .bloccomplaint .select2-container > a.select2-choice,
.page-contactus .bloccomplaint textarea {
    color: #646464 !important;
}

.page-contactus #sidebar-second .content .info-link {
    margin-top: -2px;
}

.page-contactus .region-sidebar-first .block,
.page-contactus .region-sidebar-second .block {
    padding: 16px 14px 8px;
}

.page-contactus #block-block-232 .content {
    margin-top: 5px;
    display: inline-block;
}

.page-contactus .region-sidebar-second .title-marker + p {
    margin-bottom: 16px;
}
.page-contactus .region-sidebar-second .title-marker + p + .devider {
    margin-top: 22px;
    margin-bottom: 12px;
}

.page-contactus #block-block-233 .content {
    margin-top: -2px;
    margin-bottom: 1px;
}

.page-contactus #block-block-233 .content .devider {
    margin-bottom: 4px;
}

.page-contactus .content i.mdi {
    margin-right: 4px;
}

/* temporary * /
.page-contactus #main .form-submit,
.page-contactus #main .ui-button a.button,
.page-contactus #main a:visited.button,
.page-contactus #main a.ui-button,
.page-contactus #main a:visited.ui-button {
    background: #8fbf30;
}

.page-contactus #main .form-submit:hover,
.page-contactus #main .ui-button a.button:hover,
.page-contactus #main a:visited.button:hover,
.page-contactus #main a.ui-button:hover,
.page-contactus #main a:visited.ui-button:hover {
    background: #7ca629;
}

.page-contactus .form-link a {
    color: #f27900;
}
/* ************** */