﻿/* Width
****************************************************************/
.wd-5 { width: 5px; }
.wd-10 { width: 10px; }
.wd-15 { width: 15px; }
.wd-20 { width: 20px; }
.wd-30 { width: 30px; }
.wd-40 { width: 40px; }
.wd-50 { width: 50px; }
.wd-60 { width: 60px; }
.wd-70 { width: 70px; }
.wd-80 { width: 80px; }
.wd-90 { width: 90px; }
.wd-100 { width: 100px; }
.wd-110 { width: 110px; }
.wd-120 { width: 120px; }
.wd-130 { width: 130px; }
.wd-140 { width: 140px; }
.wd-150 { width: 150px; }
.wd-160 { width: 160px; }
.wd-170 { width: 170px; }
.wd-180 { width: 180px; }
.wd-200 { width: 200px; }
.wd-210 { width: 210px; }
.wd-220 { width: 220px; }
.wd-230 { width: 230px; }
.wd-240 { width: 240px; }
.wd-250 { width: 250px; }
.wd-260 { width: 260px; }
.wd-270 { width: 270px; }
.wd-280 { width: 280px; }
.wd-290 { width: 290px; }
.wd-300 { width: 300px; }
.wd-320 { width: 320px; }
.wd-350 { width: 350px; }
.wd-360 { width: 360px; }
.wd-380 { width: 380px; }
.wd-390 { width: 390px; }
.wd-400 { width: 400px; }
.wd-420 { width: 420px; }
.wd-450 { width: 450px; }
.wd-500 { width: 500px; }
.wd-600 { width: 600px; }
.wd-800 { width: 800px; }

.wd-10p { width: 10%; }
.wd-15p { width: 15%; }
.wd-20p { width: 20%; }
.wd-25p { width: 25%; }
.wd-30p { width: 30%; }
.wd-35p { width: 35%; }
.wd-40p { width: 40%; }
.wd-50p { width: 50%; }
.wd-70p { width: 70%; }
.wd-75p { width: 75%; }
.wd-80p { width: 80%; }
.wd-90p { width: 90%; }
.wd-95p { width: 95%; }
.wd-100p { width: 100%; }

/* Width
****************************************************************/
.ht-15 { height: 15px; }
.ht-20 { height: 20px; }
.ht-50 { height: 50px; }
.ht-80 { height: 80px; }
.ht-100 { height: 100px; }
.ht-150 { height: 150px; }
.ht-200 { height: 200px; }
.ht-250 { height: 250px; }
.ht-300 { height: 300px; }
.ht-350 { height: 350px; }
.ht-400 { height: 400px; }
.min-ht-0 { min-height: 0; }
.min-ht-200 { min-height: 200px; }
.min-ht-250 { min-height: 250px; }

/* Alignment
****************************************************************/
.valign-top { vertical-align: top !important; }
.valign-middle { vertical-align: middle !important; }
.valign-bottom { vertical-align: bottom !important; }
.pull-left { float: left; }
.pull-right { float: right; }

/* Margin
****************************************************************/
.m-0 { margin: 0px !important; }
.m-15 { margin: 15px; }
.m-t-0 { margin-top: 0; }
.m-t-2 { margin-top: 2px; }
.m-t-3 { margin-top: 3px; }
.m-t-4 { margin-top: 4px; }
.m-t-5 { margin-top: 5px; }
.m-t-10 { margin-top: 10px; }
.m-t-15 { margin-top: 15px; }
.m-t-25 { margin-top: 25px; }
.m-t-50 { margin-top: 50px; }
.m-b-0 { margin-bottom: 0; }
.m-b-2 { margin-bottom: 2px !important; }
.m-b-5 { margin-bottom: 5px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-25 { margin-bottom: 25px; }
.m-l-0 { margin-left: 0; }
.m-l-2 { margin-left: 2px; }
.m-l-3 { margin-left: 3px; }
.m-l-5 { margin-left: 5px; }
.m-l-10 { margin-left: 10px; }
.m-l-15 { margin-left: 15px; }
.m-r-0 { margin-right: 0px !important; }
.m-r-2 { margin-right: 2px; }
.m-r-3 { margin-right: 3px; }
.m-r-5 { margin-right: 5px; }
.m-r-10 { margin-right: 10px; }
.m-r-15 { margin-right: 15px; }

/* Padding
****************************************************************/
.p-0 { padding: 0 !important; }
.p-2 { padding: 2px !important; }
.p-3 { padding: 3px !important; }
.p-4 { padding: 4px !important; }
.p-5 { padding: 5px !important; }
.p-6 { padding: 6px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-l-0 { padding-left: 0 !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-r-0 { padding-right: 0 !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-t-0 { padding-top: 0 !important; }
.p-t-2 { padding-top: 2px !important; }
.p-t-4 { padding-top: 4px !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-8 { padding-top: 8px !important; }
.p-b-0 { padding-bottom: 0 !important; }
.p-b-2 { padding-bottom: 2px !important; }
.p-b-3 { padding-bottom: 3px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-12 { padding-bottom: 12px !important; }
.p-b-15 { padding-bottom: 15px !important; }


/* Borders
****************************************************************/
.b-0 { border: none !important; }
.b-t-0 { border-top: none !important; }
.b-b-0 { border-bottom: none !important; }
.b-1 { border: 1px solid #c7cbd0 !important; }
.b-t-1 { border-top: 1px solid #c7cbd0 !important; }
.b-r-1 { border-right: 1px solid #c7cbd0 !important; }
.b-b-1 { border-bottom: 1px solid #c7cbd0 !important; }
.b-l-1 { border-left: 1px solid #c7cbd0 !important; }

/* Border Radius
****************************************************************/
.rad-0 { border-radius: 0; }
.rad-1 { border-radius: 4px; }
.rad-t-1 { border-radius: 4px 4px 0 0; }
.rad-b-1 { border-radius: 0 0 4px 4px; }
.rad-r-1 { border-radius: 0 4px 4px 0; }


/* Font Size
****************************************************************/
.fs-70p { font-size: 70% !important; }
.fs-75p { font-size: 75% !important; }
.fs-80p { font-size: 80% !important; }
.fs-85p { font-size: 85% !important; }
.fs-90p { font-size: 90% !important; }
.fs-95p { font-size: 95% !important; }
.fs-110p { font-size: 110% !important; }
.fs-120p { font-size: 120% !important; }
.fs-130p { font-size: 130% !important; }
.fs-140p { font-size: 140% !important; }
.fs-150p { font-size: 150% !important; }
.fs-200p { font-size: 200% !important; }


/* Text Styles
****************************************************************/
.text-bold { font-weight: 600 !important; }
.text-normal { font-weight: normal !important; }
.text-italic { font-style: italic !important; }
.text-upper { text-transform: uppercase !important; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

/* Display
****************************************************************/
.hdn { display: none; }
.clearfix { clear: both; }
.inline-block { display: inline-block !important; }
.scrollable { overflow: auto; }
.shadow-no {
    box-shadow: none;
}
.shadow-yes {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.box {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
u.double {
    text-decoration: none;
    border-bottom: 3px double currentColor;
}
.text-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    position: relative;
}
hr {
    border: none;
    margin: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
i {
    font-style: italic;
}
b, strong {
    font-weight: 600;
}
.line-height {
    line-height: var(--ai-line-height);
}

ol.alpha {
    margin-left: 30px;
}

    ol.alpha li {
        list-style-type: lower-alpha;
        list-style-position: outside;
    }

ul.disc li {
    list-style-type: disc;
    list-style-position: inside;
}

.required,
input.required,
select.required,
textarea.required {
    background-color: #fefbd1 !important;
}

    input.required:disabled,
    select.required:disabled,
    textarea.required:disabled {
        background-color: #f2f4f8 !important;
    }

/* Flex
****************************************************************/
.d-flex { display: flex !important; gap: 5px; min-height: 0; }
.flex-row { flex-direction: row !important; }
.flex-col { flex-direction: column !important; }
.justify-content-start { justify-content: start !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-end { justify-content: end !important; }
.align-items-start { align-items: start !important; }
.align-items-center { align-items: center !important; }
.align-items-end { align-items: end !important; }
.flex-fill { flex: 1 1 0 !important; }
.flex-wrap { flex-wrap: wrap; }
.flex-grow { flex-grow: 1 !important; }
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }
.gap-0 { gap: 0px !important; }
.gap-8 { gap: 8px !important; }
.gap-10 { gap: 10px !important; }
.gap-15 { gap: 15px !important; }
.gap-20 { gap: 20px !important; }
.gap-25 { gap: 25px !important; }
.gap-30 { gap: 30px !important; }

.trumbowyg-editor {
    line-height: 18px;
}