html {position:relative; min-height:100%;}
body {margin-bottom:80px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px;}
h2 {font-size:20px; font-weight:normal; text-transform:capitalize; margin-top:0;}
.footer {position:absolute; bottom:0; width:100%; padding:15px 0; border-top:1px solid #bababa;}
body > .container {padding:60px 15px 0;}
.container .text-muted {margin:15px 0;}
code {font-size:80%;}
.carousel {border:1px solid #eee;}
.carousel .carousel-control {background-image:none; width:10%; color:#000; text-shadow:none;}
.carousel .carousel-indicators li {border:1px solid #000; border-radius:0;}
.carousel-inner > .item {height:500px;}
.carousel-inner > .item > .carousel-caption {color:#000; text-shadow:none; top:20px;}
.carousel-inner > .item > .carousel-caption pre {text-align:left; word-wrap:break-word;}
.progress-container {margin-top:20px;}
body > .container > .page-messages p {padding:15px; background-color:#28a745 !important;}
.field-validation-error {color: red;}
.search-products {float:left; width:100%; border:1px solid #e7e7e7; background-color:#f8f8f8; padding:10px 5px; margin-bottom:20px;}
.search-products input[type=text] {width:100%;}
.navbar-brand {
    padding: 10px 15px;
    font-size: 20px;
    float: left;
    height: 50px;
    padding: 10px 15px;    
    line-height: 20px;
    width:110%;
    text-align:center;
}
    .navbar-brand > img {
        display: inline-block;
        height: -webkit-fill-available;
    }
.navbar-default{/*background-color:#3c393a;*/}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {/*color:#fff;*/}
.no-padding{padding-left:0;padding-right:0;}
.padding-right{padding-right:0px !important;}
.navbar-nav {}
.navbar-default .navbar-nav > li > a {color:#dcdcdc;}
.navbar-nav > li + li {}
.navbar-nav > li > a{color:#dcdcdc; background-color:#3c393a;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav >li > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:focus {background-color:#0097D6;color:#fff;}
.navbar-default .navbar-nav > .active > a{font-weight:bold;}
.navbar.fixed-top {
    padding:0;
    background-color:#f8f8f8;
}
.navbar-default{
    border-bottom:1px solid #e7e7e7;
}
.page-header {
    margin: 15px 0;
    border-bottom: 1px solid #eee;
    padding:9px 0;
}
.collapse.navbar-collapse {
    min-height:50px;
}
.page-header > h1{font-size:21px;color:#d80c8c;margin:0;}
.lead {font-size:15px; margin-bottom:10px; font-weight: 600;}
form h2 {font-size:15px;}
.carousel h3 {font-size:20px;}
.jumbotron .lead {margin-bottom:10px;}
.footer ul{margin:0;}
.footer .list-inline{margin-left:0;}
.footer .list-inline > li{padding-left:10px;padding-right:10px;border-right:1px solid;display:inline-block;}
.footer ul li a{color:#000;font-size:13px;}
.footer ul li a:hover{text-decoration:none;}
.right-list{margin-left:0;float:right;}
.config-form .form-group {
    margin-bottom: 15px;
}
.form-group h3{font-size:16px;background-color:#eee;padding:10px 5px;}
.form-group label{font-size:13px;font-weight:normal;margin-bottom:7px;}
.product-config-table{width:100%;}
    .product-config-table tr td button {
        height:25px;
    }
    .product-config-table tr td {
        padding: 0 5px;
    }
.col-large {
    width: 35%;
}
.col-medium {
    width:10%;
}
.col-small {
    width:5%;
}
.search-products .form-control.input-sm {
    border-radius: 0;
    height: 25px;
    padding: 0;
    appearance: auto;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
}
.btn-primary,.btn-success{background-color:#ffe400;border:0;color:#333;font-size:13px;text-transform:capitalize;border-radius:0;padding:4px 16px;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:visited,.btn-success:hover,.btn-success:focus,.btn-success:visited{background-color:#fff200;color:#333;border-color:transparent;}
.btn-primary:active:hover, .btn-primary:active:hover{background-color:#fff200;color:#333;border-color:transparent;}

.form-group .form-control{border-radius:0;height:25px;appearance:auto; -webkit-appearance: menulist; -moz-appearance: menulist;padding:2px 3px 3px 5px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none; font-size:13px;}
.required:after {content:" * "; font-weight:bold; color:#ef0000;}
.progress-bar-info {background-color:#0097D6;}
.features-section .feature-block {text-align:center;}
.features-section .feature-block h4 {font-size: 22px; font-weight:400;}
.features-section .feature-block p {font-size: 14px; line-height:24px;}
.features-section .feature-block .icon {color:#e95095; font-size: 48px;}
.features-section .feature-block .seperator {max-width:30%; margin:10px auto;}
.features-section .feature-block .seperator:after {content:"";border-bottom:1px solid #ddd; display:block;margin-top:-11px;}
.features-section .feature-block .seperator i {background: #fff; padding: 0 9px; text-align: center; color:#ddd;}
.btn-search{background-color:#cbcbcb;color:#333;font-size:13px;padding:0 15px;border-radius:0;margin:0 0 2px 5px;}
.btn-search:hover{background-color:#dedddd;border:1px solid transparent;}
.dt-responsive  tr th{font-weight:normal;}
.dt-responsive>tbody>tr:nth-of-type(odd):hover,.dt-responsive>tbody>tr:hover{background-color:#eee;}
.table > tbody > tr > td{border-top:0px;font-size:13px;vertical-align:middle;}
.dt-responsive > tbody > tr:nth-of-type(odd){background-color:#fafafa;}
.pagination .paginate_button {
    padding:0 5px;
}
@media screen and (min-width:320px) {
    .footer .right-list, .footer .left-list {float:none; text-align:center;}
.search-products .form-group {min-width:100%;}
.features-section {margin:0;}
}

@media screen and (min-width:992px){
.navbar-header {width:20%;}
.navbar-default .navbar-collapse {width:80%;}
.nav > li > a {padding:17px 15px; text-decoration:none;}
}

@media screen and (min-width:768px){
.navbar-header {width:27%;}
.navbar-default .navbar-collapse {width:73%; float:left;  background-color:#3c393a;}
.nav > li > a {padding:17px 10px;}
.footer .left-list {text-align:left;}
.footer .right-list {float:right; text-align:left;}
.search-products .form-group, .col-large .config-option{display:inline-block;min-width:calc((100%) - 90px);}
.col-large .config-option.form-group{ min-width:210px;}
.features-section {margin:0 0 20px;}
}


.support-msg {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 55px;
    left: 44px;
    width:auto;
}

.support-msg p {
        margin: 0;
    }

.support-msg .note {
        font-weight: 600;
    }