/* 
    Document   : layout
    Created on : 22.02.2014, 13:08:59
    Author     : dr-simon
    Description:
        Purpose of the stylesheet follows.
*/
.visitor-state
{
    width: 100%;
    height: 40px;
    position: relative;
    overflow: hidden;
}

.visitor-state.state-unknown
{
    background-color: darkgrey;
}

.visitor-state.state-found
{
    background-color: lightgreen;
}

#card_info .not-found
{
    background: red;
}

#card_info .success
{
    color: green;
}

#card_info .error
{
    color: red;
}

.visitor-state .state-desc
{
    color: white;
    font-size: 16px;
    font-weight: bolder;
    padding-left: 20px;
}

.visitor-photo
{
    padding-left: 10px;
}

.visitor-name
{
    width: 90%;
    height: 60px;
    font-size: 20px;
    margin: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.visitor-abonement, .visitor-abonement-detail
{
    width: 90%;
    height: 45px;
    margin: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.visitor-gym, .visitor-gym-detail
{
    width: 90%;
    height: 45px;
    margin: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.visitor-insurance, .visitor-insurance-detail
{
    width: 90%;
    height: 45px;
    margin: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.visitor-ref, .visitor-ref-detail
{
    width: 90%;
    height: 45px;
    margin: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.no-data
{
    background: lightgray;
}

.nav-tabs img
{
    width: 30px;
    height: 30px;
}

.inner-order-title
{
    font-weight: 600;
    display: inline-block;
    width: 45%;
}

.inner-order-value
{
    display: inline-block;
    width: 45%;
}

.dynatable-search > input {
    width: 200px!important;
}

.login-name
{
    display: inline-block;
    margin-right: 20px;
    color: white;
    font-size: 16px;
}

.nav-tabs>li>a:hover
{
    background-color: #fff;
}

body.auth
{
    background-image: url('../img/parts/quarter.png')!important;
    background-repeat: no-repeat;
}

.dynatable-page-prev, .dynatable-page-next
{
    background-color: #fff!important;
    border-radius: 5px;
    color: #33A756;
    font-weight: 600;
}

.dynatable-search:after
{
    background-size: cover;
    content: '';
    position: absolute;
    right: 5px;
    top: 5px;
    height: 20px;
    width: 20px;
    background-image: url(../img/parts/search.png);
}

.nav.nav-tabs span 
{
    margin-left: 10px;
}

.nav.nav-tabs li.active span 
{
    display: inline-block;
}

.shadow-overlay
{
    position: fixed;
    z-index: 9999999;
    background: black;
    display: block;
    opacity: .75;
    filter: alpha(opacity=75);
    width: 100%;
    height: 100%;    
    top: 0px;
}

@media (min-width: 1281px) 
{
  
  .brand, #main_menu, #main_wrapper, #submenu_bar, .modal {zoom: 1.2; -moz-transform: scale(1.2); -moz-transform-origin: 0 0}
}

@media (max-width: 700px) and (min-width: 610px) 
{
  
  .brand, #main_menu, #main_wrapper, #submenu_bar, .modal {zoom: 0.7; -moz-transform: scale(0.7); -moz-transform-origin: 0 0}
}
@media (max-width: 609px) and (min-width: 520px) 
{
  .brand, #main_menu, #main_wrapper, #submenu_bar, .modal  {zoom: 0.6; -moz-transform: scale(0.6); -moz-transform-origin: 0 0}
}
@media (max-width: 519px) and (min-width: 470px) 
{
  .brand, #main_menu, #main_wrapper, #submenu_bar, .modal  {zoom: 0.5; -moz-transform: scale(0.5); -moz-transform-origin: 0 0}
  body{font-variant: small-caps;}
}
@media (max-width: 469px) and (min-width: 370px) 
{
  .brand, #main_menu, #main_wrapper, #submenu_bar, .modal  {zoom: 0.4; -moz-transform: scale(0.4); -moz-transform-origin: 0 0}
  body{font-variant: small-caps;}
}
@media (max-width: 369px) and (min-width: 280px) 
{
  .brand, #main_menu, #main_wrapper, #submenu_bar, .modal  {zoom: 0.3; -moz-transform: scale(0.3); -moz-transform-origin: 0 0}
  body{font-variant: small-caps;}
}
@media (max-width: 279px) and (min-width: 80px) 
{
  .brand, #main_menu, #main_wrapper, #submenu_bar, .modal  {zoom: 0.2; -moz-transform: scale(0.2); -moz-transform-origin: 0 0}
  body{font-variant: small-caps;}
}


.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus
{
    background-color: white;
    color: black;
    border-bottom: 5px solid #dd1111;
}
body 
{
    /*url('resource/img/rabitsa.png') repeat, url('resource/img/flame_alpha.png') no-repeat,*/  
    background-image: linear-gradient(to bottom,#F1F3F2,#F5F6F7);
}
       
.carousel
{
    margin-bottom: 0px;
    margin-top: -30px;
}
.carousel .container
{
    position:relative;z-index:9;
}
.carousel-control
{
    height:80px;margin-top:0;font-size:120px;text-shadow:0 1px 1px rgba(0,0,0,.4);background-color:transparent;border:0;
}
.carousel .item
{
    height:380px;
}
.item>img
{
    position:absolute;top:0;left:0;min-width:100%;height:500px;
}
       
       .carousel-caption
{
    background-color:transparent;
    position:static;
    max-width:650px;
    padding-top: 20px;
    padding-left: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-top:30px;
    margin-left:50px;
    background-image: url('../img/light_transparent_yellow.png');
    -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.carousel-caption h1
{
    margin:0;
    line-height:1.25;
    /*color:#fff;*/
    text-shadow:0 1px 1px rgba(0,0,0,.4);
}

.carousel-caption .lead
{
    margin:0;
    line-height:1.25;
    color:#333;
    text-shadow:0 1px 1px rgba(0,0,0,.4);
}

.btn
{
    margin-top:10px;
}

       .navbar-clubs
       {
           font-size: 16px;
       }
       .navbar-clubs .active>a, .navbar-clubs .active>a:hover, .navbar-clubs .active>a:focus
       {
           background:-moz-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-webkit-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-o-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-ms-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           /*background:linear-gradient(to bottom,#ff000a,#bd0000);*/
           filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#96df00',endColorstr='#483d00',GradientType=0);
           background:linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
       }
       .round-bar
       {
           height: 40px;
           vertical-align: middle;
           /*-webkit-mask-image:-webkit-linear-gradient(top, rgba(0.1,0,0,0.5) 0%,rgba(0.8,0,0,1) 20%,rgba(0.1,0,0,0.5) 100%);*/
           background:-moz-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-webkit-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-o-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-ms-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           /*background:linear-gradient(to bottom,#ff000a,#bd0000);*/
           filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#96df00',endColorstr='#483d00',GradientType=0);
           background:linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
       }
       .stretching-round-bar
       {
           color: black;
           min-height: 40px;
           padding-top: 5px;
           padding-bottom: 5px;
           vertical-align: top;
           /*-webkit-mask-image:-webkit-linear-gradient(top, rgba(0.1,0,0,0.5) 0%,rgba(0.8,0,0,1) 20%,rgba(0.1,0,0,0.5) 100%);*/
           /*background:-webkit-linear-gradient(top, rgba(255,0,10,1) 0%,rgba(200,0,0,1) 10%,rgba(150,0,0,0.8) 90%,rgba(251,0,0,0.1) 100%);*/
           background:-moz-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-webkit-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-o-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-ms-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           /*background:linear-gradient(to bottom,#ff000a,#bd0000);*/
           filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#96df00',endColorstr='#483d00',GradientType=0);
           background:linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
       }
       .submenu-bar
       {
           /*-webkit-mask-image:-webkit-linear-gradient(top, rgba(0.1,0,0,0.5) 0%,rgba(0.8,0,0,1) 20%,rgba(0.1,0,0,0.5) 100%);*/
           /*background:-webkit-linear-gradient(top, rgba(255,0,10,1) 0%,rgba(200,0,0,1) 10%,rgba(150,0,0,0.8) 90%,rgba(251,0,0,0.1) 100%);*/
           background:-moz-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-webkit-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-o-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-ms-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           /*background:linear-gradient(to bottom,#ff000a,#bd0000);*/
           filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#96df00',endColorstr='#483d00',GradientType=0);
           background:linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
       }
       .zero-lp-padding
       {
           padding-left: 0px;
           padding-right: 0px;
           z-index: 200;
           position: relative;
       }
       .list-features{padding-left: 5px;}
       a:hover{/*color: white; */text-decoration: none;}
       a:visited{/*color: white; */text-decoration: none;}
       a.thumbnail:hover{border-color: red;}
       a.thumbnail:hover{background-color: black;}
       a.thumbnail:hover > img {background-image: url('../img/fire_bg.gif'); background-repeat: no-repeat; background-position: bottom;}
       .brdr
       {
           margin-left: 10px;
           margin-right: 10px;
       }
       .brdr > li >a
       {
           border: 1px solid white;
           color: black;
       }
       .brdr > li >a:hover
       {
           background-color: black;
           color: white;
       }
       .table{font-size: 16px; border: 2px solid black;}
       table.interface-table tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:lightgray;}
              table.interface-table tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(even)>th{background-color:white;}
        .btn-red
        {
            color:#ffffff;
            text-shadow:0 -1px 0 rgba(0,0,0,0.25);
            /*background-color:#da4f49;
            *background-color:#bd362f;*/
            background:-moz-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-webkit-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-o-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-ms-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           /*background:linear-gradient(to bottom,#ff000a,#bd0000);*/
           filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#96df00',endColorstr='#483d00',GradientType=0);
           background:linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
            background-repeat:repeat-x;border-color:#bd362f #bd362f #802420;
            border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
            
            background:linear-gradient(top, rgba(0,255,10,1) 0%,rgba(0,200,0,1) 10%,rgba(0,150,0,0.8) 90%,rgba(0,251,0,0.3) 100%);
        }
         .btn-red:hover, .btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]
        {
            color:#ffffff;
            text-shadow:0 -1px 0 rgba(0,0,0,0.25);
            background-color:#da4f49;
            background:-moz-linear-gradient(top, rgba(11,255,10,1) 0%,rgba(11,200,0,1) 10%,rgba(11,150,0,0.8) 90%,rgba(11,250,0,0.3) 100%);
            background:-webkit-linear-gradient(top, rgba(11,2255,10,1) 0%,rgba(11,200,0,1) 10%,rgba(11,150,0,0.8) 90%,rgba(11,250,0,0.3) 100%);
            background:-o-linear-gradient(top, rgba(11,255,10,1) 0%,rgba(11,200,0,1) 10%,rgba(11,150,0,0.8) 90%,rgba(11,250,0,0.3) 100%);
            background:-ms-linear-gradient(top, rgba(11,255,10,1) 0%,rgba(11,200,0,1) 10%,rgba(11,150,0,0.8) 90%,rgba(11,250,0,0.3) 100%);
            background-image:linear-gradient(to bottom,#11ff1a,#11bd11);
            background-repeat:repeat-x;border-color:#bd362f #bd362f #802420;
            border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#11ff1a',endColorstr='#11bd11',GradientType=0);

        }
        .common_block 
        {
            background-color: black;
            width:220px;
            height:850px;
            position: fixed;
            top: 5%;
            left: 0;
            z-index: 250;
            border: 4px solid red;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-left: none;
            overflow: hidden;
            padding-right: 20px;
        }
        #inner_left_content
        {
            
        }
        .contact-box 
        {
           background:-moz-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-webkit-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-o-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           background:-ms-linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
           /*background:linear-gradient(to bottom,#ff000a,#bd0000);*/
           filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#96df00',endColorstr='#483d00',GradientType=0);
           background:linear-gradient(top, rgba(60,200,10,1) 0%,rgba(60,223,0,1) 10%,rgba(60,150,0,0.8) 90%,rgba(60,100,0,0.3) 100%);
            height:50px;
            position: fixed;
            top: 2%;
            right: 0;
            z-index: 300;
            border: 4px solid red;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-right: none;
            vertical-align: middle;
            padding-left: 10px; padding-right: 10px;
            cursor: pointer;
        }        
        .video-box
        {
            background-color: black;
            width:18%;
            height:250px;
            position: fixed;
            top:2%;
            left: 0;
            z-index: 100;
            border: 4px solid red;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-left: none;
        }        
                    /* To fill the container and nothing else */
            .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] 
            {
              width: 100% !important;
            }
            #menu > li > a, #submenu > li > a{cursor: pointer;}
            .wrapper
            {
                width:100%; 
                height:100%; 
                left:0;top:0;overflow:visible; 
                color: black;
                /*background-image: url('../img/club_bg1.jpg');
                background-repeat: repeat-x;
                
                background:-webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,100,0,1) 45%,rgba(0,150,0,1) 48%,rgba(0,250,0,1) 50%,rgba(0,150,0,1) 52%,rgba(0,100,0,1) 55%, rgba(0,0,0,1) 100%);
                background:linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,100,0,1) 45%,rgba(0,150,0,1) 48%,rgba(0,250,0,1) 50%,rgba(0,150,0,1) 52%,rgba(0,100,0,1) 55%, rgba(0,0,0,1) 100%);
                background:-moz-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,100,0,1) 45%,rgba(0,150,0,1) 48%,rgba(0,250,0,1) 50%,rgba(0,150,0,1) 52%,rgba(0,100,0,1) 55%, rgba(0,0,0,1) 100%);
                background:-o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,100,0,1) 45%,rgba(0,150,0,1) 48%,rgba(0,250,0,1) 50%,rgba(0,150,0,1) 52%,rgba(0,100,0,1) 55%, rgba(0,0,0,1) 100%);
                background:-ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,100,0,1) 45%,rgba(0,150,0,1) 48%,rgba(0,250,0,1) 50%,rgba(0,150,0,1) 52%,rgba(0,100,0,1) 55%, rgba(0,0,0,1) 100%);
            */
            }
            
         body.composer audio 
         {
                height: 32px;
                width: 100%;
            }
         .gallery-modal-desc
         {
             padding-bottom: 20px;
         }
         h1.oldschool { font-family: 'Ruslan Display'; font-weight: 400; }
         div.oldschool { font-family: 'Ruslan Display', cursive;}
         h5.oldschool { font-family: 'Ruslan Display'; font-weight: 200;}

.price-sport
{
    font-size: 16px;
}

.news_block
{
    background-color: black;
    width:220px;
    height:700px;
    position: fixed;
    top: 12%;
    right: 0;
    z-index: 250;
    border: 4px solid red;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-right: none;
    padding-left: 20px;
    overflow: hidden;
}

.schedule_table, .schedule_table > tbody > tr
{
    background-color: black; 
    border: 1px solid #F69A33;
}

.schedule-head-cell
{
    text-align: right; 
    padding-right: 5px; 
    color: white; 
    border: 1px solid #F69A33; 
}

.vertical_text 
{
	-webkit-transform: rotate(270deg); /* для safari и chrome браузеров */
	-moz-transform: rotate(270deg); /* для FF */
	-o-transform: rotate(270deg); /* для Opera */
	transform: rotate(270deg); /* для остальных браузеров поддерживающий поворот по-умолчанию */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* для ИЕ 6-8 */
}

.symmmetric-margin
{
    margin: 0px 5px 0px 5px;
}

.non-commerce
{
    color: #333333;
    font-size: 10px;
}

.commerce
{
    color: red;
    font-size: 10px;
}

.training-start
{
    background-color: #F69A33;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    text-align: center;
    vertical-align: top;
}

.training-whole
{
    background-color: #F69A33;
    border: 2px solid black;
    text-align: center;
    vertical-align: top;
}

.training-empty
{
    background-color: #812001;
    min-width: 20px;
    /*border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;*/
}

.training-start-corrected
{
    background-color: yellow;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    text-align: center;
    vertical-align: top;
}

.training-empty-corrected
{
    background-color: yellow;
    /*border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;*/
}
.padded-left
{
    padding-left: 10px;
}