@font-face { font-family: 'IBM_Plex_Sans'; src: url('/static/fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf'); }

body,html{height: 100%; margin: 0 !important; padding: 0px !important; font-family: 'IBM_Plex_Sans', sans-serif; font-size: 18px;}
.background-image{background-image: url('/static/img/business-people-02.jpg'); width: 100%; height: 100% !important; background-position: center; background-repeat: no-repeat; background-size: cover}
.bg-dark-red{background-color: #c00000}
.text-dark-red{color: #c00000}
.border-dark-red{border-color: #c00000}
.font-logo{font-size: 15pt; color: white}

.font-nav-links{font-size: 14px; color: white}
.contributor-button{border: 1px solid white; padding: 6px 12px; border-radius: 4px; font-size: 14px; }
.search-input:: placeholder{color: #a6a6a6; font-size: 14px; font-family: 'IBM_Plex_Sans', sans-serif}
.search-input{font-size: 14px}
.font-lang-dropdown{font-size: 14px}

.the-page { margin: 20px; margin-left: auto; margin-right: auto; }
h1 { font-size: 20px !important; margin-bottom: 20px !important; }
.blue-color { color: blue; }

.points-ul { list-style-position: outside;  text-indent: 0px; padding-left: 20px;}
.points-li { list-style: none; text-align: left; font-size: 18px; list-style-type: square !important; }
.points-ul li::marker { color: #c00000; }

/* fix header  */
.container { max-width: 100% !important; height: 100%; padding: 0px; margin: 0px; }
.container-home { width: 1488px !important; }


/* custom_changes */

/* css-it */
.center-it { text-align: center !important; }
.justify-it { text-align: justify !important; }
.dark-it { color: #333 !important; }
.darkbg-it { background-color: #333 !important; }
.lightbg-it { background-color: #f7f7f7 !important; }
.bold-it { font-weight: bold !important; }
.equal-it { margin: 0 auto !important; }
.equal-rl-it { margin-left: auto !important; margin-right: auto !important; }
.tighten-it { margin: 0px !important; padding: 0px !important; }
.widen-it { width: 100% !important; }
.left-it { text-align: left !important; }
.fleft-it { float:left !important; }
.fright-it { float:right !important; }
.right-it { float: right !important; }
.hide-it { display: none !important; }
.show-it { display: block !important; }
.inline-it { display: inline !important; }
.center-img { display: block; margin-left: auto; margin-right: auto; }
.radius10-it { border-radius: 10px; }
.white-it { color: #fff !important; }
.black-it { color: #000 !important; }
.grey-it { color: gray !important; }
.blue-it { color: blue !important; }
.navy-it { color: #000080 !important; }
.whitebg-it { background-color: #fff !important; }
.cursor-it { cursor: pointer !important; }
.clear-it { clear: both !important; }
.border-it { border: 1px solid #ddd; }
.border2-it { border: 2px solid #ddd; }
.nounderline-it { text-decoration: none !important; }
.hr-it { height: 1px; background-color: #ddd; width: 50%; margin-left:25% !important; margin-right:25% !important; }

.fs12-it { font-size: 12px !important; }
.fs14-it { font-size: 14px !important; }
.fs16-it { font-size: 16px !important; }
.fs18-it { font-size: 18px !important; }
.fs20-it { font-size: 20px !important; }
.fs22-it { font-size: 22px !important; }
.fs24-it { font-size: 24px !important; }
.fs26-it { font-size: 26px !important; }
.fs30-it { font-size: 30px !important; }
.fs40-it { font-size: 40px !important; }
.fs50-it { font-size: 50px !important; }
.fs75-it { font-size: 75px !important; }
.fs100-it { font-size: 100px !important; }

.wd100-it { width: 100px !important; }
.wd150-it { width: 150px !important; }
.wd180-it { width: 180px !important; }
.wd200-it { width: 200px !important; }
.wd250-it { width: 250px !important; }
.wd280-it { width: 280px !important; }
.wd300-it { width: 300px !important; }
.wd350-it { width: 350px !important; }
.wd500-it { width: 500px !important; }
.wd600-it { width: 500px !important; }
.wd100pc-it { width: 100% !important; }
.wd50pc-it { width: 50% !important; }

.p30-it { padding: 30px !important; }
.p20-it { padding: 20px !important; }
.p10-it { padding: 10px !important; }
.p5-it { padding: 5px !important; }
.pt7-it { padding-top: 7px; }

.m20-it { margin: 20px !important; }
.ml20-it { margin-left: 20px !important; }
.ml5-it { margin-left: 5px !important; }
.ml10-it { margin-left: 10px !important; }
.ml15-it { margin-left: 15px !important; }
.mr20-it { margin-right: 20px !important; }
.mr15-it { margin-right: 15px !important; }
.mb10-it { margin-bottom: 15px !important; }
.mb15-it { margin-bottom: 15px !important; }
.mb25-it { margin-bottom: 25px !important; }
.mb40-it { margin-bottom: 40px !important; }
.mb20m-it { margin-bottom: -20px !important; }
.mt15-it { margin-top: 15px !important; }
.mt5-it { margin-top: 5px !important; }

.lh15-it { line-height: 1.5 !important; }
.lh20-it { line-height: 2 !important; }
.corner3-it { border-radius: 3px;}

.opacity2-it::before { opacity: .2 !important; }
.opacity3-it { background-color: rgba(0, 0, 0, .3); }
.opacity4-it { background-color: rgba(0, 0, 0, .4); }
.opacity5-it { background-color: rgba(0, 0, 0, .5); }
.opacity6-it::before { background-color: rgba(0, 0, 0, .6) !important; }
.opacity7-it { background-color: rgba(0, 0, 0, .7); }
.opacity8-it { background-color: rgba(0, 0, 0, .8); }

.bold-label-it { font-weight: bold !important; }

.bonored-it { color: #da1e00 !important; }
.nodecor-it { text-decoration: none; }


.card-header { background-color: #c00000 !important; color: #fff !important; border-radius: 0px !important; }
.swal2-confirm { background-color: #c00000 !important; }
div:where(.swal2-container) div:where(.swal2-popup) { width: auto !important; }

#dialog-login { display: none; }
.ui-draggable .ui-dialog-titlebar { background-color: #c00000 !important; color: #fff !important; }
.bono-btn { background-color: #c00000 !important; color: #fff !important; border: 0px; font-size: 14px !important; }

.ui-dialog-titlebar-close .ui-icon { filter: invert(100%) grayscale(100%) brightness(200%); }
.ui-dialog-titlebar-close, .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:active { background-color: #c00000; color: #fff !important; font-size: 16px !important; border: 0px !important; }

.otp-inputs input { width: 40px; height: 40px; }

.dataTables_wrapper .dataTables_filter input { display: none; }
#top-search { height: 36px !important;  }


/* Desktop */
@media (min-width: 1026px) {  
    .the-page { width: 80% !important; }
    #top-search { width: 300px !important; }
}

/* iPad - Tablets */
@media only screen and (max-width:1025px) { 
    .the-page { width: 99% !important; }
    #top-search { width: 200px !important; }
    #login-signup { display: none; }
}

/* Cellphones */
@media only screen and (max-width: 480px) {	
    .the-page { width: 99% !important; }
    #top-search { width: 150px !important; }
    #login-signup { display: none; }
}