/* http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font: inherit;
    vertical-align: baseline;
    font-size: 100%;
}

html
{
    height: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
    display: block;
}

html body
{
    line-height: 1.2;
    font-size: 0.8em;
    font-family: Segoe UI, Tahoma, Verdana;
    color: #232323;
    background-color: #fff;
    height: 100%;
    /*background-color: #f2f2f2;*/
}

body .page *
{
    box-sizing: inherit;
}

strong
{
    font-weight: bold;
}


ol, ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after
    {
        content: '';
        content: none;
    }

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins
{
    text-decoration: none;
}

del
{
    text-decoration: line-through;
}

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

body a
{
    text-decoration: none;
}

/* General */

.ui-menu
{
    z-index: 10000;
}

input[type="radio"]
{
    margin: 0 5px 0 3px;
    vertical-align: middle;
    height: 16px;
}

.uppercase
{
    text-transform: uppercase;
}

.hidden
{
    display: none !important;
}

.clear
{
    clear: both;
}

.fullwidth
{
    width: 100%;
}


/*Main Div layout -------------------------------------------------*/



.page
{
    /*min-width: 1100px;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}

.projectOptionClosed {
    color: darkred;
}

.projectOptionSetup
{
    color: orange;
}

/* Overall page structure */
/* Header - done */
#header
{
    height: 70px;
    padding-top: 0;
    padding-bottom: 0;
}

    #header #rslogo
    {
        padding-left: 40px;
    }

        #header #rslogo img
        {
            height: 60px;
        }

    #header #logindisplay
    {
        padding-right: 20px;
        font-size: 16px;
    }

    #header.navbar .dropdown-menu[data-bs-popper]
    {
        left: -40px;
    }

    #header.navbar
    {
        background-color: rgba(0,0,0,0) !important;
    }

    #header .navbar-light .navbar-brand
    {
        color: white;
    }

        #header .navbar-light .navbar-brand:hover
        {
            color: #ddd;
        }

    #header .clientPortalLink, #header .clientPortalLink a
    {
        color: #1658a0;
    }

        #header .clientPortalLink .fa
        {
            font-size: 20px;
        }

    #header #navbarDropdown
    {
        color: #1658a0;
    }

        #header #navbarDropdown i
        {
            font-size: 30px;
        }

    #header .dropdown-toggle::after
    {
        display: none !important;
    }

/* Project bar */

#headerbottom
{
    min-height: 30px;
    background-color: #216778;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c89a0), to(#216778));
    background: -webkit-linear-gradient(top, #2c89a0, #216778);
    background: -moz-linear-gradient(top, #2c89a0, #216778);
    background: -ms-linear-gradient(top, #2c89a0, #216778);
    background: -o-linear-gradient(top, #2c89a0, #216778);
    color: white;
    font-size: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

    #headerbottom #projectselect
    {
        padding-left: 10px;
        flex-grow: 1;
    }

    #headerbottom #projectswitch
    {
        padding-right: 10px;
        float: right;
        white-space: nowrap;
    }

        #headerbottom #projectswitch div.dropdown
        {
            display: inline-block;
        }

        #headerbottom #projectswitch .form-select
        {
            min-width: 600px;
            max-width: 1000px;
            width: auto;
        }

        #headerbottom #projectswitch .dropdown-menu
        {
            padding: 0;
        }

            #headerbottom #projectswitch .dropdown-menu div
            {
                padding: 10px;
            }

/* Main window */
#maincontainer
{
    min-height: 600px;
    /*position: relative;*/
}

#mainmenu
{
    flex: 0 0 200px;
    background-color: #37abc8;
    padding-top: 20px;
}

    #mainmenu.questmenushowaction
    {
        flex: 0 0 45px;
    }

        #mainmenu.questmenushowaction i
        {
            margin-right: 0;
        }

        #mainmenu.questmenushowaction .questmenuname
        {
            display: none;
        }

    #mainmenu ul
    {
        padding: 0;
    }

    #mainmenu a
    {
        color: #fff;
        font-weight: bold;
        font-size: 1.0em;
        display: block;
        padding: 10px 5px 10px 5px;
    }

        #mainmenu a.menuselected
        {
            background-color: white;
            color: #777;
        }

        #mainmenu a:hover
        {
            background-color: #87cdde;
            -webkit-transition: background-color 150ms linear;
            -moz-transition: background-color 150ms linear;
            -o-transition: background-color 150ms linear;
            transition: background-color 150ms linear;
        }

        #mainmenu a i
        {
            font-size: 2.0em;
            vertical-align: middle;
            margin-left: 3px;
            margin-right: 9px;
            width: 25px;
            height: 25px;
            text-align: center;
        }

#submenu.submenufull
{
    padding-top: 20px;
}

    #submenu.submenufull table
    {
        border-collapse: collapse;
    }

        #submenu.submenufull table td
        {
            white-space: nowrap;
            padding: 5px;
            padding-left: 20px;
            width: 100%;
        }

        #submenu.submenufull table tbody tr:hover
        {
            background-color: #E3E3F2;
            -webkit-transition: background-color 150ms linear;
            -moz-transition: background-color 150ms linear;
            -ms-transition: background-color 150ms linear;
            -o-transition: background-color 150ms linear;
            transition: background-color 150ms linear;
        }

#submenu.submenuside
{
    flex: 0 0 155px;
    background-color: #2c89a0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-top: 16px;
}

    #submenu.submenuside a
    {
        line-height: 30px;
        height: 30px;
        display: block;
        font-size: 14px;
    }

        #submenu.submenuside a.menuselected
        {
            background-color: white;
            color: #777;
        }

        #submenu.submenuside a:hover
        {
            background-color: #87cdde;
            -webkit-transition: background-color 150ms linear;
            -moz-transition: background-color 150ms linear;
            -ms-transition: background-color 150ms linear;
            -o-transition: background-color 150ms linear;
            transition: background-color 150ms linear;
        }

    #submenu.submenuside a
    {
        color: #fff;
        padding-left: 10px;
        font-weight: 500;
    }

#container
{
    padding-left: 200px; /* LC width */
    position: relative;
    left: -200px;
}

#navbackground
{
    float: left;
    width: 100%;
    background-color: #37abc8;
    overflow: hidden;
}

/*#containerbackground {
    float: left;
    width: 100%;
    background-color: #fff;*/
/*left: 200px;*/
/*position: relative;
}*/
/*
#container .column {
    float: left;
    position: relative;
}
*/



/*
#center {
    width: 100%;
    left: 0px;
    background-color: #fff;
    min-height: 650px;
    display: inline-block;
}*/

#centermargin
{
    margin: 20px;
    position: relative;
    background-color: #fff;
    min-width: 980px;
    width: calc(100% - 80px) !important;
}





/* Footer */
footer
{
    clear: both;
    width: 100%;
    text-align: center;
}

.footertop
{
    text-align: left;
    padding-left: 10px;
    color: #ddd;
    font-size: 12px;
    width: calc(100% - 10px);
    height: 20px;
    background-color: #216778;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c89a0), to(#216778));
    background: -webkit-linear-gradient(top, #2c89a0, #216778);
    background: -moz-linear-gradient(top, #2c89a0, #216778);
    background: -ms-linear-gradient(top, #2c89a0, #216778);
    background: -o-linear-gradient(top, #2c89a0, #216778);
}


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    color: #000;
}

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

h2
{
    font-size: 2em;
    margin-bottom: 10px;
}

h3
{
    font-size: 1.2em;
    margin-bottom: 5px;
    margin-top: 5px;
}

h4
{
    font-size: 1.1em;
}

h5
{
    font-size: 1.5em;
    padding-bottom: 3px;
}

h6
{
    font-size: 1em;
}

/*---Links------------------------------------------------*/
.page a
{
    text-decoration: none;
}
/*
a:link {color: #0066FF;}
a:active {color: #0066FF;}
a:visited {color: #0066FF;}
a:hover 
{
    color: #0066FF;
}
*/
/*-- Forms ----------------------------------------------------*/
.form ul[listname] li
{
    clear: both;
}

.form ulz[listname] li *
{
    float: left;
}

.form
{
    line-height: 1.5;
}

    .form a
    {
        color: #0066FF;
    }

        .form a.btn
        {
            color: white;
        }

    .form p
    {
        margin-bottom: 10px;
    }

    .form td
    {
        padding: 3px;
        vertical-align: top;
    }

form table.greenHeader > thead > tr > th
{
    font-size: 1.2em;
    font-weight: bold;
    color: #222;
    background-color: #D5E3D5;
    border: 1px solid #A2C1A2;
    /*    min-width:800px;   */
}

form table th
{
    font-size: 1.2em;
    font-weight: bold;
    color: #222;
    border: 1px solid #eee;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.form.popup th
{
    min-width: inherit !important;
}

form > table > tbody > tr > td:first-child:not(.wrapText)
{
    text-align: right;
    white-space: nowrap;
    /*width: 20%;*/
}

.form.popup td:first-child
{
    width: auto !important;
}

.form.popup td
{
    width: auto !important;
}

.form input[type=text], .form input[type=password], .form input[type=hidden], .form input[type=email], .form input[type=number], .form select
{
    width: 200px;
}

div.dataTables_wrapper div.dataTables_length select
{
    min-width: 50px;
}




.form input[type=text].wide
{
    width: 600px;
}


table.form th
{
    text-align: center;
}

.form textarea
{
    width: 90%;
    height: 100px;
    min-width: 200px;
}

.form a img
{
    vertical-align: top;
}

.saved
{
    background-color: #D5E3D5;
    border: 1px solid #A2C1A2;
    text-align: center;
    display: inline-block;
    width: 60%
}

.field-validation-error
{
    color: Red;
}

.banner
{
    font-size: 1.2em;
    font-weight: bold;
    background-color: #D5E3D5;
    padding: 5px;
    padding-left: 10px;
    width: auto !important;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.BPGbanner
{
    color: #fff;
    background-color: #f90000;
    border: 1px solid #fd6969;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fa3030), to(#d10707));
    background-image: -webkit-linear-gradient(top, #fa3030, #d10707);
    background-image: -moz-linear-gradient(top, #fa3030, #d10707);
    background-image: -ms-linear-gradient(top, #fa3030, #d10707);
    background-image: -o-linear-gradient(top, #fa3030, #d10707);
}

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

.formtable td
{
    padding: 5px;
}


/*-- Inputs ----------------------------------------------------*/
input[type=text]:not([class^=cke]), input[type=password], textarea, input[type=email], .form input[type=number], .form select
{
    font-size: 1.0em;
    border: 1px solid #ddd;
    padding: 2px;
    padding-left: 4px;
    height: 24px;
    font-family: Segoe UI, Tahoma, Verdana;
}

input[type=checkbox]
{
    padding-left: 0;
}

select
{
    font-size: 1.0em;
    border: 1px solid #ddd;
    padding: 2px;
    height: 24px;
    font-family: Segoe UI, Tahoma, Verdana;
    margin: 0;
}

.ui-widget-overlay.ui-front
{
    z-index: 20000 !important;
}

.ui-dialog
{
    z-index: 21000 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front
{
    z-index: 22000 !important;
}

.ui-dialog-buttonset button, input[type=submit], input[type=button], a.button
{
    background-color: #4D90FE;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
    background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
    background-image: linear-gradient(top,#4D90FE,#4787ED);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
    border: 1px solid #3079ED;
    color: white !important;
    margin: 0 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

    .ui-dialog-buttonset button, input[type=submit]:hover, input[type=button]:hover, a.button:hover
    {
        background-color: #357ae8;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357ae8));
        background-image: -webkit-linear-gradient(top,#4D90FE,#357ae8);
        background-image: -moz-linear-gradient(top,#4D90FE,#357ae8);
        background-image: -ms-linear-gradient(top,#4D90FE,#357ae8);
        background-image: -o-linear-gradient(top,#4D90FE,#357ae8);
        background-image: linear-gradient(top,#4D90FE,#357ae8);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#357ae8');
        border: 1px solid #2f5bb7;
    }

    .ui-dialog-buttonset input[type=button][disabled=disabled], input[type=submit][disabled=disabled], input[type=submit][disabled], input[type=button][disabled]
    {
        background-color: #dddddd;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#dddddd),to(#dddddd));
        background-image: -webkit-linear-gradient(top,#dddddd,#dddddd);
        background-image: -moz-linear-gradient(top,#dddddd,#dddddd);
        background-image: -ms-linear-gradient(top,#dddddd,#dddddd);
        background-image: -o-linear-gradient(top,#dddddd,#dddddd);
        background-image: linear-gradient(top,#dddddd,#dddddd);
        border: 1px solid #aaaaaa;
    }

        input[type=button][disabled=disabled]:hover, input[type=submit][disabled=disabled]:hover
        {
            background-color: #dddddd;
            background-image: -webkit-gradient(linear,left top,left bottom,from(#dddddd),to(#dddddd));
            background-image: -webkit-linear-gradient(top,#dddddd,#dddddd);
            background-image: -moz-linear-gradient(top,#dddddd,#dddddd);
            background-image: -ms-linear-gradient(top,#dddddd,#dddddd);
            background-image: -o-linear-gradient(top,#dddddd,#dddddd);
            background-image: linear-gradient(top,#dddddd,#dddddd);
            border: 1px solid #aaaaaa;
        }

button.textcombo
{
    border: 0;
    background-color: transparent;
    font-size: 18px;
    line-height: 24px;
    vertical-align: middle;
}

    button.textcombo:hover, .formSelectListMinusContainer:hover, .formSelectListPlusContainer:hover
    {
        background-color: #dddddd;
    }

.page .ratingArrow
{
    width: 16px;
    height: 16px;
    font-size: 13px;
    text-align: center;
    margin-top: 1px;
    padding-top: 2px;
    padding-bottom: 1px;
}

    .page .ratingArrow:hover
    {
        background-color: lightgray;
    }

.ratingEditor button.icon
{
    line-height: 18px;
    vertical-align: middle;
    position: relative;
    top: 4px;
}

body .page .fa-plus-circle
{
    font-size: 18px;
}

.ui-dialog .ui-dialog-titlebar-close
{
    border: 0;
}

.ui-dialog.alert
{
    position: absolute;
    padding: 0.2em;
}

body .page .ui-icon.ui-state-hover
{
    background-image: url(images/ui-icons_222222_256x240.png);
    border: 0;
    background-position: -128px -48px;
    background-color: inherit;
}


/*-- table-list ----------------------------------------------------*/
.table-list
{
    width: 100%;
    background-color: white;
}

.table-list, .theme
{
    text-align: left;
    border-collapse: collapse;
    float: left;
    width: 100%;
}

.tableHeader
{
    min-height: 40px;
    padding-right: 10px;
    justify-content: space-between;
    width: 100%;
}

.theme
{
    float: none;
}

.table-list .centered
{
    text-align: center;
}

.table-list th, .theme th
{
    font-size: inherit !important;
    border-top: 1px solid #A2C1A2;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #6678B1;
    text-align: left;
    padding: 5px;
    width: auto;
    min-width: 0;
    font-weight: inherit;
    background-color: inherit;
    line-height: normal;
    vertical-align: bottom;
}

.table-list th
{
    /*    white-space: nowrap;  */
}

.wrappable
{
    white-space: normal !important;
}

.theme th
{
    white-space: normal;
    vertical-align: bottom;
}

.nodecoration
{
    border: none !important;
    text-align: left;
    background-color: white;
}

.table-list .sort_asc
{
    background-image: url('Images/sort_asc.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

.table-list .sort_desc
{
    background-image: url('Images/sort_desc.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

.table-list .gridrow_alternate, .theme .gridrow_alternate
{
    background-color: #eee;
}

.table-list .tr-item, .theme .tr-item
{
    background-color: #fff;
}

.table-list td, .theme td
{
    padding: 5px;
    /*    white-space:nowrap;   */
    border: 1px solid #f0f0f0;
    line-height: normal;
}

.theme td
{
    vertical-align: middle;
    padding: 3px;
}

    .table-list td:first-child, .theme td:first-child
    {
        text-align: inherit;
    }

.table-list .highlight, .table-list .highlight
{
    background-color: #F2F2D2;
}

/* rows with an id attribute get a pointer as they are a link*/
.table-list tbody tr[id] td
{
    cursor: pointer;
}

.table-list tbody tr.error
{
    background-color: #F2D2D2;
}

.table-list tbody tr.warning
{
    background-color: #F2F2D2;
}

.table-list tbody tr.priority
{
    background-color: #FFCCCC;
}


.table-list tbody tr[id]:hover
{
    background-color: #E3E3F2;
    -webkit-transition: background-color 150ms linear;
    -moz-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    -o-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}


/* pagination ---------------------------*/

.paginationClear
{
    clear: both;
}

.page .tableFilter
{
    border: 1px solid #A2C1A2;
    background-color: #D5E3D5;
    min-height: 44px;
    display: flex;
    flex-grow: 1;
    /*flex-basis: 100%;*/
}

.page .pagination
{
    clear: both;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    /*    border-bottom:0; */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding: 5px;
    min-height: 32px;
    width: 100%;
}

.paginationLeft
{
    vertical-align: top;
    white-space: nowrap;
    padding: 5px;
    padding-top: 3px;
    display: inline-block;
}

.paginationRight
{
    vertical-align: top;
    white-space: nowrap;
    padding: 5px;
    padding-top: 3px;
    display: inline-block;
}

.paginationfilter
{
    flex-grow: 1;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    white-space: nowrap;
    vertical-align: middle;
}

    .paginationfilter > *
    {
        margin-left: 5px;
        margin-right: 5px;
    }

.paginationButtons
{
    display: inline-block;
}


.paginationfilter input[type=text],
.paginationfilter select
{
    font-size: 13px;
}

.paginationfilter input[type=text]
{
    height: 24px;
}


/*.paginationfilter input[type=submit],
.paginationfilter input[type=button],
.paginationfilter button {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    height: 24px;
}
*/
/*.paginationfilter input[type=text],
.paginationfilter select {
    padding-left: 5px;
    padding-right: 5px;
}
*/
/* autocomplete fix ---------------------------*/
.ui-autocomplete
{
    overflow-y: scroll;
}

* html .ui-autocomplete
{ /* IE max- */
    /*height: expression( this.scrollHeight > 300 ? "300px" : "auto" );*/ /* TOCHECK */
}

.ui-autocomplete
{
    max-height: 300px;
}

/* Hank marvin -----------------------------------*/
.shadow
{
    -moz-box-shadow: 3px 3px 4px #888;
    -webkit-box-shadow: 3px 3px 4px #888;
    box-shadow: 0px 0px 20px #ddd;
}


/* Notes fields -----------------------------------*/
.note td
{
    line-height: normal;
    border: 5px solid white;
}

    .note td:first-child
    {
        text-align: left;
    }

/* Custom Chosen -----------------------------------*/

.chzn-container-multi .chzn-choices .search-choice
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.chzn-container-single .chzn-drop
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.chzn-container-single .chzn-single
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ddd;
    color: #232323;
    background-image: none;
    box-shadow: none;
}

.chzn-container-single
{
    display: inline-block;
    min-width: 200px;
}

    .chzn-container-single .chzn-default
    {
        color: #ddd;
    }

/* Calendar -----------------------------------*/

.caltable
{
    border-left-width: 1px;
    border-color: #A2C1A2;
    border-style: solid;
    background-color: transparent;
    z-index: 100;
}

    .caltable tr
    {
        padding-right: 10px;
        height: 20px;
        background-color: transparent;
        height: 40px;
    }

    .caltable td
    {
        border-color: #A2C1A2;
        border-style: solid;
        border-right-width: 1px;
        border-bottom-width: 1px;
        min-width: 99px;
        background-color: transparent;
    }

    .caltable thead
    {
        display: block;
        text-align: center;
        background-color: #D5E3D5;
    }

        .caltable thead td
        {
            border-top-width: 1px;
            vertical-align: top;
        }

    .caltable tbody
    {
        background-color: transparent;
    }

.calslider
{
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    height: 520px;
    width: 817px;
    position: relative;
}
/* first column*/
.caltable tr td:first-child
{
    text-align: right;
    margin-right: 3px;
    width: 44px;
}
/* first column time text*/
.caltable tbody tr td:first-child div
{
    text-align: right;
    margin-right: 3px;
}

.background
{
    position: absolute;
    top: 0px;
    left: 100px;
    height: 960px;
    width: 700px;
}

.scheduledInterview
{
    position: absolute;
    border: 1px solid #708090;
    background-color: #F2F2D2;
    cursor: pointer;
    width: 89px;
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
    border-radius: 4px;
}

    .scheduledInterview div
    {
        padding: 5px;
    }

.availability
{
    position: absolute;
    border: 1px solid #708090;
    background-color: #EEE;
    cursor: pointer;
    width: 99px;
    overflow: hidden;
}

    .availability:not([data-editable])
    {
        opacity: 0.9;
    }

    .availability div
    {
        padding: 5px;
    }


#calendarlink
{
    vertical-align: middle;
}

    #calendarlink div
    {
        width: 100%;
        text-align: center;
    }

    #calendarlink button
    {
        width: 25%;
        height: 80%;
        font-size: 1.2em;
        vertical-align: middle;
        text-align: center;
        padding: 0;
        margin: 0;
    }


.paginationfilter input[type=text]
{
    width: 100px;
}

/*---- Questionnaire --------------------------------*/

/*-- Questionnaire ------------------------------------------*/
.questionnaire input[type=button], .questionnaire input[type=submit], .questionnaire a.button, .questionnaire button.blueicon, .questionnaire .ui-button.blueicon, .banner .ui-button, .pagination button
{
    background-color: #4D90FE !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED)) !important;
    background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED) !important;
    background-image: -moz-linear-gradient(top,#4D90FE,#4787ED) !important;
    background-image: -ms-linear-gradient(top,#4D90FE,#4787ED) !important;
    background-image: -o-linear-gradient(top,#4D90FE,#4787ED) !important;
    background-image: linear-gradient(top,#4D90FE,#4787ED) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
    color: white !important;
    border: 1px solid #3079ED !important;
    margin: 0 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

    .banner input[type=button].buttonEnabled, .banner input[type=submit].buttonEnabled, .banner a.button.buttonEnabled, .banner button.buttonEnabled, .banner .ui-button.buttonEnabled
    {
        background-color: #3462A8 !important;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#3D72C6),to(#3D72C6)) !important;
        background-image: -webkit-linear-gradient(top,#3462A8,#3462A8) !important;
        background-image: -moz-linear-gradient(top,#3D72C6,#3D72C6) !important;
        background-image: -ms-linear-gradient(top,#3D72C6,#3D72C6) !important;
        background-image: -o-linear-gradient(top,#3D72C6,#3D72C6) !important;
        background-image: linear-gradient(top,#3D72C6,#3D72C6) !important;
    }

.ui-icon-grip-dotted-horizontal
{
    cursor: move;
}

.questionnaire
{
    min-width: 850px;
    width: 100%;
}

    .questionnaire .ui-icon-arrowthick-2-n-s, .questionnaire .handle
    {
        cursor: n-resize;
    }

    .questionnaire .buttons
    {
        float: right;
    }

        .questionnaire .buttons *
        {
            display: inline-block;
            text-align: center;
        }

    .questionnaire .handle
    {
        display: inline-block;
        text-align: center;
    }

    .questionnaire .buttons button
    {
        cursor: pointer;
    }

    .questionnaire .elementGrip
    {
        margin-left: auto;
        margin-right: auto;
    }

    .questionnaire .headingText
    {
        background-color: #D5E3D5;
        padding: 5px;
        padding-left: 10px;
        font: 1.5em;
    }

    .questionnaire .headingBody
    {
        padding-left: 5px;
        padding-top: 5px;
        font-style: italic;
    }

    .questionnaire .introductionText
    {
        background-color: #D5E3D5;
        padding: 5px;
        padding-left: 10px;
        font: 1.5em;
    }

    .questionnaire .introductionBody
    {
        padding-left: 5px;
        padding-top: 5px;
        font-style: italic;
    }

    .questionnaire .ratingSpan
    {
        padding-right: 10px;
    }

    .questionnaire textarea
    {
        width: 98%;
    }

    .questionnaire input[type=text].applicableLabel
    {
        width: 15%;
    }

    .questionnaire input[type=text]
    {
        width: 60%;
    }

    .questionnaire .questionTitle input[type=text]
    {
        width: 60%;
    }

.notApplicable
{
    padding-top: 5px;
}

.commentBoxLabel
{
    padding-top: 5px;
    padding-left: 10px;
}

.questionnaire input[type=text],
.questionnaire .introduction input[type=text],
.questionnaire .introduction textarea,
.questionnaire .heading input[type=text],
.questionnaire .heading textarea,
.questionnaire .questionTitle input[type=text],
.questionnaire .questionTitle textarea,
.questionnaire .questionText input[type=text],
.questionnaire .questionText textarea
{
    background-color: transparent;
    /*    border-color: transparent; */
}

    .questionnaire input[type=text]:focus, .questionnaire textarea:focus
    {
        border: 1px solid gray;
    }

.questionnaire .element
{
    border: 1px solid white;
    padding: 5px;
    background-color: white;
}

    .questionnaire .element.editable:hover
    {
        border-color: gray;
        -moz-box-shadow: 3px 3px 4px #888;
        -webkit-box-shadow: 3px 3px 4px #888;
        box-shadow: 3px 3px 4px #888;
        border-radius: 4px;
        z-index: 999;
        position: relative;
    }

    .questionnaire .element .pageBreak .pageBreakLeft
    {
        float: left;
        padding: 5px;
        width: 300px;
    }

    .questionnaire .element .pageBreak .breakIcon
    {
        margin: 0 auto;
        width: 100px;
    }

    .questionnaire .element .pageBreak .buttons
    {
        display: inline-block;
    }

.questionnaire .question
{
    margin: 5px;
    margin-right: 0;
    /*margin-top:30px;*/
}

    .questionnaire .question td
    {
        text-align: left;
        min-width: 120px;
    }

        .questionnaire .question td.questionnaireRadio
        {
            padding-left: 20px;
        }

            .questionnaire .question td.questionnaireRadio [type=radio]
            {
                margin-left: -20px;
            }

.questionnaire .questionTitle
{
    background-color: #F1F1F1;
    padding: 3px;
    margin-right: 0;
    padding-right: 5px;
    min-height: 24px;
}

    .questionnaire .questionTitle > *
    {
        vertical-align: top;
    }

    .questionnaire .questionTitle .firstLanguage, .questionnaire .questionTitle .secondLanguage
    {
        max-width: 840px;
        width: 90%;
        display: inline-block;
    }

.questionnaire .questionText
{
    margin: 10px;
}

.questionnaire .questionPrompt
{
    margin: 10px;
    font-style: italic;
}

.questionnaire .abbrevQuestionPrompt
{
    margin: 10px;
    font-style: italic;
}

.questionnaire .questionPrompt textarea, .questionnaire .headingBody textarea
{
    border: 1px solid #ccc;
    min-height: 34px !important;
}

    .questionnaire .questionPrompt textarea:focus
    {
        border: 1px solid gray;
    }

.questionnaire .questionBody
{
    margin: 10px;
}

.questionnaire .questionBodyStaff
{
    margin: 10px;
}

.questionnaire .navigationInstruction textarea
{
    border: 1px solid #f4d7d7;
    color: Red;
}

.questionnaire .navigationInstruction div
{
    color: Red;
}

.questionnaire .navigationInstruction textarea:focus
{
    border: 1px solid #ff8080;
}

.questionnaire .navigationInstruction
{
    margin: 6px 10px 10px 10px;
}

.questionnaire .questionnaireLabel
{
    margin-top: 10px;
    margin-bottom: 2px;
    font-style: italic;
}

.questionnaire .ratingResponse
{
    /*
    Trying not to use this to keep some sort of vert alignment for questions with similar text ratings
    width:100%;
    */
}

.questionnaire .questionnaireRadio
{
    vertical-align: top;
}

    .questionnaire .questionnaireRadio label
    {
        font-weight: bold;
        padding: 0.5em
    }

    .questionnaire .questionnaireRadio input[type="radio"]:checked + label
    {
        background-color: yellow;
    }

    .questionnaire .questionnaireRadio .css-tickbox
    {
        height: 28px;
        width: 33px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: url('../../Content/Images/CheckBoxes.png');
        vertical-align: middle;
    }

    .questionnaire .questionnaireRadio > span
    {
        /*	float:left; */
    }

    .questionnaire .questionnaireRadio .firstLanguage, .questionnaire .questionnaireRadio .secondLanguage
    {
    }

.questionnaire .ratingSpan
{
    vertical-align: middle;
    height: 28px;
}

.newElement
{
    margin-top: 20px;
    margin-left: 20px;
}

#questionSelection input[type=text]
{
    width: 700px;
}

.questionOptions
{
    width: 100%;
    margin: 10px;
    border-collapse: separate;
    border-spacing: 10px;
}

    .questionOptions td
    {
        border-bottom: 1px solid black;
        border-collapse: separate;
        border-spacing: 10px;
    }


button.icon
{
    padding: 1px;
    display: inline-block;
    vertical-align: text-bottom;
    background-color: transparent;
    border: 1px solid transparent;
}

    button.icon:hover
    {
        background-color: #eee;
        border: 1px solid #ddd;
    }

button.ui-button-icon-only
{
    width: 24px;
    height: 24px;
}

.barText
{
    display: inline-block;
    width: 50%;
}

.barOrange
{
    display: inline-block;
    background-color: #FF8000;
    margin-bottom: 10px;
}

.barGrey
{
    display: inline-block;
    background-color: #777777;
    margin-bottom: 10px;
}

.barLightOrange
{
    display: inline-block;
    background-color: #FFCC33;
    margin-bottom: 10px;
}

.barLightGrey
{
    display: inline-block;
    background-color: #cccccc;
    margin-bottom: 10px;
}

.barValue
{
}

.ui-icon
{
    display: inline-block;
}

/* Dialog stuff*/

.noTitleDialog .ui-dialog-titlebar
{
    display: none
}

.assetpath
{
    width: 400px;
}

.actionMessage
{
    font-size: 1.5em;
    position: fixed;
    left: 50%;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(213, 227, 213);
    border-left: 2px solid #A2C1A2;
    border-bottom: 2px solid #A2C1A2;
    border-right: 2px solid #A2C1A2;
    padding: 15px;
    padding-left: 40px;
    padding-right: 40px;
    z-index: 9999;
    white-space: nowrap;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#NewObservationForm input[type=text],
#NewObservationForm textarea
{
    width: 600px;
}

#NewObservationForm textarea
{
    height: 400px;
}

#cke_bottom_detail, .cke_bottom
{
    display: none
}

#ProjectName, #ProjectType
{
    width: 600px;
}

.lefted
{
    text-align: left;
}

.righted
{
    text-align: right;
}

.centered
{
    text-align: center;
}

/* Timepicker styles */

.ui-timepicker-wrapper
{
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    outline: none;
    z-index: 10001;
    margin: 0;
}

    .ui-timepicker-wrapper.ui-timepicker-with-duration
    {
        width: 11em;
    }

.ui-timepicker-list
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration
{
    margin-left: 5px;
    color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration
{
    color: #888;
}

.ui-timepicker-list li
{
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected
{
    background: #fff;
    color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover
{
    background: #1980EC;
    color: #fff;
}

    li.ui-timepicker-selected .ui-timepicker-duration,
    .ui-timepicker-list li:hover .ui-timepicker-duration
    {
        color: #ccc;
    }

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled
{
    color: #888;
    cursor: default;
}

    .ui-timepicker-list li.ui-timepicker-disabled:hover,
    .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled
    {
        background: #f2f2f2;
    }

/* Scrolling table styles */

div.scrollingTable
{
    height: 285px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.scrollingTable
{
    width: 100%;
}

    table.scrollingTable th
    {
        background-color: White;
        font-size: 13px;
        padding: 5px;
        border-top: 1px solid #f0f0f0;
        border-bottom: 2px solid rgb(102, 120, 177);
        min-width: inherit;
    }

    table.scrollingTable td
    {
        font-size: 13px;
        padding: 5px;
        padding: 5px;
        border: 1px solid #f0f0f0;
    }

        table.scrollingTable td:first-child
        {
            text-align: inherit;
            white-space: normal;
            width: auto;
        }

    table.scrollingTable tr:nth-child(2n)
    {
        background-color: #EEE;
    }


table.compactTable
{
    width: auto;
}

    table.compactTable th
    {
        background-color: White;
        font-size: 13px;
        padding: 3px;
        border: 0;
        border-bottom: 2px solid rgb(102, 120, 177);
        min-width: inherit;
    }

    table.compactTable td
    {
        font-size: 13px;
        padding: 3px;
        border: 1px solid #f0f0f0;
    }

        table.compactTable td:first-child
        {
            text-align: inherit;
            white-space: normal;
            width: auto;
        }

    table.compactTable tr:nth-child(2n)
    {
        background-color: #EEE;
    }


.divTable
{
    display: table;
}

.divRow
{
    display: table-row;
}

.divCell
{
    display: table-cell;
}

.alert .ui-widget-header
{
    background: rgb(205, 137, 137);
    border: 1px solid rgb(211, 47, 47);
}

#logonValidation
{
    font-weight: bold;
    margin-top: 10px;
}

span.warning
{
    color: Red;
}

table.esOptionPrepopulated
{
    width: 100%;
}

.esOptionPrepopulated th
{
    text-align: center;
    padding: 4px;
    font-weight: bold;
}

.esOptionPrepopulated td
{
    padding: 4px;
    text-align: center !important;
    width: auto !important;
}

    .esOptionPrepopulated td:nth-child(1)
    {
        text-align: left !important;
    }

.esOptionPrepopulated tr:nth-child(even)
{
    background-color: #eee;
}

#screen
{
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.3;
}

.fa-icon
{
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0px 4px 3px 0px;
}

    .fa-icon .ui-button-text
    {
        padding: 0px 0px 0px 4px;
    }

.notEdit
{
    display: none;
}

.formBanner
{
    min-width: 1000px;
    background-color: #D5E3D5;
    height: 30px;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

.formLabel
{
    padding: 10px 20px 20px 10px;
    font-weight: bold;
}

.formField
{
    position: relative;
    left: 50px;
}

.formSeparator
{
    width: 800px;
}


div#searchPreview
{
    width: 900px;
    height: 400px;
    border: 1px solid #C9CCCF;
    overflow: scroll;
    padding: 5px;
}



/* Cards */

body .container-fluid
{
    padding-left: 0;
}

body .page .card
{
    width: 700px;
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    font-size: 1rem !important;
}

    body .page .card *
    {
        box-sizing: border-box;
    }


.card .card-body
{
    padding: 10px;
}

.card input[type=text]:not([class^=cke]), .card input[type=password]
{
    height: inherit;
    padding: .375rem .75rem;
}

.card p
{
    padding: 10px;
    margin: 0;
}

.card .statusMessages
{
}

.card .validation-summary-valid
{
    display: none;
}

.card .statusMessages ul
{
    padding-top: 20px;
    padding-bottom: 10px;
}

.card .form-group.row label
{
    vertical-align: middle;
}

.card .card-header.h5
{
    line-height: 27px;
}

.card ul
{
    list-style: disc;
    padding-left: 20px;
}

.card .formSelectGroup ul
{
    list-style: none;
}

.card .cardSaved, .card .cardNotSaved
{
    float: right;
    display: none;
    margin-bottom: 0;
    font-size: 100%;
    padding: 0;
}

.card.pageTitle .card-header
{
    background-color: #D5E3D5;
}

.card .form-check.form-switch
{
    padding-top: 8px;
}

.card select
{
    height: auto;
}

.card input.form-check-input
{
    border: 2px solid #0d6efd;
}

.card .formSelectListPlus, .card .formSelectListMinus
{
    font-size: 20px;
}

ul.formSelectListContainer
{
    margin-bottom: 0;
    padding-left: 0;
}

    ul.formSelectListContainer li
    {
        /*padding-top: 5px;*/
        padding-bottom: 5px;
    }

    ul.formSelectListContainer select
    {
        display: inline-block;
        /*width: calc(100% - 35px);*/
    }

.formSelectListMinusContainer
{
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}

.formSelectListPlusContainer
{
    display: inline-block;
    padding: 5px;
    margin-bottom: 10px;
    line-height: 16px;
    vertical-align: middle;
}

    .formSelectListPlusContainer i
    {
        vertical-align: middle;
    }

.page .ui-tabs .ui-tabs-nav
{
    padding: 0.1em 0.2em 0.1em 0;
}


.card .formSelectListPlusContainer
{
    text-align: right;
}


.card .btn-link
{
    text-decoration: none;
    padding: 0;
    margin-bottom: 3px;
}

.card .formSelectListPlusContainer
{
    height: 20px;
    width: 20px;
    clear: both;
}

.card .formSelectListMinusContainer
{
    height: 20px;
    width: 20px;
    display: inline-block;
}

.card .viewLogon ul
{
    list-style: disc;
}

.card h2
{
    padding-bottom: 16px;
}

/* 2FA */

.card .twosetup
{
    border-right: 1px solid rgba(0,0,0,.125);
}

body .page .card.twofa
{
    width: 900px;
}

    body .page .card.twofa .card-body
    {
        padding: 0;
    }

body .page .card-body .twofasteps
{
    text-align: left;
    padding: 10px;
    padding-bottom: 10px;
}

    body .page .card-body .twofasteps.active
    {
        background-color: #1658a0;
        color: white;
    }

.card .twofarecoverycodes
{
    font-family: Consolas, Courier New, Courier, monospace;
    background-color: lightgray;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 120px;
    text-align: center;
}

    .card .twofarecoverycodes p
    {
        padding: 5px;
    }

.card.twofa .col-md-3
{
    padding-left: 50px;
}

.card.twofa img.icon
{
    width: 70px;
}

.card.twofa img.store
{
    height: 50px;
    padding-right: 10px;
}

.card.twofa .col-md-9
{
    vertical-align: middle;
}




/* Primary nav */

/*#center.questMenuShowSubmenu {
    display: none;
}

#containerbackground {
    min-height: 600px;
}


.questnav {
    color: #777;
}

    .questnav ul {
        padding-top: 20px;
    }

#navslider .questnav ul {
    width: 156px;
}

#left {
    width: 200px;*/ /* LC width */
/*margin-left: -200px;*/
/*}

.questnav a {
    color: #fff;
    font-weight: bold;
    font-size: 1.0em;
    display: block;
    padding: 5px;
}

    .questnav a:visited, .questnav a:link {
    }

    .questnav a:hover {
        background-color: #87cdde;
        -webkit-transition: background-color 150ms linear;
        -moz-transition: background-color 150ms linear;
        -ms-transition: background-color 150ms linear;
        -o-transition: background-color 150ms linear;
        transition: background-color 150ms linear;
    }

.questnav [class*="foundicon-"] {
    font-size: 2.0em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 9px;
}

.questnav .selected {
    background-color: #fff;
    color: #777;
}

    .questnav .selected:hover {
        background-color: #fff;
        color: #777;
    }

.questnav .rolledup {
    background-color: #2c89a0;
    color: #fff;
}

#navslider {
    float: left;
    margin-left: 0px;
    position: relative;
    width: 100%;
}

    #navslider .questnav {
        width: 100%;
        height: 100%;
        float: right;
        background-color: #2c89a0;
        position: absolute;
        margin-left: 155px;
    }

#primarynav ul {
    padding-left: 0;
    padding-right: 0;
}*/






/* Print */

@page
{
    size: portrait;
    margin: 1cm;
}

@page rotated
{
    size: landscape;
    margin: 1cm;
}

@media print
{
    *
    {
        overflow: visible !important;
        overflow-x: visible !important;
        float: none !important;
    }

    body
    {
        overflow: visible;
        -webkit-print-color-adjust: exact;
    }

    html, body
    {
        overflow-x: visible;
    }

    .questionTitle .buttons
    {
        display: inline-block;
    }

    strong
    {
        font-weight: bold;
    }

    .notEdit
    {
    }

    .banner, #rslogo, #header, #headerbottom, #footer, .newElement, .buttons, .emailQuestionOptions, #mainmenu, #submenu, footer, .lockedBanner, .breakIcon
    {
        display: none !important;
    }

    #qrslogo img
    {
        width: 400px;
    }


    #container
    {
        padding: 0;
    }

    #center
    {
        display: block;
    }

    .emailNotices
    {
        text-align: right;
        font-size: 18px;
        font-weight: bold;
    }

    .question
    {
        font-weight: bold;
    }

    .heading .number
    {
        font-size: 26px;
    }

    .headingText
    {
        font-size: 26px;
        font-weight: bold;
    }

    .introductionText
    {
        font-size: 24px;
        font-weight: bold;
    }

    .question .number
    {
        font-size: 22px;
    }

    .navigationInstruction
    {
        font-size: 22px;
        font-weight: bold;
    }

    .questionTitle
    {
        font-size: 22px;
        font-weight: bold;
    }

    .questionPrompt, .abbrevQuestionPrompt
    {
        font-size: 22px;
        font-weight: normal;
        padding-bottom: 0;
    }

    .questionBody, .headingBody, .questionBodyStaff
    {
        font-size: 22px;
        font-weight: normal;
    }

    input[type=radio]
    {
        display: none;
    }

        input[type=radio].css-checkbox + label.css-label
        {
            padding-left: 33px;
            height: 28px;
            display: inline-block;
            line-height: 28px;
            background-repeat: no-repeat;
            background-position: 0 0;
            font-size: 22px;
            vertical-align: middle;
            cursor: pointer;
        }

        input[type=radio].css-checkbox:checked + label.css-label
        {
            background-position: 0 -28px;
        }

    label.css-label
    {
        background-image: url('Images/CheckBoxes.png');
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .pageBreakLeft
    {
        display: none;
    }

    .qHide
    {
        display: none;
    }

    #qTitleOuter
    {
        position: relative;
    }

    #qTitleBlock
    {
        padding-top: 70px;
        text-align: center;
        position: relative;
        page-break-after: always;
        display: block;
        width: 80%;
        margin: 0 auto;
    }

        #qTitleBlock table
        {
            width: 100%;
            margin-top: 150px;
        }

        #qTitleBlock td
        {
            border: 1px solid black;
            text-align: left;
            padding: 10px;
            font-size: 28px;
        }

    #qfooter
    {
        margin-top: 150px;
        text-align: center;
        font-size: 20px;
    }

    .questionPrompt
    {
    }

    .number
    {
        width: 40px;
        display: inline-block;
    }

    .questionPrompt, .questionBody, .abbrevQuestionPrompt, .navigationInstruction, .questionBodyStaff
    {
        padding-left: 40px;
    }

    .headingBody
    {
        margin-left: 50px;
    }

    td.qOptionCell
    {
        border-left: 2px solid #ddd;
        border-right: 2px solid #ddd;
    }

    #qLandlord
    {
        padding-top: 100px;
        font-size: 3em;
        font-weight: bold;
    }

    #qProjectName
    {
        padding-top: 20px;
        font-size: 2.5em;
        font-weight: bold;
    }

    #qProjectType
    {
        padding-top: 100px;
        font-size: 2.5em;
        font-weight: bold;
    }

    #qQ
    {
        padding-top: 100px;
        font-size: 2.5em;
        font-weight: bold;
    }

    #qVersion
    {
        padding-top: 20px;
        font-size: 1.5em;
    }

    #qDraft
    {
        padding-top: 20px;
        font-size: 2.5em;
        font-style: italic;
        font-weight: bold;
        color: Red;
    }

    #qOuterRelative
    {
        position: relative;
    }

    #footer, .page, body
    {
        background: none;
    }

    .nav
    {
        display: none;
    }

    #centre
    {
        display: block;
        float: none;
    }

    .mainbanner
    {
        margin-top: 50px;
    }

    .nobreak
    {
        display: inline-block;
        width: 100%;
    }

        .nobreak:after
        {
            content: '';
            display: block;
            height: 0px;
            visibility: hidden;
        }

    .headingText
    {
    }

    .nobreakParent
    {
        position: relative;
    }

    .element .pageBreak
    {
        padding: 0;
        min-height: 0px;
        max-height: 0px;
    }

    .breakBefore
    {
        page-break-before: always;
        position: relative;
    }

    .questionnaire .questionnaireRadio
    {
        white-space: nowrap;
    }
}

.page .form-select
{
    height: auto;
}

table.dataTable
{
    border: 2px solid #eee;
    border-collapse: collapse;
}

    table.dataTable th
    {
        padding: 4px;
        border-bottom: 2px solid black;
        border-right: 1px solid #eee;
        /*height: 1px;*/
        vertical-align: top;
    }

        table.dataTable th .dropdown
        {
            color: grey;
            border-radius: 4px;
            height: 20px;
            width: 20px;
            line-height: 20px;
            text-align: center;
            position: absolute;
            bottom: 2px;
            left: 2px;
        }

            table.dataTable th .dropdown:hover
            {
                background-color: lightgray;
                color: white;
                border-radius: 4px;
            }

        table.dataTable th .dataName
        {
            padding-bottom: 20px;
        }

        table.dataTable th .dropdown.filtered
        {
            background-color: #ffc107;
        }

        table.dataTable th .dropdown .dropdown-toggle
        {
            height: 100% !important;
            width: 100% !important;
            line-height: 20px !important;
            vertical-align: bottom;
            color: inherit;
        }

            table.dataTable th .dropdown .dropdown-toggle i
            {
                height: 20px;
                width: 20px;
                line-height: 20px;
            }

        table.dataTable th div.tableHeaderCell
        {
            height: 100%;
            display: flex;
            /*flex-grow: 1;*/
            flex-direction: column;
            justify-content: space-between;
        }

    table.dataTable tr.selected, table.dataTable tr.selected td
    {
        color: white;
        background-color: slategrey;
    }

    table.dataTable th .dropdown-toggle::after
    {
        display: none;
    }

    table.dataTable th .dropdown-menu
    {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 200px;
        max-height: 450px;
        overflow-y: auto;
    }

        table.dataTable th .dropdown-menu.fltNarrow
        {
            min-width: 100px;
        }

        table.dataTable th .dropdown-menu.fltDate
        {
            width: 170px;
            min-width: 170px;
        }

        table.dataTable th .dropdown-menu.fltStatus
        {
            min-width: 300px;
        }

        table.dataTable th .dropdown-menu.fltWide
        {
            min-width: 400px;
        }

        table.dataTable th .dropdown-menu input[type="search"]
        {
            width: calc(100% - 26px);
        }

        table.dataTable th .dropdown-menu input[type="date"]
        {
            width: calc(100% - 26px);
        }

    table.dataTable tbody td
    {
        vertical-align: middle;
    }

        table.dataTable tbody td.dtCentre
        {
            text-align: center;
        }

        table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before
        {
            margin-top: 0;
            margin-bottom: 0;
        }

        table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after
        {
            position: inherit;
            top: auto;
        }

    table.dataTable tbody tr:hover
    {
        background-color: #ddd;
    }


.tableCover
{
    background-color: #fff;
    opacity: 1;
    z-index: 1000;
}

.dataTables_wrapper
{
}

    .dataTables_wrapper .dataTables_filter
    {
        display: inline-flex;
        align-items: center;
    }

.dataTables_wrapper .filterControl
{
    justify-items: flex-end;
}

    .dataTables_wrapper .dt-buttons
    {
        padding-left: 10px;
    }


i.ratingsCheck
{
    font-size: 20px;
    color: green;
}

select[size]:not([size='1'])
{
    height: auto;
}