/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    color: #606060 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 12px !important;
    background-color: #f2f2f2 !important;
}

/* Icons */

@font-face {
    font-family: 'dentaltek-icons';
    src: url('../fonts/dentaltek-icons.eot?80879842');
    src: url('../fonts/dentaltek-icons.eot?80879842#iefix') format('embedded-opentype'), url('../fonts/dentaltek-icons.woff?80879842') format('woff'), url('../fonts/dentaltek-icons.ttf?80879842') format('truetype'), url('../fonts/dentaltek-icons.svg?80879842#dentaltek-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'dentaltek-icons';
    src: url('../font/dentaltek-icons.svg?80879842#dentaltek-icons') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "dentaltek-icons";
    font-style: normal;
    font-weight: normal;
    -webkit-speak: none;
    -moz-speak: none;
    -ms-speak: none;
    -o-speak: none;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    -webkit-font-variant: normal;
    -moz-font-variant: normal;
    -ms-font-variant: normal;
    -o-font-variant: normal;
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.help {
    color: #fff;
    font-size: 28px;
    float: right;
    padding-right: 20px;
    padding-top: 10px;
}

.icon {
    opacity: 0.8;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .icon:hover {
        opacity: 1;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

.icon-phone:before {
    content: '\e800';
}
/* '' */
.icon-check-only:before {
    content: '\e801';
}
/* '' */
.icon-double-arrow:before {
    content: '\e802';
}
/* '' */
.icon-flag:before {
    content: '\e803';
}
/* '' */
.icon-vm:before {
    content: '\e804';
}
/* '' */
.icon-users-baloon:before {
    content: '\e805';
}
/* '' */
.icon-stop:before {
    content: '\e806';
}
/* '' */
.icon-play:before {
    content: '\e807';
}
/* '' */
.icon-lock:before {
    content: '\e808';
}
/* '' */
.icon-page:before {
    content: '\e809';
}
/* '' */
.icon-trash:before {
    content: '\e80a';
}
/* '' */
.icon-users-1:before {
    content: '\e80b';
}
/* '' */
.icon-close:before {
    content: '\e80c';
}
/* '' */
.icon-check:before {
    content: '\e80d';
}
/* '' */
.icon-italic:before {
    content: '\e80e';
}
/* '' */
.icon-emo-wink2:before {
    content: '\e80f';
}
/* '' */
.icon-uncheck:before {
    content: '\e810';
}
/* '' */
.icon-search:before {
    content: '\e811';
}
/* '' */
.icon-teeth:before {
    content: '\e812';
}
/* '' */
.icon-users:before {
    content: '\e813';
}
/* '' */
.icon-user:before {
    content: '\e814';
}
/* '' */
.icon-clock:before {
    content: '\e815';
}
/* '' */
.icon-refresh:before {
    content: '\e816';
}
/* '' */
.icon-asterisc:before {
    content: '\e817';
}
/* '' */
.icon-page-excl:before {
    content: '\e818';
}
/* '' */
.icon-user-notes:before {
    content: '\e819';
}
/* '' */
.icon-medical-notes:before {
    content: '\e81a';
}
/* '' */
.icon-calendar:before {
    content: '\e81b';
}
/* '' */

/* HEADER */

.header {
    background: #1661a4 url(../images/bk_header.jpg) no-repeat center top;
    border-top: 4px solid #f69126;
    padding: 15px 0 15px 0;
}

.logo a {
    display: inline-block;
}

/* FOOTER */

.footer {
    background: #1661a4;
    padding: 15px 0 0 0;
    min-height: 100px;
}

    .footer a {
        display: inline-block;
        color: #f69126;
        font-size: 10px;
        line-height: 12px;
        font-weight: normal;
        font-family: 'Montserrat';
        margin: 0 0 5px 0;
    }

    .footer p {
        font-family: 'Montserrat';
        color: #ffffff;
        font-size: 12px;
        line-height: 12px;
        font-weight: normal;
        display: block;
    }

        .footer p a {
            display: inline-block;
            color: #ffffff;
            font-family: 'Montserrat';
            margin: 0;
            font-size: 12px;
        }

            .footer p a:hover {
                text-decoration: underline;
            }

/* TITLE BLOCK */

.title_block {
    border-bottom: 2px solid #6d6f71;
    padding: 0px 0 3px 0;
    background: #fff;
}

    .title_block h2 {
        display: block;
        float: left;
        font-family: 'Montserrat', sans-serif;
        color: #1661a4;
        font-size: 35px;
        line-height: 35px;
        font-weight: 400;
        float: left;
    }

    .title_block span {
        display: block;
        float: right;
        font-family: 'Montserrat';
        color: #231f20;
        font-size: 19px;
        line-height: 20px;
        font-weight: normal;
        padding: 30px 0 0 0;
    }

        .title_block span small {
            display: inline-block;
            font-family: 'Montserrat';
            font-weight: normal;
            font-size: 18px;
        }

    .title_block small.header-tiny {
        display: inherit;
        font-family: 'Montserrat';
        font-weight: normal;
        font-size: 12px;
        padding: 0px;
        float: none;
    }

a {
    color: #000;
    text-decoration: none;
    outline: 0 none;
}

    a:hover {
        color: #000;
        text-decoration: none;
    }

h1 {
    font-size: 24px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    display: block;
    height: 0;
}

.clrflt {
    clear: both;
}

.last {
    margin: 0 !important;
}

.pad_last {
    padding: 0 !important;
}

.no_bg {
    background: none !important;
}

.no_bor {
    border: none !important;
}
/**************************************************************************************/

/*----------------------------------------------------------------------------------*/

.flt_lt {
    float: left;
    display: inline;
}

.flt_rt {
    float: right;
    display: inline;
}

/*---------------Modals---------------------------------*/
.modal-content {
    border: 4px solid #059347;
    border-radius: 6px;
    outline: 0;
}

.modal-wrapper {
    padding: 11px;
    width: 591px;
    height: 175px;
}

.modal-left {
    float: left;
    width: 42px;
    height: 100%;
}

.modal-middle {
    float: left;
    position: relative;
    height: 100%;
    width: 500px;
}

.modal-wide-middle {
    float: left;
    position: relative;
    height: 100%;
    width: 750px;
}

.modal-voicemail-header {
    font-size: 15px;
    color: #059347;
    font-family: 'Montserrat', sans-serif;
}

.modal-voicemail-title {
    color: #231f20;
    font-size: 12px;
}

.modal-right {
    float: right;
    padding-right: 18px;
}

.sm2-bar-ui {
    position: absolute;
    bottom: 0;
    left: 0;
}

.modal-pdf {
    height: 90%;
}

    .modal-pdf .modal-wrapper {
        height: 700px;
        overflow-y: auto;
    }

.modal-wide {
    height: 90%;
    width:800px;
}

    .modal-wide .modal-wrapper {
        height: 700px;
        overflow-y: auto;
        width:800px;
    }


.modal-error {
    height: 90%;
    width: 850px;
}

    .modal-error .modal-wrapper {
        height: 700px;
        width: 840px;
    }

.modal-schedule {
    max-height: 700px;
}

.recording .name h4 {
    color: #231f20;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    font-family: 'Montserrat';
    display: block;
    padding: 0 0 5px 0;
    margin: 5px 0 0 0;
}

.recording .name .textarea {
    display: block;
    padding: 7px 10px 5px 10px;
    color: #231f20;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    font-family: 'Montserrat';
    height: 29px;
    resize: none;
    width: 95.8%;
    border: 1px solid #5f93c1;
}

.recording .text {
    padding-top: 10px;
}

    .recording .text h4 {
        color: #231f20;
        font-size: 12px;
        line-height: 12px;
        font-weight: 700;
        font-family: 'Montserrat';
        display: block;
        padding: 0 0 5px 0;
        margin: 5px 0 0 0;
    }

    .recording .text .textarea {
        display: block;
        padding: 5px 10px 5px 10px;
        color: #231f20;
        font-size: 12px;
        line-height: 12px;
        font-weight: normal;
        font-family: 'Montserrat';
        height: 120px;
        resize: none;
        width: 95.8%;
        border: 1px solid #5f93c1;
    }

.modal-dialog.modal-fields {
    width: 900px;
}

.modal-recording .modal-wrapper {
    height: 450px;
}

.modal-recording-header {
    font-size: 15px;
    color: #1562a4;
    font-family: 'Montserrat', sans-serif;
}

.modal-recording .buttons {
    padding: 10px 20px 0 0;
}

.modal-recording .instructions {
    margin-top: 10px;
}

.modal-recording label {
    color: #231f20;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    font-family: 'Montserrat';
}

.blue-button {
    float: right;
    display: block;
    background: #1562a4;
    outline: 1px solid #e88d2d;
    color: #ffffff;
    font-size: 9px;
    line-height: 11px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Montserrat';
    padding: 2px 6px;
}

    .blue-button.disabled {
        background: grey;
    }

    .blue-button:hover {
        color: #fff;
    }

    .blue-button.pad-left {
        margin-left: 10px;
    }

.image-button {
    float: right;
    display: block;
    padding: 2px 6px;
}

    .image-button img {
        height: 24px;
    }

    .image-button.pad-left {
        margin-left: 10px;
    }

/* scroller */
.jspDrag {
    background: #ffffff;
    width: 5px;
    left: 2px;
}

.jspArrow.jspArrowUp {
    background: url(../images/scroll_uiparow.png) no-repeat;
    width: 8px;
    height: 6px;
    display: block;
}

.jspArrow.jspArrowDown {
    background: url(../images/scroll_downarow.png) no-repeat;
    width: 8px;
    height: 6px;
    display: block;
}

.jspVerticalBar {
    width: 8px;
    right: 4px;
}

.jspTrack {
    background: #6d6f71;
}

.tooltip {
    z-index: 99;
}

a[ng-click] {
    cursor: pointer;
}

.btn-blue {
    background-color: #1661a4;
    border: none;
    color: #FFF;
    border-radius: 0px;
}

    .btn-blue.btn-xs {
        padding-top: 4px;
    }

    .btn-blue:hover {
        background-color: #0d74d1;
        border: none;
        color: #FFF;
    }

.btn_collapse {
    width: 100%;
    background: #d0d2d3 url(../images/arrow_collapse_up.png) center center no-repeat;
    padding: 10px 0px;
}

.btn_expand {
    width: 100%;
    background: #d0d2d3 url(../images/arrow_collapse_down.png) center center no-repeat;
    padding: 10px 0px;
}

button[disabled] {
    background: grey;
}

small.error {
    color: red;
}

.bk_blue {
    background-color: #1661a4;
}

.bk_white {
    background-color: #FFF;
}

.bk_green {
    background-color: #059347 !important;
}

.bk_orange {
    background-color: #f69125 !important;
}

.txt_blue {
    color: #1661a4 !important;
}

.txt_orange {
    color: #f69125 !important;
}

.txt_black {
    color: #231f20 !important;
}

.txt_grey {
    color: #6d6f71 !important;
}

.txt_green {
    color: #059347 !important;
}

.txt_red {
    color: #ec1c24 !important;
}

.txt_yellow {
    color: #ffb816 !important;
}

.txt_cyan {
    color: #29abe2 !important;
}

.txt_white {
    color: #FFF !important;
}

.txt_bold {
    font-family: 'Montserrat';
    font-weight: 700;
}

.txt_light {
    font-family: 'Montserrat', sans-serif;
}

.pad-all {
    padding: 2px;
}

.patient_messages .nav li {
    float: none;
    width: 100%;
}

.table-orange-hover tr:hover {
    background-color: #f69125 !important;
    color: #FFF;
    cursor: pointer;
}

    .table-orange-hover tr:hover th i.txt_blue {
        color: #FFF !important;
        opacity: 0.7;
    }

/** Tabs */
.tab_list {
    padding: 0 0 0 8px;
}

.nav-tabs {
    display: inline-block;
    border-bottom: none;
}

    .nav-tabs li {
        float: left;
        display: inline-block;
        padding: 0 2px 0 0;
        margin-bottom: 0;
    }

        .nav-tabs li a {
            display: block;
            background: #dce7f1;
            border: 1px solid #79a4ca;
            border-bottom: none;
            color: #231f20;
            font-size: 10px;
            font-weight: normal;
            line-height: 10px;
            font-family: 'Montserrat';
            margin: 5px 0 0 0;
            padding: 6px 5px 6px 6px;
            border-radius: 0;
        }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background: #fff;
        color: #1661a4;
        margin: 0 0 1px 0;
        padding: 11px 5px 6px 6px;
        border: 1px solid #79a4ca;
        border-bottom: 1px solid #fff;
    }

    .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        background: #fff;
        color: #1661a4;
        margin: 0 0 1px 0;
        padding: 11px 5px 6px 6px;
        border: 1px solid #79a4ca;
        border-bottom: 1px solid #fff;
    }

.content_tabs {
    margin-top: 30px;
}

.tab-content {
    background: #fff;
    border: 1px solid #92b2d0;
    padding: 14px 15px 25px 10px;
    margin: -6px 0 20px 0;
}

.nav-tabs.nav-justified > li > a {
    font-size: 11px;
}

.title_block span button {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-right {
    margin-right: 10px;
}

#spinner {
    position: absolute;
    left: 0;
    top: 30%;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 999;
}

.nav-tabs.nav-justified > li > a {
    border-radius: 0;
}

/*Health Indicators*/
.green-circle {
    border-radius: 50%;
    background: green;
}

.yellow-circle {
    border-radius: 50%;
    background: yellow;
}

.red-circle {
    border-radius: 50%;
    background: red;
}

.list-icon {
    font-size: 20px;
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}