@font-face {
  font-family: 'FiraSans';
  src: url('/stylesheet/fonts/Fira Sans/FiraSans-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSans';
  src: url('/stylesheet/fonts/Fira Sans/FiraSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSans';
  src: url('/stylesheet/fonts/Fira Sans/FiraSans-ExtraBold.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSans';
  src: url('/stylesheet/fonts/Fira Sans/FiraSans-Light.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face { font-family: 'FontAwesome'; src: url('/stylesheet/fontawesome/font/FontAwesome.otf'); }

@font-face {
  font-family: 'SportnikFont';
  src:url('/stylesheet/sportnikfont/SportnikFont.eot');
  src:url('/stylesheet/sportnikfont/SportnikFont.eot?#iefix') format('embedded-opentype'),
    url('/stylesheet/sportnikfont/SportnikFont.ttf') format('truetype'),
    url('/stylesheet/sportnikfont/SportnikFont.woff') format('woff'),
    url('/stylesheet/sportnikfont/SportnikFont.svg#SportnikFont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face { font-family: 'Anton'; src: url('/stylesheet/fonts/Anton/Anton.ttf'); }
@font-face { font-family: 'Lusitana'; src: url('/stylesheet/fonts/Lusitana/Lusitana-Regular.ttf'); }
@font-face { font-family: 'Open Sans Condensed'; src: url('/stylesheet/fonts/Open_Sans_Condensed/OpenSans-CondLight.ttf'); }
@font-face { font-family: 'Amatic SC'; src: url('/stylesheet/fonts/AmaticSC/AmaticSC-Bold.ttf'); }
@font-face { font-family: 'Pacifico'; src: url('/stylesheet/fonts/Pacifico/Pacifico.ttf'); }
@font-face { font-family: 'Magic'; src: url('/stylesheet/fonts/Magic/CCBackBeat-Light.ttf'); }
@font-face { font-family: 'Lobster'; src: url('/stylesheet/fonts/Lobster/Lobster-Regular.ttf'); }
@font-face { font-family: 'PT_Sans-Narrow'; src: url('/stylesheet/fonts/PT_Sans-Narrow/PT_Sans-Narrow-Web-Bold.ttf'); }



html{
  margin: 0px;
  padding: 0px;
  height:100%;
  min-height:100%;
}
body{
  /*background-color: #D1D1D1;
  background-image: url("http://www.sportnik.com/file/show/1948565");*/
  background-color: #e2eced;
  background-image: url('/image/noise.png');
  /*background:linear-gradient(to right, rgba(58,135,173,0) 0%,rgba(58,135,173,0.4) 50%,rgba(58,135,173,0) 100%), url("/image/broken_noise.png"); /* W3C */
  margin: auto;
  text-align: center;
  height:100%;
  padding:0px !important;
  min-height:100%;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

a.hovered{
  color: #005580;
}

.mobileOnly{
  display: none;
}

.desktopOnly{
  display: none;
}

.call-to-action{

  width:100%;
  box-sizing: border-box;
  display: block;
  
  height:60px;
  line-height: 60px;
  font-size: 18px;
  padding:0px;
  
  font-weight: bold;
  position: relative;

  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.call-to-action .a{
  display: block;
  height: 60px;
  line-height: 60px;
  text-shadow: 2px 2px #444;
  color:#fff;
  width:75%;
  background-color: #333;
  float: left;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  text-align: center;
  box-shadow: 0 3px 0 0 #222;
}

.call-to-action .b{
  font-size: 24px;
  display: block;
  height: 60px;
  line-height: 60px;
  text-shadow: 2px 2px #444;
  color:#fff;
  width:25%;
  background-color: #222;
  float: right;
  text-align: center;
  box-shadow: 0 3px 0 0 #111;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.call-to-action .b .v-mid,
.call-to-action .a .v-mid{
  display: inline-block !important;
  vertical-align: middle;
  line-height: normal;
}


#wrapper{
  width:1320px;
    position: relative;
    min-height:100%;
    padding-bottom:0px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    height:auto;
    margin: auto;
    margin-bottom:-290px;
}

#footer{
  display: inline-block;
  width:1000px;
  margin-left:5px;
  margin-top:-160px; /* = FOOTER HEIGHT */
  float:left;
  height:160px; /* = FOOTER HEIGHT */
  background: #f1f1f1;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  text-align: left;
  box-shadow: inset 0 15px 15px -15px #bbb;
  border-top: 1px solid #aaa;
  padding:0px 0;
}

#footer .footer-section h5{
  text-align: center !important;
  font-family: Raleway;
  margin:0px;
  margin-bottom:10px;
  padding:10px 0px 5px 0px;
  box-shadow: 0 5px 15px -10px #999;
}

.footer-section{
  height:100%;
  display: inline-block;
  float:left;
  width:250px;
  padding: 0px 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
}

.footer-section-right, .footer-section-left{
  text-align: center;
}
.footer-section-right ul li{
  display: block;
  float:left;
  height:40px;
  width: 40px;
  margin-right:1px;
}

.footer-section-right ul li img{
  height:40px;
  max-width: 40px;
}

.footer-section .fb-login-button{
  float:right;
  text-align: right;
  display: inline-block;
  margin: 0 auto;
}

.footer-section .fb-login-button .uiList{
  text-align: right !important;
}

.footer-section-big{
  background-color: #fff;
  padding:0px 30px;
  box-shadow:  -15px 0px 15px -15px #bbb, 15px 0px 15px -15px #bbb;
  border-left:1px solid #aaa;
  border-right:1px solid #aaa;
  display: inline-block;
  float:left;
  font-size: 12px;
  line-height: 12px;
  color:#333;
  height:100%;
  width:500px;
  text-align: center;
}

.footer-section-big .links{
  width:100%;
  display: block;
  height:50px;
}
.footer-section-big .links a{
  display: inline-block;
  margin: 5px 0;
  padding: 0px 10px;
  border-right:1px solid #333;
}

.footer-section-big .links a.last-foot-link{
  border-right: none;
}

.footer-section-big .links a:first-child{
  padding-left:0px;
}

.footer-section-big span.copyright{
  display: inline-block;
  padding:10px 0 10px 0px;
  line-height: 18px;
  width:100%;
}


.footer-section ul{
  list-style-type: none;
  display: block;
  margin: 0px;
  margin-bottom:10px;
}

.footer-section span{
  display: inline-block;
}

a:link{
  text-decoration:none;
}

div#mainContain{
  width: 1000px;
  margin: 0 5px auto;
  display: block;
  float: left;
    margin-top:10px;

  text-align:left;
  -webkit-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}

#topad{
  margin-top:10px;
  margin-left: 10px;
}

#sportnik-area{
  background-color: #FFF;
  box-shadow: 5px 0 5px -5px #AAAAAA, -5px 0 5px -5px #AAAAAA !important;
  display: block;
  float: left;
  min-height:960px;
  margin-top:10px;
  padding: 10px 10px 10px 10px; /*padding top: 60px for fixed-top-menu */;
  -webkit-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}

div#fixedTopMenuContainer{
  position:fixed;
  top:0;
  margin: 10px -10px 0 -10px;
  width:1030px;
  z-index:100;
  height:40px;
}

ul#topmenu li.outside{
  display: none !important;
}

div#fixedTopMenu{

  background-color: #000000;
  width:1030px;
  height:35px;
  border-top: 3px solid #DF0000;
  border-bottom: 3px solid #DF0000;
}

div#menuCornerLeft{
  height:0px;
  width:0px;
  border-color: transparent #DF0000 transparent transparent;
  border-style: solid;
  border-width: 0 15px 15px 0;
  float:left;
}

div#menuCornerRight{
  height:0px;
  width:0px;
  border-color: #DF0000 transparent transparent transparent;
  border-style: solid;
  border-width: 15px 15px 0 0;
  float:right;
}

div#adbarlogo{
  position:absolute;
  right:17px;
  top:6px;
}

#login-email-link{
  position: relative;
}

#login-email-link:before{
  content: "";
  content: attr(data-translateable);
  display: block;
  height:50px;
  width:50px;
  border-radius: 100%;
  border: 1px solid #ddd;
  background-color:#fff;
  position: absolute;
  top:50%;
  left: -65px;
  text-align: center;
  text-transform: uppercase;
  line-height: 52px;
  font-family: "FiraSans";
  color: #999;
}

ul#menu form.loginform{
  height:20px;
  display:block;
  float:right;
}

ul#menu form.loginform input{
  margin-top:3px;
  font-size:12px;
  width:100px;
  display:block;
  float:left;
  padding:0px;
  border:1px solid #000;
  border-radius: 0px;
  line-height:16px;
  height:16px;
}

ul#menu form.loginform input[type="submit"]{
  height:21px;
  width:60px;
  text-align:left;
}


.c3_1{
  width:168px;
  float:left;
  display: block;
}

.c3_1 #nav-main-extra{
  margin-top:10px;
}

.c3_3{
  display:block;
  float:right;
}

.c3_3 .box{
  height:20px;
  margin: 0 0 0.5em;
  background-color: #F1F1F1;
}

.content-mid{
  display: block;
  float:left;
  width:560px;
  padding:20px 20px 0 20px;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  min-height:400px;
  border-top:1px solid #ddd;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.content-mid.no-left-menu{
  width: 720px;
}

.fullwidth-content{
  display:block;
}

.fullwidth-content.no-left-menu{
  width:980px;

}

.fullwidth-content.has-left-menu{
  margin:0px;
}
.container-beside-leftmenu{
  width:810px;
  float: left;
  display: block;
}

.content-left-side{
  width:738px;
  display: block;
  float:left;
  border-right:1px solid #ddd;
  padding-top:20px;
  padding-right:20px;
  padding-left:30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top:1px solid #ddd;
  margin-left:-10px;
}

.mid-content-long{
  float:left;
  display:block;
  margin:5px 0px 0 20px;
  width:792px;
}

.content-mid >:not(.c3_2) h1{
  font-size:28px;
  color:#015190;
  text-align:center;
  margin:0px 0 0px 0;
  padding:0px;
}

.content-mid h2, .content-left-side h2, .fullwidth-content h2{
  font-style: italic;
  font-size:18px;
  color:#015190;
  text-align:center;
  padding:0px;
  text-align:left;
  font-weight: normal;
  display: inline-block;
  margin:0px;
  padding:0px;
  margin: 0 0 0 0;
  width:100%;
  border-top:1px solid #ddd;
}

.content-mid h2, .content-left-side h2.no-divide, .fullwidth-content h2.no-divide{
  border-top:0px;
  margin-top:0px;
}

.content-left-side h2{
  margin-right:-20px;
  padding-right:20px;
  margin-left:-30px;
  padding-left:30px;
}

.content-mid h2{
  margin-left:-10px;
  margin-right:-10px;
  padding-left:10px;
  padding-right:10px;
}

.main_top_content{
  border-bottom: 1px solid #000;
}

  .main_top_content p{
    font-size:18px;
    text-align:center;
    margin:20px;
  }

.main_top_content .info_boxes{
  display:block;
  margin:0 auto;
  text-align:center;
}

.main_top_content .main_info_box{
  width:150px;
  display:inline-block;
  margin:0 auto;
  margin:0 5px 0 5px;
  box-shadow:5px 5px 5px #888;
  border:1px solid #F1F1F1;
}

.main_top_content .main_info_box h3{
  font-size:12px;
  color:#fff;
  line-height: 22px;
  text-align: center;

  background: #cc8e8e; /* Old browsers */
background: -moz-linear-gradient(top,  #cc8e8e 0%, #cc3b3b 50%, #cc171e 50%, #cc171e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc8e8e), color-stop(50%,#cc3b3b), color-stop(50%,#cc171e), color-stop(100%,#cc171e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cc8e8e 0%,#cc3b3b 50%,#cc171e 50%,#cc171e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cc8e8e 0%,#cc3b3b 50%,#cc171e 50%,#cc171e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cc8e8e 0%,#cc3b3b 50%,#cc171e 50%,#cc171e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cc8e8e 0%,#cc3b3b 50%,#cc171e 50%,#cc171e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc8e8e', endColorstr='#cc171e',GradientType=0 ); /* IE6-9 */

}

.main_top_content .main_info_box ul{
    text-align: left;
    font-size:13px;
    font-weight:bold;
  }

  .main_top_content .main_info_box p{
    text-align: center;
    font-size:12px;
    font-style:italic;
    margin:0px;
  }

.iphone_outer{
  display:block;
  float:left;
  height:344px;
  width:175px;
  border-radius:18px;
  background-color:#101010;
  text-align:center;
}

.iphone_outer .speakercameraholder{
  margin-top:20px;
  margin-left:52px;

}

.iphone_outer .iphone_camera{
  float:left;
  display:block;
  height:8px;
  width:8px;
  border-radius:8px;
  background-color:#ccc;
}

.iphone_outer .iphone_speaker{
  float:left;
  display:block;
  height:6px;
  width:35px;
  border: 1px solid #444;
  border-radius:8px;
  background-color:#ccc;
  margin-left:10px;
}

.iphone_outer .iphone_display{
  width:165px;
  height:248px;
  display:block;
  float:left;
  margin:22px 0 0 5px;

background: #a0a0a0; /* Old browsers */
background: -moz-linear-gradient(top,  #a0a0a0 0%, #f1f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0a0a0), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a0a0a0 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a0a0a0 0%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a0a0a0 0%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a0a0a0 0%,#f1f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */

}

.iphone_display .top{
  width:100%;
  height:8px;
  border-top: 1px solid #000;
  background-color:#000;
  text-align: center;
  color:#fff;
  font-size:8px;
  line-height:8px;
}

.iphone_display .sportnikapp_top{
  width:100%;
  height:24px;
  text-align: center;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  line-height: 24px;

background: #75add1; /* Old browsers */
background: -moz-linear-gradient(top,  #75add1 0%, #476f8c 50%, #2a638e 50%, #2a638e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75add1), color-stop(50%,#476f8c), color-stop(50%,#2a638e), color-stop(100%,#2a638e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #75add1 0%,#476f8c 50%,#2a638e 50%,#2a638e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #75add1 0%,#476f8c 50%,#2a638e 50%,#2a638e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #75add1 0%,#476f8c 50%,#2a638e 50%,#2a638e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #75add1 0%,#476f8c 50%,#2a638e 50%,#2a638e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75add1', endColorstr='#2a638e',GradientType=0 ); /* IE6-9 */



}

.iphone_display ul.sportnikapp_menu{
  background-color:#fff;
  border-radius:5px;
  margin:10px 5px 0 5px;
  padding:0px;
  list-style: none;
  text-align: left;
  }

  .iphone_display ul.sportnikapp_menu li{
    border-bottom:1px solid #f1f1f1;
    font-size:12px;
    font-weight:bold;
    color:#000;
    line-height:24px;
    height:24px;
    display:block;
    padding-left:15px;
  }

  .iphone_display ul.sportnikapp_menu li:last-child{
    border:none;
  }

  .iphone_display button{
    margin-top:10px;
    width:140px;
  }

  .iphone_button{
    margin: 5px 0 0 70px;
    display:block;
    float:left;
    height:30px;
    width:30px;
    border-radius: 30px;
    border:1px solid #000;

background: #474747; /* Old browsers */
background: -moz-linear-gradient(left,  #474747 0%, #000000 76%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#474747), color-stop(76%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #474747 0%,#000000 76%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #474747 0%,#000000 76%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #474747 0%,#000000 76%); /* IE10+ */
background: linear-gradient(to right,  #474747 0%,#000000 76%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=1 ); /* IE6-9 */




  }

  .iphone_button .iphone_button_icon{
    border:1px solid #fff;
    width:12px;
    height:12px;
    border-radius:4px;
    margin:8px 8px;
  }




  .c3_3{
    color: #666666;
    float: right;
    font-size: 9px;
    width: 250px;
  }

  h1{
    font-family: 'raleway';
    /*text-shadow: #222 1px 1px 0;*/
    font-size:28px;
    text-align:left;
    font-weight: normal;
    color:#015190;
    display: inline-block;
    width:100%;
    padding:0px 20px 0px 20px;
    margin:0px 0px 10px 0px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }

  h1.has-left-menu{
    width:810px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }

  .content-mid >:not(.c3_2) table.showinfo tr:nth-child(2n){
    background-color:#f1f1f1;
  }

  .content-mid >:not(.c3_2) table.showinfo tr td{
    width:200px;
  }

  .table td.info{
    background-color:#D9EDF7 !important;
  }

  .table td.centered{
    text-align:center;
  }

  div.ad{
    margin: 10px;
    margin-top:0px;
    line-height: normal;
    position: relative;
    z-index: 2;
  }

  div.ad div{
    position: relative;
    z-index: 2;
  }


  div.centered_form{
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:block;
    float:left;
    font-family: 'raleway';
    background-color:#f1f1f1;
    padding: 15px 10px;
    margin-top:0px;
    text-align: left;
    border:1px solid #ddd;
  }

  div.inputbox{
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    float:left;
    font-family: 'raleway';
    background-color:#f1f1f1;
    padding: 15px 10px;
    margin-top:0px;
    margin-bottom:10px;
    text-align: left;
    border:1px solid #ddd;
    clear:both;
  }

  div.centered_form fieldset, table.edit-page-list{
    width: 390px;
    display:block;
    float:left;
    padding: 10px;
    margin-top: 0;
    background-color:rgba(255,255,255, 0.7);
    border:1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
  }

  table.edit-page-list{
    margin-bottom:5px;
    cursor: pointer;
    border-collapse: separate;
    border-spacing: 0px 5px;
  }

  td.edit_tel, td.edit_email{
    line-height: 18px;
    background-color:rgba(255,255,255, 0.7);
    border:1px solid #ccc;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    min-width:230px;
  }

  td.remove_email, td.remove_tel{
    color: #B94A48;
  }

  td.remove_email, td.edit_email_icon, td.remove_tel, td.edit_tel_icon, td.extra-setting{
    padding:6px 10px;
    height:15px;
    font-size: 15px;
    line-height: 15px;
    border: 1px solid #ccc;
    border-left:0px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4);
  }
  td.extra-setting{
    border-left:0px;
    box-shadow: none;
  }
  td.edit_tel, td.edit_email{
    border-right: 0px;
  }

  td.edit_tel_icon, td.edit_email_icon{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
  }

  i.icon-money.green{
    color:#468847;
  }
  i.icon-money.black{
    color:inherit;
  }

td.remove_email:hover, td.remove_tel:hover{
  box-shadow: 2px 2px 4px 1px #F2DEDE inset, -2px -2px 4px 1px #F2DEDE inset;
}

td.remove_email:active, td.remove_tel:active{
  background-color:#F2DEDE;
}

  td.centered{
    text-align: center;
  }

  table.edit-page-list button{
    font-size: 11px;
  }

  table.edit-page-list tbody td{
    padding: 6px 10px;
  }
   table.edit-page-list tbody td i{
    font-size: 18px;
   }

  div.centered_form .add-field, div.centered_form .add{
    margin-bottom:15px;
  }

  div.centered_form  fieldset fieldset{
    padding:0px;
    width:100%;
    border:none;
    box-shadow: none;
  }
  div.centered_form  fieldset fieldset label{
    width:70%;
  }
  div.centered_form  fieldset fieldset label input[type="text"],
  div.centered_form  fieldset fieldset label input[type="date"],
  div.centered_form  fieldset fieldset label input[type="email"]{
    width:240px;
  }

  div.centered_form fieldset fieldset input[type="checkbox"]{
    width:50px;
    height:60px;
  }

  div.centered_form button{
    display: block;
    float:left;
  }

  div.centered_form fieldset legend{
    width: 100%;
    display:block;
    float:left;
    font-size: 14px;
    line-height: 20px;
    margin:0px;
    padding: 0px;
    border-bottom: none;
  }

  div.centered_form label, div.centered_form p{
    width: 100%;
    display:block;
    float:left;
  }



  div.centered_form label span{
    display:list-item;
    list-style: none;
    width:100%;
  }

  div.centered_form div.mce-container span{
    display:inline;
    width:auto;
  }

  div.inputbox span.form-help-area i{
    padding:6px 8px;
    height:15px;
    margin-left:10px;
    text-align: center;
  }

  span.form-help-area i{
    display:block;
    float:left;
    padding:6px 8px;
    height:15px;
    margin-left:10px;
    text-align: center;
  }

 span.form-help-area{
    display:block;
    float:left;
    width:auto;
   }


  div.centered_form div.form_help_popup{
    position:relative;
    z-index: 99;
    display:block;
    width:100px;
    height:200px;
    background-color:#65a9d7;
  }


  div.centered_form input[type="text"], div.centered_form input[type="date"], div.centered_form input[type="password"]{
    height:15px;
    padding:6px 10px;
    width: 390px;
    font-family: 'raleway';
    display:block;
    float:left;
    background-color:#fff;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .1), 0px 1px 0px 0px rgba(255, 255, 255, .4);
  }

  div.centered_form textarea{
    padding:6px 10px;
    width:300px;
  }


  div.centered_form input[type="submit"]{
   padding: 6px 10px;
   display:block;
   font-family: 'raleway';
   height:30px;
   float:left;
   margin-top:10px;
   min-width:100px;
   max-width:100%;
  }

  div.form-row-personal-id{
    width:100%;
  }
  div.form-row-personal-id label{
    width: 230px;
    margin-right:18px;
  }
  div.form-row-personal-id input#date-input{
    width:230px;
    margin-right:18px;
  }

  div.form-row-personal-id input#last-part-input{
    width:120px;
  }
  div.form-row-personal-id label.last-part-label{
    width:120px;
  }

  div#locale-setting{
    display:block;
    float:right;
    width:100%;
  }

  div#locale-setting a{
    display: block;
    float:right;
    padding: 1px 4px 1px 4px;

    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;

    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top,  #f1f1f1 0%, #ececec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f1f1f1 0%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f1f1f1 0%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f1f1f1 0%,#ececec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */

    font-size:9px;
    color:#474747;
    text-shadow: #ddd 1px 1px 0;
    font-weight: bold;
    margin-left:3px;
  }

  div#locale-setting a:hover{
    margin-top:-3px;
    padding-bottom:3px;
  }

  div#locale-setting a span.locale-abbr{
    margin:5px 0;
    padding:0 0 0 5px;
    border-left:1px solid #fff;
    display: block;
    float: left;
    height:10px;
    line-height: 10px;
  }

  div#locale-setting a span.flag{
    padding:0 5px 0 0;
    margin:5px 0;
    background-repeat: no-repeat;

    border-right:1px solid #aaa;
    width:16px;
    height:10px;
    display: block;
    float: left;
  }

span#not-loggedin{
  display: block;
  float:right;
  margin:0px;
  height:auto;
}

span#not-loggedin form{
  margin:0px;
}

span#not-loggedin input{
  border-radius: 0px;
  padding: 0px 3px;
  font-size: 10px;
  margin: 4px 4px 2px 0px;
  width: 90px;
  line-height: 16px;
  height:16px;
}

/*span#not-loggedin input[type="submit"]{
  margin:0px;
  height:25px;
  display: block;
  padding: 0px 10px;
  float:right;
  width:auto;
  background-color: transparent;
  border:none;
  font-size: 12px;
}*/

.snik-dialog a {
  font-weight: bold !important;
  color: rgb(83, 95, 112) !important;
}

.ui-dialog{
  height:auto;
}

.ui-dialog .ui-dialog-titlebar{
  position:relative;
  display:block;
  height:27px;
  }

 .ui-dialog .ui-dialog-content{
  font-size: 11px;
  text-align: left;
 }

 /* NEW ELEMENTS */

 div.centered_form div.sportnik-panel div.sportnik-panel-head{
  background-color: #fff
 }

 div.sportnik-panel.expandable-panel div.expand-control{
  cursor: pointer;
 }

 div.sportnik-panel.expandable-panel div.expand-control i{
  display: inline;
  float: right;
  font-size: 14px;
  color: #333;
 }

 div.sportnik-panel.expandable-panel div.expand-control:hover i{
  color:#015190;
 }

 div.sportnik-panel{
    margin:0px 0 20px 0;
    width:100%;
    border-radius: 4px;
    border:1px solid #ddd;
    display: block;
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}


 div.sportnik-panel.offset-top, div.sportnik-panel-row.offset-top{

 }

div.sportnik-panel-row{
  margin-right:10px;
  display: inline-block;
  width: 100%;
  position:relative;
}
div.sportnik-panel-row div.sportnik-panel.last-in-row{
  position:relative;
  left:2%;
}
div.sportnik-panel-row div.sportnik-panel{
  width:49%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing: border-box;
  display: inline-block;
}

div.sportnik-panel div.sportnik-panel-head, div.sportnik-panel-body div.sportnik-panel-head{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding:10px;
    border-bottom:1px solid #ddd;
    background: #f1f1f1;
    /*font-family: "FiraSans" !important;*/
    text-transform: uppercase;
    /* background: rgb(83, 95, 112); */
}

div.sportnik-panel div.sportnik-panel-head.secondary{
  border-radius: 0px;
  clear: both;
}

div.sportnik-panel div.sportnik-panel-head{
  cursor: pointer;
}

div.sportnik-panel div.sportnik-panel-head.secondary h3{
  clear: both;
}

/* MULTI */
div.sportnik-panel.sportnik-panel-multi, div.sportnik-panel-multi div.sportnik-panel-head{
  border-radius: 0px !important;
}

div.sportnik-panel-multi div.sportnik-panel-head.last-child{
  border-bottom:0px;
}

div.sportnik-panel-multi div.sportnik-panel-head.disabled{
  background-color: #e9e9e9;
  color:#ccc;
  cursor: not-allowed;
}

div.sportnik-panel.sportnik-panel-multi div.sportnik-panel-body{
  display: none;
  border-radius: 0px;
}

div.sportnik-panel-multi div.sportnik-panel-body.open{
  display: block;
}

div.sportnik-panel-multi div.sportnik-panel-body .control-group{
  display: block;
  float: left;
}

div.sportnik-panel-multi div.sportnik-panel-head:hover{
  background-color: #e9e9e9;
}


/*********/


div.sportnik-panel-body div.sportnik-panel-head{
  border-radius: 0px;
  border-top: 1px dashed #ccc;
  margin-left:-10px;
  margin-right:-10px;
  margin-bottom: 10px;
}

div.sportnik-panel-body div.sportnik-panel-head h3{
  font-size: 14px;
}

div.sportnik-panel-head h2, div.sportnik-panel-head h3, div.sportnik-panel-foot h3{
    font-family: 'FiraSans';
    font-weight: normal;
    text-align: left;
    text-shadow: 1px 1px 0 #fff;
    font-size: 20px;
    line-height: 20px;
    margin: 0;
}

div.sportnik-panel-foot h3{
  font-style: italic;
}

div.sportnik-panel-head h3{
  font-size: 14px;
  line-height: 14px;
}

div.sportnik-panel-body{
    padding:10px;
    display: block;
    float: left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    font-size: 12px;
}
div.sportnik-panel-body.no-body-paddings{
  padding:0px;
}

div.sportnik-panel-body h3{
  font-size: 12px;
  line-height: 14px;
  margin:0px;
}

div.sportnik-panel-ad{
  background-color:#f9f9f9;
}

div.sportnik-panel-body ul{
  font-size: 12px;
  margin: 0px;
  list-style-position: inside;
}

div.sportnik-panel-body ul.visibility-info li{
  white-space: pre-line;
  width:350px;
}


div.sportnik-panel-body.image-bg, div.sportnik-panel-body.image-bg li{
  margin:2px 0;
  padding:0px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  width:100%;
}

div.sportnik-panel-body.image-bg, div.sportnik-panel-body.image-bg a{
    color:#fff;
    background:;
    background-color: rgba(0,0,0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000099,endColorstr=#00000099);
    padding:2px 5px;
}
div.sportnik-panel-body.image-bg a:hover{
  background-color:rgba(0,0,0, 0.9);
}

div.sportnik-panel-foot{
    background-color:#f1f1f1;
    padding:5px 10px;
    border-top:1px dashed #ccc;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    display: block;
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    font-size: 11px;
    color:#474747;
}

div.sportnik-panel-foot .btn{
  float:right;
}

.btn-mini{
    font-size: 10.5px !important;
}

.ledgers-row span{
    width:100%;
    display: block;
}

div.sportnik-panel-foot h3{
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    margin:0px;
}

i.admin-edit-icon{
  margin-left:0.5em;
  cursor: pointer;
  color:#000;
  text-shadow:none;
}
i.admin-edit-icon:hover{
  color:#015190;
}

ul#loggedin i{
  margin:0 5px 0 -5px;
}

ul#loggedin ul{
  right:0px;
}

i.edit-mode-disabled{
  color:#B94A48;
  display: inline-block !important;
  width:14px;
  text-align: center;
}
i.edit-mode-enabled{
  color:#468847;
  display: inline-block !important;
  width:14px;
  text-align: center;
}

#nav-main-top i{
  width:14px;
  display: inline-block;
  text-align: center;
}

#nav-main-top .edit-text-class{
  padding:0px;
}

div.thin-column{
  padding-top: 20px;
  width:168px;
  display: block;
  float: left;
  border-top: 1px solid #ddd;
  margin-left:-10px;
  padding-left:10px;
}

div.thin-column ul.menu li{
  height:25px;
}

div.thin-column ul.menu li a{
  color: #333;
  background-color: #fff;
  width:100%;
  display: inline-block;
  height:25px;
  line-height: 25px;
  margin-left:-10px;
  padding-left:10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
div.thin-column ul.menu li a:hover{
  background-color: #D9EDF7;
}

div.thin-column ul.menu li a.active{
  background-color: #0088CC;
}
div.thin-column ul.menu li a i{
  display: inline-block;
  width:15px;
  text-align: center;
  margin-right:10px;
}

div.thin-column ul.menu li.li-divider{
  border-top:1px solid #ddd;
  margin:5px 0 5px 0;
  height:0px;
  margin-left:-10px;
  padding-left:10px;

}

div.groups-column{
  width:262px;
  display: block;
  float: right;
  min-height:10px;
  padding:20px 0 0 20px;
  border-top: 1px solid #ddd;
  margin-right:-10px;
  padding-right:20px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

div.thin-column li, div.thin-column ul, div.groups-column li, div.groups-column ul{
  margin:0px;
  padding:0px;
  list-style: none;
  font-size: 12px;
}

.alert table.alert-inset{
  font-size:11px; 
  margin-left:-40px; 
  margin-right:-35px; 
  min-width:250px!important;
  min-width: calc(100% + 75px) !important;
}

.alert#actionButtonBlock,
.alert.actionButtonBlock{
  text-align: center;
  padding-top:4px;
  padding-bottom:4px;
  font-size: 11px;
  line-height: 14px;
}
.alert#actionButtonBlock a:not(:last-child):after,
.alert#actionButtonBlock span:not(:last-child):after,
.alert.actionButtonBlock a:not(:last-child):after,
.alert.actionButtonBlock span:not(:last-child):after{
  content: "|";
  margin: 0 10px;
}

.alert#actionButtonBlock span,
.alert.actionButtonBlock span{
  color:#333;
}
.alert#actionButtonBlock:empty{
  display: none;
}

.alert{
  clear:both;
}

div.centered_form  fieldset fieldset label.email-checkbox-label{
  width:25%;
  margin-left:2%;
}

div.centered_form  fieldset fieldset label.email-checkbox-label input{
  height:15px;
  display: block;
}

div.centered_form  fieldset fieldset label i.remove-added-field{
  display: block;
  float: left;
  margin-left: -34px;
  padding:6px 10px;
  height:15px;
  font-size: 15px;
  line-height: 15px;
  color: #B94A48;
  border: 1px solid #ccc;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

div.centered_form  fieldset fieldset label i.remove-added-field:hover{
  box-shadow: 2px 2px 4px 1px #F2DEDE inset, -2px -2px 4px 1px #F2DEDE inset;
}

div.centered_form  fieldset fieldset label i.remove-added-field:active{
  background-color:#F2DEDE;
}

.btn-smaller-sportnik{
  padding:5px;
  font-size: 12px;
  line-height: 12px;
}

.btn-fb{
  background-image: linear-gradient(to bottom, #3B5998, #345088);
  background-color:#3B5998;
  color:#fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}

.btn-fb i{
  margin-top: -4px;
  margin-bottom:-4px;
  margin-right:-12px;
  margin-left: 12px;
  display: block;
  float:right;
  font-size: 16px;
  line-height:20px;
  padding:4px 12px;
  border-left:1px solid #fff;
  border-left-color:rgba(0, 0, 0, 0.25);
  background-color: #3B5998;
  text-shadow:none;
  color:#fff;
}

.btn-fb:hover, .btn-fb:active, .btn-fb:focus{
  background-color:#3B5998;
  background-image: linear-gradient(to bottom, #3B5998, #3B5998);
  color:#fff;
}
.btn-fb:hover i{

}

.btn-close-modal{
}

.expanded-event fieldset{
  width:100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.expanded-event textarea{

  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.search-result-row{
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  width:100%;
  display: block;
  float: left;
  background-color: #f1f1f1;
  padding:10px 10px;
  line-height: 20px;
}

.search-result-tr{
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  width:100%;
  background-color: #f1f1f1;
  padding:10px 10px;
  line-height: 20px;
}

.search-result-row:hover{
  background-color: #D9EDF7;
}

div.centered_form .sportnik-panel input[type="submit"]{
  border-radius: 0px;
  height:24px;
  line-height: 24px;
  font-size: 12px;
  padding:0px;
  margin:0px;
}
div.centered_form .sportnik-panel input{
  margin-bottom: 0px;
}

div.centered_form .sportnik-panel .control-group{
  margin-bottom: 5px;
}

ul.sportnik-custom-icon-list{
  list-style: none;
  margin:0px;
  font-style: italic;
}

ul.sportnik-custom-icon-list i{
  width:1em;
  text-align: center;
  margin-right:1em;
  display: inline-block;
  font-size: 1em;
  margin-left:-2em;
}
ul.sportnik-custom-icon-list li{
  font-size: 12px;
  padding:3px 0;
  padding-left:2.5em;
  padding-right:0.5em;
}

ul.sportnik-custom-icon-list li:nth-child(2n){
  background-color:#f1f1f1;
}

ul.sportnik-custom-icon-list li:hover{
  background-color: #D9EDF7;
}

ul.sportnik-custom-icon-list i.icon-warning-sign{
  color:#B94A48;
}

ul.sportnik-custom-icon-list i.icon-info-sign{
  color:#3A87AD;
}

select.awesome{
  font-family: 'FontAwesome', 'Raleway', sans-serif;
}

tr.in-col-edit select, tr.in-col-edit textarea, tr.in-col-edit input, tr.in-col-edit button:not(.btn-small){
  border-radius: 0px;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  font-size: 14px;
  height:20px;
  line-height:20px;
  padding: 4px;
    margin:0px;
    border: 1px solid #ddd;
}

tr.in-col-edit button{
  font-size: 14px;
  line-height: 20px;
}

tr.in-col-edit select{
  padding: auto 0 !important;
  height:auto !important;
  width:35px;
}
tr.in-col-edit select option{
}

tr.in-col-edit textarea{
  resize:vertical;
}

table.managing-notices td a i{
  padding-left:5px;
  padding-right:5px;
  float:right;
}

.fb-no-jump .fb-login-button {
  max-height:200px;

}
.fb-no-jump .fb-login-button iframe{
  max-height: 200px;
  width:168px !important;
}
.fb-no-jump{
  width:168px;
  overflow: hidden;
}

input[type="date"]
{
  /*box-sizing: border-box !important;*/
}

.icon-success-style{
  color:#468847;
}

.icon-error-style{
  color:#B94A48;
}

.alert-description{
  border:0px;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  background-color:#fff;
  color:#333;
  border-radius: 0px;
  font-size: 12px;
  font-style: italic;
  padding-left:40px;
}

.alert{
  padding-left: 40px;
  margin-top:0px !important;
  border-radius: 0px;
  font-size: 12px;
  min-height: 16px;
  margin:10px 0;
}

.c3 .alert h3,
.alert h3,
.alert .alert-body h3,
.sportnik1.groupstyles .alert h3{
  font-size: 12px !important;
  line-height: 12px;
  margin:0px;
  margin-bottom:5px;
  font-weight: bold;
}

.alert:before{
  font-family: 'FontAwesome';
  content: "\f06a";
  margin-left: -30px;
  margin-right:10px;
  margin-top: -4px;
  width:20px;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  float: left;
  font-style: normal;
}

.alert#actionButtonBlock:before,
.alert.actionButtonBlock:before{
  content: "\f0c6";
  margin-top:0px;
}

.alert-description:before{
  content: "\f05a";
}

.alert-error:before{
  content: "\f071";
}

.alert-success:before{
  content: "\f058";
}

.alert-info:before{
  content: "\f05a";
}

.alert-info-rss:before{
  content: "\f143";
}

.alert-question:before{
  content: "\f059";
}

.alert.top-alert{
  z-index:2000; position:fixed; width:100%; top:0px; left:0px;
}
.alert.alert-narrow{
  padding:10px;
}
.alert.alert-narrow:before{
  content: '';
}

dl.dl-narrow dt{
  width:120px;
}
dl.dl-narrow dd{
  margin-left:130px;
}

dl.dl-narrow{
  margin-bottom:5px;
  margin-top:0px;
}

form.easy-small input{
  font-size: 12px;
  line-height: 12px;
  height:14px;
  padding:3px 5px;

  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}

nav#nav-main-top ul#top2menu,
nav#nav-main-top ul#top3menu{
  display:none;
}

nav#nav-main-top ul .menu-sub-title{
  /*font-weight: 600;
background-color: #fff;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
  -mox-box-sizing:border-box;*/

}
/*nav#nav-main-top ul ul span.menu-sub-title:before{
  font-family: 'FontAwesome';
  content: "\f101";
  width:15px;
  display: inline-block;
  margin-left:-15px;
  color:#ccc;
  text-align: center;
}*/
nav#nav-main-top ul ul span.menu-sub-title{
  color:#000;
}

table.sportnik-table tr:nth-child(2n){
  background-color:#f1f1f1;
}

table.sportnik-table tr:hover{
  background-color: #D9EDF7;
}

table.sportnik-table{
  width:100%;
  font-size: 12px;
  line-height: 20px;
  font-family: Arial, sans-serif;
}

span.passwordstrength{
    width:63px !important;
    padding-left:0px !important;
    padding-right:0px !important;
    text-align: center;
}

.input-append input{
  width:141px !important;
}

span.passwordstrength span.pass-status{
  font-size:14px;
  line-height: 12px;
  font-weight: 600;
}

nav#nav-main-top > ul li > a i, nav#nav-main-top > ul li > span i{
  margin: 0 5px 0 -5px;
}

/* POPUP overwrite jquery ui */

.ui-widget-header{
  border:0px;
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom:1px solid #ccc;
  font-family: Raleway, helvetica, sans-serif;
  color:#333;
  font-size: 20px;
  font-weight: normal;
  padding:10px;
background: #dddddd;
}

.ui-widget-title{
  height:auto;
  margin:0px;
}

.ui-dialog{
  border-radius: 4px;
  padding:0px;
  border:1px solid #ccc;
  box-shadow: 0 0 40px 3px #333;
  background:#fff;
}
.ui-dialog-buttonpane{
  background:#f1f1f1;
}

.ui-dialog-buttonpane input[type="text"]{
  height:35px;
  box-sizing: border-box;
  margin: 0.5em;
  width: 150px;
}


span.edit-text-class:hover{
  text-decoration: underline;
}
.edit-popover{
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  padding:0px 10px;
  background-color:rgba(0,0,0,0.9);
  min-width:25px;
  width: auto;
  min-height:20px !important;
  height:26px !important;
  margin-top:-6px !important;
  border-radius: 3px;
  text-align: center;
  cursor:pointer;
  z-index: 100000;
  position:absolute;
  border:0px;
  box-shadow: 0 0 10px 1px #fff !important;
}

.edit-popover:hover .popover-content{
  color:#005580 !important;
}

.edit-popover .popover-content{
  font-size: 12px;
  color:#ddd;
  line-height: 16px;
  padding:5px 0px;
  text-shadow:none;
}
.edit-popover .arrow{
  height:6px !important;
  border-top:none;
  border-bottom:none;
  bottom:-6px !important;

}
.edit-popover.top .arrow:after{
  border-top-color:rgba(0,0,0,0.9) !important;
  border-top-width:5px !important;
  bottom:1px !important;
  border-left-width: 5px !important;
  border-right-width: 5px !important;
  margin-left:-5px !important;

}
.dl-horizontal > dd:after {
  display: table;
  content: "";
  clear: both;
}

.ui-widget .btn-close-modal,
.ui-widget .ui-dialog-titlebar-close{
  background:none !important;
  border: 0px !important;
  box-shadow: none !important;
}

.ui-widget .btn-close-modal:after,
.ui-widget .ui-dialog-titlebar-close:after{
  font-family: 'FontAwesome' !important;
  content: "\f00d" !important;
  color: #333 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 20px !important;
    text-shadow: 0 1px 0 #FFFFFF !important;
    z-index: 1000;
}

.suser-on{
  background-color:#DFF0D8;
}

.suser-on:hover > a{
  background-color:#F2DEDE !important;
  -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}

.suser-off{
  background-color:#F2DEDE;
}
.suser-off:hover > a{
  background-color:#DFF0D8 !important;
  -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}

[class*="sportnik-icon-"]{
  font-family: 'SportnikFont';

  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i.sportnik-icon-parent:before{
    content:"\e601";
}

i.sportnik-icon-child:before{
    content:"\e602";
}

i.sportnik-icon-pdf:before{
    content:"\e600";
}

i.iconmed:before{

}

i.iconmed{
  margin-top:10px;
  display: inline-block;
  font-size: 14px;
}

dl.alternate-grey dt:nth-of-type(odd), dl.alternate-grey dd:nth-of-type(odd){

}

dl.alternate-grey dt:hover{
}

ul.alternate-grey li{
  padding-left:10px;
}

ul.alternate-grey li:nth-child(odd){
  background-color: #f1f1f1;
}

ul.alternate-grey li:hover{
  background-color: #D9EDF7;
}

table.alternate-grey tr:nth-child(odd){
  background-color: #f1f1f1;
}

table.alternate-grey tr:hover{
  background-color: #D9EDF7;
}

table.alternate-grey td.status .icon-ok-sign{
  color:#468847;
  font-size:14px;
}

table.alternate-grey td.status .icon-exclamation-sign{
  color:#B94A48;
  font-size:14px;
}

#leftmenu span.subplus{
  margin-left:-15px;
  width:15px;
  display: inline-block;
  text-align: center;
  font-weight: normal;
}
#leftmenu li{
  clear:both;
}

#leftmenu .submenu li{
  display: none;
}

#leftmenu .submenu_link:before{
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  left: 90%;
}

#leftmenu .submenu{
}


#leftmenu .submenu li a{
  background-color: #e5e5e5;
}
.exptext{
  font-family: Arial, sans-serif;
}

.fullwidth-content{
  clear:both;
  display: inline-block;
  border-top:1px solid #ddd;
  margin-left:-10px;
  margin-right:-10px;
  padding-left:10px;
  padding-right:10px;
  padding-top:20px;
}

.sportnik-panel.expandable-panel .sportnik-panel-body{
  display: none;
}

.sportnik-panel.expandable-panel .sportnik-panel-foot{
  display: none;
}
.sportnik-panel.expanded .sportnik-panel-body, .sportnik-panel.expanded .sportnik-panel-foot{
  display: block;
}

#add-notice-head th{
  padding-top:20px;
  padding-bottom:10px;
}

.sportnik-table input[type="checkbox"]{
  margin:2px 0 2px 0;
}

.sportnik-table td, .sportnik-table th{
  padding-left:5px;
}

#slideinfo ul{
  width:350px;
}

table i.icon-trash, table i.icon-edit-sign{
  font-size:14px;
}
table#transactions.no-sportnik-style tr.ledg-odd{
  background-color: #fff !important;
}
table#transactions.no-sportnik-style tr.ledg-even{
  background-color: #f1f1f1 !important;
}

table#transactions tr:nth-child(odd){
  background-color: #f1f1f1
}

table#transactions tr:nth-child(even){
  background-color: #fff;
}

th.h3{
  font-family: 'raleway';
    font-weight: normal;
    text-align: left;
    text-shadow: 1px 1px 0 #fff;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.monthpicker .ui-datepicker-calendar {
    display: none;
}

input.datepicker[readonly]{
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4);
  background-color:#fff !important;
}

.h3-styled-input{
  font-family: 'raleway';
    font-weight: normal;
    text-align: left;
    text-shadow: 1px 1px 0 #fff;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    background-color: transparent;
    border:none;
    color: #333;
    margin:0px;
    line-height: 14px !important;
    padding:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height:14px;
    float: left;
}
.h3-styled-input:hover{
  text-decoration:underline;
  cursor:pointer;
}

.ui-datepicker .ui-datepicker-title select{
  font-size: 14px;
  line-height: 20px;
}

.alert .expand:before, .sportnik-panel-foot .expand:before{
  font-family: 'FontAwesome';
  font-size: 14px;
  content: "\f151";
  text-shadow:none;
}

.alert .expand.collapsed:before, .sportnik-panel-foot .expand.collapsed:before{
  font-family: 'FontAwesome';
  font-size: 14px;
  content: "\f150";
  text-shadow:none;
}

.popover div{
  z-index: 1010;
  position: relative;
}

.popover-content{
  font-size:13px;
  font-family: 'Raleway';
  z-index: 20000;
}

.popover-content .help-errors{
  border-top:1px solid #EED3D7;
  color:#B94A48;
  font-size: 12px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: inline-block;
  min-width: 100%;
}

.popover-content .help-errors ul{
  margin: 0px;
  list-style: none;
  margin-left:20px;
}

.popover-content .help-errors li{

}

.popover-content .help-errors li:before{
  font-family: 'FontAwesome';
  content: "\f071";
  width:20px;
  display: inline-block;
  text-align: center;
  margin-left: -20px;
}

.control-group{
  margin-top:10px !important;
  margin-bottom:10px !important;
}

.sportnik-settings-panel{
  float:right;
  color:#333;
  font-size: 11px;
  line-height: 11px;
  text-align: right;
  padding:;
}

a.sportnik-settings-edit:after{
  font-family: 'FontAwesome';
  content: "\f044";
  margin-left:5px;
}

.tooltip{
  text-shadow:none;
  font-family: arial, sans-serif;
  font-size: 11px;
}

/*
 * this is to make the piechart not responding to hover-events on the text. If
 * I could set a class on the svg-text-element, that would be better. Found no solution for now
 */
svg text{
  pointer-events:none;
}

.error-contain h1{
  font-size:46px;
  color:#015190;
  text-align:center;
  margin:0px 0 0px 0;
  padding:0px;
}

.error-contain h2{
  font-style: italic;
  font-size:18px;
  color:#015190;
  text-align:center;
  padding:0px;
  text-align:left;
  font-weight: normal;
  display: inline-block;
  margin:0px;
  padding:0px;
  margin: 10px 0 0 0;
  width:100%;
}
.error-contain h3{
  font-size:16px;
  color:#333;
  text-align:center;
  padding:0px;
  text-align:left;
  font-weight: 600;
  margin:0px;
  padding:0px;
  margin: 10px 0 0 0;
  width:100%;
  line-height: 20px;
}

.panel-left-image{
  min-height:128px;
  height:100%;
  width:128px;
  margin: -10px 10px -10px -10px;
  padding:10px;
  float:left;
  background-color:#fafafa;
  border-right:1px solid #ddd;
  text-align: center;

}

.btn-group .btn-select-type{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-left:3px;
  padding-right:3px;
  min-width:30px;
}

.btn-group .dropdown-menu i, .btn-group .dropdown-menu span{
  display: inline;
}

.btn-group .dropdown-menu a{
  display: inline;
  float: left;
  width:100%;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.remember-label{
  float:left;
  display: inline-block;
  margin-left:10px;
}
.remember-checkbox{
  float:left;
  margin-right:10px;
}
p.paragraph-text{
  font-family: 'raleway';
}
p.paragraph-text:first-letter{

}

.open-clickdown:before{
  content: "";
  border-bottom: 10px solid #f1f1f1;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  display: block;
  position: relative;
  top:-20px;
  left:90%;
  width:0px;
  height:0px;
}

.open-clickdown{
  display: block !important;
  position: relative;
  right:0px;
  padding:10px 0px;
  box-shadow: 0px 1px 8px rgba(160, 160, 160, 1);
}

.open-clickdown li{
  padding:10px 10px;
}

.navbar-collapsed{
  display: none;
}

.expand-nav{
  display: inline-block;
  height:12px;
  padding:9px 0;
  border: 1px solid #141414;
  width:40px;
  float: right;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset;
  margin:8px;
  background: #333; /* Old browsers */
  cursor: pointer;
}

.expand-nav span{
  display: block;
  width: 60%;
  height:3px;
  margin:1px 20% 1px 20%;
  background-color: #fff;
  border-radius: 0px;
  box-shadow:inset 1px 1px 0px #111, inset -1px -1px 0px #ccc;
}

.expand-nav:hover{
  background-color: #444;
}

.expand-nav:hover span{
  background-color: #888;
}

ul#sniknav.collapsed {

  position: fixed;
  top:50px;
  height:0px;
  overflow: hidden;
  display: block;
  float: left;
  left: 0px;
  width: 100%;
  z-index: 900000;
  margin:0px;
  padding: 0px;
  background: #333333; /* Old browsers */
background: -moz-linear-gradient(top,  #333333 0%, #111111 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #333333 0%,#111111 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #333333 0%,#111111 100%); /* IE10+ */
background: linear-gradient(to bottom,  #333333 0%,#111111 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}

ul#sniknav.collapsed.in{
  height: auto;
  max-height:360px;
}

ul#sniknav.collapsed li, ul#sniknav.collapsed li a{
  width: 100%;
  margin:0px;
  padding: 0px;
  display: block;
  float: left;
}

ul#sniknav.collapsed li a{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding:10px 10px;
  text-align: left;
  height: auto;
}

ul#sniknav.collapsed li:first-child a{
  border-top: 1px solid #000;
  box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset;
  padding:9px 10px 10px 10px;
}

ul#sniknav.collapsed li:last-child a{
  border-bottom: 1px solid #000;
  padding:10px 10px 9px 10px;
}

ul#sniknav.collapsed li:hover ul{
  display: none;
}

ul#sniknav.collapsed li ul{
  display: none;
}

ul#sniknav.collapsed li a:hover{
  background-color: rgba(255,255,255,0.03);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset;
  padding:9px 10px;
}


.sml-links{
  display: block;
}

.sml-links a{
  display: block;
  float: left;
  background-color: #333;
  color:#fff;
  font-size: 22px;
  height:42px;
  text-align: center;
  width: 42px;
  cursor: pointer;
  text-decoration: none;
}

.sml-links a i{
  line-height: 42px;
}

.sml-links a.sml-fb:hover{
  background-color: #3B5998;
}

.sml-links a.sml-twitter:hover{
  background-color: #55ACEE;
}
.sml-links a.sml-rss:hover{
  background-color: #FE9E14;
}


/* FOOTER INDEX */

.footer-push{
  height: 290px;
  width: 100%;
  margin-bottom: -290px;
  display: block;
  clear: both;
  z-index:1;
}
.index-footer{
  background-color: #333;

  width:100%;
  height:290px;
  display:block;
  float: left;
  margin:0px;
  clear: both;
  z-index: 2;
  position: relative;
  min-width: 1320px;
}

.index-footer.widgets-footer{
  height:auto;
  min-height: 290px;
}

.index-footer .index-footer-section{
  width:25%;
  height:280px;
  display: block;
  border-left:1px dotted #555;
  float:left;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing: border-box;
  color:#aaa;
  font-size: 12px;
  overflow: hidden;
}

.index-footer.widgets-footer .index-footer-section{
  min-height: 290px;
  height: auto;
}

.index-footer .index-footer-section.section-big{
  width:50%;
}

.index-footer .index-footer-section:first-child{
  border:none;
}

.index-footer .index-footer-section .links{
  width:100%;
  display: block;
  height:50px;
}
.index-footer .index-footer-section .links a{
  display: inline-block;
  margin: 5px 0;
  padding: 0px 10px;
  border-right:1px solid #333;
}

.index-footer .index-footer-section .links a.last-foot-link{
  border-right: none;
}

.index-footer .index-footer-section .links a:first-child{
  padding-left:0px;
}

.index-footer .index-footer-section span.copyright{
  display: inline-block;
  padding:10px 0 10px 0px;
  line-height: 18px;
  width:100%;
}

#index-footer-whiteborder{
  height:6px;
  background-image: url('/image/border_grey.png');
  background-repeat: repeat-x;
  position: relative;
  top:-6px;
  z-index: 99;
}

.index-footer-section dd, .index-footer-section dt{
  line-height: 12px;
  font-size: 10px;
  text-align: left !important;
  margin:0px;
  margin-left:0px !important;
  padding:0 10px;
  width:100%;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  display: block;
  clear: both;
}
.index-footer-section dd{
  margin-bottom:10px;
}

.news-fb-widget{
  text-align: left;
  height:240px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding:0 5px;
}

.news-fb-widget div{
  border-bottom: 1px solid #555;
  padding:5px 0px;
  display: block;
  float: left;
  width:100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.news-fb-widget img{
  float: left;
  margin: 0px 10px 0px 0px;
}

.floating-mid{
  width:100%;
  max-width:1000px;
  margin:0 auto;
  padding-right:310px;
}


.index-footer .index-footer-section.section-col1{
  width:100%;
  display: block;
  float: left;
  padding:0px 10px;
}

.index-footer .index-footer-section.section-col2{
  width:50%;
  display: block;
  float: left;
  padding:0px 10px;
}


.index-footer .index-footer-section.section-col3{
  width: 33.33%;
  width: calc(100%/3);
  display: block;
  float: left;
  padding:0px 10px;
}


/* TOP HEADER */

#index-top-header{
  width:100%;
  min-width: 1320px;
  background-color: #444;
  height:30px;
  position: fixed;
  z-index: 100;
}
#top-head-push{
  width:100%;
  min-width: 1320px;
  background-color: transparent;
  height:30px;
}
#index-top-header .search-top{
  position: relative;
  width:260px;
  display: inline-block;
  height: 26px;
  margin:2px 0;
}
#index-top-header .search-top input.search{
  height:26px !important;
  border:0px !important;
  border-radius: 0px !important;
  background-color:#333 !important;
  color:#fff;
  width:210px;
  position: relative;
  z-index: 10;
  padding-left: 4px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: inset 0  -8px 8px -8px #222;
  font-size: 12px;
  display: inline-block;
  margin:0px;
}

#index-top-header .search-top button.submitsearch{
  height:26px !important;
  width:37px;
  float: left;
  display: block;
  padding:0px;
  margin:0px;
  background-color:#333;
  color:#fff;
  box-shadow: inset 0  -8px 8px -8px #222;
  border: 0px;
  margin-left:3px;
  font-size: 12px;
  z-index: 4;
  position: relative;
}
#index-top-header .search-top button.submitsearch i{
  font-size: 16px;
}
#index-top-header .search-top button.submitsearch:hover i{
  color: #005580;
}
#index-top-header li.notifications{
  padding-left: 260px;
  padding-right:20px;
  border-right:1px solid #666;
}
#index-top-header li.notifications a{
  position: relative;
  height: 30px;
  display: inline-block;
}

#index-top-header li.notifications a i{
  font-size: 20px;
  line-height: 30px;
  color:#777;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.5);
}

#index-top-header li.notifications a.toggleNew i{
  color:#fff;
}

#index-top-header li.notifications a.toggleNew span.badge{
  position: absolute;
  top:4px;
  right:0px;
  font-size: 10px;
  padding:1px 5px;
  box-shadow:1px 1px 5px rgba(0,0,0,0.5);
  border-radius: 3px;
}

#index-top-header li.notifications a:hover i{

}
#index-top-header li.notifications a{
  padding:0px 10px;
}

#index-top-header li.notifications a:hover{
  background-color:#3D3D3D;
}

#index-top-header ul{
  margin: 0px;
}
#index-top-header ul li{
  display: inline-block;
  margin: 0px;
  margin-right: 20px;
  margin-top:5px;
  float: left;
  font-size: 12px;
  text-align: left;
}

.corner-logo{
  width:30px;
  height: 30px;

  z-index: 10;
  cursor: pointer;
  left:5px;
  overflow: visible;
}

.corner-logo img{
  width: 30px;
  z-index: 11;
  position: relative;
}

/*.corner-logo:after{
  content: "";
  position: absolute;
  left:0;
  top:100%;
  border-top: 10px solid #004F8F;
  border-left: 35px solid #004F8F;
  border-bottom: 10px solid transparent;
  border-right: 35px solid transparent;
  z-index: 10;
  -moz-transform: scale(.9999)
}*/

.index-yield-ad{
  display: block;
  float: left;
  margin:5px;
  width: 300px !important;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-sizing: content-box;
}

#loginad1{
  width: auto !important;
  height: auto !important;
  margin:0px !important;
  margin-left: -1px !important;
}

.index-yield-ad iframe{
  border:none;
}

#index-top-header li.lang-menu{
  margin-top:0px;
  padding:0px;
}
body html, body body{
  margin: 0px;
  padding: 0px;
  display: block;
}

.lang-menu a{
  padding: 0 10px 0 10px;
  height:30px;
  display: block;
  line-height: 30px;
}

.lang-menu a img{
  margin-bottom:4px;
}

.lang-menu ul a img{
  margin-right:5px;
}

.lang-menu:hover{
  background-color: #3d3d3d;
}
.lang-menu ul a:hover{
  background-color: #333;
}

.lang-menu ul{
  display: none;
  position: absolute;
  margin: 0px;
  z-index: 12;
}

#index-top-header .lang-menu ul li{
  position: relative;
  left: 0px;
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #3d3d3d;
}

#index-top-header .lang-menu ul li a{
  display: block;
  height: 30px;
  line-height: 30px;
  color:#fff;
}

.lang-menu:hover > ul{
  display: block;
}

body .index-style .ui-widget-header.ui-dialog-titlebar{
  background-color: #333 !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-image: url('/image/sportnik_white.png');
  background-repeat: no-repeat;
  background-position: 10px;
  background-size: auto 30px;
}

body .material-style .ui-widget-header.ui-dialog-titlebar{
  display: none;
  
}

body .material-style{
  border: none !important;
}

body .material-style .ui-dialog-content:before{
  content: "";
  position: absolute;
  height:calc(100% + 2px);
  width:150px;
  background-color: #333;
  background-image: url('/image/graphic.jpg');
  background-size: cover;
  display: inline-block;
  float:left;
  top:-1px;
  left:-1px;
  padding-left:0px !important;
  margin-right: 25px;
  z-index: 50002;

}

body .material-style .ui-dialog-content{
  display: inline-block;
  float:left;
  padding: 0px !important;
  padding-top:40px !important;
  position: relative;
  padding-left: 180px !important;
  overflow: hidden;
}

body .material-style .ui-dialog-content form{
  width: calc(100% - 180px) !important;
  display: inline-block;
}

body .index-style .ui-widget-header.ui-dialog-titlebar button:after{
  color:#fff;
  text-shadow: 0 1px 0 #000;
}

body .index-style.ui-dialog.ui-widget{
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border:0px !important;
}

.groupCover{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  min-height:134px;
  text-align: center;
}

.groupCover .header-image-overlay{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  float: left;
  display: inline-block;
}

.groupCover .logo{
  padding:3px;
  height: 124px;
  width:auto;
  /*border:1px solid #ddd;
  background-color:#fff;*/
  border-radius:4px;
  float: left;
  display: block;
  margin-bottom:10px;
  margin-left:10px;
  z-index: 1;
  position: relative;
}

.index-footer-section .widget-title{
  margin:0px;
  padding:0px;
  border-bottom: 0px;
  color:#AAAAAA !important;
}
.index-footer-section .widget-title h3{
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color:#AAAAAA !important;
}

.index-footer-section .widget{
  text-align: left;
}

.groupCover .logo img{
  max-height: 124px;
}

.groupCover h1{
  display: block !important;
  float: left;
  position: absolute;
  bottom: 0px;
  padding-left: 150px;
  z-index:0;
  height:60px;
  margin:0px;
  padding-top:0px;
  width:980px;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.groupCover h1.nologo{
  padding-left: 10px;
}

.groupCover .floatBox{
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  display: inline-block;
  clear: both;
}

.groupCover .floatBox h1{
  float: left;
  display: block;
  text-align: center;
  position: static;
  left: 0px;
  bottom:0px;
  padding:10px 20px;
  height:auto;
  width:auto;
}

p.breadcrumbs{
  font-size: 10px;
  line-height: 11px;
  margin-bottom:5px;
}

p.breadcrumbs a{
  color:#aaa;
  }

p.breadcrumbs a:hover{
  color:#333;
}
p.breadcrumbs a:hover:after{
  color:#aaa;
}

p.breadcrumbs a:not(:last-child):after{
  font-family: 'FontAwesome';
  content: "\f04e";
  margin: 0px 5px;
  color:#aaa;
}

/* SPECIAL TREATMENT "mitt sportnik" in topheader */

#index-top-header ul#loggedin{
  float: right;
  display: inline-table;
}
#index-top-header ul#loggedin li{
  height:30px;
  margin:0px;
  line-height: 30px;
  display: block;
  float: left;
  position: relative;
}

#index-top-header ul#loggedin li a{
  height: 30px;
  line-height: 30px;
  display: block;
  white-space:nowrap;
  padding: 0 15px;
  color:#fff;
}

#index-top-header ul#loggedin > li > a{
  font-weight: 700;
}

#index-top-header ul#loggedin li span{
  padding: 0 15px;
}

#index-top-header ul#loggedin > li:not(.force-collapse):hover > ul,
#index-top-header ul#loggedin > li.expand > ul{
  display: block;
}

#index-top-header ul#loggedin > li:not(.force-collapse) > a:hover,
#index-top-header ul#loggedin > li:not(.force-collapse):hover > a,
#index-top-header ul#loggedin > li > a.expand,
#index-top-header ul#loggedin > li.expand > a{
  background-color: #3d3d3d;
}

#index-top-header ul#loggedin ul li a:hover{
  background-color: #333;
}

#index-top-header ul#loggedin li > ul{
  position: absolute;
  display: none;
  z-index: 100;
  background-color: #3d3d3d;
  clear: both;
  width:auto;
}

#index-top-header ul li ul li{
  position: relative;
  left: 0px;
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #3d3d3d;
}

#index-top-header ul:after {
    content: ""; clear: both; display: block;
}

#index-top-header li.menuDivider{
  height:0px !important;
  border-bottom: 1px solid #666;
}

#admin-status,
#admin-status-clone
{
  width:100%;
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 0%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #222222 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #222222 0%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #222222 0%,#333333 100%); /* IE10+ */
background: linear-gradient(to bottom,  #222222 0%,#333333 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#333333',GradientType=0 ); /* IE6-9 */


  border-bottom:#000 1px solid;
  border-top:#000 1px solid;
  height:26px;
  display: inline-block;
  color:#eee;
  line-height: 26px;
  font-size:11px;
  clear: both;
  min-width: 1320px;
}
#admin-status > span,
#admin-status-clone > span{
  padding-right: 320px;
  display: inline-block;
  height:26px;
}

#admin-status a,
#admin-status-clone a{
  font-weight: 700;
  color:#80DC09;
  display: inline-block;
}
#admin-status a:hover,
#admin-status-clone a:hover{
  text-decoration: underline;
}

.horizontal-form-row{
  width:100%;
  display: inline-block;
  padding-top:10px;
  padding-bottom:10px;
}

.horizontal-form-row .control-group{
  margin:0px !important;
}

.horizontal-form-row .col2{
  width:50%;
  display: inline-block;
}

.horizontal-form-row .col3{
  width:33%;
  display: inline-block;
  float: left;
}

.horizontal-form-row .col3 .control-label{
  width:100px;
  font-size: 11px;
}

.horizontal-form-row .col3 .controls input{
  width: 70px;
  float: left;
  display: block;
}

.controls input[type="number"],
.controls input[type="url"]{

  width:150px;
  float: left;
  display: block;
}

.control-label.required:after{
  content: "\F069";
  font-family: "FontAwesome";
  margin-left:5px;
  font-size: 12px;
  color:rgb(73, 175, 205);
  position: relative;
  top:-5px;
}


.controls input{
    float: left;
    display: block;
}

.controls label{
    float: left;
    display: block;
    width: 100%;
}

.controls p{
    float: left;
    display: block;
    width: 100%;
}


.controls select{
    float: left;
    display: block;
    max-width:164px;
}

.controls input[type="checkbox"]{
    margin-right: 150px;
}

.controls input.no-margin-check[type="checkbox"]{
    margin-right: 10px;
}

.controls .mce-tinymce.mce-container{
  display:block;
  float:left;
}


.controls .minicolors{
  float: left;
  display: block;
}

.controls .minicolors input{
  width: 130px ;
}

.horizontal-form-row .col3 .controls{
  margin-left:120px;
}

.control-group span.direct-help{
  font-size: 11px;
  color:#333;
  height:25px;
  display: inline-block;
  float: left;
  line-height: 15px;
  padding-top:5px;
  line-height: 12px;
  margin-left:10px;
  font-style: italic;
  color: #aaa;
}

.horizontal-form-row:nth-child(2n){
  background-color: #f1f1f1;
}

.snik-cont{
  display: none;
}

.snik-cont.active{
  display: block;
}

.index-footer .footerscroller{
  height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 5px;
    text-align: left;
}

/* NEW GROUP PAGES & WIDGETS */

.group-page-content .gpc-half{
  width: 49%;
  width:calc(50% - 10px);
  display: block;
  float: left;
}

.group-page-content .gpc-padded-half{
  width: 50%;
  width:calc(50% + 10px );
  padding-left:20px;
  display: block;
  float: left;
  position: relative;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.group-page-content .gpc-padded-half .gpc-half{
  width:100%;
}

.group-page-content{
  width:100%;
  display: block;
  float: left;
  margin-bottom:20px;
}

.group-page-content > div{
  min-height: 10px;
}

.group-page-content .gpc-full{
  width:100%;
}

.group-page-content .gpc-middle-padding{
  width:34%;
  display: block;
  float: left;

}

.group-page-content .gpc-middle{
  width:32%;
  display: block;
  float: left;
}

.group-page-content .gpc-middle{
  width:32%;
  display: block;
  float: left;
}

.group-page-content .gpc-full h2{
  border:none;
}

.group-page-content .gpc-big{
  width:66%;
  float: left;
  min-height: 10px;
  display: block !important;
}

.group-page-content .gpc-padded-right{
  width:34%;
  padding-left: 20px;
  float: left;
  position: relative;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.group-page-content .gpc-padded-right:before,
.group-page-content .gpc-padded-half:before{
  content: "";
  height:100%;
  width:0px;
  border-left:1px solid #eee;
  display: block;
  position: absolute;
  top: 0px;
  left: 10px;
}

.group-page-content .gpc-padded-left:after{
  content: "";
  height:100%;
  width:0px;
  border-left:1px solid #eee;
  display: block;
  float: left;
  position: absolute;
  top: 0px;
  right:10px;
}


.group-page-content .gpc-padded-left{
  width:34%;
  padding-right: 20px;
  float: left;
  position: relative;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.group-page-content .gpc-right,
.group-page-content .gpc-left{
  width:100%;
}
.group-page-content .gpc-right .c3_3,
.group-page-content .gpc-left .c3_3{
  width: 100%;
}
.create-content,
.create-content-disabled{
  background-color: #FAFAFA;
  border: 1px solid #DDDDDD;
  min-height: 50px;
  padding:0px 10px;

  width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-top:10px;
  padding-bottom:10px;
  float:left;
}

.create-content-main{
  padding-right:20px;
  margin-top:35px;
}

.create-content-col{
  width:100%;
  min-height: 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding:0px 0px;
  border:0px;
  margin-top:10px;
  padding-bottom:0px;
  float:left;
}

.create-content-col .create-content-left{
  width:60%;
  float: left;
  margin:0px;
  margin-top:0px;
  padding-bottom:10px;
}

.create-content-col .create-content-col2{
  width:318px;
  min-height:50px;
  margin-left:10px;
  float: left;
  margin-top:0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.create-content-col .create-content-col3{
  width:208px;
  min-height:50px;
  margin-left:10px;
  float: left;
  margin-top:0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.create-content-col .create-content-col2:first-child,
.create-content-col .create-content-col3:first-child{
  margin-left:0px;
}

.create-content-col .margin-left{
  width:40%;
  min-height:50px;
  padding-left:10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.create-content-col .margin-right{
  width:40%;
  min-height:50px;
  padding-right:10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.create-content.one-third,
.margin-right.one-third,
.margin-left.one-third{
  width:33%;
  margin-top:0px;
}
.margin-left.one-third{
  width:34%;
}


.create-content-col .create-content-right{
  width:60%;
  margin-top:0px;
  margin:0px;
  padding-bottom:10px;
}

.create-content-col .margin-left .create-content-right,
.create-content-col .margin-right .create-content-left{
  width:100% !important;
}


.create-content{

}

.create-content span.content-type{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #FAFAFA;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px 1px;
    border-bottom: 0px;
    color: #666666;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 0 10px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: -25px;
    width: 80px;
}

.widget-helper{
    height:30px;
  min-height: 30px;
  max-width:300px;
}

.create-content-main > .create-content:after,
.create-content-main > .create-content-disabled:after,
.create-content-main .create-content-right:after,
.create-content-col .create-content-col2:last-child:after,
.create-content-col .create-content-col3:last-child:after {
  height:100%;
  width:10px;
  background-image:url('/image/diagonal-noise.png');
  position:absolute;
  left:100%;
  top:-1px;
  content:"";
  cursor: move;
  border: 1px solid #ddd;
  border-left:0px;
}

.create-content-main .create-content-widget{
  background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fafafa 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fafafa 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fafafa 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #fafafa 0%,#eeeeee 100%); /* W3C */
  border: 1px solid #DFDFDF;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: 0 1px 0 #FFFFFF inset;
  color: #464646;
  cursor: move;
  font-size: 13px;
  text-shadow: 0 1px 0 #FFFFFF;
  height:30px;
  min-height: 30px;
  line-height:30px;
  border-radius: 3px 3px 3px 3px;
}

.create-content-widget a.delete-widget{
  float:right;
}
.create-content-main .create-content-widget a.delete-widget{
  display: none;
}

.create-content-main .create-content-widget.open{
  height:auto;
}



.create-content-main .create-content-widget .edit-widget-form{
  position:relative;
  margin-left:-10px;
  margin-right:-10px;
  background-color:#fff;
  min-height:50px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  padding:10px;
  display: block;
  float: left;
  width:100%;
}

.edit-widget-form label{
  font-size: 11px !important;
  width:100% !important;
  text-align: left !important;
}

.edit-widget-form .controls{
    width: 100% !important;
    margin:0px !important;
}

.widget-placeholder{
  border:2px dashed #ddd;
  width:100%;
  height:30px;
}

.content-placeholder{
  width:100%;
  height:50px;
  border: 1px dotted #ddd;
  float: left;
  margin-top:10px;
}

.layout-builder-tools .create-content span.actions,
.layout-builder-tools .create-content span.edit{
  display: none;
}

.create-content .layout-area:-moz-only-whitespace:before{
  content:"Placera widgets här genom att dra från menyn till höger";
  display: block;
  width:100%;
  padding-top:10px;
  line-height: 28px;
  text-align: center;
  color:#bababa;
  font-style: italic;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;

}
.create-content .layout-area:empty:before{
  content:"Placera widgets här genom att dra från menyn till höger";
  display: block;
  width:100%;
  padding-top:10px;
  line-height: 28px;
  text-align: center;
  color:#bababa;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  font-style: italic;
}

.layout-builder-widgets .create-content{
  height:auto !important;
  min-height: 0px;
  padding: 10px;
}

.create-content span.actions{
  position:absolute;
  right:0px;
  top:0px;
  height: 30px;
}

.create-content span.edit,
.create-content span.remove{
  background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fafafa 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fafafa 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fafafa 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #fafafa 0%,#eeeeee 100%); /* W3C */
  display: block;
  float:right;
  border:0px;
  border-left: 1px solid #DFDFDF;
  height: 28px;
  cursor:pointer;
  padding: 0px 5px;
  color: #666666;
  font-size: 10px;
  letter-spacing: 1px;
  z-index: 2;
  position: relative;
}


.create-content-main .create-content-widget .title{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  width:90%;
  max-width:90%;
  z-index: 1;
  height: 28px;
  transition: all 0s;
}

.create-content-main .create-content-widget .title:hover{
  background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fafafa 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fafafa 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fafafa 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #fafafa 0%,#eeeeee 100%); /* W3C */
  position: absolute;
  max-width:auto;
  width:auto;
  z-index: 3;
  transition: all 0s;
  transition-delay: 2s;
}

.create-content span.edit:after{
    content: "▾";
    padding-left: 5px;
}

.create-content span.edit:hover{
  color:#000;
  background-color: #EEE;
}

.create-content span.remove:hover{
  color:#000;
  background-color: #EEE;
}

.form-loader{
  width:100%;
  text-align: center;
}

.h1-divide{
  border-bottom: 1px solid #ddd;
  padding-left:30px;
  padding-right:30px;
  margin-left:-10px;
  margin-right:-10px;
  width:1000px;
}

.sportnik-mini-footer{
  width:100%;
  float: left;
  min-width: 1320px;
  height:30px;
  background-color: #222;
  color:#fff;
}

.sportnik-mini-footer .mini-login{
  font-size: 12px;
  line-height: 30px;
}

.sportnik-mini-footer ul{
  list-style-type: none;
  margin:0px;

}

.sportnik-mini-footer ul li{
  list-style-type: none;
  display: block;
  float: left;
  line-height: 30px;
  font-size: 11px;
}

.sportnik-mini-footer ul li br{
  display: none;
}

span.is-content-area{
  border:0px;
  background: transparent !important;
  box-shadow: none !important;
  margin-top:10px !important;
  line-height: 26px;
  border-radius: 0px;
  color:#666;
  font-size: 14px;
  display: inline-block;
  padding:4px 12px;
  float:left;
}

.btn-group.snik-dropdown a{
  border:0px;
  background: transparent !important;
  box-shadow: none !important;
  margin-top:10px;
  line-height: 26px;
  border-radius: 0px;
  color:#666;
}

.btn-group.snik-dropdown a span.caret{
  border-top-color:#666;
  border-left-width: 8px;
  border-right-width: 8px;
  border-top-width: 8px;
  margin-left:30px;
}

.btn-group.snik-dropdown ul{
  background-color:#fafafa;
  border-color: #ddd;
  border-radius: 0px;
  max-height: 400px;
  overflow-x:auto;
  min-width: 200px;
}

.btn-group.snik-dropdown ul li:not(.divider){
  padding: 2px 10px;
  cursor: pointer;
}

.btn-group.snik-dropdown ul li:hover{
  background-color:#D9EDF7;
}

div.snik-complete input.complete-field{
  position: relative;
  margin-bottom:0px;
}

div.snik-complete input.complete-field.open{
  border-bottom:none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

div.snik-complete ul{
  position: relative;
  top:0px;
  border:1px solid #ccc;

  list-style: none;
  margin: 0px;
  width:185px;
  clear: both;

  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

div.snik-complete ul li{
  width:100%;
  padding:2px 6px;
  border-top:1px dotted #f1f1f1;
  font-size: 12px;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

div.snik-complete ul li:hover{
  background-color: #f1f1f1;
}

div.snik-complete ul li.active{
  background-color:#D9EDF7;
}

.snik-complete{
  position: relative;
}

.snik-complete input{
  float: left;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.snik-complete .arrow{

  color:#aaa;
  font-size:13px;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 28px;
  background: #fafafa; /* Old browsers */
  background: -moz-linear-gradient(top,  #fafafa 0%, #dddddd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fafafa 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fafafa 0%,#dddddd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fafafa 0%,#dddddd 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fafafa 0%,#dddddd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
  border:#ccc solid 1px;
  border-left: 0px;
  left:0px;
  top: 0px;
  line-height: 28px;
  text-align: center;
}


.snik-complete .arrow.active{
  border-bottom:none;
  color:#333;
}

.snik-complete .arrow:hover{
  background:#e9e9e9;
  cursor: pointer;
  color:#666;
}

input.fullwidth, textarea.fullwidth{
  width:100%;

    box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input.fullwidth{
  height: 30px;
}
.folder-selector{
  display: block;
  float: left;
  max-height:400px;
  min-height: 100px;
  width: 30%;
  overflow-x: hidden;
  border: 1px solid #ddd;
  border-right:0px;
  border-bottom:0px;
  box-sizing: border-box;
  height:100%;
  position: relative;
}

.folder-selector, .folder-selector ul{
  margin:0px;
  padding:0px;
  list-style-type: none;
}

.folder-selector .folder{
  width:100%;
  cursor: pointer;
  margin:0px;

}




.folder-selector .folder.folder-state-active{
  background-color:rgba(217, 237, 247, 0.5) !important;
}

.folder-selector .folder.folder-state-hover{
  background-color:rgba(217, 237, 247, 1) !important;
  font-weight: bold;
}


.folder-selector .folder span{
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
}

.folder-selector .folder.closed ul{
  display: none;
}

.folder-selector ul .folder span{
  padding-left:20px;
}

.folder-selector ul ul .folder span{
  padding-left:30px;
}

.folder-selector .folder span .icon-caret-down{
  float: right;
}



.folder-selector ul ul ul .folder span{
  padding-left:40px;
}

.folder-selector .file-grid:hover{
}

.file-grid.ui-draggable-dragging{
  z-index:10000;
}
.file-grid{
  position: relative;
}
.file-grid i.icon{
  color: #fff;
  font-size: 16px;
  height:20px;
  width: 20px;
  line-height: 20px;
  background-color: rgba(0,0,0,0.5);
  border: 2px solid #fff;
  position: absolute;
  top: -5px;
  right:-5px;
  border-radius: 12px;
  text-align:center;
}

.folder-selector .folder p{
  margin: 0px !important;
}

.folder-selector .folder > span:before{
  content: "\F07C";
  font-family: "FontAwesome"; 
  margin-right:10px;
  font-size: 18px;
  color:#333;
}
.folder-selector .folder.closed > span:before{
  content: "\F07B";
}

.image-selector{
  display: block;
  float: left;
  max-height:400px;
  min-width: 303px;
  width:70%;
  overflow-x: auto;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.image-selector .folder-holder{
  width:78px;
  height:78px;
  display: block;
  float: left;
  text-align: center;
}

.file-grid{
  height:100px;
  width: 78px;
  display: block;
  float: left;
  margin: 5px;
}

.image-selector .dir-go-back,
.image-selector .load-more{
  display: block;
  width: calc( 100% - 30px);
  float: left;
  background-color:rgba(200,200,200, 1);
  padding: 5px;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  position: relative;
  margin-left: 15px;
  margin-right:15px;
  border-radius: 4px;
}

.image-selector .file-grid:hover p{
  text-decoration: underline;
}

.image-selector .file-grid p{
  font-size:11px;
  color:#333;
  text-shadow: 1px 1px #ddd;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  text-overflow:ellipsis;
  width: 100%;
  display: block;
  float: left;
  overflow: hidden;
}

.image-selector .folder{
  background: #fce08d; /* Old browsers */
background: -moz-linear-gradient(top,  #fce08d 0%, #a2894f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce08d), color-stop(100%,#a2894f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fce08d 0%,#a2894f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fce08d 0%,#a2894f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fce08d 0%,#a2894f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fce08d 0%,#a2894f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce08d', endColorstr='#a2894f',GradientType=0 ); /* IE6-9 */

  margin:0 auto;
  width:70px;
  height:50px;
  cursor: pointer;
  border: 1px solid #735A34;
  border-radius:2px;
  margin-top:10px;
}

.image-selector .folder:before{
  content: "";
  display: block;
  float: left;
  position: relative;
  left: 2px;
  top:-10px;
  height:8px;
  width:70%;
  background: #ffffff; /* Old browsers */
  border:#888 1px solid;
  border-bottom:0px;
  box-shadow: inset 0 -10px 5px -10px #888;
  -moz-box-shadow: inset 0 -10px 5px -10px #888;
  -webkit-box-shadow: inset 0 -10px 5px -10px #888;
  border-top-right-radius: 10px;
}

.image-selector .folder:after{
  content:"";
  display: block;
  float: left;
  position: relative;
  top:-10px;
  left: 0px;
  border-bottom: 25px solid rgba(255,255,255, 0);
  border-top: 25px solid rgba(255,255,255, 0.3);
  border-left: 35px solid rgba(255,255,255, 0.3);
  border-right: 35px solid rgba(255,255,255, 0);
}

.image-selector .folder:hover{
  background-color: #FEF4D6;
}

.image-selector .file:hover{
  border:1px solid #f1f1f1;
}

.image-selector .file{
  display: block;
  float: left;
  width:100%;
  height:70px;
  padding:3px;
  border:1px solid #ddd;
  background-color:#fff;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
}

.image-selector .file img{
  max-height:70px;
  max-width:70px;
}



.image-selector .file-grid.selected p{
  background-color: #3A87AD;
  border-radius: 3px;
}

.horizontal-line{
  width:100%;
  border-top:1px solid #ddd;
  margin:10px 0;
}

.form-selected-images .group{
  display: block;
  float: left;
  margin: 3px;
  padding: 3px;
}

.image-select .add-image{
  width: 100%;
  display: block;
  float: left;
}

.image-select a.remove{
  position: absolute;
  top:-10px;
  right: -10px;
  font-size:20px;
  line-height: 20px;
  color:#B94A48;
  text-shadow:1px 1px 1px #fff, 1px 1px 1px #fff;
  cursor: pointer;
}

.image-select .group{
  position: relative;
  width:60px;

  border:5px solid #fff;
  box-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc;
  margin:3px;
}
.image-select .group img,
.image-select .group input{
  display: block;
  float: left;
  clear: both;
}

.image-select .group input{
  margin-top:5px;
}

.image-select .group.filegroup-wide{
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.slider-frame {
  height: 11px;
    width: 25px;
  background: none repeat scroll 0 0 #F2DEDE;
    border: 1px solid #B94A48;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    margin: 1px 10px;
    position: relative;
}
.slider-button {
  background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #B94A48;
    border-radius: 4px;
    left: -1px;
    position: absolute;
    top: -1px;
    height: 11px;
    left: -1px;
    width: 12px;
}

.slider-frame.on{
  background: #DFF0D8;
  border-color:#468847;
}

.slider-frame.on .slider-button{
  left:12px;
  border-color:#468847;
}

.negative {
    color: #C4262E;
}

.slider-form-images{
  width:100%;
  display: block;
  float: left;
}

.slider-form-images .group{
  border: 1px solid #acacac;
  padding:6px;
  float:left;
  list-style-type: none;
  width:100px;
  margin:5px;
  position: relative;
}

.slider-form-images .group:hover{
  background-color: #DFF0D8;
  cursor: pointer;
}

.slider-form-images .group .prev-img{
  display: block;
  float: left;
  width: 100px;
  height:80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom:2px;
}

.slider-form-images .group .remove{
  position: absolute;
  top: 0px;
  left: 90px;
  font-size: 22px;
  text-shadow: -1px 1px 1px #fff;
  color:#B94A48;
}

.slider-form-images .group .remove:hover{
  color:#000;
}

.slider-form-images .group input[readonly]{
  font-size: 9px;
  width:100%;
  float: left;
  display: inline-block;
  background-color: transparent;
  border: none;
  padding:0px;
  line-height: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  cursor: pointer;
}

.access-blocked{
  position: relative;
}
.access-blocked:before{
  content: '\f023';
  font-family: 'FontAwesome';
  margin-left:-5px;
  margin-right:5px;
}

.access-blocked:after{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0,0,0,0.15);
  content: '';

}

.font-select option[value="1"]{
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.font-select option[value="2"]{
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
}
.font-select option[value="3"]{
  font-family: Georgia, Times, "Times New Roman", serif;
}
.font-select option[value="4"]{
  font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
.font-select option[value="5"]{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-select option[value="6"]{
  font-family: Verdana, Geneva, sans-serif;
}
.font-select option[value="7"]{
  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;
}
.font-select option[value="8"]{
  font-family: "Raleway";
}
.font-select option[value="9"]{
  font-family: "Comic Sans MS", cursive;
}
.font-select option[value="10"]{
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.font-select option[value="11"]{
  font-family: 'Anton';
}
.font-select option[value="12"]{
  font-family: 'Lusitana';
}
.font-select option[value="13"]{
  font-family: 'Open Sans Condensed';
}
.font-select option[value="14"]{
  font-family: 'Amatic SC';
}
.font-select option[value="15"]{
  font-family: 'Pacifico';
}
.font-select option[value="16"]{
  font-family: 'Magic';
}
.font-select option[value="17"]{
  font-family: 'Lobster';
}
.font-select option[value="18"]{
  font-family: 'PT_Sans-Narrow';
}

@media screen and (max-width: 1030px){ /* tablet, landscape iPad, lo-res laptops ands desktops */
  .terms-overlay > .terms-area{
    width:100% !important;
    box-sizing: border-box;
  }

  .terms-overlay > .terms-area input{
    white-space: pre-wrap;
    height: auto;
  }
/*  body, html{
    width:100% !important;
    overflow: visible;
  }
  #index-top-header{
    left:0px;
    position: absolute;
  }*/


}

ul.arrow-list, ul.arrow-list ul{
  list-style-type: none;
  margin:0px;
  padding:0px;

}

ul.arrow-list .expand ul{
  display: none;
}
ul.arrow-list .expand{
  cursor: pointer;
}

ul.arrow-list .expand li{
  margin-left:10px;
}

ul.arrow-list li{
  font-size:13px;
  line-height: 31px;
  color:#666;
}

ul.arrow-list li.expand:before{
  font-family: "FontAwesome";
  content: "\f116";
  margin-right:10px;
  color:#ccc;
}

ul.arrow-list li:before{
  font-family: "FontAwesome";
  content: "\f101";
  margin-right:10px;
  color:#ccc;
}


ul.arrow-list li:not(.expand):hover:before{
  margin-right:7px;
  margin-left:3px;
}

table#logstable th{
  cursor: pointer;
}

table#logstable th, table#logstable td{
  padding:0px 10px;
}


.selectedCols{
  background-color:#d9edf7 !important;
  position: relative;
  border-bottom:#ccc;
}

.selectedCols:before{
  content: "";
  display:block;
  position: absolute;
  left:-1px;
  top:-1px;
  width:1px;
  height:21px;
  background-color: #BCE8F1;
}

.selectedCols:after{
  content: "";
  display:block;
  position: absolute;
  right:-1px;
  top:-1px;
  width:1px;
  height:21px;
  background-color: #BCE8F1

}

.headtr td{
  font-weight: bold;
  background-color:#333 !important;
  color:#fff;
}
.detailtr td{
  background-color:#BCE8F1 !important;
}

.ui-dialog{
  z-index: 50000;
}

ul.nav-form-steps{
  display: inline-block;
  list-style-type: none;
  width: 100%;
  margin:0px;
  clear: both;
  margin-bottom:20px;
}

ul.nav-form-steps li{
  width:25%;
  display: block;
  float: left;
}

ul.nav-form-steps li.locked a:hover{
  cursor: not-allowed !important;
}

ul.nav-form-steps li a{
  width: 100%;
  background-color: #D9EDF7;
  display: block;
  float: left;
  padding-left:20px;
  color:#3A87AD;
  position: relative;
  overflow-y: visible;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  font-weight: 700;
  font-family: "Raleway";
  outline:none;
  height: 32px;
  line-height: 30px;
}

ul.nav-form-steps li a span{
  display: inline-block;
  font-size: 16px;
  margin-right:10px;
}

ul.nav-form-steps li.completed a{
  background-color: #DFF0D8;
  color:#468847;
}

ul.nav-form-steps li:not(:last-child).completed a:after{
  border-left: 16px solid #DFF0D8;
}


ul.nav-form-steps li.active a{
  background-color: #3A87AD;
  color: #D9EDF7;
}

ul.nav-form-steps li:not(:last-child).active a:after{
  border-left: 17px solid #3A87AD;
}



ul.nav-form-steps li:not(:last-child) a:after{
  content: "";
  display: block;
  position: absolute;
  right:-32px;
  top:0px;
  width:0px;
  height: 0px;
  border-left: 16px solid #D9EDF7;
  border-right: 16px solid rgba(0,0,0,0);
  border-top: 16px solid rgba(0,0,0,0);
  border-bottom: 16px solid rgba(0,0,0,0);
  z-index: 1;
}

ul.nav-form-steps li a:before{

}
.scroll-pane
{
  width: 100%;
  height: 400px;
  overflow: auto;
}

.btn.btn-prev-page{
  font-size: 13px;
  line-height: 18px;
}

.btn-prev-page:before{
  content: "\f100";
  font-family: "FontAwesome";
  padding-right:8px;
  line-height: 28px;
  display: inline-block;
  height:28px;
  border-right:1px solid #111;
  border-color: rgba(0, 0, 0, 0.25);
  position: relative;
  top:-5px;
  margin-bottom:-10px;
  margin-right:8px;
  margin-left:-4px;
  display: inline-block;
  float:left;
  box-shadow: inset -1px 0 3px -2px rgba(255,255,255,0.6);
}

.btn-next-page:after{
  content: "\f101";
  font-family: "FontAwesome";
  padding-left:8px;
  line-height: 28px;
  display: inline-block;
  height:28px;
  border-left:1px solid #111;
  border-color: rgba(0, 0, 0, 0.25);
  position: relative;
  top:-5px;
  margin-bottom:-10px;
  margin-left:8px;
  margin-right:-4px;
  display: inline-block;
  float:right;
  box-shadow: inset 1px 0 3px -2px rgba(255,255,255,0.6);
}

.fieldset-paginator-controls{
  display: block;
  float: left;
  width:100%;
  height:50px;
  position: relative;
}

.fieldset-paginator-controls button,
.fieldset-paginator-controls a{
  position: absolute;
  bottom:0px;
}

.fieldset-paginator-controls .next{
  right:0px;
}

.fieldset-paginator-controls .prev{
  left:0px;
}

.snik-schain-wrapper select:not(:first-child){
  margin-top:10px;
}

i.icon-required-field{
  background-color: transparent !important;
  color:inherit !important;
}

i.icon-required-field:after{
  font-family: "FontAwesome";
  content: "\f069";
  line-height: 30px;
  margin-left:5px;
  background-color: transparent !important;
  color:inherit !important;
}
.printOnly{
  display: none;
}

.mce-modal-btn button i:before{
  content: "\f08e";
  font-family: "FontAwesome";
}

a.circle-image-link{
  height:160px;
  width:160px;
  border-radius: 90px;
  overflow: hidden;
  display: block;
  padding:5px;
  position: relative;
  box-shadow: 0 0 8px #abbbbd;
  background-color:#fff;
}
a.circle-image-link img{
  border-radius: 80px;
    height: 160px;
    width: 160px;
}

a.circle-image-link:after {
    border-color: rgba(255, 255, 255, 0) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(255, 255, 255, 0);
    border-left: 85px solid rgba(255, 255, 255, 0);
    border-radius: 90px;
    border-style: solid;
    border-width: 85px;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}

a.circle-image-link:hover:after{
  border-color: transparent;
}

div.multifield{
    display: block;
    float: left;
    width:156px;
    border-radius: 4px;
    color: #555;
    display: inline-block;
    font-size: 14px;
    min-height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    cursor:text;
}

div.multifield a.choice{
  background: -moz-linear-gradient(center top , rgba(252, 252, 252, 1) 0%, rgba(224, 224, 224, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #d7d7d7 #c2c2c2 #c2c2c2 #d7d7d7;
    color: #353535;
    text-shadow: 0 1px 0 white;
    display: block;

    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-radius:4px;
    border-color: #d7d7d7 #c2c2c2 #c2c2c2 #d7d7d7;
    border-image: none;
    border-style: solid;
    border-top-left-radius: 4px;
    border-width: 1px;
    float: left;
    height: 14px;
    line-height: 14px;
    padding: 2px 6px;
    z-index: 10;
    font-family: 'Raleway';
    font-size: 11px;
    margin:1px;
}

ul.list-choices{
  border: 1px solid #ddd;
    box-sizing: border-box;
    list-style-type: none;
    max-height: 200px;
    overflow-y: auto;
    padding: 10px;
    width: 100%;
    line-height: 22px;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    display:block;
    float: left;
}

ul.list-choices li{
  line-height: 22px;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

ul.list-choices li label input[type="checkbox"]{
  display: inline-block;
    margin-right: 4px;
    margin-top:4px;
}
ul.list-choices li label{
  color: #444;
    font-size: 11px;
}

.lok-stats-table tr.head td{
  font-weight: bold;
}
.lok-stats-table tr:not(.nohover):hover td{
  background-color:#D9EDF7 !important;
}
.lok-stats-table.hidden{
  display: none;
}

.right-float-search input, .right-float-search button{
  display:block !important;
  float:left;
  margin-left:10px;
}

.right-float-search{
  display:inline-block !important;
  float:right;
}

/***************MAKEMONEY */
.make-money-partners td img{
  width:210px;
}

.make-money-partners table{
  border-spacing: 10px;
  border-collapse: separate;
}

.make-money-partners table td{
  background-color:#fff;
  box-shadow: 0 0 8px rgba(0,0,0, 0.3);
  text-align: center;
}

.make-money-partners.make-money-footer{
  text-align: center;
  margin-top:0px;
}
.make-money-partners.make-money-footer table{

  margin:0 auto;
}

.make-money-partners table td a{
  width: 100%;
  text-align: center;
  margin-top:10px;

}

ul.table-style,
ul.table-style li{
  list-style:none;
  margin:0px;
  padding: 0px;
  font-size:12px;
}
ul.table-style li:first-child{
  border-top: 1px solid #ddd;
}
ul.table-style li{
  padding: 0 5px;
  border-bottom: 1px solid #ddd;
}

.popover-content.no-padding{
  padding: 5px 0px;
}


.thin-column li a.active i.icon-ok,
.thin-column li a.active i.icon-remove,
.thin-column li a.active i.icon-question-sign{
  color:#fff;
}



body.responsive #mainContain{
  width:100% !important;
  max-width:1000px;
}

body.responsive #sportnik-area,
body.responsive #nav-main-top{
  width:100% !important;
  max-width:980px;
}

.annons2{
  display: none;
}

body.responsive #nav-main-top div.responsive-handle{
  display: none;
  height: 50px;
  line-height: 50px;
  /*background-color:#404040;*/
}
body.responsive #nav-main-top div.responsive-handle i{
  margin: 0px 10px 0 0;
  font-size: 22px;
  line-height: 50px;
  width:50px;
  text-align: center;
  background-color: #303030;
  cursor: pointer;
}
body.responsive #nav-main-top.responsive-expand div.responsive-handle i:before{
  content:"\f057"
}


button.comment{
    margin-top:10px;
  }

.participant-box{

  float: left;
  display: block;
  background-image: url('/image/noise.png');
  padding:10px;
  border-bottom: 1px solid rgb(208, 209, 213);
  border-left: 1px solid rgb(223, 224, 228);
  border-right: 1px solid rgb(223, 224, 228);
  border-top: 1px solid rgb(229, 230, 233);
  box-sizing: border-box;
  position: relative;
}
.participant-box div.participant-list{
  padding-bottom: 5px;
  list-style: none;
  border-bottom: 1px solid rgb(208, 209, 213);
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin:0px;
}
.participant-box div.participant-list div.participant{
  display: block;
  list-style: none;
  float: left;
  height: 50px;
  width: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-right:5px;
  box-sizing: border-box;
}

.participant-box div.participant-list div.participant i{
  size: 16px;
  color:#fff;
  background-color:#468847;
  border-radius: 8px;
  position: absolute;
  bottom:2px;
  right: 2px;
  height:16px;
  width: 16px;
  text-align: center;
  line-height: 16px;
  display: block;
  box-sizing: border-box;
}

.participant-box div.participant-list div.participant i.icon-question{
  background-color: #3A87AD;
}

.participant-box .comment{
  display: none;
}

.participant-box.expanded .no-comment{
  display: none;
}

.participant-box.expanded .comment{
  display: block;
  float:left;
  width:220px;
  overflow: hidden;
  height:50px;
  padding: 9px;
  line-height: 16px;
  font-family: 'Raleway';
  font-size: 12px;
  box-sizing: border-box;
}

.participant-box.expanded .participant-container{
  border-top:1px solid #ddd;
  float:left;
  display: block;
  margin-top: 5px;
  padding-top: 5px;
}
.participant-box.expanded .participant-container:first-child{
  border-top: 0px;
  margin-top: 0px;
  padding-top: 0px;
}

.participant-box .participant-count-box{
  margin-top:10px;
  display: block;
  float: left;
  width:100%;
  box-sizing: border-box;
}

.participant-box .participant-count-box div{
  width:33%;
  text-align: left;
  display: block;
  float: left;
  color:#555;
  font-family: 'Raleway';
  box-sizing: border-box;
}

.participant-box .participant-count-box div span.count{
  font-size: 26px;
  width: 100%;
  display: block;
  float: left;
}

#show-comments{
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 16px;
  cursor: pointer;
}

#show-comments:hover:before{
  content: "\f075";
}

.responsive-popup-menu{
  background-color: #333;
  color:#fff;
  border: 0px;
  border-radius: 2px;
}

.responsive-popup-menu a{
  width:100%;
  color:#fff;
  display: block;
  float: left;
  padding:10px;
  box-sizing: border-box;
  font-size: 14px;
}
.responsive-popup-menu a i{
  width:30px;
  text-align: center;
  display: inline-block;
  float: left;
  line-height: 20px;
}

.responsive-popup-menu .ui-dialog-titlebar{
  background-color: #303030;
  border-bottom: 0px !important;
}

.responsive-popup-menu.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close:after{
  color:#fff !important;
  text-shadow: none !important;
}

.responsive-popup-menu .ui-dialog-title{
  color:#fff;
  float:left;
  text-align: left;
}

.responsive-calendar-control{
  display:none;
}

.check-style-list{

  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  display: block;
  float: left;
  border-radius: 4px;
  width: 180px;
  margin-bottom: 0px;
}

.check-style-list .list-head{
  width:100%;
  font-size: 14px !important;
  font-weight: bold;
  /*margin-left:25px;*/
}

.check-style-list .list-description{
  font-size: 12px !important;
  margin-left:23px;
}

.check-style-list .list-head::after {content: '\A'; white-space: pre;}

.check-style-list.double{
  width:340px;
}

.check-style-list li li label{
  background-color:#f1f1f1 !important;
}
.check-style-list li li input{
  margin-left:10px;
}

.checkstyle-narrow .scroller{
  width:198px !important;
}

.scroller{
  width:198px;
  max-height:200px;
  overflow-y: scroll;
  box-shadow: 0 20px 10px -20px #aaa, 0 -20px 10px -20px #aaa;
  border-radius: 4px;
}

.scroller{
  width:358px;
}

.scroller::-webkit-scrollbar, 
.scroll-style::-webkit-scrollbar {
    width: 12px;
}

.scroller::-webkit-scrollbar-track,
.scroll-style::-webkit-scrollbar-track {
    background-color:rgba(200,200,200, 0.5);
    border-radius: 10px;
}

.scroller::-webkit-scrollbar-thumb,
.scroll-style::-webkit-scrollbar-thumb
 {
    border-radius: 10px;
    background-color:rgb(83, 95, 112);
    -webkit-transition: background-color 1s ease-in;
}
.scroller:hover::-webkit-scrollbar-thumb,
.scroll-style:hover::-webkit-scrollbar-thumb{
  background-color:rgb(88, 102, 118);
  -webkit-transition: background-color 1s ease-in;
}

.gjs-cv-canvas__frames{
  background: rgba(0,0,0,0.75);
}px;
}

.check-style-list label input[type="checkbox"],
.check-style-list label input[type="radio"]{
  margin-right: 10px;
}

.check-style-list li label{
  padding: 4px 6px !important;
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin:0px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 13px !important;
    color:#4b4b4b !important;
}

.check-style-list li label.checked{
   background-color: #fcf8e3 !important;
   color: #8a6d3b !important;
}

.check-style-list li:not(:last-child) label{
  border-bottom:  #ccc 1px solid !important;

}
.check-style-list li li:not(:last-child) label{
  border-bottom:  #ddd 1px solid !important;

}


table.snik-table{
    margin:5px 0px;
    border-spacing: 2px;
    border-collapse: separate;
    font-size: 11px;
}
table.snik-table.compact td,
table.snik-table.compact th{
  padding:5px !important;
}
table.snik-table th,
table.snik-table td{
    padding:10px !important;
}
table.snik-table tr{
    background-color: rgba(217, 237, 247, .6)
}
table.snik-table tr:nth-child(even){
    background-color: rgba(217, 237, 247, .3)
}
table.snik-table th{
    padding: 15px 5px !important;
    color:rgb(58, 135, 173);
    background-color: #D9EDF7
}

table.snik-table tbody.hidden{
    display: none;
}

table.snik-table tr:hover{
    background-color: rgba(217, 237, 247, 1)
}

/*table.snik-table.rotate-headers th > div{
  position: relative;
  top: 0px;
  left: 40px;
  height: 100%;
  transform:skew(-45deg,0deg);
  -ms-transform:skew(-45deg,0deg);
  -moz-transform:skew(-45deg,0deg);
  -webkit-transform:skew(-45deg,0deg);
  -o-transform:skew(-45deg,0deg);
  overflow: hidden;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background-color:#D9EDF7;
}*/
table.snik-table.rotate-headers th > div{
  width:100%;
  height:100%;
  position: relative;
}
table.snik-table.rotate-headers th > div > span {
  transform:rotate(-45deg);
  transform-origin: 0% 0%;
  position: absolute;
  left:30px;
  bottom:0px;
  display: block;
  text-align: left !important;
  white-space: nowrap;
}

table.snik-table.rotate-headers th > div:before {
  left: 40px;
  content: "";
  background-color: #D9EDF7;
  width:100%;
  height:100%;
  display: block;
  position: absolute;
  top:0px;
  left:40px;
  transform:skew(-45deg,0deg);
  -ms-transform:skew(-45deg,0deg);
  -moz-transform:skew(-45deg,0deg);
  -webkit-transform:skew(-45deg,0deg);
  -o-transform:skew(-45deg,0deg);
}
table.snik-table.rotate-headers th:last-child{
  overflow: hidden;
}

table.snik-table.rotate-headers th{
  background-color: transparent;
  height: 80px;

  position: relative;
  vertical-align: bottom;
  padding:0px !important;
  text-align: left !important;
  overflow: visible;
  border-spacing: 0px;
  border-collapse: collapse;
}

table.snik-table.rotate-headers thead tr{
  background-color: transparent;
  border-spacing: 0px;
  border-collapse: collapse;
}

table.snik-table.rotate-headers thead{
  background-color: transparent;
  border-spacing: 0px;
  border-collapse: collapse;
}


.listmemberslist{
  width:100%;
  overflow-x: hidden;
}

.controls.removeable input.removeable{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  width:136px;
}
.controls.removeable .remove-btn{
  display: inline-block;
  height: 20px;
  font-size: 15px;
  line-height: 20px;
  border: 1px solid #ccc;
  border-left: 0px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4);
  padding: 4px 10px;
  border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
  color: #B94A48;
}
.controls.removeable .remove-btn:hover{
  box-shadow: 2px 2px 4px 1px #F2DEDE inset, -2px -2px 4px 1px #F2DEDE inset;
}
.controls.removeable .remove-btn:before{
  content: "\f014";
  font-family: "FontAwesome";
}

.fake-input{
  float: left;
  width: 100px;
  line-height: 20px;
  display: block;
  height: 20px;
  padding: 4px 6px;
  border-radius: 4px;
  background-color: #eee;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.tt-menu{
    margin-top:5px;
    min-width:50%;
    background-color:#fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius:4px;
    padding:4px;
    box-shadow:0px 6px 12px rgba(0,0,0,0.17);
}

.tt-menu .tt-suggestion{
    background-color:#f5f5f5;
    border-radius:5px;
    margin-bottom:8px;
    padding:3px 12px;
    font-size:13px;
    color:#08c;
    cursor: pointer;
}
.tt-menu .tt-suggestion:hover,
.tt-menu .tt-suggestion.tt-cursor{
    background-color: #08c;
    color: #fff;
}

.tt-menu .tt-suggestion:before{
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}
.tt-menu .tt-suggestion:after{
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}

.fullscreen-toggle-link{
  display: none;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    bottom:0;
    margin: 0;
    opacity: 0;
    -ms-filter:'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

 .fileinput-button {
    position: relative;
    overflow: hidden;
}

.edit-profile-pic{
  bottom:4px; 
  position:absolute; 
  width:150px;
  float:left;
  box-sizing:border-box; 
  background-color:rgba(217, 237, 247,0.8); 
  border: 1px solid #bce8f1; 
  color: #3a87ad;
  font-size:10px; 
  padding:2px 10px; 
  z-index:5;
  width:30px;
  white-space: nowrap;
  overflow: hidden;
}
.edit-profile-pic span{
  display: none;
}
.edit-profile-pic:hover{
  background-color:rgba(217, 237, 247,1);
}

.thumbnail:hover .edit-profile-pic{
  width:150px;
  transition: all 0.3s;
}
.thumbnail:hover .edit-profile-pic span{
  display: inline;
}

/* hover card */

.hovercard-content{
  width:308px;
  display: inline-block;
}

.hovercard-content .hovercard-image{
  width:100px !important;
  height:100px;
  float:left;
  padding:3px !important;
  border:1px solid #aaa !important;
  margin-right:10px;
  border-radius: 3px;
}
.hovercard-content .hovercard-image.invisible{
  background-color: #f1f1f1;
  visibility: visible;
}
.hovercard-content .hovercard-image img{
  width:100px;
}

.hovercard-content .hovercard-info{
  width:190px !important;
  float:left;
  font-family: Helvetica;
}

.hovercard-content .hovercard-info ul{
  list-style: none;
  margin:0px;
}
.hovercard-content .hovercard-info ul li{
  color:#666;
}
.hovercard-content .hovercard-info ul li a{

}

.hovercard-content .hovercard-info ul li i{
  width:20px;
  text-align: center;
  display: inline-block;
}

.popover.hovercard{
  max-width:328px;
  
}

.popover-content{
  padding:10px !important;
}


.edit-widget-link{
  position: absolute;
  z-index: 200;
  right:85px;
  
  box-sizing:border-box; 
  background-color: rgb(83, 95, 112); 
  color: #3a87ad;
  font-size:10px; 
  z-index:5;
  top:0px;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom:-18px;
  /*padding: 5px 0px;*/
  border-radius: 15px;
  width:0px;
  height:0px;
  line-height: 24px;

}
.edit-widget-link a{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.edit-widget-link a.remove{
  border-right-width: 0px !important;
  background-color: #DE6868;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.edit-widget-link span{
  display: none;
}

#overlay-message{
  box-sizing: border-box;
  position: fixed;
  width:50%;
  top:30%;
  left: 25%;
  z-index: 1000;
}

a.newpage-link{
  display: block;
  position: fixed;
  bottom:5px;
  right:110px;
  height:50px;
  width: 50px;
  border-radius: 50%;
  background-color:rgb(62, 70, 82);
  z-index: 439000;
  box-sizing: border-box;
  text-decoration: none;
  border:1px solid #333;
}

a.newpage-link i{
  display: block;
  font-size: 24px;
  color:#fff;
  /*margin-top:100px;
  margin-right: 100px;*/
  width:50px;
  text-align: center;
  line-height: 50px;
  /*line-height: 100px;
  vertical-align:top;*/
  /*padding-top:15px;
  padding-right:10px;*/
  box-sizing: border-box;
  cursor: pointer;
}

a.pageeditor-opener{
  display: block;
  position: fixed;
  bottom:5px;
  right:5px;
  height:100px;
  width: 100px;
  border-radius: 50%;
  background-color:rgb(62, 70, 82);
  z-index: 439000;
  box-sizing: border-box;
  text-decoration: none;
  border:1px solid #333;
}

a.pageeditor-opener i{
  display: block;
  font-size: 44px;
  color:#fff;
  /*margin-top:100px;
  margin-right: 100px;*/
  width:100px;
  text-align: center;
  line-height: 100px;
  /*line-height: 100px;
  vertical-align:top;*/
  /*padding-top:15px;
  padding-right:10px;*/
  box-sizing: border-box;
  cursor: pointer;
}

.snik-load{
  width:100%;
  text-align: center;
}

.snik-load.hidden{
  display: none;
}
.snik-load span{
  width:100px;
  height:100px;
  background-color:#fff;
  background-image: url('/image/nikimember/img/rolling.gif');
  background-size: 120%;
  background-position: center center;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.25);

}

.box-outer{
  display: block;
  width: 33.33%;
  float:left;
  padding: 0px 10px;
  box-sizing: border-box;
  margin-bottom:20px;
  float: left;
}

.box-outer .layout-box,
.c-schemes, .box-outer .bgimg, .box-outer .timg{
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  padding: 5px;
  float: left;
  border-radius: 3px;
  box-sizing: border-box;
  transition: all 0.3s;
}



.box-outer .layout-box:hover, 
.c-schemes:hover,
.box-outer .bgimg:hover,
.box-outer .timg:hover{
  cursor: pointer;
  background-color:#eee;
  border-color: rgb(83, 95, 112);
  /*border-width:3px;*/
}

.box-outer .layout-box.active,
.c-schemes.active,
.box-outer .bgimg.active,
.box-outer .timg.active{
  border-color: rgb(83, 95, 112);
  background-color:rgba(88, 102, 118, 0.6);
}

.box-outer .layout-box .info{
  float: left;
  font-family: "Helvetica Neue";
  width: 55%;
  box-sizing: border-box;
  padding-left:10px;
}

.box-outer .layout-box .info h4{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 12px !important;
  white-space: normal;
  margin-bottom:0px;
}

.box-outer .layout-box .info p{
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#666;
}

.layout-box img{
  max-width:45%;
  float: left;
}

.terms-overlay{
  position: fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.25);
  z-index:500;
  text-align: center;
}

.terms-overlay > .terms-area{
  width:60%;
  height:100%;
  background-color:#fff;
  margin: 0 auto; 
  text-align: center;
  padding: 30px 30px;
  overflow-y: auto;
}

.terms-overlay > .terms-area h2{
  font-family: "Raleway";
}

.terms-overlay > .terms-area .terms{
  height: 50%;
  width: 100%;
  overflow-y: scroll;
  background-color:#f1f1f1;
  box-sizing: border-box!important;
  text-align:left; padding: 10px 20px;
  color:#333;
  font-family: "Helvetica";
}

.terms-overlay > .terms-area .terms h3{
  font-size: 12px;
  line-height: 100%;
  font-family: "Helvetica";
}
.terms-overlay > .terms-area .terms h2{
  font-size: 16px;
  line-height: 100%;
  font-family: "Helvetica";
}

.terms-overlay > .terms-area .terms p,
.terms-overlay > .terms-area .terms b,
.terms-overlay > .terms-area .terms li{
  font-size: 11px !important;
  font-family: "Helvetica";
}


/* MATERIAL BTN */
.mat-btn{
  display: inline-block;
    position: relative;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    padding: 0 1.5rem;
    color: #424242;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    letter-spacing: .8px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    outline: none;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225);
    color: #FFF;
    background-color: rgb(83, 95, 112);
}

.mat-btn.btn-no{
  background-color: rgb(211,47,47);
}

.mat-btn.btn-no:hover{
  background-color: #db5858;
}

.mat-btn:hover{
  color:#fff;
  background-color: #6c8292;
  box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225);
}

.mat-btn.mat-btn-s{
    font-size: 10px;
    height: 22px;
    line-height: 22px;
    padding: 0 1rem;
    color:#fff;
}

.mat-btn.btn-lighter{
  background-color: rgb(108, 130, 146);
}

.mat-btn.btn-transparent{
  background-color: transparent;
  color: rgb(83, 95, 112);
  border: 1px solid #ddd;
}

.mat-btn.btn-lighter:hover{
  /*background-color: rgb(83, 95, 112);*/
  background-color: rgb(128, 160, 176);
}

.mat-btn.disabled,
.mat-btn.fc-state-disabled,
.mat-btn[disabled],
.mat-btn.fc-state-active{
  cursor: default !important;
    color: #acacac !important;
    box-shadow: none !important;
    background-color: #dcdcdc !important;
}


.gjs-widget-badge{
      pointer-events: none;
      background-color: #3b97e3;
      color: #fff;
      padding: 2px 5px;
      position: absolute;
      z-index: 1;
      font-size: 12px;
      outline: none;
      display: none;
      box-sizing: border-box;
      transform: translate(-3px, 0);
}

.emptyCell{
  color:#999;
  font-weight: bold;
  display: block;
  float: none;
  width: 100%;
  font-size: 16px;
  text-align: center;
  /*border: 1px dashed #ddd;*/
  z-index: 1;
  background-color:#fff;
}

.emptyCell:hover{
  border:0px;
}

.emptyCellHelp{
  display: block;
  width: 100%;
  font-size: 12px;
}

.emptyCell > span{
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  border-left: 5px solid #ddd;
  padding: 10px 10px;
}

.section-tool{
  display: block;
  float: none;
  position: absolute;
  /*z-index: 1;*/
  transition: border-top 0.4s;
  height:1px;
  width:30px;
  background-color:rgba(59, 151, 227, 0.1);
  pointer-events: all;
  cursor: pointer;
}

.section-tool:hover, .section-tool.hover{
background-color:rgba(59, 151, 227, 0.75);
}

.row-tool{
  display: block;
  float: none;
  position: absolute;
  /*z-index: 1;*/
  transition: border-top 0.4s;
  height:1px;
  
}

.row-tool:hover .hr{
  border-top: 2px solid #3b97e3;
  transition: border-top 0.4s;

}

.row-tool .hr{
  width: 100%;
  border-top: 2px solid rgba(0,0,0,0.07);
}

.row-tool .row-btn{
  height:30px;
  width:30px;
  border-radius: 15px; 
  position: absolute;
  right: -35px;
  top:-15px;
  background-color:rgba(120,120,140,0.7);
  display: block;
  pointer-events: all;
  transition: background-color 0.4s;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.section-tool .sect-btn{
  height:20px;
  width:30px;
  position: absolute;
  right: 0px;
  top:50%;
  top: calc(50% - 10px);
  /*background-color:rgba(120,120,140,0.7);*/
  display: none;
  pointer-events: all;
  transition: background-color 0.4s;
  /*box-shadow: 0 1px 1px rgba(0,0,0,0.1);*/
  font-size: 20px;
}

.section-tool:hover .sect-btn{
  display: block;
}

.row-tool .row-btn:hover{
  background-color:#3b97e3;
}
.row-tool.open .hr{
  border-top: solid 2px #444;
}
.row-tool.open .row-btn{
  background-color: #444;
}

.row-tool.open .row-btn:after{
  content: "\F068";
}

.gjs-cv-canvas__frames > iframe, #gjs-tools, .gjs-pn-panels{
  opacity: 0;
}

.row-tool .row-btn:after{
  cursor: pointer;
  color:#fff;
  font-family: 'FontAwesome';
  content: "\F067";
  position: absolute;
  top:0px;
  left: 0px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
}

.gjs-pn-columnPanel{
  /*height: 0px;*/
  width:960px;
  transition: height 0.4s;
  height: 116px;
  pointer-events: all;
}

.gjs-pn-columnPanel.gjs-hidden{
  height: 0px;
  padding: 0px !important;
  display: block;
}

.gjs-pn-columnPanel.gjs-hidden *{
    pointer-events: none;
}

.gjs-pn-columnPanel:not(.gjs-hidden) *{
  opacity:1;
  transition: opacity 0.6s;
  transition-delay: 0.4s;

}

.gjs-pn-columnPanel.gjs-hidden *{
  opacity:0;
}

.gjs-pn-columnPanel.gjs-hidden .gjs-block{
  
  /*display: none;*/
}

.gjs-pn-columnPanel .gjs-block{
  width: 28.330%;
  display: flex;
}

.gjs-pn-left-hand-side{
  left: 0px !important;
}


.empty-placeholders a{
  pointer-events: all;
}

.gjs-pn-views-container:not(.highlighted),
.gjs-pn-views-container:not(.highlighted) .gjs-blocks-cs,
.gjs-pn-views-container:not(.highlighted) .gjs-blocks-cs .gjs-block,
.gjs-pn-views-container:not(.highlighted) .gjs-trt-traits .gjs-trt-trait{
  transition: background-color 1s;
}

.gjs-pn-views-container.highlighted, .gjs-pn-views-container.highlighted .gjs-blocks-cs{
  background-color: #a2cef2;
  
  
}
.gjs-pn-views-container.highlighted .gjs-blocks-cs .gjs-block,
.gjs-pn-views-container.highlighted .gjs-trt-traits .gjs-trt-trait{
  background-color: #80bbed;
  }

.values-holder{
  text-align: left;
  margin-bottom:5px;
}
.values-holder .value{
  background-color: #d278c9;
  margin: 2px;
  padding: 5px;
  border-radius: 2px;
  color:#fff;
}

.values-holder .value .value-remove{
  cursor: pointer;
}

.values-holder .value .value-remove:after{
  color:#000;
  display: inline;
  content: "\f014";
  font-family: "FontAwesome";
  padding-left: 10px;
}

.gjs-toolbar-item.has-label{
  width: auto;
  font-family: Helvetica,sans-serif;
}

.gjs-toolbar-item.has-label:before{
  font-family: "FontAwesome";
}

.gjs-toolbar-item:hover{
  background-color: rgba(255,255,255,0.2);
}

.gjs-bottom-toolbar{
  position: absolute;
  z-index: 10;
  color: #fff;
  background-color: transparent !important;
}

.gjs-bottom-toolbar .gjs-toolbar-item{
    background-color:#333;
}

.gjs-bottom-toolbar .gjs-toolbar-item.disabled{
  background-color: #444;
  color: #999;
  cursor: default;
}

.gjs-bottom-toolbar #tlb-btn-slidecount{
  margin-right: 20px;
  width: auto;
  line-height: 1;
  font-family: "Raleway"
}

/* Custom checkboxes */

.gjs-field-domchanger input:checked+.gjs-chk-icon {
    border-color: rgba(255,255,255,0.5);
    border-width: 0 2px 2px 0;
    border-style: solid;
}

.gjs-field-domchanger input {
    display: none;
}

.gjs-field-domchanger {
    padding: 0;
    width: 17px !important;
    height: 17px;
}

/*@media screen and (max-width: 1030px){
  body.moving-widget #page-edit-dialog{
    display:none;
  }

  .admin-widget-wrap{
    position: relative;
  }

  .responsive-edit-handle{
    position: absolute;
    top:0px;
    right:0px;
    width:50px;
    height: 50px;
    background-color:rgb(62, 70, 82);
    color:#fff;

  }
}*/

.file{
  border:1px solid #ddd;
  border-radius: 3px;
  float:left;
  width:100%;
  padding: 5px;
  overflow:hidden;
  box-sizing: border-box;
}

.file .title{
  font-size: 14px;
  float: left;
  white-space: pre-wrap;
  width:160px;
  line-height: 16px;
}

.file .thumb{
  width: 60px;
  height:60px;
  border:1px solid #ddd;
  float: left;
  margin-right:10px;
  overflow: hidden;
}

.file .thumb img{
  width:100% !important;
}

.file .thumb i{
  color: rgb(83, 95, 112);
  font-size: 32px;
  text-align: center;
  line-height: 64px;
  width:100%;
  display: inline-block;
}

.select-icon{
  display: block !important; 
  width:15%; 
  float:left;
  text-align:center;
  cursor: pointer;
}

.select-icon i{
  font-weight: bold; font-style:normal; font-size: 48px;
  width:100%;
  padding: 10px 0px;
}

.select-icon span{
  font-size: 10px;
  line-height: 10px;
  color:#999;
}

.select-icon:hover span, .select-icon.active span{
  color:#333;
}
.select-icon:hover i{
  background-color: #6c8292;
  color:#fff;
}

.select-icon.active i{
  background-color: rgb(83, 95, 112);
  color:#fff;
}

.select-icon:hover, .select-icon.active{
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 2px 0px;
}


.gjs-block.fa:before{
  font-size: 35px;
}

.gjs-input-holder .input-var-value{
  top:3px;
  left:3px;
  position: absolute;
  background-color:#fff;
  border-radius: 2px;
  min-width:100px;
  padding:2px 5px;
  z-index: 50;
}

.mce-reset.mce-fade{
    display: none !important;
    z-index: -1 !important;
}
#mce-modal-block{
    display: none !important;
    z-index: -1 !important;
}

/**** Background transiotion trait - grapesjs ****/

.gjs-trt-trait .gjs-sm-layer{
  border: 4px solid #000;
}


/*as*/

.navbar:not(.navbar-expand-lg) .navbar-toggler{
    z-index:1000
}
    .navbar:not(.navbar-expand-lg) .navbar-collapse{
        background:rgba(0,0,0,0.85);
        opacity:0;
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        transition:opacity 0.35s ease;
        display:flex;
        flex-direction:column;
        align-content:center;
        text-align:center !important
    }
    .navbar:not(.navbar-expand-lg) .navbar-collapse.collapse{
        display:flex;
        opacity:0;
        pointer-events:none
    }
    .navbar:not(.navbar-expand-lg) .navbar-collapse.collapsing[style*="height"]{
        opacity:1;
        height:100vh !important
    }
    .navbar:not(.navbar-expand-lg) .navbar-collapse.collapsing{
        opacity:0;
        height:100vh
    }
    .navbar:not(.navbar-expand-lg) .navbar-collapse.collapse.show{
        opacity:1;
        pointer-events:auto
    }
    .navbar:not(.navbar-expand-lg) .navbar-collapse .navbar-nav{
        margin-right:initial !important;
        margin-top:auto;
        margin-bottom:auto
    }


    .navbar-nav {
        margin-left: initial !important;
    }


@media (max-width: 991.98px){
  .navbar .navbar-toggler{
    z-index:1000
  }
    .navbar .navbar-collapse{
        background:rgba(0,0,0,0.85);
        opacity:0;
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        transition:opacity 0.35s ease;
        display:flex;
        flex-direction:column;
        align-content:center;
        text-align:center !important
    }
    .navbar .navbar-collapse.collapse{
        display:flex;
        opacity:0;
        pointer-events:none
    }
    .navbar .navbar-collapse.collapsing[style*="height"]{
        opacity:1;
        height:100vh !important
    }
    .navbar .navbar-collapse.collapsing{
        opacity:0;
        height:100vh
    }
    .navbar .navbar-collapse.collapse.show{
        opacity:1;
        pointer-events:auto
    }
    .navbar .navbar-collapse .navbar-nav{
        margin-right:initial !important;
        margin-top:auto;
        margin-bottom:auto
    }


    .navbar-nav {
        margin-left: initial !important;
        justify-content: center!important;
    }

    .navbar-nav.justify-content-end{
        justify-content: center!important;
    }

}


.trans_bg{
  transition: all .3s ease;
/*  -webkit-animation: fade 4s infinite;
  -moz-animation: fade 4s infinite;
  -o-animation: fade 4s infinite;
  animation: fade 4s infinite;*/
}

/*@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}*/
.fade-bottom{
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  height:  150px;
  overflow-y: scroll;
}

.description-2-lines{
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

@media (min-width: 991.98px){

  /* makes main-menu open on hover */
  .nav-item.hover-open:hover > .dropdown-menu {
    display: block;
  }

  /* makes sub-menu S open on hover */
  .dropdown-item.hover-open:hover > .dropdown-menu {
    display: block;
  }

}