/* Clear columns */
/* Add "clear" to divs that you want to "clear:left" across different screen sizes 
   eg: <div class="clear col-sm-6 col-md-4 col-lg-3">
   Also note: each screen size needs to be defined even if large is same as medium eg: col-sm-3 col-md-4 col-4-lg 
*/

@media all and (min-width:768px) and (max-width:991px) {
    .clear.col-sm-6:nth-child(2n+1) { clear: left; } /* 2 items per row */
    .clear.col-sm-4:nth-child(3n+1) { clear: left; } /* 3 items per row */
    .clear.col-sm-3:nth-child(4n+1) { clear: left; } /* 4 items per row (clears 5th) */
    .clear.col-sm-2:nth-child(6n+1) { clear:left; }
}
@media all and (min-width:992px) and (max-width:1199px) {
    .clear.col-md-6:nth-child(2n+1) { clear: left; } /* 2 items per row */
    .clear.col-md-4:nth-child(3n+1) { clear: left; } /* 3 items per row */
    .clear.col-md-3:nth-child(4n+1) { clear: left; } /* 4 items per row (clears 5th) */
    .clear.col-md-2:nth-child(6n+1) { clear:left; }
}
@media all and (min-width:1200px) {
    .clear.col-lg-6:nth-child(2n+1) { clear: left; } /* 2 items per row */
    .clear.col-lg-4:nth-child(3n+1) { clear: left; } /* 3 items per row */
    .clear.col-lg-3:nth-child(4n+1) { clear: left; } /* 4 items per row (clears 5th) */
    .clear.col-lg-2:nth-child(6n+1) { clear:left; }
}

/* Rad Editor styling */
.RadGrid_Bootstrap {}
.RadGrid_Bootstrap a {}

/* ASP table */
@media all {   
    
    
    
    .table-form  {overflow:hidden;}
    .table-form tr > .contentText { float: left; display:block; width:100%; min-width:130px;  padding: 7px 0 0 0; color:#333; font-weight:bold; text-align:left; font-size:1.15384615em;}
    .table-form tr > td + td { }
    .table-form input[type="text"] { background-color: #fff; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; line-height: 32px; padding: 0 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; margin-bottom: 1em; }
    .table-form input[type="text"]:focus { border-color: #bfbfbf; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset; }
    .table-form .RadEditor {margin-bottom:1em;}
}
@media all and (max-width:767px) {
    .table-form tr > td {width:100% !important; display:block;}
    .table-form tr > .contentText { margin-bottom:1em;}
    .table-form input[type="text"] { float:left; }
}
@media all and (min-width:768px) {
    .table-form.simple tr > td { width:33% !important; float:left; display:block;}
    .table-form.simple tr > td + td { width:67% !important; float:left; display:block; }

}

/* Defaults */
@media all {

    /* Defaults */
    body { font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #333; }
    /* Font size, colour */
    body, input, a, button { -webkit-font-smoothing: antialiased; }
    /* Fix bold rendering of fonts within Chrome */
    a:focus { outline: none; }
    hr { margin-top: 1em; margin-bottom: 1em; }

    /* iframe */
    iframe { border: none; }

    /* Headings */
    h1, h2, h3, h4, h5, h6 { margin-top: 0; }
    h1 { font-size: 2.69230769em; font-weight: 200; color: #5e5e5e; margin-bottom: 18px; }
    /* 35px */
    h2 { font-size: 2em; font-weight: 200; color: #4e4e4e; }
    /* 30px */
    h3 { font-size: 1.69230769em; }
    /* 22px */
    h4 { font-size: 1.38461538em; }
    /* 18px */
    h5 { font-size: 1.15384615em; font-weight: bold; }
    /* 15px */
    h6 { }

    /* Text Styling */
    .lead { font-size:1.15384615em; color:#555; }
    .well .lead {color:#333;}
    .story-header { }    

    /* Bold Face - font weight normal for custom fonts */
    strong, b { }

    /* Navigation */
    .categoryNavigation { float: left; width: 200px;}
    .categoryNavigation .nav-pills { margin-top: 23px;}
    .categoryNavigation .nav-pills hr {display: none;}

        /* Products container placement */
    .productsContainer { float: left;width: calc(100% - 200px);min-height: 600px;}

    .recent
    {
        background:#FF0000!important;	
    }
    /* Error message */
    .smallError, .largeError { color: #0e98cb; }
    .loginPage .smallError, .loginPage .largeError, .PromoError{color:#0e98cb;}

    /* Alerts */
    .alert, .alert-danger {}

    /* Link colour */
    a {color: #0e98cb; }

    /* Link colour - hover states*/
    a:hover, a:focus { text-decoration: none; color: #0e98cb; }

    /* ---  Helper Classes --- */

    .clear-left {clear:left;}

    /* Padding */
    .p0 { padding: 0; }

    /* Margin */
    .m0 { margin: 0; }
    .ml1 {margin-left:1em;}
    .ml2 {margin-left:2em;}
    .mr1 {margin-right:1em;}
    .mr2 {margin-right:2em;}

    /* Width */
    .w10 { width:10%; }
    .w20 { width:20%; }
    .w30 { width:30%; }
    .w40 { width:40%; }
    .w50 { width:50%; }
    .w60 { width:60%; }
    .w70 { width:70%; }
    .w80 { width:80%; }
    .w90 { width:90%; }
    .w100 { width:100%; }

    .img-responsive { width: 100%; }
    .img-max { max-width: 100%; }
    .inline-block { display: inline-block; }
    .relative { position: relative; }

    /* Spacers for mobile only */
    .b0 { margin-bottom: 0 !important; }
    .b1 { margin-bottom: 1em; }
    .b2 { margin-bottom: 2em; }
    .b3 { margin-bottom: 3em; }
    .b4 { margin-bottom: 4em; }
    .t0 { margin-top: 0; }
    .t1 { margin-top: 1em; }
    .t2 { margin-top: 2em; }
    .t3 { margin-top: 3em; }
    .t4 { margin-top: 4em; }

    /* Attach these classes to rows */

    /* No gutters */
    .row.noGutter { margin-left: 0; margin-right: 0; }
    .noGutter .col-sm-1, .noGutter .col-sm-2, .noGutter .col-sm-3, .noGutter .col-sm-4, .noGutter .col-sm-5, .noGutter .col-sm-6, .noGutter .col-sm-7, .noGutter .col-sm-8, .noGutter .col-sm-9, .noGutter .col-sm-10, .noGutter .col-sm-11, .noGutter .col-sm-12, .noGutter .col-md-1, .noGutter .col-md-2, .noGutter .col-md-3, .noGutter .col-md-4, .noGutter .col-md-5, .noGutter .col-md-6, .noGutter .col-md-7, .noGutter .col-md-8, .noGutter .col-md-9, .noGutter .col-md-10, .noGutter .col-md-11, .noGutter .col-md-12, .noGutter .col-xs-1, .noGutter .col-xs-2, .noGutter .col-xs-3, .noGutter .col-xs-4, .noGutter .col-xs-5, .noGutter .col-xs-6, .noGutter .col-xs-7, .noGutter .col-xs-8, .noGutter .col-xs-9, .noGutter .col-xs-10, .noGutter .col-xs-11, .noGutter .col-xs-12 { padding-left: 0; padding-right: 0; }

    /* 20px gutter */
    .row.gutter20 { margin-left: -10px; margin-right: -10px; }
    .gutter20 .col-sm-1, .gutter20 .col-sm-2, .gutter20 .col-sm-3, .gutter20 .col-sm-4, .gutter20 .col-sm-5, .gutter20 .col-sm-6, .gutter20 .col-sm-7, .gutter20 .col-sm-8, .gutter20 .col-sm-9, .gutter20 .col-sm-10, .gutter20 .col-sm-11, .gutter20 .col-sm-12, .gutter20 .col-md-1, .gutter20 .col-md-2, .gutter20 .col-md-3, .gutter20 .col-md-4, .gutter20 .col-md-5, .gutter20 .col-md-6, .gutter20 .col-md-7, .gutter20 .col-md-8, .gutter20 .col-md-9, .gutter20 .col-md-10, .gutter20 .col-md-11, .gutter20 .col-md-12, .gutter20 .col-xs-1, .gutter20 .col-xs-2, .gutter20 .col-xs-3, .gutter20 .col-xs-4, .gutter20 .col-xs-5, .gutter20 .col-xs-6, .gutter20 .col-xs-7, .gutter20 .col-xs-8, .gutter20 .col-xs-9, .gutter20 .col-xs-10, .gutter20 .col-xs-11, .gutter20 .col-xs-12 { padding-left: 10px; padding-right: 10px; }

    /* 10px gutter */
    .row.gutter10 { margin-left: -5px; margin-right: -5px; }
    .gutter10 .col-sm-1, .gutter10 .col-sm-2, .gutter10 .col-sm-3, .gutter10 .col-sm-4, .gutter10 .col-sm-5, .gutter10 .col-sm-6, .gutter10 .col-sm-7, .gutter10 .col-sm-8, .gutter10 .col-sm-9, .gutter10 .col-sm-10, .gutter10 .col-sm-11, .gutter10 .col-sm-12, .gutter10 .col-md-1, .gutter10 .col-md-2, .gutter10 .col-md-3, .gutter10 .col-md-4, .gutter10 .col-md-5, .gutter10 .col-md-6, .gutter10 .col-md-7, .gutter10 .col-md-8, .gutter10 .col-md-9, .gutter10 .col-md-10, .gutter10 .col-md-11, .gutter10 .col-md-12, .gutter10 .col-xs-1, .gutter10 .col-xs-2, .gutter10 .col-xs-3, .gutter10 .col-xs-4, .gutter10 .col-xs-5, .gutter10 .col-xs-6, .gutter10 .col-xs-7, .gutter10 .col-xs-8, .gutter10 .col-xs-9, .gutter10 .col-xs-10, .gutter10 .col-xs-11, .gutter10 .col-xs-12 { padding-left: 5px; padding-right: 5px; }

    /* Custom Grids */

    /* 5 column */
    .col5-sm-1, .col5-sm-2, .col5-sm-3, .col5-sm-4, .col5-sm-5 { padding-left: 15px; padding-right: 15px; }

    /* Buttons (use px for font size)*/
    .btn { text-indent:0; }    /* Don't style .btn due to the side cart being contained within a DIV that has a .btn class */
    .btn:active, .btn.active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }    /* Remove default Bootstrap inner shadow */

    /* Buttons*/
    .btn.btn-primary, .btn.btn-default, .btn.btn-success, .btn-info, .btn-warning, .btn-danger { height: auto; line-height: 30px; padding-top: 0; padding-bottom: 0; font-weight: bold; font-size: 13px; }
    /* Use line-height for height (don't use height), padding, font-size, font family *
	
    /* Button - primary colour */
    .btn-primary { color: #fff; border-color: #27a1d3; font-weight: bold; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#71c2e2+0,27a1d3+100 */ background: #71c2e2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxYzJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyN2ExZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #71c2e2 0%, #27a1d3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71c2e2), color-stop(100%,#27a1d3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #71c2e2 0%,#27a1d3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #71c2e2 0%,#27a1d3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #71c2e2 0%,#27a1d3 100%); /* IE10+ */ background: linear-gradient(to bottom, #71c2e2 0%,#27a1d3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71c2e2', endColorstr='#27a1d3',GradientType=0 ); /* IE6-8 */ }
    /* Background colour and text colour */

    /* Button - default colour */
    .btn.btn-sm.btn-default { height:auto; line-height:22px;}
    .btn-default { border-color: #acacac; color: #646464; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-8 */ }

    /* Text colour and background colour */

    /* Button size variations */
    .btn.btn-sm, .btn-sm, .btn-group-sm > .btn { line-height: 25px; font-size: 12px; } /* Small button styling: height, line-height, padding, font-size */
    .btn.btn-sm.btn-primary, .btn.btn-xs.btn-primary { } /* Height and line-height */
    .btn.btn-lg { line-height: 52px; font-size: 15px; }
    .btn.btn-xs { line-height: 20px; font-size: 11px; }

    /* Button fixed */
    .btn.fixed {width:65px;}

    /* Buttons - Hover states */
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { border-color: #157faa; } /* Background colour */
    .btn-default:hover, .btn-default:focus, .btn-default:active { border-color: #888; }

    /* Button groups */
    .btn-group + .btn-group{}
    .btn-group .last { border-bottom-right-radius: 3px !important; border-top-right-radius: 3px !important; }
    .btn-group .first { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; }

    /* --- Forms --- */

    /* Fixes & overrides */
    input::-ms-clear { display: none; }    /* Remove "x" that appears within fields on IE */
    input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: none; }    /* Remove the default shadow from inputs on Safari/iOS devices */
    textarea:focus, input:focus, .form-control:focus, *:focus { outline: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }    /* Remove Bootstrap defaults on focused form items */
    textarea:focus, input:focus, *:focus, .btn:focus, .btn:active:focus, .btn.active:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 0; }
    /* Remove dotted outline */
    input[type="checkbox"] { -webkit-appearance: checkbox; } /* fixes bug in Chrome where checkbox doesn't display */
    input[type="radio"] { -webkit-appearance: radio; } /* fixes bug in Chrome where radio button doesn't display */
    .form-horizontal .control-label {text-align:left;}

    /* Defaults */
    input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, textarea.form-control, select.form-control, select { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset; border-color: #d2d2d2; border:1px solid #bfbfbf;}
    .DateBox input[type="text"] { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset !important; border-color: #d2d2d2 !important; height:32px !important; border-radius:3px !important; }

    /* Fields */
    input.form-control { height: 32px; border-radius: 3px; }
    .DataBox input[type="text"] {}
    select.form-control, select {min-height:32px; border-radius: 3px;}
    input.form-control, .input-group select.form-control, select { height: 32px; border-radius: 3px; }
    input.form-control.input-sm, select.input-sm, span.form-control.input-sm {height:22px; min-height:22px; font-size:11px;}
    .label-sm { padding: 6px 0; font-size: 1em; font-weight: normal; }
    input.input-lg { height: 42px;}

    /* Set default height for form input fields */
    .form-control { padding: 0 7px; height:32px; }

    /* Field focus state */
    .form-control:focus { border-color: #bfbfbf; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset; }

    /* Text area */
    textarea.form-control, textarea { padding-top: 7px; padding-bottom: 7px; }

    /* Select boxes */
    select { padding: 0 3px; color:#000;}

    /* Labels */
    label { font-size: 1.15384615em; line-height:inherit; }
    .form-group > label, .form-horizontal > label { padding-top: 6px; }
    .form-horizontal .control-label { padding-top: 6px; }
    label.text-right { padding-right: 12px !important; }

    /* Checkboxes */
    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-top: 2px; }
    .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox]{margin-left:0;}
    .radio > label > input[type="radio"], .checkbox > label > input[type="checkbox"] { margin-left:-20px;}
    .checkbox > label label, .radio > label label { padding-left: 0; font-size: 13px; }    /* when asp checkbox renders input followed by a label */

    /* Form field has error */
    .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { }    /* text colour */
    .has-error .form-control { }    /* border colour */
    .has-error .form-control:focus { box-shadow: none; }
    .error, .field-validation-error { }    /* Text colour */

    /* Input group buttons */
    .form-group { margin-bottom:1em;}
    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { padding: 0 6px; height: 32px; }
    .input-group-addon, .input-group-btn { font-size: 11px; }
    .input-group-addon { padding-top: 0; padding-bottom: 0; }

    /* Form Builder Form */
    .form-builder .form-group { overflow: hidden; }
    .form-builder .label, .form-builder .field { }
    .form-builder .label { float: left; padding: 7px 0 0 0; color: #333; font-weight: normal; text-align: left; }
    .form-builder .field { float: left; }

    /* --- Kendo Overrides --- */
    .k-content{background:transparent !important;}
    .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list>.k-state-selected, .k-list>.k-state-highlight, .k-panel>.k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color, .k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list>.k-state-hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-mobile-list .k-item>.k-link:active, .k-mobile-list .k-item>.k-label:active, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-recur-view .k-check:active{background-color:#c0e4f6 !important; background-image:linear-gradient(#ddf0fa 0,#bbddf4 50%,#9ddaf2 50%,#c0e4f6 100%) !important; color:#0e3d4f !important; border-color:#5d9fb7 !important; border-radius:0 !important;}
    .k-state-focused.k-state-selected, .k-list>.k-state-focused.k-state-selected, .k-listview>.k-state-focused.k-state-selected, td.k-state-focused.k-state-selected, .k-state-focused, .k-list>.k-state-focused, .k-listview>.k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused, .k-button.k-state-focused{box-shadow:none !important;}
    .k-item.k-first{background:url('/WebResource.axd?d=0hzBHimOxAjoZN2fbYlHRyEAraxj20PEH4Q2uVW-2xSoROI2BSPNiB-VZkxJHHWFuDT-c3HuZ4RxmXhfIZNSEXLyUqonwJk1QOI8Lqo12x8-N1RuxOXwPs6dC2O7vkIE8GXPMe8SIQqm3-YRAg_8PbF6DC01&t=635888957736802500')no-repeat;}
    .k-item .k-top + .k-group {background:url('/WebResource.axd?d=SJmbU5La0_l36wJ_TVV29AGQsENPhl-_6i9S0W5TB4hGOVML4hA2uVr-dBt96HiFeCYD0iHz6wx6HfjwrDG7K9IS4aqEAFY2tkp9gH0g95S7Y36zQ_aTebt08preutBvHrrAUpnL2P9iteOgKJd1gh-RmKY1&t=635888957736802500')no-repeat !important;}
    .k-treeview .k-item{background:url('/WebResource.axd?d=IilEBHnZxpMjhUqYX84493gYyYSU1RnvZsxkA9oij4rxKdPs0vmCgy_jNPRMRW3QVlKKMIrsv4lZuVUoM5G81pTeqJ9_jTkTz8WwnnChQ0aNFK5zYhzb29EgLO1RjE3Ie_4EyuLzigxK_qNAYpsnOHUMBYo1&t=635888957736802500')repeat-y; padding: 0 0 0 20px !important;}
    .k-treeview .k-item.k-last{background:url('/WebResource.axd?d=Rb2THOvIJkC8koWu-hTLxTy_YU5APQGlY-Q4bWcLxZ3Cz1PgGLFW-081IqSqrZZ99CY-nzNuKqxmjZJSc0rieMtArbVHhQskSvgpB4dViGuzo-DC_LZAo4EuzhQI03uXtM5vpTgR1cWjjLWsSkl53mCzv_Y1&t=635888957736802500')no-repeat;}
    .k-icon.k-plus{background:url(/WebResource.axd?d=moUGg3wJHTMdKkQz3hKcu6isTzZB7IHFWPQfeAutrnc2kEIibLo8xR-SK9aTlOub0DeBiKr8c3ExTzWhrysvj0Q1mYA6XwniR_1xfvxeY-HfZSBVulwD-lP-P8LhgJcfgupW58GFULBe5a6J47Ng60tb4WY1&t=635888957736992632)no-repeat; width:11px; height:11px; border-radius:0 !important;}
    .k-icon.k-minus{background:url(/WebResource.axd?d=moUGg3wJHTMdKkQz3hKcu6isTzZB7IHFWPQfeAutrnc2kEIibLo8xR-SK9aTlOub0DeBiKr8c3ExTzWhrysvj0Q1mYA6XwniR_1xfvxeY-HfZSBVulwD-lP-P8LhgJcfgupW58GFULBe5a6J47Ng60tb4WY1&t=635888957736992632)no-repeat 0 -11px; width:11px; height:11px; border-radius:0 !important;}
    .calendar{background:url('/WebResource.axd?d=wwF2KCEGFEBpnq7GJgFuTC5yB75t8nVSrS5A3JSyjw1GUF_IM9h-W5GOh8dtfEIx5AC1uKs1mW9ml5HJVzsTJ1jypzFRMLcVQs2PsVjd5D7ZXTxGcxioIjVVzh77r-UpXgVBbWfMP9B78WKADxKYrzvjVqQ1&t=635888957736802500')no-repeat; width:22px; height:22px; display:inline-block; vertical-align:middle;}
    .k-selectable tr:hover{cursor:pointer;}
    .k-primary,.k-overflow-container .k-primary{background-color:#428bca !important; background-image:linear-gradient(to bottom, #71c2e2 0%,#27a1d3 100%) !important; border-color:#27a1d3 !important;}
    /* --- Telerik overrides --- */

    table, th, td{border:none;}
    #UdfFieldsTable tr td{padding-bottom:10px;}

    /* Table */
    .RadGrid .rgMasterTable thead td{border-bottom:1px solid #ddd !important;}
    .RadGrid .rgMasterTable .rgEditRow + tr td{border-bottom:1px solid #ddd !important;}
    .RadGrid_Bootstrap .rgRow .input-group .form-control:first-child , .RadGrid_Bootstrap .rgAltRow .input-group .form-control:first-child, .RadGrid_Bootstrap .rgEditForm .input-group .form-control:first-child{border-bottom-right-radius:0; border-top-right-radius:0;}
    .RadGrid_Bootstrap .rgEditForm a.btn.btn-default{color:#646464;}

    /* Buttons - bootstrap */
    .RadGrid_Bootstrap .btn-danger {color:#fff; line-height:30px; font-size:12px;}
    .RadGrid_Bootstrap .btn-default {color:#646464; line-height:30px; font-size:12px;}
    .RadGrid_Bootstrap .rgRow > td, .RadGrid_Bootstrap .rgAltRow > td {padding-top:5px !important; padding-bottom:5px !important; transition:background-color 0.2s; font-size:12px;}
    .RadGrid_Bootstrap .rgRow .btn, .RadGrid_Bootstrap .rgAltRow .btn {margin-top:5px; margin-bottom:5px;}    

    /* Buttons - telerik defaults */
    .RadUpload .ruRemove, .RadUpload .ruActions .ruButton, .table-form.button a { font-weight: bold; line-height: 22px; height: auto !important; font-size: 12px !important;border-radius: 3px; padding: 0 8px !important; 
    border: 1px solid #acacac !important; color: #646464;
    background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)) !important; /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%) !important; /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%) !important; /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%) !important; /* IE10+ */ 
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%) !important; /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ) !important; /* IE6-8 */ }
   .table-form.button.danger a {background:#d9534f !important; border-color:#d9634f !important; color:#fff;}

    /* Fields - small */    
    .RadInput_Bootstrap.riSingle .riTextBox, .RadForm_Bootstrap.RadForm.rfdTextbox input.riTextBox.rfdDecorated, .rgEditRow input { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset !important; border-color: #d2d2d2 !important; height:24px !important; border-radius:3px !important; }
    .rgEditRow input[type="text"] {width:100%;}
    .RadGrid_Bootstrap .rgEditForm input.form-control.input-sm{height:22px;}
    .rgEditRow .table-form input{height:22px; line-height:22px;}
    .Bootstrap .reSpinBox input{height:34px;}

    /* Fields - medium */
    .rcInputCell .riTextBox { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset !important; border-color: #d2d2d2 !important; height:32px !important; border-radius:3px !important; }

    /* Icon resizes */
    .RadPicker_Bootstrap .rcCalPopup { background-position: -14px -4214px !important; }
    .RadPicker_Bootstrap .rcTimePopup { background-position: -14px -4263px !important;}
    .RadPicker_Bootstrap .rcCalPopup, .RadPicker_Bootstrap .rcTimePopup {width:22px !important; height:22px !important; margin-right:10px !important;}

    /* selected colour*/
    .RadGrid_Bootstrap .rgMasterTable .rgSelectedCell, .RadGrid_Bootstrap .rgSelectedRow > td, .RadGrid_Bootstrap td.rgEditRow .rgSelectedRow, .RadGrid_Bootstrap .rgSelectedRow td.rgSorted {background-color:#767676 !important;}

    /* Checkboxes */
    .RadUpload .ruCheck {margin-right:10px;}

    /* Select */
    .RadGrid_Bootstrap .rgRow select, .RadGrid_Bootstrap .rgAltRow select  { min-height:22px; height:22px; color:#000;}
    .RadGrid_Bootstrap .rgSelectedRow>td{color:#000;}

    /* Filters */
    .rgFilterRow input[type="text"] {height:22px; width:79%;}
    .rgFilterRow input.rgFilter {height:22px; width:20px; background-position: -15px -4513px; border-radius:0;}
    .rgFilterRow input[type="checkbox"] {margin-right:10px;}

    /* Pagination */
    .RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage { background-color: #0e98cb !important; border: 1px solid #0e98cb !important; } 

    /* Panel Title */
    .panel-title {font-size:12px; font-weight:bold;}

    /* --- Pills --- */

    /* Fixes & overrides */
    .nav-pills hr { display: none; }

    /* Defaults */
    .nav-pills a { text-decoration: none; color: #444; }
    .nav-pills a:hover { }
    /* color */
    .nav-pills > li > a:hover { background: none; }
    .nav-stacked > li > ul > li.active, .nav-stacked > li > ul > li, .nav-stacked > li > ul > li > ul > li.active, .nav-stacked > li > ul > li > ul > li { display: block; color: #000; }
    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { text-decoration: none; font-weight: normal; background: none; color: #333; }
    .nav-pills > li.active > a:hover { }
    /* color */
    .nav-stacked > li > ul > li > ul li.active { font-weight: normal; text-decoration: underline; }

    /* Level 1 / defaults */
    .nav-stacked > li > ul { padding-left: 16px; margin: 8px 0; }
    .nav-stacked li { font-size: 14px; font-weight: normal; }
    .nav-pills > li > a { padding: 0; }

    /* Level 2*/
    .nav-pills ul li a { display: block; margin-bottom: 4px; }
    .nav-stacked li li { font-size: 11px; text-transform: none; }
    .nav-stacked > li > ul > li.active { font-weight: normal; }
    .nav-stacked > li > ul > li.active > a { }    /* color */

    /* Level 3*/
    .nav-stacked li li li { text-transform: none; }

    /* --- Pagination --- */
    .pagination { margin: 1em 0; }
    .pagination li { }    /* font-size */
    .pagination > li > a, .pagination > li > span { border: none; background: none; color: #666; padding: 0 10px; height: 34px; line-height: 34px; }
    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border: none; background: none; font-weight: bold; }    /* color */
    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: none; border: none; }    /* color */

    /* Popover styling */
    .popover-title { font-size: 13px; }
    .popover-content { font-size: 12px;font-weight: normal; }
    
    /* ? */
    a.help { background: #999;font-weight: bold; border-radius: 12px; height: 20px; width: 20px; color: #fff; text-indent: 0; text-align: center; line-height: 20px; font-size: 11px;margin-left: 7px; }
    a.help:hover { cursor: pointer;background: #777;}
    label.centreLabel + .help { position: relative; top: -1px; }
    label.centreLabel-lg + .help { position: relative; top: -2px; }

    /* Breadcrumbs */
    .breadcrumb { }    /* Background colour, colour and padding */
    .breadcrumb a, .breadcrumb li, .breadcrumb > .active { }    /* colour */
    .breadcrumb > li + li::before { content: "/ "; padding: 0 10px; }    /* colour */

    /* Alerts */
    .alert-danger { }    /* background-color, border-color, color */

    /* Progress Bars */
    .progress-bar { }    /* Background colour same as main link colour or brand colour */

    /* Panels */
    .panel { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }    /* Bootstrap default box shadow removed. Apply styles for background, border radius */
    .panel-group .panel, .tab-content .panel, .invoice .panel { }    /* separate styles for panels within different contexts */
    .panel-default > .panel-heading{ background-color:#e4e4e4;}
    .panel-dark { border-color: #444;}
    /* Padding */

    /* List Groups */

    /* Tables */
    .tableDesign{width:100%}
    /* --- Nav Tabs --- */

    .nav-tabs { border-bottom: 1px solid #e5e5e5; margin-bottom: 1em; }

    /* Tab defaults */
    .nav-tabs a { color: #333; }
    .nav-tabs > li > a { margin-right: 6px; border: 1px solid #e5e5e5; padding: 7px 17px; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #f2f2f2; -webkit-box-shadow: inset 0px -11px 3px -7px rgba(0,0,0,0.08); -moz-box-shadow: inset 0px -11px 3px -7px rgba(0,0,0,0.08); box-shadow: inset 0px -11px 3px -7px rgba(0,0,0,0.08); }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { box-shadow: none; }

    /* Active */
    .nav-tabs > li.active > a { border-bottom-color: #fff; }

    /* Hover */
    .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #c5c5c5; border-bottom-color: #e5e5e5; background: none; }

    /* Member panels*/

    /* Modal window */

    .modal { overflow-y: auto; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.15); border: none; }
    /* Remove border, box shadow and border radius */
    .modal-backdrop, .modal-backdrop.fade.in { }    /* Background transparency colour that covers the screen behind the modal itself: opacity and background */
    .modal-header { }
    .modal-header > .modalTitle { }    /*Headings that sit within the modal header */
    .modal-header > h1, .modal-header > h2, .modal-header > h3, .modal-header > h3 { }
    .modal-body { }    /* Padding */
    .modal-footer { }    /* Footer specific styles */
    .modal-footer button, .modal-footer .btn { }    /* All buttons within the footer */
    .modal-footer .btn + .btn { }    /* Targets second button within the footer */

    /* Fix for modals not being scrollable if content is within an iframe */
    .modal-scrollable { -webkit-overflow-scrolling: touch; overflow-y: scroll; }

    /* Remove slide in animation and apply just a fade in */
    .modal.fade { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: opacity .3s linear; }

    /* Carousel */
    .carousel-control.right, .carousel-control.left { background-image: none; filter: none; }
    /* Remove default gradient in Bootstrap Carousel */

    /* Well */
    .well { margin-bottom: 1em; background: #f4f4f4; border-radius: 3px; box-shadow: none; border: none; }
    .well hr { border-color: #dedede; }
    .well .well { background: #fff; }
    .well.well-sm {padding:10px;}
    .white-well { margin-bottom: 1em; background: #fff; border-radius: 3px; box-shadow: none; border: 1px solid #ccc; padding: 19px; }
    .white-well-xs {  margin-bottom: 1em; background: #fff; border-radius: 3px; box-shadow: none; border: 1px solid #ccc; padding: 5px;}
    .grey-well-xs { margin-bottom: 1em; background: #d9d9d9; border-radius: 3px; box-shadow: none; border: 1px solid #ccc; padding: 5px;}
    
    /* Table styling */   
    .table-top th { background:#f5f5f5; border:1px solid #ccc; color:#333; padding:10px; font-weight:normal;}
    .table-top th:first-child {border-top-left-radius:3px;}
    .table-top th:last-child { border-top-right-radius:3px;}
    .table-row td {padding:10px; background:#fff; border:1px solid #ddd; border-top:0;}

    /* Effects */
    .drop-shadow { -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.17); box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.17); }

    /* --- Header --- */
    #headerNav, .gradient { height: 50px; background: rgba(76,79,80,1); background: -moz-linear-gradient(top, rgba(76,79,80,1) 0%, rgba(63,66,67,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,79,80,1)), color-stop(100%, rgba(63,66,67,1))); background: -webkit-linear-gradient(top, rgba(76,79,80,1) 0%, rgba(63,66,67,1) 100%); background: -o-linear-gradient(top, rgba(76,79,80,1) 0%, rgba(63,66,67,1) 100%); background: -ms-linear-gradient(top, rgba(76,79,80,1) 0%, rgba(63,66,67,1) 100%); background: linear-gradient(to bottom, rgba(76,79,80,1) 0%, rgba(63,66,67,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4f50', endColorstr='#3f4243', GradientType=0 ); }
    .navigation { height: 50px; }
    .logo img { padding-top: 17px; }
    .logo a { display: block; }
    #headerNav .link { color: #fff; font-weight: bold; font-size: 12px; padding: 16px 6px; }
    #headerNav .link:hover { color: #bebebe; }

    /* --- Menu --- */
    .menu { background: #f5f5f5; }

    /* Tabs at top of menu */
    .menu .nav-tabs { background: #e4e4e4; }
    .menu .nav-tabs > li { text-align: center; border-left: 1px solid #ccc; height: 35px; }
    .menu .nav-tabs > li > a { border: none; background: none; color: #444; margin: 0; box-shadow: none; }
    .menu .nav-tabs > li > a:hover, .menu .nav-tabs > li > a:focus, .menu .nav-tabs > li > a:active { background: none; border: none; color: #000; }

    /* Menu tree */
    .RadTreeView_WebBlue a.rtIn, .RadTreeView .rtIn { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; }
    .treeNodeStd { color: #000000; font-variant: normal; font-style: normal; }
    .treeNodeRed { color: #f00; }
    .treeNodeStdOver { font-size: 10px; color: #666666; }
    .treeNodeRedOver { font-size: 10px; color: #ffcccc; }
    .TreeNode_deactive { color: #757575 !important; font-style: italic; }

    /* Menu images */
    .menu .RadTreeView img, .RadMenu .rmGroup .rmLeftImage {width:20px; height:20px;}

    /* --- Homepage --- */

    .MainMenuHeading, .stdText { color: #333; }
    .homeIcons h5 { margin-bottom: 3px; }
    .homeIcons p { min-height: 3em; }

    /* --- Login --- */

    .loginPage { background: url(/App_Themes/Max6/Images/background.jpg) no-repeat right top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
    .loginContainer { margin:125px auto 0 auto; width:90%; max-width: 333px; padding: 51px 61px; background-color: rgba(0,0,0,0.6); border-radius:3px; }
    .buildVersion {font-size:11px; color:#555; height:3em; width:100%; position:fixed; bottom:0; text-align:center; }
    .loginContainer .form-group {margin-bottom:11px;}
    .btn-pill {background-color:#848484; color:#fff; font-weight:bold; border-radius:18px; }
    .btn-pill:hover {background-color:#949494; color:#fff; }
    .loginLogo {text-indent:-9999px; width:217px; height:20px; background:url(/App_Themes/Max6/Images/logo-login.png) no-repeat 0 0; margin:0 auto 30px auto;}

    /* --- Promotions --- */

    /* Cell defaults */
    .tblDisplay th, .tblDisplay td { padding-left: 10px; text-align: left; }
    .smallText td {font-size:0.92307692em;} 

    /* --- One Customer --- */
    .oc-searchresult {border:1px solid #ccc; position:relative; padding:15px; margin-top:6px;}
    .oc-searchresult button.close {position:absolute; top:7px; right:10px;}
    .oc-searchresult td, .oc-searchresult th {padding:5px;}
    .oc-searchresult th {border-bottom:1px solid #eee;}
    .oc-searchresult .js-oc-member:hover {cursor:pointer; color:#0e98cb;}
    .js-oc-memberrefresh:hover, .js-oc-orderrefresh:hover, .js-oc-emailrefresh:hover, .js-oc-sitehistoryrefresh:hover, .js-oc-historyrefresh:hover, js-oc-shoppingcartrefresh:hover {cursor:pointer; color:#555;}
    .js-oc-member td:hover{cursor:pointer;}
    .js-oc-member {cursor: pointer;}

    /* --- Upload wizard --- */
    .uploadWizard .RadUpload.form-control{box-shadow:none; border:none;}
    .uploadWizard .RadUpload_Default input{font:inherit;}
    .uploadWizard .RadUpload .ruFileWrap{margin-right:8px; height:30px;}
    .uploadWizard .RadUpload_Default .ruButton{background:linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); font-size:13px; font-weight:bold; height:30px; border:1px solid #acacac; color:#646464; border-radius:4px; }
    .uploadWizard div.RadUpload_Default .ruInputs .ruButtonHover{background:#e6e6e6; color:#333;}
    .uploadWizard .RadUpload .ruFakeInput{height:24px;}
    
    /* --- Assets --- */   
    #Dropzone { background: #f4f4f4; border: #808080 dashed 3px; width: 100%; padding: 50px; text-align: center; }
    .js-settings #Dropzone{padding:0 !important;}
    /* UI Notification */
    .ui-notification { width: 100% !important;min-height: 35px;left: 0 !important;}
    .ui-notification.success { background-color: #0e98cb !important;}
    .ui-notification>h3 { border-bottom: none !important;}
    .ui-notification>.message { margin: 8px 8px 0 8px !important;}
    .menuTitle { color: #000; font-size: 30px; margin-bottom: 0; }
}

/* Mobile Portrait only */
@media all and (max-width:479px){

    /* --- Login container --- */
    .loginContainer { padding-left:30px; padding-right:30px;}
}

/* Mobile Landscape only */
@media all and (min-width:480px) and (max-width:767px) {
 
	/* Grid for mobile landscape*/
    .col-xsl-1, .col-xsl-2, .col-xsl-3, .col-xsl-4, .col-xsl-5, .col-xsl-6, .col-xsl-7, .col-xsl-8, .col-xsl-9, .col-xsl-10, .col-xsl-11, .col-xsl-12 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

    .col-xsl-12 { width: 100%; }
    .col-xsl-11 { width: 91.66666667%; }
    .col-xsl-10 { width: 83.33333333%; }
    .col-xsl-9 { width: 75%; }
    .col-xsl-8 { width: 66.66666667%; }
    .col-xsl-7 { width: 58.33333333%; }
    .col-xsl-6 { width: 50%; }
    .col-xsl-5 { width: 41.66666667%; }
    .col-xsl-4 { width: 33.33333333%; }
    .col-xsl-3 { width: 25%; }
    .col-xsl-2 { width: 16.66666667%; }
    .col-xsl-1 { width: 8.33333333%; }
}

/* Mobile portrait and landscape only */
@media all and (max-width:767px){
 
            
	input, textarea {-webkit-appearance: none;} /* Remove default shadow on iOS Safari */
   

    /* Spacers for mobile only */
    .b0-xs {margin-bottom:0 !important;}
    .b1-xs {margin-bottom:1em;}
    .b2-xs {margin-bottom:2em;}
    .b3-xs {margin-bottom:3em;}
    .b4-xs {margin-bottom:4em;}
    .t0-xs {margin-top:0;}
    .t1-xs {margin-top:1em;}
    .t2-xs {margin-top:2em;}
    .t3-xs {margin-top:3em;}
    .t4-xs {margin-top:4em;}
 
	/* Helper classes for mobile */
	.text-left-xs {text-align:left;}
    .text-center-xs {text-align:center;}
	.text-right-xs {text-align:right;}
    .pull-left-xs {float:left !important;}
    .pull-right-xs {float:right !important;}
    .width100-xs {width:100%;}
    .ml0-xs {margin-left:0 !important;}
	.mr0-xs {margin-left:0 !important;}  

    /* Form Builder Form */
    .form-builder .label, .form-builder .field { margin-bottom: 7px; }
    .form-builder .label { clear: left; width: 100%; }
    .form-builder .field { clear: left;  width: 100%; }

    /* --- Login --- */
    .loginContainer { margin-top: 2em; }
    .buildVersion {position:static; margin:3em auto; width:90%; }

    .desktop { display: none }
    .tablet {display: none}
    .mobile {display: block}
}

/* From iPad Portrait and up */
@media all and (min-width:768px) {

    /* Form label */
    .centreLabel { line-height: 30px; margin: 0; }
    .centreLabel-lg { line-height: 40px; margin: 0; }

	/* 5 column Grid */
    .col5-sm-1, .col5-sm-2, .col5-sm-3, .col5-sm-4, .col5-sm-5 { float:left; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }
    .col5-sm-1 {width:20%;}
    .col5-sm-2 {width:40%;}
    .col5-sm-3 {width:60%;}
    .col5-sm-4 {width:80%;}
    .col5-sm-5 {width:100%;}
	
    /* Form Builder Form */
    .form-builder label { float:left; width: 31%; margin-right: 2%;  }
    .form-builder .field { width: 67%;  float:left; }

    /* --- Header --- */
    
    .navigation {float:left;}
    .navigation li {margin-left:8px;}
    .navigation li:first-child {margin-left:0;}
    .logo { float:left; height: 64px; width:87px; background:url(/App_Themes/Max6/Images/logo-sm.png) no-repeat 0 17px; text-indent:-9999px; }   
}

/* iPad Portrait only */
@media all and (min-width:768px) and (max-width:991px) {

    /* Spacers for iPad Portrait only */
    .b0-sm {margin-bottom:0 !important;}
    .b1-sm {margin-bottom:1em;}
    .b2-sm {margin-bottom:2em;}
    .b3-sm {margin-bottom:3em;}
    .b4-sm {margin-bottom:4em;}
    .t0-sm {margin-top:0;}
    .t1-sm {margin-top:1em;}
    .t2-sm {margin-top:2em;}
    .t3-sm {margin-top:3em;}
    .t4-sm {margin-top:4em;} 

    .desktop { display: none }
    .tablet.landscape {display: none}
    .mobile {display : none}
    .tablet.portrait {display: block}
}

/* Up to iPad Portrait */
@media all and (max-width:991px) {}

/* From iPad Landscape and up */
@media all and (min-width:992px) {

    .pull-left-md {float:left;}
    .pull-right-md {float:right;}

    /* Spacers for landscape only */
    .b0-md {margin-bottom:0 !important;}
    .b1-md {margin-bottom:1em;}
    .b2-md {margin-bottom:2em;}
    .b3-md {margin-bottom:3em;}
    .b4-md {margin-bottom:4em;}
    .t0-md {margin-top:0;}
    .t1-md {margin-top:1em;}
    .t2-md {margin-top:2em;}
    .t3-md {margin-top:3em;}
    .t4-md {margin-top:4em;} 

    /* --- Header --- */
    .logo { height: 37px; width:244px; background:url(/App_Themes/Max6/Images/logo.png) no-repeat 0 17px;  }
    .logo img {width:203px;}
    .navigation li {margin-left:11px;}

    .desktop { display: none }
    .tablet.portrait {display: none}
    .mobile {display : none}
    .tablet.landscape {display: block}
}

/* iPad Landscape only */
@media all and (min-width:992px) and (max-width:1199px) {

    
}

/* All devices except Widescreen */
@media all and (max-width:1199px) {}

/* Widescreen only */
@media all and (min-width:1200px) {

    /* Helper classes*/
    .pull-right-lg {float:right;}
    .text-right-lg {text-align:right;}

    /* Spacers  */
    .b0-lg {margin-bottom:0 !important;}
    .b1-lg {margin-bottom:1em;}
    .b2-lg {margin-bottom:2em;}
    .b3-lg {margin-bottom:3em;}
    .b4-lg {margin-bottom:4em;}
    .t0-lg {margin-top:0;}
    .t1-lg {margin-top:1em;}
    .t2-lg {margin-top:2em;}
    .t3-lg {margin-top:3em;}
    .t4-lg {margin-top:4em;} 

    .desktop { display: block }
    .tablet {display: none}
    .mobile {display : none}
}

/* Retina image specific CSS */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2){}

/* Retina mobile only */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:767px), only screen and (min-device-pixel-ratio: 2) and (max-width:767px) {

    .loginLogo {background:url(/App_Themes/Max6/Images/logo-login@2x.png) no-repeat 0 0; background-size:217px 18px; }

}

/* Retina iPad portrait and up*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:768px), only screen and (min-device-pixel-ratio: 2) and (min-width:768px) {

    .loginLogo {background:url(/App_Themes/Max6/Images/logo-login@2x.png) no-repeat 0 0; background-size:217px 18px; }    
    .logo {  background:url(/App_Themes/Max6/Images/logo-sm@2x.png) no-repeat 0 17px; background-size:66px 17px;}   
}

/* Retina iPad landscape and up*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:992px), only screen and (min-device-pixel-ratio: 2) and (min-width:992px) {

    .logo {  background:url(/App_Themes/Max6/Images/logo@2x.png) no-repeat 0 17px; background-size:203px 17px;}   
}


/* Firefox specific CSS 

*/
@-moz-document url-prefix() {

    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-top: 4px; }
}

/* Kendo Overrides */
.k-treeview .k-image {
    width: 20px;
    height: 20px;
}


.RadGrid_Bootstrap .rgSelectedCell a, .RadGrid_Bootstrap .rgSelectedRow a, .RadGrid_Bootstrap input {
    color: black !important;
}

.code
{
    font-size:1em;
    font-family:Courier New, Courier, monospace;
}