/* CSS Document */

.companycolor { color: #D42E50; }



    .java_embed {

        height: 0px !important;
        width: 0px !important;
        display: none !important;
    }
    
    .k-callout-n {
        left: 0% !important;
    }

.k-pager-wrap .k-pager-numbers .k-state-selected, .k-pager-wrap .k-pager-numbers .k-state-selected:hover {
    border-top-color: #f60;
}
.k-calendar .k-content .k-link {
    display: block;
    overflow: hidden;
    padding: .1em;

}
.k-calendar .k-month .k-link {
    width: 1.71428571em;
    height: 1.71428571em;
    border-color: #f60;
}

.k-calendar td.k-state-selected .k-link {
    color: #fff;
    background-color: #f60;
    background-image: none;
}

.k-calendar .k-today .k-link {
    box-shadow: inset 0 0 0 1px #f60;
    color: #bcb4b0;
    font-weight: 700;
}
.k-calendar td.k-state-focused .k-link {
    box-shadow: none;
    border: solid 1px silver;
}

    #dialog {
        z-index: 99999;
    }

.k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    border-top-width: 1px;
    text-align: center;
    border-radius: 0px !important;
}


.k-grid-edit,
.k-grid-delete,
.k-grid-SendPassword,
.k-grid-UnlockUser,
.custom_button,
.k-grid-UnlockPrinter,
.k-grid-ResetPIN {
    font: normal 16px/1.45em Arial,Verdana,sans-serif !important;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.45em;
    font-family: Arial, Verdana, sans-serif;
    display: inline-block;
    font-size: 1em !important;
    color: #fff !important;
    background: #f60 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    line-height: 1.7em !important;
    font-family: sans-serif !important;
    margin: 1px !important;
    border-radius: 0px !important;
}

    .k-grid-edit span.k-icon, 
    .k-grid-delete span.k-icon, 
    .k-grid-SendPassword span.k-icon, 
    .k-grid-UnlockUser span.k-icon,
    .custom_button span.k-icon
    {
        display: none !important;
    }




    .copyright {
        color: #6a6a6a;
        font: 14px/125% Arial, Helvetica, sans-serif;
    }
    
    p.errorPageMessage {
        font-size: 18px;
    }
    
    h1.errorPageHeader {
        color: #58585B;
    }
    
    .errorPageContainer {
        padding: 20px; 
        vert-align: top; 
        vertical-align: top;
    }
    
    #footer_container {
        margin: auto; 
        padding-bottom: 35px; 
        padding-top: 25px; 
        width: 835px;
    }
    
    #footerLogoContainer {
        margin: auto; 
        margin-bottom: 20px; 
        text-align: left; 
        width: 235px;
        color: white; 
    }
    
        #footerLogoContainer SPAN {
        color: #959595; 
        display: block; 
        font-size: 10px; 
        margin-bottom: 10px;
    }


body {

    background-color: #333333;
    color: #333333;
}

.darkDrop, .darkDrop .k-dropdown {
    margin: 0px !important; 
    min-width: 200px;
}

.ui-widget-overlay {
    background: none !important;
    background-color: #000 !important;
    opacity: .5 !important;
	filter:alpha(opacity=50) !important;    
}

.wrap_column {
    overflow: visible !important; 
    white-space: normal !important;
}



.pullLeft { float: left !important; }

.pullRight { float: right !important; }

.clearFormat { clear: both !important; }


.columnFormatMedium { width: 175px; }

.columnFormatSmall { width: 100px; }

.interiorBlock { padding: 15px; }


#deviceselection > table > tbody > tr:hover {
    background: #B2B2B2;
    cursor: pointer !important;
}
   
#centeredmenu, #centeredmenu:hover {
    border: solid 1px #bcb4b0;
    width: 958px;
}

.k-button-small {
    font: normal 12px/1.2em Arial, Verdana, sans-serif !important;
    padding: 8px 14px !important;
    border-radius: 0px !important;
}

.k-menu:after /* clear fix to expand content */ {
    content: '';
    display: block;
    width: 99%;
    height: 0;
    float: inherit;
    overflow: hidden;
}

.menuContainer, .menuContainer:hover {
    display: table !important;
    text-align: center !important;
         border: none !important;    
    margin: 0 auto !important;
}

.k-ie9 #centeredmenu ul, .k-ie9 #centeredmenu ul:hover {
    display: inline !important;
    margin: 0 auto;
    border: none !important;    
    white-space: nowrap;    
}


#centeredmenu ul, #centeredmenu ul:hover {
    margin: 0 auto;
    border: none !important;    
    white-space: nowrap;    
}

#printmenu li.k-state-highlight, #printmenu li.k-state-highlight:hover {
    background-color: transparent !important;
    background-image: url(Chevron.gif);
    background-position: right;
    background-repeat: no-repeat;
    border: none !important;    
    font-weight: bold !important;
}

#printmenu li.k-last, #printmenu li.k-last:hover {
     background-image: none !important;
         border: none !important;
}

#printmenu li.k-item, #printmenu li.k-item:hover {
    background-image: url(Chevron.gif);
    background-position: right;
    background-repeat: no-repeat;
    border: none !important;
    display: inline;
}



.k-window { width: 640px; }


.k-edit-form-container { width: 100%; }

.k-edit-form-container .text-box, 
.k-edit-form-container .k-textbox, 
.k-edit-form-container .k-numerictextbox { width: 100% !important; }



#container { background-color: transparent !important; }

header, #main { background-color: white; }

.user_info_bar a:link, .user_info_bar a:hover, .user_info_bar a:visited {
    color: white;
    text-decoration: none;
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited { color: #505abc; }

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


header, footer, nav, section { display: block; }
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-size: 1.5em;
}

h1 {
    font-size: 2em;
    margin-bottom: 0;
    padding-bottom: 0;
}

h2 {
    margin-bottom: 10;
    padding: 0;
}

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5 { font-size: 1em; }

h6 { font-size: .85em; }
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.page {
    margin: auto;
    width: 100%;
}

header, #header {
    margin-bottom: 0px;
    padding: 0;
}

header h1, #header h1 {
    border: none;
    color: #fff;
    font-weight: bold;
    line-height: 2em;
    margin: 0;
    text-shadow: 1px 1px 1px #111;
}

#main {
    margin: auto;
    min-height: 600px;
    padding: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px !important;
}

footer, #footer {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    background-color: #242424;
    border-bottom: none !important;
    border-radius: 0px !important;
    bottom: 0px;
    color: black !important;
    font-size: .7em;
    height: 395px;
    line-height: normal;
    padding: 10px 0;
    position: static;
    text-align: center;
    vert-align: bottom;
    vertical-align: bottom;
    vertical-align: text-bottom;
    width: 100%;
}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/


textarea { min-height: 75px; }

.k-grid input.text-box { width: 95% !important; }


/* TABLE
----------------------------------------------------------*/


/* MISC  
----------------------------------------------------------*/

.clear { clear: both; }

.error { color: Red; }

nav, #menucontainer {
    border-bottom: solid .5px lightgrey;
    border-top: solid .5px lightgrey;
    clear: both;
    display: block;
}

div#title {
    background-image: url(Fiserv_Orange_Logo.png);
    background-repeat: no-repeat;
    padding-bottom: 45px;
    padding-right: 30px;
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-top: 15px;
    text-align: left;
    width: 334px;
}

.brand-logo__img {
    display: block;
    width: 90px;
    height: 45px;
    margin: auto;
    z-index: 21;
}

div#title_inverted {
    background-image: url(Fiserv_White_Logo.png);
    background-repeat: no-repeat;
    padding-bottom: 45px;
    padding-right: 30px;
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-top: 15px;
    text-align: left;
    width: 334px;
}

#logindisplay {
    color: White;
    display: block;
    margin: 10px;
    text-align: right;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}
/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error { color: #ff0000; }

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

.input-validation-error {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
}

.validation-summary-errors 
{
    cursor: pointer;
    color: #ff0000;
    font-weight: normal;
}

.validation-summary-valid { display: none; }
/* Styles for editor and display helpers
----------------------------------------------------------*/


.clearbutton {
    border: 1px solid #DADADA;
    color: #58585B;
    cursor: pointer;
    margin: 0px;
    margin-left: 3px;
    margin-right: 3px;
    min-width: 75px;
    padding: 0px;
    padding: 5px 5px 5px 5px;
    text-align: center;
}

.clearbutton:hover {
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
}

a.clearbutton {
    color: #58585B;
    text-decoration: none;
}

#menu {
    border-bottom: none;
}


li > .k-state-selected {
    align-items: center;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    border-bottom-color: rgba(0, 0, 0, 0) !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-left-color: rgba(0, 0, 0, 0) !important;
    border-left-style: solid;
    border-left-width: 0px;
    border-right-color: rgba(0, 0, 0, 0) !important;
    border-right-style: solid;
    border-right-width: 0px;
    border-top-color: rgb(0, 124, 192);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-style: solid;
    border-top-width: 3px !important;
    box-shadow: none;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    font-family: Arial, Verdana, sans-serif;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-optical-sizing: auto;
    font-size: 15.2px;
    font-size-adjust: none;
    font-stretch: 100%;
    font-style: normal;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-variation-settings: normal;
    font-weight: 400;
    justify-content: center;
    line-height: normal;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    min-width: 38px;
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    position: relative;
    text-align: center;
    text-decoration-line: none;
    text-decoration-style: solid;
    white-space: normal;
    z-index: 2
}



.printstep div.k-block {
    background-color: white;
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px;
    max-width: 960px;
}

.printstep { border-top: none; }

.innererrordiv {
    color: black;
    min-height: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    vertical-align: middle;
}

#dismisserror, #dismisssuccess, #dismisswarning {
    cursor: pointer;
    float: right;
    margin-right: 10px;
    text-decoration: underline;
}

#inner_errorMsg, #inner_successMsg, #inner_infoMsg, #inner_warningMsg {
    background-repeat: no-repeat;
    float: left;
    padding-left: 18px;
}

#errorMsg, .errorMsg {
    background-color: white;
    border: solid 1px #DD3435;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}

.validation-summary-errors {
    background-color: #FD5953;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FD5953), to(#FA4F3D)) !important;
    background-image: -webkit-linear-gradient(top, #FD5953, #FA4F3D) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FD5953), to(#FA4F3D)) !important;
    background-image: -webkit-linear-gradient(top, #FD5953, #FA4F3D) !important;
    background-image: -moz-linear-gradient(top, #FD5953, #FA4F3D) !important;
    background-image: -ms-linear-gradient(top, #FD5953, #FA4F3D) !important;
    border: solid 1px #C63434;
    color: white;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FD5953, endColorstr=#FA4F3D) !important;
    font-size: smaller;
    font-weight: bold;
    margin-bottom: 10px;
    text-shadow: none !important;
}

.validation-summary-errors ul {
    border: solid 1px #FF9999;
    border-bottom-width: 0px;
    border-left-width: 0px;
    padding: 10px;    
}

.innersuccessdiv {
    border-top-color: #AFD44E;
    min-height: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    vertical-align: middle;
}

#successMsg, .successMsg {
    background-color: white;
    border: solid 1px #71A100;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}


.innerinfodiv {
    color: black;
    min-height: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    text-shadow: 0px 1px 0 rgba(207, 230, 252, 1);
    vertical-align: middle;
}

#infoMsg, .infoMsg {
    background-color: white;
    border: solid 1px #84B1C0;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}

.innerwarningdiv {
    border: solid 1px white;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-color: #FFFFFF;
    color: #645A2E;
    min-height: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    vertical-align: middle;
}

#warningMsg, .warningMsg {
    background-color: white;
    border: solid 1px #F3B823;
    cursor: pointer;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}


#deviceselection {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}


#programSelection {
    border-left: none !important;
    border-right: none !important;
}

#listView_pager {
    border-left: none !important;
    border-right: none !important;
}

.cardlayout {
    border: 1px solid #B2B2B2 !important;
    color: #6E6E6E;
    height: 250px;
    margin: auto;
    margin-bottom: 15px;
    width: 378px;        
}

.k-ie8 .cardlayout {
    margin-left: 75px;
}

.gradientBlock {
    background-color: #f4f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    border: 1px solid #B2B2B2;
    color: #6E6E6E;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f5f5, endColorstr=#dfdddd);
    margin: auto;        
}

.plain_gradientInput {
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    border: solid 1px #E5E5E5;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    outline: 0;
    padding: 5px !important;
}

.k-grid .text-box, .text-box {
    background-color: #fff;
    border-color:#bcb4b0;
    font-size:100%;
    border-style: solid;
    border-width: 1px;
    color: #2e2e2e;
    font-family: inherit;
    height: 2.12em;
    line-height: 1.6em;
    padding: 2px .3em;
    text-indent: 2px\9;
}

.k-grid .text-box,
.k-grid .k-textbox,
.k-grid .k-numerictextbox,
.k-edit-field .k-textbox,
.k-edit-field .k-numerictextbox,
.k-edit-field .text-box { width: 100%; }


.gradient {
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    border: solid 1px #E5E5E5;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    outline: 0;
}

.cardlayout input:hover, .cardlayout input:focus {
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    border-color: #C9C9C9;
}

#sitelist, #instlist { border: solid 1px red !important; }
    
.k-toolbar .k-combobox { width: 165px !important; }
    
.k-upload-button { width: 125px !important; }

div.k-tooltip {
    background-color: white;
    border: solid 1px #C9C9C9;
    clear: both;
    display: block;
    float: left;
    margin: 0px;
    padding: 5px;
}

.modalButton {
    float: right;
}


.k-ie9 .k-grid-edit:hover,
.k-ie9 .k-grid-SendPassword:hover,
.k-ie9 .k-grid-delete:hover,
.k-ie9 .k-grid-EditInstitution:hover,
.k-ie9 .k-grid-EnterPIN:hover,
.k-ie9 .k-grid-edit:hover,
.k-ie9 .k-grid-update:hover,
.k-ie9 .k-grid-cancel:hover,
.k-ie9 .k-grid-delete:hover,
.k-ie8 .k-grid-edit:hover,
.k-ie8 .k-grid-SendPassword:hover,
.k-ie8 .k-grid-delete:hover,
.k-ie8 .k-grid-EditInstitution:hover,
.k-ie8 .k-grid-EnterPIN:hover,
.k-ie8 .k-grid-edit:hover,
.k-ie8 .k-grid-update:hover,
.k-ie8 .k-grid-cancel:hover,
.k-ie8 .k-grid-delete:hover {
    background-color: #a99f9a !important;
    border-color: #a99f9a !important;
    text-shadow: none !important;
}

a.k-grid-EditInstitution, a.k-grid-EnterPIN, a.k-grid-UseThisPrinter {
    color: #58585B;
    text-decoration: none;
}

a.k-grid-EditInstitution:hover, a.k-grid-EnterPIN:hover, a.k-grid-UseThisPrinter:hover {
    color: white;
    text-shadow: none;
}

.k-calendar-container, .k-calendar, .k-calendar-view {
    width: 350px !important;
}


.compact {
    margin-left: 3px !important;
    margin-right: 3px !important;
    padding: 2px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;	
}


.cao_header {
    margin-left: 0px;
    margin-right: 0px;    
    margin-top: 5px;    
    margin-bottom: 5px;        
    padding: 0px;
}


h2.companycolor { margin-top: 10px; }

.printstep {
    margin: auto;
    max-width: 960px;
    min-width: 960px;
    padding-top: 20px;
}

.k-i-user {
    background-image: url(user-silhouette.png);
    height: 16px;
}

.k-i-save {
    background-image: url(disk-black.png);
    height: 16px;
}

.k-i-print {
    background-image: url(printer.png);
    height: 16px;
}

.k-i-key {
    background-image: url(key.png);
    height: 16px;	
}

.k-i-arrow_down {
    background-image: url(arrow_down.png);
    height: 16px;	
    
}

.tabstringstyle {
    background-color: transparent !important;
    background-image: none !important;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100% !important;
}

    .verticalMiddle {
        vert-align: middle; 
        vertical-align: middle;
    }

td.k-hierarchy-cell {
    background-color: #F3F3F3;
    background-image: none, -webkit-linear-gradient(top, #f6f6f6 0, #eaeaea 100%);
    background-image: none, -moz-linear-gradient(top, #f6f6f6 0, #eaeaea 100%);
    background-image: none, -o-linear-gradient(top, #f6f6f6 0, #eaeaea 100%);
    background-image: none, linear-gradient(to bottom, #f6f6f6 0, #eaeaea 100%);
    border-bottom: solid 1px #B2B2B2;
    border-right: solid 1px #B2B2B2 !important;
}

.k-loading-color {
    background-color: #58585B !important;    
}

.user_info_bar {
    background-color: #333333;
    border-bottom: solid 6px #333f48;
    color: white;
    font-size: .7em;
    font-weight: bold;
    margin-bottom: 0px;
    min-height: 20px;
    padding-bottom: 40px;
    height: 30px;
}

.innerGrid .k-grid-edit, .innerGrid .k-grid-update, .innerGrid .k-grid-cancel, .innerGrid .k-grid-delete {
    margin: 1px !important;
    max-width: 27px !important;
    min-width: 27px !important;
    width: 27px !important;
}


.k-tabstrip .k-content { padding: 5px !important; }

#inst_details_tabstrip-5, 
#inst_details_tabstrip-4, 
#inst_details_tabstrip-3, 
#inst_details_tabstrip-2 { padding: 0px !important; }

.k-tabstrip .k-content { padding: 0px !important; }

#assoc_inst_list, #user_List, #printer_table, #ServiceLocation_Table {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.k-upload {
    border-bottom: none !important;
    border-left: none !important;
    border-radius: 0px !important;
    border-right: none !important;
}

#assoc_inst_list { border-bottom: none !important; }

.k-detail-cell, .k-detail-cell .k-tabstrip .k-content { padding: 0px !important; }

.k-detail-cell {
    background-color: white;
    border-bottom: solid 1px silver !important;
    border-top: solid 1px silver !important;
}

table.busHourTable, table.busHourTable TD, table.busHourTable TH {
    border: none !important;
    padding: 5px;
}

#banner_bar {
    height: 85px;
    background-color: #FF6600;
}

#banner_bar #printbtn {
    float: right;
    margin-right: 15px;
    margin-top: 25px !important;
}

#banner_bar #printbtn .k-icon {
    color: white !important;
}

#user_editor {
    margin-bottom: 0px;
    width: 950px;
}

#user_editor .tableform label {
    background-color: #F5F5F5;
    display: inline-block;
    margin-right: 2px;
    padding: 9px;
    text-align: right;
    width: 110px;
}

#user_editor .tableform input[type="text"] { width: 180px; }

#user_editor .optionsblock label {
    display: inline-block;
    width: 250px;
}

#user_editor .optionsblock {
    display: inline-block;
    width: 250px;
}

#user_editor fieldset {
    border-color: #F5F5F5;
    margin-bottom: 5px;
    padding-top: 10px;
}

#user_editor #servicelocations .k-item {
    padding-bottom: 5px;
    padding-top: 5px;
}

#user_editor #role_viewer {
    height: 289px;
    overflow: auto;
    width: 225px;
}

.tableform, .tableform td, #user_editor, #user_editor td {
    vert-align: top;
    vertical-align: top;
}

    
.k-group .k-minus, .k-group .k-plus {
    margin-left: -35px !important;
    margin-right: 20px !important;        
}

.notFoundDisplayBlock {
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    background-color: #f4f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
    border: solid 1px #9B9B9B;
    border-bottom: solid 10px #ECC11B;
    color: #58585B;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f5f5, endColorstr=#dfdddd);
    margin: auto;
    margin-top: 100px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
    width: 800px;
}

.errorDisplayBlock {
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    background-color: #f4f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
    border: solid 1px #9B9B9B;
    border-bottom: solid 10px red;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f5f5, endColorstr=#dfdddd);
    margin: auto;
    margin-top: 100px !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
    width: 800px;    
}

.big {
    color: #58585B;
    font-size: 96px;
    margin: 10px;
    padding: 10px;
    padding: 10px;        
}

.outerBevel {
    border: solid 1px #9B9B9B;
}

.centered {
    left: 50%;
    margin-left: -175px;
    margin-top: -200px;
    position: fixed;
    top: 50%;
}

.innerBevel {
    border-left: solid 1px white;
    border-top: solid 1px white;
}

.outerLoginContainer { width: 400px; }



.innerLoginContainer { width: 400px; }



.loginHeader {
    background-color: white;
    border-bottom: solid 1px #9B9B9B;
    height: 70px;
    margin: 0px;
    /*padding: 10px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    width: 400px;
}


.loginblock {
    background-color: #E0E0E0;

}

.logintextbox { width: 355px; }

.login_button {
    float: right;
    margin-bottom: 10px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.validation-summary-errors ul {
    margin: 0px;
    padding: 0px;
}

.validation-summary-errors ul li {
    list-style-type: none;
    margin: 0px;
    padding: 3px;
    padding-left: 10px;
}
/***** clearfix *****/

.clear {
    clear: both;
    height: 0;
    line-height: 0;
}

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

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* End hide from IE-mac */

.clearfix { height: 1%; }

.clearfix { display: block; }

/* Panel Tab/button */

.tab {
    background: url(tab_b.png) repeat-x 0 0;
    height: 40px;
    position: relative;
    top: 0;
    z-index: 999;
}

    #csropts .k-dropdown { width: 220px; }

    #csropts{ height: 57px;}

    #csropts td {
        padding: 5px; 
        vert-align: middle; 
        vertical-align: middle;
    }
    
    .emulationCntrl {
        width: 285px !important;
    }

    #emulatingDlg.k-window-content { padding: 0px !important; }

    #emu_inst-list, #emu_svcloc-list, #emu_user-list { width: 375px !important; }

.tab ul.login {
    clear: right;
    color: white;
    display: block;
    float: right;
    font-size: .7em;
    height: 40px;
    line-height: 40px;
    margin: 0;
    position: relative;
    right: 150px;
    text-align: center;
    width: auto;
    padding: 0px;    
}
#toggle {
    width: 60px;
}

.tab ul.login li.left {
    background: url(tab_l.png) no-repeat left 0;
    display: block;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0;
    width: 30px;
}

.tab ul.login li.right {
    background: url(tab_r.png) no-repeat left 0;
    display: block;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0;
    width: 30px;
}

.tab ul.login li {
    background: url(tab_m.png) repeat-x 0 0;
    display: block;
    float: left;
    height: 40px;
    padding: 0 6px;
    text-align: left;
}

.tab ul.login li a { color: #15ADFF; }

.tab ul.login li a:hover { color: white; }

.tab a.open, .tab a.eclose {
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 20px !important;
    padding-left: 30px !important;
    position: relative;
    top: 11px;
    width: 100px;
}

.tab a.open { background: url(bt_open.png) no-repeat left 0; }

.tab a.eclose { background: url(bt_close.png) no-repeat left 0; }

.tab a:hover.open { background: url(bt_open.png) no-repeat left -19px; }

.tab a:hover.eclose { background: url(bt_close.png) no-repeat left -19px; }

/* sliding panel */

#toppanel {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    position: absolute; /*Panel will overlap  content */
    /*position: relative;*//*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
}

#panel {
    background: #333333;
    color: #999999;
    display: none;
    height: 55px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 3;
}


#panel .content input:focus.field { background: #545454; }

#selectable_roles, #selectable_reports, #selectable_printers {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.ui-tooltip, .arrow:after {
    background: papayawhip !important;    

    border: 1px solid silver !important;
}

.ui-tooltip {
    box-shadow: none;
    font-size: .7em !important;
}  


.reportChevron {
    background-image: url(Chevron.gif);
    background-position: 97% 15px;
    background-repeat: no-repeat;
    border: none !important;        
}

        #inv_container h4 {
            margin: 0px;
            padding: 0px;
        }

        #inv_container .ui-tabs-vertical {
            margin: auto;
            width: 99%;
        }

        #inv_container .ui-tabs-vertical .ui-tabs-nav {
            float: left;
            padding: .2em .1em .2em .2em;
            width: 15em;
        }

        #inv_container .ui-tabs-vertical .ui-tabs-nav li {
            border-bottom-width: 1px !important;
            border-right-width: 0 !important;
            clear: left;
            margin: 0px;
            width: 100%;
        }

        #inv_container .ui-tabs-vertical .ui-tabs-nav li a { display: block; }

        #inv_container .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
            border-right-width: 1px;
            border-right-width: 1px;
            padding-bottom: 0;
            padding-right: .1em;
        }

        #inv_container .ui-tabs-vertical .ui-tabs-panel {
            background-color: white;
            border-left: solid 1px #aaaaaa;
            float: left;
            margin-left: 1px;
            padding: 1em;
            width: 75%;
        }

        #inv_container .ui-state-focus { outline: none !important; }

        #inv_container .ui-widget-content { background-color: white !important; }

        #inv_container .ui-state-default {
            background: none !important;
            border: none !important;
            display: block !important;
            text-shadow: none !important;
        }

        #inv_container .ui-state-active {
            background-color: white !important;
            border-bottom: solid 1px #aaaaaa !important;
            border-top: solid 1px #aaaaaa !important;
        }
        
        
	     #report_wizard .wizard { }

	     #report_wizard .wizard-modal form {
	         margin: 0;
	         padding: 0;
	     }

	     #report_wizard .wizard-modal.modal { }

	     #report_wizard .wizard-modal-footer {
	         padding: 0px;
	         background-color: #f5f5f5;
	         text-align: right;
	     }

	     #report_wizard .wizard-card-container { }


         #report_wizard .wizard-hide-card {
             display: none !important;
         }

	     #report_wizard .wizard-modal-header.modal-header h3 {
	         display: inline;
	         line-height: 35px;
	     }

	     #report_wizard .wizard-modal-header.modal-header { border-bottom: 0; }

	     #report_wizard .wizard-subtitle {
	         color: #AFAFAF;
	         font-weight: bold;
	         padding-left: 20px;
	     }

	     #report_wizard .navigation {
	         list-style: none;
	         margin: 0px;
	         padding: 0px;
	         padding-left: 0px;
	     }

	     #report_wizard .disabled { display: none !important; }

	     #report_wizard .navigation li { padding: 5px; }

	     #report_wizard .active {
	         background-color: white !important;
	         color: black;
	     }

	     #report_wizard .active a { color: black !important; }

         #report_wizard .inner_wizard_container {
             margin-top: 0px !important; 
             border: solid 1px silver; 
             background-color: white;
         }

	     #report_wizard .already-visited { cursor: pointer; }

	     #report_wizard .already-visited a { color: black !important; }

	     #report_wizard .wizard-nav-item a { color: silver; }

	     #report_wizard .wizard-error,
	     #report_wizard .wizard-failure,
	     #report_wizard .wizard-success,
	     #report_wizard .wizard-loading,
	     #report_wizard .wizard-card {
	         border-top: 1px solid #EEE;
	         display: none;
	         margin-right: 5px;
	         overflow-y: auto;
	         padding: 15px;
	         position: relative;
	     }

	     #report_wizard .wizard-nav-link .icon-chevron-right {
	         float: right;
	         margin-top: 12px;
	         opacity: .25;
	     }

	     #report_wizard li.wizard-nav-item.active .icon-chevron-right { opacity: 1; }

	     #report_wizard li.wizard-nav-item { line-height: 40px; }

	     #report_wizard .wizard-modal.modal .nav-list > li > a {
	         background-color: #f5f5f5;
	         color: #B4B4B4;
	         cursor: default;
	         padding: 3px 15px 3px 20px;
	     }

	     #report_wizard .wizard-modal.modal .nav-list li.active > a { background-color: #08C; }

	     #report_wizard .wizard-modal.modal .nav-list > li.already-visited > a.wizard-nav-link {
	         color: #08C;
	         cursor: pointer;
	     }

	     #report_wizard .wizard-modal.modal .nav-list > li.active > a.wizard-nav-link { color: white; }

	     #report_wizard .already-visited > a.wizard-nav-link:hover { background-color: #E4E4E4; }

	     #report_wizard .wizard-card > h3 {
	         font-size: 21px;
	         font-weight: normal;
	         line-height: 40px;
	         margin-bottom: 20px;
	         margin-top: 0;
	     }

	     #report_wizard .wizard-progress {
	         bottom: 0;
	         padding: 15px;
	     }

	     #report_wizard .wizard-progress-container { padding: 20px; }

	     #report_wizard .wizard-steps {
	         background-color: #f5f5f5;
	         max-width: 300px;
	         width: 28%;
	     }

	     #report_wizard .wizard-nav-container {  }

	     #report_wizard .nav > li > a.wizard-step-error {
	         background-color: #F2DEDE;
	         color: #B94A48;
	         font-weight: bold;
	     }

	     #report_wizard .wizard-step-error .icon-chevron-right { opacity: 0; }

	     #report_wizard .wizard-input-section { margin-bottom: 20px; }

	     #report_wizard .wizard-buttons-container { padding: 10px;border-top: solid 1px silver; }

	     #report_wizard .wizard-modal .popover.error-popover {
	         background-color: #F2DEDE;
	         border-color: #953B39;
	         color: #B94A48;
	     }

	     #report_wizard .wizard-modal .popover.error-popover .arrow::after { border-right-color: #F2DEDE; }

	     #report_wizard .wizard-modal .popover.error-popover .popover-title { display: none; }

	     #report_wizard .wizard-modal .popover.error-popover .arrow { border-right-color: #953B39; }

	     #report_wizard .wizard-modal p {
	         margin: 0 0 10px;
	         padding: 0;
	     }

	     #report_wizard #wizard-ns-detail-servers, .wizard-additional-servers {
	         font-size: 12px;
	         margin-left: 15px;
	         margin-top: 10px;
	     }

	     #report_wizard #wizard-ns-detail-servers > li, .wizard-additional-servers li {
	         line-height: 20px;
	         list-style-type: none;
	     }

	     #report_wizard #wizard-ns-detail-servers > li > img { padding-right: 5px; }

	     #report_wizard .wizard-modal .chzn-container .chzn-results { max-height: 150px; }

	     #report_wizard .wizard-addl-subsection { margin-bottom: 40px; }        


         .k-menu-horizontal {

             border-left: none !important;
            border-right: none !important;
         }

    .k-menu.k-header, .k-tabstrip.k-header, .k-tabstrip .k-tabstrip-items .k-item, .k-header.k-scheduler-toolbar, .k-scheduler-footer > .k-header {
        background-color: transparent;
    }

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: #f1f1f1;
}

.k-grid td, .k-grid th {
    border-style: solid;
    border-width: 0 1px 0 1px !important;
    border-color: rgb(213, 213, 213) !important;
}

.k-grid-header th.k-header {
    min-height: 21px;
    line-height: 21px;
    padding: .5em .6em .4em .4em !important;
    border-bottom: solid 1px rgb(213, 213, 213) !important;
}

.k-menu-link {
    color: #2e8bc9 !important;
    padding: 0.750em !important;
    text-decoration: none !important;    
}
.k-menu-link:hover {
    text-decoration: underline !important;
}



input[type="submit"], custom_button {
    font: normal 16px/1.45em Arial, Verdana, sans-serif !important;
    display: inline-block;
    font-size: 1em !important;
    color: white !important;
    background: #f60 !important;
    border: 0 !important;
    padding: 5px 20px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    line-height: 1.7em !important;
    font-family: sans-serif !important;
    margin: 0 !important;
}

#tabstrip-left.k-tabstrip .k-content {
    padding: 10px !important;
}

.k-grid-content .k-tabstrip {
    width: 100% !important;
}



.printFooter {
    display: block;
}

a.k-button {
    text-decoration: none !important;
}
a.k-button:hover, .k-button-text:hover {
    text-decoration: underline !important;
}


.k-tooltip-validation {
    font-size: 12px;
}

.k-window-action {
    background: black !important;
    color: black !important;
    width: 30px !important;
    padding: 0px !important;
    height: 30px !important;
}

.k-window-action .k-icon {
    color: black !important;
}
.k-edit-form-container .k-edit-buttons .k-grid-update {
    float: right !important;
}
.k-window .k-edit-buttons {
    background-color: white !important;
}

.cancel_button, .k-grid-cancel {
    background-color: #666666 !important;
}

.k-menu .k-item {
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
}


.k-ie #CardNumber, 
.k-ie #CardholderName, 
.k-ie #ExtraEmbossing {
    height: 34px !important; 
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    padding: 3px !important;


}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    line-height: 32px !important;
}

.k-ie .k-combobox .k-input, .k-ie .k-numeric-wrap .k-input, .k-ie .k-picker-wrap .k-input, .k-ie .k-textbox > input {
    height: 2.05em !important;
}


#menu_bar li.k-item,
#menu_bar li.k-state-hightlight,
#menu_bar li.k-state-default,
#menu_bar li.k-menu-item,
#menu_bar li.k-state-hover,
#menu_bar li.k-state-focused {
    border-bottom: solid 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
}

.k-ie #menu_bar li.k-item,
.k-ie #menu_bar li.k-state-hightlight,
.k-ie #menu_bar li.k-state-default,
.k-ie #menu_bar li.k-menu-item,
.k-ie #menu_bar li.k-state-hover,
.k-ie #menu_bar li.k-state-focused {
    border-bottom: solid 1px lightgrey !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
}

#menu_bar li.k-state-hover {
    background-color: lightgrey !important;
}

.k-numerictextbox .k-link {
    height: 1.0em !important;
}

.k-pager-nav span.k-icon, span.k-svg-icon {
    color: #333333 !important;
}


input.custom_button,
.editorField button,
a.custom_button,
a.k-grid-delete,
a.k-grid-edit,
a.k-grid-UnlockUser,
.k-window .ui-state-default,
.k-button,
.k-grid-SendPassword,
.k-grid-EnterPIN,
.k-grid-edit,
.k-grid-Order,
.k-grid-SendPassword,
.k-grid-delete,
.k-grid-EditInstitution,
.k-grid-EnterPIN,
.k-grid-UseThisPrinter,
.k-grid-edit,
.k-grid-update,
.k-grid-cancel,
.k-grid-delete,
.k-window .ui-state-default,
.k-window .ui-state-hover {
    background-color: #f60 !important;
    border-color: #f60 !important;
    color: white !important;
    font: normal 15px Arial,Verdana,sans-serif !important;
    white-space: normal;
    border-radius: 0px !important;
}

    .custom_button:hover,
    .editorField button:hover,
    button.custom_button:hover,
    input.custom_button:hover,
    .k-grid-EnterPIN:hover,
    .k-window .ui-state-hover,
    a.custom_button:hover,
    a.k-grid-delete:hover,
    a.k-grid-edit:hover,
    .k-button:hover,
    a.k-grid-UnlockUser:hover,
    .k-window .ui-state-hover,
    .k-grid-SendPassword:hover,
    .k-grid-edit:hover,
    .k-grid-Order:hover,
    .k-grid-SendPassword:hover,
    .k-grid-delete:hover,
    .k-grid-EditInstitution:hover,
    .k-grid-EnterPIN:hover,
    .k-grid-edit:hover,
    .k-grid-update:hover,
    .k-grid-cancel:hover,
    .k-grid-delete:hover {
        background-color: #f60 !important;
        border-color: #f60 !important;
        color: white !important;
        text-shadow: 0px 1px 0 rgba(0, 0, 0, .25);
    }

    button .k-icon, .k-button span.k-icon {
        color: white !important;
    }

button.k-pager-nav, span.k-picker > span.k-button {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--kendo-color-on-app-surface, #515967) !important;
}

div.k-pager-numbers button.k-button {
    background: transparent !important;
    border: transparent !important;
    color: var(--kendo-color-on-app-surface, #515967) !important;
}

button.k-pager-nav span.k-svg-icon {
    color: var(--kendo-color-on-app-surface, #515967) !important;
}

span.k-picker span.k-input-button span.k-svg-icon {
    color: var(--kendo-color-on-app-surface, #515967) !important;
}

.leftMessage {
    width: 49%;
    min-width: 400px;
    float: left;
}

.rightMessage {
    width: 49%;
    min-width: 400px;
    float: right;
}

.k-checkbox:checked, .k-checkbox.k-checked {
    background-color: #666666;
}

@media (max-width: 800px) {
    .leftMessage {
        width: 100%;
    }

    .rightMessage {
        width: 100%;
    }
}

.k-grid td.k-selected,
.k-grid .k-table-row.k-selected > td,
.k-grid .k-table-td.k-selected,
.k-grid .k-table-row.k-selected > .k-table-td {
    background-color: #B2B2B2 !important;
}