@charset "UTF-8";

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


 SANDBOXING AREA BEFORE MERGING INTO UI-BASE


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

/* ||||||||||||||||||||||||||||||||||||||||||

            FIXED TH - GET WITH VEENA

|||||||||||||||||||||||||||||||||||||||||| */





/* ||||||||||||||||||||||||||||||||||||||||||

                SCROLLBARS

|||||||||||||||||||||||||||||||||||||||||| */

#sandbox .test-scroll {
    height: 25em;
    overflow-y: auto;
    overflow-x: scroll;
}


/* SCROLLBAR BASE */

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}




/*************** SCROLLBAR TEST 1 (LIGHT) ***************/

.scrollbar-test-1 > .scroll-element,
.scrollbar-test-1 > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-test-1 > .scroll-element {
    background-color: #fff;
}

.scrollbar-test-1 > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-test-1 > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-test-1 > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-test-1 > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-test-1 > .scroll-element .scroll-element_size {
    background: #eaeaea;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-test-1 > .scroll-element .scroll-bar {
    background: #005595;
    border: 1px solid #005595;
/*
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
*/
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-test-1 > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px;
}

.scrollbar-test-1 > .scroll-content.scroll-scrollx_visible {
    top:  -17px; margin-top:  17px;
}

.scrollbar-test-1 > .scroll-element.scroll-x .scroll-bar {
    height: 10px; min-width: 10px; top: 0px;
}

.scrollbar-test-1 > .scroll-element.scroll-y .scroll-bar {
    left: 0px; min-height: 10px; width: 10px;
}

.scrollbar-test-1 > .scroll-element.scroll-x .scroll-element_outer {
    height: 12px; left: 2px; top: 2px;
}

.scrollbar-test-1 > .scroll-element.scroll-x .scroll-element_size { left: -4px;
}

.scrollbar-test-1 > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px; top: 2px; width: 12px;
}

.scrollbar-test-1 > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-test-1 > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px;
}
.scrollbar-test-1 > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px;
}

.scrollbar-test-1 > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px;
}
.scrollbar-test-1 > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px;
}




/*************** SCROLLBAR TEST 2 (OUTER) ***************/


.scrollbar-test-2 > .scroll-element,
.scrollbar-test-2 > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-test-2 > .scroll-element {
    background-color: #fff;
}

.scrollbar-test-2 > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    transition: background-color .5s ease-out;
}

.scrollbar-test-2 > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-test-2 > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-test-2 > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-test-2 > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-test-2 > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-test-2 > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-test-2 > .scroll-element .scroll-element_outer,
.scrollbar-test-2 > .scroll-element .scroll-element_track,
.scrollbar-test-2 > .scroll-element .scroll-bar {
/*
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
*/
    border-radius: 8px;
}

.scrollbar-test-2 > .scroll-element .scroll-bar {
    background-color: #A8BDCD;
}

.scrollbar-test-2 > .scroll-element .scroll-bar:hover {
    background-color: #005595;
}

.scrollbar-test-2 > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #005595;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-test-2 > .scroll-content.scroll-scrolly_visible {
    left: -12px; margin-left: 12px;
}

.scrollbar-test-2 > .scroll-content.scroll-scrollx_visible {
    top:  -12px; margin-top:  12px;
}

.scrollbar-test-2 > .scroll-element.scroll-x .scroll-bar {
    min-width: 10px;
}

.scrollbar-test-2 > .scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}


/* update scrollbar offset if both scrolls are visible */

.scrollbar-test-2 > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px;
}

.scrollbar-test-2 > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px;
}

.scrollbar-test-2 > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px;
}

.scrollbar-test-2 > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px;
}




/*************** SCROLLBAR TEST 2A (OUTER) ***************/


.scrollbar-test-2A > .scroll-element,
.scrollbar-test-2A > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-test-2A > .scroll-element {
    background-color: #fff;
}

.scrollbar-test-2A > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    transition: background-color 1s ease-out;
}

.scrollbar-test-2A > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-test-2A > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-test-2A > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-test-2A > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-test-2A > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-test-2A > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-test-2A > .scroll-element .scroll-element_outer,
.scrollbar-test-2A > .scroll-element .scroll-element_track,
.scrollbar-test-2A > .scroll-element .scroll-bar {
/*
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
*/
    border-radius: 8px;
}

.scrollbar-test-2A > .scroll-element .scroll-bar { background-color: #A8BDCD;
}

.scrollbar-test-2A > .scroll-element .scroll-bar:hover {
    background-color: #26BEC9;
}

.scrollbar-test-2A > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #26BEC9;
}


/* scrollbar height/width & offset from container borders */

.scrollbar-test-2A > .scroll-content.scroll-scrolly_visible {
    left: -12px; margin-left: 12px;
}

.scrollbar-test-2A > .scroll-content.scroll-scrollx_visible {
    top:  -12px; margin-top:  12px;
}

.scrollbar-test-2A > .scroll-element.scroll-x .scroll-bar {
    min-width: 10px;
}

.scrollbar-test-2A > .scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}


/* update scrollbar offset if both scrolls are visible */

.scrollbar-test-2A > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px;
}

.scrollbar-test-2A > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px;
}

.scrollbar-test-2A > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px;
}

.scrollbar-test-2A > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px;
}





/*************** SCROLLBAR TEST 2B (OUTER) ***************/


.scrollbar-test-2B > .scroll-element,
.scrollbar-test-2B > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-test-2B > .scroll-element {
    background-color: #fff;
}

.scrollbar-test-2B > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    transition: background-color 2s ease-out;
}

.scrollbar-test-2B > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-test-2B > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-test-2B > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-test-2B > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-test-2B > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-test-2B > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-test-2B > .scroll-element .scroll-element_outer,
.scrollbar-test-2B > .scroll-element .scroll-element_track,
.scrollbar-test-2B > .scroll-element .scroll-bar {
/*
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
*/
    border-radius: 8px;
}

.scrollbar-test-2B > .scroll-element .scroll-bar { background-color: #A8BDCD;
}

.scrollbar-test-2B > .scroll-element .scroll-bar:hover {
    background-color: #407C96;
}

.scrollbar-test-2B > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #407C96;
}


/* scrollbar height/width & offset from container borders */

.scrollbar-test-2B > .scroll-content.scroll-scrolly_visible {
    left: -12px; margin-left: 12px;
}

.scrollbar-test-2B > .scroll-content.scroll-scrollx_visible {
    top:  -12px; margin-top:  12px;
}

.scrollbar-test-2B > .scroll-element.scroll-x .scroll-bar {
    min-width: 10px;
}

.scrollbar-test-2B > .scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}


/* update scrollbar offset if both scrolls are visible */

.scrollbar-test-2B > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px;
}

.scrollbar-test-2B > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px;
}

.scrollbar-test-2B > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px;
}

.scrollbar-test-2B > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px;
}




/*************** SCROLLBAR TEST 3 (RAIL) ***************/


.scrollbar-test-3 > .scroll-element,
.scrollbar-test-3 > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-test-3 > .scroll-element {
    background-color: #fff;
}

.scrollbar-test-3 > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-test-3 > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-test-3 > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-test-3 > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-test-3 > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-test-3 > .scroll-element .scroll-bar {
    background-color: #8BC53F;
/*
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
*/
    border-radius: 2px;

/*    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);*/
}

.scrollbar-test-3 > .scroll-element .scroll-element_outer:hover .scroll-bar {
/*    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);*/
}

/* scrollbar height/width & offset from container borders */

.scrollbar-test-3 > .scroll-content.scroll-scrolly_visible {
    left: -17px; margin-left: 17px;
}

.scrollbar-test-3 > .scroll-content.scroll-scrollx_visible {
    margin-top: 17px; top: -17px;
}

.scrollbar-test-3 > .scroll-element.scroll-x .scroll-bar {
    height: 10px; min-width: 10px; top: 1px;
}

.scrollbar-test-3 > .scroll-element.scroll-y .scroll-bar {
    left: 1px; min-height: 10px; width: 10px;
}

.scrollbar-test-3 > .scroll-element.scroll-x .scroll-element_outer {
    height: 15px; left: 5px;
}

.scrollbar-test-3 > .scroll-element.scroll-x .scroll-element_size {
    height: 2px; left: -10px; top: 5px;
}

.scrollbar-test-3 > .scroll-element.scroll-y .scroll-element_outer {
    top: 5px; width: 15px;
}

.scrollbar-test-3 > .scroll-element.scroll-y .scroll-element_size {
    left: 5px; top: -10px; width: 2px;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-test-3 > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px;
}

.scrollbar-test-3 > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px;
}

.scrollbar-test-3 > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px;
}

.scrollbar-test-3 > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px;
}






/* ||||||||||||||||||||||||||||||||||||||||||

        TYPOGRAPHIC SCALE STUDIES

|||||||||||||||||||||||||||||||||||||||||| */


/*
#typographic-scale-1 .row {
    border: 1px solid lightgreen;
    padding: .25em;
}

#typographic-scale-1 .row > div[class^="col-"] {
    border: 1px solid cyan;
    padding: .25em;
}
*/


/* ------------ RESETS ------------ */

#sandbox .form-group i {
    font-size: 1.2em;
}

#sandbox .nested-nav-tabs .panel-heading {
    background-color: #646464;
}

#sandbox .nested-nav-tabs .panel-body {
    padding: 4em 0 0 7em;
}

#sandbox .nested-nav-tabs .panel-body #level-1.row > div[class^="col-xs-"]:first-of-type {
    padding-right: 7em;
}

#sandbox .nested-nav-tabs .panel-body #level-2.row > div[class^="col-xs-"]:first-of-type {
    padding-right: 7em;
}

#sandbox #level-3.row {
    padding: 1em 7em 0 0;
}

#sandbox .spacer-row {
    padding-top: 2em;
}

#sandbox .block-example label {
    display: block;
}

#sandbox .nested-comp-row p.type-display-H4 {
    margin-bottom: 5em;
}

#sandbox div.nested-row {
    padding: 10em 0 10em 0;
    border-bottom: 1px solid #eaeaea;
}

.border-bottom {
    border-bottom: 1px solid #eaeeaa;
    padding-bottom: .5em;
    margin-bottom: 2em;
}

p.type-label-L1 {
    font-size: 1em;
}

p.type-label-L2 {
    font-size: 0.9em;
}

p.type-label-L3 {
    font-size: 0.833em;
}

p.type-label-L4 {
    font-size: 0.75em;
}

p.type-label-L5 {
    font-size: 0.694em;
}


/* ------ LABEL TYPE OVERRIDES TO UI-BASE ------ */

form  {
    font-size: 16px;
    color: #646464;
}

label.type-label-L1 {
    font-size: 1em !important;
}

label.type-label-L2 {
    font-size: 0.9em !important;
}

label.type-label-L3 {
    font-size: 0.833em !important;
}

label.type-label-L4 {
    font-size: 0.75em !important;
}

label.type-label-L5 {
    font-size: 0.694em !important;
}

.form-group label.type-label-L1 {
    font-size: 1em !important;
}

.form-group label.type-label-L2 {
    font-size: 0.9em !important;
}

.form-group label.type-label-L3 {
    font-size: 0.833em !important;
}

.form-group label.type-label-L4 {
    font-size: 0.75em !important;
}

.form-group label.type-label-L5 {
    font-size: 0.694em !important;
}

label.normal400 {
    font-weight: 400;
}

label.semibold600 {
    font-weight: 600;
}

label.bold700 {
    font-weight: 700;
}














/* ||||||||||||||||||||||||||||||||||||||||||

            LABELS

|||||||||||||||||||||||||||||||||||||||||| */


label, .form-group label {
    font-size: 14px !important;
    font-weight: 400;
    padding-left: 1.2em;
    color: #4d4d4d;
}

/*-- for icons --*/
p.label-block {
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    color: #4d4d4d;
}
/*-- for icons --*/
p.label-inline {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    color: #4d4d4d;
}
/*-- for icons --*/
p.label-block.brand-blue, p.label-inline.brand-blue {
    font-weight: 700 !important;
    color: #005595;
}
/*-- for icons --*/
p.label-block.quiet-grey, p.label-inline.quiet-grey {
    font-weight: 700 !important;
    color: #717171;
}
/*-- for icons --*/
p.label-block.disabled-grey, p.label-inline.disabled-grey {
    font-weight: 700 !important;
    color: #454545;
}
/*-- for icons --*/
p.label-block.thrive-green, p.label-inline.thrive-green {
    font-weight: 700 !important;
    color: #66A305;
}


/*-- placeholder input text --*/
.form-control::-moz-placeholder {
  color: #676767;
}
.form-control:-ms-input-placeholder {
  color: #676767;
}
.form-control::-webkit-input-placeholder {
  color: #676767;
}



/* ||||||||||||||||||||||||||||||||||||||||||

             TEXTBOX / TEXT AREA

|||||||||||||||||||||||||||||||||||||||||| */

input,
input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 3;
/* ---- matches radio and check ::psuedo ---- */
}

.form-control {
    padding: 1.5em 1em 1.5em 1.1em !important;
    border: 1px solid #898989;
    border-radius: 7px;
}

.form-control:focus {
    border-color: #8BC53F;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(139, 197, 63, 0.7);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(139, 197, 63, 0.7);
}

.turqouise-glow.form-control:focus {
    border-color: #26BEC9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(38, 190, 201, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(38, 190, 201, 0.6);
}


/* ------- input/button group match input lw & padding ------ */
.input-group-btn button {
    border: 1px solid #898989;
    padding: .75em 1em !important;
    box-shadow: none;
}

.input-group-btn button i {
    font-size: 1.4em;
}



/* ||||||||||||||||||||||||||||||||||||||||||

            SELECT MENUS

|||||||||||||||||||||||||||||||||||||||||| */


/* ------- bootstrap-select plugin - match lw & p ------ */

.bootstrap-select .btn {
    font-weight: 400;
    padding: .8em 2.4em .8em 1.1em;
    border: 1px solid #898989;
    color: #4d4d4d;
}

.bootstrap-select .btn:hover {
    background-color: #fff;
}

.bootstrap-select .btn:active {
    background-color: #fff;
}

.bootstrap-select .btn:focus {
    background-color: #fff;
}

.bootstrap-select .btn-default:active:hover, .bootstrap-select .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .bootstrap-select .btn-default:active:focus, .bootstrap-select .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .bootstrap-select .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus {
    color: #4d4d4d;
    background-color: #fff;
    border-color: #898989;
}

.bootstrap-select .btn-default:active, .bootstrap-select .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #4d4d4d;
    background-color: #fff;
    border-color: #898989;
}

/* ------- bootstrap-select plugin - caret edits ------ */
.bootstrap-select span.bs-caret {
    color: #fff;
    background-color: #005595;
    margin-left: -1.4em;
    padding: .85em 1.3em .9em 1.3em;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.bootstrap-select .btn-default:active, .bootstrap-select .btn-default.active, .open>.dropdown-toggle.btn-default span.bs-caret {
    background-color: #1081c6;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

.bootstrap-select .btn:hover span.bs-caret {
    background-color: #1081c6;
}

.bootstrap-select .caret {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
}





/* ||||||||||||||||||||||||||||||||||||||||||

        RADIO BUTTON STUDIES

|||||||||||||||||||||||||||||||||||||||||| */


/* ------------ RADIO BUTTON STUDIES 1 ------------ */


#radio-button-study-1 form label {
    font-weight: 400;
}

/* hide the radio buttons */
input[type=radio]:not(old) {
  width     : .8em;
  margin    : 0;
  padding   : 0;
  font-size : .9em;
  opacity   : 0;
}

/* position the label */
input[type=radio]:not(old) + label {
  display      : inline-block;
  margin-left  : -1em;
    margin-right: 1em;
  line-height  : 1.5em;
}

/* style the first span to create the untoggled  */
input[type=radio]:not(old) + label > span {
  display          : inline-block;
  width            : 1.3em;
  height           : 1.3em;
  margin            : .5em .4em 0 0;
  border           : 0.0625em solid rgb(190,190,190);
  border-radius    : 5em;
  background       : rgb(254,254,254);
  vertical-align   : bottom;
}

input[type=radio]:not(old):checked + label > span > span {
  display          : block;
  width            : .75em;
  height           : .75em;
  margin-left      : .185em;
  margin-top       : .19em;
  border           : none;
  border-radius    : 5em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}




/* ------------ RADIO BUTTON STUDIES 2 ------------ */


.radio-success input + label {
    font-size: .9em;
    font-size: 14px;
}

.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 8px;
}

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 21px;
  height: 21px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #898989;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.5s ease-in-out;
  -o-transition: border 0.5s ease-in-out;
  transition: border 0.5s ease-in-out;
}

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 15px;
  height: 15px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.5, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.5, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.5, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.5, 1.33);
}

.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.radio input[type="radio"]:disabled {
  cursor: not-allowed;
}

.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}

.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}

.radio.radio-inline {
  margin-top: 0;
}

.radio-green input[type="radio"] + label::after {
  background-color: #8BC53F !important;
}

.radio-green input[type="radio"]:checked + label::before {
  border-color: #8BC53F !important;
}

.radio-green input[type="radio"]:checked + label::after {
  background-color: #8BC53F !important;
}

.radio input[type="radio"]:focus + label::before {
/*  outline: thin dotted;*/
/*  outline: 5px auto -webkit-focus-ring-color;*/
/*  outline-offset: -2px;*/
}




/* ------------ RADIO BUTTON STUDIES 3 ------------ */


.radio-3 label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 19px;
  height: 19px;
  left: 2px;
  top: 1px;
  margin-left: -21px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.5, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.5, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.5, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.5, 1.33);
}





/* ||||||||||||||||||||||||||||||||||||||||||

        CHECKBOX STUDIES

|||||||||||||||||||||||||||||||||||||||||| */



.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 10px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
  line-height: 1.4;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
/*  outline: thin dotted;*/
/*  outline: 5px auto -webkit-focus-ring-color;*/
/*  outline-offset: -2px;*/
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 16px;
  margin-top: -3px;
  margin-left: -21px;
}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {
  cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #8BC53F !important;
  border-color: #8BC53F !important;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}



.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #8BC53F !important;
  border-color: #8BC53F !important;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}



/* ------------ CHECKBOX STUDIES 1 ------------ */

.checkbox-sm input[type="checkbox"]:checked + label::after,
.checkbox-sm input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 13px;
  margin-top: 0px;
  margin-left: -19px;
}

.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 10px;
}

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #898989;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}




/* ||||||||||||||||||||||||||||||||||||||||||

         BUTTON STUDIES

|||||||||||||||||||||||||||||||||||||||||| */



/* ------------ BUTTON STUDIES 1 ------------ */

/*   reset   */
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  outline: 0;
  outline-offset: 0;
  background-image: none;
/*  -webkit-box-shadow: none;*/
/*  box-shadow: none;*/
}

.btn {
    font-size: 14px;
    font-weight: 600;
    border-radius: 7px;
}

/* ----  base button ----  */
.base-btn {
    color: #fff;
    background-color: #005595;
    border: 2px solid #fafafa;
    box-shadow: 2px 2px 4px 0px rgba(180,180,180,1);
}

.base-btn:hover {
    color: #fff;
    background-color: #18a5af;
    background-color: #1081c6;
}

.base-btn:active {
    color: #fff;
}

.base-btn:focus {
    color: #fff;
}

/* ----  quiet button ----  */
.quiet-btn {
    color: #7e7e7e;
    background-color: #f9f9f9;
    border: 2px solid #fff;
    box-shadow: 2px 2px 4px 0px rgba(180,180,180,1);
}

.quiet-btn:hover {
    background-color: #f9f9f9;
    background-color: #f0f0f0;
}

/* ----  disabled button ----  */
.disabled-btn {
    font-weight: 400;
    color: #454545;
    background-color: #e5e5e5;
    border: 2px solid #e5e5e5;
    cursor: not-allowed;
}

.disabled-btn:active, .disabled-btn.active, .disabled-btn-b:active, .disabled-btn-b.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* ----  action button ----  */
.action-btn {
    font-size: 14px;
    color: #fff;
    background-color: #66A305;
    border: 2px solid #fafafa;
    border-radius: 7px;
    box-shadow: 2px 2px 4px 0px rgba(180,180,180,1);
}

.action-btn:hover {
    color: #fff;
    background-color: #8BC53F;
}

.action-btn:active {
    color: #fff;
}

.action-btn:focus {
    color: #fff;
}





/* ------------ BUTTON STUDIES 2 ------------ */


/* ----  base button ----  */
.base-btn-b {
    color: #fff;
    background-color: #005595;
    border: 2px solid #fafafa;
    box-shadow: 2px 2px 4px 0px rgba(180,180,180,1);
}

.base-btn-b:hover {
    color: #fff;
    background-color: #26BEC9;
}

.quiet-btn-b {
    color: #005595;
    background-color: #f9f9f9;
    border: 2px solid #fff;
    box-shadow: 2px 2px 4px 0px rgba(180,180,180,1);
}

/*.quiet-btn-b:hover {
    background-color: #f8f8f8;
}*/

.disabled-btn-b {
    font-weight: 600;
    color: #5d5d5d;
    background-color: #e5e5e5;
    border: 2px solid #e5e5e5;
    cursor: not-allowed;
}



/* ----  prev ----

.base-b-btn {
    font-size: 14px;
    color: #fff;
    background-color: #005595;
    border: 2px solid #fafafa;
    border-radius: 7px;
    box-shadow: 2px 2px 4px 0px rgba(180,180,180,1);
}

.base-b-btn:hover {
    color: #fff;
    background-color: #26BEC9;
    background-color: #18a5af;
}

.base-b-btn:active {
    color: #fff;
}

.base-b-btn:focus {
    color: #fff;
}

.action-b-btn {
    font-size: 14px;
    font-weight: 600;
    margin: .75em 0 0 23.5em;
    color: #66A305;
    background-color: #fff;
    border: 3px solid #8BC53F;
    border-radius: 7px;
    box-shadow: 2px 2px 4px 0px rgba(180,180,180,.5);
}

.action-b-btn:hover {
    color: #fff;
    background-color: #8BC53F;
}

.action-b-btn:active {
    color: #fff;
}

.action-b-btn:focus {
    color: #66A305;
}

*/



/* ||||||||||||||||||||||||||||||||||||||||||

         ICON / ICON BUTTON STUDIES

|||||||||||||||||||||||||||||||||||||||||| */


/* ------------ ICON  STUDIES 1 ------------ */

/*-- currently inheriting additional styles from ui-base --*/
i.icon {
    font-size: 2.7em;
    margin: 0;
}

i.icon:hover {
    color: #1081c6;
}

.icon-block-wrapper {
    text-align: center;
    margin: 0 auto;
}

.icon-block-wrapper p {
    margin: .2em;
    color: #005595;
}

.icon-inline-wrapper p.label-inline {
    margin: .6em .5em 0 .5em ;
    vertical-align: top;
    color: #005595;
}



/* ------------ ICON BUTTON STUDIES 1 ------------ */

.icon-btn {
    padding: .25em .75em;
}

.icon-btn i {
    font-size: 1.5em;
    margin: .2em auto;
}

.icon-btn p {
    color: inherit;
}

/* ------------ ICON BUTTON STUDIES 2 ------------ */

#icon-button-study-2 .icon-btn {
    display: block;
    margin: 0 auto;
    text-align: center;
}

/* if block icons and labels need to be inline as a group */
.icon-btn-wrapper-inline {
    display: inline-block;
    /* mockup only */
    margin: .25em;
}

.icon-btn + p {
    text-align: center;
    margin-top: .5em;
}



/* ------------ ICON BUTTON STUDIES 3 ------------ */

#icon-button-study-3 .icon-btn {
    display: block;
    margin: 0 auto;
    text-align: center;
}

#icon-button-study-3 .icon-btn + p {
    font-weight: 600;
}





/* ||||||||||||||||||||||||||||||||||||||||||

        NAVIGATION STUDIES

|||||||||||||||||||||||||||||||||||||||||| */



/* ----------------------------
        NAVBARS
------------------------------- */

.navbar {
/*    padding: 0 2em;*/
    min-height: 0;
    height: 3.5em;
    border-radius: 0;
}

/* ------------ NAVBAR 1 ------------ */

.navbar-1 {
    background-color: #005595;
    border: 1px solid #005595;
}

.navbar-collapse {
    padding-left: 0;
}

.navbar-nav > li {
    font-size: 14px;
    font-weight: 400;
}

.navbar-nav > li > a {
    padding: .5em .9em .5em .9em !important;
    color: #fff !important;
    text-decoration: none;
}

.navbar-nav > li.active > a {
    background-color: #fff !important;
    color: #005595 !important;
}

.navbar-nav > li:first-of-type > a {
/*    border-top-left-radius: 7px;*/
/*    border-bottom-left-radius: 7px;*/
    padding-left: 1.2em;
}

.navbar-nav > li.dropdown:hover > a,
.navbar-nav > li.dropdown:hover > a:hover,
.navbar-nav > li.dropdown:hover > a:focus {
    background-color: #fff;
    color: #005595 !important;
}

li.dropdown:hover > .dropdown-menu {
    display: block;
}

.navbar-nav > li:hover > a,
.navbar-nav > li:hover > a:hover,
.navbar-nav > li:hover > a:focus {
    background-color: #fff;
    color: #005595 !important;
}


/* ------------ NAVBAR DROPDOWN MENU ------------ */


.navbar-nav > li.dropdown ul.dropdown-menu {
    background-color: #005595;
}

.navbar-nav > li.dropdown ul.dropdown-menu > li {
}

.navbar-nav > li.dropdown ul.dropdown-menu > li > a {
    text-decoration: none;
    padding: .8em 2em;
    color: #fff;
}

.navbar-nav > li.dropdown ul.dropdown-menu > li > a:hover {
    color: #005595;
}



/* ------------ NAVBAR 2 ------------ */

.navbar-2 {
    background-color: #005595;
    border: none;
}

.navbar-collapse {
    padding-left: 0;
}

.navbar-nav > li {
    font-size: 14px;
    font-weight: 400;
}

.navbar-2 .navbar-nav > li > a {
    padding: .5em .9em .6em .9em !important;
}

.navbar-2 .navbar-nav > li.active > a {
    background-color: #fff !important;
    color: #26BEC9 !important;
    color: #18a5af !important;
    font-weight: 600;
    border-bottom: 3px solid #26BEC9;
    border-bottom: 3px solid #18a5af;
    padding-bottom: .4em !important;
}

.navbar-nav > li:first-of-type > a {
/*
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
*/
    padding-left: 1.2em;
}

.navbar-2 .navbar-nav > li.dropdown:hover > a,
.navbar-2 .navbar-nav > li.dropdown:hover > a:hover,
.navbar-2 .navbar-nav > li.dropdown:hover > a:focus {
    background-color: #26BEC9;
    background-color: #18a5af;
    color: #fff !important;
}

li.dropdown:hover > .dropdown-menu {
    display: block;
}

.navbar-2 .navbar-nav > li:hover > a,
.navbar-2 .navbar-nav > li:hover > a:hover,
.navbar-2 .navbar-nav > li:hover > a:focus {
    background-color: #26BEC9;
    background-color: #18a5af;
    color: #fff !important;
}

.navbar-2 .navbar-nav > li.active:hover > a {
    color: #26BEC9 !important;
    color: #18a5af !important;
}


/* ------------ DROPDOWN MENU 2 ------------ */


.navbar-nav > li.dropdown ul.dropdown-menu {
    background-color: #005595;
}

.navbar-nav > li.dropdown ul.dropdown-menu > li {
}

.navbar-nav > li.dropdown ul.dropdown-menu > li > a {
    text-decoration: none;
    color: #fff;
}

.navbar-2 .navbar-nav > li.dropdown ul.dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #26BEC9;
    background-color: #18a5af;
}

.navbar-2 .navbar-nav > li.dropdown.active > a:hover {
    color: #26BEC9 !important;
    color: #18a5af !important;
}

.navbar-nav > li.dropdown ul.dropdown-menu > li.active > a {
    border-right: 7px solid #26BEC9;
    border-right: 7px solid #18a5af;
}



/* ----------------------------
        SIDEBAR NAV
------------------------------- */

.sidebar-nav-wrapper {
    padding: 1em 0;
}

.sidebar-nav-wrapper ul {
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.sidebar-nav-wrapper li {
    font-size: 14px;
    font-weight: 600;
}

.sidebar-nav-wrapper li a {
    display: block;
    padding: .75em .5em;
    color: #fff;
}

.sidebar-nav-wrapper li a:hover {
    background-color: #1081c6;
}

.sidebar-nav-wrapper li a i {
    font-size: 1.5em;
    margin: 0 .5em 0 .75em;
}

.sidebar-nav-wrapper li > ul li a {
    padding: .75em .5em .75em 4em;
}

/* ------------ LAUNCH NEW WINDOW BTN ------------ */

#sidebar-study-1 .action-btn {
    display: block;
    max-width: 45em;
    margin: 0 auto;
}

#sidebar-study-1 .action-btn i {
    font-size: 1.1em;
    margin: .2em 0 0 .5em;
}




/* ----------------------------
        PULLOUT ...NAV?
------------------------------- */





/* ----------------------------
        TABS
------------------------------- */

.panel {
    border-radius: 7px;
}

.nested-nav-tabs .panel-heading {
    padding: .6em .3em .4em 1em;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #005595 !important;
}

.fade-out-tabs {
    background: linear-gradient(to right, rgba(168,189,205,0), rgba(0,85,149,1));
    height: 3em;
    width: 8em;
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
}

/* ------- TABBED PANEL ------- */

.nested-nav-tabs.panel .nav-tabs > li > a {
    margin-bottom: 1px;
    border: 2px solid #005595;
    color: #fff;
}

.nested-nav-tabs.panel .nav-tabs > li > a:hover {
    background-color: #1081c6;
/*    border-color: transparent;*/
    border: 2px solid #fff;
    color: #fff;
}

.nested-nav-tabs.panel .nav-tabs > li.active > a {
	background-color: #18a5af;
	background-color: #1081c6;
/*    border-color: transparent;*/
    border: 2px solid #fff;
    color: #fff;
}







/* ||||||||||||||||||||||||||||||||||||||||||

                DATA TABLES

|||||||||||||||||||||||||||||||||||||||||| */


/* ------------  STUDY 1  ------------ */

#table-studies-1 .table > thead th {
    font-family: 'Open Sans Condensed', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 600 !important;
    letter-spacing: 0;
    color: #4d4d4d;
    color: #005595;
}

#table-studies-1 .table-box {
    padding: 2em 4em;
    border-radius: 7px;
    background-color: #f5f5f5;
}

#table-studies-1 .table th, #table-studies-1 .table td {
    vertical-align: middle !important;
}

#table-studies-1 .table th {
    padding: 2em 1em 1em 1em;
    border-bottom: 2px solid #eaeaea !important;
    line-height: 1.1em;
}

#table-studies-1 .table td {
    padding: 1em;
    border-bottom: 7px solid #f5f5f5;
    background-color: #fff;
}

#table-studies-1 .table td:first-of-type {
    width: 15em;
}

#table-studies-1 .table td .checkbox {
    display: inline-block;
    margin: -.4em .5em 0 1.75em;
}



/* ------------  STUDY 2  ------------ */

#table-studies-2 .panel-body {
    padding: 2em 4em;
    background-color: #f2f2f2 !important;
}

#table-studies-2 .table th, #table-studies-2 .table td {
    vertical-align: middle !important;
}

#table-studies-2 .table th {
    padding: 2em 1em 1em 1em;
    border-bottom: none;
    line-height: 1.1em;
}

#table-studies-2 .table td {
    padding: 1em;
    border-bottom: 7px solid #f2f2f2;
    background-color: #fff;
}





















/* ||||||||||||||||||||||||||||||||||||||||||

        PATTERN STUDIES

|||||||||||||||||||||||||||||||||||||||||| */




/* ------------ PATTERN STUDIES ------------ */


#mod-scale-patterns-1 label {
    font-size: 13px;
    font-weight: 400 !important;
    color: #005595;
    color: #636466;
    padding-left: 11px;
}

#mod-scale-patterns-1 input {
    border-radius: 7px;
    border: 1px solid #A8BDCD;
    border: 1px solid #AAAAAA;
    padding: .5em 0 .65em .75em;
}


#mod-scale-patterns-1 input::-webkit-input-placeholder {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #AAAAAA;
}



/* ------------ PATTERNS DETAIL WORK ------------ */

p.sm-icon {
    margin: 1em auto 2em auto;
}

p.md-icon, p.lg-icon {
    margin: 2em auto;
}

.md-icon + form .form-group i.fa {
    font-size: 1.555em !important;
}

.lg-icon + form .form-group i.fa {
    font-size: 1.866em !important;
}

#label-size-compare-button .btn.btn-lg {
    font-size: 0.9em;
}

#label-size-compare-button .btn.btn-md {
    font-size: 0.833em;
}

#label-size-compare-button .btn.btn-sm {
    font-size: 0.75em;
}

#label-size-compare-button .btn.btn-xs {
    font-size: 0.694em;
}

#label-size-compare-button .btn.btn-lg.semibold600 {
    font-weight: 600 !important;
}

#label-size-compare-button .btn.btn-md.semibold600 {
    font-weight: 600 !important;
}

#label-size-compare-button .btn.btn-sm.semibold600 {
    font-weight: 600 !important;
}

#label-size-compare-button .btn.btn-xs.semibold600 {
    font-weight: 600 !important;
}





















/* ---------------------------------------------
 MEDIA QUERIES
--------------------------------------------- */


@media screen and (max-width: 125em) {




}/*max-width: 125em*/






@media screen and (max-width: 115em) {




}/*max-width: 115em*/














@media screen and (max-width: 90em) {



    .version-alert {
        margin-top: 1em;
        margin-right: 1em;
}

}/*max-width: 90em*/







@media screen and (max-width: 48em) {



    .solution-title {
        font-size: 1em;
    }


}/*max-width: 48em*/







@media screen and (max-width: 25em) {





}/*max-width: 25em*/