/*===================================
Collection of Utility Styles
Revised: 11/30/2015 by Damien Taylor
===================================*/

/*Text Adjustments*/

.textxs { font-size:0.7em;}
.textsm { font-size:0.8em;}
.textlg { font-size:1.15em;}
.textxl { font-size:1.25em;}

/*floats, visibility and alignments*/
.fl{float:left;}
.fr{float:right;}
.clearfix:before,.clearfix:after {display: table;content: " ";}
.clearfix:after {clear: both;}

.ac {text-align:center;}
.ar {text-align:right;}
.al {text-align:left;}
.hide {display:none !important;}
.invisible{visibility:hidden !important;}
.iblock {display:inline-block;}
.block {display:block;}
.lsnone{list-style:none;}


.full-height{height:100vh;}


/*Check Links*/
.check_link .cl_flag {
display:none;
}
.check_link.active .cl_flag, .check-link .cl_flag.force_show {
display:inline-block;
}
.check_link.active .show-default {
display:none;
}

/* font weight */
.font-100 { font-weight:100 }
.font-200 { font-weight:200 }
.font-300 { font-weight:300 }
.font-400 { font-weight:400 }
.font-500 { font-weight:500 }
.font-600 { font-weight:600 }
.font-700 { font-weight:700 }
.font-800 { font-weight:800 }
.font-900 { font-weight:900 }
.font-bold { font-weight:bold }

/*Padding Adjustments*/
.pad0{padding:0 !important;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.pad40{padding:40px;}
.pad50{padding:50px;}
.pad60{padding:60px;}
.pad70{padding:70px;}
.pad80{padding:80px;}
.pad90{padding:90px;}
.pad100{padding:100px;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:80px !important;}
.pl100{padding-left:100px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}

.ptb0{padding-bottom:0 !important; padding-top:0 !important;}
.ptb5{padding-bottom:5px !important; padding-top:5px !important;}
.ptb10{padding-bottom:10px !important; padding-top:10px !important;}
.ptb20{padding-bottom:20px !important; padding-top:20px !important;}
.ptb30{padding-bottom:30px !important; padding-top:30px !important;}
.ptb40{padding-bottom:40px !important; padding-top:40px !important;}
.ptb50{padding-bottom:50px !important; padding-top:50px !important;}
.ptb60{padding-bottom:60px !important; padding-top:60px !important;}
.ptb70{padding-bottom:70px !important; padding-top:70px !important;}
.ptb80{padding-bottom:80px !important; padding-top:80px !important;}
.ptb90{padding-bottom:90px !important; padding-top:90px !important;}
.ptb100{padding-bottom:100px !important; padding-top:100px !important;}

/*Margin Adjustments*/
.m0{margin:0 !important;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.mlr0{margin-right:0 !important; margin-left:0 !important;}
.mlr10{margin-right:10px !important; margin-left:10px !important;}
.mlr20{margin-right:20px !important; margin-left:20px !important;}
.mlr30{margin-right:30px !important; margin-left:30px !important;}
.mlr40{margin-right:40px !important; margin-left:40px !important;}
.mlr50{margin-right:50px !important; margin-left:50px !important;}
.mlr60{margin-right:60px !important; margin-left:60px !important;}
.mlr70{margin-right:70px !important; margin-left:70px !important;}
.mlr80{margin-right:80px !important; margin-left:80px !important;}
.mlr90{margin-right:90px !important; margin-left:90px !important;}
.mlr100{margin-right:100px !important; margin-left:100px !important;}

.mtb0{margin-top:0 !important; margin-bottom:0 !important;}
.mtb10{margin-top:10px !important; margin-bottom:10px !important;}
.mtb20{margin-top:20px !important; margin-bottom:20px !important;}
.mtb30{margin-top:30px !important; margin-bottom:30px !important;}
.mtb40{margin-top:40px !important; margin-bottom:40px !important;}
.mtb50{margin-top:50px !important; margin-bottom:50px !important;}
.mtb60{margin-top:60px !important; margin-bottom:60px !important;}
.mtb70{margin-top:70px !important; margin-bottom:70px !important;}
.mtb80{margin-top:80px !important; margin-bottom:80px !important;}
.mtb90{margin-top:90px !important; margin-bottom:90px !important;}
.mtb100{margin-top:100px !important; margin-bottom:100px !important;}


/* Button Styles */
input[type="checkbox"].slider {
    appearance: none;
    position: relative;
    display: inline-block;
    background-color: lightgrey;
    height: 1.25rem;
    width: 2rem;
    vertical-align: middle;
    border-radius: 2rem;
    box-shadow: 0px 1px 3px #0003 inset;
    transition: 0.15s linear background;
}

input[type="checkbox"].slider::before {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    background: #fff;
    border-radius: 1.2rem;
    position: absolute;
    top: 0.15rem;
    left: 0.1rem;
    box-shadow: 0 1px 3px #0003;
    transition: 0.15s linear transform;
    transform: translateX(0rem);
}

input[type="checkbox"].slider:checked {
    background: #269c26;
}

input[type='checkbox'].slider:checked::before {
    transform:translateX(0.75rem);
}


/* convert a ul list to a dropdown */
.ul-dropdown ul li{
    padding: 3px;
    padding-left:10px;
    border-bottom: 1px solid #ccc;
}
.ul-dropdown .field-dropdown a, .ul-dropdown .field-selection a{
    text-decoration: none;
    color: #333;
}
.ul-dropdown ul.field-dropdown{
    list-style: none;
    padding: 1px;
    position: absolute;
    z-index: 996;
    max-height: 300px;
    overflow-y: auto;
    min-width: 400px;
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 3px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.15);
}
.ul-dropdown .option-selector-element{
    display: block;
}
.ul-dropdownt ul.field-dropdown ul{
    list-style: none;
    padding: 0;
}
.ul-dropdown .selected-value-field {
    min-width: 340px;
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important;
    }
}


/************************/
/*  Tailwind.CSS Utils  */
/************************/

/*  Typograpohy */
.no-underline { text-decoration-line: none }
.list-none { list-style-type: none }

/* Layout */
.flex { display: flex }
.grid { display: grid }
.block { display: block }
.hidden { display: none }

/* Position */
.static { position: static }
.fixed { position: fixed }
.absolute { position: absolute }
.relative { position: relative }
.sticky { position: sticky }
.inset { inset: 0 }
.inset-x { right: 0; left: 0 }
.inset-y { top: 0; bottom: 0 }

/* Flexbox and Grid */
.flex-row { flex-direction: row }
.flex-row-revers { flex-direction: row-reverse }
.flex-col { flex-direction: column }
.flex-col-reverse { flex-direction: column-reverse }
.flex-1 { flex: 1 }

.justify-center { justify-content: center }
.justify-between { justify-content: space-between }
.justify-around { justify-content: space-around }
.justify-evenly { justify-content: space-evenly }

.items-start { align-items: start }
.items-end { align-items: end }
.items-center { align-items: center }
.items-baseline { align-items: baseline }
.items-stretch { align-items: stretch }

.gap-1 { gap: 0.25rem }
.gap-2 { gap: 0.5rem }
.gap-3 { gap: 0.75rem }
.gap-4 { gap: 1rem }
.gap-5 { gap: 1.25rem }
.gap-6 { gap: 1.5rem }
.gap-7 { gap: 1.75rem }
.gap-8 { gap: 2rem }
.gap-9 { gap: 2.25rem }
.gap-10 { gap: 2.5rem }
.gap-11 { gap: 2.75rem }
.gap-12 { gap: 3rem }

/* Typography */
.text-xs { font-size: 0.75rem; line-height: 1rem } /* 12px */
.text-sm { font-size: 0.875rem; line-height: 1.25rem } /* 14px */
.text-base { font-size: 1rem; line-height: 1.5rem } /* 16px */
.text-lg { font-size: 1.125rem; line-height: 1.75rem } /* 18px */
.text-xl { font-size: 1.25rem; line-height: 1.75rem } /* 20px */
.text-2xl { font-size: 1.5rem; line-height: 2rem } /* 24px */
.text-3xl { font-size: 1.875rem; line-height: 2.25rem } /* 30px */

/* Box Shadow */
.shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) }
.shadow { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) }
.shadow-md { box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) }
.shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) }
.shadow-xl { box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) }

/* Spacing Margin and Padding */

/* Margins */
.m-0 { margin: 0}
.mt-0 { margin-top: 0}
.mb-0 { margin-bottom: 0}
.ml-0 { margin-left: 0}
.mr-0 { margin-right: 0}
.mx-0 { margin-left: 0; margin-right: 0}
.my-0 { margin-top: 0; margin-bottom: 0}

.m-1 { margin: 0.25rem}
.mt-1 { margin-top: 0.25rem}
.mb-1 { margin-bottom: 0.25rem}
.ml-1 { margin-left: 0.25rem}
.mr-1 { margin-right: 0.25rem}
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem}
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem}

.m-2 { margin: 0.5rem}
.mt-2 { margin-top: 0.5rem}
.mb-2 { margin-bottom: 0.5rem}
.ml-2 { margin-left: 0.5rem}
.mr-2 { margin-right: 0.5rem}
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem}
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem}

.m-3 { margin: 0.75rem}
.mt-3 { margin-top: 0.75rem}
.mb-3 { margin-bottom: 0.75rem}
.ml-3 { margin-left: 0.75rem}
.mr-3 { margin-right: 0.75rem}
.mx-3 { margin-left: 0.75rem; margin-right: 0.75rem}
.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem}

.m-4 { margin: 1rem}
.mt-4 { margin-top: 1rem}
.mb-4 { margin-bottom: 1rem}
.ml-4 { margin-left: 1rem}
.mr-4 { margin-right: 1rem}
.mx-4 { margin-left: 1rem; margin-right: 1rem}
.my-4 { margin-top: 1rem; margin-bottom: 1rem}

.m-5 { margin: 1.25rem}
.mt-5 { margin-top: 1.25rem}
.mb-5 { margin-bottom: 1.25rem}
.ml-5 { margin-left: 1.25rem}
.mr-5 { margin-right: 1.25rem}
.mx-5 { margin-left: 1.25rem; margin-right: 1.25rem}
.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem}

.m-6 { margin: 1.5rem}
.mt-6 { margin-top: 1.5rem}
.mb-6 { margin-bottom: 1.5rem}
.ml-6 { margin-left: 1.5rem}
.mr-6 { margin-right: 1.5rem}
.mx-6 { margin-left: 1.5rem; margin-right: 1.5rem}
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem}

.m-7 { margin: 1.75rem}
.mt-7 { margin-top: 1.75rem}
.mb-7 { margin-bottom: 1.75rem}
.ml-7 { margin-left: 1.75rem}
.mr-7 { margin-right: 1.75rem}
.mx-7 { margin-left: 1.75rem; margin-right: 1.75rem}
.my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem}

.m-8 { margin: 2rem}
.mt-8 { margin-top: 2rem}
.mb-8 { margin-bottom: 2rem}
.ml-8 { margin-left: 2rem}
.mr-8 { margin-right: 2rem}
.mx-8 { margin-left: 2rem; margin-right: 2rem}
.my-8 { margin-top: 2rem; margin-bottom: 2rem}

.m-10 { margin: 2.5rem}
.mt-10 { margin-top: 2.5rem}
.mb-10 { margin-bottom: 2.5rem}
.ml-10 { margin-left: 2.5rem}
.mr-10 { margin-right: 2.5rem}
.mx-10 { margin-left: 2.5rem; margin-right: 2.5rem}
.my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem}

.m-12 { margin: 3rem}
.mt-12 { margin-top: 3rem}
.mb-12 { margin-bottom: 3rem}
.ml-12 { margin-left: 3rem}
.mr-12 { margin-right: 3rem}
.mx-12 { margin-left: 3rem; margin-right: 3rem}
.my-12 { margin-top: 3rem; margin-bottom: 3rem}

.m-14 { margin: 3.5rem}
.mt-14 { margin-top: 3.5rem}
.mb-14 { margin-bottom: 3.5rem}
.ml-14 { margin-left: 3.5rem}
.mr-14 { margin-right: 3.5rem}
.mx-14 { margin-left: 3.5rem; margin-right: 3.5rem}
.my-14 { margin-top: 3.5rem; margin-bottom: 3.5rem}

.m-16 { margin: 4rem}
.mt-16 { margin-top: 4rem}
.mb-16 { margin-bottom: 4rem}
.ml-16 { margin-left: 4rem}
.mr-16 { margin-right: 4rem}
.mx-16 { margin-left: 4rem; margin-right: 4rem}
.my-16 { margin-top: 4rem; margin-bottom: 4rem}

/* Padding */
.p-0 { padding: 0}
.pt-0 { padding-top: 0}
.pb-0 { padding-bottom: 0}
.pl-0 { padding-left: 0}
.pr-0 { padding-right: 0}
.px-0 { padding-left: 0; padding-right: 0}
.py-0 { padding-top: 0; padding-bottom: 0}

.p-1 { padding: 0.25rem}
.pt-1 { padding-top: 0.25rem}
.pb-1 { padding-bottom: 0.25rem}
.pl-1 { padding-left: 0.25rem}
.pr-1 { padding-right: 0.25rem}
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem}
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem}

.p-2 { padding: 0.5rem}
.pt-2 { padding-top: 0.5rem}
.pb-2 { padding-bottom: 0.5rem}
.pl-2 { padding-left: 0.5rem}
.pr-2 { padding-right: 0.5rem}
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem}
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem}

.p-3 { padding: 0.75rem}
.pt-3 { padding-top: 0.75rem}
.pb-3 { padding-bottom: 0.75rem}
.pl-3 { padding-left: 0.75rem}
.pr-3 { padding-right: 0.75rem}
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem}
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem}

.p-4 { padding: 1rem}
.pt-4 { padding-top: 1rem}
.pb-4 { padding-bottom: 1rem}
.pl-4 { padding-left: 1rem}
.pr-4 { padding-right: 1rem}
.px-4 { padding-left: 1rem; padding-right: 1rem}
.py-4 { padding-top: 1rem; padding-bottom: 1rem}

.p-5 { padding: 1.25rem}
.pt-5 { padding-top: 1.25rem}
.pb-5 { padding-bottom: 1.25rem}
.pl-5 { padding-left: 1.25rem}
.pr-5 { padding-right: 1.25rem}
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem}
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem}

.p-6 { padding: 1.5rem}
.pt-6 { padding-top: 1.5rem}
.pb-6 { padding-bottom: 1.5rem}
.pl-6 { padding-left: 1.5rem}
.pr-6 { padding-right: 1.5rem}
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem}
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem}

.p-7 { padding: 1.75rem}
.pt-7 { padding-top: 1.75rem}
.pb-7 { padding-bottom: 1.75rem}
.pl-7 { padding-left: 1.75rem}
.pr-7 { padding-right: 1.75rem}
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem}
.py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem}

.p-8 { padding: 2rem}
.pt-8 { padding-top: 2rem}
.pb-8 { padding-bottom: 2rem}
.pl-8 { padding-left: 2rem}
.pr-8 { padding-right: 2rem}
.px-8 { padding-left: 2rem; padding-right: 2rem}
.py-8 { padding-top: 2rem; padding-bottom: 2rem}

.p-10 { padding: 2.5rem}
.pt-10 { padding-top: 2.5rem}
.pb-10 { padding-bottom: 2.5rem}
.pl-10 { padding-left: 2.5rem}
.pr-10 { padding-right: 2.5rem}
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem}
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem}

.p-12 { padding: 3rem}
.pt-12 { padding-top: 3rem}
.pb-12 { padding-bottom: 3rem}
.pl-12 { padding-left: 3rem}
.pr-12 { padding-right: 3rem}
.px-12 { padding-left: 3rem; padding-right: 3rem}
.py-12 { padding-top: 3rem; padding-bottom: 3rem}

.p-14 { padding: 3.5rem}
.pt-14 { padding-top: 3.5rem}
.pb-14 { padding-bottom: 3.5rem}
.pl-14 { padding-left: 3.5rem}
.pr-14 { padding-right: 3.5rem}
.px-14 { padding-left: 3.5rem; padding-right: 3.5rem}
.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem}

.p-16 { padding: 4rem}
.pt-16 { padding-top: 4rem}
.pb-16 { padding-bottom: 4rem}
.pl-16 { padding-left: 4rem}
.pr-16 { padding-right: 4rem}
.px-16 { padding-left: 4rem; padding-right: 4rem}
.py-16 { padding-top: 4rem; padding-bottom: 4rem}

/* testing commit reverting */