﻿.glyphicon {
    top: 0;
    padding-right: 0;
}

        input, select, textarea {
            font-size: 14px;
        }

        .k-dropdown-wrap {
            padding: 9px;
        }

            .k-dropdown-wrap.k-state-border-down {
                padding-bottom: 10px;
            }

        .k-dropdown .k-icon {
            margin-top: 14px;
        }

        .referralImageContiner {
            position: relative;
            height: 70px;
            width: 320px;
            display: inline-block;
        }

        .referral-img-bar {
            position: absolute;
            left: 0;
            z-index: 3;
        }

        .referral-img-ball {
            position: absolute;
            z-index: 2;
            top: 3px;
            border: 0;
            height: 34px;
            width: 34px;
            border-radius: 50%;
            cursor: pointer;
            display: none;
        }

            .page1 {
                left: 3.25px;
                display: block;
            }

            .page2 {
                left: 73px;
                display: block;
            }

            .page3 {
                left: 142.3px;
                display: block;
            }

            .page4 {
                left: 212px;
                display: block;
            }

            .page5 {
                left: 283.2px;
                display: block;
            }

        .referral-page-zone {
            position: absolute;
            z-index:4;
            top: 3px;
            border: 0;
            height: 34px;
            width: 34px;
            border-radius: 50%;
            cursor: pointer;
        }

        .referral-page-zone > .referral-page-zone-title {
            color: #A6A6A6;
            font-size: 11px;
            margin-top: 39px;
            vertical-align: middle;
        }

            .referral-page-zone.page1 > .referral-page-zone-title {
                width: 60px;
                margin-left: -14px;
            }

            .referral-page-zone.page2 > .referral-page-zone-title {
                width: 60px;
                margin-left: -14px;
            }

            .referral-page-zone.page5 > .referral-page-zone-title {
                width: 60px;
                margin-left: -14px;
            }

        .referral-page-error {
            position: absolute;
            z-index: 1;
            top: 3px;
            border: 0;
            background-color: #e9bcbc;
            height: 34px;
            width: 34px;
            border-radius: 50%;
        }

        .input-small-width {
            width: 175px;
        }

        .input-std-width {
            width: 250px;
        }

        .input-wide-width {
            width: 300px;
        }

        .input-xwide-width {
            width: 320px;
        }

        .input-xxwide-width {
            width: 707px;
        }

        .right {
            float: right;
        }

.k-edit-form-container {
    width: 600px; 
    }

.fileUploadForm {
    padding: 0px;
    width: 600px;
    height: 310px;
    overflow: auto;
}

.fileUploadForm .fileDescription {
    border-radius: 6px;
    height: 38px;
    width: 550px;
    font-size: 14px;
    border: solid #ccc 1px;
    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
}

        .k-upload > .k-dropzone {
            height: 40px;
            padding: 2px;
        }

        .k-upload > .k-dropzone > .k-upload-button {
            margin: 5px;
        }

        .k-upload > .k-upload-files {
            margin-bottom: 0;
        }

        #attachments {
            height: 200px;
            margin-bottom: 10px;
        }

        /*#fileDescription {
            width: 454px;
        }*/

        #referralPageTitle {
            margin-bottom: 5px;
        }

        #referralPageTitle + hr {
            margin-top: 5px;
            margin-bottom: 10px;
        }

        span.k-widget.k-autocomplete.k-header.k-state-default {
            width: 300px;
        }

        span.k-autocomplete > input.input-wide-width {
            line-height: 20px;
            height: 20px;
            border-radius: 6px;
            border-color: rgb(51, 51, 51);
            padding: 1em 0;
            text-indent: 1em;
            border: 1px;
            width: 300px;
        }

        span.k-input {
            padding: 0;
        }

        .buttonRow {
            border-top: 1px solid #ccc;
            padding-top: 10px;
            margin-top: 8px;
        }

            .buttonRow > div > input[type="button"] {
                margin-left: 6px;
                height: 47px;
            }

div.toggle.btn {
    margin-top: 7px;
    margin-bottom: 12px;
}

        div.toggle.btn > div.toggle-group > label {
            padding-top: 10px;
        }

span.k-picker-wrap > input.k-input {
    padding: 1em;
}

        span.k-picker-wrap > span.k-select > span {
            margin-top: 17px;
        }


        .k-ie .k-picker-wrap .k-input {
            height: auto;
        }

#patientSearch .row {
    margin-right: 0;
    margin-left: 0;
}
 .patientSearchSection {
     float: right; 
     font-size: 14px;
 }

 .patientSearchLink {
     cursor: pointer;
 }

 #patientSearchButton {
     margin-top: 31px;
 }

.patientSearchInputs {
    display: inline-block;
    height: 50px;
}
    .patientSearchInputs > input[type="text"] {
        padding: 5px;
    }

#patientSearchInputs {
    width: 100%;
    padding-bottom: 14px;
}
    #patientSearchInputs:after {
        clear: both;
    }

#patientSearchButtons {
    margin-top: 10px;
    width: 100%;
}

/* for the urgent referral slider*/
.btn-xs {
    padding: 10px 5px;
}

/* multiselect */
.k-multiselect-wrap {
    border-radius: 6px;
    border: solid 0px #ccc;
    padding: .7em;
    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
}

/* style combobox wrapper*/
.k-combobox > .k-state-default {
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    height: 40px !important;
}

/* style combobox*/
.k-combobox > .k-dropdown-wrap > .k-input {
    height: 40px !important;
}

/* style combobox down arrow*/
.k-combobox .k-icon {
    top: 5px !important;
}

/* file upload file-name */
.file-name-heading {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* file upload description label */
.upload-label {
    margin: 0px;
}

/* pull the entire file-name area together more. */
.k-upload-files {
    line-height: 1.5 !important;
}

/* pull the description away from the file name, for the file upload popup*/
.file-heading-break {
    height: 5px;
}

/* give all controls a red border when they have an error.*/
* .has-error {
    border-width: 1px !important;
}

/* give the dob data picker a red border when it has an error.*/
.dob-ctrl .has-error {
    border: 1px solid #a94442 !important;
}

/* give the button portion of the dob date picker a red border when it has an error.*/
.dob-ctrl .has-error + .k-select {
    border: 1px solid #a94442 !important;
    border-left-style: none !important;
    height: 48px;
}

/* give the autocomplete control a red border when it has an error. */
.k-autocomplete > .k-input.has-error {
    border: 1px solid #a94442 !important;
}

/* color the nodata placeholder for the multiselect */
.noData {
    color: black;
    background-color: white;
}

/* --- */

.multiple-email-addresses > .bootstrap-tagsinput {
    width: 358px;
}

    .multiple-email-addresses > .bootstrap-tagsinput > input {
        padding-left: 0;
    }