.zero-bottom-padding {
    padding-bottom:0;
}
.zero-top-padding{
padding-top:0
}

.li-bottom-line{
    border-bottom: 1px solid #a7a8aa; border-top: 0px
}
.toggle-link {
    padding-left: 15px;
    position: relative; 
}
.show-ellipse + .toggle-link::before {
    content: "\2212 ";
    position: absolute;
    left: 0;
}
.show-ellipse+.toggle-link.collapsed::before {
    content: "\002b";
} 
.show-ellipse + .toggle-link{
    text-decoration:none;
    display:inline-block;
} 

.show-ellipse + .toggle-link::after{
    content:'';
    width:93%;
    height:1px;
    background:#0773be;
    position:absolute;
    bottom:4px;
    left:15px;
}
.single-line-break{
    margin-top: 0.3rem;
    display: block;
}

.line-break{
    margin-top: 1rem;
    display: block;
}
.spl-validation{
    width: 0 !important;height: 0px !important;border: 0px !important;padding: 0px !important;background-color: #fff !important;box-shadow: 0 0 0 0 !important;outline: 0 !important;
}
.checkbox .validation-message {
    margin-top: 3px;
}
.pl-05{padding-left:0.5rem !important;}
.pl-07{padding-left:0.7rem !important;}
.pl-025{padding-left:0.25rem;}

.pl-3{padding-left:3rem;}
.pl-1{padding-left:1rem;}
.mb-1{margin-bottom:1.3rem;}
.mb-08 {margin-bottom: 0.8rem!important;}
.mt-05{margin-bottom: 0.5rem;}
.mt-1 {margin-top: 1.5rem;}
.mt-2 {margin-top: 1rem;}
.mr-1{margin-right:1rem;}
.ml-05 {margin-left: 0.5rem !important;}
.ml-4{margin-left:4rem;}
.ml-2{margin-left:2rem;}
.pr-1 {padding-right: 0.3rem;}

.checkbox .validation-message label {
    margin-left: 0px;
    padding-left: 4px;
}


.thick-line {
    border-bottom: 3px solid #231f20;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    display: block;
}

.blank-space {
    margin-top: 1rem;
    display: block;
}

.confirm-font {
    font-size: 1rem;
    color: #666666;
    font-family: "CFA Breuer", Arial, Helvetica, sans-serif;
}

/*Error Message icon hegiht fix for mozilla browser issue*/
.help-block.error {
    font-size: 1.04rem !important;
}

.thin-line {
    border-top: 1px solid rgba(165, 156, 148, 0.5);
    margin: 0.6rem 0;
    display: block;
}

.textarea-resize {
    resize: none;
}

.green {
    color: #138761;
    margin-right:0.5rem;
    font-size:1.5rem;
}

.red {
    color: #af272f;
    margin-right:0.5rem;
    font-size:1.5rem;
}

.zero-top-margin {
    margin-top: 0 !important;
}

.thick-line-top {
    border-top: 3px solid black;
    margin-top: 0.5rem;
}


/* Navigation bar */

#main_navbar .navbar-default {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

/*
#main_navbar .navbar-default .navbar-nav > .open > a, #main_navbar .navbar-default .navbar-nav > .open > a:hover, #main_navbar .navbar-default .navbar-nav > .open > a:focus {
background-color: #843534;
}
*/

/* Navigation bar text colour, alignment, font size */

#main_navbar .nav.navbar-nav {
    margin-bottom: 0px !important;
}

#main_navbar ul > li {
    height: 48px;
    width: 20%;
    font-size: medium;
    margin: 0;
    position: relative;
    z-index: 1;
}

    #main_navbar ul > li .icon {
        font-size: 2rem;
        position: absolute;
        left: 0;
        top: 0;
        margin: auto 0;
        bottom: 0;
        width: 32px;
        height: 32px;
        display: none;
    }

/* Responsive navigation colour */

#main_navbar .navbar-toggle {
    background-color: #A94442;
}

#main_navbar ul > li.completed {
    padding-left: 3rem;
}

    #main_navbar ul > li.completed .icon {
        display: block;
    }

    #main_navbar ul > li:first-child:after,
    #main_navbar ul > li.completed + li:after {
        position: absolute;
        top: 39px;
        right: 15px;
        display: inline-block;
        border-top: 1px dashed #ccc;
        border-right: 1px dashed #ccc;
        width: 20px;
        height: 20px;
        transform: rotate(135deg);
        background: white;
        z-index: -1;
        content: '';
        left: 10%;
        right: 0;
    }

    #main_navbar ul > li.completed:first-child:after,
    #main_navbar ul > li.completed + li.completed:after {
        display: none;
    }

/* Navigation bar border */

#main_navbar .navbar-default {
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

/* Paragraph width issue fix  */
.overflow-wrap {
    overflow-wrap: break-word;
    width: 46%;
    padding-right: 4%;
}

.word-break {
    word-break: break-all;
    word-break: break-word;
}

.word-brk {
    word-break: break-all;   
    word-break: break-word;
}


@media screen and (max-width: 991px) {
    #main_navbar ul > li {
        width: 25%;
    }
}

@media screen and (max-width: 400px) {
    .xs-ml-0 {
        margin-left:0px;
        padding-top : 1rem;
        display:block;
    }
}

@media screen and (max-width: 767px) {
    /*.pl-xs-0{padding-left:0;}*/
    #main_navbar ul > li {
        border: 1px dashed #ccc;
        display: block;
        width: 100%;
        padding-left: 14px;
        margin-bottom: 22px;
        line-height: 47px;
    }

        #main_navbar ul > li .icon {
            left: 10px;
        }

        #main_navbar ul > li br {
            display: none;
        }

        #main_navbar ul > li:first-child:after,
        #main_navbar ul > li.completed + li:after {
            left: 0;
            margin: 0 auto;
        }

    #main_navbar .navbar-default {
        border-top: none;
        border-bottom: none;
    }

    .xs-text-center {
        text-align: center !important;
    }
    .xs-pl-0{padding-left:0;}
}
/*form elements*/

.form-inline input, .form-inline input[type="color"], .form-inline input[type="date"], .form-inline input[type="datetime"], .form-inline input[type="datetime-local"], .form-inline input[type="email"], .form-inline input[type="file"], .form-inline input[type="month"], .form-inline input[type="number"], .form-inline input[type="password"], .form-inline input[type="range"], .form-inline input[type="search"], .form-inline input[type="tel"], .form-inline input[type="text"], .form-inline input[type="time"], .form-inline input[type="url"], .form-inline input[type="week"], .form-inline select, .form-inline textarea {
    max-width: 100%;
    width: 100%;
}

.form-inline .form-control {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.date {
    margin-bottom: 1rem;
    width: 17.7rem;
}

/* Show hide toggle*/
/*.link-minus {position: relative; padding:0 0 0 15px; margin:0 0 1rem 0; display:inline-block;cursor: pointer;}
.link-minus span{position: absolute; left:0;}
.link-minus.collapsed span:before{
  content:"\002b";
}
.link-minus span:before{
  content:"\2212";
}*/

/* accordion show/hide*/

a.link-minus.toggle-link.collapsed .glyphicon-plus::before{
  content:"\002b";
}
a.link-minus.toggle-link .glyphicon-plus::before{
  content:"\2212";
}

a.link.link-minus.toggle-link {
  padding-left: 16px;
  position: relative;
}
span.glyphicon-plus {
  position: absolute;
  left: 0px;
}
 
/* End Show hide toggle*/

@media screen and (max-width: 1440px) {
    .date {
        width: auto;
    }
}

.check-pending {
    border: 2px solid #333333;
    background-color: #FFFFFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 23.5px;
    height: 23.5px;
    display: inline-block;
    margin-right: 0.4em;
    top: 4px;
    position: relative;
}

.check-title {
    font-family: "CFA Breuer Bold", Arial, Helvetica, sans-serif;
    font-size: 1.3rem;
    line-height: 1.25;
    margin: 0;
}

.set-alignment {
    margin-left: calc(57px + 1rem);
}

legend.personal-information-caption {
    position: relative;
}

legend.personal-information-caption > small > a {
    position: relative;
    z-index: 1;
}

#consent-error-message.error-summary a.application-action-button {
    margin-left: 0;
    cursor: pointer;
}

.error-summary a.message-hyperlink {
    margin-left: 0;
}

/* 
According to UX patterns, a hyperlink in the alert has a smaller font size compared to the main alert text. 
To address this, this class is created. Apply this class to the hyperlink in the alert to make the hyperlink font size equal to the main text font size.
*/
.alert a.message-hyperlink {
    font-size: inherit;
}

[class*="cfaicon-"].border.small::before,
[class*="cfaicon-"].solid.small::before {
    height: 16px !important;
    width: 16px !important;
    background-size: 16px !important;
    margin-bottom: 10px;
    margin-left: 6px !important;
}

.tooltip-inner {
    text-align: left;
}

.edit-next-to-field{
    margin-left: 8px;
}