.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

html, body { color:#273f53; font-family: 'Poppins', sans-serif; }

img.img-default { width:100%; }

.hr-sep { background-color:#eee; border:none; height:1px; width:100%; margin:0; }

.mar-b-none { margin-bottom:0 !important; }
.mar-b-5 { margin-bottom:5px !important; }
.mar-b-10 { margin-bottom:10px !important; }
.mar-b-15 { margin-bottom:15px !important; }
.mar-b-20 { margin-bottom:20px !important; }
.mar-b-25 { margin-bottom:25px !important; }
.mar-b-35 { margin-bottom:35px !important; }
.mar-b-45 { margin-bottom:45px !important; }
.mar-b-50 { margin-bottom:50px !important; }
.mar-b-75 { margin-bottom:75px !important; }

.mar-t-5 { margin-top:5px !important; }
.mar-t-10 { margin-top:10px !important; }
.mar-t-15 { margin-top:15px !important; }
.mar-t-20 { margin-top:20px !important; }
.mar-t-25 { margin-top:25px !important; }
.mar-t-35 { margin-top:35px !important; }
.mar-t-45 { margin-top:45px !important; }
.mar-t-50 { margin-top:50px !important; }
.mar-t-75 { margin-top:75px !important; }

.pad-all-10 { padding:10px; box-sizing:border-box; }
.pad-all-20 { padding:20px; box-sizing:border-box; }
.pad-all-25 { padding:25px; box-sizing:border-box; }
.pad-all-30 { padding:30px; box-sizing:border-box; }
.pad-all-35 { padding:35px; box-sizing:border-box; }
.pad-all-45 { padding:45px; box-sizing:border-box; }
.pad-all-50 { padding:50px; box-sizing:border-box; }
.pad-all-75 { padding:75px; box-sizing:border-box; }

.rounded-corner-10 { border-radius:10px; overflow:hidden; }
.rounded-corner-15 { border-radius:15px; overflow:hidden; }
.rounded-corner-20 { border-radius:20px; overflow:hidden; }
.rounded-corner-25 { border-radius:25px; overflow:hidden; }
.rounded-corner-30 { border-radius:30px; overflow:hidden; }

h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; font-weight:700; }
h1 { font-size:36px; }
h2 { font-size:30px; }
h2 span { font-size:24px !important; color:#ff5600; position:relative; top:-1px; background-color:#fff; padding:4px; border-radius:3px; -webkit-box-shadow: 0px 2px 2px 0px rgba(164,175,184,0.4); -moz-box-shadow: 0px 2px 2px 0px rgba(164,175,184,0.4); box-shadow: 0px 2px 2px 0px rgba(164,175,184,0.4); }
h3 { font-size:24px; }
h4 { font-size:21px; }
h5 { font-size:18px; }
h6 { font-size:15px; }

p { font-size:12.8px; font-weight:400; line-height:1.33em; margin-bottom:25px; color:#4b6780; }
p b { font-weight:700; }
p.txt-small { font-size:12px; font-weight:300; line-height:1.35em; margin-bottom:15px; color:#406889; }

.lbl { font-size:13px; margin-bottom:6px; font-weight:600; display:block; }

.cbox { display:block; font-size:13px; color:#406889; }
.cbox label { position:relative; top:-2px; left:5px; }
.cbox-large { padding:5px 0; }
.cbox-large input { width:24px; height:24px; }
.cbox-large label { position:relative; top:-5px; left:5px; }

span.err { color:#ff0046; font-size:12.8px; font-weight:normal !important; }
span.info { color:#1583e0; font-size:12.8px; font-weight:normal !important; }

.alert-err { color:#ff0046; font-size:12.8px; padding:8px; border-radius:3px; background-color:#fff8aa; box-sizing:border-box; display:block; border:dotted 1px #ff0046; }

a.txt-small-link { font-size:12px; color:#1583e0; }

.alert-default { border-radius:5px; background-color:#e6ebef; color:#406889; font-size:12px; font-weight:600; padding:15px 10px; box-sizing:border-box; display:block; line-height:14px; margin-bottom:10px; text-shadow: 1px 1px 1px #fff; }
.alert-default.danger { background-color:#ffdbdf; color:#e80040 }
.alert-default.information { background-color:#e9f5ff; color:#1b81d7; }
.alert-default.warning { background-color:#fffbe3; color:#ae8500; }
.alert-default.success { background-color:#ddfed3; color:#05c271; }

/* 
================================
  GLOBAL MODALS
================================
*/

.modal-bg { position:fixed; top:0; bottom:0; right:0; left:0; background-color:rgb(64 104 137 / 0.75); z-index:1000; display:none; }
.modal-side-bar { position:fixed; top:0; bottom:0; right:0; width:450px; background-color:#fff; z-index:1001; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); }
.modal-side-bar.default { width:450px; right:-475px; }


/* 
================================
  GLOBAL COLORS
================================
*/

.bg-gray-light { background-color:#f9f9f9 !important; }
.bg-gray { background-color:#b4bec7 !important; }
.bg-orange { background-color:#ff5600 !important; }
.bg-blue { background-color:#0576b4 !important; }
.bg-green { background-color:#05c271 !important; }

.txt-orange { color:#ff5600 !important; }
.txt-blue { color:#0576b4 !important; }
.txt-green { color:#05c271 !important; }
.txt-red { color:#ff0046 !important; }


/* 
================================
   GLOBAL BUTTONS
================================
*/

.btn { width:100%; display:block; color:#fff; font-weight:500; background-color:#aaa; text-decoration:none; text-align:center; border:none; font-family: 'Poppins', sans-serif; }
.btn:hover { filter: brightness(0.7); cursor:pointer; }

.btn.btn-size-smallx { padding:5px 0; border-radius:2px; font-size:11px; }
.btn.btn-size-small { padding:8px 0; border-radius:2px; font-size:12px; }
.btn.btn-size-small span.btn-icon { font-size:18px; position:relative; top:4px; margin-right:3px; margin-top:-7px; }
.btn.btn-size-default { padding:12px 0; border-radius:3px; font-size:13px; }
.btn.btn-size-large { padding:16px 0; border-radius:5px; font-size:15px; }

.btn-w-icon span { margin-top:-8px; }

a.btn-link-icon { width:100%; display:block; border:solid 1px #b7c8d7; border-radius:3px; background-color:#fff; padding:4px 8px; box-sizing:border-box; text-align:center; -webkit-box-shadow: 0px 1px 1px 0px rgba(164,175,184,0.4); -moz-box-shadow: 0px 1px 1px 0px rgba(164,175,184,0.4); box-shadow: 0px 1px 1px 0px rgba(164,175,184,0.4); }
a.btn-link-icon span { font-size:16px; display:inline-block; position:relative; top:1px; }
a.btn-link-icon b { font-size:11px; font-weight:500; display:inline-block; position:relative; top:-2px; }
a.btn-link-icon:hover { filter: brightness(0.9); cursor:pointer; }

/* 
================================
   TEXTBOX & DROPDOWN DEFAULTS
================================
*/

.txt { display:block; width:100%; border:solid 1px #839db2; border-radius:3px; padding:10px 8px; box-sizing:border-box; margin-bottom:25px; font-family: 'Roboto', sans-serif; color:#273f53; outline:none; -webkit-box-shadow: 1px 1px 2px 0px rgba(124,133,143,0.55); -moz-box-shadow: 1px 1px 2px 0px rgba(124,133,143,0.55); box-shadow: 1px 1px 2px 0px rgba(124,133,143,0.55); }
.txt::-ms-input-placeholder { color:#b7c8d7 }
.txt::placeholder { color:#b7c8d7; }
.txt:focus { border-color:#1583e0; background-color:#ffffaa; }

.txt-default-med { border-radius:3px; padding:10px 8px; }
.txt-default-small { border-radius:3px; padding: 7.25px; }


/* 
================================
   TABLE
================================
*/

.pill-box { background-color:#fff; border-radius:0; -webkit-box-shadow: 0px 2px 2px 0px rgba(164,175,184,0.4); -moz-box-shadow: 0px 2px 2px 0px rgba(164,175,184,0.4); box-shadow: 0px 2px 2px 0px rgba(164,175,184,0.4); }
.pill-box.hide-content { overflow:hidden !important; }
.pill-box.border { border:solid 1px #dbe2e8; }

.table-default { width:100%; }
.table-default thead { width:100%; }
.table-default thead tr { width:100%; background-color:#eef2f5; margin-bottom:5px; position:relative; left:0; }
.table-default thead td { box-sizing:border-box; padding:11px 10px; font-size:13px; font-weight:600; border:solid 1px #bbc4cc; }
.table-default thead td b { position:relative; top:-2px; display:block; color:#406889; }
.table-default tbody { width:100%; }
.table-default tbody tr { width:100%; background-color:#fff; margin-bottom:5px; }
.table-default tbody tr:hover { background-color:#eef2f5; cursor:pointer; }
.table-default tbody td { box-sizing:border-box; padding:7px 10px; border:solid 1px #bbc4cc; }
.table-default tbody td b { position:relative; top:-2px; font-size:12px; display:block; font-weight:400; }


@keyframes gradient {0% { background-position: 90% 50%; }100% { background-position: 0% 50%; }}
.table-default.loading thead td { height:40px; }
.table-default.loading tbody td { height:30px; }
.table-default.loading thead td,
.table-default.loading tbody td { padding:8px 10px; pointer-events:none; background: linear-gradient(90deg, #f5f5f5, #f9f9f9, #f5f5f5, #eee, #ddd, #f9f9f9, #f5f5f5); background-size: 400% 400%; animation: gradient 1.25s linear infinite; border-color:#fff; 
                                  box-shadow: 0px 0px 0px 0.5px rgba(255,255,255,1) inset; -webkit-box-shadow: 0px 0px 0px 0.5px rgba(255,255,255,1) inset;-moz-box-shadow: 0px 0px 0px 0.5px rgba(255,255,255,1) inset; }


/* 
================================
   MOBILE : REGULAR PHONE
================================
*/

@media (min-width: 280px) and (max-width: 450px) {
   
}