html, body, form {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-size: 11px;
    background: #ccc;
    font-family: Arial;
}

#wrapper {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
    height: 100%;
    min-width: 1024px;
}

@font-face {
    font-family: "Gothic";
    src: url(Gothic.ttf);
}

.sys-template {
    display: none;
}

.form input[type='text'][readonly] {
    background-color: #cacaca;
    border: solid 1px #888;
}


.infoheader {
    width: 100%;
    background: #363636;
    z-index: 100;
    position: relative;
    height: 10%;
    border-bottom: solid 4px #ff0000
}

.infoheadercontent {
    width: 98.5%;
    margin: auto;
    padding: 10px;
    height: 90%;
    position: absolute;
}

.infologo {
    position: absolute;
    bottom: 6%;
    left: 2%;
    padding: 10px;
    background: transparent url(_img/logo.png) 30px 10px no-repeat;
    width: 190px;
    height: 50px;
}

.infobrand {
    position: absolute;
    bottom: 20%;
    right: 2%;
    padding: 10px;
    background: transparent url(_img/logo.company.png) 10px 10px no-repeat;
    width: 94px;
    height: 23px;
}

.infocontainer {
    width: 700px;
    min-height: 200px;
    margin: -10px auto 0;
    z-index: 0;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#3a3a3a', Direction=180, Strength=3), progid:DXImageTransform.Microsoft.Shadow(color='#3a3a3a', Direction=145, Strength=3), progid:DXImageTransform.Microsoft.Shadow(color='#3a3a3a', Direction=215, Strength=3) \9;
    overflow: auto;
    margin-top: 10%;
    position: absolute;
    top: 25%;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.outinfocontainer {
    height: 100%;
    flex-direction: column;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    vertical-align: middle;
}

.loginbox {
    float: right;
    padding: 20px;
    margin: 0 0 0 auto;
    width: 250px;
    height: 250px;
    background: #ececec;
}

.offlinebox {
    padding: 20px;
}

.lbl_version {
    font-size: 10px;
    text-align: right;
    display: inline-block;
}

.divSpan {
    background-color: rgba(204, 204, 204, 1);
    padding-top: 1%;
    text-align: right;
}

.txtLogin {
    width: 100%;
}

h1 {
    color: #4b4b4b;
    font-family: Century Gothic, Gothic;
    font-weight: normal;
    font-size: 30px;
    padding: 0;
    margin: 0;
}

h2 {
    margin: 10px 0 5px;
    font-size: 18px;
    font-family: Century Gothic, Gothic;
    font-weight: normal;
    padding: 5px 10px;
    background: #4b4b4b;
}

    h2, h2 a, h2 a span, h2 span {
        color: #fff;
    }

h3 {
    font-size: 18px;
    font-family: Century Gothic;
    font-weight: normal;
    padding: 5px 5px 2px;
    margin: 0 0 5px;
    color: #4b4b4b;
    border-bottom: solid 4px #ff0000;
    /*background: transparent url(_img/bkg.h3.png) left bottom repeat-x;  */
}

h4 {
    font-size: 16px;
    font-family: Century Gothic;
    font-weight: normal;
    padding: 5px 8px;
    margin: 0 0 10px;
    color: #eee;
    background: #4b4b4b;
}

.validationsummary {
    background: #FFFA93;
    padding: 10px 20px;
    border: solid 1px #818181;
    border-radius: 5px;
}

.validationsummaryMedicalprocedures {
    background: #FFFA93;
    padding: 0.5% 0.8%;
    border: solid 1px #818181;
    border-radius: 5px;
}

/* ------------------------------------------------------ */
/*	header								  */
/* ------------------------------------------------------ */
#header {
    margin: 0;
    padding: 0;
    height: 75px;
    text-align: left;
    overflow: visible;
    background: #363636;
    position: relative;
    border-bottom: solid 4px #ff0000;
    box-shadow: 0 3px 5px #4b4b4b;
}

    #header .c {
        margin-top: 0px;
    }

    #header .container {
        margin: 0;
        padding: 0px;
        text-align: left;
    }

.headerstuff {
    position: absolute;
    bottom: 0px;
    left: 220px;
    right: 220px;
    margin: 0;
}

.headermenu {
    margin: 0;
    padding: 0px;
    float: left;
    list-style: none;
}

    .headermenu li {
        padding: 0;
        position: relative;
        float: left;
    }

        .headermenu li a {
            font-size: 13px;
        }

    .headermenu > li > a {
        float: left;
        padding: 5px 10px 5px;
        margin: 2px 0 0;
        line-height: 20px;
        color: #fff;
        border: solid 1px #363636;
    }

        .headermenu > li > a .menuhome {
            width: 20px;
            height: 20px;
            background: transparent url(_img/icon.home.png) center center no-repeat;
        }

        .headermenu > li > a:hover {
            text-decoration: none;
        }

            .headermenu > li > a:hover .menuhome {
                cursor: pointer;
                background: transparent url(_img/icon.home.png) center center no-repeat;
            }

        .headermenu > li:hover > a,
        .headermenu > li > a:hover {
            background: #666;
            border-color: #666;
        }

        .headermenu > li > a.selected,
        .headermenu > li > a.selected:hover {
            background: #444;
            border-color: #999;
        }

            .headermenu > li > a.selected:hover {
                background: #444;
                border-color: #ccc;
            }

    .headermenu > li > .submenu {
        position: absolute;
        top: 100%;
        left: -20px;
        display: none;
        background: #363636;
        border: solid 4px #ff0000;
        box-shadow: 0 2px 3px #000;
        margin: 0;
        padding: 4px;
        z-index: 10001;
        min-width: 150px;
    }

    .headermenu > li:hover > .submenu {
        display: block;
    }

.submenulist {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-position: outside;
    float: left;
    width: 100%;
    overflow: hidden;
}

    .submenulist > li {
        margin: 0;
        padding: 0;
        border: none;
        float: left;
        width: 100%;
        overflow: hidden;
    }

        .submenulist > li > a {
            float: left;
            padding: 4px;
            width: 100%;
            margin: 2px 0;
            color: #fff;
            white-space: nowrap;
            text-align: left;
            box-sizing: border-box;
        }

            .submenulist > li > a:hover {
                text-decoration: none;
                border: none;
                background: #ccc;
                color: #4b4b4b;
                text-decoration: none;
            }

.headermenu li .submenu2cols {
    left: -220px;
    margin-right: -50px;
    *width: 250px;
}

.headermenu li .submenu3cols {
    left: -320px;
    margin-right: -100px;
    *width: 550px;
}

.headermenu li .submenu4cols {
    left: -420px;
    margin-right: -200px;
    *width: 750px;
}

.menutable tr td {
    vertical-align: top;
    color: #fff;
    padding: 0;
    border-left: dashed 1px #4b4b4b;
    overflow: hidden;
}

.menutable tr.tableheader td {
    background: #ccc;
    color: #4b4b4b;
    font-weight: bold;
    padding: 4px 10px;
    border: none;
    vertical-align: middle;
    white-space: nowrap;
}

.loggeduser {
    float: right;
    min-width: 160px;
    max-width: 280px;
    margin: 5px 10px 0 0;
}

    .loggeduser img {
        float: left;
        margin: 0 10px 0 0;
        padding: 2px;
    }

        .loggeduser img.userhover,
        .loggeduser img:hover {
            background: #989898;
            cursor: pointer;
        }

.loggedusername {
    color: #fff;
    font-size: 13px;
}

.logstatus {
    color: #fff !important;
}

.user_notifications_container {
    float: left;
}

.user_notifications_count {
    float: left;
    margin: 5px 5px 0;
    padding: 4px 8px;
    background: #838383;
    color: #fff;
    border: solid 1px #fff;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.user_notifications_unread {
    background: red !important;
}

.user_notifications_list_container {
    background: #f9f9f9;
    margin: 5px;
    width: 300px;
    box-shadow: #4b4b4b 0 0 10px;
    overflow: auto;
}

.user_notifications_list_header {
    padding: 5px 10px;
    background: #ececec;
    font-size: 12px;
}

.user_notifications_list_link {
    float: right;
    font-size: 10px;
}

.user_notifications_list {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    max-height: 220px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    list-style-position: outside;
    border-bottom: solid 1px #ececec;
}

    .user_notifications_list > li {
        float: left;
        width: 230px;
        padding: 10px 5px 10px 50px;
        background-image: url(_img/icon.user.png);
        background-position: 10px center;
        background-repeat: no-repeat;
        border-bottom: solid 1px #ececec;
    }

        .user_notifications_list > li:hover {
            background-color: #ccc;
        }

.user_notifications_item_date {
    padding: 5px 0 0;
    font-size: 8px;
    color: #4b4b4b;
}

.languages-container {
    padding: 5px !important;
    color: #fff;
}

.languages-list {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}

    .languages-list > li {
        margin: 0;
        display: inline;
    }

        .languages-list > li > a {
            border: solid 1px transparent;
            padding: 5px;
            margin: 0 2px 2px 0;
            float: left;
        }

            .languages-list > li > a:hover {
                border: solid 1px #4b4b4b;
            }

            .languages-list > li > a.selected {
                border: solid 1px #ccc;
                background-color: #4b4b4b;
            }

.uloptions {
    margin: 6px 0 6px;
    padding: 0;
    list-style: none;
}

    .uloptions li {
        list-style: none;
        overflow: hidden;
    }

        .uloptions li a {
            padding: 6px;
            float: left;
            width: 100%;
            overflow: auto;
            border-bottom: solid 1px #c8c8c8;
            box-sizing: border-box;
            white-space: normal;
        }

    .uloptions > li.separator {
        /*height: 2px;*/
        border-bottom: solid 1px #c8c8c8;
    }

    .uloptions > li.list-item-title {
        /*height: 2px;*/
        border-bottom: solid 1px #838383;
        background: #838383;
        padding: 6px;
        color: #fff;
    }

    .uloptions li a:hover {
        background-color: #4b4b4b;
        color: #fff !important;
    }

    .uloptions li a.selected {
        background: #ebebeb url(_img/ulitem.png) 2px center no-repeat;
    }

    .uloptions li.begin-item-group {
        margin-top: 8px;
    }

.uloptions3cols > li {
    display: block;
    float: left;
    width: 30%;
    margin-right: 2%;
}

.list_icon {
    float: left;
    width: 20px;
    height: 20px;
    margin: -3px 5px -3px -3px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.icon_download {
    background-image: url(_img/icon.download.2.png);
}

.icon_requisition {
    background-image: url(_img/icon.requisition.png);
}

.icon_send {
    background-image: url(_img/icon.send.png);
}

.icon_admit {
    background-image: url(_img/icon.admit.png);
}

.icon_schedule {
    background-image: url(_img/icon.schedule.png);
}

.icon_annul {
    background-image: url(_img/icon.annul.png);
}

.icon_change {
    background-image: url(_img/icon.changed.png);
}

.icon_form {
    background-image: url(_img/icon.detail.form.png);
}

.icon_add {
    background-image: url(_img/icon.plus.png);
}

.icon_patient_info {
    background-image: url(_img/icon.patient.info.png);
}

.smallbutton .list_icon,
.extrasmall .list_icon,
a:hover > div.list_icon {
    background-position: 0 -20px;
}

.headerinline {
    background: #4b4b4b;
    padding: 5px 10px;
    margin: 0 0 5px;
    border-bottom: solid 3px #ff0000;
    box-shadow: 0 0 2px #000;
}

.actionbox {
    background: #ececec;
    border-radius: 5px;
    box-shadow: 0 1px 1px #969696;
    border: solid 1px #d8d8d8;
    padding: 0 5px;
    margin: 0 0 5px;
}



.statuscontainer {
    padding: 0 0 0 5px;
    float: right;
}

.selected .statuscontainer {
    padding: 3px 0 0 5px;
}

.statusitem, .legendbox {
    float: right;
    width: 15px;
    height: 15px;
    margin: 0px 3px 0;
    line-height: 15px;
    color: #4b4b4b;
    border-radius: 4px;
    box-shadow: 0 0 4px #000;
    font-size: 10px;
    text-align: center;
}

.statusred {
    color: #fff;
    background: #ff0000;
}

.statusorange {
    color: #3c3c3c;
    background: Orange;
}

.statusyellow {
    color: #4b4b4b;
    background: Yellow;
}

.statusgreen {
    color: #fff;
    background: Green;
}

.timered,
.timeorange,
.timeyellow,
.timegreen,
.timegray {
    float: right;
    font-weight: bold;
    padding: 5px 19px 5px 0;
}

.timered {
    color: #ff0000;
    background: transparent url(_img/icon.time.red.png) right center no-repeat;
}

.timeorange {
    color: Orange;
    background: transparent url(_img/icon.time.orange.png) right center no-repeat;
}

.timeyellow {
    color: #b8b600;
    background: transparent url(_img/icon.time.yellow.png) right center no-repeat;
}

.timegreen {
    color: Green;
    background: transparent url(_img/icon.time.green.png) right center no-repeat;
}

.timegray {
    background: transparent url(_img/icon.time.gray.png) right center no-repeat;
}

.legendbox {
    float: left !important;
}

.timebox {
    padding: 2px 2px 2px 24px;
    background: transparent url(_img/icon.time.gray.png) 2px center no-repeat;
}

.dislikebox {
    padding: 2px 2px 2px 24px;
    background: transparent url(_img/icon.dialog.error.png) 2px center no-repeat;
}

.geolocationbox {
    padding: 2px 2px 2px 24px;
    background: transparent url(_img/icon.geo.location.png) 2px center no-repeat;
}

.datebox {
    padding: 2px 2px 2px 24px;
    background: transparent url(_img/icon.schedule.gray.png) 2px center no-repeat;
}

.datatableheadertitlealert td.text-with-small-icon,
.text-with-small-icon {
    padding-left: 22px !important;
    background-position: 2px center !important;
    background-repeat: no-repeat;
}

.datatableheadertitlealert td.icon_timegray, .icon_timegray {
    background-image: url(_img/icon.time.gray.png);
}

.datatableheadertitlealert td.icon_timegreen, .icon_timegreen {
    background-image: url(_img/icon.time.green.png);
}

.datatableheadertitlealert td.icon_timered, .icon_timered {
    background-image: url(_img/icon.time.red.png);
}

.alert,
.alertbox {
    padding: 3px 20px;
    background: #ffcd62;
    border-radius: 4px;
    border: solid 1px #818181;
    color: #4b4b4b;
    text-align: center;
}

.alert {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 400px;
    margin: 0 0 0 -200px;
    display: none;
}

.alertpopup {
    position: absolute;
    top: 25px;
    left: 50%;
    width: 000px;
    margin: 0 0 0 -200px;
    padding: 3px 20px;
    background: #ffcd62;
    border-radius: 4px;
    border: solid 1px #818181;
    color: #4b4b4b;
    text-align: center;
    display: none;
    min-width: 400px !important;
}

.alert-notification {
    background: #f9f9f9;
    color: #2f2f2f;
    font-weight: bold;
    padding: 3px;
    border: #ee0000 solid 2px;
    border-radius: 5px;
    font-size: x-small;
    position: relative;
    margin-top: -10px;
}

.errorbox {
    width: 200px;
    padding: 10px;
}

.applogo {
    float: left;
    margin: 5px 5px 0;
    padding: 10px;
}

.themebuttons {
    margin: 5px 0;
    float: left;
    padding: 2px 0;
    border: solid 1px #d8d8d8;
    background: #ccc;
    width: 98%;
}

.themelabel {
    padding: 2px 6px;
    float: left;
}

.theme {
    float: left;
    width: 13px;
    height: 13px;
    margin: 1px 3px;
    border-radius: 2px;
    cursor: pointer;
}

.white {
    background: #fff;
    border: solid 1px #959494;
    box-shadow: 0 0 1px #000, inset 0 0 2px #959494;
}

    .white:hover {
        border: solid 1px #ccc;
    }

    .white:active,
    .white:focus {
        background: #fff;
        box-shadow: 0 0 2px #000, inset 0 0 2px #4b4b4b;
    }

.black {
    background: #4b4b4b;
    border: solid 1px #4b4b4b;
    box-shadow: 0 0 1px #000, inset 0 0 2px #000;
}

    .black:hover {
        border: solid 1px #ccc;
    }

    .black:active,
    .black:focus {
        background: #686666;
        box-shadow: 0 0 2px #000, inset 0 0 4px #000;
    }

.themeselected,
.themeselected:hover {
    border: solid 1px #ff0000;
    box-shadow: 0 0 2px #ff0000;
}

.alt3 {
    color: #ccc;
}

.alt4,
.alt4-up {
    color: #4b4b4b;
    font-size: 95%;
}

.alt4-up {
    padding-left: 20px;
    background: transparent url(_img/icon.pointup.png) 0 0 no-repeat;
}

.alt5 {
    float: left;
    font-size: 14px;
    padding: 5px 0 5px 20px;
    margin: 5px 15px;
    background: transparent url(_img/icon.pointdown.png) 0 8px no-repeat;
}
/* ------------------------------------------------------ */
/*	content								  */
/* ------------------------------------------------------ */
#content {
    margin: 0 0 40px;
    padding: 0;
    text-align: left;
    clear: both;
    height: 90%;
}

    #content .contentwrapper {
        height: 90%;
        padding: 10px;
    }

    #content .c {
        overflow: visible;
        margin: 0px;
        height: 90%;
    }

    #content .container {
        margin: 0 0 100px;
        text-align: left;
        padding: 0 0 100px;
        position: relative;
        min-height: 250px;
    }

/* ------------------------------------------------------ */
/*	footer							  */
/* ------------------------------------------------------ */

#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    padding: 0;
    margin: 0;
    z-index: 100000000;
    background: #363636;
    border-top: solid 4px red;
    box-shadow: 0 -3px 7px #3a3a3a;
    color: #fff;
    overflow: visible;
    vertical-align: middle;
}

    #footer .container {
        margin: 0;
        padding: 0 5px 5px;
        height: 100%;
        text-align: center;
        overflow: visible;
    }

.innerfooter {
    text-align: left;
    margin-bottom: 10px;
    float: right;
}

.licensefooter,
.logofooter {
    padding: 3px;
    float: right;
}

.licensefooter {
    font-size: 7pt;
    font-weight: bold;
    color: #cfcfcf;
    text-align: right;
    margin-right: 10px;
}

.footermenu {
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-position: outside;
}

    .footermenu li {
        float: left;
    }

        .footermenu li a {
            float: left;
            color: #fff !important;
            padding: 5px 10px 5px;
        }

        .footermenu li.footeritemhover {
            background: #ff0000;
            border-top: none;
        }

.footersubmenu {
    display: none;
    background: #363636;
    border: solid 4px #ff0000;
    box-shadow: 0 -2px 3px #000;
    margin: 0;
    padding: 4px;
    overflow: auto;
}

.siteinfo {
    padding: 2px 0;
    margin-top: 2px;
}

/* ------------------------------------------------------ */
/*	LINK PROPERTIES							  */
/* ------------------------------------------------------ */

a img {
    border: none;
    color: #b10000;
}

a:link,
a:visited {
    text-decoration: none;
    color: #b10000;
}

.actionbox a:link,
.actionbox a:visited {
    text-decoration: none;
    color: #b10000;
    font-weight: normal;
}

.datatableheader th .actionbox a:link,
.datatableheader td .actionbox a:link,
.datatableheader th .actionbox a:visited,
.datatableheader td .actionbox a:visited {
    color: #b10000 !important;
}

.datatableheader td > div.data-filter {
    float: left;
    white-space: nowrap;
    margin: 0 8px 2px 0;
    min-height: 45px;
}

    .datatableheader td > div.data-filter > ul.multiselect label {
        margin-top: 9px;
    }

a:hover {
    text-decoration: underline;
    color: #b10000;
}

p, li {
    color: #000;
}

/**Buttons Style / Panel Aligment**/

.optionsbox {
    float: left;
}

.scheduleleftbox {
    float: left;
    width: 30%;
    padding-right: 15px;
    overflow: hidden;
    background: transparent url(_img/bkg.content.separator.png) right top no-repeat;
}

.schedulerightbox {
    float: right;
    width: 68%;
    overflow: hidden;
    min-height: 500px;
}

.smallsaveoptions,
.saveoptions,
.saveoptionsaddendum {
    text-align: center;
    clear: both;
    position: relative;
}

.saveoptions {
    padding: 15px 0 20px;
}

.saveoptionsaddendum {
    padding: 5px 0 20px;
}

.smallsaveoptions {
    padding: 5px 0px;
}

.listoptions {
    float: right;
    padding: 4px 0 0;
    white-space: nowrap;
}

.smallbutton {
    margin: 2px 4px;
    font-size: 12px;
    background: #1c1d1e url(_img/bkg.button.png) center center repeat-x;
    padding: 10px 15px;
    border-radius: 3px;
    box-shadow: 0px 0px 4px #000;
    cursor: pointer;
    border: none;
    *border: solid 1px #9e9e9e;
    color: #ccc !important;
    overflow: auto;
    white-space: nowrap;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.rightAlign {
    position: relative;
    top: 75%;
    text-align: right;
}

.smallbutton[disabled="disabled"],
.smallbutton[disabled="disabled"]:hover,
.smallbutton[disabled="disabled"]:active {
    background: #777;
    box-shadow: 0px 0px 4px #000;
}

.smallbuttongroupleft {
    margin-right: -2px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.smallbuttongroupright {
    margin-left: -2px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.eol-button {
    border-color: #ff0000 !important;
    border-width: 2px !important;
    border-style: solid;
}

.eol-button2 {
    color: #fa0000 !important;
}

.hilight {
    text-decoration: none;
    color: #fff !important;
    *border: solid 1px white;
}

.hilight,
.data-tag.hilight {
    background: #1c1d1e;
    box-shadow: 0px 0px 5px #ff0000;
}

.boptions {
    background: #1c1d1e url(_img/bkg.button.options.png) center left no-repeat;
    padding-left: 20px !important;
}

    .boptions:hover {
        background: #1c1d1e url(_img/bkg.button.options.hover.png) center left no-repeat !important;
    }

.optionsbutton {
    height: 15px;
    width: 15px;
    background: #1c1d1e url(_img/bkg.button.options1.png) center right no-repeat;
}

    .optionsbutton:hover {
        background: #1c1d1e url(_img/bkg.button.options1.png) center right no-repeat !important;
    }

.optionsbuttonsmall {
    height: 10px;
    width: 10px;
    background: #1c1d1e url(_img/bkg.button.options2.png) center right no-repeat;
}

    .optionsbuttonsmall:hover {
        background: #1c1d1e url(_img/bkg.button.options2.png) center right no-repeat !important;
    }

    .optionsbuttonsmall[disabled] {
        opacity: 0.7;
        background: #1c1d1e url(_img/bkg.button.options2.png) center right no-repeat !important;
    }

.extrasmall {
    font-size: 11px;
    padding: 5px 15px 5px;
}

h3 .extrasmall {
    font-size: .55em;
    padding: 4px 6px;
}

.smallbutton img {
    vertical-align: middle;
}

.smallbutton:hover {
    background: #1c1d1e;
    text-decoration: none;
    box-shadow: 0px 0px 5px #ff0000;
    color: #fff !important;
    *border: solid 1px red;
}

.smallbutton:focus, .smallbutton:active {
    box-shadow: inset 0px 0px 5px #ff0000;
    outline: none;
    text-decoration: none;
}

.recordercontrol {
    margin: 2px 4px;
    background: #1c1d1e url(_img/bkg.button.png) center center repeat-x;
    border-radius: 3px;
    box-shadow: 0px 0px 4px #000;
    cursor: pointer;
    border: none;
    *border: solid 1px #9e9e9e;
    color: #ccc !important;
    overflow: auto;
    white-space: nowrap;
    font-size: 11px;
    line-height: 18px !important;
    padding: 5px 15px 5px 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    .recordercontrol:hover {
        text-decoration: none;
        box-shadow: 0px 0px 5px #ff0000;
        color: #fff !important;
        *border: solid 1px red;
    }

.recordbutton {
    background: url(_img/icon.record.png) 10px center no-repeat, #1c1d1e url(_img/bkg.button.png) center center repeat-x;
}

.stopbutton {
    background: url(_img/icon.stop.png) 10px center no-repeat, #1c1d1e url(_img/bkg.button.png) center center repeat-x;
}

.sendbutton {
    background: url(_img/icon.upload.png) 10px center no-repeat, #1c1d1e url(_img/bkg.button.png) center center repeat-x;
}

.playbutton {
    background: url(_img/icon.play.png) 10px center no-repeat, #1c1d1e url(_img/bkg.button.png) center center repeat-x;
}

.pausebutton {
    background: url(_img/icon.pause.png) 10px center no-repeat, #1c1d1e url(_img/bkg.button.png) center center repeat-x;
}

.recordercontrol[disabled="disabled"],
.recordercontrol[disabled="disabled"]:hover,
.recordercontrol[disabled="disabled"]:active {
    opacity: 0.5;
}

.boxcontainer {
    clear: both;
}

.searchboxcontainer {
    clear: both;
    padding: 10px;
    background: #9E9E9E;
}

.hlistoptions {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    list-style-position: outside;
    border-bottom: solid 4px #838383;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

ul.hlistoptions li span.alert-notification {
    display: block;
    float: right;
    margin-right: 0px;
    margin-left: 2px;
}

.sublist {
    background: #4b4b4b url(_img/bkg.button.png) center top repeat-x;
    padding: 0;
    margin: 0 0 5px;
}

    .sublist li a {
        color: #ececec !important;
    }

.hlistoptions li {
    float: left;
}

    .hlistoptions li a {
        margin: 5px 5px -4px 0;
        padding: 4px 10px 5px;
        float: left;
        border-bottom: solid 4px transparent;
        font-size: 13px;
        color: #4b4b4b;
    }

        .hlistoptions li a:hover {
            text-decoration: none;
            color: #000;
            border-bottom: solid 4px #565656;
        }

        .hlistoptions li a.selected,
        .hlistoptions li.active a {
            padding: 0 15px 3px;
            border-bottom: solid 4px #FF0000;
            font-size: 18px;
            font-weight: bold;
            color: #000;
        }

.vlistoptions {
    margin: 40px 0 0;
    padding: 20px 0;
    list-style: none;
    list-style-position: outside;
    border-right: solid 4px #838383;
    float: left;
    width: 96%;
    min-height: 200px;
}

.vlistoptionsgrouped {
    margin: 0;
    min-height: 0;
    padding: 0 0 15px;
}

.vlistoptions li {
    float: right;
    clear: both;
    width: 100%;
}

    .vlistoptions li.space-after {
        margin-bottom: 20px !important;
    }

    .vlistoptions li a {
        margin: 0 -4px 5px 0;
        padding: 8px 10px;
        float: right;
        width: 85%;
        text-align: right;
        background: #ececec;
        border-right: solid 4px #838383;
        font-size: 13px;
        color: #4b4b4b;
    }

        .vlistoptions li a:hover {
            text-decoration: none;
            color: #000;
            background: #B7B7B7;
            border-right: solid 4px #565656;
        }

        .vlistoptions li a.selected,
        .vlistoptions li.active a {
            background: #565656;
            color: #fff;
            border-right: solid 4px #ff0000;
        }

.vlistoptionsgrouped > li.title a,
.vlistoptionsgrouped > li.title a:hover {
    background: transparent;
    padding: 5px 15px 5px 0;
}

.vlistoptionsgrouped > li.expanded,
.vlistoptionsgrouped > li.collapsed {
    cursor: pointer;
    background: transparent url(_img/icon.expand.collapse.png) right bottom no-repeat;
}

.vlistoptionsgrouped > li.expanded {
    background-position: right -107px;
}

.vlistoptionsgrouped > li.collapsed {
    background-position: right -75px;
}

.vlistoptionsgrouped > li.expanded:hover {
    background-position: right -37px;
    color: #4b4b4b;
}

.vlistoptionsgrouped > li.collapsed:hover {
    background-position: right -5px;
    color: #4b4b4b;
}

/* ------------------------------------------------------ */
/*	tables and data pager	    								*/
/* ------------------------------------------------------ */

.datatable {
    font-size: 11px;
    text-align: left;
    width: 100%;
    border: none;
    clear: both;
    background: #f9f9f9;
}

    .datatable td.checkbox-col {
        padding-left: 4px !important;
        padding-right: 4px !important;
        text-align: center !important;
        width: 18px;
    }

.datatableheader,
.datatableheader span.alt4 {
    color: #fff;
}

.datatableheader {
    font-size: 11px;
    font-weight: bold;
}

    .datatableheader:hover {
    }

    .datatableheader span.alt4 {
        font-weight: normal;
    }

.datatablebodyread {
    background-color: #f3f3f3;
}

.datatablefooter td,
.datatablefooter, .datatablefooter:hover {
    font-size: 11px;
    text-align: center !important;
    font-weight: bold;
    padding: 5px 10px !important;
    background: #838383 !important;
    color: #fff;
}

.datatable.datatablecondensed .datatablefooter,
.datatable.datatablecondensed .datatablefooter td {
    padding: 5px 4px !important;
}

tr.datatableheader > th, tr.datatableheader > td {
    padding: 5px 10px !important;
    background: #838383;
    text-align: left;
    border: none;
    vertical-align: bottom !important;
}

.datatable.datatablecondensed tr.datatableheader > th,
.datatable.datatablecondensed tr.datatableheader > td {
    padding: 5px 4px !important;
}

.datatableheader th a, .datatableheader td a {
    color: #ececec !important;
}

    .datatableheader th a.smallbutton, .datatableheader td a.smallbutton,
    .datatable tbody tr td a.smallbutton, .datatablebody td a.smallbutton {
        *float: left;
        *line-height: 0;
        *margin: 0 2px;
        *overflow: visible;
        font-weight: normal;
    }

.datatableheadertitle th, .datatableheadertitle td {
    padding: 5px 10px !important;
    background: #4b4b4b;
    color: #fff;
    text-align: left;
    border: none;
    border-bottom: solid 3px #ff0000 !important;
    vertical-align: bottom !important;
    font-size: 1.5em;
    font-weight: normal;
    font-family: Gothic;
}

.datatable.datatablecondensed .datatableheadertitle th,
.datatable.datatablecondensed .datatableheadertitle td {
    padding: 5px 4px !important;
}

.datatableheadertitlealert th, .datatableheadertitlealert td {
    background: #FFFA93;
    color: #4b4b4b;
}

.datatableheader2 th, .datatableheader2 td {
    padding: 0 !important;
    background: #fff;
}

.form .datatable tbody tr td,
.datatable tbody tr td,
.datatablebody td {
    padding: 5px 10px;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
    border: none;
    border-bottom: solid 2px #838383;
}

.form .datatable.datatablecondensed tbody tr td,
.datatable.datatablecondensed tbody tr td,
.datatable.datatablecondensed .datatablebody td {
    padding: 5px 4px;
}

.datatable tbody tr:hover, .datatablebody tr:hover {
    background: #b1b0b0;
}

.datatable tbody td.title div table, .datatablebody td.title div table, .datatablebody td.title div table td {
    margin: 0;
    border: none;
    padding: 0;
}

.arrow {
    background: transparent url(_img/arrows.png) no-repeat scroll 0px -16px;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
}

.up {
    background-position: 0px 0px;
}

.datatable tbody tr.datatableexpandrow, .datatable tbody tr.datatableexpandrow:hover {
    background: #ccc;
}

    .datatable tbody tr.datatableexpandrow td, .datatable tbody tr.datatableexpandrow:hover {
        border-top: none;
    }

.lineselected td {
    background: #B1B0B0;
    color: #000;
}

.datatablecellpadding {
    padding: 5px 10px !important;
}

.datatablepager td {
    padding: 0 5px !important;
    background: #525252;
}

    .datatablepager td table {
        margin: auto;
    }

        .datatablepager td table tr td {
            border: none;
            background: #ccc;
            padding: 0 !important;
            font-size: 11px;
            width: 20px !important;
        }

            .datatablepager td table tr td a {
                float: left;
                padding: 3px 8px !important;
                background: #525252;
                border: solid 1px #ccc;
                color: #ccc;
            }

                .datatablepager td table tr td a:hover {
                    background: #ccc;
                    color: #525252;
                }

            .datatablepager td table tr td span {
                float: left;
                padding: 3px 10px !important;
                background: #ccc;
            }

.datatablefooter td a {
    padding: 3px 8px;
    color: #fff;
}

.datatablefooter td img, .datatablefooter td input {
    vertical-align: middle;
    padding: 0 2px;
}

.datapagernumbernav {
    padding: 3px 8px;
    background: #ececec;
    color: #4b4b4b !important;
    border: solid 1px #ccc;
}

.datapagercurrentnumberpage {
    padding: 3px 8px;
    border: solid 1px #4b4b4b;
    background: #4b4b4b;
    color: #fff;
}

.datapagerpages {
    padding-right: 3px;
}

.thumbslist {
    margin: 0;
    padding: 0;
    overflow: auto;
}

    .thumbslist li {
        list-style: none;
        float: left;
        margin-right: 10px;
    }

        .thumbslist li img {
            max-height: 35px;
        }

.thumbbox {
    border: solid 1px #838383;
    background-color: #dcdcdc;
    border-radius: 4px;
    /*box-shadow: 0 0 4px #000;*/
    text-align: center;
    display: block;
    /*float:left;*/
    padding: 0px;
    overflow: hidden;
}

A.thumbbox {
    text-decoration: none;
}

    A.thumbbox SPAN {
        display: block;
    }

.datatablelistcontainer {
    border: solid 2px #838383;
    border-top: none;
    border-left-width: 10px;
    margin: -5px 0 0 42px;
    padding: 4px 0 0 4px;
    overflow: auto;
}

/* ------------------------------------------------------ */
/*	tabelas												  */
/* ------------------------------------------------------ */

.tablestruct-three-cols,
.tablestruct {
    width: 100%;
    border: none;
    margin-bottom: 10px;
}

    .tablestruct > tr > td,
    .tablestruct > tbody > tr > td {
        vertical-align: top;
        width: 50%;
    }

    .tablestruct-three-cols > tr > td,
    .tablestruct-three-cols > tbody > tr > td {
        vertical-align: top;
        width: 33%;
    }

.form {
    margin: 0px;
    width: 100%;
    font-size: 10px;
}

    .form td, .form td .form td {
        margin: 0;
        padding: 4px 5px;
        font-size: 11px;
        text-align: left;
        vertical-align: middle !important;
    }

    .form tr.options td {
        padding: 10px;
        background-color: #838383;
        font-weight: bold;
        color: #fff;
        border: none;
    }

        .form tr.options td input {
            margin: 0 5px;
        }

    .form tr.title td {
        border: none;
        padding-right: 10px;
        font-weight: bold;
        background: #4b4b4b;
        color: #ccc;
    }

    .form tr.title span.info-text {
        color: #cfcfcf;
        font-weight: normal;
        font-size: 95%;
    }

    .form table, .form table tr, .form table tr td {
        padding: 0;
    }

    .form tbody {
        border: none;
    }

        .form tbody tr td.firstcol,
        .form tr td.firstcol {
            color: #fff;
            background: #838383;
            font-weight: bold;
            width: 30%;
            vertical-align: middle;
            text-align: right;
            padding-right: 10px;
            white-space: normal;
        }

        .form tbody tr td.secondcol,
        .form tr td.secondcol {
            width: 70%;
            vertical-align: middle;
            white-space: normal;
            background: #9e9e9e;
        }


    .form tr td.secondcolwiththird {
        width: 60%;
        vertical-align: top;
        white-space: normal;
    }

    .form tr td.thirdcol {
        width: 20%;
        vertical-align: top;
        overflow: scroll;
    }

.tablescroll {
    overflow-x: auto;
    display: block;
}

/***************************************************/

/* divs layout*/

.flex-search {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row
}

.flex-section {
    height: 45px;
    display: flex;
    flex-wrap: nowrap;
    flex: 1;
}

.flex-cell {
    margin: 0 1px 1px 1px;
    padding: 4px;
    font-size: 11px;
    display: flex;
    width: 100%;
}

    .flex-cell.firstcell {
        color: #fff;
        background: #838383;
        font-weight: bold;
        text-align: right;
        padding-right: 10px;
        white-space: normal;
        align-items: center;
    }

    .flex-cell.secondcell {
        white-space: normal;
        background: #9e9e9e;
        align-items: center;
    }

    .flex-cell.labelcol {
        width: 70px;
        min-width: 70px;
        color: #fff;
        display: grid;
        align-items: center;
    }

.flex-select {
    min-width: 230px;
    max-width: 250px;
}

.row {
    box-sizing: border-box;
    overflow: auto;
}

.col15, .col20, .col25, .col30, .col35, .col40, .col45, .col50, .col55, .col60, .col65, .col70, .col75, .col80, .col85 {
    box-sizing: border-box;
    float: left;
    padding: 0 5px;
    overflow: hidden;
}

.col15 {
    width: 15%;
}

.col20 {
    width: 20%;
}

.col25 {
    width: 25%;
}

.col30 {
    width: 30%;
}

.col35 {
    width: 35%;
}

.col40 {
    width: 40%;
}

.col45 {
    width: 45%;
}

.col50 {
    width: 50%;
}

.col55 {
    width: 55%;
}

.col60 {
    width: 60%;
}

.col65 {
    width: 65%;
}

.col70 {
    width: 70%;
}

.col75 {
    width: 75%;
}

.col80 {
    width: 80%;
}

.col85 {
    width: 85%;
}


/***************************************************/

/* divs layout*/
.row {
    box-sizing: border-box;
    overflow: auto;
}

.col15, .col20, .col25, .col30, .col35, .col40, .col45, .col50, .col55, .col60, .col65, .col70, .col75, .col80, .col85 {
    box-sizing: border-box;
    float: left;
    padding: 0 5px;
    overflow: hidden;
}

.col15 {
    width: 15%;
}

.col20 {
    width: 20%;
}

.col25 {
    width: 25%;
}

.col30 {
    width: 30%;
}

.col35 {
    width: 35%;
}

.col40 {
    width: 40%;
}

.col45 {
    width: 45%;
}

.col50 {
    width: 50%;
}

.col55 {
    width: 55%;
}

.col60 {
    width: 60%;
}

.col65 {
    width: 65%;
}

.col70 {
    width: 70%;
}

.col75 {
    width: 75%;
}

.col80 {
    width: 80%;
}

.col85 {
    width: 85%;
}


/***************************************************/

/*AutoComplete flyout */

.autocomplete_completionListElement {
    margin: 0px !important;
    background-color: inherit;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem {
    padding: 1px;
}


/***************************************************/
/* Pdf Preview Control                             */

div.previewblock {
    display: block;
    position: relative;
    width: 600px;
    border: solid 2px #ececec;
    height: 847px;
    overflow: hidden;
    margin: 10px 0;
    background-color: #fff;
    box-shadow: 0 0 4px #000;
}

.htmlPreviewElementHot {
    border: dashed 1px #4b4b4b;
    margin: -1px;
}

.previewPopupMenu {
    z-index: 100;
    border: solid 1px Gray;
    padding: 2px;
    background-color: #fff;
    max-width: 450px;
    min-width: 50px;
    white-space: normal;
    display: none;
}

    .previewPopupMenu A {
        padding: 8px;
        display: block;
    }

.scheduler .event,
.scheduler .event div {
    background: #838383 !important;
}

.checkboxlist4col {
    width: 100%;
}

    .checkboxlist4col tr td {
        width: 25%;
    }

.emptydata {
    margin: 30px;
    padding: 20px;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 4px #000;
}

.locationslistcontainer {
    position: fixed;
    left: 0;
    width: 100%;
    padding: 8px 20px 10px;
    bottom: 30px;
    z-index: 10;
    background: #838383;
    text-align: center;
    box-shadow: 0 0 6px #000;
}

.locationslist {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-position: outside;
    display: inline;
}

    .locationslist li {
        display: inline-block;
    }

        .locationslist li a {
            color: #ececec;
            padding: 2px 10px;
            margin: 0 2px 2px 0;
            border: solid 1px #4b4b4b;
            display: inline-block;
        }

            .locationslist li a:hover {
                border: solid 1px #ececec;
            }

        .locationslist li.selected a,
        .locationslist li.selected a:hover {
            background: #4b4b4b;
            border: solid 1px #4b4b4b;
        }

.locationhandle {
    background: red;
    position: absolute;
    right: -10px;
    top: 10px;
    width: 10px;
    height: 30px;
    cursor: pointer;
}


.modalpopup {
    width: 1000px;
    background: #fff;
    border: solid 4px #ff0000;
    padding: 10px;
}

.modalpopupRequest {
    width: 1000px;
    background: #fff;
    border: solid 4px #ff0000;
    padding: 10px;
    left: 61% !important;
    top: 18% !important;
}


.modalpopupMedicalProcedures {
    width: 1000px;
    background: #fff;
    border: solid 4px #ff0000;
    padding: 10px;
    overflow-y: scroll;
}

.modalpopupConfirm {
    width: 1000px;
    background: #fff;
    border: solid 4px #ff0000;
    padding: 10px;
    margin: 0 auto !important;
    vertical-align: middle !important;
}

.modalbkg {
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
}

.collapsepanelheader:hover {
    background: #ececec;
    cursor: pointer;
}

.Erro {
    font-weight: bold;
    font-size: 15px;
    color: #ff0000;
}

.__calendar_busy {
    text-align: center;
    padding-top: 12px;
    display: none;
}

.__calendar_resource_extra_info_trigger {
    margin-left: 3px;
    width: 8px;
    height: 10px;
    bottom: 1px;
    position: absolute;
    overflow: hidden !important;
    cursor: default;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 0.85em;
    font-weight: bold;
    line-height: 0.82 !important;
}

.__calendar_resource_physician {
    background-color: #439AD8;
    border: 1px solid #004A7F;
    border-radius: 4px;
    color: #004A7F;
    right: 6px;
}

.__calendar_resource_limits {
    background-color: #FFAD77;
    border: 1px solid #7F3300;
    border-radius: 4px;
    color: #7F3300;
    left: 0px;
}

.__calendar_resource_slots_info {
    /*background-color: #4b4b4b;*/
    background-image: url(_img/icon.info.gray.png);
    background-position: left center;
    background-repeat: no-repeat;
    border: none;
    width: 14px !important;
    height: 14px !important;
    /*border: 1px solid #4b4b4b;
    border-radius: 4px;
    color: #7F3300;*/
    cursor: pointer !important;
    left: -3px;
    top: 4px;
}

.progresspanel {
    background-color: rgb(236, 236, 236);
    padding: 2px;
    border-radius: 4px;
    border: solid 1px #818181;
    color: #4b4b4b;
    float: right;
    display: none;
}

.instantsearchlistMedicalAct {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-position: outside;
    box-shadow: 0 2px 4px #4b4b4b;
    max-height: 250px !important;
    overflow-y: scroll !important;
}


    .instantsearchlistMedicalAct li.instantsearchlistitem {
        padding: 5px 10px;
        font-weight: normal;
        background: #fff;
    }

    .instantsearchlistMedicalAct li.instantsearchlistitemselected {
        padding: 5px 10px;
        background: #ccc;
        font-weight: bold;
        cursor: pointer;
    }

.instantsearchlist {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-position: outside;
    box-shadow: 0 2px 4px #4b4b4b;
}

    .instantsearchlist li.instantsearchlistitem {
        padding: 5px 10px;
        font-weight: normal;
        background: #fff;
    }

    .instantsearchlist li.instantsearchlistitemselected {
        padding: 5px 10px;
        background: #ccc;
        font-weight: bold;
        cursor: pointer;
    }

.reportcontainer {
    background: #fff;
    padding: 5px;
    text-align: center;
    min-height: 100px;
    border: solid 1px #838383;
}

    .reportcontainer .validationsummary {
        text-align: left;
    }

/* scheduler silver theme */

.scheduler_rowheader, .scheduler_corner, .scheduler_timeheadergroup, .scheduler_timeheadercol {
    background: #ececec;
}

.scheduler_timeheadercol {
}

.scheduler_cellbackground {
}

.dbscheduler_cellbackground {
    cursor: pointer;
}

.dbscheduler_cellbackground_unavailable {
    background: url('../../_img/pattern.unavailable.png');
}

.scheduler_ctxmenu_main {
    background: #ececec;
    border-radius: 5px;
    box-shadow: 0px 1px 1px #969696;
    border: solid 1px #d8d8d8;
    padding: 0 5px;
    margin: 0 0 5px;
}
/*  Context menu NG */

.scheduler_ctxmenu_main {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 8pt;
    border: 1px solid gray;
    background-color: white;
    padding: 0px;
    cursor: default;
    background-image: url('_img/menu/bg3white.png');
    background-repeat: repeat-y;
}

/* title */
.scheduler_ctxmenu_title {
    background-color: #f2f2f2;
    border-bottom: 1px solid gray;
    padding: 4px 4px 4px 37px;
}

.scheduler_ctxmenu_main a {
    padding-left: 35px;
    color: black;
    text-decoration: none;
    cursor: default;
}

    .scheduler_ctxmenu_main a img {
        margin-left: 6px;
        margin-top: 2px;
    }

    .scheduler_ctxmenu_main a span {
        display: block;
        height: 20px;
        line-height: 20px;
        width: 110px;
        max-width: 150px;
        overflow: hidden;
        padding-left: 2px;
        padding-right: 20px;
    }

    .scheduler_ctxmenu_main a:hover {
        background-image: url('_img/menu/left.png');
        background-repeat: no-repeat;
        background-position: 0% 100%;
    }

        .scheduler_ctxmenu_main a:hover span {
            background-image: url('_img/menu/right.png');
            background-repeat: no-repeat;
            background-position: 100%;
        }

.scheduler_ctxmenu_main div div /* separator */ {
    border-top: 1px solid #dddddd;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 28px;
}

.ReportBox {
    height: 200px;
    width: 97%;
    overflow: auto;
    border: 1px solid #666;
    background-color: #ccc;
    padding: 8px;
}

.ReportBoxAddendum {
    height: 132px;
    width: 97%;
    overflow: auto;
    border: 1px solid #666;
    background-color: #fff;
    padding: 8px;
}


.addendum_header {
    margin: 0px;
    padding: 2px 0px 2px 0px;
    font-size: .95em;
    color: #4b4b4b;
    font-style: italic;
    border-bottom: 1px solid #666;
    white-space: nowrap;
}

.addendum_order_index {
    font-size: .90em;
    font-weight: bold;
}

.addendum_body {
    margin: 0px;
    padding: 2px 2px 6px 8px;
    word-wrap: break-word;
}

.warning,
.tooltip {
    margin: 0px;
    padding: 3px 10px;
    border-radius: 4px;
    border: solid 1px #818181;
    color: #4b4b4b;
}

.warning {
    background: #ffcd62;
    text-align: center;
}

    .warning.success {
        border-color: #008000;
        background-color: #BBDBBB;
    }

    .warning.failure {
        border-color: #e187e2;
        background-color: #FBBBBB;
    }

.tooltip {
    background: #ffe5b2;
    font-size: .85em;
}

.__calendar_availability_info_trigger,
.__calendar_availability_locked {
    width: 15px;
    height: 15px;
    float: right !important;
    cursor: default;
    margin-right: 4px;
    overflow: hidden !important;
}

.__calendar_availability_info_trigger {
    border: 1px solid #818181;
    border-radius: 4px;
}

.__calendar_availability_locked {
    height: 16px !important;
    background-image: url(_img/icon.lock.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.extra_info_label {
    font-size: .8em;
}

.extra_info_value {
    font-size: .92em;
    font-weight: bold;
}

.extra_info_panel {
    white-space: nowrap;
}

.iconbutton {
    padding: 5px 2px !important;
}

.pending_removal SPAN {
    color: #c0c0c0;
    text-decoration: line-through;
}

.jquery-checkbox {
    display: inline;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
}

    .jquery-checkbox .mark {
        display: inline;
    }

    .jquery-checkbox img {
        vertical-align: middle;
        width: 60px;
        height: 20px;
    }

    .jquery-checkbox img {
        background: transparent url(_img/checkbox.png) no-repeat;
    }

    .jquery-checkbox img {
        background-position: 0px 0px;
    }

.jquery-checkbox-hover img {
    background-position: 0px -20px;
}

.jquery-checkbox-checked img {
    background-position: 0px -40px;
}

.jquery-checkbox-checked .jquery-checkbox-hover img {
    background-position: 0px -60px;
}

.jquery-checkbox-disabled img {
    background-position: 0px -80px;
}

.jquery-checkbox-checked .jquery-checkbox-disabled img {
    background-position: 0px -100px;
}

.infoboxstatic {
    background-color: #ececec;
    white-space: normal;
    overflow: hidden;
    padding: 5px 10px;
    margin: 5px;
    border: solid 1px #c3c3c3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    clear: both;
}

.infobox {
    background-color: #ececec;
    white-space: normal;
    overflow: hidden;
    padding: 5px 10px;
    margin: 0 0 0 -200px;
    border: solid 1px #c3c3c3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 400px;
    position: absolute;
    top: 0;
    left: 50%;
}

.coloralert {
    background-color: #FFFA93;
    color: #4b4b4b;
    text-align: center;
}

.colorwarning {
    background-color: red;
    color: #fff;
    text-align: center;
}

.footnote {
    color: #4b4b4b;
}

.footnote,
.smalltext {
    font-size: .75em;
}

.form td.footnote, .form td .form td.footnote {
    font-size: .85em;
}

.delaytime {
    float: right;
    width: 18px;
    height: 18px;
    margin: 0 5px;
    border-radius: 4px;
    box-shadow: 0 0 4px #000;
    background: transparent url(_img/icon.time.white.png) center center no-repeat;
}


.duration {
    font-size: 10px;
    color: #777;
}

.btn.play {
    width: 16px;
    height: 17px;
    background-image: url(_img/play.gif);
    display: inline-block;
}

.btn.pause {
    width: 16px;
    height: 17px;
    background-image: url(_img/pause.gif?2);
}

.btn.paused {
    width: 16px;
    height: 17px;
    background-image: url(_img/play.gif?3);
    display: inline-block;
}


div.player {
    width: 380px;
    height: 14px;
    margin-top: 5px;
    padding-left: 20px;
}

    div.player.inactive {
        margin-top: 5px;
        margin-bottom: 0px;
        border-top: dashed 1px #555555;
    }

.item .title {
    -vertical-align: middle;
}

.item .btn {
    display: inline;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.progress_bk {
    padding: 6px 6px 6px 28px;
}

.progress_bk,
A.progress_bk,
A.progress_bk:hover,
A.progress_bk:active,
A.progress_bk[disabled="disabled"],
A.progress_bk[disabled="disabled"]:hover,
A.progress_bk[disabled="disabled"]:active {
    background-image: url(_img/spinner.gif);
    background-position: 6px center;
    background-repeat: no-repeat;
    color: #4b4b4b !important;
    font-weight: normal;
}

    A.progress_bk,
    A.progress_bk:hover,
    A.progress_bk:active,
    A.progress_bk,
    A.progress_bk[disabled="disabled"],
    A.progress_bk[disabled="disabled"]:hover,
    A.progress_bk[disabled="disabled"]:active {
        cursor: default;
        padding: 5px 5px 5px 28px;
        background-color: rgb(236, 236, 236) !important;
    }

tr.datatablebody.busy > td.checkbox-col {
    background-image: url(_img/spinner.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

    tr.datatablebody > td > span.__med_proc_vet_alert,
    tr.datatablebody.busy > td.checkbox-col > input[type=checkbox] {
        display: none;
    }

tr.datatablebody.vetting-required > td > span.__med_proc_vet_alert {
    display: block;
}

A:not(.extrasmall).smallbutton.progress_bk {
    padding: 10px 15px 10px 28px;
}

DIV.showFormButton,
DIV.deleteButton {
    float: right;
    cursor: pointer;
    z-index: 1000;
}

    DIV.showFormButton A,
    DIV.deleteButton A {
        display: block;
        width: 100%;
        height: 100%;
    }

DIV.showFormButton,
DIV.deleteButton {
    overflow: hidden;
    margin: 1px 2px 0 2px;
}

DIV.showFormButton {
    width: 16px;
    height: 16px;
    background: transparent url(_img/icon.note.png) center center no-repeat;
}

DIV.deleteButton {
    width: 14px;
    height: 14px;
    background: transparent url(../../_img/icon.delete.png) center center no-repeat;
    box-shadow: 0px 0px 5px #ff0000;
    border-radius: 3px;
    *border: solid 1px #9e9e9e;
}

.statusoffline {
    background: transparent url(_img/icon.alert.png) left center no-repeat;
    padding: 2px 0px 2px 24px;
}

.select2-container {
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: top;
    overflow: hidden;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
    -moz-box-sizing: border-box; /* firefox */
    -ms-box-sizing: border-box; /* ie */
    -webkit-box-sizing: border-box; /* webkit */
    -khtml-box-sizing: border-box; /* konqueror */
    box-sizing: border-box; /* css3 */
}

    .select2-container .select2-choice {
        background-color: #fff;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
        background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
        background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
        background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
        background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0);
        background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #aaa;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        height: 26px;
        line-height: 26px;
        padding: 0 0 0 8px;
        color: #444 !important;
        text-decoration: none;
        font-weight: normal;
    }

    .select2-container.select2-drop-above .select2-choice {
        border-bottom-color: #aaa;
        -webkit-border-radius: 0px 0px 4px 4px;
        -moz-border-radius: 0px 0px 4px 4px;
        border-radius: 0px 0px 4px 4px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
        background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
        background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
        background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
        background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
        background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%);
    }

    .select2-container .select2-choice span {
        margin-right: 26px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .select2-container .select2-choice abbr {
        display: block;
        position: absolute;
        right: 26px;
        top: 8px;
        width: 12px;
        height: 12px;
        font-size: 1px;
        background: url(_img/select2.png) right top no-repeat;
        cursor: pointer;
        text-decoration: none;
        border: 0;
        outline: 0;
    }

        .select2-container .select2-choice abbr:hover {
            background-position: right -11px;
            cursor: pointer;
        }

.select2-drop {
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;
    position: absolute;
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    z-index: 9999;
    width: 100%;
    margin-top: -1px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

    .select2-drop.select2-drop-above {
        -webkit-border-radius: 4px 4px 0px 0px;
        -moz-border-radius: 4px 4px 0px 0px;
        border-radius: 4px 4px 0px 0px;
        margin-top: 1px;
        border-top: 1px solid #aaa;
        border-bottom: 0;
        -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
        -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
        box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    }

.select2-container .select2-choice div {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
    background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
    border-left: 1px solid #aaa;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
}

    .select2-container .select2-choice div b {
        background: url(_img/select2.png) no-repeat 0 1px;
        display: block;
        width: 100%;
        height: 100%;
    }

.select2-search {
    display: inline-block;
    white-space: nowrap;
    z-index: 10000;
    min-height: 26px;
    width: 100%;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
}

.select2-search-hidden {
    display: block;
    position: absolute;
    left: -10000px;
}

.select2-search input {
    background: #fff url(_img/select2.png) no-repeat 100% -22px;
    background: url(_img/select2.png) no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url(_img/select2.png) no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url(_img/select2.png) no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url(_img/select2.png) no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url(_img/select2.png) no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url(_img/select2.png) no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    padding: 4px 20px 4px 5px;
    outline: 0;
    border: 1px solid #aaa;
    font-family: sans-serif;
    font-size: 1em;
    width: 100%;
    margin: 0;
    height: auto !important;
    min-height: 26px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url(_img/spinner.gif) no-repeat 100%;
    background: url(_img/spinner.gif) no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url(_img/spinner.gif) no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url(_img/spinner.gif) no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url(_img/spinner.gif) no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url(_img/spinner.gif) no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url(_img/spinner.gif) no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}


.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
    outline: none;
}

.select2-dropdown-open .select2-choice {
    border: 1px solid #aaa;
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -o-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
    background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
    background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
    background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .select2-dropdown-open .select2-choice div {
        background: transparent;
        border-left: none;
    }

        .select2-dropdown-open .select2-choice div b {
            background-position: -18px 1px;
        }

/* results */
.select2-results {
    margin: 4px 4px 4px 0;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
}

    .select2-results ul.select2-result-sub {
        margin: 0 0 0 0;
    }

        .select2-results ul.select2-result-sub > li .select2-result-label {
            padding-left: 20px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 40px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 60px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 80px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 100px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 110px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 120px;
        }

    .select2-results li {
        list-style: none;
        display: list-item;
    }

        .select2-results li.select2-result-with-children > .select2-result-label {
            font-weight: bold;
        }

    .select2-results .select2-result-label {
        padding: 3px 7px 4px;
        margin: 0;
        cursor: pointer;
    }

    .select2-results .select2-highlighted {
        background: #3875d7;
        color: #fff;
    }

    .select2-results li em {
        background: #feffde;
        font-style: normal;
    }

    .select2-results .select2-highlighted em {
        background: transparent;
    }

    .select2-results .select2-no-results,
    .select2-results .select2-searching,
    .select2-results .select2-selection-limit {
        background: #f4f4f4;
        display: list-item;
    }

    .select2-results .select2-disabled {
        display: none;
    }

.select2-more-results.select2-active {
    background: #f4f4f4 url(_img/spinner.gif) no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

    .select2-container.select2-container-disabled .select2-choice div {
        background-color: #f4f4f4;
        background-image: none;
        border-left: 0;
    }


/* multiselect */

.select2-container-multi .select2-choices {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
    outline: none;
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

    .select2-container-multi .select2-choices .select2-search-field input {
        color: #666;
        background: transparent !important;
        font-family: sans-serif;
        font-size: 100%;
        height: 15px;
        padding: 5px;
        margin: 1px 0;
        outline: 0;
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

        .select2-container-multi .select2-choices .select2-search-field input.select2-active {
            background: #fff url(_img/spinner.gif) no-repeat 100% !important;
        }

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    color: #333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    cursor: default;
}

    .select2-container-multi .select2-choices .select2-search-choice span {
        cursor: default;
    }

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url(_img/select2.png) right top no-repeat;
    outline: none;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}


.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

    .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
        background-image: none;
        background-color: #f4f4f4;
        border: 1px solid #ddd;
        padding: 3px 5px 3px 5px;
    }

        .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
            display: none;
        }
/* end multiselect */

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-result-selectable .select2-match {
    text-decoration: underline;
}

.select2-result-unselectable .select2-match {
    text-decoration: none;
}

.select2-offscreen {
    position: absolute;
    left: -10000px;
}

.object-box {
    float: left;
    border: 1px solid #808080;
    cursor: pointer;
    margin: 5px;
    min-height: 45px;
    padding: 5px 10px;
    min-width: 45px;
    border-radius: 5px 5px 5px 5px;
}

.object-inactive {
    background: #ececec;
}

.object-active {
    background: #66AF59;
}

/* Recorder styles */
.recorderbox {
    position: relative;
    background: #4b4b4b;
    padding: 10px 20px;
}

.recorderlevel {
    width: 200px;
    height: 15px;
    background-color: #eee;
    margin: 5px 0;
}

.recorderlevelbar {
    height: 15px;
    width: 2px;
    background-color: #4FFF51;
    overflow: visible;
}

    .recorderlevelbar div {
        padding: 2px 5px;
        white-space: nowrap;
    }

.recorderstatus {
    clear: both;
    color: #ccc;
    font-size: 95%;
    padding: 10px 0 5px;
}

.recorderdatabox {
    overflow: auto;
    margin: 10px 0;
    color: #eee;
    font-weight: bold;
    padding: 0;
}

.recorderlevelnumber {
    float: right;
    width: 20px;
    padding: 2px;
    text-align: right;
}

/* Player styles*/

.playercontrolbox {
    position: relative;
    background: #4b4b4b;
    padding: 10px 20px;
}

.playerstatus {
    clear: both;
    color: #ccc;
    font-size: 95%;
    padding: 10px 0 5px;
}

.playercontrols {
    padding: 10px 0;
}

.playlist {
    list-style: none;
    list-style-position: outside;
    padding: 0;
    margin: 0 0 10px;
    color: #fff;
    overflow: auto;
}

    .playlist li {
        list-style: none;
        padding: 0;
        margin: 0;
        color: #fff;
        overflow: auto;
    }

        .playlist li a {
            float: left;
            width: 150px;
            padding: 2px 10px;
            margin: 2px 2px 2px 20px;
            color: #fff;
            border: solid 1px #ccc;
        }

            .playlist li a:hover {
                background: #ececec;
                color: #4b4b4b;
                text-decoration: none;
            }

        .playlist li.playlisttitle {
            font-size: 14px;
            font-family: Century Gothic;
            padding: 10px 0;
        }

.track-name {
    font-weight: bold;
    color: #fff;
}

.multiselect {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-position: outside;
    box-sizing: border-box;
}

    .multiselect li {
        float: left;
    }

        .multiselect li input {
            display: none;
        }

        .multiselect li label {
            float: left;
            border: solid 1px #ccc;
            background: #ececec;
            text-align: center;
            min-width: 30px;
            height: 25px;
            white-space: nowrap;
            padding: 5px 10px;
            box-sizing: border-box;
        }

    .multiselect.multiselect-stacked li,
    .multiselect.multiselect-stacked li label {
        width: 100%;
        text-align: left;
        white-space: normal;
        overflow: hidden;
        overflow-wrap: break-word;
        height: auto;
        line-height: normal;
    }

    .multiselect li label:hover {
        background: #fff;
    }

    .multiselect li label.selected,
    .multiselect li label.selected:hover {
        background: #ff0000;
        color: #fff;
    }
/* Mamo styles*/

.breastcontainer {
    clear: both;
    overflow: auto;
    z-index: 0;
}

.breast {
    float: left;
    width: 140px;
    height: 225px;
    position: relative;
    overflow: hidden;
    font-size: 50px;
    color: #fff;
    text-align: center;
    line-height: 225px;
}

.breastleft {
    background: transparent url(_img/img.breast.top.left.png) center center no-repeat;
}

.breastright {
    background: transparent url(_img/img.breast.top.right.png) center center no-repeat;
}

.lateralright {
    line-height: 290px;
    background: transparent url(_img/img.breast.lateral.right.png) center center no-repeat;
}

.lateralleft {
    line-height: 290px;
    background: transparent url(_img/img.breast.lateral.left.png) center center no-repeat;
}

.breastproblem {
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 17px;
    border: solid 2px #ff0000;
    background: rgba(0,0,0,0.2);
    z-index: 5;
}

    .breastproblem:hover {
        box-shadow: 0 0 2px #000;
    }

.lateral .breastproblem,
.breast .breastproblem {
    display: block;
    cursor: move;
}

.emptyitem,
.emptyitem:hover {
    background: #999 !important;
    height: 1px !important;
    padding: 0 !important;
    margin: 7px 0 !important;
}

.mamoproblem,
.mamoprobmicro,
.mamoprobregular,
.mamoprobirregular,
.mamoprobspike,
.mamoprobmixed,
.mamoprobarch,
.mamoprobdensity {
    background-position: center center;
    background-repeat: no-repeat;
}

.mamoprobmicro {
    background-image: url(_img/mamo.micro.png);
    border-color: #00baff;
}

.mamoprobregular {
    background-image: url(_img/mamo.regular.png);
    border-color: #00d952;
}

.mamoprobirregular {
    background-image: url(_img/mamo.irregular.png);
    border-color: #c539ff;
}

.mamoprobspike {
    background-image: url(_img/mamo.spike.png);
    border-color: #ff7e00;
}

.mamoprobmixed {
    background-image: url(_img/mamo.mixed.png);
    border-color: #006cff;
}

.mamoprobarch {
    background-image: url(_img/mamo.arch.png);
    border-color: #d200ff;
}

.mamoprobdensity {
    background-image: url(_img/mamo.density.png);
    border-color: #0d8a80;
}

/* Chat styles*/

.chatcontainer {
    position: fixed;
    bottom: 30px;
    right: 0;
    z-index: 1000;
}

.chatusers {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 0;
    overflow: hidden;
    width: 200px;
    border: solid 1px #4b4b4b;
}

.chatusersheader {
    background: #4b4b4b;
    height: 20px;
}

.chatuserslistcontainer {
    overflow: hidden;
    max-height: 400px;
    min-height: 200px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.chatuserslistgroup {
    padding: 10px 0;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.chatusersgroup {
    padding: 0 5px 0 20px;
    font-weight: bold;
    color: #4b4b4b;
    cursor: pointer;
    background: transparent url(_img/icon.arrow.chatgroup.png) 5px 0px no-repeat;
}

.chatusersgroupopened {
    background-position: 5px -15px;
}

.chatuserscount {
    font-weight: normal;
    font-size: 9px;
}

.chatuserslist {
    padding: 0;
    margin: 3px;
    list-style: none;
}

    .chatuserslist li,
    .chatuserslist li.user-location-header {
        padding: 5px;
        margin: 0 0 4px;
        float: left;
        width: 100%;
        background: #f9f9f9;
    }

    .chatuserslist li {
        cursor: pointer;
        border-left: solid 5px #ccc;
    }

        .chatuserslist li.user-location-header {
            cursor: default;
            font-weight: bold;
            border-left: none;
            background-color: #ccc;
        }

        .chatuserslist li:hover {
            background: #f1f1f1;
        }

.chatuserlocationinfo {
    color: #606060;
    font-size: .85em;
}

.isonline {
    border-left: solid 5px Green !important;
}

.currentUser,
.loading {
    float: left;
    color: #fff;
    padding: 2px 5px;
}

.currentUser {
    text-overflow: ellipsis;
    overflow: hidden; 
    white-space: nowrap; 
    max-width: 160px;
}

.closechatuserslist {
    float: right;
    padding: 1px 5px;
    margin: 2px 2px 2px 0;
    color: #fff !important;
    font-weight: bold;
}

    .closechatuserslist:hover {
        color: #4b4b4b !important;
        background: #ececec;
    }

.chatwindowscontainer {
    position: absolute;
    padding: 0;
    margin: 0;
    right: 220px;
    width: 1000px;
}

.chatwindowslist {
    position: inherit;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

    .chatwindowslist > li {
        float: right;
        display: inline;
        margin: 0 10px 0 0;
        position: relative;
        overflow: visible;
        width: 200px;
        border: solid 1px #4b4b4b;
    }

.chatwindow {
    float: right;
    background: #fff;
    padding: 0 0 5px;
    overflow: hidden;
    width: 200px;
    box-shadow: 0 0 2px #4b4b4b;
    position: absolute;
    bottom: 0;
}

.chatwindowheader {
    background: #4b4b4b;
    color: #fff;
    padding: 3px 5px;
    font-size: 10px;
}

.chatwindowheaderhilight {
    background: #b1b1b1;
    color: #4b4b4b;
}

.chatwindowbody {
}

.chatwindowconversation {
    padding: 8px 5px 15px;
    margin: 0;
    list-style: none;
    height: 160px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.chatwindowcontent {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
    overflow: auto;
}

    .chatwindowcontent > li {
        margin: 2px;
        padding: 5px;
        background: #ececec;
        float: left;
        clear: both;
        width: 85%;
        white-space: normal;
    }

        .chatwindowcontent > li.me {
            float: right;
            background: #ccc;
        }

.chatmessagetime {
    text-align: right;
    font-size: 8px;
    margin-bottom: -3px;
    clear: both;
    letter-spacing: 1px;
}

.chatwindowfooter {
    background: #ececec;
}

.chatwindowtextbox {
    border: solid 1px #ccc;
    padding: 2px;
    margin: 5px 5px 0;
    width: 185px;
    height: 40px;
}

.chatwindowcontrol {
    float: right;
    padding: 1px 5px 2px;
    margin: -2px 0 0;
    color: #fff !important;
}

    .chatwindowcontrol:hover {
        text-decoration: none;
        background: #ececec;
        color: #4b4b4b !important;
    }

/* dashboard items */
.dashboard_table {
    border-spacing: 10px;
    border-collapse: separate;
}

.dashboard_item {
    background-color: #f4f4f4;
    padding: 5px;
}

.dashboard_header td {
    font-size: 12px;
    color: #4b4b4b;
    font-weight: normal;
    padding: 5px 10px !important;
    background: #f4f4f4;
    text-align: left;
    border: none;
    vertical-align: bottom !important;
    font-family: Gothic;
}

.reportcontainer .dashboard_item_header,
.dashboard_item_header {
    height: 28px;
    border-bottom: solid 2px #ff0000;
}

.reportcontainer .dashboard_item_header {
    border: solid 1px #ccc;
    background-color: #f0f0f0;
    padding: 2px;
}

.dashboard_item_title {
    color: #4b4b4b;
    font-size: 20px;
    text-align: left;
    float: left;
    display: block;
    margin: 0 8px;
    font-family: Gothic;
}

.dashboard_item tbody tr td.firstcol,
.form tr td.firstcol {
    color: #fff;
    background: #838383;
    font-weight: bold;
    width: 30%;
    vertical-align: middle;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
    white-space: normal;
}

.dashboard_item tbody tr td.secondcol,
.dashboard_item tr td.secondcol {
    width: 70%;
    max-height: 70%;
    vertical-align: middle;
    white-space: normal;
    background: #9e9e9e;
}

.dashboard_item_header_button,
.dashboard_item_background_update,
.dashboard_item_navigate_icon,
.dashboard_item_filter_icon {
    width: 18px;
    height: 18px;
}

.reportcontainer .dashboard_item_header_button,
.reportcontainer .dashboard_item_background_update,
.reportcontainer .dashboard_item_navigate_icon,
.reportcontainer .dashboard_item_filter_icon {
    width: 28px;
    height: 20px;
    margin-left: 2px;
}

.dashboard_item_header_button,
.dashboard_item_background_update,
.dashboard_item_navigate_icon,
.dashboard_item_filter_icon,
.reportcontainer .dashboard_item_header_button,
.reportcontainer .dashboard_item_background_update,
.reportcontainer .dashboard_item_navigate_icon,
.reportcontainer .dashboard_item_filter_icon {
    margin: 0 4px 4px 0;
    padding: 4px;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    *zoom: 1;
    vertical-align: middle;
    display: inline-block;
}

.dashboard_item_notifybar {
    display: inline-block;
}

.dashboard_item_toolbar {
    float: right;
}

.reportcontainer .dashboard_item_title,
.reportcontainer .dashboard_item_active_filters_text,
.reportcontainer .dashboard_item_navigate_icon,
.reportcontainer .dashboard_item_filter_icon {
    display: none !important;
    visibility: collapse !important;
}

.reportcontainer .dashboard_item_header_button,
.dashboard_item_header_button {
    cursor: pointer;
    border: none;
    *border: solid 1px #f4f4f4;
    color: #ccc !important;
}

.dashboard_item_header_button {
    background-color: #f4f4f4;
}

    .dashboard_item_header_button:hover {
        background-color: rgba(192,192,192,0.2);
        box-shadow: 0px 0px 5px #c0c0c0;
        *border: solid 1px #c0c0c0;
    }

.reportcontainer .dashboard_item_header_button {
    background-color: #1c1d1e;
    border-radius: 3px;
    box-shadow: 0px 0px 4px #000;
}

    .reportcontainer .dashboard_item_header_button:hover,
    .dashboard_item_header_button:hover {
        text-decoration: none;
        color: #fff !important;
    }

    .reportcontainer .dashboard_item_header_button:hover {
        background-color: #1c1d1e;
        box-shadow: 0px 0px 5px #ff0000;
        *border: solid 1px red;
    }

    .reportcontainer .dashboard_item_header_button:focus,
    .reportcontainer .dashboard_item_header_button:active,
    .dashboard_item_header_button:focus,
    .dashboard_item_header_button:active {
        box-shadow: inset 0px 0px 5px #ff0000;
        outline: none;
        text-decoration: none;
    }

.dashboard_item_navigate_icon {
    cursor: default;
    background: url(_img/icon.external.link.small.png) no-repeat center center;
}

.dashboard_item_filter_icon {
    cursor: default;
}

.dashboard_item_filter_on {
    cursor: pointer;
    background-image: url(_img/icon.filter.on.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.dashboard_item_filter_off {
    background-image: url(_img/icon.filter.off.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.dashboard_item_active_filters_text {
    color: #838383;
    position: relative;
    left: 16px;
    top: 30%;
    white-space: nowrap;
}

.dashboard_item_filter_disabled {
    display: none !important;
}

.dashboard_item_edit_button,
.dashboard_item_remove_button,
.dashboard_item_export_csv_button,
.dashboard_item_export_image_button,
.dashboard_item_print_button,
.dashboard_item_filter_popup_icon {
    background-position: center center;
    background-repeat: no-repeat;
}

.dashboard_item_filter_popup_icon {
    background-image: url(_img/icon.filter.popup.png);
}

.dashboard_item_edit_button {
    background-image: url(_img/icon.search.png);
}

.dashboard_item_remove_button {
    background-image: url(_img/icon.clear.png);
}

.dashboard_item_export_csv_button {
    background-image: url(_img/icon.download.small.png);
}

.dashboard_item_export_image_button {
    background-image: url(_img/icon.camera.small.png);
}

.dashboard_item_print_button {
    background-image: url(_img/icon.print.small.png);
}

.reportcontainer .dashboard_item_export_csv_button {
    background-image: url(_img/icon.download.png);
}

.reportcontainer .dashboard_item_export_image_button {
    background-image: url(_img/icon.camera.png);
}

.reportcontainer .dashboard_item_print_button {
    background-image: url(_img/icon.print.png);
}

.dashboard_item_content {
    clear: both;
    padding: 4px;
    overflow: auto;
    min-height: 100px;
}

.dashboard_item_loading {
    clear: both;
}

.dashboard_header_goals_select {
    float: right;
    white-space: nowrap;
}

.dashboard_clickable_element {
    cursor: pointer;
}

.dashboard_item_no_data {
    color: #838383;
    text-align: center;
    padding: 10px;
    font-size: 95%;
}

.dashboard_item_loading,
.dashconfigpreviewloading {
    min-height: 200px;
    padding: 10px;
    color: #4b4b4b !important;
    font-weight: normal;
}

@media print {
    .dashboard_item_toolbar,
    .dashboard_item_loading {
        display: none !important;
    }
}

.dashboard_item_background_update,
.dashboard_item_loading,
.dashconfigpreviewloading {
    background-image: url(_img/spinner.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.dashconfigcontainer {
    overflow: auto;
}

.dashconfigblockcontainer {
    margin-left: 240px;
    overflow: auto;
}

.dashconfigblock {
    width: 45%;
    float: left;
    overflow: auto;
    margin: 10px;
}

.dashconfigblockreceptor {
    background: #ececec;
    height: 230px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.reporttableblockcontainer {
    margin: 10px 5px;
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.reporttableblock {
    margin: 15px 0 0;
}

.reporttableblockname {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

.reportitemslist {
    margin: 5px 0 0;
    padding: 0;
    overflow: auto;
}

.reportitemslistitem {
    margin: 0 0 5px 10px;
    padding: 5px 10px;
    float: left;
    width: 180px;
    background: #ccc;
    z-index: 100;
}

.reportitemslist > .reportitemslistitem {
    width: 80%;
}

.dashconfigblockitem {
    margin: 5px 5px 0;
    padding: 5px 10px;
    background: #ccc;
    z-index: 100;
    cursor: pointer;
    overflow: auto;
}

.dashconfigblockitemoption {
    background: #4b4b4b;
    width: 18px;
    height: 16px;
    margin: 0 0 0 4px;
    float: right;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 1px;
    line-height: 18px;
}

.dashconfigblockitemcontentprops {
    float: left;
    padding: 0 0 0 5px;
}

.dashconfigblockitemcontent {
    float: left;
    font-weight: bold;
}

.dashconfigblockitemcontentfilter,
.dashconfigblockitemcontentoperation,
.dashconfigblockitemcontentorder {
    clear: both;
}

.dbi_edit_type {
    display: none;
}

.dbi_where_clause {
    display: none;
}

    .dbi_select_clause > select,
    .dbi_where_clause > select {
        width: 80px;
    }

    .dbi_where_clause .dbi_where_clause_aggregator {
        width: 50px;
    }

    .dbi_where_clause .dbi_where_clause_value {
        width: 80px;
    }

.dbi_where_clause_aggregator {
    display: none;
    float: left;
    margin-right: 3px;
}

.dcr_filters .dbi_where_clause {
    display: block;
}

.hidden,
.qry_invalid_table,
.qry_hidden_table,
.dbi_select_clause {
    display: none;
}

.dcr_columns .dbi_select_clause {
    display: block;
}

.dbi_orderby_clause {
    display: none;
}

.dcr_orderby .dbi_orderby_clause {
    display: block;
}

.dbi_where_clause_group {
    display: none;
}

.dashconfigfiltergroupitem {
    border-left: 2px solid #838383;
    padding-left: 1px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.dashconfigfiltergroupcontainer {
    min-height: 20px;
    background: #ececec;
    padding: 4px 0px 4px 0px;
    margin-top: 24px;
    margin-right: 0px;
}

.dashconfigfiltergroupitem > .dashconfigblockitemoption {
    margin-right: 7px;
}

.dashconfigfiltergroupitem > .dashconfigblockitemcontent {
    margin-left: 7px;
}

.ui-draggable {
    cursor: pointer;
}

.updownbutton {
    margin: -3px 0px 0px 0px;
    padding: 1px 5px 1px 5px;
    font-weight: bold;
    font-size: 1.25em;
    min-width: 18px;
}

.dashconfigpreviewdlg {
    width: 80%;
    min-width: 450px;
}

.dashconfigblockpreview {
    clear: both;
}

.dashconfigpreviewarea {
    overflow: hidden;
    overflow-y: auto;
    height: 100px;
    padding: 0px;
}

    .dashconfigpreviewarea:hover {
        height: 250px;
    }

.dashconfigpreviewinvalidconfig,
.dashconfigpreviewloading,
.dashconfigpreviewdataarea {
    display: none;
}

.dlg-drag-handle {
    cursor: move;
}

.chart-types-list {
    margin: 6px 3px 6px;
    padding: 0;
    list-style: none;
}

    .chart-types-list li {
        list-style: none;
    }

        .chart-types-list li a {
            width: 48px;
            height: 48px;
            float: left;
            border: 2px solid #838383;
            background-color: #f4f4f4;
            background-position: center center;
            background-repeat: no-repeat;
            margin: 2px;
        }

        .chart-types-list li div {
            clear: both;
        }

        .chart-types-list li a:hover {
            background-color: #ccc;
        }

li.chart-type-item-selected a {
    border-color: red !important;
}

.chart-type-hbar {
    background-image: url(_img/icon.chart.h-bar.png);
}

.chart-type-vbar {
    background-image: url(_img/icon.chart.v-bar.png);
}

.chart-type-line {
    background-image: url(_img/icon.chart.line.png);
}

.chart-type-line-circle {
    background-image: url(_img/icon.chart.line-circles.png);
}

.chart-type-line-square {
    background-image: url(_img/icon.chart.line-squares.png);
}

.chart-type-area {
    background-image: url(_img/icon.chart.area.png);
}

.chart-type-area-stacked {
    background-image: url(_img/icon.chart.area-stacked.png);
}

.chart-type-pie {
    background-image: url(_img/icon.chart.pie.png);
}

.chart-type-donut {
    background-image: url(_img/icon.chart.donut.png);
}

.chart-type-hbar-stacked {
    background-image: url(_img/icon.chart.h-bar-stacked.png);
}

.chart-type-vbar-stacked {
    background-image: url(_img/icon.chart.v-bar-stacked.png);
}

.chart-legend-position {
    width: 96px;
    height: 96px;
    background-color: #ececec;
}

.chart-legend-position-box {
    width: 24px;
    height: 24px;
    float: left;
    border: 2px solid #cfcfcf;
    text-align: center;
    margin: 3px 0px 0px 3px;
    background-color: #fff;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.chart-legend-position-n {
    background-image: url(_img/icon.direction.n.png);
}

.chart-legend-position-ne {
    background-image: url(_img/icon.direction.ne.png);
}

.chart-legend-position-e {
    background-image: url(_img/icon.direction.e.png);
}

.chart-legend-position-se {
    background-image: url(_img/icon.direction.se.png);
}

.chart-legend-position-s {
    background-image: url(_img/icon.direction.s.png);
}

.chart-legend-position-sw {
    background-image: url(_img/icon.direction.sw.png);
}

.chart-legend-position-w {
    background-image: url(_img/icon.direction.w.png);
}

.chart-legend-position-nw {
    background-image: url(_img/icon.direction.nw.png);
}

.chart-legend-position-none {
    background-image: url(_img/icon.no.png);
}

.chart-legend-position-selected {
    border-color: red;
}

UL.vlistoptions li SPAN.edit-overlay {
    display: none;
}

UL.vlistoptions li:hover SPAN.edit-overlay {
    z-index: 10000;
    position: absolute;
    font-size: 8pt;
    padding: 1px 3px 1px 3px;
    margin: -5px 0px 0px -7px;
    background: #1c1d1e url(_img/bkg.button.png) center center repeat-x;
    border-radius: 3px;
    box-shadow: 0px 0px 4px #000;
    cursor: pointer;
    border: none;
    *border: solid 1px #9e9e9e;
    color: #ccc !important;
    overflow: auto;
    white-space: nowrap;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    top: 8px;
    left: 10px;
}

.code-block {
    white-space: pre-wrap;
    font-family: monospace;
    font-size: 9pt;
}

.space-after-xx-small {
    margin-bottom: 4px;
}

.space-after-x-small {
    margin-bottom: 8px;
}

.space-before-xx-small {
    margin-top: 4px;
}

.space-before-x-small,
.form tr.options td input.space-before-x-small {
    margin-top: 8px;
}

.space-before-small {
    margin-top: 16px;
}

.space-before-medium {
    margin-top: 24px;
}

.space-before-40 {
    margin-top: 40px;
}

.space-left-x-small {
    margin-left: 8px;
}

.space-left-small {
    margin-left: 16px;
}

.space-left-medium {
    margin-left: 24px;
}

.space-right-xx-small {
    margin-right: 4px;
}

.space-right-x-small {
    margin-right: 8px;
}

.space-right-small {
    margin-right: 16px;
}

.space-right-medium {
    margin-right: 24px;
}

.padding-after-x-small {
    padding-bottom: 8px;
}

.padding-before-xx-small {
    padding-top: 4px;
}

.padding-before-x-small {
    padding-top: 8px;
}

.padding-left-xx-small {
    padding-left: 4px !important;
}

.padding-left-x-small {
    padding-left: 8px !important;
}

.padding-left-small {
    padding-left: 16px !important;
}

.padding-left-medium {
    padding-left: 24px !important;
}

.padding-right-xx-small {
    padding-right: 4px !important;
}

.padding-all-xx-small {
    padding: 4px !important;
}

.padding-all-x-small {
    padding: 8px !important;
}

.padding-all-small {
    padding: 16px !important;
}

.padding-all-medium {
    padding: 24px !important;
}

.h-center {
    text-align: center !important;
}

.v-center {
    vertical-align: middle;
}

.v-top {
    vertical-align: top;
}

td.v-top {
    vertical-align: top !important;
}

.form tr td.indented-child-form-container {
    padding: 0px 0px 0px 20px !important;
}

.numbered-item-box {
    width: 24px;
    height: 24px;
    line-height: 24px;
    float: left;
    margin: 2px 10px 2px 2px;
    padding: 4px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    background: #838383;
}

.big {
    font-size: 1.2em;
    font-weight: bold;
}

.float-right {
    float: right;
}

.numeric-value {
    text-align: right !important;
}

div.alert-sign {
    background-image: url(_img/icon.alert.png);
    background-position: 4px center;
    background-repeat: no-repeat;
    padding-left: 32px;
    text-align: left;
    min-height: 28px;
}


div.padding-3-16 {
    padding: 3px 16px 3px 16px;
}

.no-wrap {
    white-space: nowrap !important;
}

.rel_iframe_container {
    position: relative;
    height: 600px;
}

.rel_iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    border: none;
    overflow: hidden;
    min-height: 600px;
}

/* tracking info*/

.tracking_occurrence_legend_box {
    border: 1px solid #4b4b4b;
    background: #ececec;
    color: #4b4b4b;
    padding: 4px 4px 0;
    overflow: auto;
}

.tracking_occurrence,
.tracking_occurrence_tooltip .tracking_occurrence_tooltip_icon {
    width: 35px;
    height: 35px;
    border: solid 1px #4b4b4b;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
}

.tracking_occurrence_legend_item {
    margin: 0 4px 4px 0;
    float: left;
}

    .tracking_occurrence_legend_item div {
        float: left;
    }

.tracking_occurrence_legend_text {
    padding: 0 6px;
    line-height: 35px;
    height: 35px;
    border: solid 1px #4b4b4b;
    border-left: none;
}

.tracking_occurrence_empty {
    padding: 24px;
    color: #4b4b4b;
    font-size: 0.85em;
}

.tracking_occurrence_screening {
    background-image: url(_img/tracking.screening.png);
}

.tracking_occurrence_suspicion {
    background-image: url(_img/tracking.suspicion.png);
}

.tracking_occurrence_exams {
    background-image: url(_img/tracking.exams.png);
}

.tracking_occurrence_us {
    background-image: url(_img/tracking.us.png);
}

.tracking_occurrence_mri {
    background-image: url(_img/tracking.mri.png);
}

.tracking_occurrence_biopsy {
    background-image: url(_img/tracking.biopsy.png);
}

.tracking_occurrence_mamo {
    background-image: url(_img/tracking.mamo.png);
}

.tracking_occurrence_result_positive {
    background-image: url(_img/tracking.result.positive.png);
}

.tracking_occurrence_result_negative {
    background-image: url(_img/tracking.result.negative.png);
}

.tracking_occurrence_treatment {
    background-image: url(_img/tracking.treatment.png);
}

.tracking_occurrence_final_evaluation {
    background-image: url(_img/tracking.final.evaluation.png);
}

.tracking_occurrence_bowel {
    background-image: url(_img/tracking.bowel.png);
}

.tracking_occurrence_fittest {
    background-image: url(_img/tracking.fittest.png);
}

.tracking_occurrence_fittest_positive {
    background-image: url(_img/tracking.fittest.positive.png);
}

.tracking_occurrence_fittest_negative {
    background-image: url(_img/tracking.fittest.negative.png);
}

.tracking_occurrence_followup {
    background-image: url(_img/tracking.exam.png);
}

.tracking_occurrence_colonoscopy {
    background-image: url(_img/tracking.colonoscopy.png);
}

.tracking_occurrence_result_positive {
    background-image: url(_img/tracking.result.positive.png);
}

.tracking_occurrence_result_negative {
    background-image: url(_img/tracking.result.negative.png);
}

.tracking_occurrence_result_negative {
    background-image: url(_img/tracking.result.negative.png);
}

.tracking_occurrence_schedule {
    background-image: url(_img/tracking.schedule.png);
}

.tracking_occurrence_schedule_noshow {
    background-image: url(_img/tracking.schedule.noshow.png);
}

.tracking_occurrence_schedule_reschedule {
    background-image: url(_img/tracking.schedule.reschedule.png);
}

.tracking_occurrence_schedule_canceled {
    background-image: url(_img/tracking.schedule.canceled.png);
}

.tracking_occurrence_tooltip {
    border: 2px solid #f00;
    background-color: #eee;
    padding: 8px;
    font-size: 1em;
    overflow: auto;
    z-index: 1000001 !important;
    border-radius: 5px;
}

    .tracking_occurrence_tooltip .tracking_occurrence_tooltip_icon {
        height: 35px;
        float: left;
        margin-right: 6px;
    }

    .tracking_occurrence_tooltip .tracking_occurrence_tooltip_title {
        font-weight: bold;
        font-size: 1.05em;
        vertical-align: bottom;
        line-height: 24px;
        white-space: nowrap;
    }

    .tracking_occurrence_tooltip .tracking_occurrence_tooltip_date {
        font-size: 0.88em;
        color: #838383;
        position: relative;
        top: -6px;
        white-space: nowrap;
    }

    .tracking_occurrence_tooltip .tracking_occurrence_tooltip_text {
        clear: both;
        margin-top: 6px;
        max-width: 250px;
        max-height: 250px;
        overflow: auto;
    }

.tracking_positive_result_alert {
    background-color: #ecc0c0;
    font-weight: bold;
    border-bottom: solid 4px #ff0000;
}

.booking_pendingreq_departments {
    max-width: 180px;
}

.dlg-info-area {
    color: #4b4b4b;
    padding: 2px 10px 6px 10px;
}

.dlg-content-area {
    padding: 2px 10px;
}

    /*.dlg-content-area > div {
    padding: 0px 5px;
}*/
    .dlg-content-area > div p {
        margin-left: 4px;
        margin-bottom: 4px;
    }

.scrollable {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #aaa;
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.auth_info_box {
    padding: 4px;
    margin: 3px 0 0;
    border: solid 1px #4b4b4b;
    border-radius: 5px;
    background-color: rgba(75,75,75,0.25);
    clear: both;
}

.narrow-vbar .auth_info_box {
    font-size: 80%;
}

    .narrow-vbar .auth_info_box .footnote {
        display: none;
    }

.auth_status_pending,
.auth_status_approved,
.auth_status_rejected,
.auth_status_misc {
    background-position-x: 4px;
    background-position-y: 6px;
    background-repeat: no-repeat;
}

.auth_status_pending {
    padding-left: 32px;
    border-color: #FFD800;
    background-color: #FBF1BB;
    background-image: url(_img/icon.alert.png);
}

.auth_status_approved {
    padding-left: 22px;
    border-color: #008000;
    background-color: #BBDBBB;
    background-image: url(_img/icon.status.green.png);
    position: relative;
}

    .auth_status_approved a.smallbutton {
        float: right;
        margin: -2px -2px 2px 2px;
        white-space: normal;
        max-width: 40px;
        text-align: center;
    }

.narrow-vbar .auth_status_approved a.extrasmall {
    font-size: 10px;
}

.auth_status_rejected {
    padding-left: 22px;
    border-color: #FF0000;
    background-color: #FBBBBB;
    background-image: url(_img/icon.status.red.png);
}

.auth_status_misc {
    padding-left: 22px;
    border-color: #0074C6;
    background-color: #BBD8EC;
    background-image: url(_img/icon.status.neutral.png);
}

.slimbutton {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.start-process-icon > div {
    background: url(_img/icon.open.folder.small.png) no-repeat center center;
    width: 24px;
}

.comment_type_hdr {
    padding: 8px 5px 2px 5px;
    border-bottom: solid 1px #888;
    margin-bottom: 3px;
    color: #888;
}

.comment_container {
    margin-left: 3px;
    padding-left: 5px;
    border-left: solid 6px #ccc;
}

.dlg-content-area div.title {
    color: #4b4b4b;
    padding: 4px;
    background: #ccc;
    margin-top: 8px;
}

.dlg-content-area .dlg-list-container {
    max-height: 250px;
    overflow: auto;
}

.auth_credits_summary_container {
    float: left;
    border: solid 2px #838383;
    margin: 0 10px 5px 0;
    height: 80px;
    max-width: 250px;
    overflow: hidden;
}

.auth_credits_summary {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 0;
    height: 90px;
}

.auth_credits_chart {
    display: table-cell;
    width: 90px;
    height: 75px;
}

.checkbox-option-box {
    display: block;
    height: 18px;
    width: 18px;
}

.option-on {
    background-image: url(_img/icon.status.green.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.option-off {
    background-image: url(_img/icon.status.neutral.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.no-bullets {
    padding-left: 0px;
    list-style: none;
    list-style-position: outside;
}

    .no-bullets li {
        list-style: none;
        list-style-position: outside;
    }

.no-margin {
    margin: 0px;
}

.no-padding {
    padding: 0px !important;
}

#activesupervisor {
    float: right;
    padding: 5px 10px 5px 30px;
    background: #dedede url(_img/icon.status.green.png) 8px center no-repeat;
    border: solid 1px #888;
    border-radius: 4px;
    margin-top: 4px;
}

div.form_icon,
a.form_icon {
    width: 29px;
    height: 29px;
    display: block;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(_img/icon.online.form.png);
}

.mri_form_icon {
    background-image: url(_img/icon.mri.form.png);
}

.comm_type_icon {
    width: 35px;
    height: 35px;
    background-position: center center;
    background-repeat: no-repeat;
}

.comm_type_email {
    background-image: url(_img/icon.comm.email.png) !important;
}

.icon_comm_type_email {
    background-image: url(_img/icon.comm.email.small.png) !important;
}

.comm_type_fax {
    background-image: url(_img/icon.comm.fax.png) !important;
}

.icon_comm_type_fax {
    background-image: url(_img/icon.comm.fax.small.png) !important;
}

.comm_type_mail {
    background-image: url(_img/icon.comm.mail.png) !important;
}

.icon_comm_type_mail {
    background-image: url(_img/icon.comm.mail.small.png) !important;
}

.comm_type_phone_call {
    background-image: url(_img/icon.comm.phone.png) !important;
}

.icon_comm_type_phone_call {
    background-image: url(_img/icon.comm.phone.small.png) !important;
}

.comm_type_sms {
    background-image: url(_img/icon.comm.sms.png) !important;
}

.icon_comm_type_sms {
    background-image: url(_img/icon.comm.sms.small.png) !important;
}

.icon_geolocation {
    background-image: url(_img/icon.geo.location.png) !important;
}

.icon_not_interested {
    background-image: url(_img/icon.dialog.error.png) !important;
}

.icon_locked {
    background-image: url(_img/icon.billing.pending.png) !important;
}

.icon_owner {
    background-image: url(_img/icon.billing.confirmed.png) !important;
}

.comm_dir_in, .comm_dir_out {
    padding-left: 24px;
    min-height: 18px;
    background-origin: border-box;
    background-color: transparent;
    background-position: 2px center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.cursor-arrow {
    cursor: default;
}

.comm_dir_in {
    background-image: url(_img/icon.comm.inbound.small.png);
}

.comm_dir_out {
    background-image: url(_img/icon.comm.outbound.small.png);
}

.__attach_explorer_add_file_dlg_target_category {
    clear: both;
    padding-top: 10px;
    margin-left: 35px;
    width: 312px;
}

.dyn-form-dependent-field-active td.firstcol,
.dyn-form-dependent-field-inactive td.firstcol {
    border-left: solid 10px #ccc !important;
}

.dyn-form-dependent-field-inactive td.firstcol,
.dyn-form-dependent-field-active td.firstcol {
    background-color: #8e8e8e !important;
}

.dyn-form-dependent-field-inactive td.firstcol {
    color: #ccc !important;
    background-color: #aaa !important;
}

.dyn-form-dependent-field-inactive td.secondcol {
    filter: alpha(opacity=40);
    -moz-opacity: .40;
    opacity: .40;
}

input.file_foto {
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
}

.quadrantcontainer {
    background: #fff;
    border: solid 1px #6B6868;
    position: relative;
}

.no-borders .quadrantcontainer {
    border: none !important;
}

.quadrant {
    font-size: 50px;
    position: absolute;
    font-family: Century Gothic;
}

.quadrant_r > div {
    margin-left: auto;
}

/* External system's events & History */

.history-items-container,
.external_sys_event {
    position: relative;
    margin-bottom: 2px;
}

.history-items-pager {
    margin: 8px 0px 0px 0px;
    text-align: center;
    vertical-align: middle;
    height: 24px;
    background-color: #838383;
    padding: 3px;
    line-height: 24px;
}

    .history-items-pager > a {
        text-decoration: none;
        vertical-align: middle;
        color: #fff;
        font-weight: bold;
    }

    .history-items-pager > .datapagercurrentnumberpage {
        cursor: default;
    }

.history-items-container > .date,
.external_sys_event > .date {
    position: absolute;
    left: 0px;
    display: block;
    vertical-align: top;
    width: 32px;
    height: 100%;
}

    .history-items-container > .date > .day,
    .external_sys_event > .date > .day {
        display: block;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        padding: 4px 0px 1px 0px;
    }

    .external_sys_event > .date > .day {
        color: #d8d8d8;
        background-color: #888;
        border-top: solid 1px #4b4b4b;
        border-left: solid 1px #4b4b4b;
        border-right: solid 1px #4b4b4b;
    }

    .history-items-container > .date > .day {
        color: #d8d8d8;
        padding: 4px 0px 1px 0px;
        background-color: #888;
        border-top: solid 1px #4b4b4b;
        border-left: solid 1px #4b4b4b;
        border-right: solid 1px #4b4b4b;
    }

    .history-items-container > .date > .month,
    .external_sys_event > .date > .month {
        display: block;
        text-align: center;
        font-size: 0.9em;
        padding: 2px 0px;
        font-weight: bold;
    }

    .external_sys_event > .date > .month {
        background-color: #6c6c6c;
        border-left: solid 1px #4b4b4b;
        border-bottom: solid 1px #4b4b4b;
        color: #d8d8d8;
        border-right: solid 1px #4b4b4b;
    }

    .history-items-container > .date > .month {
        background-color: #6c6c6c;
        border-left: solid 1px #4b4b4b;
        border-bottom: solid 1px #4b4b4b;
        color: #d8d8d8;
        border-right: solid 1px #4b4b4b;
    }

.history-items-container > .info,
.external_sys_event > .info {
    margin-left: 34px;
    padding: 6px 4px;
    min-height: 34px;
}

.external_sys_event > .info {
    border-left: solid 4px #777;
    background-color: #b4b4b4;
}

.history-items-container > .info {
    border-left: solid 3px #888;
    background-color: #fcfcfc;
}

.history-items-container a.history-item-row {
    color: #3c3c3c;
    text-decoration: none;
}

.history-items-container .history-item-row {
    display: block;
    padding: 4px;
    border-right: solid 4px #fcfcfc;
}

.history-items-container .history-item-row-separator {
    display: block;
    clear: both;
    margin: 2px 0px;
    border-top: solid 1px #dfdfdf;
}

.history-items-container .history-item-row:hover {
    background-color: rgba(219, 216, 0, 0.12);
    border-right: solid 4px #ddda00;
}

.external_sys_event > .event_credits {
}

.external_sys_event_toolbox {
    z-index: 100;
    position: absolute;
    right: 0px;
    top: 0px;
}

.external_sys_event_container {
}

.v-overflowbox-sm,
.v-overflowbox-md,
.v-overflowbox-lg {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 3px;
    box-sizing: border-box;
}

.v-overflowbox-sm {
    max-height: 200px;
}

.v-overflowbox-md {
    max-height: 400px;
}

.v-overflowbox-lg {
    max-height: 600px;
}

.bold {
    font-weight: bold;
}

.pin-container {
    width: 200px;
    margin: auto;
}

.list-pin-pad {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .list-pin-pad > li {
        float: left;
        padding: 3px;
    }

        .list-pin-pad > li:nth-child(3n+1) {
            clear: both;
        }

.small-placeholder::-webkit-input-placeholder,
.small-placeholder:-moz-placeholder,
.small-placeholder::-moz-placeholder,
.small-placeholder:-ms-input-placeholder {
    font-size: 10px;
}

td.date-filter-col-md,
th.date-filter-col-md,
.date-filter-col-md > input[type="text"] {
    width: 124px;
}

td.date-filter-col-sm,
th.date-filter-col-sm,
.date-filter-col-sm > input[type="text"],
input[type="text"].date-filter-box-sm {
    width: 90px;
}

.data-tag {
    background: #ececec;
    border-radius: 3px;
    box-shadow: 0 1px 1px #969696;
    border: solid 1px #d8d8d8;
    padding: 2px 4px;
    margin: 0 0 2px;
    display: inline-block;
}

.data-property {
    float: left;
    margin: 0px 6px 0px 0px;
}

.dyn-form-item {
    display: inline-block;
}

.dyn-form-item-ready {
    color: #6e6 !important;
}

a[disabled] {
    pointer-events: none;
}

.image_disabled {
    opacity: 0.4;
    pointer-events: none;
}

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
    box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: 0.4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
}

    .selectize-dropdown-header-close:hover {
        color: #000000;
    }

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
        border-right: 0 none;
    }

    .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
        display: none;
    }

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}

    .selectize-control.plugin-remove_button [data-value] .remove {
        z-index: 1;
        /* fixes ie bug (see #392) */
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 17px;
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        color: inherit;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block;
        padding: 2px 0 0 0;
        border-left: 1px solid #0073bb;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .selectize-control.plugin-remove_button [data-value] .remove:hover {
            background: rgba(0, 0, 0, 0.05);
        }

    .selectize-control.plugin-remove_button [data-value].active .remove {
        border-left-color: #00578d;
    }

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #aaaaaa;
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 28px;
    top: 6px;
    font-size: 23px;
}

.selectize-control {
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 11px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
    background: #ffffff;
    cursor: text;
    display: inline-block;
}

.selectize-input {
    border: 1px solid #d0d0d0;
    padding: 4px 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 5px 8px 2px;
}

.selectize-input.full {
    background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default !important;
}

.selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #1da7ee;
    color: #ffffff;
    border: 1px solid #0073bb;
}

    .selectize-control.multi .selectize-input > div.active {
        background: #92c836;
        color: #ffffff;
        border: 1px solid #00578d;
    }

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    color: #ffffff;
    background: #d2d2d2;
    border: 1px solid #aaaaaa;
}

.selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 1px !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .selectize-input > input::-ms-clear {
        display: none;
    }

    .selectize-input > input:focus {
        outline: none !important;
    }

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left;
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

    .selectize-dropdown [data-selectable] {
        cursor: pointer;
        overflow: hidden;
    }

        .selectize-dropdown [data-selectable] .highlight {
            background: rgba(125, 168, 208, 0.2);
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px;
        }

    .selectize-dropdown [data-selectable],
    .selectize-dropdown .optgroup-header {
        padding: 5px 8px;
    }

    .selectize-dropdown .optgroup:first-child .optgroup-header {
        border-top: 0 none;
    }

    .selectize-dropdown .optgroup-header {
        color: #303030;
        background: #ffffff;
        cursor: default;
    }

    .selectize-dropdown .active {
        background-color: #f5fafd;
        color: #495c68;
    }

        .selectize-dropdown .active.create {
            color: #495c68;
        }

    .selectize-dropdown .create {
        color: rgba(48, 48, 48, 0.5);
    }

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer;
}

    .selectize-control.single .selectize-input.input-active,
    .selectize-control.single .selectize-input.input-active input {
        cursor: text;
    }

    .selectize-control.single .selectize-input:after {
        content: ' ';
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -3px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: #808080 transparent transparent transparent;
    }

    .selectize-control.single .selectize-input.dropdown-active:after {
        margin-top: -4px;
        border-width: 0 5px 5px 5px;
        border-color: transparent transparent #808080 transparent;
    }

.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto;
}

.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
    opacity: 0.5;
    background-color: #fafafa;
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 5px;
    padding-right: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
    color: #999;
    text-shadow: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .selectize-control.multi .selectize-input.disabled [data-value],
    .selectize-control.multi .selectize-input.disabled [data-value] .remove {
        border-color: #e6e6e6;
    }

        .selectize-control.multi .selectize-input.disabled [data-value] .remove {
            background: none;
        }

.selectize-control.multi .selectize-input [data-value] {
    text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #1b9dec;
    background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
    background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
    background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
    background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
    box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
}

    .selectize-control.multi .selectize-input [data-value].active {
        background-color: #0085d4;
        background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
        background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
        background-image: -o-linear-gradient(top, #008fd8, #0075cf);
        background-image: linear-gradient(to bottom, #008fd8, #0075cf);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
    }

.selectize-control.single .selectize-input {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
    box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
    border-color: #b8b8b8;
}

.selectize-dropdown .optgroup-header {
    padding-top: 7px;
    font-weight: bold;
    font-size: 0.85em;
}

.selectize-dropdown .optgroup {
    border-top: 1px solid #f0f0f0;
}

    .selectize-dropdown .optgroup:first-child {
        border-top: 0 none;
    }

.custom-validator {
    visibility: visible !important;
}

.hidden {
    display: none;
}

.tbl-header-sort > a {
    margin-left: 12px;
    float: left;
    text-decoration: none;
    position: relative;
}

    .tbl-header-sort > a:before {
        position: absolute;
        height: 12px;
        left: 0;
        top: 50%;
        margin-top: -6px;
        margin-left: -12px;
        background: transparent url("_img/icon.sort.png") left 1px no-repeat;
        content: "";
        width: 10px;
    }

.tbl-header-sort.icon_sort_asc a:before {
    background-position-y: -23px;
}

.tbl-header-sort.icon_sort_desc a:before {
    background-position-y: -11px;
}

.tbl-header-no-sort > a {
    float: left;
    position: relative;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.toggle-value-ui {
    width: 48px;
    height: 24px;
    display: inline-block;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
}

    .toggle-value-ui.busy {
        cursor: default;
        pointer-events: none;
        background-image: url(_img/spinner.gif) !important;
    }

.toggle-value-on {
    background-image: url(_img/icon.toggle.switch.on.png);
}

.toggle-value-off {
    background-image: url(_img/icon.toggle.switch.off.png);
}

.toggle-value-disabled {
    cursor: default;
    pointer-events: none;
    background-image: url(_img/icon.toggle.switch.disabled.png);
}

.pacs-icon {
    width: 10px;
    height: 10px;
}

.pacs-icon-counter {
    vertical-align: bottom;
}

.pacs-controls {
    padding: 10px !important;
    max-width: 90px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.pacs-controls-wrapper {
    display: flex;
    text-align: center;
    position: relative;
}

.pacs-controls-area {
    float: left;
    width: 50%;
    text-align: left;
}

.pacs-controls-area-left {
    flex: 0 0 40%;
    margin-right: 1px;
    min-width: 35px;
}

.pacs-controls-legend .pacs-tooltip {
    visibility: hidden;
    max-width: 100px;
    background: #ffe5b2;
    font-size: .85em;
    color: #4b4b4b;
    text-align: center;
    border-radius: 4px;
    border: solid 1px #818181;
    padding: 3px;
    /* Position the tooltip */
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.pacs-controls-legend:hover .pacs-tooltip {
    visibility: visible;
}

.status-red {
    width: 100%;
    height: 2px;
    background: red;
    margin-bottom: -8px;
    text-align: center;
    position: absolute;
    bottom: 0px;
}

.status-green {
    width: 100%;
    height: 2px;
    background: green;
    margin-bottom: -8px;
    text-align: center;
    position: absolute;
    bottom: 0px;
}

.selectable-action-box {
    max-height: 250px;
    overflow-y: auto;
}

.panel-reports {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.table-header {
    position: relative;
    width: 100%;
}

.table-body {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100% - 174px);
    width: 100%;
}

.table-body-report {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100% - 184px);
    width: 100%;
}

.table-body-exams-dictate {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100% - 254px);
    width: 100%;
}

.table-container {
    min-height: 400px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

.table-footer {
    position: relative;
    width: 100%;
}

.table-body-inner {
    overflow-y: auto !important;
    position: relative !important;
    height: auto !important;
    max-height: calc(100%);
}

.table-body-inner-report {
    overflow-y: auto !important;
    height: auto !important;
    max-height: calc(100%);
}

.table-body-reportworklist {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100% - 200px);
    width: 100%;
}

.table-body-reportarrival {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100% - 150px);
    width: 100%;
}

.styletext {
    width: 40%;
    margin-top: 4%;
}

.ulclasssend {
    width: 100%;
}

.sendtobox {
    max-height: 200px !important;
}
/* -------------------------------------------------------------
   Pure CSS Toggle Switch with :checked
   ---------------------------------------------------------- */
.toggle-status {
    display: none;
}

.toggle-switch {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    vertical-align: bottom;
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 1.625em; /* calc(1em * 2 - 0.125em * 2 - 0.0625em * 2); */
    height: 1.000em; /* calc(1em * 1); */
    box-sizing: border-box;
    border: solid #666 0.125em;
    transition: border 0.5s;
}

.toggle-status:checked + .toggle-switch {
    /*border: solid lightgreen 0.125em;*/
    border: solid #666 0.125em;
}

.toggle-switch::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0.0625em;
    left: 0.0625em;
    width: 0.625em; /* calc(1em - 0.125em * 2 - 0.0625em * 2); */
    height: 0.625em; /* calc(1em - 0.125em * 2 - 0.0625em * 2); */
    background: #666;
    transition: background 0.5s, left 0.5s;
}

.toggle-status:checked + .toggle-switch::after {
    background: #ff0000;
    left: 0.6875em; /* calc(1em - 0.125em * 2 - 0.0625em); */
}

.toggle-string {
    line-height: 1;
}
/* ------------------------------------------ */
.toggle-rounded {
    border-radius: 0.5000em; /* calc(1em / 2); */
}

    .toggle-rounded::after {
        border-radius: 0.3125em; /* calc(1em / 2 - 0.125em - 0.0625em); */
    }
/* ---------------------------------------------
   Size
   ------------------------------------------ */
.toggle-x1 {
    font-size: 1rem;
}

.toggle-x2 {
    font-size: 2rem;
}

.toggle-x3 {
    font-size: 3rem;
}

.toggle-x4 {
    font-size: 4rem;
}

.toggle-x5 {
    font-size: 5rem;
}

.toggle-x6 {
    font-size: 6rem;
}
/* ------------------------------------------ */
/*Reporting Header Listing*/
.header-listing {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    display: flex;
}

    .header-listing > li {
        float: left;
    }

        .header-listing > li:last-child {
            flex: 1;
        }

        .header-listing > li > div:not(.nostyle) {
            display: block;
            color: #666;
            text-align: center;
            padding: 15px 5px;
            text-decoration: none;
        }

        .header-listing > li > div a {
            color: #666;
        }

            .header-listing > li > div a:hover:not(.different) {
                color: #ff0000;
                cursor: pointer;
            }

.fa-1-5x {
    font-size: 1.5em;
}

.btn-style {
    background-color: #ddd;
    box-shadow: none;
    border: none;
    color: white;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

    .btn-style:hover {
        text-decoration: none;
        background-color: #EEE;
        border-bottom: solid 4px #FF0000;
    }
/*Notification BAR*/
#topbar {
    position: fixed;
    bottom: -60px;
    display: block;
    z-index: 99999;
    box-sizing: border-box;
    width: 300px;
    padding: 5px 5px 10px 10px;
    padding-bottom: 40px;
    background-color: #DDD;
    color: #666;
    text-align: center;
    transition: bottom 1s;
    transition-delay: 0s;
}

#toggleTop {
    display: none;
}

#showTop {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    right: 30px;
    display: block;
    padding: 10px;
    padding-bottom: 40px;
    background-color: #000000;
    color: #fff;
}

#hideTop {
    float: right;
    display: inline-block;
    cursor: pointer;
}

#toggleTop:checked + #topbar {
    transition: bottom 2s;
    transition-delay: 3s;
    bottom: 0px;
}

.activetr {
    background-color: #bbbbbb;
}

.procedurepanel {
    padding: 3px;
    margin-top: 5px;
    border: 1px solid #4b4b4b;
    background: #ccc;
    height: 300px;
    overflow: auto;
}

.mceEditor {
    background-color: white;
}

.ckbackground {
    background-color: white;
}

.scheduletable tr:last-child.scheduletimeline > td.schedulehour,
.scheduletable tr:last-child.scheduletimeline > td.scheduleminute {
    border-bottom: solid 1px #838383 !important;
}


.scheduletable tr.scheduletimeline > td.schedulehour {
    font-size: 14pt;
    font-weight: normal;
    color: #4b4b4b;
    border-left: solid 1px #838383;
    padding-left: 6px;
}

.scheduletable tr.scheduletimeline > td.scheduleminute {
    border-right: solid 1px #838383;
    border-bottom: solid 1px #c4c4c4;
    color: #4b4b4b;
    font-size: 7pt;
    padding-top: 4px;
}

.scheduletable tr.scheduletimeline > th {
    background-color: #e8e8e8;
    border: solid 1px #838383;
    color: #4b4b4b;
    font-weight: normal;
    font-size: 10pt;
}

.optionsboxSuggestion {
    float: left;
    padding: 5px 5px 10px 0px;
    margin-bottom: 5px;
}

.tablebox {
    background: #fff;
    border: solid 1px #ccc;
}

.backgroundbox {
    padding: 3px;
    margin-top: 5px;
    border: 1px solid #4b4b4b;
    background: #ccc;
    height: 200px;
    overflow: auto;
}

/* Used by CKEditor cwm-expand plugin */
.no-scroll {
    height: 100%;
    overflow: hidden;
}

/* Modal css */

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 250px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }