.fL{ float:left !important; } .fR{ float:right !important; } .fC{ margin: 0 auto !important; } .ffix{ float:none; width:auto; overflow: hidden; }
.cL{ clear:both; } .vertical-text { transform: rotate(90deg); transform-origin: left top 0; } .nowrap {white-space: nowrap;}
.w20{ width: 20% !important; } .w25{ width: 25% !important; } .w50{ width: 50% !important; } .w100{ width: 100% !important; }
.w23{ width: 23% !important; } .w2{ width: 2% !important; } .wfix{ float: none; width: auto; overflow: hidden; }
.tdw50{ width: 50px;} .tdw80{ width: 80px;} .tdw100{ width: 100px !important; }  .tdw120{ width: 120px !important; } .tdw130{ width: 130px !important; } .tdw180{ width: 180px !important; }
.tdw210{ width: 210px !important; }.tdw430{ width: 430px !important; }
.maxw40{ max-width: 40px !important;} .maxw50{ max-width: 50px !important;} .maxw60{ max-width: 60px !important;} .maxw80{ max-width: 80px !important;}
.maxw100{ max-width: 100px !important; } .maxw120{ max-width: 120px !important; } .maxw180{ max-width: 180px !important; } .maxw700{ max-width: 700px !important; }
.tl { text-align: left !important; } .tc { text-align: center !important; } .tr { text-align: right !important; } .tb { font-weight: bold; } .tn { font-weight: normal; }
.dbl { display: block; } .dinl { display: inline; } .hide { display:none; }  .veralm{ vertical-align: text-top;}
.mr10 { margin-right: 10px; } .ml10{ margin-left: 10px; } .ml30{ margin-left: 30px; } .m10{ margin: 10px; } .m5 { margin: 0 5px 0 5px; }
.m3_3 { margin:3px 0 3px 0; }
.p0 { padding: 0px !important; } .p3 { padding: 3px !important; } .p5 { padding: 5px !important; } .p10 { padding: 10px !important; } .p15 { padding: 15px !important; }
.pb5{ padding-bottom: 5px;} .pl5{ padding-left: 5px !important; } .pl15{ padding-left: 15px !important; } .pl3{ padding-left: 3px !important; }
.plr5{ padding-left: 5px !important; padding-right: 5px !important; } .plr15{ padding-left: 15px !important; padding-right: 15px !important; }
.h_1 { height: 1px; } .h_2 { height: 2px; } .h_5 { height: 5px; } .h_7 { height: 7px; }
.h_10 { height: 10px; } .h_15 { height: 15px; } .h_20 { height: 20px; } .h_25 { height: 25px; } .h_40 { height: 40px; }
img { border: none; } .cycle-slideshow{ display: none; width: 100%; }
H1, H2, H3, H4, H5, H6 { padding: 0px; margin: 0px; font-size: 14px; }
a { color: #cfd2da; font-weight: normal; text-decoration: underline; } a:hover {  color: #ba2025; font-weight: normal; text-decoration: none; }
.no_a_line{ text-decoration: none; } .no_a_line:hover{ text-decoration: none; }
.form-check-btn, .post_form_btn, .post_form_btn2, .kpoint { cursor: pointer; }
ul{ margin: 0; padding: 0px; }
.fs10 { font-size: 10px !important; } .fs11 { font-size: 11px !important; } .fs12 { font-size: 12px !important; } .fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; } .fs16 { font-size: 16px !important; } .fs18 { font-size: 18px !important; } .fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; } .fs26 { font-size: 26px !important; } .fs32 { font-size: 32px !important; } .fs40 { font-size: 40px !important; }
.brad10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.brad3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.brad5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tbrad5 { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.tbrad10 { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
.bbrad10 { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
.lbrad10 { -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }
/* Mauro-Gri : #252830 #3B3E40  */
html, body { margin:0; padding:0;
font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #f7f7f7; background: #252830; height: 100%;
}
#site-header { display: flex; align-items: center; flex-wrap: nowrap; border: 0; background-color: #252830; color: #cfd2da; padding: 0px !important; }
.site-header-logo1 { display: flex; align-items: center; width: 100px; height: 100px; justify-content: space-evenly; }
.site-header-logo1 img { width: 100px; height: 100px; }
.site-header-logo2 { display: flex; align-items: center; width: 120px; height: 100px; justify-content: space-evenly; }
.site-header-logo2 img { width: 120px; height: 100px; }
.site-header-center { display: flex; align-items: center; justify-content: space-evenly; width: 100%; }


#apotelesmakataxorisis{ width: 1px !important; height: 1px !important; overflow: hidden; }



#ajax_apotelesma_div, #mysqli_error_div{ z-index: 100000; position: fixed; top: 10px; width: 80%; }

#ajax_update_div{ float: none; width: auto; overflow: hidden; background-color: #30343E; color: #FFFFFF; padding: 20px; }

#seo_data{ display: none; } .openteam{ cursor: pointer; }
#myChart{ height: 150px !important; width: 100% !important; margin: 0 auto !important;}
#myChart2{ height: 200px !important; width: 200px !important; margin: 0 auto !important;}
.mychartimg{ width: 100%; max-width: 220px; }
.chartphotodiv{ position: relative !important; }
.chartpososto { 
  position: absolute !important; top: 50%; right: 0;
  padding: 5px 5px 5px 5px !important;
  margin: 0;
  vertical-align: middle; font-weight: bold;
  text-align: center; align-items: center;
  line-height: 20px;
  font-size: 14px;
  color: #FFF;
  border: 1px solid #50a230;
  display: inline-block; 
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #50a230), color-stop(100%, #3d7b24));
  background-image: -webkit-linear-gradient(#50a230,#3d7b24);
  background-image: -moz-linear-gradient(#50a230,#3d7b24);
  background-image: -o-linear-gradient(#50a230,#3d7b24);
  background-image: linear-gradient(#50a230,#3d7b24); 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.chartpososto2 { 
  position: absolute !important; top: 50%; right: 0;
  padding: 5px 5px 5px 5px !important;
  margin: 0;
  vertical-align: middle; font-weight: bold;
  text-align: center; align-items: center;
  line-height: 20px;
  font-size: 14px;
  color: #FFF;
  border: 1px solid #a80000;
  display: inline-block; 
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a80000), color-stop(100%, #7e0000));
  background-image: -webkit-linear-gradient(#a80000,#7e0000);
  background-image: -moz-linear-gradient(#a80000,#7e0000);
  background-image: -o-linear-gradient(#a80000,#7e0000);
  background-image: linear-gradient(#a80000,#7e0000); 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.color_1 { color:#565b5e; } .color_2 { color:#cfd2da !important; } .color_3 { color: #f2ba4f; } .color_4 { color:#64b92a; } .color_5 { color:#0c90b1; }
/*           skouro gri                 poli axno gri                portokali                    prasino                    ble-anixto     */
.color_6 { color:#3eb0ad; } .color_7 { color:#FF4444; } .color_8 { color: #00FF00; } .color_9 { color: #00CC00; } .color_10 { color: #CC0000; }
/*             petrol                  kokkino-portokali           prasino-fosfor 1             prasino-fosfor 2                skouro kokkino      */
.color_11 { color: #999999; } .color_12 { color:#FFFFFF; } .color_13 { color:#FF0000; } .color_14 { color:#a2a9b5; } .color_15 { color: #1f77b4; }
/*              gri                            Leuko                       kokkino                    skouro gri2                 blue anixto   */
.color_16 { color: #FF0000; } .color_17 { color: #0000FF; } .color_18 { color: #006600; } .color_19 { color: #C69940; } .color_20 { color: #614142; }
.color_21 { color: #dde1e8 !important; } .color_22 { color: #ad0000; } .color_23 { color: #163cb9; } .color_24 { color: #cccccc; } .color_25 { color: #ff6f6f; } 
.color_26 { color: #3B3E40; } .color_27 { color: #676767; }
/*              Kokkino                      Blue           #252830       */
.bgcolor_1 { background: #FFFFFF !important; } .bgcolor_2 { background: #252830 !important; } .bgcolor_3 { background: #f4f4f4 !important; }
/*              Leuko    #2C2F36                                        skouro gri-ble                                         polu anoixto gri   */
.bgcolor_4 { background: #3B3E40 !important; } .bgcolor_5 { background: #2c2f36 !important; } .bgcolor_6 { background: #30343E !important; }
/*                           gri                                skouro gri-ble 2                                  skouro gri-ble 3         */
.bgcolor_7 { background: #373b44 !important; } .bgcolor_8 { background: #FF4444 !important; } .bgcolor_9 { background: #64b92a !important; } 
.bgcolor_10 { background: #252830 !important; } .bgcolor_11 { background: #64b92a !important; } .bgcolor_12 { background: #a2a9b5 !important; }  .bgcolor_13 { background: #3d7b24 !important; } 
/*                   skouro gri-ble 4                */
.pososto_line_home{ padding: 0px !important; }
#pososto_line4 { background: #51b210 !important; overflow: visible; white-space: nowrap; text-align: left; font-weight: normal; padding: 5px !important; font-size: 14px !important; }
#pososto_line5 { background: #ad0000 !important; overflow: visible; white-space: nowrap; text-align: left; font-weight: normal; padding: 5px !important; font-size: 14px !important; }


#pososto_line3 { background: #006600 !important; overflow: visible; white-space: nowrap; text-align: left; font-weight: normal; padding: 5px !important; }
#pososto_line2 { background: #1f77b4 !important; overflow: visible; white-space: nowrap; text-align: left; font-weight: normal; padding: 5px !important; }
#pososto_line1 { background: #ad0000 !important; overflow: visible; white-space: nowrap; text-align: left; font-weight: normal; padding: 5px !important; }

.top_title_fix_bg1{ background: #006600 !important; color:#FFFFFF !important; border: 1px solid #006600 !important; }
.top_title_fix_bg1 span{ color:#373b44 !important; font-size: 11px;  }
.top_title_fix_bg2{ background: #1f77b4 !important; color:#FFFFFF !important; border: 1px solid #1f77b4 !important; }
.top_title_fix_bg2 span{ color:#373b44 !important; font-size: 11px;  }
.top_title_fix_bg3{ background: #ad0000 !important; color:#FFFFFF !important; border: 1px solid #ad0000 !important; }
.top_title_fix_bg3 span{ color:#373b44 !important; font-size: 11px;  }

.instafix{ padding: 300px !important; }



.top_title_fix  { 
  padding: 5px 5px 5px 5px; 
  font-weight: bold;
  text-align: center;
  align-items: center;
  line-height: 20px;
  font-size: 16px;
  color: #1c1e22;
  border: 1px solid #f9b450;
  display: block;
  position: relative;
  background: #f9b450; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}



#table-teams{ min-width: 470px; }
#popup { 
  position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #252830; 
  padding: 2px;  border: 2px solid black; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); z-index: 9999; 
}
.close-btn {
  position: absolute; top: 0; left: 4px; font-size: 24px; cursor: pointer; padding: 0px !important;
}

.td_update:hover { background: #64b92a !important; }


.fix_border_1 { border: solid 1px #373b44; }




.percentage {
  background: linear-gradient(to right, green 0%, green calc(100% - 2px), #2C2F36 calc(100% - 2px), #2C2F36 100%);
  height: 100%; padding: 5px !important;
  text-align: center; font-weight: bold;
  white-space: nowrap;
}
/* ======================================== inputs color ======================================== */
textarea{ width: 100%; height: 60px; color:#3B3E40; }

.form-check{ display: inline-table; padding:0 10px 0 10px; }

#top_title {
  min-height: 32px; position: relative;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373b44), color-stop(100%, #292c33));
  background-image: -webkit-linear-gradient(#373b44,#292c33);
  background-image: -moz-linear-gradient(#373b44,#292c33);
  background-image: -o-linear-gradient(#373b44,#292c33);
  background-image: linear-gradient(#373b44,#292c33);
  -webkit-box-shadow: rgba(0,0,0,0.6) 0 1px 5px;
  -moz-box-shadow: rgba(0,0,0,0.6) 0 1px 5px;
  box-shadow: rgba(0,0,0,0.6) 0 1px 5px;
}
#top_title h1 { font-size: 18px; font-family: 'Ubuntu Condensed', sans-serif; padding: 5px 0 5px 20px; }
#top_title i { padding: 1px 10px 0 0; }
#Labelphoto h4 { font-size: 18px; font-family: 'Ubuntu Condensed', sans-serif; font-weight: bold; }
#Labelphoto i  { padding: 1px 10px 0 0; }



.sec_title {
  min-height: 32px; position: relative;
  background: #373b44;
  /*
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373b44), color-stop(100%, #292c33));
  background-image: -webkit-linear-gradient(#373b44,#292c33);
  background-image: -moz-linear-gradient(#373b44,#292c33);
  background-image: -o-linear-gradient(#373b44,#292c33);
  background-image: linear-gradient(#373b44,#292c33); */
  -webkit-box-shadow: rgba(0,0,0,0.6) 0 1px 1px;
  -moz-box-shadow: rgba(0,0,0,0.6) 0 1px 1px;
  box-shadow: rgba(0,0,0,0.6) 0 1px 1px;
}
.sec_title h2 { font-size: 18px; font-family: 'Ubuntu Condensed', sans-serif; padding: 6px 0 5px 15px; }
.sec_title i { padding: 1px 8px 0 0px; }


th.rotate {
  /* Something you can count on  CC0000 */
  height: 140px;
  white-space: nowrap;
  width: 100px;
}

th.rotate > div { 
  transform:  
    translate(25px, 51px) 
    rotate(290deg);
  width: 30px;
  padding: 5px;
}
th.rotate > div > span {
  border-bottom: 0px solid #ccc;
  padding: 5px 10px;
}
.zero{ font-weight: bold; color: #CCCCCC; background-color:#790000; }

.sorting_title{
	background-color:#4b4f5d; border: #3B5998 solid 1px; color:#FFFFFF; font-size:11px;
}
ul {
	margin: 0; padding: 0px; cursor: pointer;
}
#SortingTables{
  width: 660px;
}

#LeftCenter {
	float: left; width: 660px;
}
#contentLeft {
	float: left; width: 200px;
}
#contentLeft li {
  width: 200px;  list-style: none; list-style-position: outside; margin: 0 0 4px 4px; padding: 3px 10px;
 /*	border: #3B5998 solid 1px; */ color:#FFFFFF; font-size:11px;
   background-color:#1e2127; border: 1px solid #434857;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#contentCenter {
	float: right; width: 400px;
}
/* ================================================================================  */
.top_button_fix { 
  padding: 5px 5px 5px 5px;
  margin: 5px 5px 0 0;
  vertical-align: middle; font-weight: bold;
  text-align: center;
  align-items: center;
  line-height: 20px;
  font-size: 14px;
  color: #cfd2da;
  border: 1px solid #3c4048;
  display: inline-block;
  position: relative;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3c4048), color-stop(100%, #252830));
  background-image: -webkit-linear-gradient(#3c4048,#252830);
  background-image: -moz-linear-gradient(#3c4048,#252830);
  background-image: -o-linear-gradient(#3c4048,#252830);
  background-image: linear-gradient(#3c4048,#252830); 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.top_button_fix2_off { 
  padding: 5px 5px 5px 5px;
  margin: 5px 5px 0 0;
  vertical-align: middle; font-weight: bold;
  text-align: center;
  align-items: center;
  line-height: 20px;
  font-size: 14px;
  color: #1c1e22;
  border: 1px solid #946621;
  display: inline-block;
  position: relative;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #85622d), color-stop(100%, #946621));
  background-image: -webkit-linear-gradient(#85622d,#946621);
  background-image: -moz-linear-gradient(#85622d,#946621);
  background-image: -o-linear-gradient(#85622d,#946621);
  background-image: linear-gradient(#85622d,#946621); 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.top_button_fix2 { 
  padding: 5px 5px 5px 5px;
  margin: 5px 5px 0 0;
  vertical-align: middle; font-weight: bold;
  text-align: center;
  align-items: center;
  line-height: 20px;
  font-size: 14px;
  color: #1c1e22;
  border: 1px solid #f9b450;
  display: inline-block;
  position: relative;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9b450), color-stop(100%, #e0a248));
  background-image: -webkit-linear-gradient(#f9b450,#e0a248);
  background-image: -moz-linear-gradient(#f9b450,#e0a248);
  background-image: -o-linear-gradient(#f9b450,#e0a248);
  background-image: linear-gradient(#f9b450,#e0a248); 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.top_button_fix3 { 
  padding: 5px 5px 5px 5px;
  margin: 5px 5px 0 0;
  vertical-align: middle; font-weight: bold;
  text-align: center;
  align-items: center;
  line-height: 20px;
  font-size: 14px;
  color: #1c1e22;
  border: 1px solid #50a230;
  display: inline-block;
  position: relative;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #50a230), color-stop(100%, #3d7b24));
  background-image: -webkit-linear-gradient(#50a230,#3d7b24);
  background-image: -moz-linear-gradient(#50a230,#3d7b24);
  background-image: -o-linear-gradient(#50a230,#3d7b24);
  background-image: linear-gradient(#50a230,#3d7b24); 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.top_button_fix4 { 
  padding: 5px 5px 5px 5px;
  margin: 5px 5px 0 0;
  vertical-align: middle; font-weight: bold;
  text-align: center;
  align-items: center;
  line-height: 20px;
  font-size: 14px;
  color: #cfd2da;
  border: 1px solid #a80000;
  display: inline-block;
  position: relative;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a80000), color-stop(100%, #7e0000));
  background-image: -webkit-linear-gradient(#a80000,#7e0000);
  background-image: -moz-linear-gradient(#a80000,#7e0000);
  background-image: -o-linear-gradient(#a80000,#7e0000);
  background-image: linear-gradient(#a80000,#7e0000); 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
} 
 .end_button {
    height: 30px;
    padding: 2px 15px 5px 5px;
    margin: 5px 5px 0 0;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    line-height: 20px;
    font-size: 14px;
    color: #ffffff;
    border: 1px solid #1c1e22;
    display: inline-block;
    position: relative;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373b44), color-stop(100%, #25272d));
    background-image: -webkit-linear-gradient(#373b44,#25272d);
    background-image: -moz-linear-gradient(#373b44,#25272d);
    background-image: -o-linear-gradient(#373b44,#25272d);
    background-image: linear-gradient(#373b44,#25272d);
    -webkit-box-shadow: #393d47 0 1px 0, #494f5b 0 1px 0 inset;
    -moz-box-shadow: #393d47 0 1px 0,#494f5b 0 1px 0 inset;
    box-shadow: #393d47 0 1px 0, #494f5b 0 1px 0 inset;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 .end_button i { float: left; font-size: 22px; padding: 0 10px 0 0;}


.end_button:hover{text-decoration:none;color:#fff;-webkit-box-shadow:#424752 0 1px 0,#656c7c 0 1px 0 inset;-moz-box-shadow:#424752 0 1px 0,#656c7c 0 1px 0 inset;box-shadow:#424752 0 1px 0,#656c7c 0 1px 0 inset;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #494f5b), color-stop(100%, #2c2f36));background-image:-webkit-linear-gradient(#494f5b,#2c2f36);background-image:-moz-linear-gradient(#494f5b,#2c2f36);background-image:-o-linear-gradient(#494f5b,#2c2f36);background-image:linear-gradient(#494f5b,#2c2f36)}
.end_button_green { white-space: nowrap;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #50a230), color-stop(100%, #3d7b24));
  background-image: -webkit-linear-gradient(#50a230,#3d7b24);
  background-image: -moz-linear-gradient(#50a230,#3d7b24);
  background-image: -o-linear-gradient(#50a230,#3d7b24);
  background-image: linear-gradient(#50a230,#3d7b24);
  -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
}
.end_button_green:hover {
  background: #9bc747;
  background: -moz-linear-gradient(top, #9bc747 0%, #50a230 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bc747), color-stop(100%,#50a230));
  background: -webkit-linear-gradient(top, #9bc747 0%,#50a230 100%);
  background: -o-linear-gradient(top, #9bc747 0%,#50a230 100%);
  background: -ms-linear-gradient(top, #9bc747 0%,#50a230 100%);
  background: linear-gradient(to bottom, #9bc747 0%,#50a230 100%);
  -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
}
.end_button_dark_blue {
  border-top-color: #798cb6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5970a3), color-stop(100%, #394768));
  background-image: -webkit-linear-gradient(#5970a3,#394768);
  background-image: -moz-linear-gradient(#5970a3,#394768);
  background-image: -o-linear-gradient(#5970a3,#394768);
  background-image: linear-gradient(#5970a3,#394768);
  -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
}
.end_button_dark_blue:hover {
  border-top-color: #1c1e22;
  color: #f2ba4f;
}




/* ================================================================================  */
.btn-admin1{  color: #ffffff; background-color: #30343E; border-color: #3B3E40; }
.btn-admin1.focus,.btn-admin1:focus{color:#ffffff;background-color:#3B3E40;border-color:#30343E}
.btn-admin1:hover{color:#fff;background-color:#3B3E40;border-color:#000000}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}
.btn-primary .badge{color:#337ab7;background-color:#fff}

/* ================================================================================  */
.login {
  background: #ECEDED; padding: 20px; width: 350px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin: 15% auto;
}
.login img {
  width: 80px; position: relative; left: 42%; margin: 20px 0 30px; border: 5px solid #989393; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;
}
#master{ display: flex; }
#sidebar_menu{ background: #2c2f36 !important; height:100vh; } /* background: #30343E */
#content_div { float: none; width: 100%; height: 100%; padding: 0 25px 25px 25px;  }

.offertext_over, .offerbutton_over{ height: 20px; }



#files{ background: none; color: #CFD2DA;}

.status{ display: none; padding: 5px; background: #F47063; width: 100%; color: white; margin: 8px 0; }
.percent { display: inline-block; top: 6px; left: 48%; color: #333; }
.img_listing{
  height: 90px; width: 100px; background: #30343E; overflow: hidden;
}

.base_img_1{
  margin: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.75);
}







.modal-header, .modal-footer{ background: #1e2127; }
.modal-body { padding: 10px; background: #434857;}
.widget_wrapper{ border: 1px solid #111; }
.widget_header{ background: #1e2127; padding: 7px 5px 6px 5px;  }
.widget_header2{ background: #3B3E40; padding: 2px 5px 3px 5px; border-top: 1px solid #1e2127; border-bottom: 1px solid #1e2127;  }
.widget_content{ padding: 10px; background: #434857;}
.texteditor_head{ background:#30343E; padding: 3px 5px 2px 5px; border: 1px solid #30343E; border-bottom:none; display:inline; font-weight:bold;  }
.fix_input_group{ width: 200px; margin-right: 10px;  }

.button, .button3 {
    border: 1px solid #323537;
    padding: 5px 10px;
    color: #fff;
    position: relative;
    margin: 0 0 0 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    background: #4b4f51;
    background: -moz-linear-gradient(top, #4b4f51 0%, #414547 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4f51), color-stop(100%,#414547));
    background: -webkit-linear-gradient(top, #4b4f51 0%,#414547 100%);
    background: -o-linear-gradient(top, #4b4f51 0%,#414547 100%);
    background: -ms-linear-gradient(top, #4b4f51 0%,#414547 100%);
    background: linear-gradient(to bottom, #4b4f51 0%,#414547 100%);
    cursor: pointer;
}
button:hover, .button:hover {
    border: 1px solid rgba(0, 0, 0, .3);
    background: #313131;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    cursor: pointer;
}
.blue {
    border: 1px solid #0f70ad;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    background: #208ed3;
    background: -moz-linear-gradient(top, #208ed3 0%, #0272bd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#208ed3), color-stop(100%,#0272bd));
    background: -webkit-linear-gradient(top, #208ed3 0%,#0272bd 100%);
    background: -o-linear-gradient(top, #208ed3 0%,#0272bd 100%);
    background: -ms-linear-gradient(top, #208ed3 0%,#0272bd 100%);
    background: linear-gradient(to bottom, #208ed3 0%,#0272bd 100%);
}
.green {
    border: 1px solid #398439;
    background: #5cb85c;
    background: -moz-linear-gradient(top, #5cb85c 0%, #398439 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cb85c), color-stop(100%,#398439));
    background: -webkit-linear-gradient(top, #5cb85c 0%,#398439 100%);
    background: -o-linear-gradient(top, #5cb85c 0%,#398439 100%);
    background: -ms-linear-gradient(top, #5cb85c 0%,#398439 100%);
    background: linear-gradient(to bottom, #5cb85c 0%,#398439 100%);
}
.red {
    border: 1px solid #CC0000;
    background: #CC0000;
    background: -moz-linear-gradient(top, #E00000 0%, #CC0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E00000), color-stop(100%,#CC0000));
    background: -webkit-linear-gradient(top, #E00000 0%,#CC0000 100%);
    background: -o-linear-gradient(top, #E00000 0%,#CC0000 100%);
    background: -ms-linear-gradient(top, #E00000 0%,#CC0000 100%);
    background: linear-gradient(to bottom, #E00000 0%,#CC0000 100%);
}
.button2 {
    border: 1px solid #323537;
    padding: 6px 4px 3px 3px;
    color: #fff;
    position: relative;
    margin: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    background: #4b4f51;
    background: -moz-linear-gradient(top, #4b4f51 0%, #414547 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4f51), color-stop(100%,#414547));
    background: -webkit-linear-gradient(top, #4b4f51 0%,#414547 100%);
    background: -o-linear-gradient(top, #4b4f51 0%,#414547 100%);
    background: -ms-linear-gradient(top, #4b4f51 0%,#414547 100%);
    background: linear-gradient(to bottom, #4b4f51 0%,#414547 100%);
    cursor: pointer;
}


.menu10{
  height: 36px; padding: 1px 5px 1px 0px; vertical-align: middle; width: 160px; line-height: 22px;
   display: flex; align-items: center; font-family: 'Ubuntu Condensed', sans-serif;
   color: #F7F7F7; font-size: 16px; text-shadow: 0 1px 0 #252830; border-bottom: 1px solid #252830;
  
  color: #f4f4f4;
      border-bottom: 1px solid #090a0c;
      border-top: 1px solid #40454f;
      padding: 12px;
  
      text-shadow: 0 1px 0 #000;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373b44), color-stop(100%, #2c2f36));
      background-image: -webkit-linear-gradient(#373b44,#2c2f36);
      background-image: -moz-linear-gradient(#373b44,#2c2f36);
      background-image: -o-linear-gradient(#373b44,#2c2f36);
      background-image: linear-gradient(#373b44,#2c2f36);
  }
  .menu10:hover { border-top-color:#525866;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #494f5b), color-stop(100%, #353941));background-image:-webkit-linear-gradient(#494f5b,#353941);background-image:-moz-linear-gradient(#494f5b,#353941);background-image:-o-linear-gradient(#494f5b,#353941);background-image:linear-gradient(#494f5b,#353941)  }
  


.menu{
height: 60px; padding: 1px 5px 1px 0px; vertical-align: middle; width: 160px; line-height: 22px;
 display: flex; align-items: center; font-family: 'Ubuntu Condensed', sans-serif;
 color: #F7F7F7; font-size: 16px; text-shadow: 0 1px 0 #252830; border-bottom: 1px solid #252830;

color: #f4f4f4;
    border-bottom: 1px solid #090a0c;
    border-top: 1px solid #40454f;
    padding: 12px;

    text-shadow: 0 1px 0 #000;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373b44), color-stop(100%, #2c2f36));
    background-image: -webkit-linear-gradient(#373b44,#2c2f36);
    background-image: -moz-linear-gradient(#373b44,#2c2f36);
    background-image: -o-linear-gradient(#373b44,#2c2f36);
    background-image: linear-gradient(#373b44,#2c2f36);
}
.menu:hover { border-top-color:#525866;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #494f5b), color-stop(100%, #353941));background-image:-webkit-linear-gradient(#494f5b,#353941);background-image:-moz-linear-gradient(#494f5b,#353941);background-image:-o-linear-gradient(#494f5b,#353941);background-image:linear-gradient(#494f5b,#353941)  }


.menu2 {
    line-height: 20px;
    font-size: 12px;
    color: #a2a9b5;
    margin: 5px;
    border: 1px solid #1c1e22;
    display: inline-block;
    padding: 3px 12px 2px 12px;
    position: relative;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373b44), color-stop(100%, #25272d));
    background-image: -webkit-linear-gradient(#373b44,#25272d);
    background-image: -moz-linear-gradient(#373b44,#25272d);
    background-image: -o-linear-gradient(#373b44,#25272d);
    background-image: linear-gradient(#373b44,#25272d);
    -webkit-box-shadow: #393d47 0 1px 0, #494f5b 0 1px 0 inset;
    -moz-box-shadow: #393d47 0 1px 0,#494f5b 0 1px 0 inset;
    box-shadow: #393d47 0 1px 0, #494f5b 0 1px 0 inset;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.menu2:hover{text-decoration:none;color:#fff;-webkit-box-shadow:#424752 0 1px 0,#656c7c 0 1px 0 inset;-moz-box-shadow:#424752 0 1px 0,#656c7c 0 1px 0 inset;box-shadow:#424752 0 1px 0,#656c7c 0 1px 0 inset;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #494f5b), color-stop(100%, #2c2f36));background-image:-webkit-linear-gradient(#494f5b,#2c2f36);background-image:-moz-linear-gradient(#494f5b,#2c2f36);background-image:-o-linear-gradient(#494f5b,#2c2f36);background-image:linear-gradient(#494f5b,#2c2f36)}
.button-menu2{
 background:#313131; border :1px solid #2c2f36;
}
.button-menu3{
 background:#313131; border :1px solid #2c2f36; padding: 1px 4px;
}
.button-menu4{
 background:#313131; color: #fff; border :1px solid #2c2f36; margin: 0 0 5px 5px; padding: 5px 10px;
 position: relative; display: table; float: left; cursor: pointer;
 border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

.menu3{
  height: 20px; padding: 2px 5px 5px 5px; margin: 5px 5px 0  0;
  vertical-align: middle; text-align: center; line-height: 20px;
 display: flex; align-items: center; font-family: 'Ubuntu Condensed', sans-serif;
 font-size: 16px; text-shadow: 0 1px 0 #252830; border-bottom: 1px solid #252830;  display: inline-table; cursor: pointer;

color: #f4f4f4;
    border-bottom: 1px solid #090a0c;
    border-top: 1px solid #40454f;
    text-shadow: 0 1px 0 #000;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373b44), color-stop(100%, #2c2f36));
    background-image: -webkit-linear-gradient(#373b44,#2c2f36);
    background-image: -moz-linear-gradient(#373b44,#2c2f36);
    background-image: -o-linear-gradient(#373b44,#2c2f36);
    background-image: linear-gradient(#373b44,#2c2f36);
}
.menu3:hover { border-top-color:#525866;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #494f5b), color-stop(100%, #353941));background-image:-webkit-linear-gradient(#494f5b,#353941);background-image:-moz-linear-gradient(#494f5b,#353941);background-image:-o-linear-gradient(#494f5b,#353941);background-image:linear-gradient(#494f5b,#353941)  }

.menu3_act { 
  height: 20px; padding: 2px 5px 5px 5px; margin: 5px 5px 0  0;
  vertical-align: middle; text-align: center; line-height: 20px;
  display: flex; align-items: center; font-family: 'Ubuntu Condensed', sans-serif;
  font-size: 16px; text-shadow: 0 1px 0 #252830; border-bottom: 1px solid #252830;  display: inline-table; cursor: pointer;
  color: #f4f4f4; border-bottom: 1px solid #090a0c; border-top: 1px solid #40454f; text-shadow: 0 1px 0 #000;  
  border-top-color:#525866;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #494f5b), color-stop(100%, #353941));
  background-image:-webkit-linear-gradient(#494f5b,#353941);background-image:-moz-linear-gradient(#494f5b,#353941);background-image:-o-linear-gradient(#494f5b,#353941);background-image:linear-gradient(#494f5b,#353941);  
}

.menu3 i { font-size: 14px; padding: 0 5px 0 5px;  }

.menu4 {
  height: 30px; padding: 2px 15px 2px 5px; margin: 2px 5px 0 0; vertical-align: middle; text-align: center; align-items: center;
  line-height: 20px; font-size: 13px; color: #DDDDDD; border: 1px solid #1c1e22; display: inline-block; position: relative;
  background:#313131; font-weight: normal; cursor: pointer;
  -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 1px inset, rgba(255,255,255,0.1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 1px inset,rgba(255,255,255,0.1) 0 1px 0;
  box-shadow: rgba(0,0,0,0.4) 0 1px 1px inset, rgba(255,255,255,0.1) 0 1px 0;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.menu4 i { float: left; font-size: 22px; padding:2px 10px 0 0; }
.box_data_liner{
  -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 1px inset, rgba(255,255,255,0.1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 1px inset,rgba(255,255,255,0.1) 0 1px 0;
  box-shadow: rgba(0,0,0,0.4) 0 1px 1px inset, rgba(255,255,255,0.1) 0 1px 0;
  padding: 0 5px 0 5px;
}


ul li ul.submenu{display:none;z-index:500;top:0;background:#313131;}
ul li ul.submenu li{background:none;border-bottom:1px solid #111;text-indent:25px;}
ul li ul.submenu li:first-child{box-shadow:inset 0 20px 10px -20px #000;-moz-box-shadow:inset 0 20px 10px -20px #000;-webkit-box-shadow:inset 0 20px 10px -20px #000;}
ul li ul.submenu li:last-child{border-bottom:none;}
ul li ul.submenu li a{background:none;padding:13px;width:189px;}
ul li:hover ul.submenu li a{text-shadow:1px 1px 0 rgba(0,0,0,0.4);}
ul li ul.submenu li a:hover,ul li ul.submenu li:first-child{border-top:none;}
ul li ul.submenu li:hover{border-top:1px solid #4e5153;background:#262626;}
ul li ul.submenu li:hover:first-child{border-top:none;}


.icon2{ font-size: 16px; padding: 0 5px 0 4px;  }
.vfix2{ text-align: left; width: 100%; font-size: 14px; }
.icon{ font-size: 26px; padding: 0 10px 0 10px;  } 
.vfix{ text-align: left; width: 100%; }
.center{ text-align: center; }
.epiloges_icon{ color: #cfd2da; } .epiloges_icon:hover { color: #64b92a; }
.epiloges_icon2{ color: #cfd2da; } .epiloges_icon2:hover { color: #D12329; }

.notifyCircle {
  color: #FFFFFF;
 border-radius: 12px; -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .1);
 font-family: Helvetica, Verdana, Tahoma; font-weight: bold; background-color: #FFBB33;
  padding: 6px 4px 0 4px;text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}
#breadcrumb { padding: 5px 5px 0 5px;}
.breadcrumb { display: inline-block; background-color: #3B3E40; }
.breadcrumb ul { display: inline-block; margin: 0; list-style: none; padding-right: 5px;
-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 0 4px 4px 0;  }
.breadcrumb ul li { float: left; line-height: 16px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; padding-left: 5px; }
.breadcrumb ul li a { color: #F7F7F7; text-decoration: none; } .breadcrumb ul li a:hover { color: #FFFFFF; }
#dropdown-menu-link .dropdown-menu { display: none; }
#dropdown-menu-link:hover .dropdown-menu { display: block; }
.dropdown-menu { background-color: #3B3E40;  } .dropdown-menu ul li a { color: #F7F7F7; background: #434857; }
.dropdown-menu li { padding: 5px 5px 5px 5px; display: block !important; float: none !important;  } .dropdown-menu li:hover { background: #434857; }
/* ================================ forms ================================================  */
.input-group { margin-bottom: 4px; }
.input-group-addon { padding: 3px 6px 3px 6px; height: 26px; background: #30343E; border: 1px solid #252830; }
.form-control { padding: 3px 6px 3px 6px; height: 26px; border: 1px solid #252830; }
.form-control2 {
  padding: 2px;
  border-radius: 5px;
  box-shadow: none;
  transition: all 0.5s ease-in-out;
  height: 30px;
  color: #212529; 
  display: block;
  width: 100%; 
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5; 
  background-color: #a2a9b5;
  background-clip: padding-box;
  border: 1px solid #ced4da;  
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/* ================================ table ================================================  */
#head_title{ font-size: 25px; font-family: 'Ubuntu Condensed', sans-serif; border-bottom: 2px solid #64b92a; padding: 10px 0 10px 0; }
.in_head_title{ font-size: 18px; font-family: 'Ubuntu Condensed', sans-serif; padding: 0 0 0 10px; }
#head_title i { color: #64b92a; font-size: 28px;  }
/* ================================ table ================================================  */
table.dataTable {
 border: 1px solid #111;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #111;
}

table.dataTable tbody tr {
    background: none;
}
table.dataTable thead, table.dataTable tfoot  {
    background: #1e2127;
}
table.dataTable tbody .even  { background: #30343E; }
table.dataTable tbody .odd  { background: #252830; }
table.dataTable tbody .odd:hover, table.dataTable tbody .even:hover {
    background: #434857;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  font-size: 85%; letter-spacing: .15em; color: #a9aebd;
}

#cars_table tbody .even  { background: #30343E !important; }
#cars_table tbody .odd  { background: #252830 !important; }    /*
#cars_table tbody .odd:hover, #cars_table tbody .even:hover { background: #434857 !important; }  */
#cars_table tr:nth-child(even) {background: #CCC !important;}
#cars_table tr:nth-child(odd) {background: #FFF !important;}

.table-cars>tbody>tr>td, .table-cars>tbody>tr>th, .table-cars>tfoot>tr>td, .table-cars>tfoot>tr>th, .table-cars>thead>tr>td, .table-cars>thead>tr>th {
  vertical-align: middle; text-align: center; border: 1px solid #3B3E40;
}
.table-cars>thead>tr>th {
 background-color: #30343E; padding: 5px 0 5px 0;
}
.table-cars>thead>tr:hover {
 background-color: #30343E; padding: 5px 0 5px 0;
}

#table-keimena tr:nth-child(even) { background: #2c2f36 !important; }
#table-keimena tr:nth-child(odd) { background: #30343E !important; }

.table-keimena>tbody>tr>td, .table-keimena>tbody>tr>th, .table-keimena>tfoot>tr>td, .table-keimena>tfoot>tr>th, .table-keimena>thead>tr>td, .table-keimena>thead>tr>th {
  vertical-align: middle; text-align: center; border: 1px solid #3B3E40;
}
.table-keimena>thead>tr>th {
 background-color: #3B3E40; padding: 5px 0 5px 0;
}
.table-keimena>tbody>tr:hover td {
 background-color: #252830; padding: 5px 0 5px 0;
}

.titlos_katigorias { background-color:#252830; padding: 10px 0 10px 0; vertical-align: middle;
text-align: center; border: 1px solid #3B3E40; font-weight: bold; }

.table-price>tbody>tr>td, .table-price>tbody>tr>th, .table-price>tfoot>tr>td, .table-price>tfoot>tr>th, .table-price>thead>tr>td, .table-price>thead>tr>th {
  vertical-align: middle; text-align: center; border: 1px solid #3B3E40;
}
.table-price>thead>tr>th { background-color: #252830; padding: 5px 0 5px 0; }
#table-price tr td:first-child, #table-price tr td:last-child { background-color: #252830; }


.mdc-tab--active{ border-color: #64b92a !important; }

/* ================================ Ajax Loader ==========================================  */
.modal2 {
  display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%;
  background: rgba( 0, 0, 0, .6 ) url('../images/ajax-loader.gif') 50% 50% no-repeat;
}
body.loading { overflow: hidden; }
body.loading .modal2 { display: block; }
/* =======================================================================================  */
#bot_copyr { background: #dcdddd; color: #171717; padding: 5px; width: 100%; }

.head_box { display: flex; flex-wrap: wrap;  }
.head_box div { flex: 50%; padding: 20px; }
.head_box2 { display: flex; flex-wrap: wrap;  }
.head_box2 div { flex: 33%; padding: 5px; } 

@media (max-width: 620px) {
  .head_box div { padding: 1px !important; padding-bottom: 10px !important; padding-top: 10px !important; } .head_box2 div { padding: 1px !important; padding-bottom: 10px !important; padding-top: 10px !important; }  .plr15 { padding-left: 2px !important; padding-right: 2px !important; }  
}
@media (max-width: 890px) {
  .hideomada{ display: none; }
}
@media (max-width: 1199px) {
  #logo{ width: 100%; max-height: 70px; }
  
  }
  @media (min-width: 1200px) {
  #logo{ max-width: 700px; max-height: 70px; }
  
  }

@media (max-width: 480px) {
#sidebar_menu{ width: 160px; }

}
@media (min-width: 481px) {
#sidebar_menu{ width: 160px; }

}
 



.team-rank, .team-arrows, .team-points { flex: none !important; padding: 5px !important; }  .team-name { padding: 3px !important; } 
.team-rank-header, .team-points-header  { flex: none !important; padding: 5px !important; } .team-name-header { padding: 5px !important; } 
.team-row { display: flex; justify-content: space-between; align-items: center; padding: 0px !important; border: 0.5px solid #3b3e40; background: #2c2f36; color: #cfd2da; border-top: none;  }  
.team-rank, .team-name, .team-points { text-align: center; border-left: 0.5px solid #3b3e40; padding: 5px; background: #2c2f36; } 
.team-row:first-child .team-rank, .team-row:first-child .team-name, .team-row:first-child .team-points { border-top: none; } 
.team-rank:first-child { border-left: none; }  
.team-row.animate__animated { background-color: #30343e; }
@keyframes moveUp { 0% { transform: translateY(100%); opacity: 0; }  100% { transform: translateY(0); opacity: 1; } } 
.team-row.move-up {  animation: moveUp 0.5s ease-out; }
.team-row { display: flex; align-items: center; padding: 5px 0; border-bottom: 0.5px solid #3b3e40;  } 
.team-rank { min-width: 50px; text-align: center; display: inline-block; flex: 0 0 auto;  } 
.team-arrows { display: inline-block; flex-direction: column; align-items: center; min-width: 40px; flex: 0 0 auto;  } 
.rank-arrow-up, .rank-arrow-down { display: none; font-size: 14px; } 
.team-name { text-align: left; padding-left: 10px; flex-grow: 1; } 
.team-points { min-width: 100px; text-align: right; padding-right: 10px; display: inline-block; flex: 0 0 auto; } 
 

#team-header div { flex: none; } #team-players div { flex: none; }

#team-header { display: flex; align-items: center; flex-wrap: nowrap; border-bottom: 0.5px solid #3b3e40; border-right: 0.5px solid #3b3e40; background-color: #252830; color: #cfd2da; padding: 0px !important; }
#team-times { border: 0.5px solid #3b3e40; background-color: #252830; color: #cfd2da; padding: 15px !important; text-align: center; }
 
.team-epilogi-header, .team-arxigos-header, .team-timi-header, .team-klidoma-header, .team-onoma-header { text-align: center; padding: 5px !important; border-left: 0.5px solid #3b3e40; font-weight: bold; height: 60px; }
.team-epilogi-header, .team-arxigos-header, .team-timi-header, .team-klidoma-header { display: flex; align-items: center; width: 70px;  justify-content: space-evenly; }
.team-onoma-header { flex-grow: 1 !important; display: flex; align-items: center; } 

.monostili{ max-width: 1200px; margin: 0 auto; }

#team-players { padding: 0px !important; }   
.team-row-new { display: flex; align-items: stretch; flex-wrap: nowrap; justify-content: space-between; padding: 0px !important; border: 0.5px solid #3b3e40; background: #2c2f36; color: #cfd2da; border-top: none; }
  
.team-row-new:first-child .team-epilogi, .team-row-new:first-child .team-arxigos, .team-row-new:first-child .team-timi, .team-row-new:first-child .team-klidoma, .team-row-new:first-child .team-onoma { border-top: none; }
 
.team-row-new > div { text-align: center; padding: 5px !important; border-left: 0.5px solid #3b3e40; white-space: nowrap; } 
.team-row-new > div.epilogi, .team-row-new > div.arxigos, .team-row-new > div.timi, .team-row-new > div.klidoma { display: flex; align-items: center; width: 70px; text-align: center; justify-content: space-evenly; }
.team-row-new > div.onoma  { flex-grow: 1 !important; display: flex; align-items: center; white-space: nowrap; }
.team-row-new > div:last-child { border-right: 0; }

/* =========================================================================================== */

#menu { text-align: center; position: relative; }
.desktop_menu { text-align: center; }

.mobile_menu_start {  float: right; padding: 0 15px; }

.top_info{ color: #FFFFFF; font-family: 'Oswald', sans-serif; padding: 4px 15px 10px 15px;  text-align:  right; }
.menu{ font-family: "Open Sans", sans-serif; padding:10px 15px 10px 15px; display: inline-block; }
 
#menu-button-fix { text-align: center; width: 100%; cursor: pointer; font-weight: 900; font-family: 'M PLUS Rounded 1c', sans-serif; }
#menu_exp { display: none; background: #f9b450; top: 0; left: 0; z-index: 1000; position: fixed; width: 100%; }
#menu_exp a{ width: 100%; text-decoration: none; }
.menu_exp { font-weight: bold; margin-bottom: 5px; padding: 7px; text-decoration: none; color: #000; font-size: 16px; text-align: center;  }
.menu_exp:hover { background: #000 !important; color:#FFFFFF; }
 

/* =========================================================================================== */
.survivor-footer {
  background: #373b44;
  padding: 20px 0 0;
}
.survivor-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.survivor-footer .single-widget {
  padding-right: 15px;
}
.survivor-footer .single-widget .widget-title {
  text-transform: capitalize;
  font-weight: 700;
  margin-top: 0.45em;
  margin-bottom: 0.45em;
  color: #f9b450;
  letter-spacing: -0.5px;
  font-size: 18px;
  line-height: 24px;
}
.survivor-footer .single-widget .widget-menu li {
  margin-bottom: 7px;
  border-bottom: 1px solid #8e8997;
  padding: 3px 0;
}
.survivor-footer .single-widget .widget-menu li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.survivor-footer .single-widget .widget-menu li a {
  word-break: break-all;
  font-size: 14px;
  line-height: 1.3;
  color: #cccccc;
  text-decoration: none; 
}
.survivor-footer .single-widget .widget-menu li a:hover {
  color: #b12025;
}
.survivor-footer .single-widget .widget-menu li i {
  margin-right: 10px;
  color: #5F5F5F;
}
.survivor-footer .single-widget .widget-img {
  margin-top: 30px;
}
.survivor-footer .single-widget.footer-logo img {
  max-width: 170px;
  margin-bottom: 30px;
}
.survivor-footer .single-widget.contact h6:not(.widget-title) {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 700;
  color: #b12025;
}
.survivor-footer .single-widget.contact .telephone {
  margin-top: 20px;
}
.survivor-footer .single-widget.contact .telephone a {
  color: #b12025;
}
.survivor-footer .single-widget.contact .telephone a:hover {
  text-decoration: underline;
}
.survivor-footer .single-widget.contact address p {
  color: #7d7d7d;
}
.survivor-footer .privacy-menu {
  display: flex;
  flex-flow: row wrap;
}
.survivor-footer .privacy-menu li {
  margin-right: 30px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #cccccc;
}
.survivor-footer .privacy-menu li:last-child {
  margin-right: 0;
}
.survivor-footer .privacy-menu li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #ffffffb3;
}
.survivor-footer .privacy-menu li a:hover {
  text-decoration: underline;
}
.survivor-footer .copyright-text-area { 
  min-height: 40px;
  padding: 11px 0;
  background-color: #000000;
}
.survivor-footer .copyright-text-area .copyright-text {
  font-size: 16px;
  line-height: 1.4;
  color: #FFFFFF;
}
.survivor-footer .copyright-text-area .copyright-text span {
  color: #b12025;
}
.survivor-footer .copyright-text-area .copyright-text a {
  color: #fff;
}
.survivor-footer .copyright-text-area .copyright-text a:hover {
  text-decoration: underline;
}
.survivor-footer .social-menu {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  margin-top: 20px;
}
.survivor-footer .social-menu li {
  margin-right: 10px;
}
.survivor-footer .social-menu li:last-child {
  margin-right: 0;
}
.survivor-footer .social-menu li a {
  color: #fff;
  font-size: 16px;
  width: 46px;
  height: 46px;
  border-radius: 100%;
  background: #b12025;
  display: flex;
  align-items: center;
  justify-content: center;
}
.survivor-footer .social-menu li a:hover {
  color: #c5363a;
} 
 

#supporter_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  padding: 0px !important;
}
.supporter_box1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr); 
  padding: 0px !important;
  width: 100%;  
}
 


@media (max-width: 420px) { .col-xs-3 { width: 100%; } .survivor-footer .single-widget .widget-title { font-size: 14px; line-height: 18px; }    }
@media (min-width: 420px) and (max-width: 768px){ .col-xs-3 { width: 50%; } .survivor-footer .single-widget .widget-title { font-size: 15px; line-height: 20px; }}
@media (min-width: 1200px) {
  .container-1400 {
    max-width: 1200px;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 1500px) {
  .container-1400 {
    max-width: 1440px;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
  }
}
/* =========================================================================================== */



/* =========================================================================================== */
.photofixh{ max-width: 24.5% !important;}
.spacefixmob{ display: none; }
@media (max-width: 480px) { #popup{ top: 0; left: 0; width: 100%; }  }
@media (max-width: 420px) { .hidelogo, .social_menu{ display: none; }    }
@media (min-width: 420px) and (max-width:500px){  #myChart{ height: 120px !important; width: 180px !important; } #myChart2{ height: 180px !important; width: 180px !important; }   }
@media (max-width: 420px) { #myChart{ height: 90px !important; width: 120px !important; } #myChart2{ height: 120px !important; width: 120px !important; }   }
@media (min-width: 620px) { .thmob{ display: none; }   }
@media (max-width: 620px) { .spacefixmob{ display: block !important; height: 30px !important; }  .thdesk{ display: none; }  } 
@media (max-width: 500px) {  
  .header_45{  transform: rotate(295deg); }
  .team-epilogi-header, .team-arxigos-header, .team-timi-header, .team-klidoma-header { width: 40px;  }
  .team-row-new > div.epilogi, .team-row-new > div.arxigos, .team-row-new > div.timi, .team-row-new > div.klidoma { width: 40px;  }
  }
  @media (min-width:501px) {  .xristis_ltd { width: 210px !important;  } .xristis_ltd2{ padding: 10px 5px 10px 25px;}  }
  @media (min-width:360px) and (max-width:500px){  .xristis_ltd { width: 120px !important; padding: 5px !important;  } .xristis_ltd2{ padding: 10px 5px 15px 0px;} .photofixh{ max-width: 40% !important;}   }
  @media (max-width:359px){  .xristis_ltd { width: 80px !important;  } .xristis_ltd2{ padding: 10px 5px 10px 5px;} .photofixh{ max-width: 50% !important;}  }
   
  @media (max-width:1079px) { .menu{ font-size: 30px; } .desktop_menu {display:none;} } 

  @media (min-width:1080px) { .mob_translate, .mobile_menu_start { display:none; } }


  @media (min-width: 620px) { .thmob{ display: none; }  .peristrofi_kinitou{ display: none; } }