body {
    background: #f9f9f9;
    font-family: "pragmatica-web", Helvetica, Arial, sans-serif;
}
a {
    color: #0081C2;
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #0B4D9B;
}
/*
Change color of the anchor links on hover/focus.
*/

#menu {
    background: #222;
    font-weight: 100;
}
#menu .pure-menu li a:hover,
#menu .pure-menu li a:focus,
#menu .pure-menu li.pure-menu-selected a {
    background: #303030;
}
/*
Utility classes
*/

.fl-rt {
    float: right;
}
.fl-lf {
    float: left;
}
.w-100 {
    width: 100%;
}
.font-14 {
    font-size: 14px;
}
h2.light {
    font-weight: normal;
}
.padd-bot-15 {
    padding-bottom: 15px;
}
.txt-ctr {
    text-align: center;
}
/*
Extending Pure Styles
*/

.table-custom {
    border: 0px;
}
.table-custom td {
    background: #fff;
    border: 0px !important;
}
.table-custom th {
    border: 0px !important;
}

/*
Colored buttons
*/

.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
}
.button-success {
    background: rgb(28, 184, 65);
    /* this is a green */
}
.button-error {
    background: rgb(202, 60, 60);
    /* this is a maroon */
}
.button-warning {
    background: rgb(223, 117, 20);
    /* this is an orange */
}
.button-secondary {
    background: rgb(31, 141, 214);
    /* this is a light blue */
    /* background: rgb(66, 184, 221); /* this is a light blue */
}

.wizard-step .icon-check-circle,
.dropdown-handle .icon-check-circle {
    padding-right: 3px;
}

/*
Header
*/

.bg-soft-gray {
    background: #e8e8e8;
}
.header {
    background: #fff;
    padding: 0;
    width: 100%;
}
/* generic section rules */

.logo {
    width: 200px;
    height: 75px;
    background: url(../img/dac-logo.png) 0 0 no-repeat;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
}
.section-custom {
    border: 1px solid transparent;
    margin-top: 10px;
    margin-bottom: 0px;
    position: relative;
}
table.dac-package-options tr td:first-child {
    width: 150px;
}
.section-inline-header {
    line-height: 30px;
    font-size: 30px;
    font-weight: 100;
}
.section-inline-header span {
    font-size: 10px;
    color: #999999;
}
/* custom section rules (sales volume) */
/*#sales-volumen {

}*/

#amount-value {
    color: #37b34a;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-weight: 100;
}
.ui-slider-container {
    margin: 7px 0 0 0;
    padding: 0;
}
/* custom section rules (sales total) */

.section-custom.total {
    background: #f0f0f0 !important;
    position: relative;
}
.section-custom.total ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    right: 20px;
    top: 40%;
    width: 125px;
}
.section-custom.total li {
    display: block;
    float: right;
    list-style-type: none;
    padding: 0 5px;
    margin:0 0 0 25px; 
}
.section-custom.total a {
    text-decoration: none;
}
.section-custom.total li span {
    font-size: 20px;
    color: #f0f0f0;
    text-decoration: none;
}
.section-custom.total li span:hover, .section-custom.total li span:focus {
    font-size: 20px;
    color: #f9f9f9;
    text-decoration: none;
}
#sales-total p {
    font-size: 30px;
    line-height: 45px;
    font-weight: 200;
    margin: 0;
    padding: 0 0 0px 0;
}
#sales-total strong {
    color: #37b34a;
    font-size: 30px;
    line-height: 45px;
}
a.icon {
    height: 20px;
    width: 20px;
    display: block;
}
a.icon-money {
    background: url('../img/icon-money.png') no-repeat left center;
}
a.icon-settings {
    background: url('../img/icon-settings.png') no-repeat left center;
}
/*
    DAC Solution Boxes
*/

.dac-solution {
    background: #fff;

}

/*
    Header styles
*/

.dac-solution-header {
    background-color: #000;
    padding: 10px;
    font-weight: 100;
    position: relative;
}
.dac-solution-header label {
    font-size: 18px;
    color: #fff;
}
.dac-solution-header button,
.dac-solution-header a.pure-button {
    font-size: 11px;
}
.content-subhead {
    font-size: 30px;
    line-height: 32px;
    font-weight: 100;
}
/*
    Logo styles
    */

.dac-solution-logo {
    padding: 10px 0;
}
.dac-solution-logo img {
    display: block;
    margin: 0 0 0 10px;
}
/*
    Selection styles
    */

.dac-solution-selection {
    text-align: center;
    padding-bottom: 10px;
}
.dac-solution-selection span {
    padding: 1px 0 1px 25px;
    /*background: url('../img/icon-check.png') no-repeat left center;*/
}
.button-secondary {
    font-size: 11px;
    line-height: 11px;
    font-weight: 800;
    border: 2px solid #fff;
    text-transform: uppercase;
}
/* custom colors */
/* inventory */

.custom-1 {
    background: #f9f9f9;
}
.custom-1 .content-subhead {
    color: #00B8DE;
}
.custom-1 .table-custom th,
.custom-1 .bottom-nav .pure-button {
    background: #00B8DE;
    color: #fff;
}
.custom-1 .table-custom td {
    color: #333;
}
.custom-1 .button-secondary {
    background: #00B8DE;
}
/*.custom-1 .button-secondary:hover,*/
/*.custom-1 .button-secondary:focus,*/
.custom-1 .wizard-step table button.selected {
    color: #00B8DE;
    background: #fff;
}
.custom-1 #menu .pure-menu-selected a {
    color: #00B8DE;
}
/*web*/

.custom-2 .content-subhead {
    color: #E53493;
}
.custom-2 .table-custom th,
.custom-2 .bottom-nav .pure-button {
    background: #E53493;
    color: #fff;
}
.custom-2 .table-custom td {
    color: #333;
}
.custom-2 .button-secondary {
    background: #E53493;
}
/*.custom-2 .button-secondary:hover,*/
/*.custom-2 .button-secondary:focus,*/
.custom-2 .wizard-step table button.selected {
    color: #E53493;
    background: #fff;
}
.custom-2 #menu .pure-menu-selected a {
    color: #E53493;
}
/*sync*/

.custom-3 .content-subhead {
    color: #F5811F;
}
.custom-3 .table-custom th,
.custom-3 .bottom-nav .pure-button {
    background: #F5811F;
    color: #fff;
}
.custom-3 .table-custom td {
    color: #333;
}
.custom-3 .button-secondary {
    background: #F5811F;
}
/*.custom-3 .button-secondary:hover,*/
/*.custom-3 .button-secondary:focus,*/
.custom-3 .wizard-step table button.selected {
    color: #F5811F;
    background: #fff;
}
.custom-3 #menu .pure-menu-selected a {
    color: #F5811F;
}
/*social*/

.custom-4 .content-subhead {
    color: #90C73E;
}
.custom-4 .table-custom th,
.custom-4 .bottom-nav .pure-button {
    background: #90C73E;
    color: #fff;
}
.custom-4 .table-custom td {
    color: #333;
}
.custom-4 .button-secondary {
    background: #90C73E;
}
/*.custom-4 .button-secondary:hover,*/
/*.custom-4 .button-secondary:focus,*/
.custom-4 .wizard-step table button.selected {
    color: #90C73E;
    background: #fff;
}
.custom-4 #menu .pure-menu-selected a {
    color: #90C73E;
}
/*sales*/

.custom-5 .content-subhead {
    color: #DCDF1F;
}
.custom-5 .table-custom th,
.custom-5 .bottom-nav .pure-button {
    background: #DCDF1F;
    color: #fff;
}
.custom-5 .table-custom td {
    color: #333;
}
.custom-5 .button-secondary {
    background: #DCDF1F;
}
/*.custom-5 .button-secondary:hover,*/
/*.custom-5 .button-secondary:focus,*/
.custom-5 .wizard-step table button.selected {
    color: #DCDF1F;
    background: #fff;
}
.custom-5 #menu .pure-menu-selected a {
    color: #DCDF1F;
}
/*productivity*/

.custom-6 .content-subhead {
    color: #00B399;
}
.custom-6 .table-custom th,
.custom-6 .bottom-nav .pure-button {
    background: #00B399;
    color: #fff;
}
.custom-6 .table-custom td {
    color: #333;
}
.custom-6 .button-secondary {
    background: #00B399;
}
/*.custom-6 .button-secondary:hover,*/
/*.custom-6 .button-secondary:focus,*/
.custom-6 .wizard-step table button.selected {
    color: #00B399;
    background: #fff;
}
.custom-6 #menu .pure-menu-selected a {
    color: #00B399;
}
/*calc*/

.custom-7 .section-custom {
    background: #fff;
    padding: 20px;
}
.dac-solution-logo img {
    border: 1px solid rgba(255, 255, 255, .2);
}
.dac-solution .custom-1,
.custom-1 .dac-solution-header,
.custom-1 .dac-solution-logo {
    background: #00B8DE;
}
.dac-solution .custom-2,
.custom-2 .dac-solution-header,
.custom-2 .dac-solution-logo {
    background: #E53493;
}
.dac-solution .custom-3,
.custom-3 .dac-solution-header,
.custom-3 .dac-solution-logo {
    background: #F5811F;
}
.dac-solution .custom-4,
.custom-4 .dac-solution-header,
.custom-4 .dac-solution-logo {
    background: #90C73E;
}
.dac-solution .custom-5,
.custom-5 .dac-solution-header,
.custom-5 .dac-solution-logo {
    background: #DCDF1F;
}
.dac-solution .custom-6,
.custom-6 .dac-solution-header,
.custom-6 .dac-solution-logo {
    background: #00B399;
}

.icon-add.white, .icon-remove.white {
    color: #fff;
}
/* Login */

.custom-8 .section-custom {
    background: transparent;
    border: 0px solid #ededed;
    padding: 20px;
    margin-top: 10%;
    text-align: left;
}
.custom-8 .section-custom fieldset {
    text-align: left;
}
@media screen and (min-width: 48em) {
    .custom-8 .section-custom {
        width: 50%;
    }
}
.pure-form legend {
    border: 0px;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
}
/* bullets */

.bulletpoints {
    float: none;
    background: #fff;
    padding:5px 10px 5px 10px;
    margin: 0 0 0 0;
    font-size: 14px;
    line-height: 16px;
}
.bulletpoints i {font-size: 10px;}

.bulletpoints ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.bulletpoints li {
    padding:5px 0;
}
/*modal*/

.modal-body h3 {
    font-weight: 100;
}
.modal-body input {
    font-weight: 900;
}
#myModalLabel {
    text-align: center;
}
    

/* extend*/
.extend {
    padding: 20px 0 0 0;
}

.hideshow {
    position:absolute;
    width: 20px;
    height: 20px;
    overflow: hidden;
    right: 0px;
    bottom: 0px;
    display: block;
 
}
.hideshow span {
    font-size: 20px;
    color: #f0f0f0;
    line-height: 20px;
    margin: 0  0 0 0px;
    font-weight: bolder;
}



/* switch css*/
.onoffswitch {
    position: relative; width: 125px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #F9F9F9; border-radius: 50px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
   content: "Individuales";
    padding-left: 10px;
    background-color: #666666; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Integrados";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.si-no-switch-inner:before {
    content: "Individuales";
}
.si-no-switch-inner:after {
    content: "Integrados";
}
.onoffswitch-switch {
    display: block; width: 14px; margin: 8px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 91px;
    border: 2px solid #F9F9F9; border-radius: 50px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

/**
 * Git data
 */
 .git-footer {
    font-size: 12px;
    text-align: center;
    font-style: italic;
 }
 .git-menu-footer {
    color: #777;
    border: none;
    padding: 0.8em 0 0.8em 0.8em;
    font-size: 10px;
    font-style: italic;
    margin-top: 100px;

 }


 /* button menu */

.dac-solution {
   position: relative;
 }

.dac-solution .pure-menu {
    position: absolute;
    right: 10px;
    top:10px;
    border: 2px solid #fff;
    border-radius: 4px;
    width: 115px;
}


.dac-solution .pure-menu li {
 
}

.dac-solution .pure-menu li:hover {
    background: transparent;
}
.dac-solution-header .pure-menu-link {
    color:#fff;
    padding: 7px;
    font-size: 11px;
    line-height: 11px;
    font-weight: 800;
    text-transform: uppercase;
 
}



.dac-solution-header .pure-menu-link:hover {
    background:transparent;
    color:#ddd;
}

.dac-solution-header .pure-menu-children {
    background:#666;
    width: 110px;
}

.dac-solution-header .pure-menu-active > .pure-menu-link {
    background:transparent;
    color: red !important
}

.dac-solution-header .pure-menu-active > .pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus {
    background: transparent;!important;
}

.dac-solution-header .pure-menu-link, .pure-menu-heading {
    width: 97px;
    text-align: center;
}

/**
 * Package Table Styles
 */
.dac-package-options {
    border: 0px;
}
.dac-package-options tr:nth-child(even) {
    background-color: #f3f0f0;
}
.dac-package-options tr td {
    border: 0px;
}
.dac-package-options tr td:nth-child(odd) {
    text-align: right;
}

.dac-package-options-columned tr:nth-child(even) td {
    background-color: #f3f0f0;
}
.dac-package-options-columned i {
    font-style: normal;
}
.dac-package-options-columned del {
    font-style: italic;
    color: #adadad;
}
.dac-package-options-columned thead tr {
    font-size: 30px;
}
.dac-package-options-columned thead tr th {
    background: #0092B8 !important;
}
    #dm-table.dac-package-options-columned thead tr th {
        background: #CC1B7A !important;
    }
.dac-package-options-columned tbody tr:first-child {
    line-height: 40px;
    font-size  : 18px;
}
.dac-package-options-columned tbody tr:first-child td:nth-child(1) {
    background: #33EBFF;
}
    #dm-table.dac-package-options-columned tbody tr:first-child td:nth-child(1) {
        background: #FF81E0;
    }
.dac-package-options-columned tbody tr:first-child td:nth-child(2) {
    background: #1AD2F8;
}
    #dm-table.dac-package-options-columned tbody tr:first-child td:nth-child(2) {
        background: #FF67C6;
    }
.dac-package-options-columned tbody tr:first-child td:nth-child(3) {
    background: #00B8DE;
}
    #dm-table.dac-package-options-columned tbody tr:first-child td:nth-child(3) {
        background: #FF4EAD;
    }
    #dm-table.dac-package-options-columned tbody tr:first-child td:nth-child(4) {
        background: #E53493;
    }
#ih-table.dac-package-options-columned tbody tr td:nth-child(2) {
    border-left: #1AD2F8 3px solid !important;
    border-right: #1AD2F8 3px solid !important;
}
    #dm-table.dac-package-options-columned tbody tr td:nth-child(3) {
        border-left: #FF67C6 3px solid !important;
        border-right: #FF67C6 3px solid !important;
    }
#ih-table.dac-package-options-columned tbody tr:last-child td:nth-child(2) {
    border-bottom: #1AD2F8 3px solid !important;
}
    #dm-table.dac-package-options-columned tbody tr:last-child td:nth-child(3) {
        border-bottom: #FF67C6 3px solid !important;
    }

/**
 * Calculator: General Sytles;
 */
#calculator span.dac-span {
    padding-right:10px;
}
#calculator input[type=text] {
    color: #777;
}

/**
 * Calculator: Website Option Sytles (Dealers);
 */
.section-custom#salesman-website-options .custom-white-border {
    background: #00B399;
    color: #fff;
    padding: 10px 10px 0 10px;
}
#salesman-website-options .custom-white-border p {
    font-size: 30px;
    line-height: 45px;
    font-weight: 200;
    margin: 0;
    padding: 0 0 10px 0;
}
#salesman-website-options .custom-white-border table, #salesman-website-options .custom-white-border tr td {
    border: 0px;
    letter-spacing: 0px;
}

/**
 * Calculator: Website Option Sytles (Salesman);
 */
.section-custom#website-options .custom-white-border {
    background: #F5811F;
    color: #fff;
    padding: 10px 10px 0 10px;
}
#website-options .custom-white-border p {
    font-size: 30px;
    line-height: 45px;
    font-weight: 200;
    margin: 0;
    padding: 0 0 10px 0;
}
#website-options .custom-white-border table, #website-options .custom-white-border tr td {
    border: 0px;
    letter-spacing: 0px;
}
#belongs-aprobado-option .onoffswitch-inner:before {
   content: "Pertenezco";
}
#belongs-aprobado-option .onoffswitch-inner:after {
    content: "No, gracias";
}

/**
 * Calculator: Payment Option Styles;
 */
.section-custom#payment-options .custom-white-border {
    background: #DCDF1F;
    color: #777;
    padding: 10px 10px 0 10px;
}
#payment-options .custom-white-border p {
    font-size: 30px;
    line-height: 45px;
    font-weight: 200;
    margin: 0;
    padding: 0 0 10px 0;
}

/**
 * Order Form UI
 */

/* DAC Products */
.dac-order-form .dac-product {
    padding: 10px;
    margin: 5px 0 0 0;
    border: solid 1px lightgray;
}

.dac-order-form .dac-product legend {
    text-align: left;
}

/* DAC Products - Websites */
[data-product="website"] fieldset {
    padding-bottom: 0px;
}
[data-product="website"] legend {
    padding: .3em 0 0 0;
    margin-bottom: 0px; 
}
[data-product="website"] .pure-g {
    border-bottom: 1px lightgray solid;
    padding: .75em 0;
}
[data-product="website"] .pure-g:last-child {
    border-bottom: none; 
}