::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    /*border-radius: 10px;*/
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    /*border-radius: 10px;*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}


table > tbody > tr:first-child > td .checkbox-inline.icheck {
    padding: 0 !important;
}

    table > tbody > tr:first-child > td .checkbox-inline.icheck > div {
        padding: 0 !important;
        margin: auto !important;
    }


.panel .form-container {
    max-width: 800px;
}

    .panel .form-container .form-container-footer {
        padding: 16px;
        background-color: #fafafa;
        border-radius: 0 0 2px 2px;
        margin-top: 10px;
    }


.btn-recording-patient {
    margin-bottom: 20px;
}
.new-recording-wizard {
}


    .new-recording-wizard .btn-recording-patient {
        height: 70px;
        padding: 20px;
        background-color: #008996 !important;
        color: white;
        margin: 15px 0px;
        margin-bottom: 20px;
    }




new-recording-wizard .btn-recording-patient:hover {
    background-color: #006069 !important;
    color: white;
}

/*.new-recording-wizard .patient-selection {
}

.new-recording-wizard .manual-entry {
}*/


/*.new-recording-wizard .sticker-entry {
}*/

    .new-recording-wizard .sticker-entry .sticker-entry-img {
        width: 100%;
        padding: 16px;
        max-height: 250px;
    }


.image-dropZone {
    /*height: 250px;
  
    border-radius: 6px;
    background-color: #f5f5f5;
    border: 1px solid #eeeeee;*/
}

.patientImage-container {
    text-align: center;
}




.btnRecorder {
    text-transform: uppercase;
    border-radius: 2px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    border: none;
}

    .btnRecorder:active,
    .btnRecorder.active {
        /*background-image: none;*/
        outline: 0;
        -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.08);
        box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    }

    .btnRecorder.disabled,
    .btnRecorder[disabled],
    fieldset[disabled] .btnRecorder {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .btnRecorder .ti {
        line-height: 1 !important;
    }

.btnBackward {
    background: url('../img/btnBackward.svg') no-repeat center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    width: 75px;
    height: 75px;
    background-color: transparent; 
}
.btnForward {
    background: url('../img/btnForward.svg') no-repeat center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    width: 75px;
    height: 75px;
    background-color: transparent; 
}
.btnPlay {
    background: url('../img/btnPlay.svg') no-repeat center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    width: 75px;
    height: 75px;
    background-color: transparent; 
}

.btnPause {
    background: url('../img/btnPause.svg') no-repeat center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    width: 75px;
    height: 75px;
    background-color: transparent;
}

.btnRecord, .btnRecordContinue {
    background: url('../img/btnRecord.svg') no-repeat center;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    width: 100px;
    height: 100px;
    background-color: transparent; 
}

.btnRecordContinue {
}

.btnRecordPause {
    background: url('../img/btnRecordPause.svg') no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    width: 100px;
    height: 100px;
    background-color: transparent;
    background-position-x: 11px;
}

/*.btnStopRecord {
}*/

.recording-holder {
    /*height: 110px;*/
    margin-bottom: 10px;
}


    .recording-holder .recording-container {
        width: 300px;
        height: 100px;
    }

        .recording-holder .recording-container .btn-play-container {
            padding: 12px;
        }

        .recording-holder .recording-container .btn-stopRecording-container {
            margin: 35px 0px;
        }


        .recording-holder .recording-container .recording-btn-container {
            width: 33.33333333%;
            text-align: center;
            float: left;
        }

.downloadLink {
    text-align: center;
}

.timerDiv {
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}



/** initial setup **/
.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .nano .content {
        position: absolute;
        overflow: scroll;
        overflow-x: hidden;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .nano .content:focus {
            outline: thin dotted;
        }

        .nano .content::-webkit-scrollbar {
            visibility: hidden;
        }

.has-scrollbar .content::-webkit-scrollbar {
    visibility: visible;
}

.nano > .pane {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
    opacity: .01;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .nano > .pane > .slider {
        background: #444;
        background: rgba(0,0,0,.5);
        position: relative;
        margin: 0 1px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

.nano:hover > .pane, .pane.active, .pane.flashed {
    visibility: visible\9; /* Target only IE7 and IE8 with this hack */
    opacity: 0.99;
}

.nano {
    background: #bba;
    width: 500px;
    height: 100px;
}

    .nano .content {
        padding: 10px;
    }

    .nano .pane {
        background: #888;
    }

    .nano .slider {
        background: #111;
    }


/*.audio-player-sound-Wave {

 
}
.audio-player-sound-Wave Wave {
    height: 50px;
}*/

.record-transcription {
    /*border: 1px solid #969696;*/
    /*min-height: 200px;*/
    /*padding: 10px;*/
    margin-bottom: 10px;
    /*font-size: 15px;*/
    padding:0;
    white-space: break-spaces;
    /*white-space: pre;*/
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
 
    color: #c1b6b6 !important; 
}

.datepicker { 
    font-weight: bold;
    z-index:1001 !important
}


.btn-large {
    height: 70px;
    padding: 20px;
    background-color: #008996 !important;
    color: white;
    margin: 15px 0px;
}



    .btn-large.btn-danger {
        background-color: #e51c23 !important;
        border-color: #e51c23 !important;
        color: #ffffff;
        background-color: #e51c23;
        border-color: #e51c23;
    }
.note-editor  {
    margin:0;
}

    .note-editor .note-toolbar.panel-heading {
        line-height: initial;
        background: #e0e0e0;
        padding: 5px;
        padding-top: 0;
    }
    .note-editor.note-frame .note-statusbar {
        background: #e0e0e0;
        border-radius: 0px;
    }
    /*.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
        border-top: 1px solid white;
    }*/

    .note-toolbar.panel-heading {
        line-height: initial;
    }
select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-result-repository {
    padding-top: 4px;
    padding-bottom: 3px;
}


 

.select2-result-repository__title {
    color: black;
    font-weight: 700;
    word-wrap: break-word;
    line-height: 1.1;
    margin-bottom: 4px;
}

.select2-result-repository__tag  {
    display: inline-block;
    color: #aaa;
    font-size: 11px;
}

.select2-result-repository__tag {
    float: left;
    /*width: 60px;*/
    margin-right: 10px;
    height: 14px;
}

.select2-result-repository_brand__tag {
    background: black;
    border-radius: 5px;
    color: white;
    font-size: 11px;
    padding: 2px 4px;
}

.select2-result-repository_prefered__tag {
    background: #00a4b3;
    border-radius: 5px;
    color: white;
    font-size: 11px;
    padding: 2px 4px;
}

.select2-results__option--highlighted .select2-result-repository__tag {
    /*color: #c6dcef;*/
    color: white;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #e0e0e0 !important;
    outline: 0;
    border-radius: 0 !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #00464d !important;
    border-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #008996 !important;
    border: 1px solid #00464d !important;
    color: white;
    /*    border-radius: 4px;*/
    /*    cursor: default;*/
    /*    float: left;*/
    /*    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;*/
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container.select2-container--open {
    z-index: 10000;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
    margin-right: 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #005e66;
    color: white;
}

#fc_frame {
    display: none;
}


.intl-tel-input {
    width: 100% !important;
}

    .intl-tel-input .selected-flag .iti-arrow {
        left: 31px !important;
        right: initial !important;
    }


    .intl-tel-input.separate-dial-code .selected-dial-code {
        padding-left: 32px !important;
        padding-right: 4px;
    }
    .intl-tel-input input {
        padding-left: 67px !important;
    }
.toggle.btn {
    width: 55px;
    height: 25px;
}

    .toggle.btn .toggle-on {
        padding: 0 11px 0 0;
        line-height: 22px !important;
    }

    .toggle.btn .toggle-off {
        padding: 0 0 0 11px;
        line-height: 22px !important;
    }
 
tr.record-locked {
    background-color: #005e66 !important;
    color: white !important;
}

.record-locked .table-striped > tbody > tr:nth-child(odd) {
    background: #a5a2a2;
}

.record-locked .panel-body {
    background-color: #005e66 !important;
    color: white !important;
}

    .record-locked a {
        color: white !important;
        text-decoration:underline;

    }

    .record-locked legend {
        color: white !important;
    }


    .image-container {
        position: relative;
        height: 120px;
        background: #dedede;
        padding: 10px;
        cursor: zoom-in;
    }
    .image-container .image-overlay {
        display: none;
        -webkit-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        transition: all .5s ease-in;
    }
    .image-container:hover .image-overlay {
     
        display: block;
        position: absolute;
        background: #000000;
        left: 0;
        right: 0;
        opacity: .85;
        top: 0;
        bottom: 0;
    }


    .image-container .image-overlay img {
        width: 50px;
        height: 50px;
        text-align: center;
        top: 39px;
        position: absolute;
    }

.rotate0 {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
}

.modal-header {
    padding: 0 10px;
}


.dropdown-menu, .tt-dropdown-menu
{
    z-index:1000 !important;
}

.table-dates-items td {
    padding: 3px 3px !important;
}

.table-dates-items .date-tr td {
    padding: 10px 3px 3px 3px !important;
}