/* alinean-global.css */
/* LAST UPDATED: 2017-05-03 12:00 EST */

/* =============================================================================== */  
/* =============================================================================== */  
/* ========================= OVERRIDE RULES ======================== */

/* Remove webkit focus outline and background */
input {font-family: inherit;}
input:focus, button:focus, select:focus {outline: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

div, header, body, button {box-sizing:border-box !important;}
html {-webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.008);}
body {user-select:none; cursor: default;}
body {height: 100vh; margin:0px; padding:0px; background-size: cover;}

/* Less and Bootstrap overrides */
label {margin:0px; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {margin:0px 0px;}

/* DEFAULT FONT SIZE */
@media (max-width: 768px) {
    body {font-size:10pt;}
}

@media (min-width: 768px) {
    body {font-size:12pt;}
}

textarea {  resize: none;}

/* Make columns float by default */
/*[class^="col-"], [class*="col-"] {float:left;}*/

/* =============================================================================== */  
/* =============================================================================== */  
/* ========================= GENERAL TAGS ======================== */

a{text-decoration:underline}
a:hover, a:focus{text-decoration:none}
a:hover, a:active{outline:none}

html {overflow:hidden;}





.line-seperator-black {border-bottom:1px solid rgba(0,0,0,1); width:100%; box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.35);}







/* =============================================================================== */   
/* ======= LAYOUT RULES ======= */

@media (max-width: 768px) {   
    .flex-xs-only {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
}


@media (min-width: 768px) {
    .flex-sm {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
}

@media (max-width: 1200px) {
    .flex-order-0-md-down {order:0;}
    .flex-order-1-md-down {order:1;}
    .flex-order-2-md-down {order:2;}
    .flex-order-3-md-down {order:3;}
    .flex-order-4-md-down {order:4;}
    .flex-order-5-md-down {order:5;}
    .flex-order-6-md-down {order:6;}
    .flex-md-down {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
}   

@media (max-width: 992px) {
    .flex-order-0-sm-down {order:0;}
    .flex-order-1-sm-down {order:1;}
    .flex-order-2-sm-down {order:2;}
    .flex-order-3-sm-down {order:3;}
    .flex-order-4-sm-down {order:4;}
    .flex-order-5-sm-down {order:5;}
    .flex-order-6-sm-down {order:6;}
    .flex-sm-down {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
} 

@media (min-width: 992px) {
    .flex-md {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
}

@media (min-width: 1200px) {
    .flex-lg {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
}

.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-fillSpace {-webkit-flex: 1 1 auto; flex: 1 1 auto;}
.flex-column {flex-direction: column !important; -webkit-flex-flow: column !important;}
.flex-columnReverse {flex-direction: column-reverse !important; -webkit-flex-flow: column-reverse !important;}
.flex-row {flex-direction: row !important; -webkit-flex-flow: row !important;}
.flex-rowReverse {flex-direction: row-reverse !important; -webkit-flex-flow: row-reverse !important;}

.flex-alignItems-end {align-items: flex-end !important; -webkit-align-items: flex-end !important;}
.flex-alignItems-center {align-items: center !important; -webkit-align-items: center !important;}
.flex-alignItems-stretch {align-items: stretch !important; -webkit-align-items: stretch !important;}
.flex-alignItems-start {align-items:flex-start !important;}
.flex-justifyContent-start {justify-content: flex-start !important; -webkit-justify-content: flex-start !important;}
.flex-justifyContent-spaceAround {justify-content: space-around !important; -webkit-justify-content: space-around !important;}
.flex-justifyContent-spaceBetween {justify-content: space-between !important; -webkit-justify-content: space-between !important;}
.flex-justifyContent-center {justify-content: center !important; -webkit-justify-content: center !important;}
.flex-justifyContent-end {justify-content: flex-end !important; -webkit-justify-content: flex-end !important;}
.flex-wrap {flex-wrap:wrap !important;}
.flex-noShrink {flex-shrink:0;}

.flex-alignContent-start {align-content:flex-start !important; -webkit-align-content:flex-start !important;}
.flex-alignContent-center {align-content:center !important; -webkit-align-content:center !important;}
.flex-alignContent-spaceBetween {align-content:space-between !important; -webkit-align-content:space-between !important;}
.flex-alignContent-spaceAround {algin-content:space-around !important; -webkit-align-content:space-around !important;}
.flex-alignContent-stretch {align-content:stretch !important; -webkit-align-content:stretch !important;}
.flex-alignContent-end {align-content:flex-end !important; -webkit-align-content:flex-end !important;}

.div-center {margin-left: auto; margin-right: auto;}

.block {display:block;}


/* =============================================================================== */   
/* ======= BORDERS ======= */

/* LAYOUT ELEMENTS */
.border-top-thin {border-top:1px solid #efefef;}
.border-right-thin {border-right:1px solid #efefef;}
.border-bottom-thin {border-bottom:1px solid #efefef;}
.border-left-thin {border-left:1px solid #efefef;}





/* =============================================================================== */   
/* ======= BUTTON STANDARDS ======= */

/* OVERRIDES */
button {border:0px hidden; font-family:inherit; background-color:rgba(0,0,0,0)}

/* ALL BUTTONS */
[class^="button-"], [class*="button-"] {text-decoration: none; cursor:pointer; font-size:0.9em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center}

/* WHITE VARIANT */
.button-outline.white, .button-text.white {color:#fff; border-color:#fff;}
[class^="button-std"].white, [class*="button-std"].white, [class^="button-rec"].white, [class*="button-rec"].white {background-color:#fff;}

/* DISABLED VARIANT */
[class^="button-"]:disabled, [class*="button-"]:disabled {filter:saturate(0); -webkit-filter:saturate(0); -moz-filter:saturate(0); -ms-filter:saturate(0); pointer-events:none; opacity:0.35;}

/* SQUARE VARIANT */
[class^="button-"].square, [class*="button-"].square {border-radius:0px !important;}


/* LARGE VARIANT */
[class^="button-"].lg, [class*="button-"].lg, [class*="button-"]:not(.button-text).lg {font-size:1.1em !important; border-radius:17.5px; font-weight: 500 !important; min-height:35px !important;}
.button-text.lg {font-weight:700 !important; font-size:1em;}

/* SMALL VARIANT */
[class^="button-"].sm, [class*="button-"].sm {font-size:0.8em !important; border-radius:13px; font-weight: 400 !important; min-height:20px !important; padding:3px 10px;}


/* HAS ICON */
[class^="button-"] i, [class*="button-"] i {margin-left:10px;}

/* BUTTON-TEXT SPECIFIC */
.button-text {text-decoration:none; font-weight:600;}

/* BUTTONS WITH A FRAME SPECIFIC */
.button-std, .button-rec, .button-outline {letter-spacing:.1em; text-align:center; font-variant: small-caps;}    

/* BASIC AND SOLD BUTTON SPECIFIC */
.button-std, .button-rec {padding-left:20px; padding-right:20px; min-height:30px; border-radius:15px; font-weight:600; font-smooth:always;} 

.button-rec:not(.white) {color:#fff;}
.button-rec {box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.10);}
.button-std:not(.white):hover, .button-std:not(.white):active, .button-rec:not(.white):hover, .button-rec:not(.white):active {color:#fff !important;}
.button-std.white:hover, .button-std.white:active, .button-rec.white:hover, .button-rec.white:active {background-color:rgba(255,255,255,0.75);}

/* BUTTON OUTLINE SPECIFIC */
.button-outline {border:1px solid; padding-left:20px; padding-right:20px; min-height:30px; border-radius:15px;}








/* =============================================================================== */         
/* ========== TEXT UNPUT, UNDERLINE ======== */
.textInput-underline {max-width:100%; border-top:0px hidden; border-right:0px hidden; border-left:0px hidden; border-bottom:1px solid; background-color:rgba(0,0,0,0); font-family: inherit; font-weight:600;}
.textInput-underline:disabled, .textInput-underline.disabled {border:0px hidden !important; pointer-events:none !important;}
.textInput-underline.md {font-size:1.5em !important;}
.textInput-underline.lg {font-size:2em !important;}
.textInput-underline.xl {font-size:4em !important;}

@media (min-width: 768px) {   
    input[data-cell-format=CURRENCY], input[data-cell-format=PERCENTAGE], input[data-cell-format=NUMBER] {text-align: right;}
}

.label-sm {font-size:90%; opacity:0.75; font-weight:600;}


/* ======= TEXT INPUT ENCLOSED ======== */
.textInput-enclosed {border:0px hidden; padding:10px 15px; background-color:rgba(0,0,0,0.03); border-radius:15px; font-size:1em;}
.textInput-enclosed:focus {background-color:rgba(0,0,0,0.05);}

.textInput-enclosed {height:30px; padding:0px 10px 0px 15px; border-radius:15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox;	display: -webkit-flex;	display: flex; align-items: center;	-webkit-align-items: center;}
.textInput-enclosed input {height:30px; border:0px hidden; font-size:1em; background-color:rgba(0,0,0,0); width:200px; margin:0px 0px; padding:0px 0px;}


.textInput-none {border:none; max-width:100%; background-color:rgba(0,0,0,0); font-family: inherit; font-weight:600;}
.textInput-none:disabled {pointer-events:none !important;}


/* ====== BUTTONS AS ICONS ======== */
button.icon {border-radius:50%; border: 0px hidden; background-color:rgba(0,0,0,0); margin-left:10px; cursor:pointer; opacity:0.3; font-size:1em;}
button.icon:after {width:35px; text-align:center; font-family: 'FontAwesome'; }
button.icon:hover {opacity:1;}

button.add:after {content:"\f067";}
button.search:after {content:"\f002";}




/* =============================================================================== */  
/* ========== MARGINS AND PADDING (0 - 50px) ============== */


.margin-0 {margin:0px !important;}
.margin-top-0 {margin-top:0px !important;}
.margin-left-0 {margin-left:0px !important;}
.margin-right-0 {margin-right:0px !important;}
.margin-bottom-0 {margin-bottom:0px !important;}

.margin-5 {margin:5px !important;}
.margin-top-5 {margin-top:5px !important;}
.margin-left-5 {margin-left:5px !important;}
.margin-right-5 {margin-right:5px !important;}
.margin-bottom-5 {margin-bottom:5px !important;}

.margin-10 {margin:10px !important;}
.margin-top-10 {margin-top:10px !important;}
.margin-left-10 {margin-left:10px !important;}
.margin-right-10 {margin-right:10px !important;}
.margin-bottom-10 {margin-bottom:10px !important;}

.margin-15 {margin:15px !important;}
.margin-top-15 {margin-top:15px !important;}
.margin-left-15 {margin-left:15px !important;}
.margin-right-15 {margin-right:15px !important;}
.margin-bottom-15 {margin-bottom:15px !important;}

.margin-20 {margin:20px !important;}
.margin-top-20 {margin-top:20px !important;}
.margin-left-20 {margin-left:20px !important;}
.margin-right-20 {margin-right:20px !important;}
.margin-bottom-20 {margin-bottom:20px !important;}

.margin-25 {margin:25px !important;}
.margin-top-25 {margin-top:25px !important;}
.margin-left-25 {margin-left:25px !important;}
.margin-right-25 {margin-right:25px !important;}
.margin-bottom-25 {margin-bottom:25px !important;}    

.margin-30 {margin:30px !important;}
.margin-top-30 {margin-top:30px !important;}
.margin-left-30 {margin-left:30px !important;}
.margin-right-30 {margin-right:30px !important;}
.margin-bottom-30 {margin-bottom:30px !important;}

.margin-35 {margin:35px !important;}
.margin-top-35 {margin-top:35px !important;}
.margin-left-35 {margin-left:35px !important;}
.margin-right-35 {margin-right:35px !important;}
.margin-bottom-35 {margin-bottom:35px !important;}

.margin-40 {margin:40px !important;}
.margin-top-40 {margin-top:40px !important;}
.margin-left-40 {margin-left:40px !important;}
.margin-right-40 {margin-right:40px !important;}
.margin-bottom-40 {margin-bottom:40px !important;}

.margin-45 {margin:45px !important;}
.margin-top-45 {margin-top:45px !important;}
.margin-left-45 {margin-left:45px !important;}
.margin-right-45 {margin-right:45px !important;}
.margin-bottom-45 {margin-bottom:45px !important;}

.margin-50 {margin:50px !important;}
.margin-top-50 {margin-top:50px !important;}
.margin-left-50 {margin-left:50px !important;}
.margin-right-50 {margin-right:50px !important;}
.margin-bottom-50 {margin-bottom:50px !important;}

.padding-0 {padding:0px !important;}
.padding-top-0 {padding-top:0px !important;}
.padding-left-0 {padding-left:0px !important;}
.padding-right-0 {padding-right:0px !important;}
.padding-bottom-0 {padding-bottom:0px !important;}

.padding-5 {padding:5px !important;}
.padding-top-5 {padding-top:5px !important;}
.padding-left-5 {padding-left:5px !important;}
.padding-right-5 {padding-right:5px !important;}
.padding-bottom-5 {padding-bottom:5px !important;}

.padding-10 {padding:10px !important;}
.padding-top-10 {padding-top:10px !important;}
.padding-left-10 {padding-left:10px !important;}
.padding-right-10 {padding-right:10px !important;}
.padding-bottom-10 {padding-bottom:10px !important;}

.padding-15 {padding:15px !important;}
.padding-top-15 {padding-top:15px !important;}
.padding-left-15 {padding-left:15px !important;}
.padding-right-15 {padding-right:15px !important;}
.padding-bottom-15 {padding-bottom:15px !important;}

.padding-20 {padding:20px !important;}
.padding-top-20 {padding-top:20px !important;}
.padding-left-20 {padding-left:20px !important;}
.padding-right-20 {padding-right:20px !important;}
.padding-bottom-20 {padding-bottom:20px !important;}

.padding-25 {padding:25px !important;}
.padding-top-25 {padding-top:25px !important;}
.padding-left-25 {padding-left:25px !important;}
.padding-right-25 {padding-right:25px !important;}
.padding-bottom-25 {padding-bottom:25px !important;}    

.padding-30 {padding:30px !important;}
.padding-top-30 {padding-top:30px !important;}
.padding-left-30 {padding-left:30px !important;}
.padding-right-30 {padding-right:30px !important;}
.padding-bottom-30 {padding-bottom:30px !important;}

.padding-35 {padding:35px !important;}
.padding-top-35 {padding-top:35px !important;}
.padding-left-35 {padding-left:35px !important;}
.padding-right-35 {padding-right:35px !important;}
.padding-bottom-35 {padding-bottom:35px !important;}

.padding-40 {padding:40px !important;}
.padding-top-40 {padding-top:40px !important;}
.padding-left-40 {padding-left:40px !important;}
.padding-right-40 {padding-right:40px !important;}
.padding-bottom-40 {padding-bottom:40px !important;}

.padding-45 {padding:45px !important;}
.padding-top-45 {padding-top:45px !important;}
.padding-left-45 {padding-left:45px !important;}
.padding-right-45 {padding-right:45px !important;}
.padding-bottom-45 {padding-bottom:45px !important;}

.padding-50 {padding:50px !important;}
.padding-top-50 {padding-top:50px !important;}
.padding-left-50 {padding-left:50px !important;}
.padding-right-50 {padding-right:50px !important;}
.padding-bottom-50 {padding-bottom:50px !important;}



/* =============================================================================== */ 
/* ========== OVERFLOW ============= */  

.overflow-y-auto {overflow-y:auto !important;}

.overflow-y-auto::-webkit-scrollbar {width: 10px;}

.overflow-y-auto::-webkit-scrollbar-track {
    position:relative;
    left:-5px;
    margin-top:5px;
    margin-bottom:5px;
    background-color:rgba(0,0,0,0.05);
    border-radius: 10px;
}

.overflow-y-auto::-webkit-scrollbar-track:hover, .overflow-y-auto::-webkit-scrollbar-track:active {
    background-color:rgba(0,0,0,0.1);
    border-radius: 10px;
}

.overflow-y-auto::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color:rgba(0,0,0,0.15);
}

.overflow-y-auto::-webkit-scrollbar-thumb:hover, .overflow-y-auto::-webkit-scrollbar-thumb:active {
    background-color:rgba(0,0,0,0.3);
}
.overflow-y-auto::-webkit-scrollbar-thumb:window-inactive {
    background-color:rgba(0,0,0,0.15);
}




/* =============================================================================== */ 
/* ========== OPACITY ============= */

.opacity-0{opacity: 0;} .opacity-5{opacity: 0.05;} .opacity-10{opacity: 0.10;} .opacity-15{opacity: 0.15;} .opacity-20{opacity: 0.20;} .opacity-25{opacity: 0.25;} .opacity-30{opacity: 0.30;} .opacity-35{opacity: 0.35;} .opacity-40{opacity: 0.40;} .opacity-45{opacity: 0.45;} .opacity-50{opacity: 0.50;} .opacity-55{opacity: 0.55;} .opacity-60{opacity: 0.60;} .opacity-65{opacity: 0.65;} .opacity-70{opacity: 0.70;} .opacity-75{opacity: 0.75;} .opacity-80{opacity: 0.80;} .opacity-85{opacity: 0.85;} .opacity-90{opacity: 0.90;} .opacity-95{opacity: 0.95;} .opacity-100{opacity: 1;}



/* =============================================================================== */ 
/* ========== TEXT STYLES ============= */
.text-light {font-weight:300 !important;}
.text-semibold {font-weight:600 !important;}
.text-bold {font-weight:700 !important;}

h1, h2, h3, h4, h5, h6{line-height:1.3em}
h1, .h1{font-size:2.15em}
h2, .h2{font-size:1.80em}
h3, .h3{font-size:1.65em}
h4, .h4{font-size:1.50em}
h5, .h5{font-size:1.30em}
h6, .h6{font-size:1.20em}


h1.lg, .h1.lg{font-size:2.40em}
h2.lg, .h2.lg{font-size:2.00em}
h3.lg, .h3.lg{font-size:1.70em}
h4.lg, .h4.lg{font-size:1.60em}
h5.lg, .h5.lg{font-size:1.40em}
h6.lg, .h6.lg{font-size:1.25em}


.sm {font-size:0.90em}


p{margin:1em 0}

em, i{font-style:italic}
strong, b{font-weight:bold}
code, pre{font-family:monospace}

.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.text-left {text-align:left !important;}

@media (max-width: 1200px) {
    .text-left-md-down {text-align:center !important;}
    .text-center-md-down {text-align:center !important;}
    .text-right-md-down {text-align:right !important;}
}  




/* =============================================================================== */ 
/* ========== CHECKBOXES AND RADIO SELECTORS ============= */
.checkbox-std[type='checkbox'] {display:none;}
.checkbox-std[type='checkbox'] + label {cursor:pointer; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center;}

/* ==== CHECKBOX CHECK BUTTON ==== */
.checkbox-std[type='checkbox'] + label:before {width:20px; height:20px; border:1px solid; margin-right:10px; display:inline-block; content:""; border-radius:2px;}
.checkbox-std[type='checkbox']:checked + label:before {padding-left:1px; text-align:center; content: "\f00c"; font-family: 'FontAwesome' !important; font-size:11pt; line-height:11pt; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center;}

.checkbox-std[type='checkbox'].white + label:before {border-color:#eee;}
.checkbox-std[type='checkbox'].white:checked + label:before { background-color:rgba(255,255,255,0.25);}


/* ========== Standard Radio Selector ============= */
.radio-std[type='radio']:not(:checked) + label:hover, .checkbox-std[type='checkbox'] + label:hover {filter: brightness(75%); -webkit-filter: brightness(75%); cursor:pointer;}

.radio-std[type='radio'] {display:none;}
.radio-std[type='radio'] + label {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center;}

/* ADD MARGIN ON LABELS WITH CONTENT */
.radio-std[type='radio'] + label:not(:empty):before {margin-right:5px;}

.radio-std[type='radio'] + label:before {width:20px; height:20px; min-width:20px; min-height:20px; border:1px solid;  display:inline-block; content:""; border-radius:10px; padding:2px;}
.radio-std[type='radio']:checked + label:before {text-align:center; content: "\f00c"; font-family: 'FontAwesome' !important; line-height:10pt; font-size:10pt; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center;}

.radio-std[type='radio'].white + label:before {border-color:#eee;}
.radio-std[type='radio'].white:checked + label:before {background-color:rgba(255,255,255,0.25);}       

/* ========== Text Radio Selector ============= */
.radio-text[type='radio']:not(:checked) + label:hover {background-color:rgba(0,0,0,0.05); filter: brightness(75%); -webkit-filter: brightness(75%); cursor:pointer;}

.radio-text[type='radio'] {display:none;}
.radio-text[type='radio'] + label {padding:3px 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center;}

.radio-text[type='radio']:checked + label {background-color:rgba(0,0,0,0.15);}

.radio-text[type='radio'].white:checked + label {background-color:rgba(255,255,255,0.15);}       





/* =============================================================================== */ 
/* ======== VIEW WRAPPER ======== */    
@media (min-width: 768px) {   
    body {width:100vw; height:100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center}
    .pagesWrapper {width:calc(100vw - 140px); height:calc(100vh - 90px); max-width:1600px; max-height:1000px;  overflow: visible; position:relative; }
    .viewFrame-wrapper {transition:left 0.75s ease; width:calc(100vw - 140px); height:calc(100vh - 90px); max-width:1600px; max-height:1000px; background-color:#fff; overflow-x:hidden; overflow-y:hidden; position:absolute; }
}

@media (max-width: 768px) {   
    .pagesWrapper {width:100vw; overflow-x:hidden; overflow-y:auto; height:calc(100vh - 100px); position:relative;}
    .viewFrame-wrapper {transition:left 0.75s ease; width:100%; min-height:calc(100vh - 100px); background-color:#fff; overflow-x:hidden; overflow-y:auto; position:absolute; }
    body {overflow-y:hidden;}
}

.viewFrame-wrapper:first-child {left:0px;}






/* =============================================================================== */ 
/* ============ TABLES ================ */

/* OVERRIDE TO REMOVE PADDING ON COLUMNS INSIDE TABLES */
.tableWrapper [class^="col-"], .tableWrapper [class*="col-"] {padding:0px 0px !important;}

.inputWrapper {font-weight: 600}

.tableRow.subtotal input {font-weight: 700 !important;}
.tableRow.total input {font-weight: 700 !important;}

@media (min-width: 768px) {
    .tableWrapper {font-size: 95%;}
    .tableWrapper .tableRow {padding-left:5px; padding-right:5px; min-height:35px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
    .tableWrapper .tableRow:not(:last-child) {border-bottom:1px solid #efefef}
    .tableWrapper .tableCol-right {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: flex-end; -webkit-justify-content: flex-end; -webkit-flex: 1 1 auto; flex: 1 1 auto;}
    .tableCol-right div[class*="col-"] {text-align:right; margin-left:10px; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: flex-end; -webkit-justify-content: flex-end;}
    .tableCol-right input {text-align:right; -webkit-flex: 1 1 auto; flex: 1 1 auto; margin-left:10px;}

    .tableRow.selectable:hover {background-color:#efefef; cursor:pointer;}

    /* PARAMETER TO SET WIDTH OF SECOND COLUMN */
    .tableWrapper.tableCol-right-100 .tableCol-right {width:100px; min-width:100px; max-width:100px;}
    .tableWrapper.tableCol-right-150 .tableCol-right {width:150px; min-width:150px; max-width:150px;}
    .tableWrapper.tableCol-right-200 .tableCol-right {width:200px; min-width:200px; max-width:200px;}
    .tableWrapper.tableCol-right-300 .tableCol-right {width:300px; min-width:300px; max-width:300px;}
    .tableWrapper.tableCol-right-400 .tableCol-right {width:400px; min-width:400px; max-width:400px;}
    .tableWrapper.tableCol-right-500 .tableCol-right {width:500px; min-width:500px; max-width:500px;}
    .tableWrapper.tableCol-right-600 .tableCol-right {width:600px; min-width:600px; max-width:600px;}
    .tableWrapper.tableCol-right-700 .tableCol-right {width:700px; min-width:700px; max-width:700px;}
    .tableWrapper.tableCol-right-750 .tableCol-right {width:750px; min-width:750px; max-width:750px;}
    .tableWrapper.tableCol-right-800 .tableCol-right {width:800px; min-width:780px; max-width:800px;}

    .tableCol-right.tableCol-right-100 {width:100px !important; min-width:100px !important; max-width:100px !important;}
    .tableCol-right.tableCol-right-150 {width:150px !important; min-width:150px !important; max-width:150px !important;}
    .tableCol-right.tableCol-right-200 {width:200px !important; min-width:200px !important; max-width:200px !important;}
    .tableCol-right.tableCol-right-300 {width:300px !important; min-width:300px !important; max-width:300px !important;}
    .tableCol-right.tableCol-right-400 {width:400px !important; min-width:400px !important; max-width:400px !important;}
    .tableCol-right.tableCol-right-500 {width:500px !important; min-width:500px !important; max-width:500px !important;}
    .tableCol-right.tableCol-right-600 {width:600px !important; min-width:600px !important; max-width:600px !important;}
    .tableCol-right.tableCol-right-700 {width:700px !important; min-width:700px !important; max-width:700px !important;}
    .tableCol-right.tableCol-right-750 {width:750px !important; min-width:750px !important; max-width:750px !important;}
    .tableCol-right.tableCol-right-800 {width:800px !important; min-width:800px !important; max-width:800px !important;}
}

@media (max-width: 768px) {
    .tableWrapper .tableRow {padding-top:10px; padding-bottom:10px; padding-left:5px; padding-right:5px; margin-bottom:10px;}
    .inputWrapper {font-size:125%; margin-top:5px;}
    .tableCol-left {font-size:130%; line-height:90%; font-weight:bold; margin-top:15px; margin-bottom:5px;}
} 






/* =============================================================================== */  
/* ================= BG COLOR ================ */


.bgColor-transparent {background-color:rgba(0,0,0,0);}

.color-white {color:#fff;}
.border-white {border-color:#fff;}
.bgColor-white {background-color:#fff;}

.color-gray-1, .color-grey-1 {color:rgb(245,245,245) !important;}
.border-gray-1, .border-grey-1 {border-color:rgb(245,245,245) !important;}
.bgColor-gray-1, .bgColor-grey-1 {background-color:rgb(245,245,245) !important;}

.color-gray-2, .color-grey-2 {color:rgb(220,220,220) !important;}
.border-gray-2, .border-grey-2 {border-color:rgb(220,220,220) !important;}
.bgColor-gray-2, .bgColor-grey-2 {background-color:rgb(220,220,220) !important;}

.color-gray-3, .color-grey-3 {color:rgb(190,190,190) !important;}
.border-gray-3, .border-grey-3 {border-color:rgb(190,190,190) !important;}
.bgColor-gray-3, .bgColor-grey-3 {background-color:rgb(190,190,190) !important;}

.color-gray-4, .color-grey-4 {color:rgb(160,160,160) !important;}
.border-gray-4, .border-grey-4 {border-color:rgb(160,160,160) !important;}
.bgColor-gray-4, .bgColor-grey-4 {background-color:rgb(160,160,160) !important;}

.color-gray-5, .color-grey-5 {color:rgb(130,130,130) !important;}
.border-gray-5, .border-grey-5 {border-color:rgb(130,130,130) !important;}
.bgColor-gray-5, .bgColor-grey-5 {background-color:rgb(130,130,130) !important;}

.color-gray-6, .color-grey-6 {color:rgb(100,100,100) !important;}
.border-gray-6, .border-grey-6 {border-color:rgb(100,100,100) !important;}
.bgColor-gray-6, .bgColor-grey-6 {background-color:rgb(100,100,100) !important;}

.color-gray-7, .color-grey-7 {color:rgb(60,60,60) !important;}
.border-gray-7, .border-grey-7 {border-color:rgb(60,60,60) !important;}
.bgColor-gray-7, .bgColor-grey-7 {background-color:rgb(60,60,60) !important;}

.color-black {color:#000;}
.border-black {border-color:#000;}
.bgColor-black {background-color:#000;}

.color-alinean-green {color:#8DC544;}
.bgColor-alinean-green {background-color:#8DC544;}

.color-alinean-darkGreen {color:#5D843B;}
.bgColor-alinean-darkGreen {background-color:#5D843B;}

.color-alinean-blue {color:#22bbed;}
.bgColor-alinean-blue {background-color:#22bbed;}

.bgColor-black-25 {background-color:rgba(0,0,0,0.25);}
.bgColor-black-50 {background-color:rgba(0,0,0,0.50);}
.bgColor-black-75 {background-color:rgba(0,0,0,0.75);}

.bgColor-white-25 {background-color:rgba(255,255,255,0.25);}
.bgColor-white-50 {background-color:rgba(255,255,255,0.50);}
.bgColor-white-75 {background-color:rgba(255,255,255,0.75);}

/* =============================================================================== */  
/* =============================================================================== */  
/* === DISABLED === */  

div.disabled {pointer-events:none; opacity:0.4;}


/* =============================================================================== */  
/* =============================================================================== */  
/* === MODALS === */  

.modal-verticalCenter {width:100vw !important; height:100vh !important; margin:0px; padding:0px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center !important; -webkit-justify-content: center !important; align-items: center !important; -webkit-align-items: center !important;}



/* =============================================================================== */  
/* =============================================================================== */  
/* === FLIP CARD === */

/* If .back is showing over .front in mobile view, make sure overflow-y-auto is not being used */	
.flip-wrapper {position:relative; perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; padding:0px !important; transform-style: preserve-3d;}
.flip-wrapper .front, .flip-wrapper .back {position: absolute; top:0px; left:0px; width:100%; height:100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: visible; transform-style: preserve-3d; }
.flip-wrapper .front {transform: rotateY(0deg) rotateX(0deg); z-index:1; -webkit-animation: backfaceFlashFix .1s;}
.flip-wrapper .back {transform: rotateY(180deg) rotateX(0deg); z-index:-1; -webkit-animation: backfaceFlashFix .1s;}

@-webkit-keyframes backfaceFlashFix {
  0% {
      -webkit-transform: rotatey(-180deg);
      transform: rotatey(-180deg);
    }
  100% {
      -webkit-transform: rotatey(+180deg); 
      transform: rotatey(+180deg); 
    }
}

.onclick-flip {transition-delay: 0.75s; transition: transform 0.25s ease; transform: perspective(0em) rotateY(0deg); position:relative;}
.onclick-flip:hover {transform: perspective(200px) rotateY(2deg); cursor:pointer;}


/* =============================================================================== */  
/* =============================================================================== */  
/* === VIEW SPECIFIC CLASSES === */  



/* ======= VALUE SUMMARY ======== */
/* ======= CHAPTER BUTTON */

@media (min-height: 725px) {
    .valSum-chWrapper .header {height:125px;}
    .valSum-chWrapper .body {padding: 15px; min-height:150px;}
    .valSum-chWrapper .header i {font-size:48pt;}
}

@media (max-height: 724px) {
    .valSum-chWrapper .header {height:75px;}
    .valSum-chWrapper .body {padding:5px 10px 5px 10px; min-height:135px;}
    .valSum-chWrapper .header i {font-size:24pt;}
}

@media (min-width: 768px) {
    .valSum-chWrapper {width:225px; background-color:#fff; border-radius:4px; margin:0px 10px 10px 0px; cursor:pointer; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column;	-webkit-flex-flow: column; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);} 
    .valSum-chWrapper .header {width:100%; position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center}
    .valSum-chWrapper .chk-wrapper {position:absolute; top:15px; left:15px; z-index:10;}
    .valSum-chWrapper .body {width:100%;  background-color:#fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column;	-webkit-flex-flow: column;}

    .valSum-chWrapper {transition-delay: 0.75s; transition: transform 0.25s ease; transform: perspective(0em) rotateY(0deg); position:relative;}
    .valSum-chWrapper.enabled:hover {transform: perspective(80px) rotateY(2deg);}
    .valSum-chWrapper:after {transition: left 0.25s ease; position:absolute; top:5px; left:0px; z-index:-1; width:100%; height:calc(100% - 10px); display:block; background-color:rgba(19,46,78,0.9); content:""}
    .valSum-chWrapper:before {transition: left 0.25s ease; position:absolute; top:8px; left:0px; z-index:-2; width:100%; height:calc(100% - 15px); display:block; background-color:rgba(19,46,78,0.4); content:""}

    .valSum-chWrapper.enabled:hover:after {left:-4px;}
    .valSum-chWrapper.enabled:hover:before {left:-8px;}


}

@media (max-width: 768px) {    
    .valSum-chWrapper {width:100%; background-color:#fff; margin:2px 0px; cursor:pointer; min-height:35px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
    .valSum-chWrapper .header {display:none;}
    .valSum-chWrapper .chk-wrapper {padding:0px 5px 0px 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-flow: column; justify-content: center; -webkit-justify-content: center}
    .valSum-chWrapper .body {-webkit-flex: 1 1 auto; flex: 1 1 auto; padding:5px 0px 5px 10px;}

    .valSum-chWrapper.enabled:hover {background-color:#efefef;}

    .valSum-chWrapper:last-child {margin-bottom:25px;}

}

.valSum-chWrapper:not(.enabled) {opacity:0.35; filter:saturate(0); -webkit-filter:saturate(0); pointer-events:none}
.valSum-chWrapper:not(.enabled) .chk-wrapper {pointer-events:auto;}

.valSum-bo-selector.selected {opacity:1.0; background-color:rgba(255,255,255,0.2);}
.valSum-bo-selector {opacity:0.5; cursor:pointer;}