@font-face {
    font-family : p4p-font;
    src         : url(../fonts/P4P.ttf);
}

.text-p4p-yellow {
    color : #F8D41F !important;
}

.text-p4p-blue {
    color : #1E3E85 !important;
}

.login-logo > img {
    width : 150px;
}

span.logo-mini {
    font-family : p4p-font !important;
}

table.statistics {
    font-size     : 11px;
    margin-bottom : 0px;
}

table.statistics thead tr {
    text-transform : uppercase
}

table.statistics th, table.statistics td {
    text-align     : center;
    vertical-align : middle;
}

table.statistics tr.totals td, table.statistics tr td.totals {
    font-weight : bold;
    font-size   : 13px;
}

.ui-progressbar {
    width         : 100%;
    height        : 22.5px;
    border        : 0 !important;
    background    : #E0EAF0;
    padding       : 0px;
    border-radius : 0;
}

.ui-progressbar .ui-progressbar-value {
    height        : 100%;
    background    : #329AD1;
    border        : 0;
    border-radius : 0;
    margin        : 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius : 0px !important;
}

.btn-file {
    cursor : pointer;
}

.btn-file input[type="file"] {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    opacity  : 0;
}

#profile-photo-upload-preview {
    position : relative;
    display  : none;
}

#close-profile-photo-upload-preview {
    position : absolute;
    top      : 10px;
    right    : 46px;
}

.dropzone {
    border : 2px dashed #3C8DBC;
}

.dropzone .dz-preview .dz-image, .dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius : 0px;
}

.dropzone.dz-clickable .dz-message {
    font-size : 33px;
    color     : #0073B7;
}

.dropzone-area {
    position : relative;
}

.dropzone-area > a, .dropzone-area > span {
    position  : absolute;
    font-size : 14px;
    display   : none;
}

.dropzone-area > span.is-uploaded {
    top   : 0;
    right : 19px;
}

.dropzone-area > a.remove {
    bottom : 0;
    right  : 15px;
}

.dropzone.grid {
    border     : 1px dashed #3C8DBC;
    min-height : 50px;
    padding    : 0 10px;
}

.dropzone.grid.dz-clickable .dz-message {
    margin : 20px 0;
}

.dropzone.grid .dz-processing, .dropzone.grid .dz-complete {
    margin : 30px 0;
}

.dropzone.has-error {
    border-color : #DD4B39 !important;
}

#metadata-new-values-area > div {
    margin-bottom : 15px;
}

.nav-tabs-custom.tab-danger > .nav-tabs > li.active {
    border-top-color : #F56954;
}

.nav-tabs-custom.tab-success > .nav-tabs > li.active {
    border-top-color : #00A65A;
}

.nav-tabs-custom.tab-warning > .nav-tabs > li.active {
    border-top-color : #F39C12;
}

.nav-tabs-custom.first-tab-bordered > .nav-tabs > li:first-of-type.active > a {
    border-left-color : #F4F4F4;
}

.nav-tabs-custom.first-tab-bordered > .nav-tabs > li:first-of-type.active > a:focus,
.nav-tabs-custom.first-tab-bordered > .nav-tabs > li:first-of-type.active > a:hover {
    border-left-color : #DDDDDD;
}

#workout-preview-image,
#plan-preview-image {
    height             : 168px;
    border             : 0;
    padding            : 0;
    margin-top         : 8px;
    -moz-box-shadow    : 0 0 6px #888888;
    -webkit-box-shadow : 0 0 6px #888888;
    box-shadow         : 0 0 6px #888888;
}

#workout-preview-image img,
#plan-preview-image img {
    width  : 300px;
    height : 168px;
}

#workout-preview-image .dz-message {
    margin  : 0;
    padding : 56px 0;
}

#plan-preview-image .dz-message {
    margin  : 0;
    padding : 70px 0;
}

#workout-preview-image.dz-clickable .dz-message,
#plan-preview-image.dz-clickable .dz-message {
    font-size : 23px;
}

#workout-preview-image .dz-processing,
#workout-preview-image .dz-complete,
#workout-preview-image .dz-image-preview,
#plan-preview-image .dz-processing,
#plan-preview-image .dz-complete,
#plan-preview-image .dz-image-preview{
    text-align : center;
}

#workout-import-resources, #dz-workout-music, #dz-workout-image-title {
    min-height : 131px;
    padding    : 38px;
}


#dz-workout-icon, #dz-plan-icon {
    min-height : 168px;
    padding    : 8px;
    border: none;
}

#workout-import-resources .dz-message, #dz-workout-music .dz-message, #dz-workout-image-title .dz-message{
    font-size : 20px;
    margin    : 0;
    padding   : 30px 0;
}

#dz-workout-icon .dz-message, #dz-plan-icon .dz-message  {
    font-size : 20px;
    margin    : 0;
    padding   : 70px 0;
}

#dz-workout-icon .dz-image-preview img, #dz-plan-icon .dz-image-preview img{
    width: 168px;
}

#workout-import-resources .dz-processing,
#workout-import-resources .dz-complete,
#dz-workout-music .dz-processing,
#dz-workout-music .dz-complete,
#dz-workout-image-title .dz-processing,
#dz-workout-image-title .dz-complete{
    margin-top    : 0;
    margin-bottom : 0;
    text-align    : center;
}

#workout-import-resources .dz-preview .dz-image, #dz-workout-music .dz-preview .dz-image, #dz-workout-image-title .dz-preview .dz-image {
    height : 100px;
}

#exercise-preview-image {
    height             : 180px;
    border             : 0;
    padding            : 0;
    margin-top         : 8px;
    -moz-box-shadow    : 0 0 6px #888888;
    -webkit-box-shadow : 0 0 6px #888888;
    box-shadow         : 0 0 6px #888888;
}

#exercise-preview-image img {
    width  : 320px;
    height : 180px;
}

#exercise-preview-image .dz-message {
    margin  : 0;
    padding : 56px 0;
}

#exercise-preview-image.dz-clickable .dz-message {
    font-size : 23px;
}

#exercise-preview-image .dz-processing,
#exercise-preview-image .dz-complete,
#exercise-preview-image .dz-image-preview {
    text-align : center;
}

#exercise-import-resources {
    min-height : 131px;
    padding    : 13px;
}

#exercise-import-resources .dz-message {
    font-size : 28px;
    margin    : 0;
    padding   : 23px 0;
}

#exercise-import-resources .dz-processing,
#exercise-import-resources .dz-complete {
    margin-top    : 0;
    margin-bottom : 0;
    text-align    : center;
}

#exercise-import-resources .dz-preview .dz-image {
    height : 100px;
}

#trainer-media-assigned .tab-content {
    padding : 0;
}

.dropzone.trainer-media {
    height : 200px;
}

.dropzone.trainer-media.dz-clickable .dz-message {
    margin    : 42px 0;
    font-size : 22px;
}

.media-trainer-image-preview > img {
    height : 200px;
}

#trainer-media-sides-area {
    width    : 250px;
    position : absolute;
    top      : 3px;
    right    : 3px;
}

.sb-wrapper {
    overflow : auto;
}

ul.sb-content > li {
    cursor : pointer;
}

ul.sb-content > li:not(.recovery) {
    -moz-box-shadow    : 0 0 3px #888888;
    -webkit-box-shadow : 0 0 3px #888888;
    box-shadow         : 0 0 3px #888888;
}

ul#sb-resources-destination {
    min-width       : 100%;
    list-style-type : none;
    white-space     : nowrap;
    padding         : 6px 6px 0 6px;
    display         : inline-block;
}

ul#sb-resources-destination-111 {
    min-width       : 100%;
    list-style-type : none;
    white-space     : nowrap;
    padding         : 6px 6px 0 6px;
    display         : inline-block;
}

ul.sb-content:empty::after {
    content         : attr(data-empty-message);
    width           : 100%;
    height          : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    font-size       : 50px;
    color           : #C6C6C6;
    border          : 2px dashed #C6C6C6;
}

ul#sb-resources-destination > li {
    position            : relative;
    float               : left;
    margin              : 0 2px;
    background-repeat   : no-repeat;
    background-position : center;
    background-size     : contain;
}

ul#sb-resources-destination-111 > li {
    position            : relative;
    float               : left;
    margin              : 0 2px;
    background-repeat   : no-repeat;
    background-position : center;
    background-size     : contain;
}

ul#sb-resources-destination > li.placeholder {
    position : relative;
    margin   : 0;
    width    : 0 !important;
}

ul#sb-resources-destination-111 > li.placeholder {
    position : relative;
    margin   : 0;
    width    : 0 !important;
}

ul#sb-resources-destination > li.placeholder:before {
    content          : "";
    position         : absolute;
    width            : 0;
    height           : 0;
    border           : 6px solid transparent;
    border-top-color : red;
    top              : -6px;
    margin-left      : -6px;
    border-bottom    : none;
}

ul#sb-resources-destination-111 > li.placeholder:before {
    content          : "";
    position         : absolute;
    width            : 0;
    height           : 0;
    border           : 6px solid transparent;
    border-top-color : red;
    top              : -6px;
    margin-left      : -6px;
    border-bottom    : none;
}

.sb-item-dragged {
    animation : fade 0.75s;
}

.ui-sortable-helper {
    animation : pulse 0.4s alternate infinite;
}

@keyframes pulse {
    100% {
        transform : scale(1.05);
    }
}

@keyframes fade {
    0% {
        opacity : 1;
    }
    50% {
        opacity : 0.3;
    }
    100% {
        opacity : 1;
    }
}

ul.sb-content > li > div.cover {
    width               : 100%;
    height              : 100%;
    display             : block;
    background-repeat   : no-repeat;
    background-position : center;
    background-size     : cover;
    position            : relative;
}

ul.sb-content > li > div.duration{
    position: absolute;
    bottom: 0;
    right: 2px;
}


ul.sb-content > li > div.duration .unit,
ul.sb-content > li > div.duration .value{
    display: none;
}

ul.sb-content > li > div.side{
    position: absolute;
    bottom: 0;
    left: 2px;
}

ul.sb-content > li > i.has-video{
    position: absolute;
    bottom: 1px;
    left: 2px;
}

#sb-resources-destination-content div.duration, #sb-resources-destination-content div.side{
    display: block;
}

#sb-resources-destination-content div.duration .unit,
#sb-resources-destination-content div.duration .value{
    display: inline;
}

#sb-resources-destination-content i.has-video{
    display: block;
}

#sb-resources-destination-content i.trainer-selected{
    display: none !important;
}

ul.sb-content > li > div.duration .unit:after{
    content: ':';
}

ul.sb-content > li.recovery > div {
    background-size     : contain;
    background-position : center;
}

ul.sb-content > li .index, ul.sb-content > li .id {
    position      : absolute;
    top           : -2px;
    border-radius : 0;
    font-weight   : normal;
    font-size     : 14px;
}

ul.sb-content > li .index:before {
    content : "#";
}

ul.sb-content > li .index {
    display : none;
    left    : 2px;
    /*font-size: 12px;*/
}

ul.sb-content > li .id {
    right       : 2px;
    font-weight : bold;
    font-size   : 14px;
}

#sb-resources {
    padding : 0 5px;
}

#sb-exercises-list ul.sb-content {
    list-style-type : none;
    padding         : 0;
    margin          : 0;
}

#sb-exercises-list ul.sb-content > li {
    width    : 20%;
    float    : left;
    margin   : 5px;
    position : relative;
}

#sb-exercises-list ul.sb-content {
    margin-left : -10px;
}

#sb-exercises-list ul.sb-content:empty::after {
    border : none;
}

#sb-recovery {

}

#sb-recovery > ul > li {
    width   : 100%;
    height  : 100%;
    display : block;
}

#sb-resources-destination-content {
    position : relative;
}

#sb-resources-destination-content li > .fields{
    display: none;
}

#sb-resources-recycle {
    width               : 128px;
    height              : 128px;
    background-image    : url("../images/trash-full.png");
    background-repeat   : no-repeat;
    background-position : center;
    background-size     : cover;
    position            : absolute;
    bottom              : -128px;
    left                : 50%;
    margin-left         : -64px;
    display             : none;
    z-index             : 999;
}

.opacity-1 {
    opacity : 1 !important;
}

.opacity-05 {
    opacity : 0.5 !important;
}

.recycle-over {
    animation-name            : recycle-over;
    animation-iteration-count : 1;
    animation-duration        : 0.2s;
    animation-fill-mode       : forwards;
}

@keyframes recycle-over {
    0% {
        transform : scale(1) rotate(0deg);
        opacity   : 0.7;
    }
    100% {
        transform : scale(0.4) rotate(45deg);
        opacity   : 0.7;
    }
}

.recycling {
    animation-name            : recycling;
    animation-iteration-count : 1;
    animation-duration        : 0.5s;
    animation-fill-mode       : forwards;
}

@keyframes recycling {
    0% {
        transform : translate(0, -100px);
    }
    100% {
        transform : translate(0, 100px);
    }
}

#sb-properties-container {
    margin             : 10px 0 0 0;
    position           : relative;
    -moz-box-shadow    : 0 0 5px #888888;
    -webkit-box-shadow : 0 0 5px #888888;
    box-shadow         : 0 0 5px #888888;
    box-sizing         : border-box;
}

#sb-properties-container-arrow {
    position         : absolute;
    width            : 0;
    height           : 0;
    margin-left      : -0.5em;
    top              : 3px;
    left             : 133px;
    box-sizing       : border-box;
    border           : 1em solid black;
    border-color     : transparent transparent #FFFFFF #FFFFFF;
    transform-origin : 0 0;
    transform        : rotate(135deg);
    box-shadow       : -3px 3px 5px -2px #888888;
}

#sb-properties-container-close {

}

#sb-properties-container .sb-properties-container-details {
    border-bottom : 1px solid #C6C6C6;
    padding       : 10px;
    margin-bottom : 10px;
}

#sb-properties-container .sb-properties-container-timeline {
    display : none;
    /*height  : 100px;*/
    /*padding : 10px;*/
}

.ui-slider-custom {
    margin   : 10px 0;
    position : relative;
}

#sb-options .amount {
    width  : 21px;
    height : 24px;
    border : none;
}

#sb-options table .option-name {
    width          : 255px;
    text-align     : right;
    vertical-align : middle;
    font-weight    : bold;
    font-size      : 15px;
}

.ui-slider-custom .ui-slider-range.ui-widget-header {
    border        : none;
    background    : #1E3E85;
    border-radius : 0;
}

.ui-slider-custom.ui-widget.ui-widget-content {
    border        : none;
    background    : #F8D41F;
    border-radius : 0;
}

.ui-slider-custom.ui-slider-horizontal {
    height : 6px;
}

.ui-slider-custom .ui-slider-handle-custom {
    width         : 18px;
    height        : 18px;
    top           : 50%;
    margin-top    : -9px;
    text-align    : center;
    line-height   : 12px;
    font-size     : 12px;
    border-radius : 1px;
}

.ui-slider-custom .ui-slider-handle-custom.ui-state-active {
    border-color : #C2C2C2;
    background   : #D4D4D4;
}

.sb-box-shadow-selected {
    -moz-box-shadow    : 0 0 3px #0073b9 !important;
    -webkit-box-shadow : 0 0 3px #0073b9 !important;
    box-shadow         : 0 0 3px #0073b9 !important;
}

#sb-property-trainer-media-image {
    width               : 100%;
    height              : 100%;
    position            : absolute;
    top                 : 0;
    bottom              : 0;
    left                : 0;
    right               : 0;
    background-size     : contain;
    background-position : center;
}

#sb-property-trainer-media-image.no-trainer:before {
    content         : "No trainer selected";
    position        : absolute;
    top             : 0;
    bottom          : 0;
    left            : 0;
    right           : 0;
    display         : flex;
    align-items     : center;
    justify-content : center;
    color           : #BEBEBE;
    border          : 1px dashed #D4D4D4;
}

#sb-properties-container .prop-title{
    width: 120px;
    font-weight: bold;
}

#sb-properties-container .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
#sb-properties-container .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
    border-radius: 0;
}
/*===========================================================*/
#app-workouts-list-resources .list  .list-item{
    margin-top: 10px;
    position: relative;
    border: 1px solid #D4D4D4;
    width: 49%;
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

#app-workouts-list-resources .list-item .cover {
    width: 50%;
    position: relative;
    display: inline-block;
    float: left;
}

#app-workouts-list-resources .list > div .image{
    position: absolute;
    top: -1px;
    left: -1px;
    right: 0;
    bottom: -1px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#app-workouts-list-resources .list-item .data {
    width: 50%;
    position: relative;
    display: inline-block;
    float: right;
}

#app-workouts-list-resources .list  .list-item .title{
    margin: 5px;
}

#app-workouts-list-resources .list  .list-item .select-app-workout-checkbox-area{
    position: absolute;
    right: -1px;
    bottom: -1px;
}

#app-workouts-selected{
    width: 99%;
    list-style-type: none;
    padding: 0;
    margin: 0 0.5% 10px 0.5%;
}

#app-workouts-selected > li > table > tbody > tr{
    margin-bottom: 10px;
    position: relative;
}

#app-workouts-selected > li > table > tbody > tr > td:first-child{
    padding: 0 10px 20px;
}

#app-workouts-selected > li > table > tbody > tr .cover {
    width: 200px;
    position: relative;
}

#app-workouts-selected > li > table > tbody > tr .cover .image{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


#app-plans-list-resources .list  .list-item{
    margin-top: 10px;
    position: relative;
    border: 1px solid #D4D4D4;
    width: 49%;
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

#app-plans-list-resources .list-item .cover {
    width: 50%;
    position: relative;
    display: inline-block;
    float: left;
}

#app-plans-list-resources .list > div .image{
    position: absolute;
    top: -1px;
    left: -1px;
    right: 0;
    bottom: -1px;
    background-size: cover;
    background-position: center;
}

#app-plans-list-resources .list-item .data {
    width: 50%;
    position: relative;
    display: inline-block;
    float: right;
}

#app-plans-list-resources .list  .list-item .title{
    margin: 5px;
}

#app-plans-list-resources .list  .list-item .select-app-plan-checkbox-area{
    position: absolute;
    right: -1px;
    bottom: -1px;
}

#app-plans-selected{
    width: 99%;
    list-style-type: none;
    padding: 0;
    margin: 0 0.5% 10px 0.5%;
}

#app-plans-selected > li > table > tbody > tr{
    margin-bottom: 10px;
    position: relative;
}

#app-plans-selected > li > table > tbody > tr > td:first-child{
    padding: 0 10px 15px;
}

#app-plans-selected > li > table > tbody > tr .cover {
    width: 200px;
    position: relative;
}

#app-plans-selected > li > table > tbody > tr .cover .image{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

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

.dataTable td{
    vertical-align: middle !important;
}

.jplist-checkbox-dropdown {
    width: 220px !important;
}

.jplist-checkbox-dropdown .jplist-dd-panel {
    width: 220px !important;
}

.jplist-checkbox-dropdown ul {
    width: 220px !important;
}

.jplist-checkbox-dropdown ul li {
    width: 100% !important;
}

#sb-filter-show-categories{
    padding: 6px 0;
}

#sb-filter-show-categories > span::after{
    content: ", ";
}

#sb-filter-show-categories > span:last-child::after{
    content: "";
}

.barbell{
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url("../images/barbell.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.exercise-list-img-preview{
    width: 128px;
    height: 72px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.table-fixed thead {
    width: 97%;
}
.table-fixed tbody {
    overflow-y: auto;
    width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
    float: left;
    border-bottom-width: 0;
}

#plan-calendar > tbody td{
    height: 150px;
    position: relative;
}

#plan-calendar > tbody td .buttons{
    position: absolute;
    right: 5px;
    bottom: 5px;
}

#plan-calendar > tbody td.selected{
    background-color: #fbf9c1;
}

#bucket-list .list{
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.oht-bucket .attach:after{
    content: " + ";
}

.oht-bucket .detach:after{
    content: " - ";
}

#workout-structure-exercises > tr > td:first-child{
    position: relative;
}

#workout-structure-exercises div.internal_id{
    min-width: 40px;
    background-color: #f3d54e;
    display: inline-block;
    padding: 1px 5px;
    border-radius: 3px;
    color: #000;
    text-align: center;
}

#plan-calendar .duplicated{
    transition: all 1s ease;
    background-color: #f3d54e !important;
}

#plan-calendar .day-calories:after{
    content: ' Kcal';
}

#plan-calendar .day-calories:not(:empty){
    background-color: #3c8dbc;
    display: inline !important;
    padding: .2em .6em .3em;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

#plan-calendar .day-calories:empty{
    display: none;
}
span.calories{
    font-size: 12px;
}

#plan-exercises td .label, #workout-exercises td .label{
    font-size: 13px;
    line-height: 25px;
}

div.internal_id{
    min-width: 40px;
    background-color: #f3d54e;
    display: inline-block;
    padding: 1px 5px;
    border-radius: 3px;
    color: #000;
    text-align: center;
}

#exe-difficulty-slider{
    width: 100%;
}

#exe-difficulty-slider .slider-selection {
    background: #f1d900; /*29378a*/
}

#exe-difficulty-slider .slider-handle {
    background: #29378a;
}

#exe-difficulty-slider .slider-tick {
    background-image: -webkit-linear-gradient(top, #DCDCDC 0, #D0D0D0 100%);
    background-image: -o-linear-gradient(top,#DCDCDC 0,#D0D0D0 100%);
    background-image: linear-gradient(to bottom,#DCDCDC 0,#D0D0D0 100%);
    cursor: pointer;
}

#exe-difficulty-slider .slider-tick.in-selection {
    background-image: -webkit-linear-gradient(top,#29378a 0,#29378a 100%);
    background-image: -o-linear-gradient(top,#29378a 0,#29378a 100%);
    background-image: linear-gradient(to bottom,#29378a 0,#29378a 100%);
}

#exe-difficulty-slider .slider-track {
    /*background: #ECECEC;*/
    background-image: -webkit-linear-gradient(top, #F0F0F0 0, #F0F0F0 100%);
    background-image: -o-linear-gradient(top,#F0F0F0 0,#F0F0F0 100%);
    background-image: linear-gradient(to bottom,#F0F0F0 0,#F0F0F0 100%);
}