body {padding:25px 0 0 0; font-family:"SuisseIntl-Light" !important; line-height:1.4; background:#ffffff; font-size:clamp(1.2rem, calc(1.4rem + ((1vw - 0.48rem) * 0.8333)), 1.7rem);}
h1,h2,h3,h4,h5,h6 {font-family:"SuisseIntl-Medium" !important; line-height:inherit; margin-bottom:0; margin-top:0; line-height:1.2;}
.aspNetDisabled {color:black!important;}
a {color:#88B52E;}
.table-bordered > thead > tr > th {border-bottom-width:1px; text-transform:uppercase;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > td {font-size:14px; vertical-align:middle;}
.table-without-grid .action-icon img {margin-right:3px;}
.table-without-grid span {font-family:'effraregular', Arial, 'sans-serif'; font-weight:300; font-size:16px; color:#595957;}
.text-primary {color:#b76b46; padding-top:16px;}
.table.borderless td label {font:14px 'effraregular', Arial, 'sans-serif'; padding-top:7px;}
.table.borderless td input {border:1px solid #CBCBCB; outline:none; padding:9px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font:14px 'effraregular', Arial, 'sans-serif'; color:#555;}
h5.text-primary {font-weight:400; line-height:32px; margin-bottom:20px; padding-bottom:5px; border-bottom:solid 1px #dbe3e5; color:#303030; font-size:36px;}
.table-bordered thead {background-color:#6c40aa !important; color:white;}
.table-bordered thead a {color:white;}
.table-bordered thead a:hover {color:white;}
a.sorting-up {color:white !important;}
a.sorting-down {color:white !important;}
a.sorting-down {background: url("../arrow-down.png") no-repeat scroll right 2px rgba(0, 0, 0, 0);padding-right: 17px;text-decoration: underline;}
a.sorting-up {background: url("../arrow-up.png") no-repeat scroll right 2px rgba(0, 0, 0, 0);padding-right: 17px;text-decoration: underline;}

.purple:hover {color:white !important;}
.floatl.btnwrapp {float:left; width:auto; height:25px;}
.floatl.btnwrapp .btnicon {float:left; width:auto; text-align:left; margin-right:5px;}
.floatl.btnwrapp .btntxt {float:left; width:auto; margin-right:8px; padding-top:1px;}
table.table-bordered .paging {padding:7px 5px; text-align: left;}
table.table-bordered .paging .floatl.btnwrapp {float: none;}
table.table-bordered .paging .floatl.btnwrapp .btnicon,
table.table-bordered .paging .floatl.btnwrapp .btntxt {display: inline-block; vertical-align: middle; float: none;}
table.table-bordered .paging .floatl.btnwrapp .btnicon img {width: 27px;}

/*30sep21*/
.br {clear: both; margin: 0; padding: 0;}
.both {clear: both;}
h1.headingbg {font:20px/44px "SuisseIntl-Medium" !important; color: #fff; background-color: #6c40aa; margin:7px 0 27px; padding:3px 0 0 16px;
-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
input[type="search"], input[type="text"], input[type="email"], input[type="password"] {border: 1px solid #b8b8b8; padding:0 14px; height: 36px; width: 100%;
-webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; font:400 16px 'effraregular', Arial, 'sans-serif' !important; color:#404041;}
.col-sm-4.col-form-label {text-align: right; /*font:400 16px 'effraregular', Arial, 'sans-serif';*/ font-size: 16px; color:#404041; margin-top: 9px;}
.col-sm-4.col-form-label.confirm {margin-top:-2px;}
.col-sm-4.col-form-label.mart0 {margin: 0 !important;}
.col-sm-8 select, .enquiry td select, #divDataList select, .enquirydetail .col-sm-9 select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../Images/arrow_select.svg) no-repeat #fff; background-position: 95% 14px;
border: 1px solid #b8b8b8; background-size: 14px; padding:2px 25px 1px 9px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
height: 36px; width: 100%; font:400 16px 'effraregular', Arial, 'sans-serif'; color:#404041;}
.col-sm-8 select.month {width:124px; background-position: 92% 14px; margin-right: 9px;}
.col-sm-8 select.year {width:78px; background-position: 87% 14px;}
.form-group {margin-bottom:20px;}
.form-group.confirm {margin-bottom:14px;}
.form-group.confirm .col-form-label, .enquirydetail .form-group.confirm .col-form-label {margin-top:-2px; margin-bottom: 0;}
.register hr, .enquirydetail hr {margin-bottom: 34px;}
.custom-checkbox {position: relative; margin-top: 2px;}
.custom-checkbox > [type="checkbox"] {position: absolute; left: -9999px; margin-bottom: 0; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; display:inline-block;}
.custom-checkbox > [type="checkbox"]:not(:checked) + label,
.custom-checkbox > [type="checkbox"]:checked + label {display: block; font-size:14px; color:#404041; font-weight:300; padding:2px 0 0 27px; margin-bottom:0 !important;}
.custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
.custom-checkbox > [type="checkbox"]:checked + label:before {width:19px; height:19px; border:1px solid #b8b8b8; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
content:''; position:absolute; left:0; top:0; margin-top:0; background:#ffffff;}
.custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
.custom-checkbox > [type="checkbox"]:checked + label:after {font-size:7px; content:'\E876'; position:absolute; top:0; margin-top:0; left:0; color:#fff; transition:all .2s; background:#6c40aa; width:18px; height:18px;}
.custom-checkbox > [type="checkbox"]:not(:checked) + label:after {opacity:0; transform:scale(0);}
.custom-checkbox > [type="checkbox"]:checked + label:after {opacity:1; transform:scale(1);}
.custom-checkbox > [type="checkbox"]:checked + label:after {background-image:url(../Images/blue-select.svg); width:19px; height:19px; background-color:#6c40aa; border-color:#6c40aa;
 -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; margin-top:1px!important; background-size:15px; background-position:2px 2px; font-size:0; top:-1px;}
.w400 {width: 400px; margin: 0 auto; padding-top: 18px; clear: both;}
/*.register .btn {font:20px/36px "SuisseIntl-Medium" !important; color: #fff; padding-left: 20px; padding-right: 20px; padding-top: 8px; margin: 9px 0 18px;}*/

/*Login*/
.LoginPanel {float: none; margin: 0 auto; padding-right: 0; width: 500px;}
.LoginPanel .dnnFormItem > .dnnLabel {margin-top: 7px;}
.LoginPanel .dnnBoxLabel {font-size: 15px;}
.LoginPanel .dnnLabel {width: 33%; padding-right: 0;}
.LoginPanel .dnnFormItem input[type="text"], .LoginPanel .dnnFormItem input[type="password"] {padding: 0 16px; -webkit-box-shadow: none; box-shadow: none;}
.LoginPanel .dnnFormItem input[type="password"] {margin-bottom: 9px;}
.LoginPanel .dnnFormItem input[type="text"] {margin-bottom: 16px;}
.LoginPanel .dnnLoginRememberMe {display: inline-block; margin-bottom: 9px;}
.LoginPanel .dnnPrimaryAction, .register .btn, .enquirydetail .dnnPrimaryAction {background:#6c40aa; background: -moz-linear-gradient(top, #6c40aa 0%, #381170 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c40aa), color-stop(100%,#381170));
background: -webkit-linear-gradient(top, #6c40aa 0%,#381170 100%); background: linear-gradient(top, #6c40aa 0%,#381170 100%);
text-shadow: none; color: #fff; border-color: #5B3097; padding: 11px 8px 8px; margin-right: 9px; text-decoration: none;}
.LoginPanel #dnn_ctr_SendPassword_cmdSendPassword.dnnPrimaryAction {padding-left: 14px; padding-right: 14px;}
.LoginPanel .dnnPrimaryAction:hover, .register .btn:hover, .enquirydetail .dnnPrimaryAction:hover {background:#381170; background: -moz-linear-gradient(top, #381170 0%, #6c40aa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c40aa), color-stop(100%,#6c40aa));
background: -webkit-linear-gradient(top, #381170 0%,#6c40aa 100%); background: linear-gradient(top, #381170 0%,#6c40aa 100%);
text-shadow: none; color: #fff; border-color: #6c40aa; text-decoration: none;}
.LoginPanel .dnnSecondaryAction {padding: 11px 8px 8px;}
.LoginPanel #dnn_ctr_Login_Login_DNN_registerLink {background:#365778; background: -moz-linear-gradient(top, #365778 0%, #112d49 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#365778), color-stop(100%,#112d49));
background: -webkit-linear-gradient(top, #365778 0%,#112d49 100%); background: linear-gradient(top, #365778 0%,#112d49 100%);
text-shadow: none; color: #fff; border-color: #5B3097; padding: 11px 14px 8px; margin-right: 9px; text-decoration: none;}
.LoginPanel #dnn_ctr_Login_Login_DNN_registerLink:hover {background:#112d49; background: -moz-linear-gradient(top, #112d49 0%, #365778 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#112d49), color-stop(100%,#365778));
background: -webkit-linear-gradient(top, #112d49 0%,#365778 100%); background: linear-gradient(top, #112d49 0%,#365778 100%);
text-shadow: none; color: #fff; border-color: #112d49; padding: 11px 14px 8px; margin-right: 9px; text-decoration: none;}
.LoginPanel #dnn_ctr_Login_Login_DNN_passwordLink {padding: 11px 14px 8px;}
.LoginPanel .dnnFormItem > span.dnnFormLabel {width: 33%;}
.register .btn, .enquirydetail .dnnPrimaryAction {-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4); font-size:16px;
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4); margin-right: 0; min-width: 96px;}
/*Login*/

/*Enquiry*/
.enquiry {overflow-y: auto;}
.enquiry td {padding-right: 11px;}
/*.enquiry td.go {padding-right: 0;}*/
.enquiry td.go a {margin-top: 27px;}
.enquiry td.go a:focus {color: #fff;}
    .enquiry td.add {
        padding-right: 0;
    }

        .enquiry td.add a {
            margin-top: 27px;
        }

            .enquiry td.add a:focus {
                color: #fff;
            }
.enquiry #dnn_ctr469_Enquiry_ddlStatus {padding-right: 27px; background-position: 97% 14px;}
.enquiry #ddlUser {background-position: 94% 14px;}
.enquiry label {font-size: 15px;}
.enquiry input[type="search"], .enquiry input[type="text"] {padding:0 12px;}
.enquiry .glyphicon {top: 3px;}
#divDataList {clear: both; padding-top: 25px;}
#divDataList.padt0 {padding-top: 0;}
#divDataList select {padding-right: 30px; background-position: 83% 14px; margin-right: 7px; margin-left: 7px; width: auto;}
.table.table-bordered > thead > tr > th {padding: 11px 14px 8px !important; font-size: 15px; vertical-align: middle !important;}
.table-bordered > tbody > tr > td {padding:8px 14px 6px !important; font-size: 16px; vertical-align: middle !important;}
.table-bordered > tbody > tr > td.actionicon img {width: 27px;}
.table-bordered.quantities > tbody > tr > td.actionicon img, .table-bordered.quantities .paging .floatl.btnwrapp .btnicon img {width: 20px;}
.enquirydetail .col-sm-3, .enquirydetail .col-sm-9 {font-size: 18px;}
.enquirydetail .col-sm-3 {margin-top: 7px;}
.enquirydetail .col-sm-3.mart0 {margin-top: 0;}
.enquirydetail .col-sm-9 select {width: 403px; background-position: 96% 14px; opacity: 1;}
.enquirydetail .col-sm-9 select[disabled] {background-color: #fafafa;}
.enquirydetail .col-sm-9 input[type="text"][disabled] {width: 403px; background-color: #fafafa;}
.enquirydetail .col-sm-9 #dnn_ctr470_ManageEnquiry_ddlRequiredMonth {width: 230px; margin-right: 9px; background-position: 93% 14px;}
.enquirydetail .col-sm-9 #dnn_ctr470_ManageEnquiry_ddlRequiredYear {width: 160px; background-position: 90% 14px;}
.enquirydetail .col-sm-9 span {font: 400 16px 'effraregular', Arial, 'sans-serif';}
.enquirydetail .sameas .form-group.marb0 {margin-bottom: 0;}
.enquirydetail .sameas .row {margin-left: 0; margin-right: 0;}
.enquirydetail .col-sm-9.email a {font: 400 16px 'effraregular', Arial, 'sans-serif'; text-decoration: underline; color: #6c40aa !important;}
.enquirydetail .col-sm-9.email a:hover {font: 400 16px 'effraregular', Arial, 'sans-serif'; text-decoration: none; color: #6c40aa !important;}
.nofound {text-align: center; padding-top: 25px;}
.nofound img {margin-right: 3px;}
#pnlMessage {margin-top: 22px; font-weight: bold; color: green; font-size: 15px; border: none !important;}
#divUCMessage #pnlMessage {margin: 0 0 22px; text-align: center;}
.enquirydetail .dnnSecondaryAction {padding: 11px 8px 8px; font-size: 16px; width: 95px; text-decoration: none; margin-left: 9px;}
.enquirydetail .dnnSecondaryAction:hover {padding: 11px 8px 8px; font-size: 16px; width: 95px; text-decoration: none;}
.enquirydetail .dnnSecondaryAction:focus {color: #333; outline: none;}
.enquirydetail .col-sm-8 {padding-right: 0; padding-left: 0;}
.enquirydetail .monthyear #dnn_ctr470_ManageEnquiry_ddlRequiredMonth {width: 58%; background-position: 91% 14px;}
.enquirydetail .monthyear #dnn_ctr470_ManageEnquiry_ddlRequiredYear {width: 34%; background-position: 88% 14px; float: right;}
.enquirydetail .action {text-align: center; margin: 36px 0;}
.enquirydetail .col-sm-4.col-form-label {text-align: right;}
.enquirydetail .steps {margin-bottom: 54px; padding: 0; text-align: center;}
.enquirydetail .steps .col-form-label {display: none;}
.enquirydetail .steps .col-sm-8 {width: 72%; padding: 0; float: none; margin: 0 auto;}
.scroll {overflow-x: auto;}
.marlr15 {margin: 0 15px;}
.mart16 {margin-top: 16px;}
.qtyadd td {vertical-align: top; padding-right: 9px;}
.qtyadd td:first-child label {padding-top: 9px;}
.qtyadd td:last-child {padding-right: 0;}
.qtyadd td a {display: inline-block; margin-top: 9px; color: #6c40aa;}
.pagination {text-align: right; margin: 0 0 20px !important; float: right;}
.pagination a {padding-top: 10px !important;}
.pagination a {color: black;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;}
.pagination a:hover:not(.active) {background-color: #6c40aa !important; color: #fff;}
.pagination a.active {background-color: #6c40aa !important; color: #fff; border: 1px solid #6c40aa;font-weight:bold;}
.LoginPanel label#dnn_ctr_SendPassword_plUsername_label {padding-right: 22px;}
.LoginPanel .reset.dnnActions {width: 260px; margin: 0 auto; padding-bottom: 18px;}
.LoginPanel .reset.dnnActions li {margin-right: 0;}


@media (max-width: 1750px){
.register .form-group.wfix {margin-bottom: 0;}
}

@media (max-width: 1400px){
.enquirydetail .col-md-4 {width: 50%;}
.enquirydetail .br.none {display: none;}
.enquirydetail .col-md-4.wlabels {min-height: 27px;}
.enquirydetail .monthyear #dnn_ctr470_ManageEnquiry_ddlRequiredYear {width: 37%;}
.enquirydetail .emailadd {clear: both;}
.enquirydetail .monthyear .col-form-label {margin-top: 0;}
}

@media (max-width: 1279px){
.register .col-md-4 {width: 50%;}
.register .br {display: none;}
.register .form-group.wfix {margin-bottom: 20px;}
.register .vat {clear: both;}
.form-group.confirm .col-form-label {margin-top: 8px;}
.col-sm-8 select {background-position: 98% 14px;}
.enquirydetail .col-sm-8 select {background-position: 96% 14px;}
}

@media (max-width: 1080px){
.enquirydetail .monthyear #dnn_ctr470_ManageEnquiry_ddlRequiredMonth {width: 55%;}
#tblFilter td {width: 33.33%; float: left; padding-bottom: 18px; padding-right: 18px;}
#tblFilter td:nth-child(3) {padding-right: 0;}
#tblFilter td .input-group {width: 100% !important;}
.enquiry #dnn_ctr469_Enquiry_ddlStatus {background-position: 94% 14px;}
}

@media (max-width: 1023px){
.register .col-md-4, .enquirydetail .col-md-4, .enquirydetail .steps .col-sm-8 {width: 100%;}
.col-sm-4.col-form-label {text-align: left;}
.form-group.confirm .col-form-label {margin-bottom: 5px;}
.enquirydetail .monthyear .col-form-label {margin-top: 9px;}
.enquirydetail hr {margin-top: 13px;}
.enquirydetail .monthyear #dnn_ctr470_ManageEnquiry_ddlRequiredMonth {width: 63%; background-position: 96% 14px;}
.enquirydetail .monthyear #dnn_ctr470_ManageEnquiry_ddlRequiredYear {width: 34%; background-position: 94% 14px;}
.enquirydetail .col-sm-8 select {background-position: 98% 14px;}
}

@media (max-width: 991px){
#divDataList .col-md-4, #divDataList .col-md-8 {width: 50%; float: left;}
}

@media (max-width: 892px){
.enquirydetail .monthyear #dnn_ctr470_ManageEnquiry_ddlRequiredMonth {width: 61%;}
.enquirydetail hr {margin-bottom: 21px;}
}

@media (max-width: 767px){
.enquirydetail .col-sm-8 {padding-right: 15px; padding-left: 15px;}
.enquirydetail .col-sm-4.col-form-label {text-align: left;}
.enquirydetail .col-sm-4, .enquirydetail .col-sm-8 {padding-right: 0; padding-left: 0; width: 100%; clear: both;}
.enquirydetail .col-md-4.wlabels {min-height: inherit;}
.enquirydetail .form-group.confirm .col-form-label, .enquirydetail .monthyear .col-form-label,
.enquirydetail .form-group .col-form-label {margin-bottom: 5px !important; margin-top: 7px;}
}

@media (max-width: 640px){
#tblFilter td {width: 50%;}
#tblFilter td:nth-child(even) {padding-right: 0;}
#tblFilter td:nth-child(odd) {padding-right: 18px;}
}

@media (max-width: 568px){
.LoginPanel, #divDataList .col-md-4, #divDataList .col-md-8 {width: 100%;}
.enquirydetail .col-sm-8 select {background-position: 96% 14px;}
.enquirydetail .monthyear #dnn_ctr470_ManageEnquiry_ddlRequiredMonth {background-position: 94% 14px;}
.enquirydetail .monthyear #dnn_ctr470_ManageEnquiry_ddlRequiredYear {background-position: 89% 14px;}
.qtyadd td {float: left; width: 100%; padding-right: 0;}
}

@media (max-width: 480px){
.LoginPanel .dnnLabel, .LoginPanel .dnnFormItem > span.dnnFormLabel {width: 25%;}
.enquirydetail .col-sm-8 select {background-position: 95% 14px;}
.enquirydetail .monthyear #dnn_ctr470_ManageEnquiry_ddlRequiredMonth {width: 100%; background-position: 95% 14px; margin-bottom: 9px;}
.enquirydetail .monthyear #dnn_ctr470_ManageEnquiry_ddlRequiredYear {width: 100%; background-position: 95% 14px;}
.LoginPanel .dnnLabel {width: auto; padding-right: 0; text-align: left;}
.LoginPanel a.dnnFormHelp {left: 78px; top: -1px;}
.LoginPanel label#dnn_ctr_SendPassword_plUsername_label {padding-right: 0; padding-bottom: 9px; width: 100%;}
.LoginPanel .dnnFormItem input[type="text"] {width: 100%; box-sizing: border-box;}
#tblFilter td {width: 100%;}
#tblFilter td:nth-child(odd) {padding-right: 0;}
.enquiry #tblFilter td.go a {margin-top: 4px;}
}

@media (max-width: 440px){
.w400 {width: 100%;}
}

@media (max-width: 400px){
.LoginPanel .dnnLabel, .LoginPanel .dnnFormItem > span.dnnFormLabel {width: 19%;}
}

@media (max-width: 370px){
.LoginPanel .dnnLabel, .LoginPanel .dnnFormItem > span.dnnFormLabel {width: 100%; text-align: left; margin:0 0 5px 5px;}
.LoginPanel .dnnFormItem input[type="text"], .LoginPanel .dnnFormItem input[type="password"] {width: 97%; box-sizing: border-box; margin-left: 5px;}
.LoginPanel .dnnFormItem > span.dnnFormLabel {display: none;}
.LoginPanel.dnnSendPassword .dnnLabel {width: auto;}
}