html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.measurements-table, .reports-table {
    border: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}
.measurements-summary, .reports-summary, .analytics-summary {
    padding: 10px;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    height: 54px;
}
.measurements-summary .summary, .reports-summary .summary, .analytics-summary .summary {
    display: inline-block;
    float: right;
    padding: 8px;
}

.glyphicon {display: inline; margin-right: 10px;}

.dropdown-menu > li > a {
	padding: 3px 30px;
}

#shareForm button.multiselect{
	width:500px;
}

.multiselect-container .active label{
    color:#FFF;
}

#project-view th {width: 20%;}
.shared-list, #owner span, .text-area-view {border: 1px solid #DDD; padding: 3px 8px; border-radius: 5px; margin: 3px; display: inline-block;}
.text-area-view {width: 100%;}
.shared-list a{color: #CF4E4E; text-decoration: none;}
#shared-to, #owner {margin-bottom: 20px;}
.glyphicon.glyphicon-ban-circle.banned, .glyphicon.glyphicon-stats.disable {color: #CF4E4E;}
.project-title h1 {display: inline-block; margin-top: 0;}
.project-title .label {font-size: 14px; float: right;}
#shared-to-title a{text-decoration: none;}
.test-user-table .select-cell {padding: 0;}
.test-user-table > tbody > tr > td {vertical-align: middle; }
.select-cell button{width: 100%; font-size: 17px; border: 0; border-radius: 0;}
.muscle-icon {width: 32px; height: 32px;}
.cell.label {font-size: 100%;}

.admin-view h1{display: inline;}
.admin-view .button-list{float: right;}
.muscle-manage img{width: 200px;}
.shared-list, #owner span, .text-area-view {border: 1px solid #DDD; padding: 3px 8px; border-radius: 5px; margin: 3px; display: inline-block;}
.text-area-view {width: 100%;}

.diagram-point{
    width: 24px; 
    height: 24px; 
    border: 1px solid #DDD; 
    border-radius: 12px;
    background-color: #0097FF; 
    display: none;
    position: absolute;
}

.muscle-edit .diagram-point{cursor: move;}
#diagram { 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
    display: block;
}

.navbar-inverse {
    background-color: #475169;
    border-color: #3D475F;
}

.muscle-column-descr{ max-width: 450px;}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.unixtime {
    min-width: 152px;
}

#logo, #signature {width: 200px; height: 125px; display: block;margin: 10px 0;}

@media (min-width: 1260px) {
  .container {
    width: 1260px;
  }
}

.container-title {
    margin-top: 20px;
    margin-bottom: 10px;
}

.container-title h1 {
    margin: 0;
    display: inline-block;
}

#add-horse-btn, #add-project-btn, #generate-analytic-report-btn, #add-dog-btn {
    float:right; 
    margin-top: 20px;
}

#add-patient-btn, #add-test-btn, #add-measurement-btn, #analytic-link {
    float:right; 
    margin: 10px 5px 0 5px;
}

#add-muscle-group { padding: 0 11px;float: right; }
.input-group select.muscle-group { display: table-cell; width: 60%; }
.input-group select.muscle-group-type { width: 40%; display: table-cell; border-left-width: 0; }
.field-test-muscle-group .input-group { width: 100% }
#muscle-group-collection .input-group { margin-bottom: 5px; }
#muscle-group-collection .input-group:first-child .input-group-btn { display: none; }
#muscle-group-collection .input-group:first-child .muscle-group { width: 56.7%; }
#muscle-group-collection .input-group:first-child .muscle-group-type { width: 43.3%; }
#muscle-group-collection .input-group:first-child .muscle-group-type { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

#upload-measurement-btn { margin-left: 10px;}

div.waweform-legend { position: absolute;display:none; }
.waweform-legend div { height: 190px; padding-top: 40px; }

.analytic-form-row div:first-child { width: 50%; margin-left: 0%; }
.analytic-form-row div { display: inline-block; width: 24%; margin-left: 1%; }
.est-cell { width: 16.66%; }
.row-left .est-cell:not(:first-child):not(:last-child), .row-right .est-cell:not(:first-child):not(:last-child) { border-right: 0; }

.field-analytic-situation .help-block-error { position: absolute; margin: 0; }

#load-progress {
    height: 1px;
    background: darkorange;
    width: 0;
}

#waveform-status {
    text-align: center;
}
#waveform-spinner-container {
    position: fixed;
    width: 100px;
    height: 60px;
    top: calc(50% - 120px);
    left: 50%;
    margin: auto;
}

#waveform-spinner {
  width: 40px;
  height: 40px;
  background-color: darkorange;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.table-wrapper{
    overflow: auto;
}

#est-summary th {
    font-size: 11px;
}

#waveform {
    height: 100%;
    position: relative;
}
.threshold-lines { 
    height: 100%;
    position: absolute;
    width: 100%;
    display: none;
}

.threshold-lines div { 
    height: 190px;
    position: relative;
}

.threshold-lines div hr { 
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    border-top: 1px dashed #008000;
}
#analytic-form .table th, #analytic-form .table td {
    text-align: center;
}
.table-input {
    text-align: center;
    border: 0;
    background: transparent;
}
.table-error {
    margin: 0;
}
.curo-toggle .btn-primary {
    background-color: #eee;
    border-color: #a2a2a2;
    color: #555;
}
.curo-toggle .btn-primary.active {
    background-color: #286090;
    color: #fff;
}
@media (min-width: 1260px) {
    #waveform, #waveform-timeline {
        width: calc(100% - 390px);
    }
    .analitic-create {
        position: relative;
    }
    #analytic-form table {
        width: 370px;
        position: absolute;
        left: calc(100% - 370px);
        top: 49px;
    }
    #analytic-form table th:first-child {
        display: none;
    }

    #analytic-form table td {
        height: 190px;
    }
    #analytic-form table td, #analytic-form table th {
        padding: 0;
        vertical-align: middle;
        /*border: 0;*/
    }

    #analytic-form .table-input{
        width: 60px;
    }
    #analytic-form tr:nth-of-type(odd) {
        /*background-color: transparent;*/
    }
}
@media (min-width: 1800px) {
    #waveform, #waveform-timeline {
        width: 75%;
    }
    .analitic-create {
        position: relative;
    }
    #analytic-form table {
        width: 23%;
        position: absolute;
        left: 75%;
        top: 49px;
        margin-left: 2%;
    }
    #analytic-form table th:first-child {
        display: none;
    }

    #analytic-form table td {
        height: 190px;
    }
    #analytic-form table td, #analytic-form table th {
        padding: 0;
        vertical-align: middle;
        /*border: 0;*/
    }

    #analytic-form .table-input{
        width: 60px;
    }
    #analytic-form tr:nth-of-type(odd) {
        /*background-color: transparent;*/
    }
}