.min-width-600{ min-width: 600px!important; }
.min-width-800{ min-width: 800px!important; }
.min-width-1000{ min-width: 1000px!important; }
.min-width-1500{ min-width: 1300px!important; }
.min-width-1400{ min-width: 1400px!important; }
@media( max-width: 801px ) {
    .min-width-1500{ min-width: 97%!important; }
}
@media( max-width:1280px ) {
    .min-width-1500{ min-width: 97%!important; }    
}
@media( max-width:1080px){
    .min-width-1500{ min-width: 97%!important; }    
    .animation-viewer .col-lg-8{ max-width:100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .animation-viewer .col-lg-4{ max-width:100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
}
.hidden{ display: none; }
.animation-viewer .modal-body { padding: 1rem; }
.animation-viewer .modal-header{ border-bottom: 0px; padding:2rem; }
.animation-viewer h4.modal-title{ color: #065fd4; font-size: 1.8rem!important; }


.animation-viewer #modal1Title{ margin-top: 0px; text-align: left; font-size: 20px; margin-bottom: 30px; color: #565656; }
.animation-viewer .instructions-title{ text-align: left; font-size: 16px; margin-bottom: 15px; color: #565656; }
.animation-viewer .instructions{ font-size: 14px; text-align: left; line-height: 24px; }
.animation-viewer .animation-player-container{ width: 100%; min-height: 300px; }
.animation-viewer .exercise-parameters { margin-top: 20px; text-align: left;  }
.animation-viewer .viewer-top{ }
.animation-viewer .viewer-bottom{ margin-top: 30px; }
.animation-viewer .thumbnail-container { width: 100%; min-height: 50px; text-align: left; }
.animation-viewer .thumbnail-title { line-height: 100px; display: inline-block; text-align: left; margin-right: 10px; float: left; font-size: 14px; color: #565656; }
.animation-viewer .thumbnail-images { display: inline-block;  min-height: 100px; min-width: 50px; margin: 0 5px; }
.animation-viewer .viewer-thumbnail { max-height: 100px; }
.animation-viewer .param-set { display: inline-block; margin-right: 15px; margin-bottom:25px; position: relative; }
.animation-viewer .param-set .param-label{ font-size: 12px; letter-spacing: 0.8px; margin-bottom: 10px; }
.animation-viewer .param-set .param-value{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:12px; border: 1px solid #b5bdce; padding: 10px 25px; }
.animation-viewer .request-modification-button { background-color: #f79646; color: #fff; text-align: center; padding: 8px 0px; cursor: pointer; max-width: 323px; font-size: 14px; text-transform: uppercase; position: absolute; width: 323px; bottom: -71px; }
.animation-viewer .request-modification-button:hover{ background-color: #ce7f3e; }

.animation-viewer .edit-name, .animation-viewer .edit-instructions{ display: none; } 
.animation-viewer .close{ font-size: 3rem; }

.animation-viewer .media-controls{ min-height: 50px; margin-left: 50px; }
/*.animation-viewer .media-controls button{ display: none; }*/
.animation-viewer #btn-request-modification{ display:none; }
.animation-viewer .media-controls .mirror-animation-button{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #eee; color: #565656; text-align: center; font-size: 14px; padding: 8px 0px; cursor: pointer; width: 100px; max-width: 100px; float: right; }
.animation-viewer .media-background-selector{ font-size: 14px; text-align: right; display: inline-block; float: right; cursor: pointer; position: relative; }
.animation-viewer .media-background-selector-dropdown{ background-color:#fff; }
.animation-viewer .media-background-selector-dropdown.closed{ display: none; }
.animation-viewer .media-background-selector-dropdown.opened{ display: block; position: absolute; border: 1px solid #ccc; width: 53%; z-index: 5000; right: 0px; border-radius:5px; }
.animation-viewer ul.media-bg-lister{ list-style: none; padding: 0; margin: 0; }
.animation-viewer ul.media-bg-lister li{ font-size: 14px; text-align: center; line-height: 24px; }
.animation-viewer ul.media-bg-lister li:hover{ background-color:#ccc; }
.animation-viewer span.selected-media-background{ color: #1FBAD6; }
.animation-viewer .edit-parameters, .animation-viewer .edit-equipment, .animation-viewer .edit-movement, .animation-viewer .edit-positions, .animation-viewer .edit-difficulty, .animation-viewer .edit-instructions{ cursor: pointer; float: right; }
.animation-viewer .modal-body .asset_number_tag{ position: absolute; bottom: 0; right: 0px; background-color: #505050; padding: 3px 20px; color: #fff; }

.animation-viewer .additional-details-wrapper{ width: 405px; padding-right: 30px; }
.animation-viewer .exercise-additional-details{ position: absolute; top: 0px; background-color: #fff; bottom: 115px; right:0px; width:0px; overflow: hidden; transition: all 0.5s ease; z-index: 500; }
.animation-viewer .exercise-additional-details.show{ width: 405px; }

.animation-viewer span.parameter-suffix{ margin-left: 5px; position: absolute; top: 33px; right: 12px; }
.animation-viewer .alt_switcher{ position: absolute; top: 35px; right: 10px; cursor: pointer;}
.animation-viewer .param-col-wrapper{ border: 2px dotted #ccc; padding: 30px!important; }
.animation-viewer .param-set label{ display: block; }
.animation-viewer .input--inside_label{ padding-right: 30px; }
.animation-viewer .input-inner_label{ padding-right: 25px; }
.animation-viewer .toggle-unit{ cursor: pointer; }
.animation-viewer .input-width-50{ width:100px!important; text-align: center; display: inline-block; }
.animation-viewer .input-width-25{ width:100px!important; text-align: center; display: inline-block; }
.animation-viewer .input-width-100{ width:110px!important; text-align: center; display: inline-block; }
.animation-viewer .input-width-125{ width:110px!important; text-align: center; display: inline-block; }
.animation-viewer .input-width-150{ width:110px!important; text-align: center; display: inline-block; }
.animation-viewer .input-width-200{ width:110px!important; text-align: center; display: inline-block; }

.animation-viewer .jwplayer{ margin: 0 auto !important; }
.animation-viewer #assets-section-legacyvideos .jw-preview{ background-color: #5b7790; }
.animation-viewer button.video-flip-btn{ float: right; }

.animation-viewer .viewer-item--exercise_video_player { width: 100%; height: 483px; border: 0px solid #eee; position: relative; cursor: pointer; background-size: contain; background-repeat: no-repeat; }
.animation-viewer #video-media-viewer{ width: 100%; position: relative; top: 1px; }
.animation-viewer .video-play-button {
    position: absolute;
    top: 40%;
    left: 45%;
    text-align: center;
    background-color: rgba(0,0,0);
    cursor: pointer;
    border-radius: 5rem;
    width: 100px;
    height: 100px;
    font-size: 4rem;
    color: rgba(255,255,255);
    opacity: 0.75;
    transition: opacity 0.5s;
}

.animation-viewer .video-play-button i{ position: absolute; top: 30px; left: 35px; font-size: 40px; }
.animation-viewer .viewer-item--exercise_video_player:hover .video-play-button{ opacity: 1; }

@media( max-width: 428px ) {
    .animation-viewer .video-play-button{ width:50px; height:50px; }
    .animation-viewer .video-play-button i{ position: absolute; top: 15px; left: 20px; font-size: 20px; }
    .animation-viewer .animation-player-container{ min-height: 210px; }
    .animation-viewer .media-controls button{ width:100%; }
    .animation-viewer .media-controls button:first-child{ margin-bottom:0.5rem; }
}