/**
 * Copyright (c) 2017 eSolutionsGroup.
 * All rights reserved.
 * 
 * Author: Timothy Grant Vogelsang <tvogelsang@esolutionsgroup.ca>
 */

/**
 * Alerts
 */


.bootstrap .alert h1,
.bootstrap .alert h2,
.bootstrap .alert h3,
.bootstrap .alert h4,
.bootstrap .alert h5 {
    margin-top: inherit;
   
}

.bootstrap #Email .alert h1,
.bootstrap #Email .alert h2,
.bootstrap #Email .alert h3,
.bootstrap #Email .alert h4,
.bootstrap #Email .alert h5 {
    color: #fff!important;
}

.bootstrap .alert > p,
.bootstrap .alert > ul {
    margin-bottom: inherit;
}

/**
 * Breadcrumbs
 */
.bootstrap .breadcrumb {
    background-color: transparent;
    border-radius: inherit;
    margin-bottom: 5px;
    padding: 0px;
    padding-top: 5px;
}

    .bootstrap .breadcrumb > li + li::before {
        padding: 0px 3px;
    }

.bootstrap button.icon-working {
    cursor: progress !important;
}

/**
  * Errors
  */
.bootstrap .error-template {
    padding: 40px 15px;
    text-align: center;
}

    .bootstrap .error-template p {
        margin: 15px 0px;
    }

    .bootstrap .error-template .error-actions {
        margin-top: 25px;
        margin-bottom: 15px;
    }

        .bootstrap .error-template .error-actions .btn {
            margin-right: 10px;
        }

.bootstrap fieldset .legend-hidden {
    position: absolute;
    top: -25000px;
    display: none;
}

/**
 * Fonts
 */
.bootstrap .fa.fa-lock.fa-1x {
    font-size: 1.1em;
}

/**
 * Forms
 */
.bootstrap .Question > .form-group {
    margin-bottom: 35px;
}

.bootstrap .form-group .checkbox
.bootstrap .form-group .checkbox-inline,
.bootstrap .form-group .radio,
.bootstrap .form-group .radio-inline {
    margin-bottom: 5px;
    margin-top: 5px;
}
.bootstrap .RadioButtonList .form-group .radio,
.bootstrap .CheckboxList .form-group .checkbox {
    margin-bottom: 0;
    margin-top: 0;
}
.bootstrap .published-page .RadioButtonList .form-group .marginTop5,
.bootstrap .published-page .CheckboxList .form-group .marginTop5,
.bootstrap .unpublished .RadioButtonList .form-group .marginTop5,
.bootstrap .unpublished .CheckboxList .form-group .marginTop5
{
    display: none;
}
.bootstrap .form-group .checkbox label,
.bootstrap .form-group .checkbox-inline label,
.bootstrap .form-group .radio label,
.bootstrap .form-group .radio-inline label {
    font-weight: normal;
}

.bootstrap .form-group input[type=checkbox],
.bootstrap .form-group input[type=radio] {
    bottom: 2px;
    margin-right: 2px;
    position: relative;
    vertical-align: middle;
}
.bootstrap .unpublished #_Form .form-group input[type=checkbox],
.bootstrap .unpublished #_Form .form-group input[type=radio] {
    bottom: 2px;
    margin-right: 2px;
    position: relative;
    vertical-align: middle;
}
.bootstrap .unpublished .form-group input[type=checkbox],
.bootstrap .unpublished .form-group input[type=radio] {
    bottom: 6px;
    margin-right: 2px;
    position: relative;
    vertical-align: middle;
}

.bootstrap .form-group-custom .control-label {
    font-size: 24px;
    font-weight: 500;
}

.bootstrap .has-feedback label ~ .form-control-feedback {
    top: 21px;
}

.bootstrap .form-group-custom .intro {
    color: #666;
    margin-top: 5px;
    margin-bottom: 5px;
}

.bootstrap .form-control[readonly],
.bootstrap .form-control[disabled] {
    cursor: pointer;
}
.bootstrap .form-control[readonly] {
    background:#fff;
    color:inherit;
}
.bootstrap .help-block {
    margin-bottom: 0px;
}

/**
 * Grids
 */
.bootstrap .col-padding-right-5 {
    margin-right: 5px;
}

.col-xs-xx-5, .col-sm-xx-5, .col-md-xx-5, .col-lg-xx-5,
.col-xs-xx-7, .col-sm-xx-7, .col-md-xx-7, .col-lg-xx-7,
.col-xs-xx-8, .col-sm-xx-8, .col-md-xx-8, .col-lg-xx-8,
.col-xs-xx-9, .col-sm-xx-9, .col-md-xx-9, .col-lg-xx-9,
.col-xs-xx-10, .col-sm-xx-10, .col-md-xx-10, .col-lg-xx-10 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-xs-xx-5 {
    float: left;
    width: 20%;
}

.col-xs-xx-7 {
    float: left;
    width: 14.2857%
}

.col-xs-xx-8 {
    float: left;
    width: 12.5%;
}

.col-xs-xx-9 {
    float: left;
    width: 11.1111%;
}

.col-xs-xx-10 {
    float: left;
    width: 10%;
}

@media (min-width: 768px) {
    .col-sm-xx-5 {
        float: left;
        width: 20%;
    }

    .col-sm-xx-7 {
        float: left;
        width: 14.2857%
    }

    .col-sm-xx-8 {
        float: left;
        width: 12.5%;
    }

    .col-sm-xx-9 {
        float: left;
        width: 11.1111%;
    }

    .col-sm-xx-10 {
        float: left;
        width: 10%;
    }

    .bootstrap .nav-tabs.nav-justified > .active > a,
    .bootstrap .nav-tabs.nav-justified > .active > a:hover,
    .bootstrap .nav-tabs.nav-justified > .active > a:focus {
        outline: none;
        font-weight: 900;
        background: #292929;
        color: #fff;
        border: none;
        border-bottom: 3px solid #e8e8e8;
    }

    .bootstrap .nav-tabs.nav-justified > a,
    .bootstrap .nav-tabs.nav-justified > a:hover,
    .bootstrap .nav-tabs.nav-justified > a:focus {
        outline: none;
        font-weight: 900;
        background: #292929;
        color: #fff;
        border-bottom: 3px solid #e8e8e8;
    }
}



@media (min-width: 992px) {
    .col-md-xx-5 {
        float: left;
        width: 20%;
    }

    .col-md-xx-7 {
        float: left;
        width: 14.2857%
    }

    .col-md-xx-8 {
        float: left;
        width: 12.5%;
    }

    .col-md-xx-9 {
        float: left;
        width: 11.1111%;
    }

    .col-md-xx-10 {
        float: left;
        width: 10%;
    }

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

@media (min-width: 1200px) {
    .col-lg-xx-5 {
        float: left;
        width: 20%;
    }

    .col-lg-xx-7 {
        float: left;
        width: 14.2857%
    }

    .col-lg-xx-8 {
        float: left;
        width: 12.5%;
    }

    .col-lg-xx-9 {
        float: left;
        width: 11.1111%;
    }

    .col-lg-xx-10 {
        float: left;
        width: 10%;
    }
}

/**
 * Labels
 */
.bootstrap .label-as-badge {
    border-radius: 1em;
}

.bootstrap .label-lg {
    font-size: 1.0em;
    padding-top: 4px;
}

.bootstrap .label-md {
    font-size: 0.85em;
    padding-top: 4px;
}

/**
 * Panels
 */
.bootstrap .panel-heading a {
    text-decoration: none;
}

.bootstrap .panel-heading-fixed {
    line-height: 20px;
}

.bootstrap .panel.panel-none {
    border: 0px;
    box-shadow: none;
}

/**
 * Popovers
 */
.bootstrap .popover {
    max-width: 500px;
    width: auto;
}

.popover br {
    line-break: auto;
}

/**
 * Select2
 */
.bootstrap form .select2-container .select2-dropdown ul,
.bootstrap form .select2-container .select2-dropdown ul li {
    margin: 0 !important;
}

.bootstrap .select2-container .select2-dropdown ul li[aria-disabled="true"] {
    text-decoration: line-through;
}

/**
 * Tabs
 */
.bootstrap .nav.nav-border-bottom {
    border-bottom: 1px solid #ddd;
}

.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
    background-color: #f9f9f9 !important;
    border-bottom: 1px solid #ddd;
}


@media (min-width: 320px) and (max-width: 767px) {
    .bootstrap .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    .bootstrap .nav-container .nav-tabs.nav-justified > li > a {
        font-size: 14px !important;
    }

    .bootstrap .nav-container .nav > li > a {
        padding: 3px 8px;
    }
}

@media (max-width: 768px) {
    .bootstrap .nav.nav-border-bottom {
        padding-bottom: 0;
    }

    .formbuilder-uber .bootstrap .col-md-3.has-feedback {
        margin-bottom: 10px;
    }
}

.bootstrap .nav.nav-border-bottom .nav-justified {
    margin-bottom: 0;
    background-color: #292929;
}

.bootstrap .nav.nav-border-bottom li {
    /*border-bottom: 1px solid #fff !important;*/
}

/**
 * Table
 */
.bootstrap .table thead td {
    vertical-align: bottom !important;
}

.bootstrap .table > thead > tr > th {
    border-bottom: 0px;
}

.bootstrap .table td a {
    text-decoration: none;
}

.bootstrap .table td .icon {
    margin-right: 10px;
    vertical-align: top;
    width: 55px;
}

.bootstrap .table td .info {
    font-size: small;
}

.bootstrap .table {
    margin-bottom: 20px;
}

.bootstrap .borderless td, .bootstrap .borderless th {
    border: none !important;
}

/**
 * Validation
 */
.bootstrap .input-validation-error {
    border-color: #B94A48 !important;
    color: #B94A48 !important;
}

    .bootstrap .input-validation-error:focus {
        border-color: #B94A48 !important;
        -webkit-box-shadow: 0 0 6px #D59392 !important;
        -moz-box-shadow: 0 0 6px #D59392 !important;
        box-shadow: 0 0 6px #D59392 !important;
    }

.bootstrap .form-group.required .control-label:after {
    color: #B94A48;
    content: " *";
}

.bootstrap span.required {
    color: red;
}

.bootstrap span.change-indicator {
    color: red;
}

    .bootstrap span.change-indicator .fa-circle {
        font-size: 0.75em;
    }

/**
 * Custom
 */
.bootstrap p {
    margin: 0px 0px 25px;
}

.bootstrap .fade {
    opacity: 0.9;
}

.bootstrap .fade5 {
    opacity: 0.5;
}

.bootstrap .fade6 {
    opacity: 0.4;
}

.bootstrap .fade7 {
    opacity: 0.3;
}

.bootstrap .fade8 {
    opacity: 0.2;
}

.bootstrap .fade9 {
    opacity: 0.1;
}

.bootstrap .invisible {
    visibility: hidden;
}

.bootstrap .marginBottom5 {
    margin-bottom: 5px !important;
}

.bootstrap .marginBottom10 {
    margin-bottom: 10px !important;
}

.bootstrap .marginBottom15 {
    margin-bottom: 15px !important;
}

.bootstrap .marginLeft5 {
    margin-left: 5px !important;
}

.bootstrap .marginLeft10 {
    margin-left: 10px !important;
}

.bootstrap .marginLeft15 {
    margin-left: 15px !important;
}

.bootstrap .marginLeft25 {
    margin-left: 25px !important;
}

.bootstrap .marginLeft30 {
    margin-left: 30px !important;
}

.bootstrap .marginLeft45 {
    margin-left: 45px !important;
}

.bootstrap .marginLeft60 {
    margin-left: 60px !important;
}

.bootstrap .marginLeft75 {
    margin-left: 75px !important;
}

.bootstrap .marginRight5 {
    margin-right: 5px !important;
}

.bootstrap .marginRight10 {
    margin-right: 10px !important;
}

.bootstrap .marginRight15 {
    margin-right: 15px !important;
}

.bootstrap .marginRight25 {
    margin-right: 25px !important;
}

.bootstrap .marginRight30 {
    margin-right: 30px !important;
}

.bootstrap .marginRight45 {
    margin-right: 45px !important;
}

.bootstrap .marginRight60 {
    margin-right: 60px !important;
}

.bootstrap .marginRight75 {
    margin-right: 75px !important;
}

.bootstrap .marginTop5 {
    margin-top: 5px !important;
}

.bootstrap .marginTop10 {
    margin-top: 10px !important;
}

.bootstrap .marginTop15 {
    margin-top: 15px !important;
}

    .bootstrap .marginTop15.nav-container {
        margin-top: 35px !important;
    }

.bootstrap .marginTop25 {
    margin-top: 25px !important;
}

.bootstrap .noBorder {
    border: 0px !important;
}

.bootstrap .noMargin {
    margin: 0px !important;
}

.bootstrap .noMarginBottom {
    margin-bottom: 0px !important;
}

.bootstrap .noMarginTop {
    margin-top: 0px !important;
}

.bootstrap .noPaddingBottom {
    padding-bottom: 0px !important;
}

.bootstrap .padding5 {
    padding: 5px !important;
}

.bootstrap .padding10 {
    padding: 10px !important;
}

.bootstrap .padding15 {
    padding: 15px !important;
}

.bootstrap .paddingBottom5 {
    padding-bottom: 5px !important;
}

.bootstrap .paddingBottom10 {
    padding-bottom: 10px !important;
}

.bootstrap .paddingBottom15 {
    padding-bottom: 15px !important;
}

.bootstrap .paddingLeft5 {
    padding-left: 5px !important;
}

.bootstrap .paddingLeft10 {
    padding-left: 10px !important;
}

.bootstrap .paddingLeft15 {
    padding-left: 15px !important;
}

.bootstrap .paddingRight5 {
    padding-right: 5px !important;
}

.bootstrap .paddingRight10 {
    padding-right: 10px !important;
}

.bootstrap .paddingRight15 {
    padding-right: 15px !important;
}

.bootstrap .paddingTop5 {
    padding-top: 5px !important;
}

.bootstrap .paddingTop10 {
    padding-top: 10px !important;
}

.bootstrap .paddingTop15 {
    padding-top: 15px !important;
}

.bootstrap .question {
    overflow: hidden;
}

.bootstrap .text-small {
    font-size: 12px;
}

.bootstrap .warning {
    font-style: italic;
    font-weight: 700;
}

.bootstrap .underline {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

/**
 * UI
 */
.ui-datepicker,
.ui-timepicker {
    z-index: 9999 !important;
}


.g-recaptcha-error {
    color: red;
    text-align: center;
}

.g-recaptcha div {
    margin: auto;
}

/* for public page*/

.published-page-wrapper button.hidden, button.btn.invisible,
.published-page-wrapper .hidden {
    display: none;
}

.unpublished #_Form button.hidden {
    display: none;
}

    .published-page-wrapper govstack-ribbon {
        display: none;
    }

.published-page-wrapper.published-responses govstack-ribbon {
    display: block;
}

.published-page-wrapper #_Form {
    padding: 20px;
}
.published-page-wrapper #_Form .row{
    display:inherit;
}

.published-page-wrapper #pageHeading {
    margin-top: 10px;
}

.published-page-wrapper .bootstrap legend {
	border-bottom:none;
	margin-bottom:0;
	font-weight:700;

}
.unpublished-wrapper .bootstrap .unpublished legend.checkbox-legend,
.unpublished-wrapper .bootstrap .unpublished legend.dropdown-legend,
.unpublished-wrapper .bootstrap .unpublished legend.radioButton-legend {
    font-weight: 700;
    font-size: inherit;    
}

.unpublished-wrapper .bootstrap .unpublished #Design legend.checkbox-legend,
.unpublished-wrapper .bootstrap .unpublished #Design legend.dropdown-legend,
.unpublished-wrapper .bootstrap .unpublished #Design legend.radioButton-legend {
    font-weight: 500;
    font-size: 16px;
}
.published-page-wrapper .bootstrap legend.checkbox-legend,
.published-page-wrapper .bootstrap legend.dropdown-legend,
.published-page-wrapper .bootstrap legend.radioButton-legend {
    float: left;
    display: contents;
    width: auto;
    font-size: inherit;
    margin: 0;
    font-weight: 700;
    color: inherit;
}
.bootstrap legend {
    color: inherit;
}
.unpublished-wrapper .bootstrap legend.checkbox-legend,
.unpublished-wrapper .bootstrap legend.dropdown-legend,
.unpublished-wrapper .bootstrap legend.radioButton-legend {
    float: unset;
    display:contents;
    width: auto;
    font-size: 14px;
    margin: 0;
    border-bottom: none;
    
}

.unpublished-wrapper form#_Form {
    padding:20px;
}

.bootstrap .form-group select.form-control {
    margin-top: 5px;
}
.bootstrap #_SearchForm .form-group select.form-control {
    margin-top: 0;
}
.published-page-wrapper .select2-container--bootstrap .select2-selection--single {
    margin-top: 5px;
}

/*.published-page-wrapper div.Question.Presentation img {
	max-width: 100%;
}*/
.unpublished-wrapper div.Question.Presentation img {
    max-width:100%;
    height:auto;
}

.published-page-wrapper #printAreaContent div.Question.Presentation img {
    max-width: revert-layer;
    height: revert-layer;
}

.published-page-wrapper .FRM_bootstrap #Email .alert label {
	margin-top: 5px;
}
.published-page-wrapper div#Email {
	padding: 20px;
}
p.error-message {
	font-size:24px;
}
.published-page-wrapper .bootstrap .kbw-signature canvas {
    width: inherit;
    height:252px!important;
    
}
.bootstrap .unpublished .kbw-signature canvas {
    width: inherit;
    height: 252px !important;
}
.bootstrap .unpublished .Question.DropDownList {
    margin-top: 5px;
}
.bootstrap .unpublished #Design .Question.DropDownList {
    margin-top: 0;
}
.bootstrap .alert-success {
    color: #fff;
    background-color: #575757;
    border-color: #575757;
    background-image: linear-gradient(to bottom, #575757 0%, #575757 100%);
}

.bootstrap .btn-success {
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    border-radius: 5px;
    background-repeat: inherit;
    border-color: #C6C6C6;
    color: #000;
    font-size: 16px;
    background-color: #ffffff;
}
    .bootstrap .btn-success:hover {
        background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
        border-radius: 5px;
        background-repeat: inherit;
        border-color: #C6C6C6;
        color: #000;
        font-size: 16px;
        background-color: #ffffff;
    }

.bootstrap .alert-success .input-group .form-control {
    /*height: 39px;*/
    height:auto;
}


.bootstrap .alert-success .input-group {
    display: -webkit-box;
    color:#555;
}
.bootstrap .alert-success .btn-success {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 17px;
}
.bootstrap .alert-success .btn-default {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 17px;
}

    .bootstrap .alert-success .btn-success:hover {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        font-size: 17px;
    }
.bootstrap .alert-success .form-control:focus {
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}
.bootstrap #Continue .alert-success h2 {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .bootstrap .alert-success .input-group-addon:first-child {
        border-right: 0;
        width: 38px;
        line-height: 24px;
    }

    /*.bootstrap .alert-success .input-group {
        display: flex;
    }*/
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}