body {font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 24, 7, 0.7)), to(rgba(46, 24, 7, 0.7))), url(/images/site/imeet-cta.jpg);background-image: linear-gradient(180deg, rgba(46, 24, 7, 0.7), rgba(46, 24, 7, 0.7)), url(/images/site/imeet-cta.jpg);background-position: 0px 0px, 0px 0px;background-size: auto, cover;background-repeat: repeat, no-repeat;overflow-x: hidden;}
a,a:active {color: #0d6efd;text-decoration: none;}
a:hover {color: #418eff;}      
#main {margin: 0 auto !important;height: 100vh;display: flex;align-items: center;padding-top: 67px; padding-bottom: 60px;}
#main .main-content {display: flex; align-items: center; flex-wrap: wrap; flex: 1; height: 100%; background-color: rgba(222, 237, 243, 0.85); padding-top: 10px; padding-bottom: 10px; margin-left: 10px; margin-right: 10px; overflow-y: auto; border-radius: 10px;}
.page-title {background-color: rgba(255, 255, 255, 0.4);border-left: 10px solid #6ec0a8;border-bottom: 1px solid #6ec0a8;padding: 5px 10px 5px 10px;box-shadow:inset -4px 4px 4px 0px rgba(0,0,0,0.2);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
div#post-loader {position: relative; overflow: hidden; background: rgba(213,214,214,0.5); z-index: 11111; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
div#post-loader:after {content:'';position:absolute;top:50%;left:50%;margin-left:-100px;margin-top:-100px;height:200px;width:200px;z-index:1;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
div#post-loader:before {content:'\f4cf';font-family:bootstrap-icons !important;font-size:70px;color:rgba(255,255,255,0.5);position:absolute;top:50%;left:50%;margin-left:-90px;margin-top:-90px;height:180px;width:180px;text-align:center;line-height:180px;z-index:2;background-image: url('../images/icon.png'),radial-gradient(circle, #00c9b7, #00a6ac, #008499, #00637e, #00435f);background-position: 50% 50%; background-repeat: no-repeat;opacity:0.2;filter:opacity(20);filter:alpha(opacity=20);border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
div#post-loader:after {height:180px;width:180px;border:10px solid rgba(60, 211, 248, 0.9);background-image: radial-gradient(circle, #05cebc, #00a6ac, #008499, #00637e, #00435f);opacity:0.7;filter:opacity(70);filter:alpha(opacity=70);}
div#post-loader::after {height:200px;width:200px;border-width:0;background-image: linear-gradient(135deg, #FEED07 0%, #FE6A50 5%, #ED00AA 15%, #2FE3FE 50%, #8900FF 100%);-webkit-animation: AnimationName 2s ease infinite;-moz-animation: AnimationName 2s ease infinite;-o-animation: AnimationName 2s ease infinite;animation: AnimationName 2s ease infinite;}
div#post-loader::before {opacity:0.7;filter:opacity(70);filter:alpha(opacity=70);}
@-webkit-keyframes AnimationName {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@-moz-keyframes AnimationName {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@-o-keyframes AnimationName {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes AnimationName {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.logo {line-height: 30px;font-size: 26px;font-weight: 700;color: #012970;}
.logo img {max-height: 36px;margin-right: 6px;}
.logo span {font-size: 26px;font-weight: 700;color: #012970;}
.logo span.code-slash {display:inline-block;height:24px;width:3px;transform:rotate(30deg);background:#be7d14;margin:0 4px;position:relative;top:4px;}
.logo span.code-text {color:#00b6df;display:inline-block;padding:0 1px;font-weight:bolder;}
.header {position:fixed;top:0;left:0;right:0;z-index:999;height: 57px;box-shadow: 0px 2px 20px rgba(31, 31, 31, 0.4);background-color: #fff;padding-left: 20px;}
.header {background-color: #00485b;background-image: linear-gradient(to bottom, #006e81 0%, #00485b 100%);transition: top 0.3s ease-in-out;}
.header .toggle-sidebar-btn {font-size: 32px;padding: 0 9px;cursor: pointer;color: #012970;}
.navbar-fixed-bottom {position:fixed;bottom:0;width:100%;height:50px; line-height: 50px;}
.navbar {padding: 0;}
.navbar .navbar-nav li {padding: 0.5rem; transition: background-color 0.3s, box-shadow 0.3s;}
.navbar-nav li a, .navbar-nav li a:focus {color: #bfe7f3; transition: color 0.3s;}
.navbar-nav > li:hover {background-color: #00485b;}
.navbar-nav > li:hover a {color: #fff;}
.navbar-nav > li.active, .navbar-nav > li:active {box-shadow:inset 0px 0px 20px 1px rgba(0, 0, 0, 0.35);background-color: #00485b;}
.navbar-nav > li.active a, .navbar-nav > li:active a {color: #ffd295;}
.navbar-nav .nav-link.show {color: #ffd295;}
.header-nav {padding-right:20px;}
.header-nav .dropdown-menu {border-radius: 4px;padding: 10px 0;-webkit-animation-name: dropdown-animate;animation-name: dropdown-animate;-webkit-animation-duration: 0.2s;animation-duration: 0.2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;border: 0;box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);}
.header-nav .dropdown-menu .dropdown-header,.header-nav .dropdown-menu .dropdown-footer {text-align: center;font-size: 15px;padding: 10px 25px;}
.header-nav .dropdown-menu .dropdown-footer a {color: #444444;text-decoration: underline;}
.header-nav .dropdown-menu .dropdown-footer a:hover {text-decoration: none;}
.header-nav .dropdown-menu .dropdown-divider {color: #a5c5fe;margin: 0;}
.header-nav .dropdown-menu .dropdown-item {font-size: 14px;padding: 10px 15px;transition: 0.3s;}
.header-nav .dropdown-menu .dropdown-item i {margin-right: 10px;font-size: 18px;line-height: 0;}
.header-nav .dropdown-menu .dropdown-item:hover {background-color: #f6f9ff;}
.header-nav .profile {min-width: 240px;padding-bottom: 0;top: 42px !important;}            
#footer {z-index: 999;background-color: #00485b;background-image: linear-gradient(to bottom, #006e81 0%, #00485b 100%);border-top: 1px solid #006e81;}
#footer a {color: #ffd295;}
#footer a:hover {color: #ffcc00; text-decoration: underline!important;}
.browsers {height:32px;}
.captcha_label { padding: 0; overflow: hidden; }
.captcha_label img { height: 38px; width: 108px; transition: all 0.3s ease; }
.captcha_label img:hover { opacity: 0.8; cursor: pointer; }
.has-error {border: 1px solid red !important; border-radius: 6px;}
.has-error input, .has-error textarea, .has-error select {background-color: #ffe1e1 !important;}
.fade-in { animation: fadeIn 0.5s ease-in forwards; }
@keyframes fadeIn {from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 576px) {
    .header {padding-left: 10px;}
    .header-nav {padding-right:10px;}
    .header-nav .nav-icon {margin-right: 5px;}
    .logo span {font-size: 20px;}
    .logo span.code-slash {height:18px;width:2px;margin:0 4px;top:4px;}
    .navbar-expand-sm .navbar-nav {flex-direction: row;}
    .navbar-nav .dropdown-menu {position:fixed !important;left:10px;right:10px;}
    .logo span.nwt_name {display:none !important;}
    #footer {font-size :14px;}
    .browsers {height:20px;}
}