/* Fonts */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Work+Sans:300,400,500,600,700');

@font-face {

    font-family: 'Lato-Light';

    font-style: normal;

    src: local('Lato-Light'), local('Lato-Light'), url('../../fonts/Lato-Light.woff') format('woff2');

}

@font-face {

    font-family: 'Lato-Regular';

    font-style: normal;

    src: local('Lato-Regular'), local('Lato-Regular'), url('../../fonts/Lato-Regular.woff') format('woff2');

}

@font-face {

    font-family: 'FreightDispProLight-Regular';

    font-style: normal;

    src: local('FreightDispProLight-Regular'), local('FreightDispProLight-Regular'), url('../../fonts/FreightDispProLight-Regular.woff') format('woff2');

}

@font-face {

    font-family: 'Helvetica-Neue';

    font-style: normal;

    src: local('Helvetica-Neue'), local('Helvetica-Neue'), url('../../fonts/Helvetica-Neue.woff') format('woff2');

}

@font-face {

    font-family: 'Helvetica-Neue-Light';

    font-style: normal;

    src: local('Helvetica-Neue-Light'), local('Helvetica-Neue-Light'), url('../../fonts/Helvetica-Neue-Light.woff') format('woff2');

}

@font-face {

    font-family: 'Helvetica-Neue-Medium';

    font-style: normal;

    src: local('Helvetica-Neue-Medium'), local('Helvetica-Neue-Medium'), url('../../fonts/Helvetica-Neue-Medium.woff') format('woff2');

}

@font-face {

    font-family: 'Helvetica-Neue-Bold';

    font-style: normal;

    src: local('Helvetica-Neue-Bold'), local('Helvetica-Neue-Bold'), url('../../fonts/Helvetica-Neue-Bold.woff') format('woff2');

}

/*-------*/



/* Main Structure */

body{margin:0;font-family:'Lato-Light', Verdana;color:#403421;}

/*----------------*/



/* Common Classes */

.page-title{font-size:25px;text-align: center;padding:30px 0px;color:#574e4c;}

.page-sub-title{font-size:15px;text-align: center;color:#a6a4a5;padding-top: 10px;}

.page-sub-title a{color:#a6a4a5;}

.main-section{min-height:560px;margin-bottom:42px;}

/*----------------*/



/* Header */

header{background:#F7F7F7;padding:30px 35px;}

/* header .logo{float:left;max-width:75%;} */

header .logo img{display:inline-block;width:300px;max-width:100%;}

header .navbar-toggler{display:inline-block;padding:5px 15px;cursor:pointer;margin-top:10px;}
.home_menu_button { position: absolute; right: 10px; z-index: 9; }

@media(max-width: 450px) {

    header{padding:20px;}

}

/*--------*/



/* Alert Messages */

.alert{font-size:12px;border-radius:0;}

/*----------------*/



/* Form Classes */

.form .form-group-heading{font-size:18px;margin:25px 0 10px 0;color:#57514e;}

.form .form-group label{margin: 0;font-size:14px;}

.form .form-group .form-control{border-radius: 0;color:#656565;font-size:15px;height:45px;border:0;border-bottom: 1px solid #e6e6e6;padding-left: 0;}

.form .form-group .form-control::placeholder{color:#a6a4a5;}

.form .form-group .form-control:focus{border-color: #000000;box-shadow: none;}

.form .form-group a{color:#413522;font-size:12px;}

.form .form-group .error{color:#D32F36;}

.form .hint{font-size:12px;color:#999999;margin-top:5px;}

.form .button-group{text-align: center;}

.form .button-group .btn-submit{text-align: center;background-color:#000000;color:#ffffff;width: 100%;height: 50px;font-size:18px;border-radius:0;}

.form .button-group .btn-submit:hover{background-color:#ffffff;color:#000000;border:solid 1px #000000;}

.form .button-group .btn-default{background-color:#c1bfbf;text-align: center;width: 100%;height: 50px;color:#fff;border-color:#c5baba;}

.form .button-group .btn-default:hover{background-color:#b1acac;color:#fff;}

.form a.link{color:#413522;font-size:12px;}

.form .form-group .chosen-container-single .chosen-single{ padding-left:0;background: #fff;height: 38px;border-radius: 0;border: 0;box-shadow: unset;border-bottom: 1px solid #e6e6e6;}

.form .form-group .chosen-container-single .chosen-single span{line-height: 34px;font-size: 15px;color:#a6a4a5}

.form .form-group .chosen-container-single .chosen-single div b{background: url('/images/down-arrow.png'); background-repeat: no-repeat;background-position: center center;}

.form .form-group .chosen-container .chosen-drop{border-color:#ced4da;box-shadow: unset;border-radius: 0;border: 0;}

.alert-error{background-color: #f9cfc8;border-color: #f9cfc8;color: #D32F36;padding: 10px;font-size: 15px;}

/*--------------*/



/* Modal Design */

.modal .btn-close{font-size: 45px;font-weight: 100;opacity: 1;color:#fff;}

.modal .modal-dialog{}

.modal .modal-content{border-radius: 0;}

.modal .modal-content .modal-header{box-shadow:0 1px 5px #00000022;-webkit-box-shadow:0 1px 5px #00000022;-moz-box-shadow:0 1px 5px #00000022;}

.modal .modal-content .modal-header button.close{padding:22px;}

.modal .modal-content .modal-header button.close span{display: inline-block;height: 25px;width: 25px;border: solid 2px #000000;line-height: 20px;border-radius: 50%;}

.modal .modal-content .modal-body{padding:30px;}

.modal .modal-footer{justify-content:center;display: block;border-top: 0;}

.modal .modal-footer .button-group{padding-left: 12px; padding-right: 12px;}

/*--------------*/



/* Navigation Modal */

#modal_nav .modal-dialog{position:fixed;margin: auto;width: 370px;height: 100%;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}

#modal_nav .modal-content{height: 100%;overflow-y: auto;background:#f1f1f1;border:0;}

#modal_nav .modal-content .modal-header{border-bottom:0;box-shadow:none;}

#modal_nav .modal-content .modal-header .mini-logo{width:200px;display:block;margin:auto;}

#modal_nav .modal-content .modal-body{padding: 15px 15px 80px;}

#modal_nav .modal-content .modal-body .navbar-nav{text-align: right;text-transform: uppercase;font-size:18px;letter-spacing: 2px;}

#modal_nav .modal-content .modal-body .navbar-nav .nav-item{padding:10px;}

#modal_nav .modal-content .modal-body .navbar-nav .nav-item a{padding:5px 0;color:#58595b;text-decoration: none;}

#modal_nav .modal-content .modal-body .navbar-nav .nav-item a:hover{color:#ED572D;}

#modal_nav.fade .modal-dialog {right: -320px;-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;-moz-transition: opacity 0.3s linear, right 0.3s ease-out;-o-transition: opacity 0.3s linear, right 0.3s ease-out;transition: opacity 0.3s linear, right 0.3s ease-out;}

#modal_nav.fade.show .modal-dialog{right: 0;}

/*------------------*/



/* Registration Page */
.registration-page{padding:30px 0;}
.registration-page .registration-form .checkbox .caption{display:block;float:left;}
.registration-page .registration-form .checkbox .value{display:block;margin-left:20px;}
.registration-page .registration-form .custom-control{color:#aaaaaa;}
.registration-page .registration-form .custom-control-input:checked~.custom-control-label::before{background-color:#000000;border-color:#000000;}
.registration-page .registration-form .custom-control-input:not(:disabled):active~.custom-control-label::before{background-color:#000000;border-color:#000000;}
.registration-page .registration-form .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#000000;}
.registration-page .registration-form .custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before{box-shadow:none;}
.registration-page .registration-form .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before{box-shadow:none;}
.registration-page .registration-form .custom-checkbox .custom-control-input:active ~ .custom-control-label::before{background-color: #000000;border-color:#000000;} 
/*-------------------*/


/* Login Page */

.login-page{padding:30px 0;}
.login-page .login-form .link{font-size:14px;}
.login-page .login-form .or{font-size:12px;}
.login-page .login-form .disclaimer{font-size:12px;color:#aaaaaa;}
.login-page .login-form .text-underline{text-decoration:underline;}

/*------------*/



/* Dashboard Page */

.dashboard-page{padding:30px 0;}

.dashboard-page .dashboard-bar{overflow:hidden;padding:30px 25px;}

.dashboard-page .dashboard-bar .retailer-name{float:left;color:#403421;font-size:28px;font-weight:500;text-transform: capitalize;}

.dashboard-page .dashboard-bar .retailer-address{color:#999999;font-size:14px;clear:both;}

.dashboard-page .dashboard-bar .links{margin-top:60px;font-size:16px;}

.dashboard-page .dashboard-bar .links .link{display:block;padding:10px;color:inherit;background:#f7f7f7;margin-bottom:10px;text-transform:uppercase;letter-spacing:3px;border:solid 1px transparent;}

.dashboard-page .dashboard-bar .links .link:hover{border:solid 1px #000000;text-decoration:none;}

.dashboard-page .dashboard-bar .links .link img{width:35px;vertical-align: middle;margin-right:5px;}

.dashboard-page .dashboard-bar .links .plugin-container #sd-plugin-root{margin:0;}
.dashboard-page .dashboard-bar .links .plugin-container .sdpr-main-section{text-align:center;}
.dashboard-page .dashboard-bar .links .plugin-container .sdpr-main-section .sdpr-selection-section{width:100% !important;}
.dashboard-page .dashboard-bar .links .plugin-container .sdpr-main-section .sdpr-selection-section .btn-get-started{width:100%;font-family: 'Lato-Light', Verdana;letter-spacing:3px;margin:0 0 10px 0 !important;}
.dashboard-page .dashboard-bar .links .plugin-container .sdpr-main-section img{display:none;}

.mens-section-button a{ display: block; text-decoration: none; color: white; text-align: center; width: 100%; font-size: 16px; letter-spacing: 3px; line-height: 24px; padding: 20px 15px; background-color: black; border: 1px solid black; font-family: lato-light, sans-serif; margin-bottom: 10px; }
.mens-section-button a:hover{ color: black; background-color: white; border: 1px solid black; }
/* .dashboard-page .dashboard-bar .links .link.launch-app-link{background:#000000;color:#fff;margin-bottom:40px;padding:20px 15px;text-align:center;}
.dashboard-page .dashboard-bar .links .link.launch-app-link:hover{background: #ffffff;;color:#000000;border:1px solid #000000;} */

/* Footer */
footer{background:#000000;position:fixed;bottom:0;left:0;right:0;padding:10px 0;text-align:center;color:#ffffff;font-size:11px;line-height:22px;}

footer a{color:inherit;text-decoration:underline;}

/*--------*/



/* Profile Modal */

.modal .modal-dialog .modal-content .modal-header .modal-title img{height: 35px;}

#profile_modal .modal-dialog .modal-body{padding: 0px;}

#profile_modal .modal-dialog .modal-body .content{padding: 30px;}

/*--------------*/



.btn-xs{padding: 4px 12px;font-size: 12px;line-height: 1.5;border-radius: 0;}

.btn-default{background-color: #EEEEEE;border-color: #ded0d0;}

.dashboard-disclaimer { font-size: 12px; }
.dashboard-disclaimer ul { margin-left: -20px; text-align: justify; }
.dashboard-disclaimer-header { text-decoration: underline; margin-bottom: 10px; }