/*base style*/
.all2em{font-size:2em;line-height:2em;height:2em;}
.all5em{font-size:5em;line-height:5em;height:5em;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap: break-word;}
*:before,*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{font-family: 'Roboto', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
//html{font-family: 'Muli', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body { 
   font-family: Helvetica, Arial, sans-serif;
   //letter-spacing: 0.0107142857em;
  font-family: 'Open Sans Condensed', sans-serif;
  font-family: 'Baloo Tamma 2', cursive;
  font-family: 'Montserrat', sans-serif;
  color:rgb(59,89,152);
}
//body { margin: 0;  font-size: 16px;}
//body { margin: 0;  font-size: 14px;}
.body{
  min-height:50em;
}
.inline{
   width:100%;
}
.inline .mmbr{
   height:inherit;
   min-width:20%;
}
/*horizontal good navigation withour scroll bar*/
/* Hide scrollbar for Chrome, Safari and Opera */
div{
   //height:inherit;
}
div.horizontal-scroll::-webkit-scrollbar {
  display: none;
}
div.horizontal-scroll {
   width:100%;
   overflow:auto;
   white-space: nowrap;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
div.horizontal-scroll > label{
   display:inline-block;
   padding:.7em;
}

ol.horizontal-scroll::-webkit-scrollbar {
  display: none;
}
ol.horizontal-scroll {
   width:100%;
   overflow:auto;
   white-space: nowrap;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
ol.horizontal-scroll > li{
   display:inline-block;
   padding:.7em;
}

ul.horizontal-scroll::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
ul.horizontal-scroll {
   width:100%;
   overflow:auto;
   white-space: nowrap;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
ul.horizontal-scroll > li{
   display:inline-block;
   padding:.7em;
}
/*end of horizontal scroll*/

ul{
  list-style-type: disc;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}
ol{
    display: flex;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    padding:0.5em;
}
li{
  list-style-type: none;
}
.hov:hover{color:red;font-weight:bold;} 
a{text-decoration: none !important;color:inherit;display:inline-block !important;}
//i{padding:0 .5em;}
img{
  object-position:center;
  object-fit:cover;
  //height:100%;
  //max-width:100%;
  vertical-align:middle;
}
.img{
  object-position:center;
  object-fit:cover;
  height:100%;
  max-width:100%;
  vertical-align:middle;
}
p{
   margin-block-start: 0 !important;
   margin-block-end: 0 !important;
   font-size:1rem;
   font-weight:100;
   line-height:2rem;
}
.grad-black-10{background-image: linear-gradient(0, black, rgb(0, 0, 0, 0));}
.grad-red-10{background-image: linear-gradient(0, red, rgb(0, 0, 0, 0));}
.grad-blue-10{background-image: linear-gradient(0, blue, rgb(0, 0, 0, 0));}
.grad-yellow-10{background-image: linear-gradient(0, yellow, rgb(0, 0, 0, 0));}
.grad-pink-10{background-image: linear-gradient(0, pink, rgb(0, 0, 0, 0));}
.grad-green-10{background-image: linear-gradient(0, green, rgb(0, 0, 0, 0));}
.grad-1{background: linear-gradient(to right, #fbc2eb, #a6c1ee) !important;}
.grad-2{background: linear-gradient(to right, #a8e063, #56ab2f) !important;}
.grad-3{background: linear-gradient(to right, #ff9a9e, #fad0c4) !important;}
.grad-4{background: linear-gradient(to right, #7f7fd5, #86a8e7, #91eae4) !important;}
.grad-5{background: linear-gradient(to right, #2c3e50, #4ca1af) !important;}
.grad-6{background: linear-gradient(to right, #f8ffae, #43c6ac) !important;}
.grad-7{background: linear-gradient(to right, #ff758c, #ff7eb3) !important;}
.grad-8{background: linear-gradient(to right, #8e9eab, #eef2f3) !important;}
.grad-9{background: linear-gradient(to right, #ff9966, #ff5e62) !important;}
.grad-10{background: linear-gradient(to right, #00c6ff, #0072ff) !important;}
.grad-11{background: linear-gradient(to right, #ff6a00, #ffcc00) !important;}

/*.one-line-text{white-space: nowrap;overflow:hidden;}*/
.one-line-text {
    display: -webkit-box;
    -webkit-line-clamp: 1; /* Limit text to 1 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.two-line-text {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit text to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.three-line-text {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limit text to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.loader {
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid gray; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
h1,h2,h3,h4{
  display: block;
  font-weight:100;
  letter-spacing: .1em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -moz-margin-before: 0em;
  -moz-margin-after: 0em;
  -moz-margin-start: 0px;
  -moz-margin-end: 0px;
}
h1,.h1{font-size:1.5rem;}
h2,.h2{font-size:1.4rem;}
h3,.h3{font-size:1.3rem;}
h4,.h4{font-size:1.2em;}
h5,.h5{font-size:1.1em;}
/*
.glow{
   display:flex;
  -webkit-box-shadow: 0px 0px 30px .5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 30px .5px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 30px .5px rgba(0,0,0,0.2);//0px 0px 5px 0px rgba(0,0,0,0.88);
  border-radius:.5em;
  //overflow:hidden;
}
.glow-1{  
   //display:flex;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);//0px 0px 5px 0px rgba(0,0,0,0.88);
  border-radius:.3em;
  //overflow:hidden;
}
.glow-2{
   //display:flex;
  -webkit-box-shadow: 0px 0px 30px .5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 30px .5px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 30px .5px rgba(0,0,0,0.2);//0px 0px 5px 0px rgba(0,0,0,0.88);
  border-radius:.5em;
  //overflow:hidden;
}
.glow-3{
   //display:flex;
  -webkit-box-shadow: 0px 0px 40px .5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 40px .5px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 40px .5px rgba(0,0,0,0.2);//0px 0px 5px 0px rgba(0,0,0,0.88);
  border-radius:.5em;
  //overflow:hidden;
}
*/
.bg{
  background-repeat:no-repeat;
  background-size:cover;
}
.opacity-1{
  opacity:1;
}
.pointer{
  cursor:pointer;
}
.btn,.button{
  white-space:no-wrap;
	display: inline-block;
  padding:.5em;
  text-align:center;
  font-weight:bold;
  
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);//0px 0px 5px 0px rgba(0,0,0,0.88);
  border-radius:.3em;
  overflow:hidden;
  
  font-size:inherit;
	text-transform: none;  
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.btn-0,.button-0{
  white-space:no-wrap;
	display: inline-block;
  padding:.5em;
  text-align:center;
  font-weight:bold;
  
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0);//0px 0px 5px 0px rgba(0,0,0,0.88); 
  border-radius:.3em;
  overflow:hidden;
  
  font-size:inherit;
	text-transform: none;  
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.text-btn{
  white-space:no-wrap;
	display: inline-block;
  padding:.5em;
  //text-align:center;
  font-weight:bold;
  
  //-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  //-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  //box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);//0px 0px 5px 0px rgba(0,0,0,0.88);
  border-radius:.3em;
  overflow:hidden;
  
  font-size:inherit;
	text-transform: none;  
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input{
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    //margin: 0em;
    //font: 400 1em Arial;
    padding: 0;
    border-width: 0; 
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    //text-align:center;
}
.input{
  white-space:no-wrap;
	display: inline-block;
  border-radius:0.2em;
  font-size:inherit;
	text-transform: none;  
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input[type=submit]{text-align:center;cursor:pointer;}
input[type=button]{text-align:center;cursor:pointer;}
/******************visibility**************/
.hidden,.hide{display:none;}
/********float************/
.float-left{float:left;}
.float-right{float:right;}
/*********text align****************/
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
/********************/
.width-full{width:100%;}
.min-height{height:300px;}
.bor{border:1px solid gray;}
.overflow-hidden{overflow:hidden !important;}
/*horizontal nav*/

.nav-item{
  height:2em !important;
  line-height:2em !important;
  //border:1px solid gray;
}
ul.nav{
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
  list-style:none;
  padding:0;
}
ul.nav>li{
  list-style:none;
  display:inline-block;
  padding:.5em .5em;
}

ul.nav>li>input,
ul.nav>li>a>div,
ul.nav>li>a>img{
  height:2em;
  line-height:2em;
  float:left;
  padding:0;
  padding:0 .5em;
}
/*verticle nav*/
ul.nav-ver{
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
  list-style:none;
  padding:0;
}
ul.nav-ver>li{
  list-style:none;
  display:block;
  //padding:1em .5em;
}
ul.nav-ver>li>input,
ul.nav-ver>li>a>div,
ul.nav-ver>li>a>img{
  height:2em;
  line-height:2em;
  float:left;
  padding:0;
  padding:0 .5em;
}
ul.nav-ver>li>textarea{
  height:5em;
  float:left;
  padding:0;
  padding:0;
}
/*01-11-19
div.flex.form .form_row.inline{display:inline-block;min-width:20% !important;max-width:100% !important;}
div.flex.form{display:block;}

div.flex.form .form_row.l_m_r .form_col:nth-child(1){display:block;width:30%;text-align:right;line-height:2em;}
div.flex.form .form_row.l_m_r .form_col:nth-child(2){display:block;width:40%;}
div.flex.form .form_row.l_m_r .form_col:nth-child(3){display:block;width:30%;}

div.flex.form .form_row.l_m_ .form_col:nth-child(1){display:block;width:30%;text-align:right;line-height:2em;}
div.flex.form .form_row.l_m_ .form_col:nth-child(2){display:block;width:70%;}
div.flex.form .form_row.l_m_ .form_col:nth-child(3){display:none;}

div.flex.form .form_row._m_ .form_col:nth-child(1){display:none;text-align:right;line-height:2em;}
div.flex.form .form_row._m_ .form_col:nth-child(2){display:block;width:100%;}
div.flex.form .form_row._m_ .form_col:nth-child(3){display:none;}

div.flex.form .form_row{padding:0 0;}
div.flex.form .form_col{padding:0 0;}

div.flex.form .form_col > input[type=checkbox]{display:inline-block;min-width:10%}
div.flex.form .form_col > input[type=radio]{display:inline-block;min-width:10%}
div.flex.form .form_col > input[type=text]{display:inline-block;}
div.flex.form .form_col > input[type=submit]{display:inline-block;padding:0 .5em !important;height:2em;width:100%;font-size:inherit;border-radius:.2em;border:1px solid black;}
div.flex.form .form_col > select{display:inline-block;}
div.flex.form .form_col > textarea{display:inline-block;}
div.flex.form .form_col > button{display:inline-block;}
div.flex.form .form_col > input{display:inline-block;}
div.flex.form .form_col > div{display:inline-block !important;border-radius:.2em;}
div.flex.form .form_col > label{display:inline-block !important;padding:0.5em;border-radius:.2em;}


.v > .form_col{display:block;width:100% !important;text-align:left !important;}
.b > .form_col{display:block;width:100% !important;text-align:left !important;}
.p > .form_col{display:block;width:100% !important;text-align:left !important;padding:.5em 0 !important;}
*/
.newform.box{float:left;width:100%;/*border:1px solid gray; padding:5px;*/}
.newform.row{float:left;width:100%;/*margin-bottom:5px;*/}
.newform.row>.col{}
.newform.row>.col.tag{}
.newform.row>.col.content{}
.newform.row>.col.helptext{}

.hidden{display:none;}
.tag,.content,.helptext{float:left;}
.tag{text-align:left;} 
.helptext{text-align:left;}

//.tag,.content,.helptext{padding:0px;} 

.lmr>.tag{width:100%;/*white-space: nowrap;*/}
.lmr>.content{width:100%;/*white-space: nowrap;*/}
.lmr>.helptext{width:100%;/*white-space: nowrap;*/}
   
.lm_>.tag{width:100%;white-space: nowrap;}
.lm_>.content{width:100%;white-space: nowrap;}
.lm_>.helptext{width:0%;display:none;white-space: nowrap;}
    
._m_>.tag{width:0%;display:none;white-space: nowrap;}
._m_>.content{width:100%;white-space: nowrap;}
._m_>.helptext{width:0%;display:none;white-space: nowrap;}

/*
.lmr>.tag{width:20%;}
.lmr>.content{width:60%;}
.lmr>.helptext{width:20%;}
   
.lm_>.tag{width:30%;}
.lm_>.content{width:70%;}
.lm_>.helptext{width:0%;display:none;}
    
._m_>.tag{width:0%;display:none;}
._m_>.content{width:100%;}
._m_>.helptext{width:0%;display:none;}
*/
      
.newform .content > input[type='checkbox']{display:inline-block;min-width:10%}
.newform .content > input[type='radio']{display:inline-block;min-width:10%}
.newform .content > input[type='text']{display:inline-block;}
.newform .content > input[type='submit']{display:inline-block;/*padding:0 .5em !important;height:2em;width:100%;font-size:inherit;border-radius:.2em;border:1px solid black;*/}
.newform .content > select{display:inline-block;}
.newform .content > textarea{display:inline-block;}
.newform .content > button{display:inline-block;}
.newform .content > input{display:inline-block;}
.newform .content > div{display:inline-block !important;/*padding:0.5em;*/border-radius:.2em;}
.newform .content > label{display:inline-block !important;padding:0.5em;border-radius:.2em;}

.newform .content > input[type='text'],
.newform .content > input[type='password'],
.newform .content > input[type='radio'],
.newform .content > input[type='checkbox'],
.newform .content > input[type='search'],
.newform .content > input[type='date'],
.newform .content > input[type='number'],
.newform .content > input[type='submit'],
.newform .content > div.text,
.newform .content > select,
.newform .content > label,
.newform .content > textarea,
.input 
{
  width:100%;
  //font-size:1.8em;
  //line-height:2em;
  //height:2em;
  //font-size:1em;
  //line-height:1em;
  //height:1em;
  padding:.5em;
  margin: 0 0 .3em 0; 
  border-width:0;
  /*margin:.5em 0;*/
  white-space:no-wrap;
	display: inline-block;
  //border:1px solid gray;
	text-transform: none;  
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 1px .5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 1px .5px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 1px .5px rgba(0,0,0,0.2);//0px 0px 5px 0px rgba(0,0,0,0.88);
  border-radius:.2em;
  overflow:hidden;
  
  /*
  width:100%;
  //line-height:2em;
  //height:2em;
  //padding:0 .5em;
  white-space:no-wrap;
	display: inline-block;
  border:0px solid black;
  //border-radius:0.2em;
  font-size:inherit;
	text-transform: none;  
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  
  //
  -webkit-box-shadow: 0px 0px 1px .5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 1px .5px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 1px .5px rgba(0,0,0,0.2);//0px 0px 5px 0px rgba(0,0,0,0.88);
  border-radius:.2em;
  overflow:hidden;
  */
}
.newForm .tag{
  //min-height:3em !important;
  //padding:.5em !important;
}
.newForm .content{
  //min-height:3em !important;
  //padding:3em !important; 
}
.newForm .helptext{
  //min-height:3em !important;
  //padding:.5em !important;
}

.newForm > .tag{
  //min-height:3em !important;
  //padding:.5em !important;
}
.newForm > .content{
  //min-height:3em !important;
  padding:3em !important; 
}
.newForm > .helptext{
  //min-height:3em !important;
  //padding:.5em !important;
}
.newForm .content input[type='text'],.content input[type='submit'],.content input[type='password'],.content label, select,textarea{
  //height:inherit !important;
  //font-size:1.5em !important;
}
.newform .content > textarea{
  min-height:4em !important;
}


//div.flex.form .form_row.v .form_col{display:block;width:100% !important;text-align:left !important;}
//div.flex.form .form_row.v.b .form_col label{display:block;width:100% !important;text-align:left !important;}

//div.flex.form .form_row.v.b .form_col div{display:block;width:100% !important;text-align:left !important;}/*.v verticale form .b block display of cont*/
//div.flex.form .form_row.p{padding:.5em 0 !important;}/*makes padding in element*/
//div.flex.form .form_row.p .form_col{padding:0 .5em !important;}/*makes padding in element*/
/*
div.flex.form input[type=text],
div.flex.form input[type=password],
div.flex.form input[type=search],
div.flex.form input[type=date],
div.flex.form input[type=number],
div.flex.form select,
div.flex.form textarea{
  width:100%;
  height:2em;
  padding:0 .5em;
  white-space:no-wrap;
	display: inline-block;
  border:1px solid black;
  border-radius:0.2em;
  font-size:inherit;
	text-transform: none;  
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
div.flex.form textarea{
  height:4em !important;
}
*/
table{width:100%;text-align:left !important;}
th{background-color: rgba(0, 0, 0, 0.2) !important;padding:.5em;}
//tr:nth-child(odd){color:rgba(0, 255, 0, 1) !important;}
td{padding:.5em;}

.cover_window{
  position:fixed;
  top:0;
  left:0;
  width:100%;   
  height:100%;   
  background-color:black;
  opacity:0.5;
  z-index:10;
}
.hover_window{
  position:absolute;
  overflow:auto;
  background:white;  
  overflow:auto;
  min-height:100%;  
  padding:0 2em;  
  top:0;
  z-index:11;
  /*margin-top:3em;  //width:60%;  //margin:50px 20%;  //width:60%;  //margin-left:auto;  //margin-right:auto;  //margin-top:3em;*/
}
.color-white{
  color:white;
}
.tabs{
  margin-bottom:-1px;
  display:inline-block;
  padding:5px;cursor:pointer;
  border-top:1px solid black;
  border-left:1px solid black;
  border-right:1px solid black;
  opacity:1;
  z-index:5;
}
.cont{float:left;width:100%;display:none;min-height:250px;border:1px solid black;z-index:1;}
.active{border-bottom:1px solid red;}
.block{display:block;}
.tabs:hover{border-bottom:1px solid red;}
.cont.win1{display:block;}

.pad{padding:0.5em;}
.mar{margin:0.5em;}

.post_image_lbl {float:left;border:1px solid gray;overflow:hidden;position:relative;}
.upld_post_image {float:left;width:25%;overflow:hidden;position:relative;}
.upld_post_image>.change_image_block {position:absolute;top:0px;left:0px;padding:5px;}
.upld_post_image>.remove_image_block {position:absolute;top:0px;right:0px;padding:5px;}

//.profile_image_lbl {float:left;width:100%;border:1px solid gray;overflow:hidden;position:relative;}
//.upld_profile_image {float:left;width:100%;border:1px solid gray;height:100px;overflow:hidden;position:relative;}
//.upld_profile_image>.change_image_block {position:absolute;top:0px;left:0px;padding:5px;}
//.upld_profile_image>.remove_image_block {position:absolute;top:0px;right:0px;padding:5px;}

//.wall_image_lbl {float:left;width:100%;border:1px solid gray;overflow:hidden;position:relative;}
//.upld_wall_image {float:left;width:100%;border:1px solid gray;height:100px;overflow:hidden;position:relative;}
//.upld_wall_image>.change_image_block {position:absolute;top:0px;left:0px;padding:5px;}
//.upld_wall_image>.remove_image_block {position:absolute;top:0px;right:0px;padding:5px;}

.post_image_box,.profile_image_box,.wall_image_box{width:100%;}
.img_action_btn{padding:.5em;background-color:white;color:black;border:1px solid gray;}

@keyframes example {
  //from {background-color: red;}
  //to {background-color: yellow;}
}

/* The element to apply the animation to */
.smart_alert {
  //width: 100px;
  //height: 100px;
  //background-color: red;
  animation-name: example;
  animation-duration: 2s;
  animation-iteration-count: 1;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
div.scrollmenu {
  background-color: white;
  overflow: auto;
  white-space: nowrap;
  border-top:1px solid gray;
}

div.scrollmenu a {
  display: inline-block;
  color: rgb(59,89,152);
  text-align: center;
  padding: 14px 10px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: #777;
}

.book{width:100%;min-height:1em;white-space: nowrap;overflow:auto;/*border:1px solid gray;*/}
.book > .page{display:inline-block;width:80%;height:inherit;white-space: nowrap;/*border:1px solid gray;*/}

.navs{width:100%;min-height:1em;white-space: nowrap;overflow:auto;}/*border:1px solid gray;*/
.navs > .nav{display:inline-block;min-width:5%;height:inherit;white-space: nowrap;}/*border:1px solid gray;padding:1em; */

.hover:hover{
  background-color:#dae0ff;
}
/*from local.css styles*/
// *{	line-height:1.5em;} 

.adv_search_form .newform.row,
.refine_search1_form .newform.row,
.offline_post_form .newform.row,
.log_in_form .newform.row,
.reset_password_form  .newform.row,
.sign_up_form .newform.row{
  margin-top:.2em;
}.one-line-text{	display:block;	overflow:hidden;	white-space:nowrap;	text-overflow:ellipsis;}
.newform.row{
  display:block;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/*moved to grid file*/
/*
.flex-auto{
  float:left;
  position: relative;
	display:inline-block;
	min-height:1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.flex-table{
  display:table !important;
  width:100%;
}
.flex-table > .flex-table-row{
  display:table-row !important;
  width:100%;
}
.flex-table > .flex-table-row > .flex-table-cell{
  display:table-cell !important;
  vertical-align:top;
}
.align-middle{
  vertical-align:middle !important;
}
*/
/*!moved to grid file*/

.wd-1{width: 5.5555555555556% !important;}
.wd-2{width: 11.111111111111% !important;}
.wd-3{width: 16.666666666667% !important;}
.wd-4{width: 22.222222222222% !important;}
.wd-5{width: 27.777777777778% !important;}
.wd-6{width: 33.333333333333% !important;}
.wd-7{width: 38.888888888889% !important;}
.wd-8{width: 44.444444444444% !important;}
.wd-9{width: 50% !important;}
.wd-10{width: 55.555555555556% !important;}
.wd-11{width: 61.111111111111% !important;}
.wd-12{width: 66.666666666667% !important;}
.wd-13{width: 72.222222222222% !important;}
.wd-14{width: 77.777777777778% !important;}
.wd-15{width: 83.333333333333% !important;}
.wd-16{width: 88.888888888889% !important;}
.wd-17{width: 94.444444444444% !important;}
.wd-18{width: 100% !important;}

.ht-1{height: 5.5555555555556% !important;}
.ht-2{height: 11.111111111111% !important;}
.ht-3{height: 16.666666666667% !important;}
.ht-4{height: 22.222222222222% !important;}
.ht-5{height: 27.777777777778% !important;}
.ht-6{height: 33.333333333333% !important;}
.ht-7{height: 38.888888888889% !important;}
.ht-8{height: 44.444444444444% !important;}
.ht-9{height: 50% !important;}
.ht-10{height: 55.555555555556% !important;}
.ht-11{height: 61.111111111111% !important;}
.ht-12{height: 66.666666666667% !important;}
.ht-13{height: 72.222222222222% !important;}
.ht-14{height: 77.777777777778% !important;}
.ht-15{height: 83.333333333333% !important;}
.ht-16{height: 88.888888888889% !important;}
.ht-17{height: 94.444444444444% !important;}
.ht-18{height: 100% !important;}

.newform .content > a.btn{/*, .btn, .input*/
  width:100%;
  line-height:2em;
  height:2em;
  padding:0 .5em;
  white-space:no-wrap;
	display: inline-block;
  border:1px solid black;
  border-radius:0.2em;
  font-size:inherit;
	text-transform: none;  
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  text-align:center;
}
//.flex-center{margin-left:auto;margin-right:auto;}
.mobile-scroll{display:flex;width:100%;overflow:auto;height:50px;}
.mobile-scroll>div{display:inline-block;}
.text-rows-1{
   /*font should be set indivisualy*/
   //border:1px solid gray;   
   line-height:1.2em;
   height:1.2em;
   overflow:hidden;
   width:100%;
   white-space: normal;
}
.text-rows-2{
   //border:1px solid gray;   
   line-height:1.2em;
   height:2.4em;
   overflow:hidden;
   width:100%;
   white-space: normal;
}
.text-rows-3{
   //border:1px solid gray;   
   line-height:1.2em;
   height:3.6em;
   overflow:hidden;
   width:100%;
   white-space: normal;
}
.text-rows-4{
   //border:1px solid gray;   
   line-height:1.2em;
   height:4.8em;
   overflow:hidden;
   width:100%;
   white-space: normal;
}

/*center a item inside other div*/
.flex-center{ 
   min-width:50%;
   min-height:5em;
   position:relative;
}
.flex-center > .core{
   position:absolute;
   margin:0;
   min-width:10%;
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);   
}
/*animation examples*/

.anim3 {
  /*width: 100px;*/
  /*height: 100px;*/
  font-size:3em;
  color: black;
  animation-name: anim1;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.anim-cashmyclick{
  /*width: 100px;*/
  /*height: 100px;*/
  font-size:3em;
  color: white;
  animation-name: anim2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes anim2 {
  from {color: white; opacity:0.1;}
  to {color: white; opacity:1;} 
}
@keyframes anim1 {
  from {color: black; opacity:0.1;}
  to {color: black; opacity:1;} 
}

/* Center and scale the image nicely */
.bgimg{
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.inputblocks label{display:block;padding:.5em;}
.inputblocks div input[type=text]{width:100%;}
.inputblocks label input[type=text]{width:100%;}
.inputblocks label input[type=password]{width:100%;}
.inputblocks label textarea{width:100%;}
.inputblocks label select{width:100%;}
.inputblocks label input[type=checkbox]{height:1em;border:0;}
.inputblocks label input[type=radio]{height:1em;border:0;}
.inputblocks div input{
   display:inline-block;
   //font-size:1.5em;
   font-size:1em;
   padding:.5em;
   border-radius:0.1em;   
   box-shadow: 0px 0px 1px black;
}
.inputblocks label input,.inputblocks label select,.inputblocks label textarea{
   display:inline-block;
   //font-size:1.5em;
   font-size:1em;
   //line-height:1.5em;
   //height:2.5em;
   padding:.5em;
   border-radius:0.2em;   
   box-shadow: 0px 0px .2em blue;
}
.inputblocks label input,.inputblocks label select{
   height:2.5em;
}
.inputblocks label textarea{
   height:5.5em;
}
/*.inputblocks label select{
   display:inline-block;
   //font-size:1.5em;
   font-size:1em;
   padding:.5em;
   border-radius:0.1em;   
   box-shadow: 0px 0px 1px black;
}
.inputblocks label textarea{
   display:inline-block;
   //font-size:1.5em;
   font-size:1em;
   padding:.5em;
   border-radius:0.1em;   
   box-shadow: 0px 0px 1px black;
   height:5em;
}*/
.inputblocks div label{
   width:100%;
   display:inline-block; 
   border-radius:0.1em;
   //border:.1em solid black;
   //padding:1em;
}
.inputblocks div label span{
   //font-size:1.2em;
   font-size:1em;
   height:1.2em;
   line-height:1.2em;
   padding:0 .5em;
   //border:1px solid black;
}
/*.inputblocks div span{
   display:inline-block;
   font-size:2em;
   //height:2em;
   //line-height:2em;
   padding:0 .5em;
   //border:1px solid black;
}
*/
/*
input[type='text']{display:inline-block;width:100%;height:3em;border:1px solid gray;}
      input[type='button']{display:inline-block;width:100%;height:3em;border:1px solid gray;}
      input[type='password']{display:inline-block;width:100%;height:3em;border:1px solid gray;}
      //input{display:inline-block;width:100%;height:3em;border:1px solid gray;}
      select{display:inline-block;width:100%;height:3em;border:1px solid gray;}
      textarea{display:inline-block;width:100%;border:1px solid gray;}
      //label{display:inline-block;width:100%;height:3em;line-height:3em;border:1px solid gray;}
      .check_block{display:inline-block;width:100%;height:3em;padding:1em;border:1px solid gray;}

*/