.gridtable td, .qGrid td {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 34px;
    height: 48px;
    color: #002830;
}

    .gridtable td input, .qGrid td input {
        color: #002830;
        background-color: white;
        box-sizing: border-box;
        height: 34px !important;
        border-radius: 4px;
        margin: 0px 0px 0px 0px;
        padding: 4px 14px 4px 14px;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 500;
        border: 1px solid #a9acad;
    }

    .gridtable td textarea, .qGrid td textarea {
        color: #002830;
        background-color: white;
        box-sizing: border-box;
        height: 70px;
        border-radius: 4px;
        margin: 0px 0px 0px 0px;
        padding: 4px 14px 4px 14px;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 500;
        border: 1px solid #a9acad;
    }

        .gridtable td input:focus, .gridtable td textarea:focus, .qGrid td input:focus, .qGrid td textarea:focus {
            border-color: #002830;
        }


    .gridtable td input[type=radio], .qGrid td input[type=radio] {
        height: auto !important;
    }

    .gridtable td select, .qGrid td select {
        color: #002830;
        background-color: white;
        box-sizing: border-box;
        height: 34px !important;
        border-radius: 4px;
        margin: 0px 0px 0px 0px;
        padding: 4px 30px 4px 14px;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 500;
        border: 1px solid #a9acad;
    }

        .gridtable td select:focus, .qGrid td select:focus {
            border-color: #002830;
        }

    /* 
        This is expected to be the span for the yes no question we have no other way of identifying it currently
        this may cause a problem for other controls using a span directly under the grid cell
    */
    .qGrid td span {
        display: table-cell;
        box-sizing: border-box;
        vertical-align: middle;
    }

    .qGrid td.qCell-Align-Left > span,
    .qGrid td.qCell-Align-Center > span,
    .qGrid td.qCell-Align-Right > span {
        display: inline-block;
    }


.qTabTitle {
    height: 35px;
    position: relative;
    left: 0px;
    right: 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px !important;
    line-height: 30px;
    font-weight: 600;
    color: #002830;
    border-bottom: none;
    margin-bottom: 20px;
    margin-top: 36px;
}




.qRegion.ui-accordion {
    border: none;
    padding-bottom: 0px !important;
}


    .qRegion.ui-accordion a {
        color: #002830;
    }
    .qRegion.ui-accordion .ui-accordion-header {
        border: none;
        border-top: 1px solid #e5e9ea;
        background: none;
        color: #002830;
        border-radius: 0px 0px 0px 0px;
        padding-left: 0px;
        font-family: 'Montserrat', sans-serif;
        font-size: 18px !important;
        font-weight: 600;
    }

    .qRegion.ui-accordion .ui-accordion-content {
        padding: 36px 0px 36px 0px;
        border: none;
        border-bottom: 1px solid #e5e9ea;
        border-radius: 0px 0px 0px 0px;
        margin-bottom: 32px;
    }

        .qRegion.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
            left: auto;
            right: 10px;
        }

            .qRegion.ui-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon-triangle-1-e {
                background-image: url(images/ArrowDown.png);
                background-position: center center;
                width: 19px;
                height: 19px;
            }

            .qRegion.ui-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon-triangle-1-s {
                background-image: url(images/ArrowUp.png);
                background-position: center center;
                width: 19px;
                height: 19px;
            }

        .qRegion.ui-accordion .ui-accordion-header a {
            line-height: 54px;
        }



input[readonly], textarea[readonly], select[readonly],
input[disabled], textarea[disabled], select[disabled] {
    background-color: #e5e9ea !important;
}


.ui-dialog {
    border: none;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
}

    .ui-dialog .ui-dialog-titlebar {
        background-color: #00A9E0;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A9E0', endColorstr='#004B87'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#00A9E0), to(#004B87)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #00A9E0, #004B87); /* for firefox 3.6+ */
        background: linear-gradient(to right, #00A9E0, #004B87);
        border: none;
        border-radius: 4px 4px 0px 0px;
    }

    .ui-dialog .ui-dialog-buttonpane .ui-button {
        margin-top: 0px;
        margin-right: 10px;
        float: left;
        height: 38px;
        width: auto;
        min-width: 80px;
        border: none;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-button .ui-button-text {
            box-sizing: border-box;
            border-radius: 4px;
            line-height: 38px;
            font-family: 'Montserrat', sans-serif;
            font-size: 14px;
            font-weight: 600;
            color: white;
            background-color: #002830;
            margin: 0px 0px 0px 0px;
            padding: 0px 10px 0px 10px;
            height: 100%;
            border: none;
        }

        .ui-dialog .ui-dialog-buttonpane .ui-button:hover .ui-button-text {
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8f11', endColorstr='#ff6296'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#fe8f11), to(#ff6296)); /* for webkit browsers */
            background: -moz-linear-gradient(top, #fe8f11, #ff6296); /* for firefox 3.6+ */
            background: linear-gradient(to right, #fe8f11, #ff6296);
            color: white;
            border: none;
        }

        .ui-dialog .ui-dialog-buttonpane .ui-button.ui-state-hover {
            border: none;
        }


.RB_TooltipHelpIcon {
    display: inline-block !important;
    width: 17px;
    height: 17px;
    background-image: url("Images/Help.png");
}

.ui-slider .ui-slider-handle {
    border: none;
    background-color: transparent;
    background-image: url("Images/SliderButton.png");
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    top: -8px;
    box-sizing: border-box;
}

.RB_AddRemove_DeleteButton {
    display: inline-block;
    background-image: url("Images/Remove.png");
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

    .RB_AddRemove_DeleteButton img {
        display: none;
    }

.RB_AddRemove_AddButton {
    display: inline-block;
    background-image: url(Images/Add.png);
    width: 15px;
    height: 15px;
}

    .RB_AddRemove_AddButton img {
        display: none;
    }

.qGrid-Accent-1 {
    padding: 26px 30px 26px 30px;
    color: white;
    background-color: #002830;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 10px;
}

    .qGrid-Accent-1 td {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 28px;
        height: 28px;
    }


.qGrid-Accent-2 {
    padding: 26px 30px 26px 30px;
    color: #002830;
    background-color: #E5E9EA;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 10px;
}

    .qGrid-Accent-2 td {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 34px;
        height: 48px;
    }

.qText-Accent-5 {
    font-size: 16px !important;
}
.qText-Accent-4 {
    color: #fe8f11 !important;
}
.qText-Accent-8 {
    color: #fe8f11 !important;
}

.RB_EditButton {
    display: inline-block;
    background-image: url("Images/Edit.png");
    width: 16px;
    height: 16px;
}

.qGrid td select::-ms-expand {
    display: none;
}
.qGrid td select {
    background-image: url('images/ArrowDown.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 16px;
}

.ui-tooltip {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 17px 12px 17px;
    position: absolute;
    border-radius: 4px 4px 4px 4px;
    border: none;
    background: #002830 !important;
    color: white !important;
    z-index: 9999;
    max-width: 300px;
    box-shadow: 0px 0px 56px 20px rgba(0,0,0,0.09);
}

/*.arrow:after {
    background: #002830 !important;
    border: none !important;
}

.arrow {
    background-color: #002830;
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: -5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678,sizingMethod='auto expand')";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
    z-index: -1;
    box-shadow: 0px 0px 137px 20px rgba(0,0,0,0.2);
}*/


.qGrid-Accent-3 {
    border-spacing: 0px 10px;
}

    .qGrid-Accent-3 tr td {
        height: 38px;
    }

.qGrid-Accent-3 tr:first-child td {
    line-height: normal;
    vertical-align: bottom;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e9ea;
}


.qGrid-Accent-4 {
    border-spacing: 0px 10px;
}

    .qGrid-Accent-4 tr td {
        line-height: normal;
        height: 38px;
        padding: 0px 10px 0px 10px;
    }

        .qGrid-Accent-4 tr td input[readonly] {
            border: none;
            background-color: transparent !important;
            overflow: visible;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

    .qGrid-Accent-4 tr:first-child td {
        line-height: normal;
        vertical-align: bottom;
        padding-bottom: 5px;
        border-bottom: 1px solid #e5e9ea;
    }

    .qGrid-Accent-4 tbody:last-child tr:last-child td {
        background-color: #e5e9ea;
        vertical-align: middle;
        padding: 0px 10px 0px 10px;
    }

        .qGrid-Accent-4 tbody:last-child tr:last-child td input[readonly] {
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

.qGrid .select2-container--default {
    width: 241px
}

.qGrid .select2-container--default .select2-selection--multiple {
    background-color: #313a41 !important;
    border: none;
    border-radius: 0px 0px;
}

    .qGrid .select2-container--default .select2-selection__choice {
        background-color: #1c272f !important;
        border: none;
        color: #999;
        border-radius: 0px 0px;
        padding: 2px 4px 2px 4px;
    }

.qGrid .select2-container--default .select2-results__option--highlighted {
    background-color: #313a41 !important;
}

.qGrid .select2-container--default .selection {
    display: inline;
}

.qGrid .select2-container--default {
    line-height: normal;
}
    .qGrid .select2-container--default .select2-search--inline .select2-search__field {
        padding: 0px 0px 0px 0px;
        height: auto !important;
    }