/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }


body, button, input, select, textarea { font-family: "roboto", Arial, Helvetica, sans-serif; color: #222; }
h1, h2, h3, h4, h5 {
    font-family: "roboto", Arial, Helvetica, sans-serif;
}

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }




/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }

.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
    opacity: .7;
}

.modal-content { background-color: white;}

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
    border-bottom: 1px dotted;
}

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

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

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author: 
   ========================================================================== */


#scanner {
    display: none;
}


#activatescanner {
    display: none;
}
    #activatescanner a {
        background-image: url('/cp/i/svg/glyphicons-basic-540-qr-code.png');
        background-repeat: no-repeat;
        background-position: center left;
        background-size: 30px 30px;
        padding: 10px 10px 10px 35px;
    }
#scannerForm { display:none; 

}
.wrapper {
    margin: 0 auto;
    width: 95%;
    max-width: 1280px;
}


body {
    color: #444;
    height: 100%;
    background-color: #183350;
}
/*Opera Fix for sticky footer See http://www.cssstickyfooter.com/using-sticky-footer-code.html */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}


.add-action {
    margin: 10px 0;
    padding: 10px 20px;
    border: 1px solid lightgrey;
    border-radius: 10px;
}

html, body, form { height: 100% }

table { width: 100%; border-collapse: collapse; font-size: 95%; margin: 2em 0 1em 0; }
table tr th { text-align: left; border-bottom: 1px solid #d7d7d7; padding: 5px 3px 8px 3px; margin: 0; font-size: 80%; text-transform: uppercase}
table tr td { padding: 0.5em 3px 1em 3px; vertical-align: top; border-bottom: 1px solid #d7d7d7}
table tbody tr:hover { background-color: #f7f7f7; }


h1 { font-size: 1.6em }
a { color: #0e3f75; text-decoration: none; -webkit-transition: color .2s linear; }
a:hover,
a:active { text-decoration: underline; }
    a:visited {
        color: #0e3f75;
    }

h1 em,
h2 em {
    color: #FE6A00
}
{ color: #FE6A00 }
h2 em { font-weight: bold; }

h2 { font-size: 1.2em; font-weight: normal; }


#wrap {min-height: 100%; background-color: #fff; }
/*.ie7 #wrap {display:table;height:100%}*/



.btn-accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    text-align: left;
    border: none;
    outline: none;
}

.btn-accordion:after {
   content: '\25BA'; /* Unicode character for "plus" sign (+) */
   font-size: 12px;
   float: right;
   margin-left: 5px;
}

.btn-accordion .active:after {
    content: "\25BC"; /* Unicode character for "minus" sign (-) */
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.btn-accordion .active, .btn-accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.btn-panel {
    display: none;
    overflow: hidden;
    margin-top: 5px;
}


.pdf-wrap { margin-top: 30px;}

.col1 ul { margin: 0; padding: 0; list-style-type: none; }
.col1 ul li { line-height: 1.6em; padding: 3px 5px }
.col1 ul li.selected { background-color: #d7d7d7; 
                       }

.col1 { float: left; width: 240px;margin-left: -100%}
.col1-wide { padding: 0 10px }
.col2 { float: left; width: 100%; overflow: hidden; }
.col2-content { margin-left: 240px; padding-bottom: 3em; overflow: hidden; border-left: 1px solid #d7d7d7;
                -webkit-box-shadow: -1px -2px 4px #cfcfcf; }
.innertube { margin: 0 20px; }
.col1 .innertube { margin: 0; }


.side-list { margin: 0; padding: 0; list-style-type: none;  }
.side-list li { padding: 3px 5px }
.side-list li.selected { background-color: #d7d7d7 }
.side-list li.sub-section { margin-left: 20px; }

.media-select .asset-icon.small { width: 30px; }


.medialib a.img-thumb {
    display: block;
    height: 150px;
    text-align: center;
}

.medialib .asset-icon { float: left; margin-right: 20px; margin-top: 10px}
.medialib .asset-preview { float: left; margin-right: 20px; width: 200px; margin-top: 10px; text-align: center}
    .medialib .asset-preview.missing { margin-top: 0}
    .medialib .asset-preview.missing div {
        font-weight: bold;
        font-weight: 600;
        color: lightgrey;
        margin-top: 10px;
    }
    .medialib .asset-preview .image-wrap {
        width: 200px;
        height: 200px;
    }
.medialib .asset-preview img { max-width: 100%; max-height: 100%; display: block;}
    .medialib .asset-meta { margin-top: 5px;}
    .media-meta {
        margin: 10px 0;
        font-size: 12px;
    }

.file-missing {
    color: lightgray;
    font-size: 30px;
    padding-top: 20px;
}
.file-missing.large {
   font-size: 60px;
   padding-top: 0;
}

.file-missing.medium {
   font-size: 45px;
   padding-top: 0;
}

.file-missing.small {
   font-size: 25px;
   padding-top: 0;
}

.album-entry-site { margin-top: 20px; font-size: 0.9em; }

.album-entry-list {
    margin: 20px 0;
    display: flex;
    flex-wrap: nowrap;
}
    .album-entry-list a {

        color: #000;
        background-color: #d7d7d7;
        -webkit-border-radius: 2px;
        border: 1px solid #c7c7c7;
        border-radius: 4px;
        padding: 2px 4px;
        margin-right: 6px;
        margin-bottom: 4px;
        text-decoration: none;
        font-size: 0.9em;
    }

.page-header {
    background-color: #183350;
    padding: 0 20px 10px 20px;
    color: #fff;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
}
#intro #logo-sm { float: right; }

.login #intro #logo-sm { margin: 0 auto; float: none; display: block;}

.page-header h1 { font-size: 1.6em; margin: 0 0 0.5em 0; padding:6px 0 }

.login-page-header { padding: 0 20px 10px 20px; color: #fff; 
               position:fixed; z-index:99; top:0; left: 0; right:0; }



.optGraph { background-color: #FE6A00; }

.bar-graph {
    background: url(/cp/i/bar-bg.png) top left repeat #006ab6;
    height: 16px;
    -webkit-print-color-adjust: exact;
}

#main { position: relative; overflow:auto; background-color: #fff; padding: 7em 20px 100px 20px }
#copy { padding-bottom: 60px; }
.popup { padding: 0 10px; background-color: white;}


.nav-icon { display: none; }

.main-nav { margin: 0; padding: 0;  }
.main-nav li { list-style-type: none; float: left; margin-right: 10px;  }
.main-nav li a  
{
color: white;
background-color: #011129;
padding: 2px 4px;
text-decoration: none;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color .3s linear;
font-weight: normal;
}

.main-nav { float: left;}
.main-nav li a:hover { background-color:#fe6a00; color: #fff }
/*.main-nav li:last-child,*/
.ie6 .main-nav li.last-child,
.ie7 .main-nav li.last-child { margin: 0; float: right;}

.home .main-nav li.mn-home a { background-color: #FE6A00; }
.publish .main-nav li.mn-sites a { background-color: #FE6A00; }
.medialib .main-nav li.mn-medialib a { background-color: #FE6A00; }
.se .main-nav li.mn-se a { background-color: #FE6A00; }
.contacts .main-nav li.mn-contacts a { background-color: #FE6A00; }
.subs .main-nav li.mn-subs a { background-color: #FE6A00; }
.forms .main-nav li.mn-forms a { background-color: #FE6A00; }
.medialib .main-nav li.mn-medialib a { background-color: #FE6A00; }
.config .main-nav li.mn-config a { background-color: #FE6A00; }
.training .main-nav li.mn-trnmgt a { background-color: #FE6A00; }
.account .main-nav li.mn-account a { background-color: #FE6A00; }
/*.main-nav li.mn-account { float: right; }
.main-nav li.mn-logout { float: right;}
*/
.account-nav  { float: right; }
body.forms.response.print #main {  padding-top: 20px;}


#responseList .tableClass {
    width: 100%
}


.tabs { list-style-type: none; margin: 1em 0 0 0; overflow: hidden; padding: 5px 0 0 5px;   background-color: #a9a9a9}
.tabs li { display: block; float: left; padding: 5px 8px; margin-right: 2px; line-height: 1.2em; color: #acacac; background-color: #c4c4c4;
           border-top-left-radius: 3px; border-top-right-radius: 3px;}
.tabs li.selected { background-color: #f7f7f7;  }
.tabs li:hover { background-color: #d7d7d7;  }
.tabs li.selected:hover { background-color: #f7f7f7; }
.tabs li a { color: #444; }
.tabs li.selected a { color: #444; }
.tabs li.selected:hover a {  }



/* Some default button styles */
button {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button {
    line-height: normal;
    *overflow: visible;
}

button {
    cursor: pointer;
    -webkit-appearance: button;
}

button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    padding: 5px 10px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

    .button:hover, button:hover {
        text-decoration: none;
        background-position: 0 -15px;
    }

    .button:focus, button:focus {
        -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
        outline: none;
    }

.button.red {
    background-color: #e74c3c;
    color: #fff;
}

/* Timeout Dialog Styles */
.timeout-dialog {
    padding: 15px;
    position: absolute;
    background: #eeeeee url("../i/timeout-icon.png") no-repeat 15px 25px;
    border: 1px solid #ffffff;
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .timeout-dialog .ui-dialog-title {
        font-size: 16px;
        font-weight: bold;
        display: block;
        padding: 0 0 15px 0;
        margin-left: 80px;
    }

    .timeout-dialog .ui-dialog-titlebar-close {
        display: none;
    }

    .timeout-dialog .ui-dialog-buttonpane {
        margin-top: 15px;
    }

    .timeout-dialog  .ui-widget-overlay {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #000;
        filter: alpha(opacity=40);
        -khtml-opacity: 0.4;
        -moz-opacity: 0.4;
        opacity: 0.4;
    }

    .timeout-dialog p {
        margin: 0 0 5px 80px;
    }

#timeout-keep-signin-btn {
    color: #FFF;
    background-color: #FE6A00;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: none;
    margin: 5px 10px 5px 0;
}

#timeout-sign-out-button {
    color: #FFF;
    background-color: #e6e6e6;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #000000;
    text-shadow: none;
    margin: 5px 0;
}

#timeout-countdown {
    font-weight: bold;
}



.breadcrumbs { margin: 0; padding: 0; list-style-type: none; overflow: hidden; padding-bottom: 1em; }
.breadcrumbs li { font-size: 0.85em; float:left; color:#777; margin-right: 5px; } 
.breadcrumbs li a { padding:0 5px 0 0; }


#goback { background: url(/cp/i/back.png) no-repeat;
padding: 0 2px 0 0;
width: 20px;
height: 20px;
margin: -5px 0;
display: inline-block;
}

.booking-conf h2 { font-weight: bold; }

.booking-conf .booking
{
    margin-bottom: 10px;
}

.event-date-wrap  { margin-bottom: 40px; }
.avail.booked { color: #4c9f3f}
.form-group .event-date-list .canBook label {
    font-weight: 500;
}
.form-group .event-date-list label span:nth-child(3)
{
    width: 200px;
}
.form-group .event-date-list label * { vertical-align: top}

.confirmed-booking-list {
    margin-bottom: 30px;
}
.confirmed-booking-list table tr td:nth-child(1) { width: 250px}
.confirmed-booking-list table tr td:nth-child(2) {
        width: 150px
    }
label.check {
    display: block;
    margin-bottom: 10px;
}

    label.check span.check {
        display: inline-block;
        margin-right: 5px;
    }
.q-text {
    margin: 30px 0 15px 0;
    font-weight: bold;
}

.commInputOpt {
    margin-left: 15px
}

span.m-input {
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;
    display: inline-block;
}

.q-response-wrap {
    float: left;
    width: 100%;
}

.q-checkbox p {
    width: 80%;
    float: left;
    margin: 0;
}

.q-checkbox input {
    margin-top: 3px;
    margin-right: 10px;
    float: left;
}


.question {
    margin-top: 20px;
}

    .question:first-child {
        margin-top: 20px;
    }

.q-body {
}



.q-mc-single .q-body,
.q-mc-multi .q-body {
    margin-left: 20px;
}

.q-body textarea {
    width: 100%;
}

label.m-input-label {
    margin-left: 5px;
    display: block;
    margin-bottom: 5px;
}

.q-image-wrap {
    float: left;
    margin-left: 40px;
}

    .q-image-wrap.interactive {
        float: left;
        margin-left: 0;
    }



.published { color: #005e20 }
.draft {  }

#frmError { display: block; background-color: #ff8e8e; border: 1px solid #cb0000; padding: 10px 15px; margin: 1em 0}
.warning { display: block; background: url(/cp/i/iconWarn.gif) 5px 5px  no-repeat #f7ef9a; border: 1px solid #ffd40a; padding: 15px 0 15px 50px; margin: 1em 0}
.error { display: block; width: auto; color:#cb0000;}

.q-error {
    border: 1px solid #cb0000;
    padding: 10px;
}

fieldset { border: 1px solid #d7d7d7; padding: 1em; 
     margin-bottom: 2em; 
}
fieldset h2 { padding: 5px 0; margin: 0 0 5px 0; font-size: 1.1em;}
.accordion fieldset h2 a { border: none; } 

fieldset.hidden { border: none; display: none; }
fieldset.form-action { display: block; border: none; margin:1em 0; padding: 0; }
fieldset.form-action .set { float: left; margin-right: 1em; padding-right: 1em; border-right: 1px solid #7d7d7d}
.html-field { width: 100% }

fieldset ol { list-style-type: none; margin: 0; padding: 0; }
fieldset ol li { overflow: hidden; padding: 0.5em 5px;  }
fieldset ol li ul { margin: 0; padding: 0; overflow:hidden; width: 100%; }
fieldset ol li ul li { display: block; line-height: 1.2em; border: none; width: 100%; padding: 0; float: left; }
fieldset ol li ul li.label { width: 176px; float: left; margin-left: -100%}
    fieldset ol li ul li div.input-wrap
     {
        margin-left: 176px;
    }
    fieldset ol li ul li div.value-wrap {
        margin-top: 0.5em;
        margin-left: 176px;
    }
    fieldset ol li ul li label {
        display: block;
        margin: 0.5em 0 0 0;
        font-weight: bold;
    }
fieldset ol li ul li label em {  font-weight: normal; }
fieldset ol li ul li label.radio-label { display: inline; margin: 0; font-weight: bold; }
fieldset ol li ul li label.radio-label .instr {
        margin-left: 25px;
        font-weight: normal;
    }
    fieldset ol li ul li select {
        padding: 5px;
    }
    fieldset ol li ul li input,
    fieldset ol li ul li textarea,
    .mceEditor {
        width: 98%;
        padding: 5px;
    }
input[type="radio"], input[type="checkbox"] { width: auto }
fieldset ol li ul li input.withPrefix { float: left; width: 50% }
input[type="submit"],
button {
    width: auto;
    /*    background-color: #d7d7d7; */
    background-color: #d7d7d7;
    -webkit-border-radius: 4px;
    color: #444;
    border: 1px solid #c7c7c7;
    padding: 7px 10px !important;
    /*    text-shadow: #fff 1px 1px; */
    /*    background-image : -moz-linear-gradient(top, rgb(215,215,215), rgb(255,255,255)); */
    /*    background-image : -webkit-gradient(linear, left bottom, left top, from(rgb(200,200,200)), to(rgb(235,235,235)));*/
}
input[type="submit"]:hover,
button::after hover
{
    cursor:pointer;
    border: 1px solid #7d7d7d;
 }


    input[type="submit"].delete {
        background-color: #dc5555;
        background-image: linear-gradient(rgba(220,85,85,0),#c72e2e);
        border-color: #bc292f;
        text-shadow: 0 1px 0 rgba(0,0,0,.15);
        box-shadow: inset 0 1px 2px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1);
        color: #FFF;
        -webkit-font-smoothing: antialiased;
        background-clip: padding-box;
        font-weight: bold;
    }

    input[type="submit"].save {
        background-color: #c6c6c6;
        -webkit-font-smoothing: antialiased;
        background-clip: padding-box;
        font-weight: normal;
    }

    #selectContentWrap { margin-bottom: 20px; }

.inline-form {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.inline-form li { display: inline-block; }
.inline-form li label { display: block; font-weight: bold; }

.form-group .event-date-list label { font-weight: normal; width: 100%; max-width: inherit}
.form-group .event-date-list label span { display: inline-block; margin-right: 20px;}



    table tr td input,
    table tr td select {
        padding: 5px
    }
#customDates {
    display: inline;
    margin-left: 10px;
}


.pagination {
  height: 36px;
  margin: 18px 0;
}

.pagination ul 
{
    padding: 0; margin: 0; 
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
  display: inline;
}

.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}

.pagination a.disabled { color: #c7c7c7;}

.pagination a:hover,
.pagination .active a {
  background-color: #f5f5f5;
}

.pagination .active a {
  color: #999999;
  cursor: default;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.medialib .flex-wrap {
    display: flex;
    height: calc(100vh - 210px);
}

.sidebar {
    width: 250px;
    flex: 0 0 250px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    padding: 10px;
    border-radius: 6px;
}

.img-controls { margin-top: 15px;}
.rotate90.btn,
.flipx.btn,
.flipy.btn {
    font-size: 18px;
}

.medialib .label-wrap { clear: both; margin-bottom: 10px; display: block;}
    .medialib .label-wrap span {
        display: block;
        float: left;
    }
    .medialib .label-wrap span:first-child {
        margin-right: 10px;
        width: 120px;
    }

.medialib.full-page #main,
.medialib.full-page #copy {
    padding-bottom: 0;
    overflow: hidden;
}

#AlbumNavWrap {
    height: 100%;
}
#MediaListWrap {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
}

.accordion {
    color: #444;
    cursor: pointer;
    padding: 8px 0;
    text-align: left;
    border: none;
    outline: none;
}

    .accordion:before {
        content: '\25BA'; /* Unicode character for "plus" sign (+) */
        font-size: 14px;
        color: #777;
        float: left;
        margin-right: 5px;
    }

    .accordion.active:before {
        content: "\25BC"; /* Unicode character for "minus" sign (-) */
    }

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
   
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    display: none;
    overflow: hidden;
    margin-bottom: 10px;
}

.medialib .panel { margin-left: 14px;}
.medialib .panel-inner {
    margin-left: 0;
}


    .accordion {
        margin: 0;
        font-size: 12px;
    }

.hierarchy {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: calc(100% - 30px);
}

.album-group .badge {
    display: inline-block;
    min-width: 17px;
    padding: 4px 4px 3px 4px;
    font-size: 9px;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px;
    margin-right: 5px;
}

.album-group {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
    .album-group h3 {
        font-size: 12px;
        color: #FE6A00;
    }
    .album-group div.accordion {
        font-size: 12px;
        padding: 5px 0;
    }

.album-group .all-media { margin-bottom: 5px; display: inline-block;}

.album-group a,
.albums li a {
    font-size: 12px;
}
.albums li i {
    padding-left: 5px;
    content: "\e033";
    color: #c7c7c7;
    font-size: 12px;
}

.album-drop {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 3px 0;
    padding: 3px 0;
    border: 1px dashed #fff;
}
.album-drop.over {
    border: 1px dashed #c7c7c7;
}
.album-drop.selected { font-weight: bold;}

ul.unstyled.albums li.album-drop {
    margin: 0;
}

.center { text-align: center }

.medialib #searchText {
    border-radius: 4px;
    border: 1px solid lightgrey;
    padding: 4px;
    width: 95%;
    margin-bottom: 6px;
}

ul.unstyled { margin: 0; list-style-type: none; padding: 0; }
ul.unstyled li { margin: 8px 0 8px 0;}

 .inputPrefix { display: block; float: left; margin: 8px 3px 0 0;}

.instr { clear: both; display: block; width: auto; font-size: 0.9em; margin-top: 6px; margin-bottom: 6px; font-style:italic }
.instr ul { margin: 10px 0 0 0; list-style-type: disc; }
.instr ul li { margin-left: 20px; margin-bottom: 10px;}

.btn {
    display: inline-block;
    width: auto;
    color: #000;
    background-color: #d7d7d7;
    -webkit-border-radius: 2px;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    padding: 7px 10px;
    margin-right: 6px;
    margin-bottom: 4px;
    text-decoration: none;
    font-size: 0.9em;
    /*    text-shadow: white 0px 1px 0px;    */
}
.btn:visited { color: #000 }

.btn:hover 
{
    cursor:pointer;
    
 }


.btn-tgl {
    display: inline-block;
    width: auto;
    color: #000;
    background-color: #d7d7d7;
    -webkit-border-radius: 2px;
    border-radius: 4px;
    padding: 2px 4px;
    margin-right: 6px;
    margin-bottom: 4px;
    text-decoration: none;
    font-size: 1em;
}

    .btn-tgl.on {
        color: #fff;
        background-color: #28a745;
    }

    .btn-tgl.off {
        color: #fff;
        background-color: #dc3545;
    }

    .btn.right { float: right;}
.btn.del {
    background-color: #e74c3c;
    color: white;
}
.btn.green {
    background-color: #5cb85c;
    color: white;
}

h2 a.btn { font-size: 12px; font-weight: normal; margin: 0 2px 0 15px; }
    h2 a.btn-small { padding: 2px 4px;}
h2 a.btn.del {
    color: #d70000;
    text-shadow: none
}

.btn-small { padding: 2px 4px; }

.auto-width { width: auto; }

.op-list { list-style-type: none; margin: 0; overflow: hidden; padding: 0; float:right;}
.op-list li { display: block; float: left; margin-right: 10px; margin-bottom: 5px; line-height: 1.7em; }
.op-list li a { padding: 3px 5px; font-size: 12px; border-radius: 5px; background-color: #e7e7e7; color: #444; display: block;}
.op-list li a:hover { color: #000; }
    .op-list li a.del {
        color: #d70000;
        margin-left: 20px;
    }
        .op-list li a.min-margin {
            margin-left: 0;
        }
    .op-list li a.disabled,
    span.disabled {
        color: #aaaaaa
    }
    .op-list li a.disabled:hover {
        cursor: default;
        text-decoration: none;
    }

    .op-list li a.red {
        background-color: #e74c3c;
        color: white;
    }

body.login {
    background-color: #183350;
    padding-top: 60px;
}

.login h1 { float: none; }

.login-box { max-width: 300px; margin: 40px auto; background-color: #fff;
             border-radius: 6px;}
.login-box fieldset { border: none; }
.login-box ol { margin: 10px 0 0 0 }
.login-box ol li ul li div.input-wrap {margin-left: 100px;}
.login-box ol li ul li.label {width: 100px;}

.login-box #btnLogin { width: 98%; border: none;}


body.login .small-print a { color: #c4c4c4 }
body.login .small-print a:hover { color: #d85f1a }

.left { text-align: left; float: none;}


footer {
    position: relative;
    margin-top: -120px; /* negative value of footer height */
    height: 100px;
    clear: both;
    padding-top: 20px;
    color: #fff;
    margin-left: 24px;
    margin-right: 24px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #183350;
}
footer ul { margin: 0; padding: 20px 0; list-style-type : none;  }    
footer ul li { float: left; margin-right: 10px;}
footer h2 { font-size: 1.4em; font-weight: bold; margin: 0; }
footer #footer { padding-left: 24px; padding-right: 24px; }


#footer-1 { width: 30%; float: left; }
#footer-1 p { font-size: 12px; font-style: italic; margin: 0 0 0 6px; }
footer a,
footer a:visited { color: #fff }
#footer-2 { text-align: center}
#footer-3 { width: 30%; float: right; text-align: right;}




#tf-logo { display: block; padding: 0;}
#tf-logo img { width: 40%; }


footer ul.social { float:right; margin: 0; padding: 0; height: 50px;}
footer ul.social li { float: right; }

footer .tel, footer .email {
line-height: 1.4em;
font-weight: bold;
font-size: 1.2em;
padding-top: 10px;
}

footer .tel { color: #FE6A00 }
footer .email {font-size: 1em; }
footer .small { font-size: 1em; }


footer .small-print { font-size: 12px; clear: both; margin: 12px 0; border-top: 1px solid #3a4d64; color: #6f6f6f; }
footer .small-print ul { padding: 0; margin: 10px 0; }

#eventSelect {
    width: 350px;
}

.vertical-tabs {
    margin-top: 15px;
    overflow: hidden;
    margin-bottom: 1em;
    background-color: #fff;
    margin-bottom: 1em;
    padding: 0;
    border-radius: 6px;
    border: 1px solid #d7d7d7
}

    .vertical-tabs > ul {
        list-style-type: none;
        width: 176px;
        margin-right: -100%;
        padding: 0;
        float: left;
        background-color: #e7e7e7;
    }

.vertical-tabs > ul li {
    clear: left;
    width: 100%;
    border-right-width: 0 !important;
    margin: 0;
    border-bottom: 1px solid #CCC;
}
        .vertical-tabs > ul li.selected {
            background-color: #c4c4c4;
        }
        
        .vertical-tabs > ul li a {

    display: block !important;
    padding: 10px;
    color: #444
}


.vertical-tabs .tab-panel {
    margin-left: 200px;
    padding: 1em;
}

.vertical-tabs .tab-panel .list-wrap {
    clear: none
}

    .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
        background-color: #fff;
        padding-bottom: 0;
        border-right-width: 0 !important;
    }

.ui-tabs-vertical .ui-tabs-panel {
    padding: 1em;
    margin-left: 176px
}



    .tabsVert {
        margin-top: 15px;
        overflow: hidden;
        margin-bottom: 1em;
        background-color: #fff;
        margin-bottom: 1em;
        padding: 0;
        border-radius: 6px;
        border: 1px solid #d7d7d7
    }
 .tabsVert fieldset { box-shadow: none;  }
 
.ui-tabs-vertical {  }
.ui-tabs-vertical .ui-tabs-nav { list-style-type: none; width: 176px; margin-right: -100%; padding: 0; float: left; background-color: #e7e7e7;
}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%;  border-right-width: 0 !important; margin: 0; border-bottom: 1px solid #CCC;}
.ui-tabs-vertical .ui-tabs-nav li a { display: block !important; padding: 10px;color: #444}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { background-color: #fff; padding-bottom: 0; border-right-width: 0 !important; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em;  margin-left: 176px}

.ui-tabs .ui-tabs-nav li { border: none }
.ui-tabs .ui-tabs-nav li a { float: none; } 
 
.ui-tabs .ui-tabs-nav {
margin: 0 0 60px 0;
padding: 0;
}

.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 0;
background: none;

}

.ui-tabs .ui-tabs-panel fieldset { padding: 10px 10px 10px 30px; border: none; }
.ui-tabs .ui-tabs-hide {
display: none !important;
}

.ui-helper-clearfix {
display: block;
}




.login fieldset ol li { padding: 0 0 10px 0;}
.login fieldset ol li ul li input {
    width: 90%;
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid grey
}
    .login fieldset ol li ul li input:focus {
        border-radius: 6px;
        outline: none;
        border: 1px solid #FE6A00;
    }
.login #btnLogin {
    background-color: #FE6A00;
    color: white;
    font-weight: bold;
    border-radius: 6px;

}
.login .small-print ul { text-align: center; list-style-type: none; margin: 0; padding: 0; color: #c4c4c4} 
.login fieldset h2 { font-weight: bold; }

.action-bar { padding: 5px 0 5px 0;}
.action-bar select { padding: 2px; margin: 0 3px }
.tab-wrap { padding: 10px; background-color: #f7f7f7; }
.tab-wrap fieldset { background-color: #fff; margin-bottom: 1em; border: 1px solid #d7d7d7; padding: 10px 15px; border-radius: 6px;  }
.tab-wrap fieldset div { margin-bottom: 6px; }
.tab-wrap fieldset.form-action { background: transparent; margin: 0 0 10px 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 }
.tab-wrap h2 { font-weight: bold; font-size: 15px; }
.tab-wrap fieldset input,
.tab-wrap fieldset select { margin-right: 10px;  }
.tab-wrap fieldset label { margin-right: 5px;  }


    .tab-wrap fieldset input,
    .tab-wrap fieldset select,
    .tab-wrap fieldset textarea {
        padding: 6px;
        border-radius: 4px;
        border: 1px solid lightgrey;
    }
    .tab-wrap fieldset select {
        padding: 4px;
    }
    .tab-wrap fieldset input#search {
        width: 200px;
    }
    .list-wrap {
        margin: 10px 0 1em 0;
        clear: both;
        background-color: #fff;
        border: 1px solid #d7d7d7;
        padding: 10px 15px;
        border-radius: 6px;
    }
        .w-sidebar {
            flex-grow: 1;
            margin: 0;
            margin-left: 2%;
        }

.list-wrap table { margin-top: 0 }
.list-wrap table tr:last-child td { border-bottom: none; }

.subsec {
    margin-left: 40px;
}

.cp-wrap { padding: 10px; background-color: #f7f7f7; margin-bottom: 20px }
.cp-wrap h2 { font-weight: bold; font-size: 15px; margin-top: 0;}


    

#mandMsg {
    width: 50%
}
#mandMsgBx { margin-top: 10px;}


select { padding: 5px; border-radius: 3px;}

table.eval-score-summary td { text-align: right; }
table.eval-score-summary td:last-child {
    width: 100px;
    text-align: center;
}


table.eval-summary th:nth-child(1),
table.eval-summary td:nth-child(1) {
    text-align: left;
    width: 250px;
}



table.eval-summary th:last-child,
table.eval-summary td:last-child {
    text-align: right;
    width: 100px;
}

table.eval-summary th:nth-last-child(2),
table.eval-summary td:nth-last-child(2), 
table .eval-summary th:nth-last-child(3), 
table.eval-summary td:nth-last-child(3) {
    text-align: right;
    width: 100px;
}


table.eval-summary th:nth-child(2),
table.eval-summary td:nth-child(2)
{
    text-align: center;
    width: 80px;
}

table.eval-summary th:nth-child(3),
table.eval-summary td:nth-child(3)
{
    text-align: left;
    width: 60px;
}

table.eval-summary.qt-tbox th:nth-child(5),
table.eval-summary.qt-tbox td:nth-child(5),
table.eval-summary.qt-cbox th:nth-child(5),
table.eval-summary.qt-cbox td:nth-child(5),
table.eval-summary.qt-mchoice th:nth-child(5),
table.eval-summary.qt-mchoice td:nth-child(5),
table.eval-summary.qt-mchoice-drop th:nth-child(5),
table.eval-summary.qt-mchoice-drop td:nth-child(5),
table.eval-summary.qt-check th:nth-child(5),
table.eval-summary.qt-check td:nth-child(5),
table.eval-summary.qt-tbox-matrix th:nth-child(5),
table.eval-summary.qt-tbox-matrix td:nth-child(5) 
{
    width: 40px;
}

table.eval-summary.qt-rating th:nth-child(2),
table.eval-summary.qt-rating td:nth-child(2) 
{
    text-align: center;
}

table.eval-summary.qt-rating th:nth-child(3)
{
    background-color: #f3f3f3;
    text-align: right;
    padding-right: 10px;
}


    table.eval-summary.qt-rating th:nth-child(1) {
        text-align: right;
        width: 250px;
    }




table.form-response-header td:nth-child(1) {
    width: 250px
}

table.form-response tr th,
table.form-response tr td {
    width: 50%;
    font-size: 1em;
}
    table.form-response tr > td:nth-child(3n+1) {
        width: 20%
    }

table.form-response tr td table {
        width: 100%;
        font-size: 1em
}
    table.form-response tr td:nth-child(3)
    {
        text-align: center;
    }
    table.form-response tr td table tr td {
        width: 50%;
        font-size: 1em;
    }



table.event-wait-list th:nth-child(1) { width: 100px; }
table.event-wait-list th:nth-child(2) { width: 100px; }
table.event-wait-list th:nth-child(3) { width: 200px; }
table.event-wait-list th:nth-child(4) { width: 250px; }
table.event-wait-list th:nth-child(5) { width: 200px; }
table.event-wait-list th:nth-child(7) { width: 75px; }
table.event-wait-list th:nth-child(6),
table.event-wait-list tr td:nth-child(6) { width: 75px; text-align: center; }





    ul.email {
        list-style-type: none;
    }
ul.email li { clear: both; display: block; }
ul.email li span.label { display: block; width: 176px; float: left; }
ul.email li span.value { display: block;float: left; } 


[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/i/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  .ie7-restore-right-whitespace();
}
.icon-lock { background-position: -287px -24px; } 
.icon-edit { background-position: -96px  -72px; }
.icon-info-sign {
    background-position: -120px -96px;
}

.lock-message { margin-bottom: 1em }

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    color: #C09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.alert-success {
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}
.alert-info {
    color: #3A87AD;
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}
/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.small { font-size: 9px; }

.right { text-align: right;}
.center { text-align: center;}

.order-steps { margin: 0 0 2em 0; padding: 0; list-style-type:none; overflow: hidden; background: url(../img/border.jpg) top left repeat;}
.order-steps li { display: block; float: left;  font-size: 1em; margin-right: 10px; }
.order-steps li span { padding: 3px;  display: block; float: left; color: #7e7e7e}
.order-steps li span.num { font-size: 1em; font-weight: bold;margin-right: 5px; background-color: #e7e7e7 }
.order-steps li.selected span { color: #444; }
.order-steps li.selected span.num { background-color: #444; color: #d7d7d7; }

textarea#note { width: 50%; height: 60px }
.au-note-wrap {
    clear: both;
    margin: 0 0 20px 0;
    min-height: 60px;
    border-bottom: 1px solid rgba(120,130,140,.13);
}
    .au-note-wrap:last-child {
        border-bottom: none;
    }
.user-img {
    width: 40px;
    display: table-cell;
    position: relative;
    margin: 0 10px 0 0;
}
.au-note-wrap h5 {
    margin: 0 0 10px 0 ;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
}
.au-note-wrap span.au-note-time,
.au-note-wrap span.au-note-booking {
    display: block;
    font-size: 12px;
    color: #98a6ad;
    margin-bottom: 10px;
}
.au-note-meta { float: left; width: 200px }
.au-note-wrap .au-note {
    float: left;
    font-size: 14px;
    display: block;
    margin: 0;
    line-height: 25px;
    color: #848a96;
    overflow: hidden;
    text-overflow: ellipsis;
}


.au-note-wrap .btn.del { float:right; display:none;}
.au-note-wrap:hover .btn.del {
    display:inline;
}



.respQ {
    font-weight: bold;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .8 ) 
                url('/cp/i/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.overlay-msg {
    border: 2px solid #FE6A00;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #f7f7f7;
}





.paid {
    color: green;
}
.unpaid { color: red;}




.form-group {
}
    .form-group label {
        display: inline-block;
        max-width: 16.666667%;
        width: 16%;
        font-weight: bold;
        vertical-align: top;
        margin-top: 6px;
    }

        .form-group label.mdt:before {
            content: '*';
            float: left;
            margin-right: 3px;
        }

    .form-group label p { margin: 0; }

    .form-group .input-group-check label {
        display: inline-block;
        max-width: 90%;
        width: 90%;
        margin-top: 0;
        font-weight: normal;
    }

    label.q-text p { margin: 0;}

    .form-group .q-textbox,

    .form-group input.wide {
        width: 100%;
    }
    .form-group input.small {
        width: 200px;
    }

    .form-group .input-group { display: inline-block; margin-left: 2%; width: 80%; }
    .form-group .input-group span.label { margin-top: 5px; display: block;}

        .form-group .indent {
            margin-left: 2.5%;
            margin-top: 10px; 
        }

        .form-group .indent .input-group { margin-left: 0; }



        /* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
        @media only screen and (min-width: 480px) {
            /* Style adjustments for viewports 480px and over go here */
        }

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */


.print-only {
    display: none;
}

@media print {
  * { background: transparent !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  .no-print { display: none; visibility:hidden; height: 0; line-height: 0;
  }
    table {
        page-break-inside: auto
    }

    tr {
        page-break-inside: avoid;
        page-break-after: auto
    }

    .page-header,
    .breadcrumbs,
    footer,
    .form-action{
        display: none;
        visibility: hidden;
        height: 0;
    }
    .tab-wrap { padding: 0}
    #main { padding: 20px; }

    .print-only {
        display: block;
    }

}


.toggle-data { display: inline-block;}


.stat-box {
    float: left;
    width: 14.1459854%;
    margin-right: 1.824817518%;
    background-color: #006ab6;
    padding: 0.5%;
    height: 70px;
    text-align: center;
    vertical-align: center;
    color: white;
    display: flex;
    align-items: center;
    font-size: 12px;
    border-radius: 4px;
}
.stat-box:last-child { margin-right: 0; }

.stats-data { display: none; margin-top: 10px !important;}
.stats-chart-wrap {
    margin-bottom: 20px;
}
    .stats-chart-wrap:last-child { margin-bottom: 0}

    div.donut {
        width: 48%;
        margin-right: 1%;
        float: left;
        text-align: center;
    }
        div.donut img {
            width: 100%;
            max-width: 400px;
        }
        div.donut::after(2) { margin-right: 0;}

        div.donut.print-only img {
            width: 100%;
            height: auto;
        }
        .print-only img {
            width: 100%;
            height: auto;
        }

        #chart_div_print,
        #field1_chart_div_print {
            width: 100%;
            text-align: center;
        }

            #chart_div_print img,
            #field1_chart_div_print img {
                width: 100%;
                max-width: 800px;
                height: auto;
            }


div.inline-group {
    display: inline-block;
    margin-right: 5px;
    float: left;
}

div.inline-group.bordered {
    border-right: 1px solid #d7d7d7;
    margin-right: 10px;
    padding-right: 10px;
}
    div .group { width: 100%;}

.badge-low {
    color: #fff;
    background-color: #dc3545;
}
.badge-mid {
    color: #000;
    background-color: #ffc107;
}
.badge-high {
    color: #fff;
    background-color: #28a745;
}

.badge {
    display: inline-block;
    padding: .25em 0.25%;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
/*    margin-right: 1%;*/
}
    .badge.small {
        padding: .25em 1em;
        font-size: 1em;
    }
    .badge-container { width: 50%;}

    @media only print and (max-width: 768px) {

        div.donut {
            text-align: center;
        }

        .stat-box {
            background-color: transparent;
            color: #000;
        }
    }

    @media only screen and (max-width: 768px) {

        .badge-container {
            width: 98%;
        }

        .content-list.stats-chart { overflow-x:visible; white-space:normal}
        .stat-box {
            float: left;
            width: 45.08759124%;
            margin-right: 1.824817518%;
            padding: 2%;
            margin-bottom: 7px;
        }
            .stat-box:nth-child(even) {
                margin-right: 0;
            }

            div.donut {
                width: 100%;
                float: none;
                margin-right: 0;
            }

        .ui-tabs-vertical {
            border-radius: 0;
        }

        .ui-tabs .ui-tabs-nav {
            width: 100%;
            margin-bottom: 10px;
        }

        .ui-tabs .ui-tabs-panel {
            margin-left: 0
        }

            .ui-tabs .ui-tabs-panel fieldset {
                padding: 10px;
            }

        .tab-wrap fieldset {
            padding: 8px;
        }

        .ui-tabs .ui-tabs-nav li {
            width: 50%;
            top: auto;
            clear: none;
            float: left;
        }

            .ui-tabs .ui-tabs-nav li a {
                border: 1px solid lightgrey;
            }

            div.inline-group {
                display: block;
                margin-bottom: 5px;
            }

        .form-group {
        }

            .form-group label {
                display: block;
                width: 100%;
                max-width: 100%;
                margin-bottom: 7px;
            }

            .form-group .input-group-check label {
                width: 80%;
                max-width: 80%;
                margin-bottom: 0;
            }

            .form-group .input-group-check .instr {
                margin-left: 26px;
            }

            .form-group .input-group {
                margin-left: 0;
                width: 100%;
            }

                .form-group .input-group .wide {
                    width: 96%;
                }

        .tabs {
            padding: 0;
        }

            .tabs li {
                width: 50%;
                margin-right: 0;
                padding: 0;
                border-radius: 0;
            }

                .tabs li a {
                    display: block;
                    padding: 10px;
                    border: 1px solid lightgrey;
                }

        footer {
            margin-left: 0;
            margin-right: 0;
            border-radius: 0;
            padding-bottom: 10px;
        }

        #footer {
            padding-bottom: 10px;
        }

        #footer-1,
        #footer-2,
        #footer-3,
        #footer-4 {
            float: none;
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
        }

        footer ul.social {
            float: none;
            width: 100%;
            display: block;
            height: auto;
        }

            footer ul.social li {
                float: none;
                text-align: center;
                display: inline-block;
            }




        .op-list li {
            margin-bottom: 10px;
        }

        .content-list td {
            padding-right: 10px;
        }


        .content-list td:last-child {
             padding-right: 0
         }

        #activatescanner {
            display: block;
            margin-bottom: 10px;
        }

        .main-nav, .account-nav { float: none;}

        .main-nav.responsive {
            position: relative;
        }

            .account-nav li {
                display: none;
            }
            .main-nav li:not(:first-child) {
            display: none;
        }

        .main-nav li,
        .main-nav li:last-child {
            float: left;
            margin-right: 0;
        }

            .main-nav li a {
                padding: 10px;
                border-radius: 0
            }


        .main-nav.responsive li {
            float: none;
            display: block;
            text-align: left;
        }

        .nav-icon {
            display: block;
            background-color: #112e4e;
            float: right;
            margin-top: 14px;
        }
        .nav-icon {
            position: absolute;
            right: 20px;
            top: 41px;
            z-index: 2;
        }

            .nav-icon a {
                background: url('/cp/i/svg/glyphicons-basic-600-menu.png') center center no-repeat #112e4e;
                width: 16px;
                height: 16px;
                fill: #fff;
                padding: 13px 20px
            }


        .page-header {
            position: relative;
        }

        #main {
            padding-top: 20px;
        }

        .op-list li {
            display: block;
            float: none;
            margin: 0 0 5px 0
        }

            .op-list li a {
                display: block;
                text-align: center;
            }

                .op-list li a.del {
                    margin: 20px 0 0 0
                }


        .content-list {
            display: block;
            overflow-x: auto;
            white-space: nowrap;
        }
    }

    .printreport body {
        background-color: white;
    }

    .printreport #copy {
        padding: 20px !important;
    }

    .printreport .checkbox {
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        display: inline-block;
    }

    .printreport fieldset.action-bar {
        padding: 10px;
        background-color: #d7d7d7;
        border: none;
    }

    .printreport label {
        font-weight: bold;
    }

    .printreport a.button {
        display: inline-block;
        padding: 0.35em 1.2em;
        border: 0.1em solid #112e4e;
        margin: 0 0.3em 0.3em 0;
        border-radius: 0.12em;
        box-sizing: border-box;
        text-decoration: none;
        font-weight: 300;
        color: #112e4e;
        text-align: center;
        transition: all 0.2s;
    }


    .printreport input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

    a.button:hover {
        color: #fff;
        background-color: #112e4e;
    }


    .mce-tinymce {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }


  div#fsAddCode { display: none; }
#searchCode {
    padding: 6px;
}