﻿body {
}
.dropdown-menu {
    min-width: 120px !important;
}

.btn-dropdown {
    min-width: 120px !important;
    font-weight: 600 !important;
    border-radius: 25px !important;
}

.dropdownContainer .dropdown-menu > li > a:hover,
.dropdownContainer .dropdown-menu > li > a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #26A9E1;
}

.dropdownContainer {
    margin-top: -15px;
}

.fa-language {
    float: left;
    margin-top: -8px;
}
.languageContainer 
{
    cursor: pointer;
    float: right;
    color: #4182a4;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    font-size: 16px;
    margin: 12px;
    color: #26a9e1;
}
.headerTextContainer
{
    font-size: 18px;
    font-weight: bold;
    color: #005E91;
}
.headerTextContainerFinish
{
    color: unset;
}
ul.check
{
	text-align: left;
}
ul.check li:before
{
    content: "\f058";
    font-family: FontAwesome;
    font-size: 30px;
    display: inline-block;
    width: 40px;
    color: white;
}

ul.check li 
{
  background: #4182a4;
  margin: 25px;
  color: white;
  padding: 10px 10px;
}
ul.check li div
{
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 45px);
}
.tipsCheckContainer 
{
    text-align: left;
    background-color: #26A9E1;
    color: white;
    margin: 10px 30px;
    padding: 10px;
}
.tipsCheckContainer a
{
    color: white;
    text-decoration: underline;
}
.tipsCheckContainerBold 
{
    text-align: left;
    background-color: #005380;
    color: white;
    margin: 10px 30px;
    padding: 10px;
}
.tipsCheckContainerBold a
{
    color: white;
    text-decoration: underline;
}
.tipsCheckLeftContainer 
{
    display: inline-block;
    width: 35px;
    vertical-align: middle;
}
.tipsCheckRightContainer 
{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 40px);
}
/*.tipsClass
{
    background-color: #26A9E1;
    margin: 13px;
    color: white;
    min-height: 150px;
}*/
.tipsClass
{
    background-color: #26A9E1;    
    color: white;
    min-height: 200px;    
    float: left;
    padding: 10px;
}
.es .tipsClass
{
    min-height: 216px;
}
.tipsClass ul
{
    text-align: left !important;
    margin-left: -15px !important;
}
.tipsClass a
{
    color: white;
    text-decoration: underline;
}
.tips-1 
{
    max-width: 250px; 
    margin: 10px 30px;
}
.tips-2
{
    max-width: 250px; 
    margin: 10px 30px;
}
/*.tips-3
{
    max-width: 200px; 
    margin: 10px 30px;
}*/
.tips-3
{
    max-width: 245px;
    margin: 10px 20px;
}
.es .tips-3
{
    max-width: 256px;
}
.tips-4
{
    max-width: 200px; 
    margin: 10px 15px;
}
.tips-5
{
    max-width: 167px; 
    margin: 10px 10px;
}
.info-tips
{
    margin: 10px;
}
.eventElementInfoBtn
{
    margin: 5px;
}
.tipsParent 
{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.text-uppercase 
{
    text-transform: uppercase;
}
select::-ms-expand 
{
    display: none;
    background: url(../Content/Images/button_down.png) no-repeat right #ffffff !important;
    background-position: calc(100% - 5px) center !important;
    padding-right: 15px;
}
select 
{
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../Content/Images/button_down.png) no-repeat right #ffffff !important;
    background-position: calc(100% - 5px) center !important;
}


.btn-primary {
    -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);
}

.btn-info {
    -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);
}

.btn-primary {
    color: #fff;
    background-color: #005E91;
    border-color: #005E91;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #005380;
    border-color: #005380;
    box-shadow: 0px 0px 4px 4px #005380 !important;
}
.btn-info {
    background-color: #26A9E1;
    border-color: #26A9E1;
}
.btn-info:hover, .btn-info:focus
{
    background-color: #26A9E1;
    border-color: #26A9E1;
    box-shadow: 0px 0px 4px 4px #00bafa !important;
}
.input-help {
    color: #26a9e1;
    font-size: 30px;
    margin-top: 3px;
    margin-left: 3px;
    position: absolute;
    right: 20px;
    top: 4px;
}

.collapseCriteriaContainer 
{
    text-align:center; 
    width:100%; 
    background-color: #26A9E1;
}
.searchCollapse img, .searchExpand img
{
    padding: 7px 20px; 
    height:35px;
}

.searchCollapse, .searchExpand
{
    cursor: pointer; 
}
.datepicker .ui-datepicker
{
    width: 100%;
}

.datepicker .ui-datepicker table
{
    font-size: 30px;
}
.datepicker .ui-datepicker .ui-datepicker-title 
{
    font-size: 22px;
}
.datepicker .ui-datepicker th
{
    font-size: 20px;
}
.datepicker .ui-datepicker .ui-datepicker-prev span,
.datepicker .ui-datepicker .ui-datepicker-next span 
{
    background-position: unset;
    height: 40px;
    width: 40px;
    margin-top: 0;
    top: 0;
}
.datepicker .ui-datepicker .ui-datepicker-prev-hover, 
.datepicker .ui-datepicker .ui-datepicker-next-hover 
{
    border: none;
}
.datepicker .ui-datepicker .ui-datepicker-prev span
{
    background: url("images/icon-prev.png");
    left: 50%;
}
.datepicker .ui-datepicker .ui-datepicker-next span 
{
    background: url("images/icon-next.png");
    left: -50%;
}
.ui-accordion-header-active .ui-accordion-header-icon
{
    background: url("images/icon-up-white.png");
}
.ui-accordion-header-collapsed .ui-accordion-header-icon
{
    background: url("images/icon-down-white.png");
}

.ui-accordion-header-icon 
{
    background-position: unset;
    height: 20px;
    width: 20px;
    margin-top: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    margin-right: 10px;
}
.ui-accordion .ui-accordion-header
{
    text-align: left;
}
/*.nav-tabs 
{
    margin-bottom: 30px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus 
{
    background-color: #005e91;
    color: #ffffff;
}

.nav > li > a:hover
{
    background-color: #26a9e1;
    color: #ffffff;
    border: none;
}
.nav-tabs > li.active > a
{
    background-color: #005e91;
    color: #ffffff;
}

.nav > li > a
{
    color: #005e91;
    font-weight: bold;
    border-radius: unset;
    margin-right: 0;
}

.nav > li 
{
    width: 50%;
}*/

.dtPicker
{
    border: none !important;
    background-color: transparent !important;
    width: 95px !important;
    padding: 0 !important;
    color: #ffffff;
    font-weight: bold;
    height: 15px !important;
    margin: 0 !important
}

.nav-tabs 
{
    margin-bottom: 30px !important;
    border: 1px solid #ffffff;
}

.nav-tabs > li
{
    margin-bottom: -3px;
}

.breadcrumbnav li:first-child a {
    padding-left: 5px;
}
.breadcrumbnav li.active {
    background: #005e91;
    color: #ffffff;
    cursor: pointer;
}

.fbn_container li a {
    height: 100%;
    display: inline-block;
}
.nav-container li a {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
}
.TimeTableContainer 
{
    overflow: auto;
    margin: auto;
}
.breadcrumbnav li a {
    color: #005E91;
    text-decoration: none;
    padding: 10px 0 10px 25px;
    background: #eceeef;
    position: relative;
    display: block;
    float: left;
    margin-bottom: 0;
    text-align: center;
    font-weight: normal;
}

.breadcrumbnav li:not(:last-child) a::before {
   content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 18px solid white;
    position: absolute;
    top: 0;
    margin-left: 0px;
    margin-top: -2px;
    left: 100%;
    z-index: 1;
}

.breadcrumbnav li.active a::after {
    border-left-color: #005e91 !important;
}
.breadcrumbnav li a::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 16px solid #eceeef;
    position: absolute;
    top: 0%;
    margin-top: 0px;
    left: 100%;
    z-index: 2;
}

.breadcrumbnav li:not(.active):hover a::after {
    border-left-color: #26A9E1 !important;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus 
{
    background-color: #005e91;
    color: #ffffff;
    border: none;
}
.nav-tabs > li > a:hover {
    border-color: transparent;
}

.nav > li:not(.active) > a:hover
{
    background-color: #26a9e1;
    color: #ffffff;
}
.nav-tabs > li.active > a
{
    background-color: #005e91;
    color: #ffffff;
}

.nav > li > a
{
    color: #005e91;
    font-weight: bold;
    border-radius: unset;
    margin-right: 0;
}

.nav > li 
{
    width: 50%;
}


.dataTables_wrapper select
{
    line-height: 20px;
}

.dataTable input[type='radio'] + span 
{
    top: 3px;
}

.dataTable td
{
    vertical-align: middle !important;
}

.LockOff 
{ 
    display: none; 
    visibility: hidden; 
} 

.LockOn 
{ 
    display: block; 
    visibility: visible; 
    position: fixed; 
    z-index: 999; 
    top: 0px; 
    left: 0px; 
    width: 105%; 
    height: 105%; 
    background-color: #ccc; 
    text-align: center; 
    padding-top: 20%; 
    filter: alpha(opacity=75); 
    opacity: 0.75; 
} 
.p-info
{
    text-align: justify;
    color: #005E91;
    font-weight: 600;
    font-size: 16px;
    margin: 15px 0 0 0;
}
.dataTables_wrapper
{
    margin-top: -20px;
}
.dataTables_wrapper select
{
    margin: 0;
}
.th-TimeTable-time 
{
    width: 135px;
}
.es .th-TimeTable-time 
{
    width: 152px;
}
.th-TimeTable-date, .es .th-TimeTable-date 
{
    width: unset !important;
}
.assets-data-table-header 
{
    background-color: #005e91;
    color: white;
}

.assets-data-table-header th
{
    vertical-align: middle !important;
}
.assets-data-table 
{
    border: none;
}
.lblTime 
{
    color: #2d6a9f;
    font-weight: bold;
    font-size: 15px;
}

.lblTimeAbb 
{
    color: #2d6a9f;
    font-weight: bold;
    font-size: 11px;
    vertical-align: top;
}
.eventElementDateContainer .lblTime, .eventElementDateContainer .lblTimeAbb
{
    color: white;
}
.restricted 
{
    opacity: 0.2;
    cursor: not-allowed;
}

#printSectionEvent 
{
    max-width: 600px;
    display: none;
}
.pagination > .active > a 
{
    background-color: #26a7e2;
    border-color: #26a7e2;
}
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #dfe8f1;/*#d7e6f4;*//*#e3e9e9;*/
}

.hint-vitals
{
    margin-top: -15px;
    display: block;
    color: #898989;
    font-size: 11px;
}
textarea
{
    width: 96%;
    height: 100px;
}
input[type=radio] {
    outline: none !important;
}

/*input[type="radio"] {
    transform: scale(1.5);
}*/
.radioBtnHeader {
 color: #747474;
}

.radioBtnLbl {
    font-weight: normal;
}
input[type="radio"] {
    /*transform: scale(1.5);*/
    width: 0px !important;
    opacity: 0;
}

input[type='radio'] {
    margin-right: 5px;
    margin-top: 3px;
}

input[type='radio'] + span {
    width: 27px !important;
    height: 27px;
    border-radius: 27px !important;
    top: -2px;
    position: relative;
    background-color: white;
    border: 1px solid;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 3px solid #26A9E1;
    float: left;
}

input[type='radio']:checked + span {
    background-color: #26A9E1;
}

input[type='radio']:focus + span {
    /*border-color: #005E91;*/

    box-shadow: 0px 0px 5px 3px #00bafa;
}

.align-center
{
    margin: 0 auto;
    float: none;
}


/* FbnProgressBar =========================================================================*/
.breadcrumbnav {
    list-style: none;
    overflow: hidden;
    font: 13px verdana;
    padding: 0;
    border-radius: 0;
    background-color: white;
    margin-bottom: 0px;
}

.fbn_container {
    max-width: 970px;
    left: 50%;
    margin: 0 auto;
}

.es .fbn_container {
    max-width: 1013px;
}

.fbnAgenReg_li {
    display: none;
}

.breadcrumbnav li {
    float: left;
}

.breadcrumbnav li label {
    color: #005E91;
    text-decoration: none;
    padding: 10px 0 10px 25px;
    background: #eceeef;
    position: relative;
    display: block;
    float: left;
    margin-bottom: 0;
    text-align: center;
    font-weight: normal;
    font: 13px Arial;
    white-space: nowrap;
}

        /*create the triangle*/


.breadcrumbnav li:not(:last-child) label::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 17px solid white;
    position: absolute;
    top: 0;
    margin-left: 2px;
    margin-top: 0px;
    left: 100%;
    z-index: 1;
}

.breadcrumbnav li label::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 16px solid #eceeef;
    position: absolute;
    top: 0%;
    margin-top: 0px;
    left: 100%;
    z-index: 2;
}

.breadcrumbnav li:first-child label {
    padding-left: 5px;
}

.breadcrumbnav li:last-child label::after {
    border: 0;
    padding-left: 10px;
}


.breadcrumbnav li:last-child .passed:hover::after {
    border-left-color: #005e91 !important;
}

.breadcrumbnav li:last-child label {
    padding: 10px 10px 10px 30px;
}

.breadcrumbnav li .passed:hover {
    background: #005e91;
    color: white;
}

.breadcrumbnav li .passed:hover::after {
    border-left-color: #005e91 !important;
}

.breadcrumbnav li .passed:active {
    background: #005e91;
}

.breadcrumbnav li .passed:active::after {
    border-left-color: #005e91 !important;
}

.breadcrumbnav li label.process {
    background: #005e91;
    color: white;
}

.breadcrumbnav li label.process::after {
    border-left-color: #005e91 !important;
}

.breadcrumbnav li .passed {
    background: #26A9E1;
    color: #ffffff;
    cursor: pointer;
}

.breadcrumbnav li .passed::after {
    border-left-color: #26A9E1 !important;
}
/* END FbnProgressBar ===============================================================*/


/* FbnProcess*/

.fbn_form-group {
    width: 970px;
    margin: 0px auto;
    text-align: center;
    position: relative;
    background: #ffffff;
    font: 15px Arial;
    /*padding: 20px 30px;*/
    box-sizing: border-box;
    position: relative;
    padding-top: 10px;
    border: 1px solid #e1e1e1;

}
label 
{
    font-weight: normal !important;
}

.vital-birth_form-group {
    width: 65em;
}

.es .vital-birth_form-group {
    width: 75em;
}

.vital-marriage_form-group {
    width: 70em;
}

.vital-reqPers_form-group {
    width: 80em;
    color: #005e91;
}

.vital-reqPers-col1 
{
    width: calc(100% - 50px);
}

.vital-reqPers-col12
{
    max-width: calc(100% - 50px);
    font-weight: normal;
}

#fbnRegistrants_form-group {
    visibility: hidden;
}
/*
.fbn_form-group input, .fbn_form-group textarea, .fbn_form-group select, .fbn_form-group option .fbn_form-group div {
	padding: 4%;
	border: 1px solid #e1e1e1;
	margin-bottom: 2%;
	width: 100%;
	box-sizing: border-box;
	font-family: Verdana;
	color: #2C3E50;
	font-size: 13px;
}


.fbn_form-group .action-button {
	
	background: #26A9E1;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 3%;
	margin: 1%;
}

.fbn_form-group .action-button:hover, .fbn_form-group .action-button:focus {
		box-shadow: 0 0 0 2px white, 0 0 0 3px #26A9E1;
	}

/*
.input_left {
	float: left;
	width: 58%;
	margin-right: 2%;
	padding: 0px;
}

.input_right {
	float: left;
	width: 40%;
	padding: 0px;
}*/

/*headings*/
.fs-title {
    font-size: 15px;
    text-transform: uppercase;
    /*color: #005E91;*/
    margin-bottom: 10px;
}
.fs-title-desc 
{
    text-transform: initial;
}
.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 20px;
    margin-top: 0px;
    /*color: #3276b1;*/
    /*font-weight:700;*/
}

.fbnaddress_lhs_input {
    width: 75%;
    float: left;
}

.fbnaddress_rhs_input {
    width: 23.2%;
    float: right;
    height: 56px;
}

.fbnaddress_chbox {
    width: 30%;
    float: left;
    margin-bottom: 10px;
}

.fbnaddress_radio {
    float: left;
}

.vitals_sex_lbl {
    margin-top: 3px;
}

.fbnaddress_date_lbl {
    float: left;
    margin-top: 5%;
    margin-bottom: 2%;
}

.fbnaddress_calendar_div {
    top: 65px;
    position: relative;
    width: 100%;
    height: 51px;
    padding-top: 10px;
}

.fbnaddress_btn {
    /*top: 65px;*/
    position: relative;
    width: 100%;
    height: 115px;
    padding-top: 10px;
}

.fbnaddress_calendar_inner {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
}

.fbn_inpit_width {
    width: 100%;
}

.fbnRegistrants_c {
    width: 50%;
    float: left;
    margin-right: 2%;
}

.fbnRegistrants_st {
    width: 23.2%;
    float: left;
    height: 56px;
}

.fbnRegistrants_zc {
    width: 23.2%;
    float: right;
    height: 56px;
}

.fbnRegistrants_cln {
    width: 50%;
    float: left;
    height: 56px;
}

.fbnRegistrants_sio {
    width: 48%;
    float: right;
    height: 56px;
}

.fbnPenaltyPerjuty_lbl {
    float: left;
    margin: 1% 2% 5%;
    color: #005E91;
    text-align: left;
    font-size: 14px;
}

.fbnPenaltyPerjuty_chbx_lbl {
    width: 91%;
    float: right;
    margin-top: 0px;
    margin-bottom: 25px;
    color: #821212;
    text-align: -webkit-left;
    font-size: 14px;
}

.fbnPenaltyPerjuty_input {
    float: left;
    width: 22px;
}

.fbnPenaltyPerjuty_btns {
    /*width:96px;
	 float: left;*/
}


.fbnDocCopies_input {
    float: left;
    margin: 0.2% 0 3%;
}

.fbnDocCopies_chbx_lbl {
    float: left;
    margin-left: 1%;
    width: 95%;
    text-align: left;
    color: #005E91;
}

.fbnDocCopies_lbl {
    float: left;
    margin: 1% 0% 4% 1%;
    font-size: 12px;
    color: #821212;
}

.fbnDocCopies_fee_lbl {
}

.fbnDocCopies_t_fee_lbl {
}

.fbnFinish_form 
{
    padding: 20px 0;
}
.es .fbnFinish_form 
{
    width: 58em !important;
}
.fbnDocCopies_d_fee {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: bold;
}
.finishContainer 
{
    margin: 20px 55px;
}
.fbnFinish_cong_lbl {
    color: #3276b1;
    font-size: 25px;
    width: 100%;
    float: left;
}

.fbnFinish_lbl_sim {
    float: left;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 25px;
    margin-left: 15px;
    margin-right: 15px;
}
.fbnFinish_lbl_success
{
    float: left;
    text-align: center;
    margin: 20px 20px;
    font-size: 21px;
    font-weight: bold;

}
.fbnFinish_lbl_conf_n {
    float: left;
    text-align: center;
    margin: 20px 0;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}

.fbnFinish_spn_conf_n {
    color: #26a9e1 !important;
    font-size: 16px;
    font-weight: bold;
}

.fbnFinish_lbl_href {
    float: left;
    text-align: justify;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 25px;
}

.fbnFinish_lbl_thank {
    float: left;
    width: 100%;
    font-size: 25px;
    padding: 20px 15px;
    font-weight: bold;
}

.fbnFinish_lbl_hh {
    float: left;
    width: 100%;
    font-size: 18px;
    margin-top: 25px;
}

.fbnFinish_lbl_occr {
}

.fbnAgenReg_ul {
    padding-left: 4%;
}

    .fbnAgenReg_ul li {
        text-align: left;
        margin-bottom: 2%;
        font-size: 14px;
    }


.help_icon {
    width: 128%;
    margin-top: 44%;
    margin-left: -15px;
    height: auto;
}


@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        visibility: hidden;
    }

    #printSection, #printSection * {
        visibility: visible;
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        border: none;
    }

        #printSection #printThis {
            border: none;
        }
}

@page {
    size: A4;
    margin: 0;
}



.width70 {
    width: 80%;
}

.fbnButton {
    color: #ffffff;
    
}
.btn
{
    box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3) !important;
    font-size: 16px;
    min-width: 170px;
    min-height: 47px;
}

.btnLarge
{
    box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3) !important;
    font-size: 16px;
    min-width: 170px;
    min-height: 55px;
}

.btnSmall
{
    min-width: 70px;
}

.btn:hover, .btn:focus
{
    color: #ffffff;
    outline: none !important;
}

.display-inline-block {
    display: inline-block;
}

.display-block {
    display: block;
}
.width92 {
    width: 92%;
}

.width7 {
    width: 7%;
}

.sameAsAbove {
    text-align: left;
    padding: 10px 0 22px 0;
}

.form-control {
    border-radius: unset;
}

.padding-left-0 {
    padding-left: 0px;
}

.padding-right-0 {
    padding-right: 0px;
}

.img_thumb {
    float: left;
    position: relative;
    border-radius: 3px;
    line-height: 39px;
    text-align: center;
    margin-top: -8px;
}

    .img_thumb img,
    .img_thumb input {
        vertical-align: middle;
    }

.disableElement {
    opacity: 0.5;
}

.reg-margin-top {
    margin-top: 8px;
}

.bx-wrapper img {
    max-width: initial !important;
    display: unset !important;
}

.font-weight-unset {
    font-weight: unset;
}

.lblCertCopy 
{
    margin-top: 20px;
}

.bxslider li 
{
    padding-right: 11px;
}

.margin-bottom-unset 
{
    margin-bottom: unset !important;
}

.display-none 
{
    display: none !important;
}

.form-group 
{
    margin-bottom: unset;
}

.form-group-header 
{
    width: fit-content;
    white-space: nowrap;
    margin: auto;
}

.form-group-row
{
    margin: 15px 15px;
}

.row 
{
    margin-top: 8px;
}

.timeContainerCell 
{
    padding-top: 14px !important;
}
.eventElement
{
    color: white;
    font-weight: bold;
    background-color: #26a9e1;
    padding: 4px;
    border-radius: 8px;
}
.margin-top-50 
{
    margin-top : 50px;
}
.margin-top-40 
{
    margin-top : 40px;
}
.margin-top-30 {
    margin-top : 30px;
}
.margin-top-20 {
    margin-top : 20px;
}
.margin-top-0 {
    margin-top : 0;
}
.eventContainerCell 
{
    padding: 0 !important;
    cursor: pointer;
}

.timeTableRow
{
    cursor: pointer;
}
.eventContainerDiv 
{
    height: 50px;
}

.input-validation-error {
    border: 1px solid #b94a48 !important;
    background-color: rgb(250, 255, 189) !important;
}

.field-validation-error {
    margin-top: -13px;
    display: block;
    margin-bottom: 15px;
    line-height: 12px;
}

.bx-wrapper {
    margin-bottom: 40px !important;
}

.width70 .bx-wrapper {
    margin-bottom: 10px !important;
}

.fbn-single .bx-wrapper {
    margin-bottom: 0px !important;
}

.fbn-slider-pagination .bx-wrapper {
    margin-bottom: 40px !important;
}

#bar, #barbackground {
    position: absolute;
    left: 30px;
    top: 20px;
    background-color: #43768B;
}

#barbackground {
    background-color: #c3c3c3;
}

.finish-button-block {
    max-width: 850px;
    min-width: 850px;
    margin: 0px auto 15px auto;
}

.margin-top-13 {
    margin-top: 13px;
}


@media screen and (min-width: 990px) {
    .nav-md {
        display: block;
    }

    .nav-sm {
        display: none;
    }

    .nav-xs {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .fbn_form-group {
        width: 100%;
    }

    .fbnButton {
        margin-bottom: 15px;
    }

    /*.fbnRegistrants_form-group_class {
        padding-left: 15px;
        padding-right: 0px;
    }*/
    .fbnRegistrants_form-group_class {
        padding-left: 0px;
        padding-right: 0px;
    }


    /*.fbn-single {
        padding-left: 30px;
        padding-right: 30px;
    }*/
    .fbn-single {
        padding-left: 0px;
        padding-right: 0px;
    }

    .bxslider li {
        padding-right: 45px;
    }
}

.nav-container li label {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
}

@media screen and (max-width: 1200px) and (min-width: 991px) {
    .width70 {
        width: 97%;
    }
}



/*
@media screen and (max-width: 820px) {
   .nav-md {
        display: none;
    }

    .nav-sm {
        display: none;
    }

    .nav-first-block {
        width: 605px;
    }

    .nav-second-block {
        width: 317px;
    }

    .nav-xs {
        display: block;
    }

    .fbnProcessMainDiv {
        min-width: 605px !important;
    }
}
*/


.btnPrint:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

.btnPrint:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}

.regis-subheader {
    margin-bottom: 15px;
    font-size: 11px;
}

.fixedHeader {
    position: fixed;
    z-index: 100;
    top: 0;
}


.perjury-alert-container {
    margin-top: 10px;
    margin-bottom: 13px;
}

.perjury-alert-chk-container {
    padding-right: 0px;
    padding-left: 5px;
}

.perjury-alert-lbl-container {
    padding-right: 0px;
    color: red;
}

.perjury-alert-lbl {
    text-align: justify;
}

#perjuryAccept:disabled:hover {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
}

#perjuryAccept:disabled {
    color: #005E91;
    border: 1px solid #cccccc;
}

.fs-subtitle-finish {
    margin-bottom: 20px;
}

.btnRegCopy {
    height: 40px !important;
}

.modal-content 
{
    border-radius: unset;
    background-color: #eceeef;
}
.modalDialog .modal-content, #TimeoutModal .modal-content
{
    background-color: white;
    padding: 15px;
}
.modalDialog .modal-dialog, #TimeoutModal .modal-dialog
{
    width: 600px;
}
.modal-dialog
{
    width: 650px;
}
#myModal1 .modal-dialog 
{
    width: 850px;
}
@media screen and (max-width: 900px) 
{
    #myModal1 .modal-dialog 
    {
        width: 600px;
    }
}
@media screen and (max-width: 650px) 
{
    #myModal1 .modal-dialog 
    {
        width: 450px;
    }
}
.modalDialog  .modal-body, #TimeoutModal .modal-body
{
    border: 6px solid #005e91;
    background: #eceeef;
    text-align: justify;
    color: #005E91;
    font-weight: 600;
}

.header-row 
{
    padding: 10px 10px;
    background-color: #cac9c9;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 15px;
}
.header-help
{
    margin-bottom: 40px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #dedede;
}

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        background: #26a9e1;
    }

.bx-next, .bx-prev {
    border: 10px solid #26A9E1;
    border-radius: 50%;
    behavior: url(PIE.htc);
    background-color: #26A9E1 !important;
    background: unset !important;
    text-indent: unset !important;
}

    .bx-next:before, .bx-prev:before {
        content: "";
        border: solid white;
        border-width: 0px 5px 5px 0;
        display: inline-block;
        padding: 6px;
        position: absolute;
        top: 6px;
    }

    .bx-next:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        left: 5px;
    }

    .bx-prev:before {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        left: 8px;
    }

    .bx-next:hover, .bx-prev:hover {
        background-color: #428bca !important;
        border-color: #428bca !important;
    }



/* .roundedTwo */
.roundedTwo {
    width: 35px;
    height: 35px;
    position: relative;
    /*margin: 20px auto;*/
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin-left: 10px;
    margin-top: 0px;
}

    .roundedTwo span {
        width: 26px;
        height: 26px;
        position: absolute;
        top: 4px;
        left: 4px;
        cursor: pointer;
        background: -webkit-linear-gradient(top, #67aaee 0%, #67aaee 100%);
        background: linear-gradient(to bottom, #67aaee 0%, #67aaee 100%);
        border-radius: 50px;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

        .roundedTwo span:after {
            content: '';
            width: 9px;
            height: 5px;
            position: absolute;
            top: 7px;
            left: 6px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            background: transparent;
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .roundedTwo span:hover::after {
            opacity: 0.3;
            box-sizing: unset;
        }

    .roundedTwo input[type=radio] {
        visibility: hidden;
    }

        .roundedTwo input[type=radio]:checked + span:after {
            opacity: 1;
            box-sizing: unset;
        }
/* end .roundedTwo */



/* .squaredTwo */
.squaredTwo {
    width: 28px;
    height: 28px;
    position: relative;
    margin: 20px auto;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin-bottom: 17px;
    margin-left: 10px;
    margin-top: 0px;
}

    .squaredTwo span {
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: absolute;
        left: 4px;
        top: 4px;
        background: -webkit-linear-gradient(top, #67aaee 0%, #67aaee 100%);
        background: linear-gradient(to bottom, #67aaee 0%, #67aaee 100%);
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

        .squaredTwo span:after {
            content: '';
            width: 9px;
            height: 5px;
            position: absolute;
            top: 4px;
            left: 4px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            background: transparent;
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .squaredTwo span:hover::after {
            opacity: 0.3;
            box-sizing: unset;
        }

    .squaredTwo input[type=checkbox] {
        visibility: hidden;
    }

        .squaredTwo input[type=checkbox]:first-child:checked + .squaredTwo span:after {
            opacity: 1 !important;
            box-sizing: unset;
        }

/*.squaredTwo input[type=checkbox]:first-child:checked + span::after {
  opacity: 1 !important;
  box-sizing: unset;
}*/
.show-span:after {
    opacity: 1 !important;
    box-sizing: unset;
}
/* end .squaredTwo */

/* .slideThree */
.slideThree, .newBusinessAdd, .chckAccept {
    width: 167px;
    height: 26px;
    background: #26A9E1;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
    display: inline-block;
    margin-bottom: 13px;
}

.chckAccept {
    background: red;
}

    .slideThree:after, .newBusinessAdd:after, .chckAccept:after {
        content: 'NO';
        color: white;
        position: absolute;
        z-index: 0;
        font: 13px Arial;
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
        top: 6px;
        right: 7px;
    }

    .slideThree:before, .newBusinessAdd:before, .chckAccept:before {
        content: 'YES';
        color: white;
        position: absolute;
        left: 10px;
        z-index: 0;
        font: 13px Arial;
        font-weight: bold;
        top: 6px;
        left: 7px;
    }

    .slideThree span, .newBusinessAdd span, .chckAccept span {
        display: block;
        height: 19px;
        cursor: pointer;
        position: absolute;
        top: 3px;
        z-index: 1;
        background: #fcfff4;
        background: -webkit-linear-gradient(top, #fcfff4 0%, white 40%, #b3bead 100%);
        background: linear-gradient(to bottom, #fcfff4 0%, white 40%, #b3bead 100%);
        border-radius: 50px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
        color: black;
        font-weight: 500;
    }

.slideThree span {
    width: 121px;
    left: 4px;
}

.es .newBusinessAdd span {
    width: 320px;
    left: 40px;
}

.newBusinessAdd span {
    width: 241px;
    left: 41px;
}

.chckAccept span {
    width: 66px;
    left: 4px;
    padding-left: 0px;
    padding-top: 1px;
}

.newBusinessAdd {
    width: 286px;
}

.es .newBusinessAdd {
    width: 365px;
}
.chckAccept {
    width: 111px;
}

    .slideThree input[type=checkbox], .newBusinessAdd input[type=checkbox], .chckAccept input[type=checkbox] {
        opacity: 0;
        background-color: red;
    }

.slideThree .main-input:checked + span {
    left: 41px;
}

.newBusinessAdd .main-input:checked + span {
    left: 4px;
}

.chckAccept .main-input:checked + span {
    left: 41px;
}

.lblAccept {
    position: relative;
    top: 23px;
}

/* end .slideThree */

/*keyboard styles begin*/
.ui-keyboard .ui-widget-content .ui-widget .ui-corner-all .ui-helper-clearfix .ui-keyboard-has-focus {
    left: 10% !important;
}

button.ui-keyboard-accept.ui-keyboard-invalid-input {
    border-color: #3276b1 !important;
    background: #3276b1 !important;
    color: white !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #26A7E2;
    font-weight: normal;
    color: white;
}

.ui-keyboard ui-widget-content.ui-widget.ui-corner-all.ui-helper-clearfix.ui-keyboard-has-focus {
    display: none;
}

.ui-keyboard.ui-widget-content.ui-widget.ui-corner-all.ui-helper-clearfix.ui-keyboard-has-focus {
    left: 0 !important;
    height: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    top: unset !important;
    position: fixed !important;
}
/*keyboard styles end*/





.bx-wrapper .bx-controls-direction a {
    top: 39% !important;
    width: 21px !important;
    height: 119px !important;
}

.bx-next, .bx-prev {
    border-radius: unset;
}

    .bx-prev:before {
        left: -5px !important;
    }

    .bx-next:before {
        left: -12px !important;
    }

    .bx-next:before, .bx-prev:before {
        top: 40px !important;
    }


body {
    font-family: Arial, sans-serif !important;
}
.fbnProcessMainDiv 
{
    position: sticky;
    top: 0;
    z-index: 100;
}

.nav-container {
    width: 100%;
    top: 0;
    left: 0px;
    border-bottom: 2px solid white;
}



.card-header-container {
    width: 100%;
    margin-bottom: 20px;
}


.fs-title {
    margin-top: 10px;
}

.hdrImgContainer 
{
    background-color: #eceeef;
    padding: 5px;
    max-width: 970px;
    border: 6px solid #005e91;
    margin-left: auto;
    margin-right: auto;
}
.stepperContained
{
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}

.hdrImgContainer img {
    max-width: 50px;
}

    .hdrImgContainer h4, .hdrImgContainer h6 {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 3px !important;
        color: #31708f;
    }

.fbnTypes_form-group_class {
    padding-top: 0px;
}

.hdrImgContainer div {
    display: inline-block;
}

.hdrImgContainer h3 {
    margin-bottom: 0px;
}

.hdrImgContainer h2 {
    margin-top: 0px;
    color: #005e91;
    font-weight: 600;
}


.fbn_form-group {
    padding-top: 0px;
    margin-top: 10px;
}

.btnCancel {
    background: #005e91;
    border-color: #005e91;
}

.btnSearch 
{
    margin-left: 10px;
    max-width: 150px;
}
.btn-incontent
{
    height: 45px;
    font-weight: bold;
}

.fbn_form-group .fs-title, .fbn_form-group .fs-title1 {
    background: #26a9e1;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    border-bottom: 2px solid white;
    color: white;
    font-weight: 600;
    font-size: 16px;
}

.fbn_form-group .fs-title1 
{
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    border-bottom: none;
}

.group-content 
{
    border: 1px solid #e1e1e1;
    margin: 10px 0 20px;
}
.group-content-container
{
    padding: 10px 0 20px;
}
.group 
{
    padding: 0 20px;
}

.form-group-content {
    padding: 30px 30px 20px 30px;
}

.footer-row input, .footer-row a, .footer-row button {
    max-width: 100px;
    display: inline-block;
    color: white;
    font-weight: 600;
}

.footer-row input.large {
    max-width: 300px;
}

.footer-row input.s-large {
    max-width: 200px;
}

.es .footer-row input.m-large {
    max-width: 220px;
}

.footer-row input.m-large {
    max-width: 200px;
}

.footer-row input.l-large, .footer-row button.l-large {
    max-width: 260px;
}
.es .footer-row input.l-large, .footer-row button.l-large {
    max-width: 285px;
}
.footer-row input.xl-large, .footer-row button.xl-large {
    max-width: 300px;
}

.footer-row {
    margin-top: 40px;
}
.form-group-footer
{
    margin-top: 30px;
}
.glyphicon 
{
    margin-left: 5px;
}
#fbnReport_form-group {
    display: block;
    max-width: 970px;
    margin-top: -9px;
}

.btnSave {
    max-width: 130px !important;
}

.fs-subtitle-finish {
    background: #26a9e1;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    border-bottom: 3px solid white;
    color: white;
    font-weight: 600;
    font-size: 26px;
}

.fbnFinish_form {
    background: #d7e6f4;
    color: #2d6a9f !important;
}

.report-img {
    width: 100%;
}

.designedChck {
    opacity: 0 !important;
    transform: scale(1.5);
}

.designedChckSpan .chk-span {
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    top: -3px;
    left: 0;
    border-radius: 4px;
    background: white;
    border: 2px solid #26A9E1;
}

    .designedChckSpan .chk-span:after {
        content: '';
        width: 11px;
        height: 5px;
        position: absolute;
        top: 4px;
        left: 3px;
        border: 3px solid #005E91;
        border-top: none;
        border-right: none;
        background: transparent;
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        box-sizing: content-box;
    }

.designedChckSpan {
    width: 20px;
    position: relative;
    margin: 20px auto;
}

    .designedChckSpan input[type=checkbox]:checked + .chk-span:after {
        opacity: 1;
    }

    .designedChckSpan .chk-span:hover::after {
        opacity: 0.5;
    }

.designedChckLbl {
    margin-left: 10px;
    color: #b94a48;
}

.btnAbandonAll {
    max-width: 175px !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: white;
    background-color: #bdd3df !important;
    border-color: #bdd3df !important;
    cursor: not-allowed !important;
    pointer-events: all;
}

.withdrawDiv {
    margin-top: -10px;
    margin-bottom: 10px;
}

/*.report-img {
    border: 1px solid #eeeeee;
    margin-bottom: 15px;
}*/
#TimeoutModal .close 
{
    display: none;
}
.modal-header {
    border-bottom: none;
}

    .modal-header .card-header-container {
        margin-top: 0px;
        margin-bottom: 0px;
    }

/*.modal-body {
    border: 6px solid #005e91;
    margin-left: 15px;
    margin-right: 15px;
    background: #eceeef;
}*/
.modal-header 
{
    border-bottom: none;
    padding: 0;
}
.modalDialog .modal-header, #TimeoutModal .modal-header
{
   padding-bottom: 15px;
}

.modal-header .card-header 
{
    margin-top: 0;
    margin-bottom: 0;
}

.modal-footer {
    border-top: none;
    padding-top: 20px;
    margin-top: 0px;
    padding-bottom: 15px;
    padding-right: 15px;
}


:not(.modalDialog, #TimeoutModal) .modal-body
{
    position: relative;
    padding: 15px;
    text-align: justify;
    color: #005E91;
    font-weight: 600;
}

#myModal1 .modal-body 
{
    padding: 0 15px;
}

.modal-header .close {
    margin-top: 8px;
    margin-right: 8px;
    display: none;
}

.modal-header .closeModal {
    margin-top: -17px;
    margin-right: -12px;
}

.cont {
    position: relative;
    margin-bottom: 15px;
}

.report-borders {
    border: 1px solid #eeeeee;
    margin-bottom: 15px;
    height: 1065.52px;
    position: absolute;
    top: 2px;
    left: 13px;
    z-index: auto;
    width: 822px;
}

.report-img {
    width: 830px;
}


.fbn_breadcrumb a {
    width: 100%;
}

#li1 {
    width: 50%;
}

#li2 {
    width: 23%;
}

#li3 {
    width: 23%;
}

#li4 {
    width: 24%;
}

#li5 {
    width: 50%;
}

#li6 {
    width: 16%;
}

#li7 {
    width: 11%;
}

#li8 {
    width: 8%;
}

.nav-md {
    display: block;
}

.nav-sm, .nav-xs {
    display: none;
}

.fbn_container li {
    height: 100%;
    display: inline-block;
}

.fbn_container li label {
    height: 100%;
    display: inline-block;
}


.es .slideThree {
    width: 207px;
}

    .es .slideThree span {
        width: 160px;
    }

    .es .slideThree:before, .es .newBusinessAdd:before, .es .chckAccept:before {
        content: 'Sí';
    }

.es #fbnReport_form-group {
    max-width: 1013px;
}

.es .btnSave {
    max-width: 180px !important;
}

body {
    min-width: fit-content;
    min-width: -moz-fit-content;
    overflow: auto;
}

.fbn-slider-pagination, .fbn-slider-without-pagination {
    min-width: 720px;
}

.fbn-single {
    min-width: 300px;
}

#fbnPenaltyPerjuty_form-group {
    min-width: 540px;
}

.lblPerjuryConf {
    text-align: justify;
}

#errorPage {
    border: transparent;
}

    #errorPage .card-danger {
        color: #d9534f;
        border-color: transparent;
        text-align: center;
        border: 0px;
        font-size: 25px;
        background-color: transparent;
    }

.btnErrorBackToPortal {
    margin-top: 50px;
}

.abandonMndrContainer {
    margin-bottom: 15px;
    margin-top: -20px;
}

#btnAbandonAll, #btnAbandonNone, #btnAbandonRevert {
    font-size: 23px;
    color: #26a9e1;
    margin-right: 5px;
    color: #3276b1;
}

#btnAbandonAll {
    margin-left: 2px;
}


/*ToolTip Styles Begin*/
.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}
    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: max-content;
        background-color: #26a9e1;
        color: white;
        text-align: center;
        position: absolute;
        z-index: 1;
        font-family: arial;
        font-size: 15px;
        padding: 0 5px;
        font-weight: 600;
        border: 2px solid white;
    }
    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }
/*ToolTip Styles End*/
.fbnButton:focus, .fbnButton:hover {
    border-color: transparent;
}


.chckFocus {
    box-shadow: 0px 0px 4px 2px #00bafa !important;
}

.chckAccept.chckFocus {
    box-shadow: 0px 0px 4px 2px red !important;
}

.btnDeleteRequest {
    max-width: 150px !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

    .btnDeleteRequest:focus, .btnDeleteRequest:hover {
        box-shadow: 0px 0px 4px 3px #d9534f !important;
    }

#btnModalYes {
    display:none;
}

#btnModalYesRemove {
    display:none;
}

.modal-footer button 
{
    max-width:100px;
    display:inline-block;
}
.modal-footer button.btn-xl 
{
    max-width:350px;
    display:inline-block;
}

.reportImg {
    width: 100%; 
    height: 100%;
    border: 1px solid #e1e1e1;
}