body{
    background:#f5f5f5;
    color:#1c1c1c;
}
h1,h2,h3,h4,h5,h6{
    color:#333;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small,
.h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small,
.h6 .small, .h6 small, h1 .small, h1 small, h2 .small,
h2 small, h3 .small, h3 small, h4 .small, h4 small,
h5 .small, h5 small, h6 .small, h6 small{
    color:#333;
}
hr{
    border-color:#ddd;
    margin:3px 0;
}
a{
    cursor:pointer;
}
a:focus, audio:focus, .btn:focus {
    outline: none;
}
.navbar{
    border-radius:0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.navbar-inverse{
    background:#000000;

}
.nav > li{
    /*font-size:1.1em;*/
    transition:0.5s;
    border-right:1px solid #272727;
}
.nav > li:last-child{
    border-right:none;
}
.nav > li:hover{
    background:#252525;
    transition:0.5s;
}
.nav > li.danger:hover{
    background:#db3746;
    transition:0.5s;
}
.navbar-inverse .navbar-nav > li > a{
    color:#f5f5f5;
    padding:15px;
}
.navbar-inverse .navbar-nav > li > a:hover{
    color:#fff;
}
.btn{
    /*font-size:1.1em;*/
    border-radius:2px;
    transition:0.5s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    text-shadow:none important;
}
.btn:hover{
    transition:0.5s;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.btn-primary{
    background:#438CCA;
    border:1px solid #438CCA;
}
.btn-send{
    padding:5px 30px;
}
button.form-control{
    height:34px;
}
.btn-group-wrap {
    text-align: center;
}
/* Player */
#waveform{
    border:1px solid #ddd;
}
/*list-group*/
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group-item {
    padding: 5px 15px;
    background:#fafafa;
}
/*Panel*/
.panel{
    border-top:4px solid #337AB7;
    background:#fafafa;
    margin-bottom:5px;
}
/* Modal */
.modal-dialog{
    width:50%;
    min-width:500px;
}
.modal-lg{
    width:90%;
}
.modal-full{
    width:100%;
    height:100vh;
    margin:0;
    padding:0;
}
.modal-full > .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background:#f5f5f5;
}
.modal-header{
    border-bottom: none;
}
/* Tab */
.tab-pane{
    /*max-height:300px;*/
    /*max-height:calc(100vh - 150px);*/
    overflow-y: auto;
}
.tab-pane-reading{
    /*max-height:300px;*/
    max-height:calc(100vh - 320px);
    overflow-y: auto;
}
.nav-tabs {
    border-bottom: 1px solid #434857;
}
.nav-tabs > li{
    border-right:transparent;
}
.nav > li > a {
    padding: 8px 12px 8px 0;
}
.nav-tabs > li > a{
    font-size:1.1em;
    background: transparent;
    border-color:transparent;
    color:#333;
    border-radius:2px 2px 0 0;
}
.nav-tabs > li:hover, .nav-tabs > li > a:hover {
    background: transparent;
    border-color:transparent;
    color:#333;
    border-radius:2px 2px 0 0;
}
.nav-tabs > li.active{
    background: transparent;
    border-color:transparent;
    color:#333;
    border-radius:2px 2px 0 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus{
    background: transparent;
    border-color:transparent;
    border-bottom:4px solid #438CCA;
    color:#333;
    font-weight:bold;
}
.nav-tabs > li.active > a:hover{
    background: transparent;
    border-color:transparent;
    color:#222;
    border-bottom:4px solid #438CCA;
}
/*tooltip*/
.tooltip{
    font-size:1.1em;
}
@media (max-width: 1650px) {
    .btn, .btn.glyphicon{
        font-size:0.95em;
    }
    .nav-tabs > li > a{
        font-size:0.9em;
    }

}
/*spacer*/
.spacer{
    margin-bottom:10px;
    display:block;
}
/*orden medica*/
#closer{
    text-align:right;
    margin:10px 10px 0 0;
}
/* alert */
.alert > h4,
.alert > h5{
    margin:0;
}
.alert-warning{
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.alert-info h5{
  color: #31708f;
}
.transcription-editor{
    margin-top:80px;
    height:calc(100vh - 200px);
    padding:20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    overflow-y: auto;
}