body,html { margin: 0; padding: 0; overflow-x: hidden; font-family: 'Exo 2'; }

.navbar { margin-bottom: 15px; }
.navbar-toggle { padding: 5px; border: 1px solid #dddddd; }
.form-group { margin-bottom: 20px; }

h1 { margin-top: 25px; }
.color-red { color: red; }

.fam-logo { width: 25px; margin-right: 5px; }

footer { padding: 20px 10px; background-color: #f7f7f7; }
.page-height { min-height: 900px; }
.text-center { text-align: center !important; }
.form-control-select { width: 100%; padding: 10px; border-radius: 0.375rem; border: 1px solid #ced4da; }
.form-control-inline { width: 92%; display: inline !important; }

/*pagination */
.leading-5 { margin-top: 10px;  text-decoration: none; }
.w-5 { width: 20px; text-decoration: none; }

.navbar-expand-lg .navbar-nav .nav-link { padding-left: 30px !important; }

/* --- its --- */

.center-it { text-align: center !important; }
.justify-it { text-align: justify !important; }
.dark-it { color: #333 !important; }
.darkbg-it { background-color: #333 !important; }
.greenbg-it { background-color: green !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; }
.whitebg-it { background-color: #fff !important; }
.cursor-it { cursor: pointer !important; }
.clear-it { clear: both !important; }
.border-it { border: 1px solid #ddd; }

.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; }
.fs30-it { font-size: 30px !important; }

.wd100-it { width: 100px !important; }
.wd150-it { width: 150px !important; }
.wd200-it { width: 200px !important; }
.wd250-it { width: 250px !important; }
.wd300-it { width: 300px !important; }
.wd350-it { width: 350px !important; }
.wd100pc-it { width: 100% !important; }

.p20-it { padding: 20px !important; }
.p10-it { padding: 10px !important; }
.p5-it { padding: 5px !important; }
.m20-it { margin: 20px !important; }
.ml20-it { margin-left: 20px !important; }
.ml15-it { margin-left: 15px !important; }
.mr20-it { margin-left: 20px !important; }
.mr15-it { margin-left: 15px !important; }

.show-pwd { margin-left: -30px; cursor: pointer; }