/*
 * lokkal.com 2015-2020
 * ------------
 *-- README  =>
 * ------------
 * DONT CHANGE QUICK CLASSES ! INSTEAD USE template style.css FOR REQUIRED CHANGES.
 * DONT OVERWRITE CLASSES IN template style.css BECAUSE IT OVERWRITE STYLE ON ALL PAGES.
 * OVERWRITE CAN BE USED ONLY ON SPECIFIC PAGE SO ITS VISIBLE ONLY THERE..
 * CLASSES CAN BE REMOVED FROM HTML IF THEY ARE USED.
 * :)
 */


.small {
	font-size:0.7em;
	font-weight:0;
}

.small5 {
	font-size:0.65em;
	font-weight:0;
}
.medium {
	font-size:0.8em;
	font-weight:700;
}

.big {
	font-size:1em;
	font-weight:900;
}

.unl {
    text-decoration:underline;
}
.increase {
}
.increase:hover {
    font-size:2em;
}
.btn-info {
	background: #48b7e0;
    border-radius: 0px;
    border-width: 0px;
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px;

    padding: 1px 16px 1px 16px;

    /*position: relative;*/
	/*height:24px;*/
	/*color:#F1CC30;*/
	color:#fff;
	font-weight:900;
	cursor:pointer;

}

.btn-info:hover{
    background: #417ba1;
}

/**/
.paopc {
  filter: alpha(opacity=60);
  /* IE */
  -moz-opacity: 0.6;
  /* Mozilla */
  opacity: 0.6;
  /* CSS3 */
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* center absolute image */
.paimgc {
    position:absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%);
}

/* contenteditable like textarea */
.celook1 {
    color: #afafaf;
    font-size: 1.5em;
    padding: 20px;
    overflow-y: auto;
    border: solid 1px #a09fa2;
    border-radius: 10px;
    box-shadow: #c9c1d5 0px 4px 8px 1px;
    border: solid 1px #ccc;
    border-radius: 4px;
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    /*
    background-color: white;
    background-color: -moz-field;*/
    
    font: medium -moz-fixed;
    font: -webkit-small-control;
    /*height: 28px;
    overflow: auto;
    padding: 2px;
    resize: both;*/
    width: 98%;
    /*border-radius:4px;
    opacity: 0.74;*/
}
/* contenteditable like input */
.celook2 {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;  
    
    font: -moz-field;
    font: -webkit-small-control;
    
    /*margin-top: 5px;*/
    padding: 2px 3px;
    width: 98%;    
    border-radius:4px;
    opacity: 0.74;
}



/**/
.animation-save-on-blur {
  color: red;
  outline: 3px dashed yellow;
  box-shadow: 0 0 0 10px #69D2E7;
  animation: 1s animateBorderOne ease infinite;
}
@keyframes animateBorderOne {
  to {
    outline-color: yellow;
    box-shadow: 0 0 0 3px red;
    opacity: 0.4;
    filter: alpha(opacity=40);
  }
}
/**/
.column_special_scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.column_special_scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: red;
    -webkit-box-shadow: red;
}
/**/
.clearfix:after {clear: both;content: ".";display: block;font-size: 0;height: 0;line-height: 0;visibility: hidden;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clearfix.h13 { height:13px; }

.cleartab:after {content: "";display: table;clear: both;}

/**/
.cpointer {cursor:pointer;}

/**/
.red {color:#cc0000;}
.white {color:#fff;}
.black {color:#000;}
.yellow {color:#f8ac51;}
.gray {color:#ccc;}
.blue { /*color:#1E90FF;*/ color: #0A4682;}

/**/
.bgblue {background: #1e90ff;} 
.bggray {background:#ccc;}

/**/
.bullet {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}

/**/
.bw0{border-width:0px;}
.br0{border-radius:0px;}

/**/
.ptc {color: #373e4d;} /* current */
.pts {color:#000;}     /* selected */
.pto {}

.wsnw {white-space:nowrap;}

.c3 {font-family: helvetica, arial, sans-serif;font-size: 20px;font-weight: bold;height: 24px;line-height: 1;margin: 0 12px 5px;}
.c6 {font-family: helvetica, arial, sans-serif;font-size: 13px;font-weight: bold;height: 24px;line-height: 1;margin: 0 12px 5px;}

.fcg {color: #9197a3;}
.fcb {color:#ccc;}
.fclink {color:#0000EE;}

.lhl {line-height:20px;}
.lhm {line-height:18px;}
.lhs {line-height:16px;}

.fsl {font-size:1.111em;}
.fsm {font-size:1em;}
.fss {font-size:0.857em;}

.fs06{font-size:0.66em;}
.fs07{font-size:0.76em;}
.fs08{font-size:0.8em;}
.fs09{font-size:0.9em;}
.fs10{font-size:1em;}
.fs11{font-size:1.1em;}
.fs12{font-size:1.2em;}
.fs13{font-size:1.3em;}
.fs14{font-size:1.4em;}
.fs15{font-size:1.5em;}
.fs16{font-size:1.6em;}
.fs17{font-size:1.7em;}
.fs18{font-size:1.8em;}
.fs19{font-size:1.9em;} /*+3*/


.fw1 {font-weight:100;}
.fw2 {font-weight:200;}
.fw4 {font-weight:400;}
.fwb {font-weight:bold;}
.fwbb {font-weight:bolder;}

.ffgeorgia{font-family: Georgia;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.vam{vertical-align:middle;}
.tdu {text-decoration:underline;}
.tdo {text-decoration:overline;}
.tdt {text-decoration:line-trought;}
.ttc {text-transform:capitalize;}
.ttu {text-transform:uppercase;}
.ttl {text-transform:lowercase;}
.ttcf::first-letter {text-transform:capitalize;}
.quot {}
.quot:before {
    content:'"';
    color:black;
    font-size:1em;
}
.quot:after {
    content:'"';
    color:black;
    font-size:1em;
}
.fll {float:left;}
.flr {float:right;}

.clb {clear:both;}
.cll {clear:left;}
.clr {clear:right;}

.oh {overflow:hidden;}

.wam {vertical-align:middle;}

.pr {position:relative;}
.pa {position:absolute;}
.t0{top:0px;}
.l0{left:0px;}
.r0{right:0px;}
.b0{bottom:0px;}
.b7{bottom:7px;}
.l7{left:7px;}
.r7{right:7px;}
.t7{top:7px;}

.pam013 {position:absolute;margin:0px 13px;}

.lsn {list-style:none;}

.mauto {margin:auto;}
.m0a {margin:0px auto;}
.m034{margin:0px 34px;}
.m30{margin:3px 0px;}
.m03{margin:0px 3px;}
.m0{margin:0px;}
.m3{margin:3px;}
.m7{margin:7px;}
.m07{margin:0px 7px;}
.p07{padding:0px 7px;}
.m70{margin:7px 0px;}
.p70{padding:7px 0px;}
.m13{margin:13px;}
.m25{margin:25px;}
.p0{padding:0px;}
.p2{padding:2px;}
.p7{padding:7px;}
.p13{padding:13px;}
.p25{padding:25px;}
.p137{padding:13px 7px;}
.pb3{padding-bottom:3px;}
.pb20{padding-bottom:20px;}
.pt20{padding-top:20px;}
.mt20{margin-top:20px;}

.db {display:block;}
.dib {display:inline-block;}
.dn {display:none;}
/*.de {display:;}*/
.wh100 {width:100px;height:100px;}
.wh100p {width:100%;height:100%;}
.w134{width:134px;}
.w100p{width:100%;}
.h100p{height:100%;}
.h100{height:100px;}
.h2{height:2px;}
.h3{height:3px;}
.h10{height:10px;}
.h17{height:17px;}
.h20{height:20px;}
.h25{height:25px;}


.op83 {opacity:0.83;}
.op5{opacity:0.5;}
.op6{opacity:0.6;}
.op7{opacity:0.7;}

/**/
.hl {min-height:31px;}
.hm {}
.hs {}

.h20 {height:20px;}


/*
 * ##-- CSS ICONS 
 * */
 
/* ARROW DOWN css ICON 
 * usage: 
 * - class="arrow-down"
 * - class="arrow-down small"
 * - class="arrow-down small white" #color can be: white, black, gray or modify css.
 * */
.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;  
  border-top: 13px solid black;
  margin-left:3px;
}
.arrow-down.black {border-top:13px solid black;}
.arrow-down.gray {border-top:13px solid gray;}
.arrow-down.white {border-top:13px solid white;}

.arrow-down.small.black {border-top:7px solid black;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.arrow-down.small.gray {border-top:7px solid gray;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.arrow-down.small.white {border-top:7px solid white;border-left: 6px solid transparent;border-right: 6px solid transparent;}

.arrow-down:not(.sinhover):hover {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;  
  border-top: 13px solid #0294F5;
}

/* STAR css ICON */
.starr {}
.starr > span {display:inline-block;font-size:21px;width:21px;height:21px;position:relative;}
/*.starr > span:hover:before {*/
.starr > span:before {
   content: "\2605";
   position: initial;
   width:21px;
   height:21px;
}

.starr.gold.mobile > span:before {
    content: '';
    background: url(/img/Ticket-blue.png);
    background-size: cover;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: -13px;
}

.starr.mobile > span:before {
    content: '';
    background: url(/img/Ticket-green.png);
    background-size: cover;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: -13px;
}
.starr.browser > span:before {
   left:-6px;
}

.starr.gray {color:gray;}
.starr.gold {color:#1E90FF;}
/* DOT css ICON */
.dott.gray > span {
    /* background:gray; */
}
.dott.gold > span {
    background:#1E90FF;
}
.dott > span {
    content: '';
    background: url(/img/logoeventappmenu-gray.jpg) no-repeat;
    background-size: contain;
    position: inherit;
    width: 18px;
    height: 12px;
    margin-top: -5px;
    display: inherit;
}

/*-- loader */
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 21px;
  height: 21px;
  animation: loaderSpin 2s linear infinite;
}

@keyframes loaderSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.transition1s { transition:all 1s ease; }
.transition2s { transition:all 2s ease; }
.transition3s { transition:all 3s ease; }
.transition4s { transition:all 4s ease; }
.transition5s { transition:all 5s ease; }



/* @media... is used for android so it dont use hover */
@media (hover: hover) {
    .starr > span:hover:before { color:#0294F5; }
}