/* layout */

html, body
{
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 18px;
}

img
{
    display: block;
    border-style: none;
}

pre 
{
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px   
}

.outerWrapper
{
    width: 100%;
    height: auto;
}

    .outerWrapper.header {
        height: 94px;
        border-bottom: solid 1px #c5c5c5;
        background: #fff url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAARgAA/+4ADkFkb2JlAGTAAAAAAf/bAIQABAMDAwMDBAMDBAYEAwQGBwUEBAUHCAYGBwYGCAoICQkJCQgKCgwMDAwMCgwMDQ0MDBERERERFBQUFBQUFBQUFAEEBQUIBwgPCgoPFA4ODhQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAXgABAwERAAIRAQMRAf/EAFAAAQEBAAAAAAAAAAAAAAAAAAMCCAEBAAAAAAAAAAAAAAAAAAAAABABAQEBAQAAAAAAAAAAAAAAABESIVERAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ANpwFQCQCQCZAuQJkC5AkAkAkBXPQf/Z') /*../../Images/header_bg.jpg*/ repeat-x top center !important;
        *background: #fff url("../../Images/header_bg.jpg") repeat-x top center !important;
        box-sizing: content-box!important;
        /* For IE 6 and 7 */
    }

    .outerWrapper.nav.k-toolbar
    {
        border-bottom: solid 1px #c5c5c5;
    }

    .outerWrapper.footer
    {
        height: 150px;
        border-top: solid 1px #c5c5c5;
        background: #fff url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAARgAA/+4ADkFkb2JlAGTAAAAAAf/bAIQABAMDAwMDBAMDBAYEAwQGBwUEBAUHCAYGBwYGCAoICQkJCQgKCgwMDAwMCgwMDQ0MDBERERERFBQUFBQUFBQUFAEEBQUIBwgPCgoPFA4ODhQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAlgABAwERAAIRAQMRAf/EAFEAAQADAQAAAAAAAAAAAAAAAAIAAQMIAQEAAAAAAAAAAAAAAAAAAAAAEAEBAQEAAAAAAAAAAAAAAAAAEQFhEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDtOAcwDgFAaQDnAOAc4DScA4BzAOAUA5gFMBcBYICA/9k=') /*../../Images/tabbed_bg.jpg*/ repeat-x top !important;
        *background: #fff url("../../Images/tabbed_bg.jpg") repeat-x top !important;
        /* For IE 6 and 7 */
    }

.innerWrapper
{
    margin: 0 auto;
    width: 960px;
    height: auto;
    color: #333;
    display: block;
}

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

header
{
    position: relative;
    overflow: visible;
    padding: 18px 0;
    height: auto;
    background: url('data:image/jpeg;base64,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') /*../../Images/header_swoops.jpg*/ no-repeat top center !important;
    *background: url("../../Images/header_swoops.jpg") no-repeat top center !important;
}

#optisLogo
{
    width: 88px;
    height: 58px;
}

#leaveXpertLogo
{
    float: right;
    clear: both;
    margin-top: -7px;
    margin-right: -4px;
}
#OptisInsightsLogo
{
    float: right;
    clear: both;
    margin-top: -7px;
    margin-right: -4px;
}

#progress
{
    position: absolute;
    top: 5px;
    left: 50%;
    display: none;
    width: 16px;
    height: 16px;
    background: url("../kendo/Default/loading.gif") no-repeat center center;
}

#buyNowButton
{
    margin-top: -46px;
    text-align: center;
}

    #buyNowButton .k-button
    {
        padding: 8px 16px;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
    }

    #buyNowButton .title
    {
        font-weight: bold;
        font-size: 14px;
    }

    #buyNowButton .note
    {
        font-weight: normal;
        font-style: italic;
        font-size: 10px;
    }

h1
{
    margin-top: 0;
    font-size: 1.333em;
}

nav#main ul
{
    display: none;
    margin: 0;
    padding: 0;
}

    nav#main ul#mainMenu
    {
        border-top: none;
        border-bottom: none;
    }

nav#main .k-menu .k-item > .k-link,
nav#main .k-menu .k-group .k-item > .k-link,
nav#top .k-menu .k-group .k-item > .k-link
{
    padding: .5em 2em .5em 1em;
}

nav#top .k-menu .k-item > .k-link
{
    padding: .5em 1em .5em 1em;
}

nav#top
{
    position: absolute;
    top: 0;
    right: 0;
}

    nav#top ul#topMenu
    {
        display: none;
        margin: 0;
        padding: 0;
        border: none;
        background: transparent;
    }

        nav#top ul#topMenu > li.k-last
        {
            border: none;
        }

        nav#top ul#topMenu > li > .k-link
        {
            color: #db5829;
        }

            nav#top ul#topMenu > li > .k-link:hover
            {
                color: #2e2e2e;
            }

#recentCases
{
    position: absolute;
    top: 60px;
    right: 0;
}

    #recentCases .k-dropdown .k-input:first-of-type
    {
        color: #9f9e9e;
    }

    #recentCases .k-dropdown .k-state-hover .k-input:first-of-type,
    #recentCases .k-dropdown .k-state-focused .k-input:first-of-type
    {
        color: #2e2e2e;
    }

#search
{
    position: absolute;
    top: 60px;
    right: 158px;
}

    #search span
    {
        width: 100%;
    }

#content
{
    position: relative;
    padding: 20px 0 40px 0;
    min-height: 570px;
    height: auto !important;
}

footer
{
    padding: 10px 0 80px 0;
}

.clear-fix:after
{
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

.hidden
{
    display: none;
}

.columWrapper
{
    display: block;
    width: 100%;
}

.columnWrapper:after
{
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

.columnWrapper .leftColumn, .columnWrapper .rightColumn, .columnWrapper .middleColumn
{
    float: left;
    width: 49%;
}

.columnWrapper .leftColumn
{
    padding-right: 0.5%;
}

.columnWrapper .rightColumn
{
    padding-left: 1%;
}

.columWrapper .centerColumn {
    
}

.center
{
    text-align: center;
}

/* forms */

h2
{
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 1.167em;
}

fieldset
{
    margin: 0;
    padding: 0;
    border: none;
}

    fieldset legend
    {
        display: none;
    }

    fieldset ul
    {
        margin: 0 0 1em 0;
        padding: 0;
    }

        fieldset ul li.label,
        fieldset ul li.input,
        fieldset ul li.full
        {
            margin-bottom: 10px;
            list-style-type: none;
        }

        fieldset ul li.full 
        {
            border: 1px solid;
            width: 95%;
            padding: 8px;
        }

            fieldset ul li.input p
            {
                padding-top: 4px;
                list-style-type: none;
            }

.label
{
    display: block;
    float: left;
    margin-bottom: 5px;
    padding-top: 5px;
    width: 115px;
    text-align: right;
}

.input
{
    margin-left: 125px;
}

    .input:after
    {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: ".";
    }

.reqd-symbol
{
    margin-left: 2px;
    color: #CD0000;
}

input[type="checkbox"].absenceTableCheckbox
{
    margin-top: 0;
    margin-left: 7px;
    margin-right: 10px;
    margin-bottom: 10px;
	display: inline;
	opacity: 1;
	width: auto;
    position: static;
}

input[type="checkbox"].employeeTableCheckbox
{
    margin-top: 15px;
    margin-left: 7px;
    margin-right: 10px;
    margin-bottom: 15px;
	display: inline;
	opacity: 1;
	width: auto;
    position: static;
}

.absenceTableInput
{
    margin-left: 7px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.tableLabel
{
    margin-left: 7px;
}

td.absenceWorkSchedule
{
    padding-bottom: 10px;
}

.absenceDaysDiv
{
    width: 580px;
    max-height: 300px;
    margin-left: 125px;
    overflow-y: scroll;
    margin-bottom: 10px;
    /*border-color: #ccc;
    border: 1px solid;
    border-radius: 7px;*/
}

div.viewValue
{
    padding-top: 5px;
}

li.viewValue
{
    padding-top: 5px;
}

textarea
{
    width: 100% !important;
    height: 85px !important; /*5 lines*/
    padding: 4px !important;
    font-family: inherit;
}

    textarea.popupTextArea
    {
        height: 54px !important; /*3 lines*/
    }

input[type="checkbox"],
input[type="radio"]
{
    margin-top: 6px;
    margin-right: 5px;
}

    input[type="checkbox"] + label,
    input[type="radio"] + label
    {
        margin-right: 15px;
    }

input[type="submit"],
input[type="button"],
button
{
    margin-right: 8px;
    cursor: pointer;
}

    a.bigbutton, button.bigbutton, input.bigbutton
    {
        margin-top: 6px;
        margin-bottom: 6px;
        padding: 10px 15px;
        font-weight: bold;
    }


input.xsmall
{
    width: 3.4em;
}

input.small
{
    width: 7.9em;
}

input.medium
{
    width: 12.4em;
}

input.large
{
    width: 16.9em;
}

input.xlarge
{
    width: 100%;
}

.buttonFooter
{
    clear: both;
    padding: 10px 0 0 0;
    border-top: 1px solid #ccc;
    text-align: center;
}

#knockoutDebugger
{
    margin: 20px 0;
    padding: 10px;
}

/* styles for validation helpers */

.field-validation-error
{
    display: block;
    color: #CD0000;
}

.field-validation-valid
{
    display: block;
}

input.input-validation-error
{
    border-color: #FBC2C4 !important;
    background-color: #FBE3E4;
}

input[type="checkbox"].input-validation-error
{
    border: 0 none;
}

.propertyValidationErrors
{
    text-align: left;
}

/* flash messages */

#flash, .flashPopup
{
    position: relative;
    clear: both;
    margin-bottom: 20px;
    padding: 6px;
    border: 1px solid;
    text-align: center;
    cursor: pointer;
}

    #flash.success, .flashPopup.success
    {
        border-color: #C6D880;
        background-color: #E6EFC2;
        color: #264409;
    }

    #flash.error, .flashPopup.error
    {
        border-color: #FBC2C4;
        background-color: #FBE3E4;
        color: #8A1F11;
    }

    #flash.warning, .flashPopup.warning, #knockoutDebugger
    {
        border-color: #FFD324;
        background-color: #FFF6BF;
        color: #514721;
    }

    #flash a.close, .flashPopup a.close
    {
        position: absolute;
        right: 15px;
        font-size: 0.75em;
    }

    #flash.success a.close, .flashPopup.success a.close
    {
        color: #264409;
    }

    #flash.error a.close, .flashPopup.error a.close
    {
        color: #8A1F11;
    }

    #flash.warning a.close, .flashPopup.warning a.close
    {
        color: #514721;
    }

/* links */

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

a:hover, a:active
{
    color: #db5829;
    text-decoration: none;
}

a.k-button:link, a.k-button:visited, a.k-button:hover
{
    color: #2e2e2e;
}

a.k-button:active
{
    color: #fff;
}

.termsAndConditions, .complianceGuide
{
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0 0 10px 0;
    padding: 10px;
    height: 150px;
    border: 1px solid #ccc;
}

/* popup */

div.k-window-content
{
    padding: 15px;
}

.k-block > .k-header, .k-window-titlebar
{
    font-weight: bold;
    font-size: 1.0em;
}

/* Increase the width of the edit form for Kendo Grids. The default one is 400px. */

.k-edit-form-container
{
    width: 500px;
}

/* Added this to make buttons from Kendo Grid popups to be centered rather than right. The default is text-align: right. */
.k-edit-form-container .k-edit-buttons {
    clear: both;
    text-align: center;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em;
}


/* tabs and panels */

.k-tabstrip .k-content, .k-panelbar .k-tabstrip .k-content
{
    padding: 15px;
}

/* grid */
.k-grid tbody .k-button.k-grid-edit > .k-icon.k-edit,
.k-grid tbody .k-button.k-grid-delete > .k-icon.k-delete,
.k-grid tbody .k-button.k-grid-select > .k-icon.k-select,
.k-grid tbody .k-button.k-grid-view > .k-icon.k-i-search,
.k-grid tbody .k-button.k-grid-details > .k-icon.k-i-pencil,
.k-grid tbody .k-button.k-grid-details > .k-icon.k-i-arrowhead-e,
.k-grid tbody .k-button.k-grid-details > .k-icon.k-i-search,
.k-grid tbody .k-button.k-grid-details > .k-icon.k-i-seek-s,
.k-grid tbody .k-button.k-grid-edit > .k-icon.k-i-seek-s,
.k-grid tbody .k-button.k-grid-view > .k-icon.k-i-seek-s,
.k-grid tbody .k-button.k-grid-resetPassword > .k-icon.k-i-custom,
.k-grid tbody .k-button.k-grid-verify > .k-icon.k-i-tick,
.k-grid tbody .k-button.k-grid-upload > .k-icon.k-i-plus,
.k-grid tbody .k-button.k-grid-attach > .k-icon.k-i-plus,
.k-grid tbody .k-button.k-grid-unattach > .k-icon.k-delete,
.k-grid tbody .k-button.k-grid-show > .k-icon.k-edit
{
    margin: -5px;
    vertical-align: middle;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button
{
    min-width: 25px;
}

.k-grid tbody td > .k-grid-delete
{
    margin-top: 0;
    margin-bottom: 0;
}

input[type="checkbox"].check_row,
input[type="checkbox"].selectAll 
{
    margin-top: 0;
    padding: 4px;
}

.k-grid-content
{
    overflow: scroll;
}

/* dynamic fields */

.dynamicList {
    position: inherit !important;
    opacity: 1 !important;
    margin-left: 0;
    padding-left: 0;
    pointer-events: all !important;
    list-style-type: none;
}

.radioButton
{
    margin-right: 0;
    padding: 0;
    width: 15px;
    text-align: left;
}

.c-checkbox
{
    float: left;
    text-align: left;
}

/* case details other cases and quick actions menus */

#caseDetailActions
{
    position: relative;
}

#otherCases, #quickActionBar
{
    position: absolute;
    margin: 0;
    padding: 0;
}

#otherCases
{
    top: -2px;
    left: 130px;
}

#quickActionBar
{
    top: -5px;
    right: 0;
    font-weight: normal;
    font-size: 12px;
}


#otherCasesMenu, #quickActionBarMenu
{
    display: none;
    border: none;
    background: transparent;
}

    #otherCasesMenu .k-menu .k-group .k-item > .k-link,
    #quickActionBarMenu .k-menu .k-group .k-item > .k-link
    {
        padding: .5em 2em .5em 1em;
    }

    #otherCasesMenu .k-menu .k-item > .k-link #quickActionBarMenu .k-menu .k-item > .k-link
    {
        padding: .5em 1em .5em 1em;
    }

    #otherCasesMenu.k-menu .k-item.k-first > span.k-link
    {
        padding: 0 1em;
    }

    #otherCasesMenu > li.k-last, #quickActionBarMenu > li.k-last
    {
        border: none;
    }

    #otherCasesMenu > li > .k-link, #quickActionBarMenu > li > .k-link
    {
        color: #db5829;
    }

        #otherCasesMenu > li > .k-link:hover, #quickActionBarMenu > li > .k-link:hover
        {
            color: #2e2e2e;
        }


#quickActionBarMenu > li > a.quickActionBarCheckBox
{
    margin: 0;
    padding: .4em 1em .5em 1em;
    line-height: 1.34em;
}

#quickActionBarMenu > li > .k-link > input[type="checkbox"].quickActionBarCheckBox
{
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    display: inline;
    opacity: 1;
    width: auto;
}


/* case details header */

#caseDetailSummary,
#leaveRequestHeader,
#viewLeaveRequestHeader
{
    margin: 0 0 10px 0;
    padding: 5px;
    line-height: 32px;
}


#caseDetailSummary > .columnWrapper,
#leaveRequestHeader > .columnWrapper,
#viewLeaveRequestHeader > .columnWrapper,
#summaryHeader > .columnWrapper   
{
    display: block;    
} 

#alertImage
{
    float: left;
    width: 140px;
}

    #alertImage a > img
    {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

/* Generalized left-side menu (Kendo UI vertical tabstrip) */

ul.k-tabstrip-items > li
{
    box-shadow: none;    
}

.tabstrip-vertical
{
    border: none;
    background: none;
    box-shadow: none;
}

    .tabstrip-vertical > .k-tabstrip-items
    {
        float: left;
        margin: 0 10px 0 0;
        padding: 0 !important;
        border-right: 1px solid #ccc;
        text-align: right;
    }

        .tabstrip-vertical > .k-tabstrip-items .k-item
        {
            display: block;
            border: none;
            background: none;
            border-top-color: #FFFFFF;
            border-bottom-color: #FFFFFF;
            border-left-color: #FFFFFF;
            border-right-color: #FFFFFF;
        }

            .tabstrip-vertical > .k-tabstrip-items .k-item > .k-link
            {
                padding: 5px 10px;
                -moz-border-radius: 3px 0 0 3px;
                -webkit-border-radius: 3px 0 0 3px;
                border-radius: 3px 0 0 3px;
                color: #4e4e4e;
                line-height: 18px;
            }

                .tabstrip-vertical > .k-tabstrip-items .k-item > .k-link:hover
                {
                    color: #e26b1d;
                }

            .tabstrip-vertical > .k-tabstrip-items .k-item.k-state-active > .k-link, #buyNowButton > button
            {
                background: #f06f1c;
                background: -moz-linear-gradient(top, #f06f1c 0, #e95e1a 50%, #e24a17 100%);
                background: -ms-linear-gradient(top, #f06f1c 0, #e95e1a 50%, #e24a17 100%);
                background: -o-linear-gradient(top, #f06f1c 0, #e95e1a 50%, #e24a17 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f06f1c), color-stop(50%, #e95e1a), color-stop(100%, #e24a17));
                background: -webkit-linear-gradient(top, #f06f1c 0, #e95e1a 50%, #e24a17 100%);
                background: linear-gradient(top, #f06f1c 0, #e95e1a 50%, #e24a17 100%);
                color: #fff;
            }

    .tabstrip-vertical > .k-content
    {
        overflow: hidden !important;
        margin: 0;
        padding: 0;
        border: none !important;
    }


/* case details left-side menu (Kendo UI vertical tabstrip) */

#caseDetailsNav
{
    border: none;
    background: none;
    box-shadow: none;
}

    #caseDetailsNav > .k-tabstrip-items
    {
        float: left;
        margin: 0 10px 0 0;
        padding: 0 !important;
        border-right: 1px solid #ccc;
        text-align: right;
    }

        #caseDetailsNav > .k-tabstrip-items .k-item
        {
            display: block;
            border: none;
            background: none;
            border-top-color: #FFFFFF;
            border-bottom-color: #FFFFFF;
            border-left-color: #FFFFFF;
            border-right-color: #FFFFFF;
        }

            #caseDetailsNav > .k-tabstrip-items .k-item > .k-link
            {
                padding: 5px 10px;
                -moz-border-radius: 3px 0 0 3px;
                -webkit-border-radius: 3px 0 0 3px;
                border-radius: 3px 0 0 3px;
                color: #4e4e4e;
                line-height: 18px;
            }

                #caseDetailsNav > .k-tabstrip-items .k-item > .k-link:hover
                {
                    color: #e26b1d;
                }

            #caseDetailsNav > .k-tabstrip-items .k-item.k-state-active > .k-link, #buyNowButton > button
            {
                background: #f06f1c;
                background: -moz-linear-gradient(top, #f06f1c 0, #e95e1a 50%, #e24a17 100%);
                background: -ms-linear-gradient(top, #f06f1c 0, #e95e1a 50%, #e24a17 100%);
                background: -o-linear-gradient(top, #f06f1c 0, #e95e1a 50%, #e24a17 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f06f1c), color-stop(50%, #e95e1a), color-stop(100%, #e24a17));
                background: -webkit-linear-gradient(top, #f06f1c 0, #e95e1a 50%, #e24a17 100%);
                background: linear-gradient(top, #f06f1c 0, #e95e1a 50%, #e24a17 100%);
                color: #fff;
            }

    #caseDetailsNav > .k-content
    {
        overflow: hidden !important;
        margin: 0;
        padding: 0;
        border: none !important;
    }

/* shopping page */
.plan
{
    padding: 20px;
    min-height: 300px;
    border-top: 1px solid transparent;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    background-color: transparent;
    -moz-transition: background-color 300ms ease-in 50ms, border-color 300ms ease-in 50ms;
    -o-transition: background-color 300ms ease-in 50ms, border-color 300ms ease-in 50ms;
    -webkit-transition: background-color 300ms ease-in 50ms, border-color 300ms ease-in 50ms;
    transition: background-color 300ms ease-in 50ms, border-color 300ms ease-in 50ms;
}

    .plan:hover
    {
        -webkit-ccc: background-color 300ms ease-in 50ms, border-color 300ms ease-in 50ms;
        border-color: #db5829 !important;
        background-color: #eee;
        cursor: pointer;
        -moz-transition: background-color 300ms ease-in 50ms, border-color 300ms ease-in 50ms;
        -o-transition: background-color 300ms ease-in 50ms, border-color 300ms ease-in 50ms;
        -webkit-transition: background-color 300ms ease-in 50ms, border-color 300ms ease-in 50ms;
        transition: background-color 300ms ease-in 50ms, border-color 300ms ease-in 50ms;
    }

    .plan:nth-child(3n+3)
    {
        border-right: 1px solid transparent;
    }

.planTitle img
{
    margin-top: -7px;
    margin-left: -2px;
}

.planTitle .planName
{
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}

.planTitle .planPrice
{
    font-weight: bold;
    font-style: italic;
}

.planDescription
{
    padding: 10px 0;
    min-height: 175px;
}

.numberOfUsers
{
    margin-top: 40px;
}

    .numberOfUsers .label
    {
        width: 100px;
    }

    .numberOfUsers .input
    {
        margin-left: 105px;
    }

.Description
{
    width: 150px;
    height: 300px;
}

.ColorRed
{
    color: #FF0000;
}

/*/*Fix for IE8 Kendo style being too dark*/
.lt-ie9 .k-dropdown-wrap
{
    background-image: none;
}

.k-multiselect-wrap input
{
    width: 250px;
}

.fake {
    color: #3333CC;
    color: #FF6600;
    color: #669900;
    color: #660066;
    color: #C0C0C0;
}

.k-editor {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.input .k-textbox, .k-edit-field .k-textbox {
position: inherit;
}

.k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
border-radius: 3px 0 0 3px;
margin-bottom: 1px;
}

/*
Bug fix for dropdowns in Firefox. Upudating Kendo UI should fix this bug and at that point we can remove this. Code only affects Firefox browser.
*/
.k-ff {
    overflow: inherit !important;
}

input[type="checkbox"] {
    margin: 3px 3px 3px 4px;
	display: inline;
	opacity: 1;
	width: auto;
    position: static;
}

input[type="checkbox"] {
-webkit-appearance: checkbox;
box-sizing: border-box;
border-radius: 3px;
}

.OrgSearchItem {
    border: 1px solid rgb(176, 176, 176);
    border-radius: 5px;
    margin: 5% 0px;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content: space-around;
    user-select: none;
    background: #f1f1f1;
}

.OrgSearchItemPopup {
    border: 1px solid rgb(176, 176, 176);
    border-radius: 5px;
    margin: 5% 0px;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content: space-around;
    user-select: none;
    background: #f1f1f1;
}

.OrgSearchItemInfo {
    display:flex;
    flex-direction: row;
    align-items:center;
    justify-content: space-around;
}

.OrgSearchItem:hover {
    background: #d6d6d6;
}

    .OrgSearchItem:active {
        background: #c1c1c1;
}
td.details-control {
    background: url('../../Images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.details td.details-control {
    background: url('../../Images/details_close.png') no-repeat center center;
}
#caseStatusAndType {
    word-break: break-word;
    inline-size:220px;
    font-size: 12px;
}