.card-body{
    padding: 1rem;
}
.form-group{
    margin-bottom:0.5rem;
}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    font-size: 25px !important;
}
table.dataTable td, table.dataTable th{
    font-size: 16px;
}
div.dataTables_wrapper div.dataTables_filter{
    font-size:20px;
}

.dia{
    border: 5px dashed #d4d4d4;
    border-radius:10px;
}
.dia-empty{
    padding:90px 10px;
    text-align: center;
}
.dia:hover{
    background-color: #ebedef;
    cursor: pointer;
}
.modal-backdrop.show {
    opacity: 0.6;
}

#exercicios{
    position: fixed;
    display: none;
    width: 400px;
    height:100%;
    z-index: 1050;
    right:0px;
    top:0px;
}
#grupoMuscular{
    position:relative;
    float:left;
    width:40%;
    display:none;
}

.containmentExercicios{
    width:60%;
    position:absolute;
    right:0;
    height:100%;
}

.exercicio{
    display:none;
}

.grupoMuscularItem{
    padding:12px;
    text-align: center;
    background-color: #E3FEF2;
}

.serie_exercicios div{
    float:left;
}

.serie_exercicio{
    width: 100%;
    height:30px;
    border-bottom: 1px solid #e7e9eb;
    padding:3px 0px;
}

.serie_exercicio div{
    float:left;
}
.serie_exercicio input{
    float:left;
}
.exercicio_nome{
    width:40%;
    cursor:pointer;
}
.exercicio_nome:hover{
    background-color:#e7e9eb;
}

.exercicio_dados{
    width:60%;
}
.exercicio_dados input{
    height:25px;
}
.serie_val{
    width:50px;
    margin-right:10px;
}
.rep_val{
    width:80px;
    margin-right:10px;
}
.obs_val{
    width:135px;
    margin-right:10px;
}
.rep_val{
    width:80px;
    margin-right:10px;
}


.modal-body{
    padding:0rem 1rem;
}

.modal-md{
    width:600px !important;
    max-width:600px !important;
}

.dia-fill{
    padding:10px;
    border-color:#2dce89;
}

.ex_stripe{
    background-color: #7EE8BB;
    margin:0px;
}
.ex_stripe2{
    background-color: #E3FEF2;
    margin:0px;
}

.serie_header{
    display:none;
}

.serie_header a{
    float:left;
    margin:5px;
}
#encerrar{
    display:none;
    position: fixed;
    bottom:0px;
    width:100%;
}
.btn-encerrar{width:100%;}
.remove_exercicio{font-size:30px}

.containmentExercicios {
    overflow-y:scroll;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.containmentExercicios::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}
.execspace{
    display:none;
}

.stabs{
    display:none;
}

.serie-atual, .eval-atual{
    display:block;
}

.menu-tab{
	margin:10px;
	cursor:pointer;
}
.menu-tab h3{
	color:#9e9e9e;
}
.menu-selected h3{
	border-bottom:3px solid black;
	color:black;
}
.menu-tab h3:hover{
	color:black;
}

.serie-tab, .eval-tab{
	padding:6px;
	cursor:pointer;
	background-color:#5e72e4;
	max-width:140px;
	float:left;
	opacity:0.5
}
.serie-tab h3, .eval-tab h3{
	color:#fff !important;

}
.serie-selected, .eval-selected{
	background-color:#172b4d;
	opacity:1
}
.serie-tab:hover, .eval-tab:hover{
	opacity:1
}
.dia{
	width:280px;
	margin:10px;
	float:left;
}
.dia-items td{
	padding:0px !important;
}
.dia-series{
	width:40px
}
.dia-reps{
	width:40px
}

.foto-empty {
    padding: 90px 10px;
    text-align: center;
}
.foto-wrapper {
    border: 5px dashed #d4d4d4;
    border-radius: 10px;
    max-width: 210px;
    height:250px;
}
.sortable-placeholder{
    border:4px dashed #d4d4d4;
    border-radius: 3px;
    height:30px;
    width:100%;
    padding:4px;
    background-color: #E3FEF2;
}
#importar-tipo .list-group-item{
    height: 40px;
    padding: 10px;
    cursor: pointer;
    border:none;
    border-radius:0px;
}
.importar-tipo{
    display: none;
}
.importar-item div{
    padding: 8px;
}
.importar-tipo{
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.popover-import{
    max-width: 800px;
    min-height: 400px;
}
.ui-autocomplete{
    z-index: 9999 !important;
}

.dia-popover{
    width:230px;
    margin:5px;
    font-size:12px;
}
.gutter-5{
    padding-left:5px !important;
    padding-right:5px !important;
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
#header-body{
    padding: 0px 30px;
    width: 100%;
    z-index: 999;
    background-color: #2dce8a;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
    padding-top: 60px;
}

@media only screen and (max-width: 1400px) {
    .modal-dialog {
        margin-left: 250px !important;
    }
  }

  @media only screen and (max-width: 1250px) {
      .modal-dialog {
          margin-left: 250px !important;
      }
      .grupoMuscularItem{
          padding:15px;
      }
      #exercicios{
          width:300px;
      }
    }
    @media only screen and (max-width: 1150px) {
        .modal-dialog {
            margin-left: 10px !important;
        }
        .modal-md{
            width: 700px !important;
            max-width: 700px !important;
        }
        .serie_exercicios{
            font-size:19px;
        }
      }
      @media only screen and (max-width: 1000px) {
          .modal-dialog {
              margin: 0px !important;
          }
          .modal-content {
              position: absolute !important;
              top: 0 !important;
          }
      }
      @media only screen and (max-width: 900px) {
          .modal-dialog {
              margin: 0px !important;
              max-width:900px !important;
              width:100% !important;
          }
          .modal-content {
              position: absolute !important;
              top: 0 !important;
              width:100% !important;
          }
          #exercicios {
              display: none;
              right:auto;
              left:0px;
              width:90% !important;
              z-index: 1;
          }
          .serie_header{
              display: block !important;
          }
          .containmentExercicios{
              right:auto;
              width:100% !important;
          }
          #grupoMuscular{
              display: none;
          }
          .execspace{
              display:block;
          }
      }
      @media only screen and (max-width: 575px) {
        #dia-container{
            width:96% !important;
        }
        .dia{
            width:100% !important;
        }
      }