body {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,
  Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif !important;
  min-height:100vh; 
  display: flex;
  flex-direction: column;
}
.post_wrapper{margin-top:24px; min-height:800px}
.ecdavatar{
  font-size: 11px;
  background: rgb(249, 249, 249);
  border-radius: 12px;
  padding: 12px;
}
.cardhighlightme{ border-right: 5px solid #8e8484!important;}
.blinking1fast{
  animation: blinker .5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
.blinking1{
    animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
  @keyframes blinker {  
    from { opacity: 1; }
    to { opacity: 0; }
  }

.dropdown-menu {z-index: 99999}
.navtopsplit {
  height: 38px;
  color: #fff;
  background: #33324a;
  text-decoration: none;
  width: 50%;
  font-size: 13px;
}
.well {
  background: #fdfdfd;
  border: 1px solid #ccc;
  padding: 6px 4px;
  border-radius: 6px;
}

.cfff {color: #fff}
.py16 {padding-top: 16px; padding-bottom: 16px}
.w13px {height: 13px;}
.h13px{width: 13px;}
.red{
  color: rgb(157, 108, 108);
}
.cirreqpromo{background: #e3ffe6;
  border-radius: 12px;
  margin: 6px 0px;
  padding: 6px;}
.bc000{background-color: #000}
hr{color:#0000000f;margin:24px 0px;}
.alert-cir {
  color: #090808;
  border: 1px solid transparent;
  border-image: linear-gradient(90deg, #f5b0ff, #faefff);
  border-image-slice: 100%;
  border-image-slice: 1;
}
.alert-cir:hover {
  cursor: pointer;
}

.w33p {width:33.33%}
.adminnav > div > a { font-size: 13px!important; }
.adminnav > div > div > ul > li > a { font-size: 13px!important; }
.adminnav 
{border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #eadbfb, #faefff);
  border-image-slice: 100%;
  border-image-slice: 1;
}

.nocursor{ cursor: none;}

.alert-info {
color: #333;
background-color: #f7f7f7 !important;
border-color: #ccc !important;
padding: 2px !important;
}

.alert-success {
	color: #155724;
	background-color: #f9fdfa !important;
	border-color: #c3e6cb;
  padding: 2px !important;
}
.alert-docs {
color: #333;
background-color: var(--docs1) !important;
  border: 1px solid #fbedff !important;
  padding: 12px 12px !important;
}

.form-control{border-radius:0!important;}
.searchhighlight {background-color: yellow;}
.navbar-brand{color: #c5ffd4!important;}
.nav-link{
  /*background: #2a297b;color: #fff!important;*/
  /*color: #333 !important;*/
  /*font-weight: 500;*/
}
.nav-link-secondary{
/*ackground: #2a297b;
color: #fff !important;*/
}
.navbar {
  height: 55px !important;
  color: #333;
  background-color: #f7f7ff !important;
  /*border-color: #f2f2f2 !important;*/
}
.navbar-apps {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1.6rem;
  margin-left: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}
.searchnavinput{
height: 45px;
margin: 0px;
width: 100%;
outline: 0;
border: 1px solid #e3e1e1;
border-radius: 0px !important;
padding-left: 14px;
}

table{width:100%!important;}
tr,td {
border: 1px solid #ccc;
padding: 8px;
}
td > p {margin: 0px !important;}
figure{padding:2px!important;background:inherit!important;}
.divy{
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.f9{font-size: 9px}
.f10{font-size: 10px}
.f11{font-size: 11px}
.f12{font-size: 12px}
.f13{font-size: 13px}
.f14{font-size: 14px}
.fw500 {font-weight:500}
.f15{font-size: 15px}
.f16{font-size: 16px}
.tal{text-align:left!important}
.tdn{text-decoration: none!important}
.footer-copyright{
  text-align: center;
  font-size: 12px;
  font-weight: 500;
}
.footer2{
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  background: #fff;
}
main {
display: flex;
flex-wrap: nowrap;
height: 100vh;
height: -webkit-fill-available;
max-height: 100vh;
overflow-x: auto;
overflow-y: hidden;
}
.form-signin {
width: 100%;
max-width: 430px;
padding: 15px;
margin: 0 auto;
background-color:#fff;
border-radius: 4px;
background-color: rgba(255,255,255,.5);
z-index:999;
padding: 50px 40px 30px 40px;
}
.form-signin .checkbox {
font-weight: 400;
}
.form-signin .form-control {
position: relative;
box-sizing: border-box;
height: auto;
padding: 10px;
font-size: 16px;
}
.form-signin .form-control:focus {
z-index: 2;
}
.form-signin input[type="email"] {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.bgmask {
opacity: 0.1;
z-index: 0;
position: fixed;
top: 0;
bottom: 0;
filter: blur(5px);
background-repeat: repeat;
}

.tb1 {
background: var(--purple1);
color: #fff;
padding: 10px 12px;
/*height: 65px;*/
}
.tb2 {
background: var(--purple2);
color: #fff;
padding: 10px 12px;
}
.obanner {
background: #f9f9f9;
border: 1px solid #ccc;
border-left-color: rgb(204, 204, 204);
border-left-style: solid;
border-left-width: 1px;
padding: 12px;
margin: 12px 0px;
font-size: 18px;
border-left: 4px orange solid;
}
.footer1 {
padding: 1rem;
background-color: var(--footerbg);
margin-top: 150px;
margin-top: auto;
}

.footer1  a {
  color: #0d6efd;
}
.footer1  a:hover{
  color: #0d6efd;
  text-decoration: underline!important;
}

.hcolfff:hover{color: #fff}


.mt10{margin-top:10px}
.newsroom{background: var(--white) !important}
.menu1 {
position:absolute;
top:44px;
right:12px;           
background: #fefbff;
color: #333;
padding: 10px 12px;
border-radius: 8px;
line-height: 36px;
border: 1px solid #dfdfdf;
}
.menu1full {
position: absolute;
top: 44px;
right: 12px;
background: #fefbff;
color: #333;
padding: 10px 12px;
border-radius: 8px;
line-height: 36px;
border: 1px solid #dfdfdf;
width: 100%;
height: 100%;
z-index: 999999;
left: 0;
right: 0;
}
.navitem {
min-width: 20px;
display: inline-block;
border: 1px solid #fff;
padding: 0px 16px !important;
color: #fff;
border-radius: 12px;
}

.navmenu_title {
font-size: 24px;
line-height: 36px;
text-decoration: none;
color: rgb(228, 68, 68);
text-align: center;
padding: 15px 0;
}

.navmenu_wrapper {
position: relative;
margin-top: 0;
display: inline-block;
}
.navmenu_content {
opacity: 0;
visibility: hidden;
position: absolute;
left: -150px;
transform: translate(0, +10px);
background: var(--purple1);
padding: 1.5rem;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
width: auto;
}
.navmenu_content:before {
position: absolute;
z-index: -1;
content: "";
right: calc(50% - 10px);
top: -8px;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #bfbfbf transparent;
transition-duration: 0.0s;
transition-property: transform;
}
.navmenu_wrapper:hover .navmenu_content {
z-index: 10;
opacity: 1;
visibility: visible;
transform: translate(0, +10px);
transition: all 0.0s cubic-bezier(0.75, -0.02, 0.2, 0.97);
left: 0;
right:0;
position: fixed;
}
.navmenu_message {
text-align: left;
}








.dlcenter {
color: #32316c;
font-size: 40px;
font-family: arial,sans-serif;
font-style: normal;
font-weight: 700;
padding: 2%;
border-radius: 0px 12px 12px 0px;
}

/*bxslider*/
.sliderarea {
  background-color: #fff;
  background-color: #fff;
}
.section-title h2 {
color: #32316c;
font-size: 40px;
font-family: arial,sans-serif;
font-style: normal;
font-weight: 700;
text-align: right;
padding: 2%;
background-color: var(--white);
border-radius: 0px 12px 12px 0px;
}
/****************/
/*   BX-SLIDER  */
/****************/
section.client {
  padding:4em 0em;

}
section.client .section-title {
  margin-bottom: 6em;
}
.bx-controls {
  position: relative;
}
.bx-wrapper .bx-pager {
    text-align: center;
    padding-top: 30px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}



[data-tooltip] {
  position: relative;
  border-bottom: 1px dashed #000;
  cursor: auto
}

[data-tooltip]::after {
  position: absolute;
  opacity: 0;
  pointer-events: auto;
  content: attr(data-tooltip);
  left: 0;
  top: calc(100% + 10px);
  border-radius: 3px;
  box-shadow: 0 0 5px 2px rgba(100, 100, 100, 0.6);
  background-color: white;
  z-index: 99999;
  padding: 8px;
  width: 300px;
  transform: translateY(-20px);
  transition: all 150ms cubic-bezier(.25, .8, .25, 1);
}

[data-tooltip]:hover::after {
  opacity: 1;
  transform: translateY(0);
  transition-duration: 300ms;
}



.devl{
  background: var(--color1) !important;color: #fff;
}
.devl:hover{
  background: var(--color1) !important;color: #fff;
}
.test{
  background: var(--color2) !important;color: #fff;
}
.test:hover{
  background: var(--color2) !important;color: #fff;
}
.prod{
  background: var(--color3) !important;color: #fff;
}
.prod:hover{
  background: var(--color3) !important;color: #fff;
}
.base{
  background: var(--color4) !important;color: #fff;
}
.base:hover{
  background: var(--color4) !important;color: #fff;
}

.bc1 {background: var(--color1) !important;}
.bc2 {background: var(--color2) !important;}
.bc3 {background: var(--color3) !important;}
.bc4 {background: var(--color4) !important;}
.bc5 {background: var(--color5) !important;}
.bc6 {background: var(--color6) !important;}

.b1x {
  border: 1px solid transparent;
  border-image: linear-gradient(90deg, #eadbfb, #faefff);
  border-image-slice: 1;
}