html, body {height:100%;width: 100%;margin: 0;padding: 0;}

body{
    background: #efefef;
    font-size: 12px;
    margin: 0;padding: 0;
    position: relative;
    overflow: scroll;
}
form{margin: 0;padding: 0}
.backtotop{
    position: fixed;right: 0;bottom: 0;display: none;
    width: 47px;height: 47px;
    margin:0px 5px 5px 0px;
    background: url('../images/back-to-top.png');
}
.whiteBg{
    height: 100%;width: 962px;margin: auto;background: #f8f8f8;position: absolute;left: 50%;margin-left: -481px;z-index: -9999
}
.wrapBody{min-height: 100%;height: auto;margin-bottom: -100px;position: relative}
.navbar-inner .container,
.container{
    width: 962px;
}
a:hover{
    cursor: pointer;
}
input::-ms-clear {
    display: none;
}
.e-hidden, .tog-cm{display: none;}
.tog-cm.show-cm{display: inline-block;}
#container{
    background-color: #f8f8f8;
    padding: 10px 12px 40px 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #7C7C7C;
    position: relative;
}
.placeholder { color: gray !important; }
#overlay {
    display: none;
}
#loading-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.sp2 {
    left: 50%;
    position: fixed;
    top: 200px;
    z-index: 10;
    width: 100px;
    height: 50px;
    margin-left: -40px;
}
.breadcrumbs{
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.breadcrumbs a{
    color: #868686;
    text-decoration: underline;
}
.clearfix{
    clear: both;
}
header, .header{
    border-top: 4px solid #3c4447;
    border-bottom: 6px solid #ffaa01;
}

footer, .footer{
    height: 30px;
    background: #fff;
    width: 100%;
    position: absolute;bottom: 0px;
}

footer, ul, ol{
    margin: 0 23px 10px 25px;
}

.footer.nofixed{
    position: static;
}
.footer-inner{
    width: 962px;
    line-height: 30px;
    margin: 0 auto;
    color: #868686;
    font-size: 12px;
}
ul.nav-footer{
    list-style: none;
}
.nav-footer li{
    float: left;
}
.nav-footer li a{
    height: 30px;
    margin-left: 10px;
    line-height: 30px;
    text-decoration: underline;
    color: #868686;
}

.divider{
    height: 1px;
    width: 100%;
    display: block;
    background: url('../images/devider_bg.png') repeat-x;
}

.align-center{ text-align: center !important;}
.align-left{ text-align: left !important;}
.align-right{ text-align: right !important;}

input,
select,
textarea{
    font-size: 12px !important;

}

input:focus,
select:focus,
textarea:focus{
    box-shadow: none !important;
}

/*
ICONS
*/
.btn-icons,
.sprite{
    background: url('../images/sprite_icons.png') no-repeat;
}

/*
Content CSS
*/

.fm_regis_login{
    width: 400px;margin: auto;border: 1px solid #ccc;padding: 15px;
}
.form .row{
    margin-top: 5px;
    margin-left: 0px;
}
a.grey{
    color: #868686;text-decoration: underline;
}
#top-banner{
    min-height: 450px;
}
.top-banner-inner{
    width: 962px;
    margin: 0 auto;
    padding-top: 15px;
    /*height: 434px;*/
    text-align: center;
}
.home-banner{
    position: relative;
}
.home-banner .slide{
    z-index: -1;
}
.home-banner .groupbtn{
    position: absolute;
    top: 85px;
    right: 0;
    width: 190px;
    z-index: 1000;
}
.groupbtn input,
.groupbtn a{
    width: 150px;
    height: 38px;
    line-height: 30px;
    margin-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    border: 4px solid rgba(223, 223, 223, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.groupbtn .register_btn{
    background: #a2c5d7; /* Old browsers */
    background: -moz-linear-gradient(top,  #a2c5d7 6%, #a2c5d7 7%, #8bb3c7 50%, #628da3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#a2c5d7), color-stop(7%,#a2c5d7), color-stop(50%,#8bb3c7), color-stop(100%,#628da3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a2c5d7 6%,#a2c5d7 7%,#8bb3c7 50%,#628da3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a2c5d7 6%,#a2c5d7 7%,#8bb3c7 50%,#628da3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a2c5d7 6%,#a2c5d7 7%,#8bb3c7 50%,#628da3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a2c5d7 6%,#a2c5d7 7%,#8bb3c7 50%,#628da3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2c5d7', endColorstr='#628da3',GradientType=0 ); /* IE6-9 */
    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    background-origin: padding-box

}
.groupbtn .login_btn{
    background: #a2d7a5; /* Old browsers */
    background: -moz-linear-gradient(top,  #a2d7a5 0%, #88c58c 50%, #88c58c 51%, #62a366 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2d7a5), color-stop(50%,#88c58c), color-stop(51%,#88c58c), color-stop(100%,#62a366)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a2d7a5 0%,#88c58c 50%,#88c58c 51%,#62a366 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a2d7a5 0%,#88c58c 50%,#88c58c 51%,#62a366 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a2d7a5 0%,#88c58c 50%,#88c58c 51%,#62a366 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a2d7a5 0%,#88c58c 50%,#88c58c 51%,#62a366 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2d7a5', endColorstr='#62a366',GradientType=0 ); /* IE6-9 */
    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;
    background-origin: padding-box

}

.slide_progress{
    text-align: center;height: 30px;line-height: 30px;padding-top: 9px;margin-top: 5px;
}
.slide_progress span{
    display: inline-block;
    height: 20px;
    width: 20px;
}
.slide_progress span.orange{
    background-position: -4px -2px;
}
.slide_progress span.grey{
    background-position: -4px -23px;
}

p.home-intro{
    text-transform: uppercase;
    color: #555;
    font-size: 16px;
    line-height: 30px;
}
.home-intro,
.what-we-do{
    color:#7c7c7c;
}
#bottom-banner{
    height: 480px;
    background: #fff;
}
#bottom-banner .blocks{
    /*width: 100%;*/
    overflow: hidden;
    margin-left: -45px;
}
#bottom-banner .block{
    width: 290px;
    height: 150px;
    float: left;
    margin: 25px 0px 5px 45px;
    position: relative;
    overflow: hidden;
}
.block.home-article img{width: 290px;}
.block.home-article .block-label a,
.block.home-article .block-label a:hover{color: #fff !important;}
#bottom-banner .block.block-col3{
    margin-right: 0
}
#bottom-banner .block .block-label{
    /*height: 33px;*/
    background-color: #3a444a;
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 33px;
    color: #fff;
    font-size: 16px;
    padding-left: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/*
TABS STYLES
*/
.yiiTab{position: relative;}
.yiiTab ul.tabs {
    border-bottom: 1px solid #ebe2ce;
    font-size: 12px;
    margin: 0;
    padding: 2px 0;
}
.yiiTab ul.tabs li {
    display: inline;
    list-style: none outside none;
}

.yiiTab ul.tabs a {
    background: repeat scroll 0 0 #b7b7b7;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 0 6px 0 0;
    padding: 5px 20px;
    text-decoration: none;
    color: #fff;
}
.yiiTab ul.tabs a:link {
    color: #fff;
}
.yiiTab ul.tabs a:visited {
    color: #fff;
}
.yiiTab ul.tabs a:hover {
    background: none repeat scroll 0 0 #feaa01;
    color: #744e00;
}
.yiiTab ul.tabs a.active {
    background: none repeat scroll 0 0 #feaa01;
    padding-top: 8px;
    color: #744e00;
}
.yiiTab div.view {
    border-bottom: 1px solid #ebe2ce;
    border-left: 1px solid #ebe2ce;
    border-right: 1px solid #ebe2ce;
    margin: 0;
    padding: 5px 15px;
    /*min-height: 730px;*/
}
.yiiTab div.view.autoheight{min-height: auto;}
.yiiTab div.view.user {
    min-height: auto;
}
.yiiTab div.view label{ font-size: 13px;font-weight: bold;}

.filterbox{
    margin: 0px 0px 2px 0px;
}
.filterbox.search-options{display: none;}
span.search-option-tg{font-weight: bold;cursor: pointer;}
.filterbox .filterlines{
    display: block;
    margin-bottom: 2px;
}
.filterlines .filtergroups{
    display: inline-block;
    min-width: 50px;
    margin-right: 40px;
    vertical-align: top;
}
.filterlines.righ10 .filtergroups{margin-right: 0px;}
.filterlines .filtergroups.mar_rgt5{margin-right: 5px}
.filterlines .filtergroups select{
    margin-right: 0;
    margin-bottom: 0px;
}
.filterlines .filtergroups input[type=text],
.filterlines .filtergroups textarea{
    width: 220px;
}

.filterlines .filtergroups.date-wrapper input[type=text] {width:106px;}

.filterlines select{
    margin-right: 40px;
}
.searchbox{
    display: inline-block;
    border: 1px solid #cccccc;
    position: relative;
    min-width: 300px;
}
.searchbox input{
    border: none;
    margin: 0;
    height: 21px !important;
    padding: 1px 5px;
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 11px;    
}
.searchbox input:focus{
    box-shadow: none;
}
.searchbox .clear-search{
    background: url('../images/sprite_icons.png') no-repeat -6px -1381px;
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -1px;
    cursor: pointer;
}

/*SUB TAB**/
ul.subtab{
    list-style: none;
    margin: 0;
}
ul.subtab li a{
    border: 1px solid #b7b7b7;
    margin-bottom: 10px;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-right: -1px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #efefef;
    color: #919191;
    padding-left: 10px;
    font-size: 13px;
}
ul.subtab li a span{
    background: url('../images/sprite_icons.png') no-repeat center;
    padding: 10px 0px 10px 25px;
    display: block;
}
ul.subtab li a span.document{
    background-position: -4px -366px;
}
ul.subtab li a span.setting{
    background-position: -4px -419px;
}
ul.subtab li a span.user{
    background-position: -4px -540px;
}
ul.subtab li a span.name{
    background-position: -3px -478px;
}
ul.subtab li a span.history{
    background-position: -2px -600px;
}
ul.subtab li a span.attachment{
    background-position: -5px -667px;
}
ul.subtab li a span.program{
    background-position: -5px -733px;
}
ul.subtab li a span.exercise {
    background-position: -5px -1427px;
}
ul.subtab li a span.training{
    background-position: -3px -1860px;
}
ul.subtab li a.active{
    color: #49585f;
    font-weight: bold;
    background: #fff;
    border-right-color: #f8f8f8;
    font-size: 14px;
    background: url('../images/top_left_bg.png') no-repeat;
}

.left-col{
    width: 173px;
}

.right-col{
    margin-left: 173px;
    border: 1px solid #b7b7b7;
    border-right: none;
    padding: 0px 0px 10px 10px;
    font-size: 12px;
    min-height: 200px;
}
.right-col.noborder-bot{
    border-bottom: none;
}

.right-col .right-col-content{
    margin-left: 33px;
    margin-top: 5px;
}
.right-col .right-col-content:after{
    clear: both;
}

.right-col-content .column_list{
    height: 510px;
    overflow: auto;
    /*margin-top: 5px;*/
    /*position: relative;*/
}

.view input,
.view select,
.view textarea{
    padding: 2px 5px;
    border-radius: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.view select{padding-right: 2px;}
.view select,
.view input[type="file"] {
    height: auto;
    /*line-height: 24px;*/
    line-height: 16px;
}
.view input[type=checkbox]{
    margin: 0;
}
.view input[type=text],
.view input[type=password]{
    width: 200px;
    height: 22px;
}
.view input.right40{
    margin-right: 40px;
}
.view input.w140{
    width: 140px;
}
.view select.maxsize{
    width: 100%;
}
.view input.maxsize{
    /*width: 700px;*/
    width: 100%;
}
.view .rows{
    vertical-align: top;
    margin-top: 5px;
}
.view textarea{
    width: 100%;
    resize: vertical;
}
.right-col-content .col1{
    float: left;
}
.right-col-content .col1.history-col1{
    width: 200px;
}
.right-col-content .col2.history-col2{
    margin-left: 240px;
}
.right-col-content .col1.exercise-pro-col1{
    width:380px;
    margin-right: 5px;
}
.right-col-content .col2.exercise-pro-col2{
    margin-left: 340px;
}
.right-col-content .col1.w318{
    width: 318px;
}
.right-col-content .col2.w318{
    margin-left: 358px;
}

.dropdow_list{
    border: 1px solid #d5d5d5;
}
.dropdow_list.margin-top34{
    margin-top: 34px;
}
.dropdow_list .greybanner{
    background: #b7b7b7;padding: 3px 5px;color: #727272;
}
.dropdow_list .dropdow_content{
    padding: 10px 20px;overflow-y: auto;height: 180px;
}
.dropdow_list .dropdow_content .lines label{
    display: inline-block;
    margin-left: 20px;
}

.defaultBox{height: 25px;line-height: 25px;margin-left: 5px;float: left}
.paymentBorder{border: 1px red solid;width: 420px;height:130px;padding: 20px;}
.attachment-intro,
.download-intro{
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    display: inline-block;
}

.download-intro{
    color: #f9b104;
    font-weight: bold;
    width: 300px;
    text-align: center;
}

.page-actions a, .page-actions input{
    background: url('../images/sprite_icons.png') no-repeat;
    color: #996700;
    padding-left: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 10px;
}
.page-actions input{
    border: none;
}
.page-actions a.help{
    background-position: 0px -172px;
}
.page-actions a.search{
    background-position: -6px -1621px;
}
.page-actions a.export{
    background-position: -4px -670px;
}
.page-actions a.recycle{
    background-position: -5px -197px
}
.page-actions a.restored,
.actions a.restored{
    background: url('../images/restoredb.png') no-repeat;
    color: #996700;
    padding-left: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 10px;
    background-position: 0 5px;
}
.actions a.restored{
    background-position: 0 0;
    display: inline;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    height: 15px;
    margin-left: 3px;
    padding: 2px 2px 2px 16px;    
}

.page-actions a.save, .page-actions input.save{
    background-position: -5px -145px;
}
.page-actions a.print{
    background-position: -5px -115px;
}
.page-actions a.cancel_fm{
    background-position: -3px -1509px;
}
.page-actions a.email{
    background-position: -7px -1807px;
    padding-left: 22px;
}
.page-actions.absolute{position:absolute;top:0;right: 0}
/*
Table Styles
*/
.table_flow{
    overflow-y: auto;
    /*height: 450px;*/max-height: 450px;
}
.table_flow.mrgt-10{margin-top: 10px;}
.table_flow_w920{
    /*  overflow-y: auto;
      height: 450px;*/
    width: 920px;
}
.table_flow_w920 .tbl_leftside{
    width: 450px;
    float: left;
}
.tbl_leftside.dropleftside{position: relative;min-height: 500px;}
.dropleftside .ex_overlay,
.ex_overlay{
    position: absolute;top:27px;background: #333;
    /* all modern browser */
    opacity: 0.25;
    /* For IE 5.5 - 8*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
    zoom: 1;z-index: 999;
    width: 450px;height: 99%;display: none;
    }
.dropleftside .ex_dropside{position: absolute;top:27px;width: 449px;height: 99%;z-index: 999;border:1px solid orange;display: none}
.dropleftside .ex_dropside .dlabel{
    background: #fff;margin: 0 auto; margin-top:200px; width:200px;padding: 10px;font-size: 1.2em;text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 600;
}

.ex_dropside{position: absolute;top:27px;width: 449px;height: 99%;z-index: 999;border:1px solid orange;display: none}
.ex_dropside .dlabel{
    background: #fff;margin: 0 auto; margin-top:200px; width:200px;padding: 10px;font-size: 1.2em;text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 600;
}
.dropleftside.clt_list .ex_overlay{width: 327px;height:98%;top:25px;}
.dropleftside.prg_list .ex_overlay{width: 330px;height:98%;top:25px;}

.dropleftside.clt_list .ex_dropside{width: 327px;height: 98%;top: 25px;}
.dropleftside.prg_list .ex_dropside{width: 330px;height: 98%;top: 25px;}

.dropleftside.clt_list .ex_dropside .dlabel,
.dropleftside.prg_list .ex_dropside .dlabel{margin-top: 200px;}

.ex_overlay_col1, .ex_dropside_col1{width: 380px;height:90%;top:30px;}
.ex_overlay_col2, .ex_dropside_col2{width: 333px;height:90%;top:30px;left: 590px;}

.ex_dropside_col1 .dlabel,
.ex_dropside_col2 .dlabel{margin-top: 200px;}

.ui-draggable-helper {
    border: 1px solid orange;
    border-bottom: 1px solid orange !important;
    background: #fff;
    padding: 5px;
    z-index: 999999 !important;
}
.table_flow_w920 .tbl_rightside{
    margin-left: 458px;
}
.items.tbl_exe_search{margin-top: 27px !important;}
.gridtable{
    overflow: hidden;
    width: 100%;
    padding-bottom: 20px;
}
.gridtable .grid-blocks{
    border: 1px solid #e9d9b8;
    width: 128px;
    padding:4px;
    margin: 10px 5px 15px 5px;
    vertical-align: top;
    display: inline-block;
    display:inline;
    float:left;
}
.table_flow_w920 .tbl_rightside .grid-blocks{
    margin: 5px 5px 15px 5px;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
.gridtable .grid-blocks span{
    text-align: left;
    -ms-text-justify: none;
    text-justify: none;
}
.grid-blocks img{
    width: 128px;height: 128px;
}
.grid-view table.items,
table.items{
    width: 100%;
    margin-top: 5px;
    border: none;
    font-size: 12px;
}
table.items input{margin: 0}

.grid-view{
    padding: 0;
}

.grid-view table.items th,
table.items th{
    color: #fff;
    text-align: left;
    background: #72b95a;
    padding-left: 5px;
    border: none;
    font-size: 12px;
}
table.items th.white_border_right,
table.items td.white_border_right{
    border-right: 3px solid #fff;
}
table.items.items_brown th{
    background-color: #bba576;
}
table.items thead tr{
    border-bottom: none;
}
table.items tr{
    background-color: #f1f8ee;
    border-bottom: 3px solid #fff
}
table.items td,
.grid-view table.items td{
    height: 40px;
    padding: 5px;
    border: none;
    font-size: 12px;
    color: #7c7c7c;
}
div.actions{margin-left: -4px;}
div.actions a,
a.atns{
    background: #75ba5d url('../images/sprite_icons.png') no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 2px 2px 16px;
    height: 15px;
    color: #fff;
    margin-left:3px;
    font-size: 11px;
}
/*a.atns{margin-left: 0px;}*/
div.actions a.red,
a.atns.red{
    background-color: #d66868;
}
div.actions a.brown,
a.atns.brown{
    background-color: #b8a47f;
}
div.actions a.grey,
a.atns.grey{
    background-color: #ccc;
}
div.actions a.edit,
a.atns.edit{
    background-position: -6px -292px
}
div.actions a.search,a.atns.search{
    background-position: -6px -273px
}
div.actions a.view,
div.actions a.favorite,
a.atns.favorite{
    background-position: -6px -1195px;
}
div.actions a.email,
a.atns.email{
    background-position: -7px -1316px
}
div.actions a.add,
a.atns.add{
    background-position: -7px -1281px;
    margin-left: 2px;
}
div.actions a.doc,
a.atns.doc{
    background-position: -7px -1252px;
}
div.actions a.recycle,
a.atns.recycle{
    background-position: -7px -1350px;
}
div.actions .share,
a.atns.share{
    background-position: -6px -1575px;
}

div.actions .share.waiting,
a.atns.share.waiting{
    background-position: -6px -1624px;
    background-color: transparent;
}

div.actions .print{
    background-position: -7px -1663px;
}

div.actions .hideBtn{
    background-position: -7px -1737px;
}
div.actions .hideBtn.grey{
    background-position: -7px -1770px;
}
div.btn_actions{
    display: inline-block;
    width: 22px;
}
div.btn_actions a{
    background: url('../images/sprite_icons.png') no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
}

div.actions a.preview{
    background-position: 100px 100px;
    font-weight: bold;
    padding: 2px 5px;
}

div.btn_actions a.up_1{
    background-position: -4px -792px;
}
div.btn_actions a.down_1{
    background-position: -4px -822px;
}
div.btn_actions a.up_2{
    background-position: -4px -861px;
}
div.btn_actions a.down_2{
    background-position: -4px -888px;
}
div.btn_actions a.up_3{
    background-position: -4px -919px
}
div.btn_actions a.down_3{
    background-position: -4px -950px;
}
div.btn_actions a.grid{
    background-position: -4px -979px;
}
div.actions a.copy{
     background: #75ba5d url('../images/icon-arrow-right.png') 2px 0px no-repeat;
}
img.thumbs{
    border:1px solid #e5e0cc;
}
/*
Navbar Style
*/
.navbar {
    margin-bottom: 0
}
.navbar-form{
    /*height: 43px;*/
    font-size: 11px;
}
.navbar-form .form-column{
    float: left;
    margin-left: 10px;
    text-align: left;
    padding-top: 5px;
}
.form-column.social-networks{
    width: 110px;
    text-align: left;
}
.form-column.social-networks a{
    width: 20px;
    height: 20px;
    margin: 5px 3px 3px 3px;
    display: inline-block;
}

.social-networks .facebook{
    background-position: -6px -49px
}
.social-networks .google{
    /*background-position: -30px -21px*/
    background-position: -6px -72px;
}
.social-networks .twitter{
    background-position: -7px -92px;
}

.form-column input{
    width: 110px;
    padding: 2px 0px 2px 6px;
    background: #d6d6d6;
    color:#414e55;
    border: none;
    font-size: 11px !important;
    margin: 0;
}
.form-column button{
    margin: 0 !important;
}
.form-column a{ text-decoration: underline;}
.form-column a.grey{ color:#e2e2e2;}
.form-column a.orange,a.orange{color:#feaa01;}
.form-column .username{
    color: #feaa01;
    font-weight: bold;
    display: inline-block;
}

.nav.pull-right{
    /*margin-top: 3px !important;*/
}
.navbar-inner {
    background-color: #47545a;
    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;
}

.navbar .nav > li > a {
    float: none;
    padding: 5px 0px;
    height: 20px;
    margin-left: 30px;
    color: #ffffff;
    text-decoration: none;
    /*text-shadow: 1px 1px #a0a8aa;*/
    text-transform: uppercase;
    text-shadow: none;
    background: transparent;
    font-size: 12pt;
    font-weight: normal;
    font-family: "Trebuchet MS" !important;
}
.navbar .nav > li:first-child{
    background: url('../images/seperator.png') no-repeat scroll right center transparent !important;
    padding-right: 10px;
}
.navbar .nav > li.bdrght{
    background: url('../images/seperator.png') no-repeat scroll right center transparent !important;
    padding-right: 10px;
}
.navbar .nav > li.home a, .navbar .nav > li.home a:hover{
    background: transparent url('../images/home_icon_w.png') center no-repeat;
    width: 22px;
}
.navbar .nav > li.home.pd20px a,.navbar .nav > li.home.pd20px a:hover{
    padding-left: 20px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
    color: #ffaf0f;
    /*text-shadow: 0 1px 0 #feab03;*/
    text-decoration: none;
}

.navbar .nav > li:first-child a{
    margin-left: 0px;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    color: #ffaf0f;
    /*text-shadow: 0 1px 0 #feab03;*/
    text-decoration: none;
    box-shadow: none;
    background: transparent url('../images/yellow_arrow.png') bottom center no-repeat;
}

.navbar .nav > .dropdown_mn > a{
    padding-right: 15px;
    background: transparent url('../images/a_grg.png') right center no-repeat;
}
.navbar .nav > .dropdown_mn > a:hover{
    background: transparent url('../images/a_org.png') right center no-repeat;
}
.navbar .nav > li > ul{
    display: none;
    position: absolute;
    min-width: 140px;
    width: auto;
    z-index: 1000;
    list-style: none outside;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 5px 0px;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.navbar .nav > li > ul li a{display: block;color: #555;text-transform: uppercase;padding: 2px 7px;text-decoration: none;}
.navbar .nav > li > ul li a:hover{background-color: #FFAA01;color:#fff}
.navbar .nav > li > ul: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;
}
.navbar .nav > li > ul:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}

.navbar .nav > li.usermn{
    display: none;
}
.navbar .nav > li.usermn > a{
    /*background:*/
    background: transparent url('../images/user_yelllow.png') left no-repeat;
    width: 23px;
    padding-left: 17px;
}
.navbar .nav > li.usermn .dropdown-menu{
    width: 100px;
}
.navbar .nav > li.usermn .dropdown-menu a{
    white-space: normal;
    text-transform: none;
}
/*
End Navbar Styles
*/


/*
BUTTONS Styles
*/

.btn{
    text-shadow: none;
}
.btn.btn-small{
    padding: 1px 10px;
    height: 23px;
    font-size: 11px;
}
.btn.btn-orange,
.btn.btn-login{
    background: #f29f00;
    color: #ffffff;
    border-color: #f29f00;
    box-shadow: none;
}
.btn-icons {
    padding: 1px 4px 1px 20px;
    display: inline-block;
    margin-right:6px;
}
.btn-icons.nomargin{margin-right: 0px !important;}
.btn-icons.grey_bg,
.btn.btn-disable{
    color: #838383;
    background-color: #ececec;
}
.btn-icons.orange_bg{
    background-color: #ffaa01;
    color: #744e00;
}
.btn-icons.add{
    background-position: -4px -1220px;
}
.btn-icons.white_add{
    background-position: -6px -1279px;
    color: #fff;
}
.btn-icons.delete{
    background-position: -4px -200px;
}
.btn-icons.document{
    background-position: -4px -224px;
}
.btn-icons.search{
    background-position: -4px -271px;
}
.btn-icons.noicon{
    background-position: 0px 20px;
    padding-left: 4px;
}
.btn-icons.largeSz{padding: 5px 10px;background-position: 100px 100px;font-size: 14px;font-weight: 600}
.btn-icons.edit{
    background-position: -4px -250px;
}
.btn-icons.calendar{
    background-position: -4px -314px;
}
.btn-icons.turn-left{
    background-position: -4px -1041px;
}
.btn-icons.turn-right{
    background-position: -4px -1009px;
}

.btn-group.customed{
    box-shadow: none;
    margin-bottom: 8px;
}

.btn-group.customed a.dropdown-toggle{
    padding: 0px 0px 0px 10px;
    border:1px solid #c8c4c4;
    min-width: 208px;
    text-align: left;
    font-size: 12px;
    background: none;
    box-shadow: none;
    border-radius: 0px !important;
    position: relative;
}
.btn-group.customed a.dropdown-toggle:focus{
    background: none;
    box-shadow: none;
}

.btn-group.customed .caret{
    background: url('../images/dropdown_bg.jpg');
    border: none;
    position: absolute;
    right: 0;
    width: 19px;
    height: 20px;
    margin: 0px;
}
.btn-group.customed .dropdown-menu{
    border-radius: 0;
    font-size: 12px;
    top: 25px;
    margin-top: 0px;
    min-width: 220px;
}
.btn-group.customed .dropdown-menu li a{
    padding-left: 10px;
}
.btn-group.customed .dropdown-menu li a:hover,
.btn-group.customed .dropdown-menu li.active a{
    background: #facb6c;
    color: #666;
}

a.viewstyle{background: url('../images/sprite_icons.png') no-repeat;display: inline-block;width: 22px;height: 22px;}
a.viewstyle.active{cursor: default;}
a.viewstyle.gridview{
    background-position: -7px -1102px;
}
a.viewstyle.listview{
    background-position: -7px -1134px;
}
a.viewstyle.gridview.active,
a.viewstyle.gridview:hover{
    background-position: -7px -1164px;
}
a.viewstyle.listview.active,
a.viewstyle.listview:hover{
    background-position: -7px -1073px
}
.form-actions {background-color:inherit;}


/* Pager CSS*/
ul.yiiPager {border: 0 none;display: inline;font-size: 11px;line-height: 100%;margin: 0;padding: 0;}
ul.yiiPager li {display: inline;margin-left: 3px;}
ul.yiiPager li a{border-radius: 2px;min-width: 12px;text-align: center}
ul.yiiPager a:link,
ul.yiiPager a:visited {
    border: 1px solid #D8D8D8 !important;
    color: #7C7C7C !important;
    font-weight: bold;
    padding: 1px 6px;
    text-decoration: none;
}
ul.yiiPager .page a {
    font-weight: normal;
}
ul.yiiPager a:hover {
    border: 1px solid #FEAA01 !important;
}
ul.yiiPager .selected a {
    background: #FEAA01 !important;
    color: #FFFFFF !important;
    border: 1px solid #FEAA01 !important;
    font-weight: bold;
}
ul.yiiPager .hidden a {
    border: 1px solid #DEDEDE;
    color: #888888;
}
ul.yiiPager .first, ul.yiiPager .last {
    display: none;
}
.exe_actions{margin-bottom: 5px;}
.yiiTab #tab2content,
.yiiTab #tab3content,
.yiiTab #subtab2content{display: none;}
.yiiTab #subtab1content{min-height: 100px;/*padding-bottom: 0px;border-bottom: none;*/}
#subtab1content .searchbox{width: 605px;}

.yiiTab #subtab2content{/*border-bottom: none;*/min-height: 100px}

.items.selected_exercises_prepare tr.selected td,
.items.selected_exercises_search tr.selected td,
.items.exercises_results tr.selected td {background: #f6c25b !important;}
.items.articlesList tr.ui-sortable-helper,
.items.selected_exercises_prepare tr.ui-sortable-helper,
.items.selected_exercises_search tr.ui-sortable-helper{background: #f6c25b !important;font-weight: 600;cursor: move;display: block;height: auto;left: 0px !important;}
    .items.selected_exercises_prepare tr.ui-sortable-helper,
    .items.selected_exercises_search tr.ui-sortable-helper{margin-left: 0px !important;}
    .items.articlesList tr.ui-sortable-helper{margin-left: 15px;}
.items.selected_exercises_prepare tr.ui-sortable-helper td.white_border_right,
.items.selected_exercises_search tr.ui-sortable-helper td.white_border_right{border-right-color: #fff !important;}

.fm_search{overflow: hidden;margin-bottom: 5px;}
.gridtable{margin-top: 27px;}
.tbls_overflow{max-height: 510px;overflow-y: auto}
.tbls_overflow.rpd{padding-right: 1px;}
.grid-view .summary,
.list-view .summary{text-align: left;overflow: hidden;margin-bottom: 0px;font-weight: 700}
.grid-view .summary .view-styles,
.list-view{padding-top: 5px;}
.summary .view-styles{float: right;display: inline-table}
.gridtable .gridBocks{margin-left: -10px;overflow: hidden;
}
.grid-blocks .extitle {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 128px;}
.grid-blocks .thumb{width: 128px;height: 128px;text-align: center;line-height: 128px;overflow: hidden}
.table_flow_w920 {width: 935px;margin-left: -14px}
.table_flow_w920 .tbl_rightside .grid-blocks{margin: 0px 0px 10px 10px;width: 131px;}
.table_flow_w920{height: auto}
.table_flow_w920 .tbl_header{overflow: hidden;width: 450px;margin-bottom: 5px;}
table.items.tbl_esrh{margin-top: 0px !important;}
table#selected_exercises_search{margin-top: 0px;}
.grid-view table.items th,
table.items th{
    color: #fff;
    text-align: left;
    background: #72b95a;
    padding-left: 5px;
    border: none;
    padding: 1px 5px;
    font-size: 12px;
}

.tbl_esrh{width: 925px;max-height: 435px;overflow: auto}
table.items.selected_exercises_prepare{ width: 888px;}
/*table.items.selected_exercises_prepare{ width: 1300px;}*/
.grid-view table.items th.white_border_right,
.grid-view table.items td.white_border_right{border-right:3px solid #fff;}
.grid-view table.items td.col_name{width: 200px;}
.grid-view table.items .hd_exe{display: none}
.grid-view table.items th a{display: inline-block !important;padding-right: 12px !important /*15px*/}
.grid-view table.items th a.desc {
    background: url('../images/w_a_down.png') no-repeat scroll right center transparent !important;
}
.grid-view table.items th a.asc {
    background: url('../images/w_a_up.png') no-repeat scroll right center transparent !important;
}
.grid-view table.items a.org_link{/*color: #dc870e;*/color: #5a5a5a;}
.grid-view table.items a.org_link:hover{color: #dc870e;}

/*Ui-Dialog*/
.ui-dialog-titlebar{
    background: none repeat scroll 0 0 #FEAA01;
    color: #744E00;
}
.ui-dialog .ui-dialog-titlebar-close span
{
    margin: 1px 0 0 2px !important;
}
#fmExercise{padding: 10px;}
#fmExercise input[type=text]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 30px;
    margin: 0;
}
#fmExercise table td{vertical-align: middle;line-height: 35px}
#fmExercise table td a{line-height: 20px}
#fmExercise table td.setsHeader{
    line-height: 20px;
    text-align: left;
    font-weight: 700;
    /*padding-left: 40px*/
}

a.copydown{
    background: url('../images/icon_copy_or.png') 5px 5px no-repeat;
    background-size: 80%;
    width: 36px;
    height: 31px;
    display: inline-block;
    margin-left: 5px;
}
a.copydown:hover{text-decoration: none;}
#fmExercise input.dl_exName,
#fmExercise input.dl_exComments
{width: 100%;}
/*#fmExercise input.smallSz{width: 100px;}*/
#fmExercise input.smallSz{width: 80px;}
#fmExercise input.dl_no{width: 80px;}

.exTitle{cursor: pointer;}
.exTitle:hover{color: #DC870E;text-decoration: underline;}
.exTitle.subHeader,
.exTitle.pageBreak{font-weight: 600}
.exTitle.pageBreak:hover{color:#7C7C7C;text-decoration: none;cursor: default;}
#programs-list .summary{text-align: left}
#user-grid .summary{text-align: right;}

#user-grid .summary, #payments-grid .summary
{text-align:left; margin-bottom:0px;}

.Dialog {
    min-width: 700px;
    max-height: 600px;
    overflow: auto;
}
#statusDialog {
    min-width: 300px;
    padding: 0;
}
#statusDialog.fade.in {
    top: 30%;
}
.help-button {
    position: absolute;
    top:10px;
    right: 0px;
    margin-right: 10px;
    z-index: 1;
}

.mnutabsitem {
    min-width: 200px;
    padding: 4px 10px 4px 5px;
}

#user-grid tr.filters td input, #payments-grid tr.filters td input {
    padding: 3px 0;
}

div.search-form {
    background: none repeat scroll 0 0 #EEEEEE;
    margin: 10px 0;
    padding: 10px;
    width: 300px;
}
div.search-form form {
    margin: 0;
}
div.wide.form label {
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: right;
    width: 60px;
}
div.wide.form .buttons {
    clear: left;
    padding-left: 60px;
}

div.wide.form .buttons input {
    padding: 3px 5px;
}

.progExercisesList{max-height: 510px;overflow: auto;}

.fleft {
    float: left;
}

.view #user-grid input[type="text"], .view #user-grid input[type="password"], .view #payments-grid input[type="text"], .view #payments-grid input[type="password"] {
    width: 100%;
}
#monthForm form, #yearForm form {
    margin: 0;
}

#contentError{display: none;margin-bottom: 5px;}
#hiddenContent{position:absolute; top:-1000px;width: 700px;min-height: 100px;line-height: 16px}
#hiddenContent span{display: inline-block;line-height: 100%}
#hiddenContent p{margin-bottom: 0px;}
#fm_error_hd{display: none}
p.wn{font-size: 12px;font-style: italic;margin-bottom: 3px;}
img.mThumb{width: 50px !important;max-width: 50px !important;}

.summary,
.search-option-tg,
.yiiTab div.view label{font-size: 13px;font-weight: 700}

.xheBtnBlocktag,
.xheBtnBackColor,
.xheBtnAnchor,
.xheBtnFlash,
.xheBtnMedia,
.xheBtnEmot,
.xheBtnTable,
.xheBtnSource,
.xheBtnPreview,
.xheBtnPrint,
.xheBtnFullscreen{display: none !important}
#selectDate{width: 190px;height: 300px;}
/*.article .xheBtnFlash,.article .xheBtnMedia{display: block !important}*/
.article .xheBtnSource{display: block !important}
.article input[type=text]{
  width: 756px;
}
#menu-footer-form input[type="text"] {width: 100%;}
/*UPLOAD STYLE*/
.templateMedia{display: none}
.templateMedia .file_item{overflow: hidden !important;}
.templateMedia .file_item .fileUploadName{background: #fff;float: left;margin-right: 6px;}
.btnBrowse{
    width: 61px;
    height: 22px;
    display: inline-block;
    background: url('../images/browseBtnBg.png') no-repeat;
    background-position: 0px 0px;
    float: left;
}
.btnBrowse.disabled{
    background-position: 0px -66px;
}

.slides {
    position: relative;
    height: 100%;
    height: 284px;
}
.slides img {
    position: absolute;
    z-index: 1;
    top:0;
    left:0;
    height: 284px;
    width:962px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}
.processUploadStt{font-weight: 700;display: inline-block;margin-left: 5px;}

#ui-datepicker-div{display: none;}
.attachname{
    background: url('../images/pdf.gif') left center no-repeat;
    padding-left: 20px;
}
.attachname.zip{
    background: url('../images/zip-icon.png') left center no-repeat;    
}
.attachname.excel{
    background: url('../images/excel.gif') left center no-repeat;       
}
.attachname.word{
    background: url('../images/word.gif') left center no-repeat;       
}

.quickAddExercise{
    /*background: #f6bf00;*/
    margin-top: 5px;
    padding: 5px;
    overflow: hidden;
}
.quickAddExercise .searchbox{min-width: 200px !important;}
.quickAddExercise .txt-quick-add{width: 340px !important}
.quickAddExercise.ajaxrequest_prepare_form .txt-quick-add{width: 400px !important}
.quickAddExercise label,
.quickAddExercise input{margin: 0 !important}
.quickAddExercise label{
    float: left;
    width: 100px;
    font-size: 11px;
}
.quickAddExercise .srch-box{
    margin-left: 105px;
    height: 40px;
    line-height: 40px;
}
ul.ui-autocomplete{
    max-height: 175px !important;
    overflow-y: auto;
}
.ui-widget{font-size: 12px !important;font-family: inherit}

/* TRAINING SESSION HISTORY*/
.my-program-list{
    max-height: 285px;
    overflow-y: auto;
}
a.share-now{
    background: url('../images/share_btn.png') no-repeat !important;
    height: 20px !important;
    width: 38px !important;
    background-position: 0px 0px !important;
    margin: 0;
    display: inline-block;
    padding: 0px !important;
}
a.share-via-cp{
    margin-left: 20px;
}
a.share-now:hover{text-decoration: none !important}
div.actions a.share-now{float: right;clear: right;}

a.share-now.shared {
    background-position: 0 -23px !important;
}
.trainning-history-tab {    margin: 5px 0px 0px 0px }

.training-group{margin-bottom: 20px}
.training-group .tr-header{
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
    color: #744E00;
    font-size: 14px;
    font-weight: 700;
    background: url('../images/header_bg.png') repeat;
    border-left: 7px solid #f09b00;
    margin-bottom: 3px;
    position: relative;
}
.training-group .tr-header .sort_rules{position: absolute;display: inline-block;right: 0;margin-right: 5px;}
.sort_rules span{color: #fff;font-size: 11px;margin-left: 5px;}
.sort_rules select{margin-bottom: 0px;width: auto}
.sort_rules .sort_rules_ln{display: inline-block;text-align: right;}
.training-group .group-content{
    overflow: hidden;
}
.group-content .col-per50{
    width: 50%;
    float: left;
}
.group-content.group-content-exercise-traker{position: relative;padding-top: 30px;}
.group-content-exercise-traker .exercisesDropdown{position: absolute;top: 0;right: 0;z-index: 1000;line-height: 30px;}
.btn-train{
    background: #34bb79;
    color: #fff;
    width: 100px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
}
.btn-train:hover{color: #fff;}
.row-train{overflow: hidden;padding: 7px 0px;margin-bottom: 3px}
    .row-train:nth-child(odd){background-color: #e5fbd4}
    .row-train:nth-child(even){background-color: #d7f3cd}
    .row-train .btn-train{float: left;}
    .row-train .train-name{margin-left: 110px;}
    .row-train .train-name .pro-name{font-weight: 700;font-size: 13px}

img.practitioner_logo{max-height: 200px;margin-top: 10px;}

#recent_history_list{
    height: 330px; overflow-y: auto;
}
.recent_history_row{
    padding: 5px;
}

.recent_history_row:nth-child(odd){
    background-color: #d6f3cc
}
.recent_history_row:nth-child(even){
    background-color: #e5fbd4
}

.recent_history_row .line_1{position: relative}
.recent_history_row .line_1 span.proName{
    display: inline-block;
    margin-right: 70px;
    font-weight: bold;
}
.recent_history_row .line_1 .actions{
    position: absolute;
    width: 76px;
    right: -5px;
    top: 4px;

}
.recent_history_row .line_2 p{
    margin: 5px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 330px;
    font-size: 11px;
}
.recent_history_row .line_2 p span {
    /*color: #000;*/
}
.recent_history_row div.actions a
, .recent_history_row a.atns {
    background-color:  #34BB79;
    display: inline-block;
    height: 36px;
    margin: 0;
    padding: 0;
    width: 36px;
    background-image: url("../images/spr.png");
    background-repeat: no-repeat;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.recent_history_row div.actions a.edit {
    background-position: 9px -248px;
}
.recent_history_row div.actions a.recycle {
    background-position: -110px -249px;
}
.recent_history_row div.actions a:hover
, .recent_history_row a.atns:hover {
    background-color:  #2a915e;
}

.tbl-wrap {
    overflow: hidden;
    overflow-x: auto;
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
}
table#exercise_tracker_data{
    min-width: 800px;
    border: 1px solid #ccc;
    border-bottom: none;
}
table#exercise_tracker_data th{
    background: #fbef7a;
    color: #222;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
table#exercise_tracker_data td{
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#exercise_tracker_data .w10{width: 10%}
#exercise_tracker_data .w15{width: 15%}

.page-actions a.share-now{
    background: url('../images/share_btn.png') no-repeat !important;
    background-position: -44px 2px !important;
    display: inline-block;
    width: auto !important;
    margin-left: 10px;
    padding-left: 30px !important;
}
.page-actions a.share-now.shared{
    background-position: -44px -20px !important;
    padding-left: 30px !important;
}
.page-actions a.share-now:hover{text-decoration: underline !important;}
.clt-access-info{font-style: italic}
.clt-access-info .moreLk{
    font-weight: 700;
    display: block;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 5px;
}
.moreLk span{
    display: inline-block;
    border-bottom: 3px solid orange;
    color: #999;
    padding-right: 30px;
    position: relative;
}
.moreLk span:after {
  display: block;
  position: absolute;
  right: 0px;
  top: 7px;
  content: '';
  width: 12px;
  height: 12px;
  background-image: url(../images/spr.png);
  background-repeat: no-repeat;
  background-position: -60px -90px;
}
.moreLk.exp span:after { background-position: -124px -90px;}
.clt-access-info .moreDes{display: none}
table.clientsDetailsTbl{width: 100%}
table.clientsDetailsTbl td{vertical-align: top;padding: 0px}
table.clientsDetailsTbl tr.cPRow{border: 1px solid #ccc;height: 90px}
.cPRow .accessCol{
    padding: 5px 0px 0px 5px
}
.cPRow .accessCol .accessContainer{position: relative}
.accessContainer .btn-info{padding: 1px 5px;height: 15px;line-height: 15px;margin-left: 5px}
.accessContainer .abRow{width: 700px;position: absolute;top: 55px}
.cPRow .col2, .cPRow .col3{padding-top: 5px}
input.btn-invite-clt{padding: 1px 5px;}
label.il-lb{display: inline-block;width: auto;font-weight: normal !important;margin:0px 0px 0px 10px}

.no-data {
    text-align: center;
    font-style: italic;
    color: #666;
    font-size: 12px;
}
#exercise_tracker_chart{margin-top: 35px;}
.chart-blk{margin-top: 25px;}
.chart_view{
    float: right;
    margin-top: 5px;
    z-index: 9999;
}
#exerciseTrackerChartView{margin-top: 0px}
.chart_view .viewstyle{
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background: #959595 url('../images/chartview.png') no-repeat;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.chart_view .viewstyle.active,
.chart_view .viewstyle:hover{
    background-color: #e39802;
}
.chart_view .viewstyle.active{
    cursor: default;
}
.chart_view .viewstyle.lineview{
    background-position: -1px -1px;
    margin-right: 3px;
}
.chart_view .viewstyle.barview{
    background-position: -26px -1px;
}

.previewWrap{
    position: absolute;z-index: 9999;top:4000px;
    width: 710px;
    height: auto;
    background: #fff;
    overflow: auto;
    padding: 0px 5px;
    color: #000;
    display: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .previewWrap p{
    padding: 0px !important;
    margin: 0px 0px 5px 0px !important;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    word-break: break-all;
    white-space: normal;
    line-height: 1 !important;
    }
    .previewWrap p.nomargin{
        margin: 0px !important;
    }
    .previewWrap span{
    display: inline;
    margin: 0 !important;
    padding: 0px !important;
    line-height: 1.2;
    }
    .previewWrap img{
    outline: none;
    border: none;
    }
    .xheBtnStrikethrough,
    .xheBtnUnderline{display: none !important}

.headerActions{position: relative}
.headerActions label{display: inline-block;vertical-align: top}
.headerActions select{margin: 0px;width: auto}
.headerActions .ppAbsolute{
    position: absolute;
    top: 20px;
    right: 0px;
}
.templateSearchBox .searchbox{min-width: 270px;width: 270px;} /*min-width: 280px;width: 280px;*/
.templateSearchBox{margin: 5px 0px;display: none}
.search-option-lk, .search-option-lk:hover{color: #838383;font-weight: bold}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.boxSizing{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.fm_create_practitioner{ width: 400px;margin: auto; border: 1px solid #ccc; padding: 15px; }
.btn_cancel {border-radius: 0; height: 19px !important ;font-size: 12px !important;}
.program-pagination {
  margin-top: 25px;
  text-align: right;
}

#uvTabLabel img {
    width: auto;
    height: auto;
}

a.program-expired{
    background: #b7b7b7 !important;
}

/*For program planner*/
.filterbox .span3{
    width: 226px;
}

.filterbox .span3,
.filterbox .span4{
    margin-left: 0;
}

.filterbox .proLst{
    width: 25% !important;
    margin-right: 10px;
}

.filterbox .searchbox{
    min-width: 218px;
}

.filterbox .noselect{
  margin-left: 2px;
}

.filterbox #SearchProgramsForm_progHidden,
.filterbox #SearchProgramsForm_progClient{
    width: 218px;
}

.filterbox .righ10{
    display: inline-flex !important;
    width: 100%;
}

.filterbox #s_datepicker{
  width: 177px;
  float: left;
  margin-left: 7px;
}

.filterbox #e_datepicker{
  width: 192px;
  float: left;
  margin-left: 7px;
}

.filterbox .headerActions{
  margin-top: 5px;
}

.grid-view table.items th.exerciseNo{
    background: #75ba5d url('../images/icon-sort-exercise.png') no-repeat;
    background-position: 24px 6px;
    padding-right: 10px;
}

.filterbox #hide_practitioner{
    float: left;
    margin: 5px;

}

.headerActions .total-left{
    max-width: 220px;
    display: inline-block;
}

.selected_exercises_search #test_c0{
    min-width: 130px;
}


/*my progress*/
 
/* PROGRESS PAGE */
.train-consis {
  min-height: 240px;
}
.consis-blk {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f05a49;
  color: #fff;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif, tahoma;
  position: relative;
  width: 174px;
  margin: 10px 0 0 0;
}
.consis-blk:after {
  position: absolute;
  content: '';
  display: block;
  height: 1px;
  /*width: 100%;*/
  bottom: -44px;
  border-bottom: 44px solid transparent;
  border-left: 87px solid #f05a49;
  border-right: 87px solid #f05a49;
}
.consis-blk span.c-lbl {
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 9px;
}
.consis-blk .c-num {
  font-size: 54px;
  line-height: 1;
  font-family: 'Open Sans', sans-serif, tahoma;
  font-weight: bold;
  padding: 5px 10px;
  background: #35bc7a;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.consis-blk .c-ct {
  padding: 10px 0;
}
.consis-blk .c-ct span {
  font-size: 15px;
  display: block;
  font-weight: bold;
  line-height: 1;
}

.y-box label.t-c {
  font-weight: bold;
  color: #000;
  font-size: 12px;
  display: block;
}

.my-progress-tab [class*="span"]{
    margin-left: 10px;
    text-align: center;
}

.pr-avatar {
  text-align: center;
  height: 136px;
  width: 136px;
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #eee;
  background: url(../images/ico_photo.png) no-repeat center center;
  margin: 20px auto;
}
.pr-avatar img {
  height: 136px;
}

@media (min-width: 768px) and (max-width: 979px) {
  .consis-blk {
    margin: 20px auto 60px auto;
    width: 180px;
  }
  .consis-blk:after {
    border-bottom: 40px solid transparent;
    bottom: -40px;
    border-left: 90px solid #f05a49;
    border-right: 90px solid #f05a49;    
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .consis-blk {
    margin: 20px auto 60px auto;
    width: 180px;
  }
  .consis-blk:after {
    border-bottom: 40px solid transparent;
    bottom: -40px;
    border-left: 90px solid #f05a49;
    border-right: 90px solid #f05a49;
  }
}

ul.subtab li a span.training-progress,
ul.subtab li a span.my-videos{
    background-position: -3px -368px;
}
#pdf-preview{height: 600px}
.previewAttachment{margin-top: 5px}
.previewAttachment h5{margin-bottom: 0px;font-size: 13px}
#mediaFields {margin-top: 10px}
.allow-one{margin-top: 0px}
.description-row{margin-bottom: 5px}
.description-row p{display: inline-block;margin-bottom: 0px}
#formDocuments{margin:0px 5px 0px 0px;width: 400px}
span.info-more{display: none}
.filePreviewContainer{margin-top: 5px;}

/*OVERRIDE SELECT2 STYLES*/
.select2 .select2-container--open{
    /*border:1px solid #0088cc;*/
}
.select2-dropdown{border: 1px solid #ccc;}
.select2-container--default .select2-selection--single{
    border-radius: 0;
    border:1px solid #cccccc
}
.select2-container .select2-selection--single{
    height: 22px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border-radius: 0;
    border:1px solid #cccccc;
    margin-top: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 22px;
    color: #555555
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 22px;
    top: 0;
}


.my-videos-tab .tr-header {
    width: 85%;
}
.shared-video .wrap {
    margin:  30px auto;
    width: 310px;
}

.shared-video .wrap .center {
    text-align: center;
}

.shared-video .wrap .share-video-icon {
    width: 310px;
    height: 250px;
    background:  url('../images/share-video-icon.svg') no-repeat;
}

.shared-video .duration{
    width: 61px;
    height: 20px;
    background:  url('../images/video-duration.svg') no-repeat;
    position: absolute;
    text-align: right;
    right: 15px;
    top: 15px;
    color: #000;
}

.video-action, .form-action {
    right: 20px;
    top: 44px;
    position: absolute;
    display: block;
}

.video-action a,
.form-action a {
    color: #744E00;
    display: block;
    width: 75px;
    line-height: 15px;
    text-align: left;
}

.big-plus {
    background: url(../images/big-plus.svg) no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 10px;
}

.form-collection .btn,
.shared-video .btn,
.video-library .btn {
    background-position: 0 30px;
}

.new-video-modal .progress .bar {
    background-color: #FEAA01;
    background-image: none;
}

.shared-video .new-video-modal input[type='text']{
    padding:  4px 6px;
    width: 100%;
    height: auto;
}

.shared-video .new-video-modal input[type='file']{
    padding:0;
    height: auto;
    line-height: 30px;
}

.shared-video .duration span{
    margin-right: 10px;
}

.shared-video .video-list-row {
    display:flex;
    min-height: 240px;
    margin-bottom: 15px;
}

.gallery .video-gallery-row  {
    display:flex;
    margin-bottom: 10px;
}

.shared-video .video-list .thumbnail,
.gallery .video-gallery-row .thumbnail {
    display:flex;
    flex-direction:column;
    position: relative;
}

.shared-video .video-list .thumbnail .video-player-link {
    position: relative;
    height: 190px;
}

.gallery .video-gallery-row .thumbnail .video-player-link {
    height: 100px;
    position: relative;
}

.gallery .video-gallery-row .thumbnail .video-player-link .oneline {
    height: 20px;
    margin: 0;
}

.gallery .video-gallery-row .thumbnail input
{
    position: absolute;
    top: 5px;
    left: 5px;
}

.gallery .video-gallery-row .thumbnail .video-player-link > img,
.shared-video .video-list .thumbnail .video-player-link > img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#subtabFormscontent.form-collection {
    margin-left: 5px;
}

.form-collection .add-form {
    float: right;
    height: auto;
    padding-right: 5px;
    border-radius: 0;
}

.form-collection .add-form i {
    font-size: 13px;
    position: relative;
    top: 1px;
    right: 5px;
}

.form-collection .wrap {
    padding-left: 30px;
}

.form-collection .grid-view .pager {
    text-align: center;
}

.form-collection .form-preview-modal {
    width: 700px;
    margin-left: -350px;
}

.form-collection .form-preview-modal .modal-body,
{
    overflow: hidden;
}

.add-form-modal .form-list {
    margin-top: 20px;
}
.add-form-modal .form-list .item {
    padding: 7px;
    border-bottom: 1px #B7B7B7 solid;
}


.add-form-modal .form-list .item input {
    margin-right: 5px;
    top: -1px;
    position: relative;
}

.add-form-modal .form-list label {
    width: 82%;
}
.add-form-modal .form-list label,
.add-form-modal .form-list p {
    display: inline-block;
}

.add-form-modal .form-list p {
    text-align: right;
    margin: 0;
    width: 85px;
}


@media (max-width: 980px) {
    #select-from-gallery-tab .gallery .video-gallery-row .thumbnail .video-player-link {
        position: relative;
        height: 100px;
    }
    .shared-video .video-list .thumbnail .video-player-link {
        position: relative;
        height: 140px;
    }
    .my-videos-tab .tr-header {
        width: 82%;
    }
    .form-collection .training-group {
        width: 85%;
    }
    .video-action, .form-action {
        right: 5px;
        top: 70px;
        position: absolute;
        display: block;
    }
}

.shared-video .video-list .thumbnail .bdy {
    display: flex;
    flex-direction:row;
}

.shared-video .video-list .thumbnail .bdy .action{
    width: 40px;
    margin:  9px 9px 0 0;
}

.shared-video .video-list .thumbnail .bdy .title {
    width: 90%;
    padding: 9px 5px 0 9px;
    height: 40px;
    margin: 0;
}

.shared-video .video-list .thumbnail .delete{
    height: 20px;
    width: 38px;
    padding: 0;
}

.shared-video .video-list .thumbnail .delete i{
    padding-left: 3px;
}

.shared-video .video-list .thumbnail .caption p {
    margin: 0;
}

.shared-video .video-list .thumbnail .caption .lighter-text {
    opacity: 0.6;
}

.add-form-modal .pagination
{
    margin-bottom: 0;
    margin-top: 15px;
}

.shared-video .video-list .pagination,
.form-collection .pagination,
.exercise-admin .pagination,
.program-admin .pagination,
.video-library .pagination
{
    text-align: center;
    position: relative;
}

.pagination .previous {
    position: absolute;
    left: 0;
}

.pagination .next {
    position: absolute;
    right: 0;
}

.shared-video .video-list .pagination ul,
.exercise-admin .pagination ul,
.program-admin .pagination ul,
.form-collection .pagination ul,
.video-library .pagination ul
{
    margin: 0;
}

.form-collection .pagination a,
.exercise-admin .pagination a,
.program-admin .pagination a,
.shared-video .video-list .pagination a,
.video-library .grid-view .pagination a {
    color: #7C7C7C;
    margin-right: 5px;
    border: 1px solid #dddddd;
}

.form-collection .pagination .active,
.exercise-admin .pagination .active,
.program-admin .pagination .active,
.shared-video .video-list .pagination .active,
.video-library .grid-view .pagination .active,
.shared-video .video-list .pagination .active:hover,
.video-library .grid-view .pagination .active:hover{
    background: #FEAA01;
    color: #FFFFFF;
    border: 1px solid #FEAA01;
    font-weight: bold;
}

.form-collection .pagination a:hover,
.exercise-admin .pagination a:hover,
.program-admin .pagination a:hover,
.video-library .grid-view .pagination a:hover,
.shared-video .video-list .pagination a:hover{
    border: 1px solid #FEAA01;
}

.video-modal video {
    max-height: 380px;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(240, 155, 0, 0.2);
  border-right: 1.1em solid rgba(240, 155, 0, 0.2);
  border-bottom: 1.1em solid rgba(240, 155, 0, 0.2);
  border-left: 1.1em solid #ffcc0b;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.video-library .video-grid .thumb-link {
    position: relative;
    height: 75px;
    width: 115px;
    display: block;
}

.video-library .video-grid .thumb-link img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.video-library .video-grid th a,
.video-library .video-grid .actions a,
.video-library .video-grid .actions a:hover {
    color: #fff;
}

.video-library .video-grid .input-wrap {
    display: inline-block;
}

.video-library .video-grid .input-wrap.hidden{
    display: none;
}

.video-library .video-grid th.center,
.center {
    text-align: center;
}

.video-library .video-grid td a {
    color: #5a5a5a;
}

.video-library .video-grid td a:hover {
    color: #dc870e;
    text-decoration: underline;
}

.video-library .header-action {
    margin-bottom: 5px;
}

.video-library .header-action > * {
    display: inline-block;
}

.video-library .search-action input[type='text'] {
    margin: 0;
    padding: 4px 6px;
}

.fr {
    float: right;
}

.video-library .inline *,
.video-library .bulk-action *,
.video-library .per-page * {
    display: inline-block;
    margin: 0;
}

.video-library .filter-action,
.video-library .bulk-action {
    margin-right: 10px;
}

.video-library .inline label,
.video-library .bulk-action label,
.video-library .per-page label {
    position: relative;
    top: 2px;
}

.video-library .per-page select {
    width: 50px;
}

.video-library .bulk-action select {
    width: 100px;
}


.video-library .filter-action {
    width: 150px;
    background-color: #fff;
    display: inline-block;
    margin-right: 5px;
}

.video-library .filter-action .accordion-heading .accordion-toggle {
    padding: 2px 5px;
    position: relative;
    color: #7C7C7C;
    font-weight: 700;
    text-decoration: none;
}
.video-library .filter-action .accordion-heading .accordion-toggle .caret {
    position: absolute;
    top: 9px;
    right: 10px;
}

.video-library .filter-action .accordion-body {
    position: absolute;
    z-index: 1001; /* #loading-overlay is 1000 */
    background-color: #fff;
    width: 150px;
    max-height: 250px;
    overflow-y: auto;
}

.video-library .filter-action .accordion-body label {
    padding: 0;
    display: inline-flex;
}

.video-library .filter-action .accordion-body input[type="checkbox"] {
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.video-library .filter-action .accordion-body .accordion-inner {
    padding: 5px;
}

.video-library .filter-action .accordion-body .accordion-inner .divider{
    margin-bottom: 5px;
}

.video-library #upload-form input[type='text'] {
    width: 100%;
}


#user-logo-form input[type='text'],
#user-logo-form input[type='email'] {
    width: 100%;
}

.exercise-admin .list-view .items th a {
    color: #fff;
}

.exercise-admin .summary  {
    display: flex;
    flex-direction: row;
}

.exercise-admin .summary .per-page > * {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.exercise-admin .summary .per-page select {
    width: 60px;
}

.exercise-admin .summary .view-styles {
    float: none;
    margin: 0 0 0 10px;
    padding: 0;
    display: block;
}

.exercise-admin .summary span {
    width: 160px;
    display: block;
}

.exercise-admin .bulk-actions {
    width: 32%;
    font-weight: normal;
    font-size: 12px;
}

.exercise-admin .bulk-actions .btn-bulk-star-exercise,
.program-admin .bulk-actions .btn-bulk-star-program {
    color: #838383;
    background-color: #ececec;
    background-image: none;
    border-radius: 0;
    border: none;
    font-size: 12px;
    padding: 0px 6px;
    position: relative;
    height: 22px;
    line-height: 22px;
    box-shadow: none;
    top: -1.3px;
}

.exercise-admin .bulk-actions .btn-bulk-star-exercise.btn span:hover,
.program-admin .bulk-actions .btn-bulk-star-program.btn span:hover {
    text-decoration: underline;
}

.exercise-admin .bulk-actions .btn-bulk-star-exercise.orange_bg,
.program-admin .bulk-actions .btn-bulk-star-program.orange_bg {
    background-color: #ffaa01;
    color: #744e00;
}


.exercise-admin .bulk-actions .btn-bulk-star-exercise i,
.program-admin .bulk-actions .btn-bulk-star-program i {
    margin-right: 5px;
}

.exercise-admin .summary .wrap {
    width: 51%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.exercise-admin .list-view .items .org_link {
    color: #5a5a5a;
}

.exercise-admin .list-view .items .org_link:hover,
.exercise-admin .list-view .items .org_link:focus {
    color: #dc870e;
}


.program-admin .grid-view .items th a,
.program-admin .grid-view .items th a.asc,
.program-admin .grid-view .items th a.desc {
    color: #fff;
    padding: 0 !important;
    background: none !important;
}

.program-admin .grid-view .items th a i,
.exercise-admin .list-view .items th a i
{
    display: none;
}

.program-admin .grid-view .items th a.active.asc .icon-arrow-down,
.exercise-admin .list-view .items th a.active.asc .icon-arrow-down
{
    display: none;
}

.program-admin .grid-view .items th a.active.asc .icon-arrow-up,
.exercise-admin .list-view .items th a.active.asc .icon-arrow-up
{
    display: inline-block;
}

.program-admin .grid-view .items th a.active.desc .icon-arrow-down,
.exercise-admin .list-view .items th a.active.desc .icon-arrow-down {
    display: inline-block;
}
.program-admin .grid-view .items th a.active.desc .icon-arrow-up,
.exercise-admin .list-view .items th a.active.desc .icon-arrow-up
{
    display: none;
}

.program-admin .grid-view .summary {
    position: relative;
    top: -3px;
}
.program-admin .headerActions {
    margin-bottom: 15px;
    z-index: 1;
}
.program-admin .headerActions .bulk-actions {
    position: absolute;
    left: 170px;
    top: 8px;
}

.program-admin .headerActions .ppAbsolute {
    top: 10px;
    right: 0px;
}

.program-admin .headerActions .ppAbsolute label{
    margin: 0 5px;
}