@charset "utf-8";
@import url('../assets/fonts/fontawesome.6.4.0/css/all.min.css');

html[lang="ar"] { direction: rtl; }

body, html {
    width: 100%; height: 100%; margin: 0; padding: 0; color:#3d5059 !important;
    font-smooth:always; -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust:100%; font-size-adjust:100%; font-weight: 400; color: #345066;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, 'Segoe UI', Roboto, 'Fira Sans', Ubuntu, Oxygen, 'Oxygen Sans', Cantarell, 'Droid Sans','Lucida Grande', Helvetica, Arial, sans-serif;
}

header, section, footer { position: relative; width: 100%; height: auto; clear: both; }

/* SEMANTIC UI RESET */
body, html, input, select, textarea, h1, h2, h3, h4, h5, h6, .num, .number,
.ui.button, .ui.header, .ui.menu, .ui.text.container, .ui.input > input, .ui.list > .item .header,
.ui.steps .step .title, .ui.message .header, .ui.form .field input, .ui.form .fields input,
.ui.form .field textarea, .ui.form .fields textarea, .ui.form .field label, .ui.form .fields label,
.ui.cards > .card > .content > .header, .ui.card > .content > .header, .ui.items > .item > .content > .header,
.ui.statistics .statistic > .value, .ui.statistic > .value, .ui.statistics .statistic > .label, .ui.statistic > .label,
.ui.accordion .title:not(.ui), .ui.modal > .header, .ui.popup > .header, .ui.search > .results .result .title,
.ui.search > .results > .message .header, .ui.category.search > .results .category > .name,
.ui, .ui *, .ui > *, .ui > * > *, .ui > * > * > *, .ui > * > * > * > *, .swal2-modal, input, textarea, select {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, 'Segoe UI', Roboto, 'Fira Sans', Ubuntu, Oxygen, 'Oxygen Sans', Cantarell, 'Droid Sans','Lucida Grande', Helvetica, Arial, sans-serif;
}

.ui.form .field label, .ui.form .fields label, .ui.form .inline.field label, .ui.form .inline.fields label { font-weight: 500; }
.ui.popup, [data-tooltip] { z-index: 9999; }
.ui.form .field .prompt.label { font-weight: 500 !important; }
.ui.segment {
  -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.07);
          box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.07);
}
.ttip { font-weight: 500; }

.ui [class^="fad fa-"] { font-family: 'Font Awesome 6 Duotone' !important; font-weight: 900 !important; }
.ui [class^="fal fa-"] { font-family: 'Font Awesome 6 Pro' !important; font-weight: 300 !important; }
.ui [class^="far fa-"] { font-family: 'Font Awesome 6 Pro' !important; font-weight: 400 !important; }
.ui [class^="fas fa-"] { font-family: 'Font Awesome 6 Sharp' !important; font-weight: 900 !important; }
.ui [class^="fab fa-"] { font-family: 'Font Awesome 5 Brands' !important; font-weight: 400 !important; }
i.fa, i.fad, i.fal, i.far, i.fas, i.fab {
  display: inline-block;
  opacity: 1;
  margin: 0 0.25rem 0 0;
  width: 1.18em;
  height: 1em;
  text-align: center;
  speak: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
i.fa:before, i.fad:before, i.fal:before, i.far:before, i.fas:before, i.fab:before { background: none !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    background-color: inherit !important;
}
/*
 * LINK COLOR
 */
a, a:link { color:#02617A; text-decoration:none; outline:none; text-shadow:none; }
a:hover, a:focus { color:#C00; text-decoration:none; outline:none; text-shadow:none; }
a.select { font-weight:bold; color:#600; }
a span { color:#6E6E6E; }
a:hover span, a:focus span { color:#111; text-decoration:none; outline:none; text-shadow:none; }

/*
 * INPUT
 */
i.inputMust:before { font-size: 9px !important; vertical-align: middle; line-height: 16px; }
i.inputMust { color: red !important; opacity: 1 !important; }
.pwdview { cursor: pointer !important; }

.input-lcol { }
.input-lcol .field { white-space: nowrap !important; margin-bottom: 5px !important; }
.input-lcol label { white-space: nowrap !important; margin-bottom: 0 !important; }
.input-lcol p { white-space: normal !important; font-size: 14px; }
.input-rcol { }

/*
 * Privacy Accept
 */
#privacyAccept { position: fixed; left:0; bottom: 0; width: 100%; z-index: 9999; }
#privacyAccept td:first-child { vertical-align:top; padding:15px 5px; }
#privacyAccept td:last-child { width:100%; padding:15px; }

@media (max-width: 767px) {
    #privacyAccept td { display: inline-block; width: 100%; text-align: center; }
    .modalClose, .playerClose { position: absolute; right: 10px; top: 0; font-size: 18px; line-height: 48px; cursor: pointer; }
}

.pusherClose, .privacyClose, .modalClose, .playerClose { position: absolute; right: 10px; top: 3px; font-size: 22px; line-height: 58px; cursor: pointer; }
.ui.flyout .header { font-size: 18px; font-weight: 600; }

/*
 * SEPERATOR
 */
span.sep_v:before { color:#CCC; padding: 0 7px; content:"|"; font-weight: 400; }
span.sep_h:before { color:#CCC; padding: 0 7px; content:'-'; font-weight: 400; }
span.sep_d:before { color:#CCC; padding: 0 7px; content:'•'; font-weight: 400; }
span.sep_a:before { color:#CCC; padding: 0 7px; content:'›'; font-weight: 400; }
span.sep_s:before { color:#CCC; padding: 0 7px; content:'›'; font-weight: 400; }

/*
 * INTLPHONE
 */
.iti { width: 100%; }
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-left: 52px !important;
}

.content-page, .content-box { position: relative; margin:auto; margin: auto; clear: both; padding: 0px; padding-left: 20px; padding-right: 20px; }
.content-full { position: relative; max-width: 100%; width: 100%; height: auto; clear: both; padding-left: 20px; padding-right: 20px; }

.width-720 { max-width: 720px !important; width: 100%; margin: auto; }
.width-800 { max-width: 800px !important; width: 100%; margin: auto; }
.width-980 { max-width: 980px !important; width: 100%; margin: auto; }
.width-1024 { max-width: 1024px !important; width: 100%; margin: auto; }
.width-1280 { max-width: 1280px !important; width: 100%; margin: auto; }
.width-1360 { max-width: 1360px !important; width: 100%; margin: auto; }
.width-1440 { max-width: 1440px !important; width: 100%; margin: auto; }
.width-1600 { max-width: 1600px !important; width: 100%; margin: auto; }
.width-1920 { max-width: 1920px !important; width: 100%; margin: auto; }
.width-2048 { max-width: 2048px !important; width: 100%; margin: auto; }
.width-2560 { max-width: 2560px !important; width: 100%; margin: auto; }
.width-3440 { max-width: 3440px !important; width: 100%; margin: auto; }
.width-3840 { max-width: 3840px !important; width: 100%; margin: auto; }

.clear-left, .clearLeft, .clearleft { clear: left !important; }
.clear-right, .clearRight, .clearright { clear: right !important; }
.clear-fix, .clearFix, .clearfix, .clear-all, .clearAll, .clearall { clear: both !important; }

.text-upper, .textUpper, .tUpper, .tupper { text-transform: uppercase !important; }
.text-lower, .textLower, .tLower, .tlower { text-transform: lowercase !important; }
.text-capital, .textCapital, .tCapital, .tcapital { text-transform: capitalize !important; }
.text-overflow, .textOverflow, .tOverflow, .toverflow { white-space: nowrap !important; text-overflow: ellipsis; width: 100%; display: inline-block; overflow: hidden; }

.float-right, .floatRight, .fRight, .fright { position: relative; float: right; }
.float-left, .floatLeft, .fLeft, .fleft { position: relative; float: left; }

.float-image-left, .floatImageLeft, .fiLeft, .fileft { position: relative; float: left; padding:0 20px 20px 0; }
.float-image-right, .floatImageRight, .fiRight, .firight { position: relative; float: right; padding:0 0 20px 20px; }

.align-left, .aLeft, .aleft, .col-left, .colLeft, .colleft, .cLeft, .cleft { text-align: left !important; }
.align-right, .aRight, .aright, .col-right, .colRight, .colright, .cRight, .cright { text-align: right !important; }
.align-center, .aCenter, .acenter, .col-center, .colCenter, .colcenter, .cCenter, .ccenter { text-align: center !important; }
/*
 * RESPONSIVE CSS
 */
@media (max-width: 767px) {

    .col-left, .colLeft, .colleft, .cLeft, .cleft,
    .col-right, .colRight, .colright, .cRight, .cright { text-align: center !important; }

    .float-image-left, .floatImageLeft, .fiLeft, .fileft
    .float-image-right, .floatImageRight, .fiRight, .firight { float: none; display: block; margin: auto; }

}

.pbreak, .pBreak, .page-break, .pageBreak { page-break-before: always; }
.nowrap, .nwrap, .nWrap { white-space: nowrap !important; }

.shadow-text-white, .shadow-white, .stextWhite, .stextwhite { text-shadow:0 1px 1px rgba(255, 255, 255, 0.85); }
.shadow-text-black, .shadow-black, .stextBlack, .stextblack { text-shadow:0 1px 1px rgba(0, 0, 0, 0.65); }
.shadow-box-white, .shadowBoxWhite, .sboxWhite, .sboxwhite { box-shadow:0 1px 1px rgba(255, 255, 255, 0.85); }
.shadow-box-black, .shadowBoxBlack, .sboxBlack, .sboxblack { box-shadow:0 1px 1px rgba(0, 0, 0, 0.65); }

.glow-text-white, .gtextWhite, .gtextwhite { text-shadow:0px 0px 5px rgba(255, 255, 255, 1); }
.glow-text-black, .gtextBlack, .gtextblack { text-shadow:0px 0px 5px rgba(0, 0, 0, 1); }
.glow-box-white, .gboxWhite, .gboxwhite { box-shadow:0px 0px 5px rgba(255, 255, 255, 1); }
.glow-box-black, .gboxBlack, .gboxblack { box-shadow:0px 0px 5px rgba(0, 0, 0, 1); }

.gray-img { -webkit-filter: grayscale(100%);  filter: grayscale(100%); }

/*
 * DROP
 */
.dropzoneUpload, .dropzoneFull { position: absolute; top: 0; left: 0; z-index: 99999 !important; width: 100%; height: 100%; transition: visibility 175ms, opacity 175ms; background-color: rgba(64, 159, 255, 0.85); }
.dropzoneText { position: fixed; text-align: center; width: 70%; font-size:36px; line-height: 100%; font-weight: 700; color: #FFF; top:40%; left:50%; transform: translate(-50%, 0); padding: 40px; border: 1px dashed #FFF; }
.dropzoneBox { border: 2px dashed #CCC; }
.dropzoneBox:hover, .dropzoneBox:dragover, .dropzoneBox:dragenter { border-color:#666 !important; cursor: pointer; }
.dropzoneDrag { border-color:#333; }
.drag-over { background-color: rgba(0, 150, 244, 0.20) !important; }
.drag-out { background-color: none; }

.dropfile {
    position: relative; background-color: transparent;
    border-radius: 5px; border: 2px dashed rgb(0, 135, 247); border-image: none;
    max-width: 100%; min-height: 160px;
    margin-left: auto; margin-right: auto;
    vertical-align: middle; text-align: center; cursor: pointer;
}
.dropfile .uploading { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 20px; background-color: #FFF; display: none; cursor: pointer; }

.dropfile .title {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
    width: 100%; padding: 0 20px; font-size: 18px; display: inline-block; background-color: white; cursor: pointer;
}
.dropfile .title span { font-size: 13px; display: block; padding-top: 10px; }
.dropfile .progress .ui.progress { vertical-align: middle; line-height: normal !important; }

/*
 * UPLOAD
 */
.uploadPreview { position: relative; margin: 0; padding: 0; list-style: none; }
.uploadPreview:after { clear: both; }
.uploadPreview li { position: relative; float: left; margin:10px; width: 170px; max-width: 170px; height: 170px; overflow: hidden; vertical-align: middle; background-image: url(../assets/img/transparent.png); background-position: center; background-size: cover; }
.uploadPreview li div.image { margin: auto; width: 100%; height: 100%; border: 5px solid #EAEAEA; width: inherit; height: inherit; background-position: center center; background-size: cover; }
.uploadPreview li:hover div.image { border-color:#000; cursor: pointer; }
.uploadPreview li.select div.image { border-color:red; }
.uploadPreview li.uploadLoad { position: relative; width: 100%; height: auto; clear: both; }

.uploadPreviewImage { position: relative; width: 90%; height: 140px; margin: auto; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; background-position:center center; background-image: url(../assets/img/transparent.png); margin-bottom: 5px; overflow: hidden; border:3px solid #EAEAEA; }
.uploadPreviewImage img { height: 100%; width: auto; max-height: 138px; max-width: 100%; }

.uploadHidden { position: absolute; left:280px; top:320px; z-index: 999; }

/*
 * FRAME
 */

#frameAction { position: absolute; visibility:hidden; }

/*
 * OTHER
 */
.wow { visibility: hidden; }
.jarallax { position: relative; min-height: 420px; height: auto; }
.jarallax .pattern { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.30); }
.jarallax-layer { position: relative; padding: 120px; }
.jarallax-layer .title { color:#FFF; margin-bottom: 0; font-size: 42px; line-height: 55px; text-shadow: 0.4px 0.4px 1px #000, 0 0 15px rgba(0,0,0,0.45); }
.jarallax-layer .spot { font-style: italic; color: #FFF; margin-top: 0; font-size: 28px; line-height: 40px; font-weight: 300; text-shadow: 0.4px 0.4px 1px #000, 0 0 15px rgba(0,0,0,0.45); }

/*
 * PINCODE
 */
.pinCodeField td { padding: 0 5px; }
.pinCodeField td:first-child { padding-left: 0; }
.pinCodeField td:last-child { padding-right: 0; }
.pinCode { width: 50px; min-width: 50px; font-weight: 500; font-size: 16px; text-align: center !important; }

/*
 * MESSAGE BAR
 */
.messageBar { display: none; position: fixed; width: 100%; height: auto; padding: 15px 60px 15px 20px; z-index: 9991; box-shadow:-5px -5px 20px rgba(0,0,0,0.15), 5px 5px 20px rgba(0,0,0,0.15); font-size: 16px; }
.messageBar.top { left: 0; top: 0; }
.messageBar.bottom { left: 0; bottom: 0; }
.messageBar.top.error { background-color: rgba(204, 0, 0, 0.90); color: #FFF; border-bottom: 1px solid rgba(204, 0, 0, 0.95); }
.messageBar.bottom.error { background-color: rgba(204, 0, 0, 0.90); color: #FFF; border-top: 1px solid rgba(204, 0, 0, 0.95); }
.messageBar.top.warning, .messageBar.top.attention, .messageBar.top.notify { background-color: rgba(255, 102, 0, 0.90); color: #FFF; border-bottom: 1px solid rgba(255, 102, 0, 0.95); }
.messageBar.bottom.warning, .messageBar.bottom.attention, .messageBar.bottom.notify { background-color: rgba(255, 204, 102, 0.90); color: #FFF; border-top: 1px solid rgba(255, 204, 102, 0.95); }
.messageBar.top.success { background-color: rgba(102, 204, 0, 0.90); color: #FFF; border-bottom: 1px solid rgba(102, 204, 0, 0.95); }
.messageBar.bottom.success { background-color: rgba(102, 204, 0, 0.90); color: #FFF; border-top: 1px solid rgba(102, 204, 0, 0.95); }
.messageBar.top.info { background-color: rgba(0, 102, 255, 0.90); color: #FFF; border-bottom: 1px solid rgba(0, 102, 255, 0.95); }
.messageBar.bottom.info { background-color: rgba(0, 102, 255, 0.90); color: #FFF; border-top: 1px solid rgba(0, 102, 255, 0.95); }
.messageBar.top.blocked { background-color: rgba(204, 0, 153, 0.90); color: #FFF; border-bottom: 1px solid rgba(204, 0, 153, 0.95); }
.messageBar.bottom.blocked { background-color: rgba(204, 0, 153, 0.90); color: #FFF; border-top: 1px solid rgba(204, 0, 153, 0.95); }
.messageBar.top.note, .messageBar.top.message { background-color: rgba(102, 51, 255, 0.90); color: #FFF; border-bottom: 1px solid rgba(102, 51, 255, 0.95); }
.messageBar.bottom.note, .messageBar.bottom.message { background-color: rgba(102, 51, 255, 0.90); color: #FFF; border-top: 1px solid rgba(102, 51, 255, 0.95); }
.messageBar.top.black { background-color: rgba(0, 0, 0, 0.90); color: #FFF; border-bottom: 1px solid rgba(0, 0, 0, 0.95); }
.messageBar.bottom.black { background-color: rgba(0, 0, 0, 0.90); color: #FFF; border-top: 1px solid rgba(0, 0, 0, 0.95); }

.messageBar table { width: 100%; padding: 0; border: 1; }
.messageBar table td { vertical-align: middle; }
.messageBar table td:first-child { padding-right: 20px; }
.messageBar table td.text { width: 100%; }
.messageBar table td.button { white-space: nowrap;}
.messageBar .mbarIcon { font-size: 72px; }
.messageBar .mbarTitle { margin: 0; font-weight: 600; color: #FFF !important; }
.messageBar .mbarText { font-weight: 400; }
.messageBar .mbarClose { position: absolute; right: 10px; top: 10px; cursor: pointer; width: auto; height: auto; }
.messageBar .mbarClose:hover { color:#000; }

/*
 * FONTS
 */
.f-9 { font-size: 9px !important; line-height: 12px; }
.f-10 { font-size: 10px !important; line-height: 15px; }
.f-11 { font-size: 11px !important; line-height: 15px; }
.f-12 { font-size: 12px !important; line-height: 15px; }
.f-13 { font-size: 13px !important; line-height: 15px; }
.f-14 { font-size: 14px !important; line-height: 15px; }
.f-15 { font-size: 15px !important; line-height: 20px; }
.f-16 { font-size: 16px !important; line-height: 20px; }
.f-17 { font-size: 17px !important; line-height: 20px; }
.f-18 { font-size: 18px !important; line-height: 20px; }
.f-19 { font-size: 19px !important; line-height: 20px; }
.f-20 { font-size: 20px !important; line-height: 25px; }
.f-21 { font-size: 21px !important; line-height: 25px; }
.f-22 { font-size: 22px !important; line-height: 25px; }
.f-23 { font-size: 23px !important; line-height: 25px; }
.f-24 { font-size: 24px !important; line-height: 25px; }
.f-25 { font-size: 25px !important; line-height: 30px; }
.f-26 { font-size: 26px !important; line-height: 30px; }
.f-27 { font-size: 27px !important; line-height: 30px; }
.f-28 { font-size: 28px !important; line-height: 30px; }
.f-29 { font-size: 29px !important; line-height: 30px; }
.f-30 { font-size: 30px !important; line-height: 35px; }
.f-32 { font-size: 32px !important; line-height: 35px; }
.f-36 { font-size: 36px !important; line-height: 40px; }
.f-42 { font-size: 42px !important; line-height: 45px; }
.f-46 { font-size: 46px !important; line-height: 50px; }
.f-52 { font-size: 52px !important; line-height: 55px; }
.f-56 { font-size: 56px !important; line-height: 60px; }
.f-62 { font-size: 62px !important; line-height: 65px; }
.f-72 { font-size: 72px !important; line-height: 75px; }
.f-96 { font-size: 96px !important; line-height: 100px; }

.l-10 { line-height: 10px !important; }
.l-15 { line-height: 15px !important; }
.l-20 { line-height: 20px !important; }
.l-25 { line-height: 25px !important; }
.l-30 { line-height: 30px !important; }
.l-35 { line-height: 35px !important; }
.l-40 { line-height: 40px !important; }
.l-45 { line-height: 45px !important; }
.l-50 { line-height: 50px !important; }
.l-55 { line-height: 55px !important; }
.l-60 { line-height: 60px !important; }
.l-65 { line-height: 65px !important; }
.l-70 { line-height: 70px !important; }
.l-75 { line-height: 75px !important; }
.l-80 { line-height: 80px !important; }
.l-85 { line-height: 85px !important; }
.l-90 { line-height: 90px !important; }
.l-95 { line-height: 95px !important; }
.l-100 { line-height: 100px !important; }

.fw-100, .w-100 { font-weight: 100 !important; }
.fw-200, .w-200 { font-weight: 200 !important; }
.fw-300, .w-300 { font-weight: 300 !important; }
.fw-400, .w-400 { font-weight: 400 !important; }
.fw-500, .w-500 { font-weight: 500 !important; }
.fw-600, .w-600 { font-weight: 600 !important; }
.fw-700, .w-700 { font-weight: 700 !important; }
.fw-800, .w-800 { font-weight: 800 !important; }
.fw-900, .w-900 { font-weight: 900 !important; }

/*
 * PADDING
 */
.p-0 { padding: 0px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-30 { padding: 30px !important; }
.p-35 { padding: 35px !important; }
.p-40 { padding: 40px !important; }
.p-45 { padding: 45px !important; }
.p-50 { padding: 50px !important; }
.p-55 { padding: 55px !important; }
.p-60 { padding: 60px !important; }
.p-65 { padding: 65px !important; }
.p-90 { padding: 90px !important; }

.pt-0 { padding-top: 0px !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-35 { padding-top: 35px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-45 { padding-top: 45px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-55 { padding-top: 55px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-65 { padding-top: 65px !important; }
.pt-90 { padding-top: 90px !important; }

.pb-0 { padding-bottom: 0px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-35 { padding-bottom: 35px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-45 { padding-bottom: 45px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-55 { padding-bottom: 55px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-65 { padding-bottom: 65px !important; }
.pb-90 { padding-bottom: 90px !important; }

.pl-0 { padding-left: 0px !important; }
.pl-5 { padding-left: 5px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-25 { padding-left: 25px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-35 { padding-left: 35px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-45 { padding-left: 45px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-55 { padding-left: 55px !important; }
.pl-60 { padding-left: 60px !important; }
.pl-65 { padding-left: 65px !important; }
.pl-90 { padding-left: 90px !important; }

.pr-0 { padding-right: 0px !important; }
.pr-5 { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-25 { padding-right: 25px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-35 { padding-right: 35px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-45 { padding-right: 45px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-55 { padding-right: 55px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-65 { padding-right: 65px !important; }
.pr-90 { padding-right: 90px !important; }

.ptb-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.ptb-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.ptb-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.ptb-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.ptb-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.ptb-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.ptb-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.ptb-35 { padding-top: 35px !important; padding-bottom: 35px !important; }
.ptb-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.ptb-45 { padding-top: 45px !important; padding-bottom: 45px !important; }
.ptb-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.ptb-55 { padding-top: 55px !important; padding-bottom: 55px !important; }
.ptb-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.ptb-65 { padding-top: 65px !important; padding-bottom: 65px !important; }
.ptb-90 { padding-top: 90px !important; padding-bottom: 90px !important; }

/*
 * MARGIN
 */
.m-0 { margin: 0px !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }
.m-35 { margin: 35px !important; }
.m-40 { margin: 40px !important; }
.m-45 { margin: 45px !important; }
.m-50 { margin: 50px !important; }
.m-55 { margin: 55px !important; }
.m-60 { margin: 60px !important; }
.m-65 { margin: 65px !important; }
.m-90 { margin: 90px !important; }

.mt-0 { margin-top: 0px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-35 { margin-top: 35px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-45 { margin-top: 45px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-55 { margin-top: 55px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-65 { margin-top: 65px !important; }
.mt-90 { margin-top: 90px !important; }

.mb-0 { margin-bottom: 0px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-35 { margin-bottom: 35px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-45 { margin-bottom: 45px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-55 { margin-bottom: 55px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-65 { margin-bottom: 65px !important; }
.mb-90 { margin-bottom: 90px !important; }

.ml-0 { margin-left: 0px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-35 { margin-left: 35px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-45 { margin-left: 45px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-55 { margin-left: 55px !important; }
.ml-60 { margin-left: 60px !important; }
.ml-65 { margin-left: 65px !important; }
.ml-90 { margin-left: 90px !important; }

.mr-0 { margin-right: 0px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-35 { margin-right: 35px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-45 { margin-right: 45px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-55 { margin-right: 55px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-65 { margin-right: 65px !important; }
.mr-90 { margin-right: 90px !important; }

.mtb-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.mtb-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.mtb-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.mtb-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.mtb-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.mtb-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.mtb-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.mtb-35 { padding-top: 35px !important; padding-bottom: 35px !important; }
.mtb-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.mtb-45 { padding-top: 45px !important; padding-bottom: 45px !important; }
.mtb-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.mtb-55 { padding-top: 55px !important; padding-bottom: 55px !important; }
.mtb-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.mtb-65 { padding-top: 65px !important; padding-bottom: 65px !important; }
.mtb-90 { padding-top: 90px !important; padding-bottom: 90px !important; }

/*
 * SEMANTIC UI
 */
.divider-column {
  position: relative;
  padding: 0 !important;
  background: none;
  border:none;
  border-color: none;
  color: none;
}

.ui.form .fields.error .field textarea,
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="url"],
.ui.form .fields.error .field textarea:focus,
.ui.form .fields.error .field input[type="date"]:focus,
.ui.form .fields.error .field input[type="datetime-local"]:focus,
.ui.form .fields.error .field input[type="email"]:focus,
.ui.form .fields.error .field input[type="number"]:focus,
.ui.form .fields.error .field input[type="password"]:focus,
.ui.form .fields.error .field input[type="search"]:focus,
.ui.form .fields.error .field input[type="tel"]:focus,
.ui.form .fields.error .field input[type="time"]:focus,
.ui.form .fields.error .field input[type="text"]:focus,
.ui.form .fields.error .field input[type="url"]:focus,
.ui.form .field.error textarea,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="url"],
.ui.form .field.error textarea:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="url"]:focus {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8xNC8xM+BnOeIAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAABHUlEQVRYhe2XbW3DMBCGH0/7v0AwhEAohEAohEEohEEohELoGARCIITBux89S56l+tqkbabJr2QlPiu+R/clJUiiphBC9XyJaj7fHu5tpRqQpwbkqQF5akCe/heQIApiYesF3fJLpeqqwBwEs+BQ2CdbwxKfa4C+BBLMmW1nNgn6lwIZwGjO97Y/5fstgKKlbbJ3CY7Vjx4NJBgsNZ3tU5omi1iyRzvbPRtIxRotSjlUfn6+B+jdC+8VfdszOdsDH1wK/ASMXMZBvPvmNTUEv7otjYGr3XWLz7VFPaRCFnQGNHuD8VlzqM9qJxbRGrcASsV7zGyp9VVO8FcARcG5bGtL3+fSCAWvTtp/2dYApRqQpwbkqQF5akCe/hzQD/72hmIrIhXTAAAAAElFTkSuQmCC');
    background-position: right; background-repeat: no-repeat;
}

/*
 *  SCROLLBAR
 */
.scroll-1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 0px; background-color: #F5F5F5; }
.scroll-1::-webkit-scrollbar { width: 15px; background-color: #F5F5F5; }
.scroll-1::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }

.scroll-5::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.scroll-5::-webkit-scrollbar { height: 3px; background-color: #F5F5F5; }
.scroll-5::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #000000; }

.scroll-2::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.scroll-2::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.scroll-2::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #000000; }

.scroll-3::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.scroll-3::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
.scroll-3::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #222; }

.scroll-4::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); background-color: transparent; }
.scroll-4::-webkit-scrollbar { width: 15px; background-color: transparent; }
.scroll-4::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #000; }

/*
 * COLORS
 */
.c-aliceblue { color: #f0f8ff !important; }
.c-antiquewhite { color: #faebd7 !important; }
.c-aqua { color: #00ffff !important; }
.c-aquamarine { color: #7fffd4 !important; }
.c-azure { color: #f0ffff !important; }
.c-beige { color: #f5f5dc !important; }
.c-bisque { color: #ffe4c4 !important; }
.c-black { color: #000000; }
.c-blanchedalmond { color: #ffebcd !important; }
.c-blue { color: #0000ff !important; }
.c-blueviolet { color: #8a2be2 !important; }
.c-brown { color: #a52a2a !important; }
.c-burlywood { color: #deb887 !important; }
.c-cadetblue { color: #5f9ea0 !important; }
.c-chartreuse { color: #7fff00 !important; }
.c-chocolate { color: #d2691e !important; }
.c-coral { color: #ff7f50 !important; }
.c-cornflowerblue { color: #6495ed !important; }
.c-cornsilk { color: #fff8dc !important; }
.c-crimson { color: #dc143c !important; }
.c-cyan { color: #00ffff !important; }
.c-darkblue { color: #00008b !important; }
.c-darkcyan { color: #008b8b !important; }
.c-darkgoldenrod { color: #b8860b !important; }
.c-darkgray { color: #a9a9a9 !important; }
.c-darkgreen { color: #006400 !important; }
.c-darkgrey { color: #a9a9a9 !important; }
.c-darkkhaki { color: #bdb76b !important; }
.c-darkmagenta { color: #8b008b !important; }
.c-darkolivegreen { color: #556b2f !important; }
.c-darkorange { color: #ff8c00 !important; }
.c-darkorchid { color: #9932cc !important; }
.c-darkred { color: #8b0000 !important; }
.c-darksalmon { color: #e9967a !important; }
.c-darkseagreen { color: #8fbc8f !important; }
.c-darkslateblue { color: #483d8b !important; }
.c-darkslategray { color: #2f4f4f !important; }
.c-darkslategrey { color: #2f4f4f !important; }
.c-darkturquoise { color: #00ced1 !important; }
.c-darkviolet { color: #9400d3 !important; }
.c-deeppink { color: #ff1493 !important; }
.c-deepskyblue { color: #00bfff !important; }
.c-dimgray { color: #696969 !important; }
.c-dimgrey { color: #696969 !important; }
.c-dodgerblue { color: #1e90ff !important; }
.c-firebrick { color: #b22222 !important; }
.c-floralwhite { color: #fffaf0 !important; }
.c-forestgreen { color: #228b22 !important; }
.c-fuchsia { color: #ff00ff !important; }
.c-gainsboro { color: #dcdcdc !important; }
.c-ghostwhite { color: #f8f8ff !important; }
.c-goldenrod { color: #daa520 !important; }
.c-gold { color: #ffd700 !important; }
.c-gray { color: #808080 !important; }
.c-green { color: #008000 !important; }
.c-greenyellow { color: #adff2f !important; }
.c-grey { color: #808080 !important; }
.c-honeydew { color: #f0fff0 !important; }
.c-hotpink { color: #ff69b4 !important; }
.c-indianred { color: #cd5c5c !important; }
.c-indigo { color: #4b0082 !important; }
.c-ivory { color: #fffff0 !important; }
.c-khaki { color: #f0e68c !important; }
.c-lavenderblush { color: #fff0f5 !important; }
.c-lavender { color: #e6e6fa !important; }
.c-lawngreen { color: #7cfc00 !important; }
.c-lemonchiffon { color: #fffacd !important; }
.c-lightblue { color: #add8e6 !important; }
.c-lightcoral { color: #f08080 !important; }
.c-lightcyan { color: #e0ffff !important; }
.c-lightgoldenrodyellow { color: #fafad2 !important; }
.c-lightgray { color: #d3d3d3 !important; }
.c-lightgreen { color: #90ee90 !important; }
.c-lightgrey { color: #d3d3d3 !important; }
.c-lightpink { color: #ffb6c1 !important; }
.c-lightsalmon { color: #ffa07a !important; }
.c-lightseagreen { color: #20b2aa !important; }
.c-lightskyblue { color: #87cefa !important; }
.c-lightslategray { color: #778899 !important; }
.c-lightslategrey { color: #778899 !important; }
.c-lightsteelblue { color: #b0c4de !important; }
.c-lightyellow { color: #ffffe0 !important; }
.c-lime { color: #00ff00 !important; }
.c-limegreen { color: #32cd32 !important; }
.c-linen { color: #faf0e6 !important; }
.c-magenta { color: #ff00ff !important; }
.c-maroon { color: #800000 !important; }
.c-mediumaquamarine { color: #66cdaa !important; }
.c-mediumblue { color: #0000cd !important; }
.c-mediumorchid { color: #ba55d3 !important; }
.c-mediumpurple { color: #9370db !important; }
.c-mediumseagreen { color: #3cb371 !important; }
.c-mediumslateblue { color: #7b68ee !important; }
.c-mediumspringgreen { color: #00fa9a !important; }
.c-mediumturquoise { color: #48d1cc !important; }
.c-mediumvioletred { color: #c71585 !important; }
.c-midnightblue { color: #191970 !important; }
.c-mintcream { color: #f5fffa !important; }
.c-mistyrose { color: #ffe4e1 !important; }
.c-moccasin { color: #ffe4b5 !important; }
.c-navajowhite { color: #ffdead !important; }
.c-navy { color: #000080 !important; }
.c-oldlace { color: #fdf5e6 !important; }
.c-olive { color: #808000 !important; }
.c-olivedrab { color: #6b8e23 !important; }
.c-orange { color: #ffa500 !important; }
.c-orangered { color: #ff4500 !important; }
.c-orchid { color: #da70d6 !important; }
.c-palegoldenrod { color: #eee8aa !important; }
.c-palegreen { color: #98fb98 !important; }
.c-paleturquoise { color: #afeeee !important; }
.c-palevioletred { color: #db7093 !important; }
.c-papayawhip { color: #ffefd5 !important; }
.c-peachpuff { color: #ffdab9 !important; }
.c-peru { color: #cd853f !important; }
.c-pink { color: #ffc0cb !important; }
.c-plum { color: #dda0dd !important; }
.c-powderblue { color: #b0e0e6 !important; }
.c-purple { color: #800080 !important; }
.c-rebeccapurple { color: #663399 !important; }
.c-red { color: #ff0000 !important; }
.c-rosybrown { color: #bc8f8f !important; }
.c-royalblue { color: #4169e1 !important; }
.c-saddlebrown { color: #8b4513 !important; }
.c-salmon { color: #fa8072 !important; }
.c-sandybrown { color: #f4a460 !important; }
.c-seagreen { color: #2e8b57 !important; }
.c-seashell { color: #fff5ee !important; }
.c-sienna { color: #a0522d !important; }
.c-silver { color: #c0c0c0 !important; }
.c-skyblue { color: #87ceeb !important; }
.c-slateblue { color: #6a5acd !important; }
.c-slategray { color: #708090 !important; }
.c-slategrey { color: #708090 !important; }
.c-snow { color: #fffafa !important; }
.c-springgreen { color: #00ff7f !important; }
.c-steelblue { color: #4682b4 !important; }
.c-tan { color: #d2b48c !important; }
.c-teal { color: #008080 !important; }
.c-thistle { color: #d8bfd8 !important; }
.c-tomato { color: #ff6347 !important; }
.c-turquoise { color: #40e0d0 !important; }
.c-violet { color: #ee82ee !important; }
.c-wheat { color: #f5deb3 !important; }
.c-white { color: #ffffff !important; }
.c-whitesmoke { color: #f5f5f5 !important; }
.c-yellow { color: #ffff00 !important; }
.c-yellowgreen { color: #9acd32 !important; }