/*
 * Bansela style sheets
 * Copyright 2011-2020 AAG.
 * Licensed under the MIT license
 */

 @charset "utf-8";
 /* CSS Document */

 @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
 @import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
 @import url('https://cdn.datatables.net/1.10.16/css/dataTables.bootstrap.min.css');

body {margin:0px; padding:0; font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif"; font-size:10pt; color:#333333}

h1 {font-size:30px; font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif"; font-weight:300; color:#001441; margin-bottom:35px;     line-height: 35px;}
		h2 {font-size:20px; font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif"; font-weight:300; color:#333333; padding:5px; background-image:url(../img/line.png); background-repeat:no-repeat; background-position: bottom center; background-size:100% 2px; }
        h3 {font-size:20px; font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif"; font-weight:400; color:#13670b; text-transform: uppercase;}
        h3 a {font-size:20px; font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif"; font-weight:400; color:#13670b}
        h3 a:hover {font-size:20px; font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif"; font-weight:400; color:#13670b}
h5 {font-size:12pt; font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif"; font-weight:400; color:#13670b; text-transform: uppercase;}
a {color:#13670b; text-decoration:none}
a:hover {color:#13670b; text-decoration:underline}

 .login-background{
    background-image: url(../img/login4.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
     background-color:#205527;
 }
#notification {
    position:fixed;
    top:350px;
    width:20%;
    z-index:105;
    text-align:center;
    font-size:15px;
    font-weight:normal;
    font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif";
    color:rgb(252, 249, 249);
    background-color:rgb(32,85,39);
    padding:0px;
    border-radius: 8px;
    border:#ffffff 2px solid;
   min-width: 300px;
}
#notification span.dismiss {
    /*border:2px solid rgb(114, 110, 110);*/
    padding:0 5px;
    cursor:pointer;
    float:right;
    margin-right:10px;
}
#notification a {
    color:rgb(247, 245, 245);
    text-decoration:none;
    text-decoration: underline;
    font-weight:bold
}

.outlets-not-scored p {
    margin-top: 20px;
    margin-bottom: 20px;
}
.HomeBlog IMG {width:100%!important; height:auto}
 .swal2-modal .swal2-title{
     background-image: none!important;
 }
 .swal2-container.swal2-center{
     z-index: 99999;
 }

 .login_terms{
    position: absolute;
    bottom: 0;
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-size: 16px;
}

 .navbar-brand img {
    height: 50px;
}

.navbar {top:0px; position:fixed; z-index:1000; width:100%}
 .navbar-brand IMG {height:50px; margin-left:10px}

.navbar-right {padding-top:20px}
.slider {background-color:#cccccc; height:400px; background-position:center center; background-size:cover; text-align: center; padding:60px}

.slider IMG {height:300px; margin: auto;}

.slidercopy {padding-top:150px; left:-60px; position:relative}
.slidercopy span {background-color:#000000; padding:10px; padding-left:100px; padding-right: 20px; margin-top:20px}
.slidercopy H1 { color:#ffffff;font-size:60px; font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif"; font-weight:bold; text-align: left; margin-bottom:0px; margin-left: 100px; text-shadow: 1px 1px 4px rgba(0,0,0,0.75);}
.slidercopy H2 {color:#ffffff;font-size:30px; font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif"; font-weight:300; text-align: left; background-image:none; }

.sliderAd {padding-top:0px; left:0px; position:relative}




.SubPageBanner {background-color:#cccccc; height:300px; background-image:url(../img/subIMG.jpg); background-position:center center; background-size:cover}
.HomePageBanner {background-color:#cccccc; height:400px; background-image:url(../img/homebg.jpg); background-position:center center; background-size:cover}
.TopBottom {padding-top:50px; padding-bottom:50px}

.QuickLink {text-align: center}
.QuickLinkdisc {font-size:50px; color:#205527; border-radius: 50%; border:#cccccc 1px solid; width:90px; text-align: center; padding-top:21px; height:90px; padding-left:10px}
.QuickLinkdisc:hover {font-size:50px; color:#ffffff; border-radius: 50%; border:#cccccc 1px solid; width:90px;  background-image:url(../img/copper.png); background-size:contain}



.ListViewTable {width:100%}
.ListViewTable TR:first-child {text-transform: inherit; font-size:inherit; color:#333333;}
.ListViewTable TD {padding:10px; border-bottom:#cccccc 1px solid; text-align: center}
.ListViewTable I {font-size:16pt}

.ScoreTable TR:first-child {text-transform: uppercase; font-size:8pt; color:#333333; background-color:#efefef}
.ScoreTable TD {
    padding:10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left
}
.ScoreTable TD:first-child {text-align: left; }
.ScoreTable I {font-size:16pt}
.CatergoryTR {color:#205527 }
.catergoryItemTD {
    border: none;
    background: linear-gradient(#cccccc, #cccccc) bottom no-repeat;
    background-size: 100% 3px;
}

.itemTD {
    border: none;
    background: linear-gradient(#cccccc, #cccccc) bottom right no-repeat;
    background-size: 100% 1px;
}

.whitesort{color: #fff;}

.RedText {color:#ff2b00}
.GreenText {color:#7ab800}

.viewbutton {border-radius:5px; border:#cccccc 1px solid; padding:7px; background-color:#efefef; min-width:80px; color:#333333}
.viewbutton:hover { background-color:#333333; color:#ffffff;}

.TierType1 {width:80px; height:80px; border-radius: 50%; color:#ffffff; background-color:#205527; font-size:30pt; text-align: center; line-height: 20pt; float:right; margin-right:50px}
.TierType2 {width:80px; height:80px; border-radius: 50%; color:#ffffff; background-color:#7ab800; font-size:30pt; text-align: center; line-height: 20pt; float:right; margin-right:50px}
.TierType3 {width:80px; height:80px; border-radius: 50%; color:#ffffff; background-color:#c7c7c7; font-size:30pt; text-align: center; line-height: 20pt; float:right; margin-right:50px}

.smalltext {font-size:10pt}

input[type="button"] {border-radius:5px; border:#cccccc 1px solid; padding:7px; background-color:#efefef; min-width:80px; color:#333333}
input[type="button"]:hover:enabled { background-color:#333333; color:#ffffff;}
input[type="button"]:disabled { cursor:not-allowed; background-color:#b3b1b1; color:#ffffff;}

input {margin-bottom:10px; border-radius: 5px; padding:7px; border:#cccccc 1px solid; width:97%}
input[type="checkbox"] {width:20px;}
legend {font-size:11pt; font-weight: bold; color:#666666}
.bigIcon {font-size:24pt}

/*--------------- POPUP STYLES ----------------------*/
.overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden;  opacity: 0; z-index: -1; }
.overlay:target { visibility: visible; opacity: 1; z-index: 9999}
.popup { margin: 50px auto; padding: 0px; background: #fff; border-radius: 0px; position: relative; border:#000000 1px solid; transition: all 5s ease-in-out; z-index: 3000; max-height:90%; overflow: auto; width:1177px; background-size: contain; background-repeat:no-repeat;  text-align: left; }
.popup .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; }
.popup .close:hover { color: #cccccc; }
.popup .content { max-height: 100%; overflow: auto; }
.popupCopy {padding:30px;}
#ForgotPasswordPopup .content, #ForgotPasswordPopup .popup, #ChangePasswordPopup .content, #ChangePasswordPopup .popup,
#SuccessPopup .content, #SuccessPopup .popup{
  background-color: #fff;
}

#ForgotPasswordPopup .popup .close, #ChangePasswordPopup .popup .close, #SuccessPopup .popup .close .close{
    color: black;
}

#ForgotPasswordPopup .popup, #ChangePasswordPopup .popup, #SuccessPopup .popup{
    overflow:hidden;
    text-align: right;
    padding-right: 2%;
}
/*--------------- END POPUP STYLES ----------------------*/

.news-panel{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

input[type="file"] {
display: none;
}
.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  margin-bottom: 0;
  padding: 1px 6px;
  cursor: pointer;
}

.news-feed{
    height: 180px;
}

.fa-caret-down{
    float:right;
}

 .form-signin {
     max-width: 400px;
     padding: 19px 29px 29px;
     margin: 0 auto;
     font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif";
     color: #ff2b00;
     font-weight:lighter;
 }

 .form-optin {
     padding: 19px 29px 29px;
     margin: 0 auto;
     width: 50%;
     padding: 58px!important;
     text-align: justify;
     background-color: #fff;
     border: 1px solid #e5e5e5;
     -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
             border-radius: 5px;
     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
             box-shadow: 0 1px 2px rgba(0,0,0,.05);
 }

 .disclaimer-heading{
     text-align: center;
 }

.disclaimer-heading p{
    text-align:center;
    font-size: 16px;
    font-weight: bold;
}

.download-lang{
    border: solid #cccccc 1px;
    padding: 32px;
    margin-top: 28px;
}

 .form-signin .form-signin-heading{

 }

 .form-signin input[type="text"],
 .form-signin select,
 .form-signin input[type="password"],
 .form-signin input[type="email"] {
     font-size: 14px;
     padding: 7px 9px;color:#333333; font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif";
         height: 37px;
 }

 .signin-form, .body-container
 {
     margin-top:110px;
     padding: 10px;
 }
 .navbar-brand{
     font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif";
 }
 #btn-submit{
     height:45px;
 }

 .thankyou {
     display: none;
     font-size: 23px;
     text-align: -webkit-center;
     border: solid green;
     margin: 108px;
     padding: 21px;
     font-family: inherit;
 }
 /* .LogoImage {background-image:url(../img//logo.png);  background-repeat:no-repeat; height: 276px;}
  */
.LogoImage img{
    width: 100%;
}
 .LogoImageRegister {
     background-image: url(../img/logo.png);
     margin-bottom: 18px;
     background-size: contain;
     background-repeat: no-repeat;
 }

 .error{color:red; font-weight: 400;}
 #title-error, #categorycode-error{margin-left:14px;}

 /* Footer Styles */
 .footer {background-image:url(../img/line.png); background-repeat:no-repeat; background-position: top center; background-size:100% 5px; margin-top: 0px; padding-top:0px; padding-bottom:10px; width: 100%;   }
		.FooterContacts {padding:15px; color:#333333}

/*--------------- END REPORTS ----------------------*/
.reportBlocks I {color:#7ab800; font-size:40pt}
.ReportTable {width:100%; }
.ReportTable TH {text-transform: uppercase; font-size:8pt; color:#13670b; font-weight:600;  border:0px; ; border-bottom:#cccccc 2px solid; padding:15px; }
.ReportTable TD {padding:15px; border:0px; border-bottom:#cccccc 1px solid;  }

/* Table sort indicators */

th.sortable {
  position: relative;
  cursor: pointer;
}

th.sortable::after {
  font-family: FontAwesome;
  content: "\f0dc";
  position: absolute;
  right: 8px;
  color: #cccccc;
}

th.sortable.asc::after {
  content: "\f0d8"; color:#000000
}

th.sortable.desc::after {
  content: "\f0d7"; color:#000000
}

th.sortable:hover::after {
  color: #333;
}

.ReportTable2 {width:100%; }
.ReportTable2 TH {text-transform: uppercase; font-size:8pt; color:#13670b; font-weight:600;  border:0px; ; border-bottom:#cccccc 2px solid; padding:5px; }
.ReportTable2 TD {padding:5px; border:0px; border-bottom:#cccccc 1px solid;  }

.CiderTD TD:first-child, .CiderTD th:first-child {border-left:#13670b 5px solid; text-align: left}
	.SpiritsTD TD:first-child, .SpiritsTD th:first-child {border-left:#13670b 5px solid; text-align: left}
	.LuxuryTD TD:first-child, .LuxuryTD th:first-child {border-left:#cccccc 5px solid; text-align: left}
	.TableCenter TD, .TableCenter Th{text-align: center}
/*--------------- END REPORTS ----------------------*/

/*------------- HOW IT WORKS --------------------*/
.howitworksblocks {padding:15px; }

.howitworksblocks-old {padding:30px; border-right:#ffffff 1px solid; min-height:250px}

/*------------- END HOW IT WORKS --------------------*/

/*--------------- CHECKBOX STYLES ----------------------*/
.CheckList, .YesNo { display:none; } /* to hide the checkbox itself */
.CheckList + label:before, .YesNo + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

.CheckList + label:before { content: "\f096";  color:#999999; font-size:12pt} /* unchecked icon */
.CheckList + label:before { letter-spacing: 10px; color:#999999; font-size:12pt;} /* space between checkbox and label */
.CheckList + label { color:#999999; font-size:10pt;}

.CheckList:checked + label:before { content: "\f046";  color:#000000; font-size:12pt;} /* checked icon */
.CheckList:checked + label:before { letter-spacing: 10px;  color:#000000; font-size:12pt } /* allow space for check mark */
.CheckList:checked + label { color:#000000; font-size:10pt;}

.YesNo:disabled + label:before { content: "\f12a";  color:#cccccc; font-size:12pt;} /* checked icon */
.YesNo:disabled + label:before { letter-spacing: 10px;  color:#cccccc; font-size:12pt } /* allow space for check mark */


.YesNo + label:before { content: "\f12a";  color:#ff2b00; font-size:12pt} /* unchecked icon */
.YesNo + label:before { letter-spacing: 10px; color:#ff2b00; font-size:12pt;} /* space between checkbox and label */


.YesNo:checked + label:before { content: "\f00c";  color:#6CB802; font-size:12pt;} /* checked icon */
.YesNo:checked + label:before { letter-spacing: 10px;  color:#6CB802; font-size:12pt } /* allow space for check mark */


/*--------------- END CHECKBOX STYLES ----------------------*/

.form-group {
    margin-bottom: 0px;
}

.news-single-img{width:200px; float:right; margin-left:30px}

.BalanceAlignment td:last-child{ text-align: right}
.BalanceLine {font-weight:bold; font-size:12pt}
.pointsBalance {font-weight:bold; font-size:12pt}

/*----------------- FIXED HEADERS ON TABLES -------------------*/

.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}

/*----------------- END FIXED HEADERS ON TABLES -------------------*/

/*--------------- REPORTS ----------------------*/

.ReportsOutlets + label:before { content: "\f0f7";  color:#999999; font-size:12pt}
.ReportsBucks + label:before { content: "\f09d";  color:#999999; font-size:12pt}
.ReportsOutlets + label:before { content: "\f046";  color:#999999; font-size:12pt}
.ReportsDash {border-bottom:#cccccc 0px solid; padding-top:15px; padding-bottom:15px}
.circleIcon{border-radius: 7px; border:#cccccc 1px solid; font-size:13pt; width:40px; height:40px; float:left; background-color:#ffffff; padding:8px; text-align: center; margin-right:15px}
.reportREGIONS I {font-size:15pt;color:#7ab800;}

.reportBlocks I {color:#7ab800; font-size:40pt}
.ReportTable {width:100%; }
.ReportTable TH {text-transform: uppercase; font-size:8pt; color:#13670b; font-weight:600;  border:0px; ; border-bottom:#cccccc 2px solid; padding:15px; }
.ReportTable TD {padding:15px; border:0px; border-bottom:#cccccc 1px solid;  }
.greytxt {color:#999999}
.reporth2 {font-size:20px; font-family: Arial, Helvetica, "Helvetica Neue", "sans-serif"; font-weight:300; color:#333333; padding:5px; background-image:url(../img/line.png); background-repeat:no-repeat; background-position: bottom center; background-size:100% 0px; }

/* Table sort indicators */

th.sortable {
  position: relative;
  cursor: pointer;
}

th.sortable::after {
  font-family: FontAwesome;
  content: "\f0dc";
  position: absolute;
  right: 8px;
  color: #cccccc;
}

th.sortable.asc::after {
  content: "\f0d8"; color:#000000
}

th.sortable.desc::after {
  content: "\f0d7"; color:#000000
}

th.sortable:hover::after {
  color: #333;
}
/*--------------- END REPORTS ----------------------*/

/*--------------- AUDIT STYLES ---------------------*/
.audit-radio-btn {
    float: left;
	width: 20px;
    margin-left: 30px!important;
    margin-right: 5px!important;
}
.audit-radio-lbl {
    float: left;
}
.audit-notes-textarea {
    width: 100%;
    min-height:80px;
}
/*--------------- END AUDIT STYLES -----------------*/


/*-------------------home slider styles-------------*/

@media screen and (max-width: 750px) {
	.ReportTable TH {padding:5px; font-size:8px}
	.ReportTable TD {padding:5px; border:0px; border-bottom:#cccccc 1px solid; font-size:10px }
	.viewbutton { padding: 2px; min-width: 60px; font-size: 10px;}

  #ForgotPasswordPopup .popup, #ChangePasswordPopup .popup, #SuccessPopup .popup{
    /* overflow:hidden;
      text-align: right;
      padding-right: 2%;*/
      text-align: center;
      margin: auto !important;
      width: 60% !important;
      padding: 5px;
  }
  .forgotPasswordField{
    width: 90%;
    font-size:10px;
  }
}

@media screen and (max-width: 460px) {
		.slider1 {padding-top:80px}
		.slidercopy {padding-top:50px; left:-60px; position:relative}
		.slidercopy H1 {font-size:40px}
		.slidercopy H2 {font-size:16px}
		.slider2 {background-color:#cccccc; height:400px; background-image:url("../img/Espirit_Mobile.jpg"); background-position:center center; background-size:cover; text-align: center; padding:60px}
		.slider3 {background-color:#cccccc; height:400px; background-image:url("../img/HuntersLemonMobile.jpg"); background-position:center center; background-size:cover; text-align: center; padding:60px}
		.slider4 {background-color:#cccccc; height:400px; background-image:url("../img/returnMobilebanner.jpg"); background-position:center center; background-size:cover; text-align: center; padding:60px}

    .slider3_old {background-color:#cccccc; height:400px; background-image:url("../img/slider3.jpg"); background-position:center center; background-size:cover; text-align: center; padding:60px}
		.slider4_old {background-color:#cccccc; height:400px; background-image:url(../img/slider2.jpg); background-position:center center; background-size:cover; text-align: center; padding:60px}
	
	.slider_TOCOME {background-color:#cccccc; height:400px; background-image:url(../img/ships_mobile.jpg); background-position:center center; background-size:cover; text-align: center; padding:60px}
		.slider_TOCOME {background-color:#cccccc; height:400px; background-image:url(../img/pushkin_desktop.jpg); background-position:center center; background-size:cover; text-align: center; padding:60px}
        .text-right {text-align: left}
		
	.ReportTable TH {padding:5px; font-size:6px}
	.ReportTable TD {padding:5px; border:0px; border-bottom:#cccccc 1px solid; font-size:9px }
	.viewbutton { padding: 2px; min-width: 60px; font-size: 9px;}

    #ForgotPasswordPopup .popup, #ChangePasswordPopup .popup, #SuccessPopup .popup{
    /* overflow:hidden;
      text-align: right;
      padding-right: 2%;*/
      text-align: center;
      margin: auto !important;
      width: 60% !important;
      padding: 5px;
  }
  .forgotPasswordField{
    width: 90%;
    font-size:10px;
  }
}


/*------------------ TOGGLE STYLES -----------------*/


 .toggle-btn {
  width: 50px;
  height: 20px;
  margin: 0px;
  border-radius: 20px;
  display: inline-block;
  position: relative;
  background: url("../img/togglecross.png") no-repeat 25px center #ff2b00; 
  cursor: pointer;
  -webkit-transition: background-color .40s ease-in-out;
  -moz-transition: background-color .40s ease-in-out;
  -o-transition: background-color .40s ease-in-out;
  transition: background-color .40s ease-in-out;
  cursor: pointer;
}

#scoreProducts .toggle-btn {
    float: left;
}
.toggle-btn.active {
  background: url("../img/toggletick.png") no-repeat 5px center #7ab800; 
}
.toggle-btn.active .round-btn {
  left: 32px;
}
.toggle-btn .round-btn {
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 90%;
  margin-top: -15px;
  -webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.toggle-btn .cb-value {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/*Scoring Survey styles*/

.SurveyTable td {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: #efefef 1px solid;
}

.SurveyTable input[type="radio"] {
  width: 20px!important;
}

#uplScore{
  float: right ! important;
}

#uploadSheet{
  background-color:#efefef;
  padding: 15px;
}

.scoreT{
  visibility: hidden;
}

#popiagreement:hover{
  text-decoration: underline  !important;
  cursor: pointer;
}

#tncagreement:hover{
    text-decoration: underline  !important;
    cursor: pointer;
}

.tncPopup {
    max-height: 90vh !important;
    min-height: 90vh !important;
    width: 777px !important;
}



.swal2-modal .swal2-content {
    font-size: 13px!important;
    text-align: left!important;}