/* TABLET MENU STYLES*/
.nav-tablet-mn, .breadcrumbs{display: none !important}
.page-actions.absolute {margin-right: 55px}
.nav-tablet-mn li ul{
    background: #fff;    
    list-style: none;
    display: none;
    position: absolute;
    z-index: 1000;
    border:1px solid #feb41f;
    margin-top: -5px;
    margin-left: -20px;
}
.nav-tablet-mn li:focus ul{
    /*display: block;*/
}
.nav-tablet-mn li ul li{
    display: block;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-bottom-color: #FFF;
    border-top-color: #FFF;
    border-width: 5px;
}
.navbar-inverse .nav li.dropdown:hover > .dropdown-toggle .caret {
    border-bottom-color: #FFAA01;
    border-top-color: #FFAA01;
    border-width: 5px;
}
.nav-tablet-mn li ul a{
    display: block;padding: 7px 10px;
    min-width: 150px;
    text-decoration: none;
    color:#555;
    text-transform: uppercase;
}
.nav-tablet-mn li ul a:hover{
    color: #fff;
    background-color: #feb41f;   
}

.navbar-inverse .navbar-inner{
    background-color: #47545a !important;
    background-image: -moz-linear-gradient(top, #4c5b60, #404a53);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4c5b60), to(#404a53));
    background-image: -webkit-linear-gradient(top, #4c5b60, #404a53);
    background-image: -o-linear-gradient(top, #4c5b60, #404a53);
    background-image: linear-gradient(to bottom, #4c5b60, #404a53);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c5b6000', endColorstr='#404a5333', GradientType=0);
    *zoom: 1;
    border:none;
    border-radius:0;
}
.nav-tablet-mn li.normalSz a{text-transform: none !important;}
.navbar.navbar-inverse .nav{float: right}
.navbar.navbar-inverse .pull-left{float: left}
.navbar.navbar-inverse .pull-left li:first-child {background: none !important;padding-left: 20px;}
.brand_small_logo{display: none !important}
.tablet-login-fm{display: none;float:right;height: 33px;line-height: 33px;padding-left: 20px;text-align: right}
.tablet-login-fm a{color: #feb41f;font-size: 11px;display: inline-block;margin-left: 10px}
.tablet-login-fm .userName{color:#feb41f; font-size: 12px;font-weight: 600}
.tablet-menu-part{float: right}
.dropdown-menu{margin-left: 30px;margin-top: -3px}
.navbar .brand {padding: 3px 0px;width: 410px;height: 55px;margin-left: 0px;margin-right: 5px}
.contentPage .navbar .brand {padding: 3px 0px;  background: url('../images/logo_normal.png') no-repeat scroll left center transparent !important;width: 290px;height: 45px;margin-left: 0px}    
    .navbar .nav > li.normalSz > a {text-transform: none;color: #FFAF0F;font-size: 11px;}
    .navbar .nav > li.userName > a {text-transform: none;color: #FFAF0F;font-size: 11px;font-weight: 700}    
    .navbar .nav > li.normalSz > a:hover{text-decoration: underline;}
    .dropdown-menu li > a{text-transform: uppercase}
    .dropdown-menu li > a:hover, 
    .dropdown-menu li > a:focus,
    .dropdown-menu li.active a,
    .dropdown-menu li.active a:hover,
    .dropdown-submenu:hover > a {
        background-color: #feb41f !important;color: #fff;
        background-image: none; 
    }
    
    .searchbox.proLst{width: 350px;}
    /*#SearchProgramsForm_progFavorites{width: 352px;}*/
    #SearchProgramsForm_progHidden, #SearchProgramsForm_progClient{width: 300px;}
    #ProgramsDetails_comment{width: 521px !important;} 
    
.header.homeHeader .navbar-inverse{display: none}
.header.homeHeader .navbar .nav > li:first-child{background: none !important}


.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, 
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, 
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: transparent;
    /*color: #FFFFFF;*/
    color: #ffaf0f;
}
@media (min-width: 1200px) {  
    
    .contentPage .navbar .nav{margin-top: 20px !important;position: relative;}
    .contentPage .navbar .nav li a{padding-bottom: 7px !important}
    .contentPage .navbar .nav li.userName,
    .contentPage .navbar .nav li.liLoginout{position: absolute;right: 0px}
    .contentPage .navbar .nav li.userName a,
    .contentPage .navbar .nav li.liLoginout a{padding: 0px}
    .contentPage .navbar .nav li.userName{margin-right: 50px;top:-17px;vertical-align: top;}
    .contentPage .navbar .nav li.liLoginout{top:-17px;vertical-align: top;}
    .contentPage .navbar .nav li.liLoginout a:hover{text-decoration: none}
    .contentPage .navbar .nav li.liLoginout.active a{background: none !important}
}
/*1024*/
@media (max-width: 1200px) {    
    .navbar .nav > li.usermn{display: block;}
    .navbar .nav > li.userName{display: none}
    .navbar .nav > li > .dropdown-menu{margin-left: -40px;}
    .navbar .nav > li > .dropdown-menu:after,
    .navbar .nav > li > ul:before,
    .navbar .nav > li > .dropdown-menu:before {left: 100px}
    
    .navbar .nav > li.usermn > .dropdown-menu{margin-left: -80px}
    .contentPage .navbar .nav{margin-top: 0px !important;position: static;}
    .contentPage .navbar .nav li a{padding-bottom: 8px !important}
    .contentPage .navbar .nav li.userName,
    .contentPage .navbar .nav li.liLoginout{position: static}
    #selectDate{height: auto !important;}
    .header.homeHeader .desktopMn{display: none}
    .header.homeHeader .navbar-inverse {display: block;}
    .dropdown-menu{margin-left: 20px;margin-top: -1px}
    .navbar .brand,
    .contentPage .navbar .brand {padding: 3px 0px;  background: url('../images/small_logo.png') no-repeat scroll left center transparent !important;width:265px;height: 30px;margin-left: 0px}    
    .navbar .nav{margin: 0px}
    .navbar .nav > li > a{margin-left: 15px;}
    .header-rightside{float: right;}
    
    .right-col{padding-left: 5px;padding-top: 0px}
    .data-per-page{top: 0px}
    .navbar .brand{
        padding: 3px 20px;
    }
    .brand_small_logo{display: block !important}
    .brand_original,
    #inlineForm,
    .breadcrumbs,
    .nav-main-mn{display: none !important;}    
    .nav-tablet-mn, .tablet-login-fm{display: block !important}
    .nav-tablet-mn{margin-top: 0px !important}
    .nav.pull-right{margin-top: 0px !important}
    .navbar .nav > li{line-height: 16px;}
    .navbar .nav > li > a{
        font-size: 10.5pt;
        padding: 8px 0px 8px 0px;
        height: 16px;
    } 
    .navbar-inner{min-height: 32px;height: 32px;}
    
       
    #helperDialog{margin-left: -350px !important}
    
    #exercises-list,
    #trainingtype-grid,
    #helperList,
    .programsList,    
    .progExercisesList,
    .paymentsList,
    .usersList{overflow: auto;}
    
    /*EXERCISES Section*/
    #exercises-list{height: 410px;}
    
    /*Programs Sections*/    
    .programsList{height: 450px;}
    .programScroolList{height: 450px;overflow-y: auto}
        .progExercisesList{height: 355px;}
        .tbl_leftside.dropleftside {min-height: 410px;height: 410px;}
        .tbls_overflow.tbl_exes{max-height: 375px;height: 375px;}
        .dropleftside .ex_overlay{height: 375px;}
        .dropleftside .ex_dropside{height: 376px;}
        .dropleftside .ex_dropside .dlabel{margin-top: 165px;}
        
        .tbl_rightside .gridtable{padding-bottom: 0px !important}
        .tbls_overflow.exe_search_result{max-height: 350px;height: 350px}
    
        #exercises-list.grid-view, #exercises-list.list-view{height: auto}
    
    /*PAYMENTS Section*/
    .paymentsList{height: 500px;}
    
    /*USERS Section*/
    .usersList{height: 500px;}
    
    /*EX CATEGORIES Section*/
    #trainingtype-grid{height: 550px}
    
    /*CLIENTS Section*/
    .right-col.clientsForm{min-height: 555px;}
    /*HELPER Section*/
    #helperList{height: 600px;}
    .exeOverflow{height: 380px;overflow: auto;}
    
    .items.selected_exercises_prepare tr.selected td, 
    .items.selected_exercises_search tr.selected td,
    .items.exercises_results tr.selected td,.grid-view table.items tr.selected  {background: transparent !important;}
    
}


@media (max-width: 979px) {
    .filterbox .righ10{ display: block !important}
    .quickAddExercise .txt-quick-add{width: 255px !important}
    .navbar .nav > li > .dropdown-menu{margin-left: -85px;}
    .navbar .nav > li.usermn > .dropdown-menu{margin-left: -95px}
    /*.navbar .nav > li.home{display: none}*/
    .gridtable .exPerpage label{display: none !important}
    .navbar .nav > li:first-child{padding-right: 10px;background: url('../images/seperator.png') no-repeat scroll right center transparent !important;}
    
    #selectDate{height: auto !important;}
    .header.homeHeader .desktopMn{display: none}
    .dropdown-menu{margin-left: 10px;margin-top: 0px}
    .page-actions.absolute {position: static;}    
    .navbar .brand{padding: 3px 5px 3px 0px;margin-left: -10px;}    
    .navbar .nav > li > a{margin-left: 8px;font-size: 9pt;}
    .navbar .nav > li.normalSz{padding-right: 3px}
    .whiteBg{width: 764px;margin-left: -382px;}
    .header-rightside{float: left}
    .tablet-menu-part{float: left}
    .tablet-login-fm a{margin-left: 5px;}
    .tablet-login-fm{padding-left: 10px}
    .nav-tablet-mn li ul a{font-size: 10pt}    
    .gridtable .grid-blocks{margin: 20px 17px 15px 17px !important }
    .container{width: 750px;padding: 5px;}
    .navbar-inner .container,
    .container {width: 746px;}
    .top-banner-inner{width: 758px;}
    #bottom-banner{height: auto}
    .footer-inner{width: 750px;}
    #container{padding: 10px 5px 35px 5px}
    #bottom-banner .block,  #bottom-banner .block.block-col3{margin: 25px 40px 5px 40px;}
    .what-we-do{padding-left: 44px}
    select{width: 180px;}
    /*filterlines .filtergroups input[type="text"], .filterlines .filtergroups textarea {width: 185px !important;}*/
    .filterlines .filtergroups {min-width: 30px;margin-right: 5px !important;}
    .yiiTab div.view{padding: 5px}
    #ProgramsDetails_comment{width: 446px !important}
    .exe_actions a,
    .tbl_header a{margin-right: 2px;}    
    .table_flow_w920{margin-left: -2px;width: 730px;}
    .table_flow_w920 .tbl_leftside{width: 365px;}
    .dropleftside .ex_overlay {width: 365px;top: 53px;}
    .dropleftside .ex_dropside {width: 364px;top: 53px;}
    .tbl_leftside .tbl_header{width: 365px;}
    .tbl_leftside .tbl_header a{margin-bottom: 2px}
    .tbl_rightside {padding-top: 2px;}
    .table_flow_w920 .tbl_rightside {margin-left: 375px;}
    .table_flow_w920 .tbl_rightside .grid-blocks {margin: 0px 10px 20px 20px !important;width: 131px;}
    .right-col .right-col-content {margin-left: 5px;margin-top: 5px;}
    #subtab1content .searchbox{width: 474px;}
    .view input.w140{width: 130px;}    
    .right-col-content .col2.history-col2{margin-left: 210px;}
    .ui-dialog{max-width: 770px !important;resize: vertical}        
    .view .clientsDetailsTbl input[type="text"], 
    .view .clientsDetailsTbl input[type="password"] {width: 175px !important;}
    #mediaFields textarea{width: 190px !important}    
    .right-col-content .col1.exercise-pro-col1 {width: 265px;}
    .dropleftside.clt_list .ex_overlay {top: 103px;width: 265px;}
    .dropleftside.clt_list .ex_dropside {top: 103px;width: 264px;}
    .right-col-content .col2.exercise-pro-col2 {margin-left: 270px;}
    .help-button{z-index: 999;top:41px;margin-right: 12px}
    .help-button.fxtop{top:10px;}
    #helperDialog{margin-left: -280px !important;left:314px!important;}
    
    /*EXERCISES Section*/
    #exercises-list{height: 650px;}
        
    /*Programs Section*/
    .programsList{height: 630px;}
    .programScroolList{height: 670px;overflow-y: auto}
        #exercises-list.grid-view,
        #exercises-list.list-view{height: auto}
        
        .progExercisesList{height: 550px;}         
        .tbl_leftside.dropleftside {min-height: 615px;height: 615px;}
        .tbls_overflow.tbl_exes{max-height: 560px;height: 560px;}
        .dropleftside .ex_overlay{height: 560px;}
        .dropleftside .ex_dropside{height: 561px;}
        .dropleftside .ex_dropside .dlabel{margin-top: 250px;}        
        .tbl_rightside .gridtable{padding-bottom: 0px !important}
        .tbls_overflow.exe_search_result{max-height: 535px;height: 535px;}
        .tbl_rightside #exercises-list{height: auto;}            
    /*PAYMENTS Section*/
    .paymentsList{height: 750px;}
    
    /*USERS Section*/
    .usersList{height: 700px;}
    
    /*EX CATEGORIES Section*/
    #trainingtype-grid{height: 700px}
    
    /*CLIENTS Section*/
    .right-col.clientsForm{min-height: 780px;}
    
    /*HELPER Section*/
    #helperList{height: 800px;}
    
    #subtab1content .searchbox.exe{width: 385px}
    .exeOverflow{height: 600px;overflow: auto;}
    .searchbox.exelist{width:520px !important;}
    .filterlines .filtergroups.exercises_perpage{margin-right: 35px !important;}
    
    .searchbox.proLst{width: 310px;}
    /*#SearchProgramsForm_progFavorites{width: 312px;}*/
    #SearchProgramsForm_progHidden, #SearchProgramsForm_progClient{width: 200px;}
    #Header_name{width: 640px !important;}
    .tbl_header.proExeHeader a{background-position: 100px 100px;padding-left: 5px;}
    td.col-nm-short{min-width: 100px !important;width: 100px !important}
        
    .article input[type="text"] {
        width: 560px;
    }        
    .btn-group.btn-group3{margin-left: 0px !important;margin-top: 3px;}
    .yiiTab ul.tabs a {padding: 5px 10px}
    
    .fc-event.fc-event-completed{        
        margin-left: 7px !important;
        min-width: 20px !important
    }
    .fc-event.fc-event-today-completed{
        background: transparent url('../images/checked_white.png') left 10px center no-repeat !important;   
    }
    
    .training-group .tr-header .sort_rules.chart{top:40px;} 
    .group-content-training-chart{margin-top: 80px;}
    .sort_rules.chart select{width: 200px}
    .sort_rules .sort_rules_ln{display: block;line-height: 30px;padding-left: 0px}
    .sort_rules span{color: #333}
        
    
    .ex_overlay_col1, .ex_dropside_col1{width: 260px;top:60px;}
    .ex_overlay_col2, .ex_dropside_col2{width: 270px;top:60px;left: 460px;}
    
    .training-group .tr-header .sort_rules.chart{margin-right: 0px}    
    #trainingLoadChartView{margin-top: 15px;}
    .templateSearchBox .searchbox{min-width: 195px;width: 195px;}    
    .search-option-lk{display: block}
}

@media (max-width: 800px){
    .wrapBody{float: left}
}