/*Matrix locker sidebar CSS*/
#matrix-sidebar-content {
   color: #666666;
   background-color: #d8d8d8;
   padding: 5px 6% 30px 5%;
}

.line-break {
   margin: 15px -7% 10px -5%;
   border-bottom: 1px #919191 solid;
}

#matrix-sidebar .ui-widget {
   font-family: Verdana;
}

#matrix-sidebar label.ui-dropdownchecklist-text {
   font-family: Verdana;
}

#matrix-sidebar .matrix-step-title {
   font-weight: bold;
   margin-top: 5px;
   line-height: 25px;   
}

#matrix-sidebar-header {
   height: 46px;
   background: url('../images/matrix/sidebar/matrix-sidebar-header.png') no-repeat;
   background-size: 100% 100%;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px; 
}

#matrix-sidebar-ab {
   border-bottom: 1px #919191 solid;
}

#add-category,#add-category-button{
   cursor:pointer;
}

#add-category-panel {
   display: none;
}
/*
a#add-category{
   margin-left: 45%;
} */

#exercise-count-duration-div {
   margin: 10px 0 10px 10%;
}

#exercise-count-div {
   /*   display: inline-block;
      width: 36%;*/
   text-align: center;
   /*   margin-right: 3px;*/
}

#playlist-duration-div {
   /*padding-right: 10%;*/
   text-align: center;
   margin-left: 8%;
}


#exercise-count, #playlist-duration, #playlist-duration-secs {
   height: 30px;
   line-height: 28px;
   font-size: 16px;
   font-weight: bold;
   margin-left: 20%;
   border-radius: 5px;
}

#exercise-count {
   background: #666666;
   color: #fff;
}

#playlist-duration, #playlist-duration-secs {
   background: #666666;
   color: #ffffff;
}

#updown-div  {
   margin-left: 4%;
   margin-bottom: 5%;
}

#moveupdown-btn-div {
   width: 100%;
   margin-bottom: 5px;
}

#moveupdown-btn-div a > img {
   height: 22px;
}

#moveup-btn img{
   width: 42.5%;
   cursor: pointer;
}

#movedown-btn img{
   width: 50%;
   cursor: pointer;
   margin-left: -5px;
   border-left: 1px #a3a5ab solid;
}

#exercise-repetition {
   color: #666;
   background-color: #fdb92d; /*0672BA;*/
   border-radius: 5px;
   line-height: 20px;
   /*padding-left: 22px;*/
   /*margin-bottom: 5px;*/
}

#exercise-repetition span {
   margin-right: 16%;
}

#exercise-repetition input[type="text"]{
   width: 6%;
   height: 13px;
   font-size: 11px;
   line-height: 10px;
   text-align:center;
}

/*Exercise list*/
#exercise-list {
   height: 300px;
   overflow-y: scroll;
   margin-bottom: 10px;
   font-size: 11px;
   letter-spacing: -0.5px;
}

#exercise-list li{
   padding: 3px;
   background: whitesmoke;
   border-radius: 5px;
   margin-top: 1%;
}

#exercise-list .name {
   white-space:nowrap; 
   /*width:133px;*/ 
   overflow:hidden; 
   text-overflow:ellipsis;
   line-height: 22px;
   padding-left: 1%;
}

#exercise-list ul li input {
   width: 6%;
   height: 13px;
   font-size: 11px;
   line-height: 10px;
   text-align:center;
   background-color: #0672BA;
   border: 1px solid white;
   color: white;
   margin-bottom: 0px;
   /*   margin-top: -3px;*/
}

#exercise-list button.close {
   margin-right: 2%;
   font-size: 20px;
   /*line-height: 25px;*/
}

#sortable li{
   cursor:pointer;
}

#sortable li:last-child a{
   text-decoration: none;
}

#sortable .markedLi {
   background: rgba(253, 185, 45, 1);
   /*background:rgba(228,231,138, 0.56);*/
}
/*End of exercise list*/

#matrix-sidebar textarea {
   resize: vertical;
}

#sidebar-main-btns {
   margin: 5% 0;
}

#sidebar-main-btns p {
   margin-bottom: 0;
   font-size: 11px;
}

#matrix-drafts {
   color: #66666;
   margin-bottom: 15px;
}

#matrix-drafts li a{
   margin-left: 10px;
   font-size: 10px;
   font-weight: bold;
   color: #666;
   text-align: center;
   text-decoration: none;
}

/*End of matrix locker sidebar CSS*/