/* Site */


/*Theme.css*/

* {
    font-family: 'Open Sans', sans-serif;
    animation-name: none !important;!import;!importn;!importnt;!importn;!i;!;!;!i;!;
}

body {
    color: #212529;
}

.form-control {
    height: 38px;
    font-size: 14px;
    border-radius: 0.3rem !important;
}

.form-control:hover,
.form-control:focus {
    border: 3px solid #083A42 !important;
}

/*this is if we decide not have focus*/
/*
	.form-control:focus {
		box-shadow: none;
	}
	*/
 .toggle-col{
        background-color: #b2c1c4;
    }

.toggle-col:hover{
    background-color: #819a9e;
}
.toggle-col.active{
    background-color: #819a9e;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    border-radius: .3rem;
}

.btn-default {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    margin-right: 15px;
    color: #083A42 !important;
    background-color: #ffffff !important;
    border: 2px solid #083A42 !important;
}

.btn-default:hover,
.btn-default:focus {
    color: #343434 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.input-group-btn .btn-default,
.input-group-btn .btn-default:hover {
    color: #343434;
    background-color: #fff;
    border: 0px;
    font-size: 16px;
}

.sectionPrimaryColor {
    background-color: #ffffff !important;
}

.input-group-addon,
.input-group-btn {
    color: #343434;
    background-color: #fff;
    border: 0px;
    font-size: 16px;
}

.input-group-addon .icon-calendar,
.input-group-addon .icon-calendar:hover {
    color: #343434;
    background-color: #fff;
    border: 0px;
    font-size: 16px;
}

.breadcrumb {
    margin-bottom: 16px;
    color: #006A94;
}

.breadcrumb>li a,
.breadcrumb>li a:hover {
    color: #006A94;
    text-decoration: underline;
    font-size: 14px;
}


.breadcrumb>li:first-child>a:before {
    content: "< Back to ";
    color: #006A94;
}

.homelink,
a.homelink:hover,
a.homelink:focus {
    color: #006A94;
    text-decoration: underline;
}

.navbar-fixed-top.navbar .menu-bar>.navbar-nav>li>a {
    font-family: inherit;
}

.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a {
    margin-left: 0;
    font-family: inherit;
}

.navbar-fixed-top .navbar-brand {
    font-size: 2.11em;
    font-family: inherit;
    color: #232222;
    position: relative;
}

.navbar-static-top .navbar-brand {
    font-size: 2.11em;
    font-family: inherit;
    color: #232222;
    position: relative;
}

.navbar-right.menu-bar {
    margin-right: 0px;
}

.awelogo {
    max-width: 80%;
    max-height: 80%;
}
.awefllogo {
    max-width: 35%;
    max-height: 35%;
}
.awefrlogo {
    max-width: 22%;
    max-height: 15%;
}
.pipe {
    font-size: large;
}
.titleContainer {
    padding: 40px;
}

.borderAfterLogo {
    padding: 0;
    border-right: 2px solid #eee;
    color: #fff;
}

.navbar.navbar-inverse.navbar-static-top {
    background-image: url('HeaderFooterbkgImage.png');
}

.navbar.navbar-inverse.navbar-static-top .navbar-nav>li>a,
.navbar.navbar-inverse.navbar-static-top .navbar-nav>li>a:visited {
    color: #FFFFFF !important;
    text-decoration: none;
    background: #083A42;
    /* border-top: 4px solid #32465F;
    border-left: 1px solid #32465F;
    border-bottom: 1px solid #32465F;
    border-right: 1px solid #32465F; */
    margin-left: 0;
    /* min-height: 72px; */
    padding: 16px;
    /* padding: 25px 20px 0px 20px; */
    font-size: 14px;
    font-weight: normal;
}

#search[aria-expanded="true"],
#notifications[aria-expanded="true"],
.navbar.navbar-inverse.navbar-static-top .navbar-nav>li>a:active,
.navbar.navbar-inverse.navbar-static-top .navbar-nav>li>a.active,
.navbar.navbar-inverse.navbar-static-top .navbar-nav>li>a:focus,
.navbar.navbar-inverse.navbar-static-top .navbar-nav>li>a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color:  #343434 !important;
    border-top: 2px solid #083A42;
    border-left: 1px solid #083A42;
    border-bottom: 1px solid #083A42; 
    border-right: 1px solid #083A42;
    margin-left: 0;
    font-size: 14px;
    /* min-height: 72px; */
}

#navbar .dropdown-menu,
.open>.dropdown-menu {
    margin-top: -1px;
}

.navbar-nav>li>.dropdown-menu .input-group,
.navbar-nav>li>.dropdown-menu,
.open>.dropdown-menu {
    background: #083A42 !important;
    border-radius: 6px;
    border: 1px solid #DEDEDE;
    /* min-width: 190px; */
}

.dropdown-menu>li>a,
.dropdown-menu>li>a:visited {
    color: #ffffff !important;
    text-align: left;
    margin: 2px 0;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    padding: 6px 20px;
}

.dropdown-menu>li>a:active,
.dropdown-menu>li>a.active,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    background-color: #343434 !important;
    text-align: left;
    margin: 2px 0;
    font-size: 12px;
    line-height: 20px;
    padding: 6px 20px;
}

.dropdown-menu .divider {
    background-color: #ffffff;
    margin: 6px 0;
}

.dropdown.action.open .dropdown-menu,
.dropup.open .dropdown-menu {
    min-width: auto;
}


.dropdown-toggle {
    /* min-width: 180px; */
    /* border: 1px solid #343434;
    color: #343434; */
}

.orgname{
    color: white;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 24px;
    font-weight: normal;
}

@media (max-width: 1560px) {
    .orgname {
        font-size: 20px;
    }
}

a.dropdown-toggle,
a.dropdown-toggle:active,
a.dropdown-toggle:hover,
a.dropdown-toggle:visited,
.nav>li>a,
.nav>li>a:hover,
.nav>li>a:focus {
    padding-left: 10px;
    color: #343434;
    text-decoration: none;
    background-color: #FFFFFF;
}

.dropdown-toggle .caret {
    margin-left: 50px;
    color: #343434;
}

.weblinkdropdown .titleCaret {
    padding-left: 10px;
    font-size: 13px;
}

.weblinkdropdown .titleCaret .marker {
    display: none;
}

.weblinkdropdown:not(.open) .titleCaret .activeMarkerDn {
    display: inline;
}

.weblinkdropdown.open .titleCaret .activeMarkerUp {
    display: inline;
}

/*This will be need for very specify menu*/
/*start*/
.weblinkdropdown .username~.titleCaret {
    padding-left: 10px;
    font-size: 13px;
}

.weblinkdropdown .username~.titleCaret .marker {
    display: none;
}

.weblinkdropdown:not(.open) .username~.titleCaret .activeMarkerDn {
    display: inline;
}

.weblinkdropdown.open .username~.titleCaret .activeMarkerUp {
    display: inline;
}

/*end*/
.navbar-inverse .navbar-nav>li>a:focus {
    margin-left: 0;
}

@media (max-width: 1199px) {

    /* line 331, D:/a/1/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #006A94;
        text-decoration: underline;
    }
}

.panel-group .panel-heading .panel-title a {
    color: #006A94;
    text-decoration: underline;
}

.panel-group .panel-heading .panel-title a:hover {
    color: #006A94;
    text-decoration: underline;
}

.WebsiteName {
    font-size: 30px;
    font-weight: 500;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    line-height: 42px;
    padding-left: 35px;
    /* padding-top: 10px; */
}

.borderline {
    padding: 20px 0 0 0;
    border-top: 1px solid #eee;
    color: #fff;
}

.customlayer_up {
    height: 20px;
}

footer {
    position: relative;
    color: #AAAAAA;
}


/* line 587, D:/a/1/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

footer .footer-top {
    width: 100%;
    min-height: 181px;
    display: flex;
    align-items: center;
    opacity: 1;
    background-color: inherit;
    background-image: url(HeaderFooterbkgImage.png);
}

footer .footer-top .title {
    font-size: 28px;
    font-weight: normal;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    line-height: 38px;
}

footer .footer-top .group {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    line-height: 30px;
}

footer .footer-top a:link,
footer .footer-top a:visited {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF !Important;
    opacity: 1;
    font-size: 13px;
    text-decoration: none;
}

footer .footer-top a:hover,
footer .footer-top a:focus {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 13px;
    text-decoration: underline;
}

footer .footer-top .copyrightinformation {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 13px;
    line-height: 27px;
}

.borderline {
    padding: 20px 0 20px 0;
    border-top: 1px solid #eee;
    color: #fff;
}

.nav-sidebar .nav>li>a {
    color: #006A94;
    text-decoration: underline;
}

.nav-sidebar .nav>li>a:hover,
.nav-sidebar .nav>li>a:focus {
    color: #006A94;
    text-decoration: underline;
}

.nav-sidebar .nav>.active>a {
    color: #006A94;
    text-decoration: underline;
}

.help-block.error,
label.control-label.required:before,
.crmEntityFormView .cell div.info.required label:after,
.crmEntityFormView .cell div.info div.validators,
.crmEntityFormView .validator-text,
.crmEntityFormView .rank-order-cell .validator-text,
.crmEntityFormView .constant-sum-cell .validator-text,
.crmEntityFormView .stack-rank-cell .validator-text {
    color: #a30c33;
}

.container .page-heading {
    padding-top: 20px;
    border-bottom: 4px solid #003150;
    margin-top: 0px;
    margin-bottom: 20px;
}

.page-header {
    border-bottom: 0px;
    margin: 0px;
    padding-bottom: 0px;
}

.container>.page-header {
    border-bottom: 4px solid #003150;
    margin-bottom: 20px;
}


.page_section .row {
    padding-bottom: 25px;
}

.page_section h3 {
    font-size: 66px;
    font-family: inherit;
}

.content-home .title {
    font-size: 24px;
    font-family: inherit;
}

.sidebar-home .panel-title {
    font-size: 14px;
    color: #2f5fef;
    font-family: inherit;
}

.section-knowledge .list-group a.list-group-item {
    color: #006A94;
}

.page_section.section-landing .row {
    padding-bottom: 25px;
}

.skip-to-content a {
    color: #006A94;
    text-decoration: underline;
    border-radius: 2px;
    font-family: inherit;
}

.skip-to-content a:focus {
    color: #006A94;
    text-decoration: underline;
}

.img-rounded-home {
    border-radius: 5px
}


/*pas.css*/

@media (min-width: 1340px) {
    .container {
        width: 90%;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 90%;
    }
}
@media (min-width: 992px) {
    .container {
        width: 90%;

    }
}
@media (min-width: 768px) {
    .container {
        width: 90%;

    }
}

a.btn-primary:visited {
    color: #FFFFFF !important;
}


/* Application form left navigation */

.navigation {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #F7F7F7;
}

.applicationLeftNavigation {
    padding-left: 10px;
    padding-right: 10px;
}

.applicationLeftNavigation .section .sectionItemsContainer>a.heading {
    text-decoration: none;
    color: #333333 !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    text-align: left;
}


.applicationLeftNavigation .section .sectionItemsContainer a {
    font-size: 13px;
    font-weight: 550;
    color: #272C33;
    line-height: 16px;
    text-align: left;
}

.applicationLeftNavigation .section .sectionItemsContainer .subSection {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 6px;
    padding-top: 6px;
}


.applicationLeftNavigation .section.active .sectionItemsContainer .subSection a:not([data-completed]) .fa.fa-circle {
    color: #FFFFFF;
    display: none;
}

.applicationLeftNavigation .section.active .sectionItemsContainer .subSection a[data-completed="false"] .fa.fa-circle {
    color: #F0AD4E;
    display: block;
}

.applicationLeftNavigation .section.active .sectionItemsContainer .subSection a[data-completed="true"] .fa.fa-circle {
    color: #5AA700;
    display: block;
}



.trafficLight {
    padding-left: 18px;
}


.applicationLeftNavigation .section .sectionItemsContainer .subSection a,
.applicationLeftNavigation .section .sectionItemsContainer .subSection.last a,
.applicationLeftNavigation .section .sectionItemsContainer .subSection a:visited,
.applicationLeftNavigation .section .sectionItemsContainer .subSection.last a:visited {
    font-size: 13px;
    font-weight: 550;
    color: #272C33 !important;
    line-height: 20px;
    text-align: left;
}

.applicationLeftNavigation .section .sectionItemsContainer .subSection a.active,
.applicationLeftNavigation .section .sectionItemsContainer .subSection.last a.active {
    color: #006A94 !important;
}

.applicationLeftNavigation .section .sectionItemsContainer .subSection .row,
.applicationLeftNavigation .section .sectionItemsContainer .subSection.last .row {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.applicationLeftNavigation .section .sectionItemsContainer .subSection.active .row.active,
.applicationLeftNavigation .section .sectionItemsContainer .subSection.last.active .row.active {
    background-color: #006A941A;
    color: #006A94 !important;
}

.applicationLeftNavigation .section .sectionItemsContainer .subSection .row:hover,
.applicationLeftNavigation .section .sectionItemsContainer .subSection.last .row:hover {
    background-color: #EAEAEA;
    color: #272C33 !important;
}

.applicationLeftNavigation .section .sectionItemsContainer .subSection.last {
    border-bottom: 0px solid #DEDEDE;
    padding-top: 6px;
    padding-bottom: 6px;
}

.applicationLeftNavigation .section a.heading,
.applicationLeftNavigation .section a.heading:visited {
    text-decoration: none;
    color: #333333 !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    text-align: left;
}

.applicationLeftNavigation .section a.heading:hover,
.applicationLeftNavigation .section.active a.heading,
.applicationLeftNavigation .section.active a.heading:active,
.applicationLeftNavigation .section.active a.heading.active {
    color: #006A94 !important;
}

.applicationLeftNavigation .section .titleRow {
    padding-top: 10px;
    padding-bottom: 10px;
}


.applicationLeftNavigation .section .sectionItemsContainer a .subSectionNumber {
    text-align: right;
    padding-right: 0px;
}

i.far.fa-circle.fa-1x.normal {
    font-size: 24px;
    color: #BEC5C7;
}

i.fas.fa-minus-circle.fa-1x.expand {
    font-size: 24px;
    color: #006A94;
}

i.fas.fa-check-circle.fa-1x.completed {
    font-size: 24px;
    color: #5AA700;
}

.applicationLeftNavigation .section.disabled {
    pointer-events: none;
    cursor: default;
}


.applicationLeftNavigation .section.disabled a,
.applicationLeftNavigation .section.disabled a:visited {
    color: #808080cc !important;
}

.applicationLeftNavigation .section.disabled a.active {
    color: #043258 !important;
}


.applicationLeftNavigation a.active {
    font-weight: 800;
}


.applicationLeftNavigation .section {
    border-top: 1px solid #aaaaaa;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.applicationLeftNavigation .section.last {
    border-bottom: 1px solid #aaaaaa;
}

.applicationLeftNavigation .section .sectionItemsContainer {
    margin-left: -12px;
    border-left: 4px solid #006A94;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-radius: 0 6px 6px 0;
    background-color: #FFFFFF;
}


/*Marker*/
.applicationLeftNavigation .section .sectionMarkerContainer {
    padding-left: 5px;
    padding-right: 15px;
    height: 26px;
    width: 26px;
}

.applicationLeftNavigation .section .sectionMarkerContainer .marker {
    display: none;
}

.applicationLeftNavigation .section.active a[data-completed="false"] .sectionMarkerContainer .fas.fa-minus-circle.activeMarker {
    display: inline;
    color: #F0AD4E;
    font-size: 26px;
}

.applicationLeftNavigation .section.active a[data-completed="true"] .sectionMarkerContainer .fas.fa-minus-circle.activeMarker {
    display: inline;
    color: #5AA700;
    font-size: 26px;
}

.applicationLeftNavigation .section.inActive .sectionMarkerContainer .far.fa-circle.activeMarker {
    display: inline;
    color: #8a9498;
    font-size: 26px;
}

.applicationLeftNavigation .section.completed .sectionMarkerContainer .fas.fa-check-circle.completedMarker {
    display: inline;
    color: #5AA700;
    font-size: 26px;
}

/* .applicationLeftNavigation .section.active a[data-completed="true"] .sectionMarkerContainer .fas.fa-check-circle.completedMarker {
	display: inline;
	color: #5AA700;
	font-size: 26px;
} */

.applicationLeftNavigation .section .titleCaret {
    padding-left: 0px;
    font-size: 20px;
    color: #303232;
}

.applicationLeftNavigation .section .titleCaret .marker {
    display: none;
}

.applicationLeftNavigation .section:not(.active) .titleCaret .activeMarkerDn {
    display: inline;
}

.applicationLeftNavigation .section.active .titleCaret .activeMarkerUp {
    display: inline;
}

/*marker end*/


/* Container above application form left navigation */

.applicationLeftNavigationTopContainer {
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 20px;
}

.applicationLeftNavigationTopContainer .applicationProgress {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    color: #333333;
    text-align: left;
}

.applicationLeftNavigationTopContainer .applicationHelp a,
.applicationLeftNavigationTopContainer .applicationHelp a:active,
.applicationLeftNavigationTopContainer .applicationHelp a.active,
.applicationLeftNavigationTopContainer .applicationHelp a:visited,
.applicationLeftNavigationTopContainer .applicationHelp a:focus,
.applicationLeftNavigationTopContainer .applicationHelp a:hover {
    font-weight: 550;
    font-size: 13px;
    line-height: 20px;
    color: #006A94 !important;
    text-align: left;
}


/* Application form overall */

.mainSeparator {
    margin-bottom: 20px;
    margin-top: 10px;
    margin-right: 15px;
    background-color: #003150;
    border-color: #003150;
    height: 4px;
}

.mainSeparator.onPage {
    margin-top: 40px;
    margin-left: 0px;
    margin-right: 0px;
}

.card {
    height: 370px;
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-color: #CCDDE8;
    border-radius: 8px;
    background-color: #CCDDE8;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card .bottomend {
    justify-content: flex-end;
    display: flex;
}


.landingcard {
    height: 200px;
    padding: 15px;
    margin: 15px 0;
    border: 1px solid #eee;
    border-color: #CCDDE8;
    /* border-radius: 8px; */
    background-color: #CCDDE8;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: space-between; */
}

.cell .info .validators {
    display: none;
}


/*Buttons*/
.btn,
.swal-button {
    min-height: 48px;
    min-width: 48px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    border-radius: 3px;
}


.dropdown.action .btn-default,
.dropup .btn-default {
    color: #272C33;
    background-color: inherit;
    border: 0px;
}

.modal-footer .btn {
    min-width: 15%;
}

.modal-footer .primary {
    position: absolute;
    right: 2%;
}

.modal-footer .cancel {
    position: absolute;
    left: 2%;
}

/* button.form-close:before {
    content: 'Cancel';
    font-size: 16px;
    background-color: transparent;
    border: none;
    color: #0054A1;
    text-decoration: underline;
    padding-right: 10px;
} */

button.form-close,
button.form-close:hover,
button.form-close:focus {
    text-decoration: none;
    color: #343A40;
    opacity: 1;
    background-color: transparent;
}

.button.back,
.button.exit,
.button.next:not(.submit-btn),
.modal-footer .cancel {
    background-color: transparent;
    border: none;
    color: #0054A1;
    text-decoration: underline;
}


.button,
.modal-footer .remove-value,
.grid-actions a.btn.action {
    border: 2px #34495E solid;
    min-width: 178px;
    min-height: 48px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-decoration: none;
}



.modal-footer button.remove-value {
    position: relative;
    right: 18%;
    color: #0054A1;
    background: #FFFFFF;
    border: 2px #34495E solid;
    min-width: 100px;
    min-height: 48px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

.btn-primary,
.btn-info,
.swal-button {
    color: #FFFFFF !important;
    /* background-color: #34495E !important;*/
    background-color: #083A42 !important;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    border: none;
}

.btn-primary.active:hover,
.btn-primary.active:focus {
    color: #FFFFFF !important;
    background-color: #343434 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.btn-primary:hover,
.btn-primary:focus {
    color: #FFFFFF !important;
    background-color: #343434 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

#NextButton{
    border:none;
}

.grid-actions a.btn.action {
    margin-left: 0 !important;
    padding-top: 10px;
}

#saveAndExit,
.btn-secondary {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    margin-right: 15px;
    color: #083A42;
    background-color: #ffffff;
    border: 2px solid #083A42;
}

#saveAndExit,
.btn-secondary:hover,
.btn-secondary:focus {
    color: #343434;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/*Lookup*/
.modal-content {
    background-color: #FAFAFA;
    border-radius: 8px !important;
    background-color: #ffff !important;
}

.modal-footer {
    min-height: 80px;
}

h1.modal-title,
.swal-title {
    font-size: 22px;
    line-height: 30px;
    color: #212529;
}


/*radio button*/


.crmEntityFormView .cell .picklist input[type=radio] {
    display: inline;
    cursor: pointer !important;
    width: 0px !important;
    height: 0px !important;
    /* visibility: visible;
    opacity: 0;
    width:0px !important;*/
}

.crmEntityFormView .cell .picklist input[type=radio]+label {
    /*color: #0054A1;
        font-size: 16px;
        border: 2px solid #34495E;
        padding: 9px;
        height: 48px;
        text-align: center;
        min-width: 100px;
        cursor:pointer !important;    font-size: 13px;
        margin-left: -6px;*/
    color: #0054A1;
    font-size: 14px;
    border: 1.6px solid #c2c2c2;
    padding: 9px;
    height: 42px;
    text-align: center;
    margin: 5px 4px 0px -5px;
    cursor: pointer !important;
    border-radius: 0.3rem !important;
}

.crmEntityFormView .cell .picklist.horizontal label:last-child {
    /*  border-right: 2px solid #34495E;
    cursor:pointer !important;*/

}


.crmEntityFormView .cell .picklist input[type=radio]:checked+label {
    background-color: #34495E;
    color: #FFFFFF;
    cursor: pointer !important;
}




/*List view*/

.view-grid thead {
    background-color: #F9F9FB;
    border: 1px solid #272C33;
}

.view-grid thead tr {
    min-height: 48px;
}

.view-grid thead th span.fa.fa-check {
    color: #212529;
}

.view-grid thead a {
    color: #212529 !important;
    font-weight: bold;
    text-decoration: none;
}

.view-grid thead a:focus {
    outline: none;
    outline-offset: 0;
    color: #212529;
}

.table-striped,
.modal-body .table {
    border: 1px solid #272C33;
}

.table-striped>tbody>tr,
.modal-body .table>tbody>tr {
    background-color: #F7F7F7;
}

.table-striped>tbody>tr:nth-of-type(odd),
.modal-body .table>tbody>tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

.table-striped>thead>tr>th,
.modal-body .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #272C33;
}


.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    border-top: 1px solid transparent;
    font-size: 13px;
}

table {
    border-collapse: none;
}

/*pagination*/

.pagination>li>a,
.pagination>li>span {
    background-color: transparent;
    border: 1px solid #EEEEEE;
    margin: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 10px !important;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    border-radius: 0%;
    color: #FFFFFF !important;
    background-color: #232222;
    border: 1px solid #2F3232;
    padding: 5px;
}


.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-left: 0px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-right: 0px;
}

.pagination>li:last-child>a:hover,
.pagination>li:last-child>span:hover {
    /* background: none; */
}


/* line 112, D:/a/1/s/Resources/Theme/ElectricBlueDesign/theme/bootstrap/theme.scss */

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    /* background-color: transparent; */
    border-color: #2F3232;
}


.pagination {
    justify-content: center;
    display: flex;
}

/* Application form body */

.formBody {
    padding-left: 20px;
    padding-right: 30px;
}

.fieldwith100percent{
    width:100% !important;
}
.crmEntityFormView fieldset {
    margin-bottom: 0px;
}

.crmEntityFormView fieldset:last-child {
    margin-bottom: 20px;
}

#ProfileFormView table.section td[colspan="1"]:first-child {
    padding-right: 10px;
}

#ProfileFormView table.section td[colspan="1"]:nth-last-child(2) {
    padding-left: 10px;
}

.crmEntityFormView table[data-name*="padBtwCell"].section td:first-child {
    padding-right: 10px;
}

.crmEntityFormView table[data-name*="padBtwCell"].section td:nth-last-child(2) {
    padding-left: 10px;
}

.crmEntityFormView table[data-name*="padBtwCell"].section td[colspan="2"] {
    padding-left: 0;
    padding-right: 0;
}

.crmEntityFormView .cell {
    padding-left: 0;
    padding-right: 0;
}


.crmEntityFormView .cell input[type=text] {
    min-height: 38px;
    width: 70%;
    border-radius: 0.3rem !important;
}

.crmEntityFormView .cell .control input[type=url],
.crmEntityFormView .cell .control input[type=email],
.crmEntityFormView .cell .control input[type=text],
.crmEntityFormView .cell .control select,
.crmEntityFormView .cell .control textarea {
    /* border: 1px solid #343434;*/
    /*appearance: none;
-webkit-appearance: none;
-moz-appearance: none;*/
}

.crmEntityFormView .cell .control input[type=url].halfsizewidth,
.crmEntityFormView .cell .control input[type=email].halfsizewidth,
.crmEntityFormView .cell .control input[type=text].halfsizewidth,
.crmEntityFormView .cell .control select.halfsizewidth,
.crmEntityFormView .cell .control textarea.halfsizewidth {
    width: 49%;
}


.input-group {
    border: 1px solid #c2c2c2;
    border-radius: 0.3rem !important;
    height: 38px !important;
    padding: 0px !important;
    margin-bottom: 20px;
}

.input-group .input-text-box {
    border: 2px solid #ffffff !important;
    box-shadow: none !important;
    padding-bottom: 10px;
}

.entitylist-search {
    width: auto;
}

.query {
    border: 2px solid #ffffff !important;
    box-shadow: none !important;
    padding-bottom: 10px;
}

#q.form-control,
#n.form-control,
.crmEntityFormView .cell .control .input-group input[type=url],
.crmEntityFormView .cell .control .input-group input[type=email],
.crmEntityFormView .cell .control .input-group input[type=text],
.crmEntityFormView .cell .control .input-group select,
.crmEntityFormView .cell .control .input-group textarea,
.crmEntityFormView .cell .control .input-group .form-control[readonly].lookup,
.crmEntityFormView .cell .control .input-group input.query.form-control {
    background-color: #FFFFFF;
    border: 0px
}

.form-control:disabled,
.form-control[readonly] {
    /* border: none !important; */
    /* color: #212529; */
}

.crmEntityFormView .form-control.readonly,
.crmEntityFormView .form-control[readonly][disabled],
.form-readonly .form-control {
    padding-left: 12px;
}

select.form-control[readonly] {
    padding-left: 0 !important;
}

.crmEntityFormView .tab-title {
    border-bottom: none;
    font-size: 36px;
    color: #212529;
    text-align: left;
    line-height: 46px;
}

.crmEntityFormView .tab-title.continued,
.home .welcomeinfo {
    border-bottom: none;
    font-size: 22px;
    color: #34495E;
    text-align: left;
    line-height: 30px;
}

.home .welcomeinfo.black {
    color: #212529;
}

.home .welcomeinfo.black li {
    list-style: none;
}

.home {
    margin-top: 20px;
}

li.str:before {
    content: "*";
    position: relative;
    left: -15px;
    bottom: -3px;
}

.crmEntityFormView .section-title,
.home .welcometext {
    margin-bottom: 25px;
    font-size: 20px;
    color: #34495E;
    text-align: left;
    line-height: 38px;
}

.crmEntityFormView .section-title {
    margin-bottom: 5px;
}

.crmEntityFormView div.description {
    font-style: normal;
    margin-bottom: 8px;
    /* background-color:#FFFCFB;
    border-radius:3px;
    padding:0px 5px 5px 10px;*/
}

#applicationIntroCarousel .carousel-inner .item .row {
    padding-bottom: 10px;
}

.crmEntityFormView div.information,
div.error,
div.warning,
div.success,
#applicationIntroCarousel .information {
    border: solid 1px #083A42;
    color: #212529;
    margin-top: 25px;
    font-size: 16px;
    line-height: 27px;
    background-color: #FFFFFF;
}

.crmEntityFormView div.description div.information {
    margin-top: 10px;
    margin-bottom: 20px;
    font-style: normal;
}

.crmEntityFormView div.information .row,
div.error .row,
div.warning .row,
div.success .row,
#applicationIntroCarousel .information .row {
    margin: 0px;
    display: flex;
    border: solid 1px #083A42;
    padding-bottom: 0 !important;
}

.crmEntityFormView div.information .row .colIcon,
div.error .row .colIcon,
div.warning .row .colIcon,
div.success .row .colIcon,
#applicationIntroCarousel .information .row .colIcon {
    padding: 10px 10px 0 8px;
    width: 40px;
    background-color: #343434;
    align-items: stretch;
}

.crmEntityFormView div.information .row .colIcon>i,
div.error .row .colIcon>i,
div.warning .row .colIcon>i,
div.success .row .colIcon>i,
#applicationIntroCarousel .information .row .colIcon>i {
    color: #FFFFFF;
    font-size: 20px;
}

.crmEntityFormView div.information .row .colContent,
div.error .row .colContent,
div.warning .row .colContent,
div.success .row .colContent,
#applicationIntroCarousel .information .row .colContent {
    padding: 10px 10px 10px 15px;
    /*display: flex;*/
    margin: 0px;
    align-items: center;
}

div.error {
    border-color: #a30c33;
    background-color: #ebccd1;
}

div.error .row .colIcon {
    background-color: #a30c33;
}


div.warning {
    border: solid 4px #F0AD4E;
}

div.warning .row {
    padding: 0px;
    border: solid 0px #F0AD4E
}

div.warning .row .colIcon {
    background-color: #F0AD4E;
}

div.success {
    border: solid 9px #083A42 !important;
}

div.success .row {
    padding: 0px;
    border: solid 0px #083A42
}

div.success .row .colIcon {
    background-color: #5AA700;
}



.crmEntityFormView div.information.success {
    border-color: #083A42;
}

.crmEntityFormView div.information.success .row .colIcon {
    background-color: #5AA700;
}

.crmEntityFormView div.informationMinor {
    font-size: 16px;
    margin-top: 20px;
    color: #212529;
    line-height: 27px;
}

.crmEntityFormView .description>div.informationMinor {
    margin-top: 30px;
}

.crmEntityFormView .sectionTitleAsFieldLabel {
    font-size: 14px;
    margin-bottom: -25px;
}

.crmEntityFormView .sectionTitleAsFieldLabel .fieldLabel {
    font-weight: bold;
    color: #212529;
    margin-bottom: 5px;
}

.crmEntityFormView .sectionTitleAsFieldLabel .description {
    color: #666;
    line-height: 27px;
}

.crmEntityFormView .customactions {
    border-top: 1px solid #e5e5e5;
    margin: 20px 0;
    padding: 19px 0 0 0;
}


.crmEntityFormView .actions,
.crmEntityFormView .customactions {
    margin-bottom: 0px;
}

.crmEntityFormView .actions .clearfix,
.crmEntityFormView .customactions .clearfix {
    padding-right: 0px;
    padding-left: 0px;
}

.crmEntityFormView .cell.crmquickform-cell:first-child {
    border-right: 0px;
}

/* Application form header */
.applicationForm .header {
    padding-top: 20px;
    color: #333333;
}

.applicationTitle {
    /* font-size: 28px; */
    /* margin-bottom: 15px; */
    /* line-height: 46px; */
    text-align: left;
    color: #212529;
    padding-left: 0px;
}

.applicationTitleLine2 {
    padding-left: 0px;
    margin-bottom: 3px;
}

.fieldLabel {
    font-weight: normal;
    font-size: 16px;
    text-align: left;
}

.fieldtext {
    font-weight: bold;
    font-size: 16px;
    text-align: left;
}

/*Validation Summary*/
.validation-summary li a {
    margin-left: 0px;
}
.validation-summary li a:hover {
    text-decoration: none !important;
    color: red !important;
}


/* Guidance */

.showGuidanceContainer {
    clear: left;
    text-align: right;
}

.showGuidanceContainer a.showGuidance {
    cursor: pointer;
}

.guidanceContainer {
    text-align: left;
    position: absolute;
    border: 1px solid black;
    overflow-y: scroll;
}

.guidanceContainer .container {
    width: 265px;
}

.guidanceHeader {
    background-color: #f0f0f0;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #02a7f0;
}

.guidanceHeader a {
    cursor: pointer;
}

.guidanceBody {
    padding-top: 5px;
}

.guidanceBody .spinner {
    display: none;
}

.guidanceBody .guidanceContent {
    display: block;
}

.guidanceBody.loading .spinner {
    display: block;
}

.guidanceBody.loading .guidanceContent {
    display: none;
}

.loading{
animation-name:none !important;
}


/* Glossary */

.glossary {
    color: #169bd5;
}

.description .glossary {
    font-size: 14px;
}

p .glossary {
    font-size: 14px !important;
}


/* Application intro carousel */

#carouselModal .modal-dialog {
    height: 679px;
    width: 780px;
}


#carouselModal .modal-content {
    border: 1px solid #F7F6F5;
    border-radius: 8px;
    background-color: #F7F6F5;
}


#carouselModal .modal-body {
    padding: 50px 60px;
    background-color: #F7F6F5;
    border: 1px solid #F7F6F5;
    border-radius: 8px;
}

#applicationIntroCarousel .item {
    color: #212529;
    background-color: #F7F6F5;
    line-height: 27px;
}

#applicationIntroCarousel .carouselControlsContainer {
    margin-bottom: 60px;
    margin-top: 60px;
}

#applicationIntroCarousel .carouselIndicatorsContainer {
    text-align: center;
}

#applicationIntroCarousel .carousel-indicators {
    display: inline-block;
    position: static;
    margin-left: 0px;
}

#applicationIntroCarousel .carousel-indicators li {
    border: 1px solid #34495E;
}

#applicationIntroCarousel .carousel-indicators li.visited {
    background-color: #34495E !important;
}

#applicationIntroCarousel .item h1 {
    font-size: 28px;
    color: #34495E;
    line-height: 38px;
    margin-bottom: 40px;
}

#applicationIntroCarousel .item h2,
.home h2,
.onPage h2,
.tabcontent h2 {
    font-size: 24px;
    font-weight: bold;
    color: #212529;
    line-height: 36px;
    margin-bottom: 20px;
}

.landingcard h2 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.landingcard h2 a {
    font-size: 24px;
    font-weight: bold;
    ;
}

#applicationIntroCarousel .item ul {
    padding-left: 20px;
}

#applicationIntroCarousel .button.back {
    background-color: #F7F6F5 !important;
}


/* CKEditor */
.ck-editor__editable_inline {
    height: 300px;
}


/* Declarations and Signatures */
#content .information:first-child {
    margin-top: 0px;
    margin-bottom: 45px;
}

.contentSectionRow {
    border-top: solid 3px #343434;
    padding: 15px;
}

.contentSectionRow .rowTitle {
    margin-top: 0px;
    font-weight: bold;
}

.contentSectionRow .table td {
    border: none;
}

.contentSectionRow .button.action.largeWidth {
    width: 215px;
}

.statusIndicator {
    margin-right: 8px;
}

.statusIndicator.waiting {
    color: #F0AD4E;
}

.statusIndicator.completed {
    color: #5AA700;
}

.checkColumn {
    width: 5px;
}

label.declaration {
    font-weight: normal;
    margin-bottom: 15px;
}

label.declaration.required:after {
    content: ' *';
    color: #a30c33;
}

.successMessageLight {
    color: green;
    margin-bottom: 10px;
}

.modal {

    z-index: 10000;

}

.pac-container {
    background-color: #FFF;
    z-index: 10005 !important;
    position: fixed;
    display: inline-block;
    float: left;
}

/*#modalLoader {
    position: absolute;
    z-index: 1000;
    background-color: rgba(255, 255, 255,0.9);
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 20px;
    font-size: 20px;
}

    #modalLoader .spinnerContainer {
        position: absolute;
        margin-left: 50%;
        padding: 10px 20px;
        background-color: #f7f7f7;
    }

    #modalLoader + .tab-column {
        padding-left: 0px;
    }
*/

/*Identity Preparer*/

.contentSectionRowIdentity {
    padding: 0 15px 20px 15px;
    background-color: #F2F2F2;
}

.contentSectionRowIdentity .row:first-child {
    padding: 20px 0 10px 10px;
}

.contentSectionRowIdentity .rowTitle {
    margin-bottom: 0px;
}

.contentSectionRowIdentity .table td {
    border: none;
}

.contentSectionRowIdentity .table.fieldList td:first-child {
    line-height: 27px;
}

.contentSectionRowIdentity .button.action.largeWidth {
    width: 205px;
}


.contentSectionRowIdentity.alternate {
    background-color: #CCDDE8;
}

.contentSectionRowIdentity.spacer {
    background-color: #FFFFFF;
}

.modal-header {
    padding-left: 30px;
    padding-right: 30px;
}

.modal-body {
    padding: 30px;
}

body.modalPage {
    background-color: #f2f2f2;
}

body.modalPage #content-container {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

body.modalPage .crmEntityFormView #UpdateButton,
body.modalPage .crmEntityFormView #InsertButton,
body.modalPage .crmEntityFormView #cancelButton {
    float: right;
    min-width: 110px;
}

/* Field attachments list */
.fieldAttachmentsContainer {
    border: 1px solid #c4c4c4;
    border-top: none;
    padding: 10px;
}

.fieldAttachmentItem {
    background-color: #f7f7f7;
    padding: 5px;
    margin-bottom: 10px;
}

.fieldAttachmentItem:hover {
    background-color: #e7e7e7;
}

.fieldAttachmentItem.row {
    margin-left: 0px;
    margin-right: 0px;
}

.fieldAttachmentItem:last-child {
    margin-bottom: 0px;
}

.fieldAttachmentAction {
    margin-right: 10px;
    cursor: pointer;
}

.fieldAttachmentLink {
    cursor: pointer;
}

/* Attachment modal */
#attachmentModal .modal-body {
    height: 800px;
}

#attachmentModal iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* SharePoint */
.sharepoint-grid .add-folder {
    display: none;
}

/* Attachment summary on left nav */
.attachmentsSummaryContainer {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    border: solid 1px #5AAAFA;
    background-color: #FAFDFD;
    padding: 15px;
}

.attachmentsSummaryContainer a:visited {
    color: #006A94 !important;
}

/* View attachments page */
.questionAttachmentsGroup {
    margin-top: 30px;
}

.largeCheckbox {
    width: 25px;
    height: 25px;
}

.largeCheckbox+.largeCheckboxLabel {
    position: relative;
    top: -7px;
    margin-left: 7px;
}

.filterLabel {
    margin-right: 30px;
}

/* Utility */
.marginBottom-10 {
    margin-bottom: 10px;
}

.marginBottom-20 {
    margin-bottom: 20px;
}

.marginBottom-0 {
    margin-bottom: 0 !important;
}

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

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

.marginTop-20 {
    margin-top: 20px !important;
}

.marginTop-30 {
    margin-top: 30px !important;
}

.paddingLeft-0 {
    padding-left: 0 !important;
}

.paddingBottom-0 {
    padding-bottom: 0 !important;
}

.paddingTopBtm10px {
    padding: 10px 0 10px 0 !important;
}

/* Dashboard style*/
/* Style the tab */
.customtab {
    overflow: hidden;
    background-color: #F7F7F7;
    min-height: 62px;
    border-radius: 4px;
}

/* Style the buttons that are used to open the tab content */

.customtab button {
    background-color: inherit;
    float: left;
    border: 1px solid #EAEAEA;
    border-top: 4px solid #D3D3D3;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    min-height: 63px;
    margin-left: 20px;
    color: #272C33;
}

/* Change background color of buttons on hover */

.customtab button:hover {
    background-color: #EAEAEA;
    border: 1px solid #006A94;
    border-top: 4px solid #006A94;
}

.customtab button.visited {
    background-color: #EAEAEA;
    border: 0px solid #006A94;
    border-top: 4px solid #D3D3D3;
}

/* Create an active/current tablink class */

.customtab button.active {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-top: 4px solid #006A94;
    color: #006A94;

}

.customtab button.inactive {
    border-bottom: solid 4px #F7F7F7;
}

/* Style the tab content */

.tabcontent {
    display: none;
}

.tabcontent {
    animation: fadeEffect 1s;
    /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#Dashboard .entitylist-search {
    width: 300px;
}

#Dashboard .entitylist-search>input {
    border: 0px !important;
    padding-left: 12px;
    padding-right: 12px;
}

#Dashboard .view-pagination {
    margin-top: 11px;
}


#Dashboard #filterDropdownId span.fa-list {
    display: none;
}

#Dashboard .grid-actions {
    border-bottom: 0px;
    margin-bottom: 9px;
    padding-bottom: 9px;
}

.swal-modal {
    border-radius: 0px;
}

.swal-button {
    min-width: 110px;
    border-radius: 0px;
}

.swal-skinny-button {
    min-height: 38px;
    min-width: 38px;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    border-radius: 3px;
}

.swal-title:first-child {
    margin-top: 24px;
    border-bottom: 1px solid #F2F2F2;
}

.swal-footer {
    border-top: 1px solid #F2F2F2;
    padding-right: 20px;
}

.swal-text {
    color: #212529;
    line-height: 27px;
    margin: 40px;
}

.swal-title {
    text-align: left;
    margin-left: 20px;
    font-weight: normal;
}

.swal-overlay--show-modal .swal-modal {
    background-color: #F2F2F2;
}


div.entity-grid.entitylist>div.view-toolbar.grid-actions.clearfix>div.pull-right>div:nth-child(2) {
    display: none;
}

.entitylist-filter .panel-body {
    background-color: #F7F7F7;
}

.font18{
    font-size: 18px !important; 
}

.entitylist-filter-option-group-label {
    text-decoration: none;
    color: #333333 !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 27px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.entitylist-filter-option-text {
    text-decoration: none;
    color: #333333 !important;
    font-size: 16px;
    line-height: 27px;
    text-align: left;
}

.btn.btn-default.btn-entitylist-filter-submit {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

li a {
    margin-left: 0px;
}

.contentBox {
    background-color: #F2F2F2;
    padding: 25px;
    padding-top: 10px;
}

.contentBox+.contentBox {
    margin-top: 30px;
}

.contentBox .li {
    margin-bottom: 5px;
}

legend {
    color: #34495E;
}

.answer.richText {
    min-height: 300px;
    border: 1px solid #343434;
    padding: 10px;
}

.crmEntityFormView textarea.hidden {
    display: none !important;
}

.hidden+.text-muted {
    display: none !important;
}

.text-muted {
    display: none !important;
}

li.text-muted {
    display: inline-block !important;
}
.form-control[readonly][type="text"]+.text-muted,
.form-control[readonly][type="url"]+.text-muted {
    padding-left: 13px;
}

.textarea.form-control[readonly]+.text-muted {
    padding-left: 13px;
}

.mapLegend {
    display: inline-block;
    width: 50px;
    height: 30px;
    margin-right: 15px;
    vertical-align: middle;
}

#notification_grid td[data-attribute="description"] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#notification_grid table>tbody>tr:first-child>td:nth-child(2) {
    /* border-top: 0px; */
}

.left-nav {
    background-color: #f2f2f2;
    min-height: 600px;
    margin-top: 30px;
    padding-top: 30px;
    font-weight: bold;
}

.lodge-permit-btn {
    background-color: #fff !important;
    color: #34495E !important;
    padding-top: 10px;
    border-radius: 0.3rem;
}

a.btn-primary:visited {
    /*color: #34495E !important; */
}

.empty-organisation-panel {

    margin-top: -10px;
    background-color: transparent;
    padding: 10px;
    font-style: normal !important;
    text-align: center;
    color: #636E72;
    font-weight: bold;
    border: solid 1px #f2f2f2;
    border-radius: 5px;
}

.empty-organisation-button {
    height-max: 50px;
    font-size: 14px;
    padding: 10px !important;
    color: #34495E;
    border: solid 2px transparent !important;
}

/*--simple radio buttons--*/


.option-input .picklist input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 13.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 40px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
}

.option-input:hover {
    background: #9faab7;
}

.option-input:checked {
    background: #40e0d0;
}

.option-input:checked::before {
    width: 40px;
    height: 40px;
    display: flex;
    content: '\f00c';
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    align-items: center;
    justify-content: center;
    font-family: 'Font Awesome 5 Free';
}

.option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #40e0d0;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}

.option-input.radio {
    border-radius: 50%;
}

.option-input.radio::after {
    border-radius: 50%;
}


.table-organisation-details th {
    background-color: #E5F0F4 !important;
    border-collapse: none !important;
}

.table-contact-details th {
    background-color: #f1f2f6 !important;
    border-collapse: none !important;
}


.btn-primary-modal {
    padding-top: 15px;
}

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

.marginrt25px{
    margin-right: 25px;
}

.margin0px{
    margin: 0px !important;
}

.widtheighty{
    width:80%
}

.width95{
    width:95%
}

.width48{
    width:48%
}

.width33{
    width:33%
}

.displaynone{
    display: none;
}



.paddingleft12px{
    padding-left: 12px !important;
}

input.form-control {
    border: 1px solid #c2c2c2 !important;
    margin-top: 5px;
    width: 70%;
    /*margin-left:5px;*/
}

input.form-control:hover,
input.form-control:focus {
    border: 3px solid #083A42 !important;
}

.form-control input-text-box {
    border: 2px solid red !important;
}

input.bordernone{
    border: none !important;
}

select.form-control.paddingleft12px{
    padding-left: 12px !important;
}

.table-agent-forms-details td {
    border-collapse: none !important;
}

.form-group {
    margin-top: 15px !important;
}

.btn-xs,
.btn-group-xs>.btn {
   /* margin-top: -15px !important; */
}

.create-new-application-btn {
    background-color: #34495E !important;
    color: #fff !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    border: solid 5px #fff !important;
    min-height: 62px !important;
    border-radius: 8px;
}

.crmEntityFormView .cell .picklist-original input[type=radio] {
    /* display: none;*/
}

.crmEntityFormView .cell .picklist-original input[type=radio]+label {
    margin-left: 10px;
    font-size: 14px !important;
}

@keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: 0.35;
        position: relative;
    }

    100% {
        height: 200px;
        width: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0;
    }
}

/*sharepoint gridview related styles*/
.sp-item .btn .btn-default .btn-xs>a {
    display: none;
}

.sp-item .dropdown-menu {
    display: block;
    position: relative;
    border: none;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.sp-item .dropdown-menu>a:hover {
    display: none;
}

.sharepoint-data tr th:nth-child(2),
.sharepoint-data tr td:nth-child(2) {
    display: none;
}

.sharepoint-data th {
    /*display: none;*/
}

.sharepoint-data table {
    border: solid 5px #fff !important;
}

.dropdown-menu-flat {
    display: inline;
    position: relative;
    /*top: 100%;*/
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 168px;
    padding: 10px 5px 10px 5px;
    margin: 5px;
    list-style: none;
    font-size: 15px;
    text-align: left;
    color: #000;
    background-color: #ECf0F1 !important;
    border-radius: 3px !important;
    border: 2px solid #ECf0F1;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 0) !important;
    background-clip: padding-box;
}

.dropdown-menu-flat a {
    color: #000;
    font-weight: bold;
    min-width: 168px;
    text-decoration: none;
}

.dropdown-menu-flat a:hover {
    color: blue;

}


.spacing-table {
    border-collapse: separate;
    border-spacing: 0 15px;
    /* this is the ultimate fix */
}

.spacing-table th {
    text-align: left;
    padding: 5px 15px;
}

.spacing-table td {
    border-width: 1px 0;
    border-color: #cccc;
    border-style: solid;
    /* background-color: #fff;*/
    color: #000;
    padding: 5px 15px;
}

.spacing-table td:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}

.spacing-table td:last-child {
    border-right-width: 1px;
    border-radius: 0 3px 3px 0;
}

.uploaded-badge {
    color: #03c9a9;
    font-size: 16px;
    text-align: center;
    background-color: #ffffff;
    border: solid 1px #66cc99;
    border-radius: 5px;
    /* margin-top: 20px; */
    /* min-height: 48px !important; */
    padding-top: 12px;
    min-width: 166px;
    margin-left: 6px;
}

.highlight td {
    border-color: #ff7979;
}



/* Page Notification Alerts */
.alert {
    position: relative;
    border: 2px solid red;
    color: red;
}

.alert .fa-check {
    font-size: 1.5em;
    color: green;
}

.alert .fa-info-circle {
    font-size: 1.5em;
    color:red;
    border: 1px solid red !important;
}

.alert .fa-exclamation-triangle {
    font-size: 1.5em;
    color: #ffbc00;
}

.alert.alert-danger .fa-exclamation-triangle {
    font-size: 1.5em;
    color: red;
}

.alert .fa-question {
    font-size: 1.5em;
    color: #07779a;
}

.alert .alert-icon {
    position: absolute;
    left: -.1em;
    width: 2.14285714em;
    top: 0.46285714em;
    text-align: center;

}

.alert .close {
    position: absolute;
    right: 0.72em;
    top: 0.24em;
}

.alert .alert-column-content {
    margin-left: 2em;
    margin-right: 1em;
}

.alert-light {
    background-color: #f2f2f2;
    border-color: #ccc;
}

.entity-notes .toolbar {
    margin-top: 20px !important;
    z-index: 2;
}

.entity-notes .attachment {
    border: none !important;
}

.entity-notes .note {
    margin-bottom: 20px;
    border: 2px solid #083A42 !important;
    padding: 10px !important;
}

.scrollable-content {
    overflow-x: hidden;
    overflow-y: scroll;
}

.scrollable-content::-webkit-scrollbar {
    width: 5px;
}

.scrollable-content::-webkit-scrollbar {
    background: transparent;
}

.scrollable-content::-webkit-scrollbar-thumb {
    background: #dcdde1 !important;
}

.modal-content {
    overflow-x: hidden;
    overflow-y: scroll;
}

.modal-content::-webkit-scrollbar {
    width: 5px;
}

.modal-content::-webkit-scrollbar {
    background: transparent;
}

.modal-content::-webkit-scrollbar-thumb {
    background: #dcdde1 !important;
}

/*
.tooltip {
  position: relative;
  display:none !important;
  /*border-bottom: 1px dotted black;
  opacity:1 !important;
  font-size:18px !important;;
}*/
/*
.tooltip .tooltiptext {
  visibility: hidden;
  min-width: 300px;
  width:350px;
  background-color: #fffccc;
  color: #000;
  text-align: left;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip 
  position: absolute;
 /* z-index: 1;
  font-size:13.5px !important;
  padding:10px;
  box-shadow: 2px 4px #888888;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
*/
.msos-glyph:after {
    font-size: 14px !important;
    font-weight: bold;
    margin-right: 10px !important;
}

.info2 {
    min-width: 280px !important;
    /*font-weight:lighter !important;*/
    /* padding-top:15px !important;*/
    margin-right: 20px;
    margin-left: 30px;
}

/* original radiobuttons*/

input[type="radio"] {
    /* ...existing styles */
    display: inline;
    place-content: center;
}

.crmEntityFormView .cell .optionlist.horizontal input[type=radio]+label {
    padding-left: 5px;
    padding-right: 10px;
    font-weight: lighter !important;
}




.crmEntityFormView .cell .optionlist.horizontal input[type=radio]:checked+label {
    background-color: transparent;
    padding-left: 5px;
    padding-right: 10px;
}

.required-modal-input:after {
    content: " *";
    color: red;
}

/*
.crmEntityFormView div.description.above:before {
    content: "";
    display: block;
    background: url("info-icon.png") no-repeat;
    background-size: 25px;
    background-position: center;
    width: 35px;
    height:50px;
    float: left;
    flex-flow: row;
    margin-right:10px;
    opacity:0.6;
}
*/
.control .input-group .form-control.lookup {
    float: none;
    border-color: #ffff !important;
    margin-top: 5px;
    box-shadow: none;

}

@media (min-width: 768px) .modal-dialog {
    width: 95%px !important;
    margin: 30px auto;
}

/* end radio  */

.holds-the-iframe {
    background: url("~/spinner.gif") center center no-repeat;
    background-size: 50px auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.arrow:before {
    content: '';
    position: absolute;
    border-top: solid 15px #dddddd;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    bottom: -2px;
    left: 23%;
    width: 0;
    height: 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.modal-dialog-centre {
    position: relative;
    width: auto;
    margin: 10px;
    margin-top: 900px !important;
}

.tooltip {

    display: none !important;
}

.modal-top {
    position: relative;
    width: 600px;
    margin: auto;
    margin-top: 110px !important;
}

label.error {
    font-size: 12px;
    color: red;
}

#confirm {
    display: none;
    background-color: #F3F5F6;
    color: #000000;
    border: 1px solid #aaa;
    position: fixed;
    width: 270px;
    height: 100px;
    left: 40%;
    top: 40%;
    margin-left: -100px;
    padding: 10px 20px 10px;
    box-sizing: border-box;
    text-align: center;
}

#confirm button {
    background-color: #FFFFFF;
    display: inline-block;
    border-radius: 12px;
    border: 4px solid #aaa;
    padding: 5px;
    text-align: center;
    width: 60px;
    cursor: pointer;
}

#confirm .message {
    text-align: left;
}
.list-group-item {
    text-decoration: none;
    background: #083A42 !important;
    /* border-top: 1px solid #2F5FEF !important;
    border-left: 1px solid #2F5FEF !important;    
    border-right: 1px solid #2F5FEF !important;*/
    border: 1px solid #ffffff !important; 
    margin-left: 0;
    font-size: 16px;
    min-height: 72px;
    color: white !important;
}

.list-group-item:hover{
    background-color: #343434 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
    /* border-top: 4px solid #2F5FEF !important;
    border-left: 1px solid #2F5FEF !important;
    
    border-right: 1px solid #2F5FEF !important; */
}

.list-group-item.active,.list-group-item.active:focus{
    background-color: #343434 !important;
    /* border-top: 4px solid #2F5FEF !important;
    border-left: 1px solid #2F5FEF !important;
    
    border-right: 1px solid #2F5FEF !important; */
}

.list-group-item.active:hover{
    background-color: #343434 !important;
    text-decoration: underline;
    /* border-top: 4px solid #2F5FEF !important;
    border-left: 1px solid #2F5FEF !important;
    
    border-right: 1px solid #2F5FEF !important; */
}

.row sectionBlockLayout  text-left{
    display: flex;
     flex-wrap: wrap;
      min-height: 100px; 
      padding: 8px;
       margin: 0px;
}


#firstBlock, #contactBlock{
    padding: 10px 15px;
        background-color: #cce1ed;
        margin: 0 0 25px;
        position: relative;
        border-left: 5px solid rgb(0, 0, 0);
        color: rgba(35, 31, 32, 1);
        font-style: normal;
        font-variant-ligatures: normal;
        font-variant-caps: normal;
        font-weight: 200;
        letter-spacing: normal;
        orphans: 2;
        text-align: left;
        text-indent: 0;
        font-family: Segoe UI,Helvetica, sans-serif;

        text-transform: none;
        white-space: normal;
        widows: 2;
        word-spacing: 0;
        text-decoration-style: initial;
        text-decoration-color: initial
    }
p{
    line-height: 1.5em;
        padding: 0;
        font-size: 16px;
        margin: 0 0 0px;
        list-style: none;
        clear: both;

}

#notice{


    padding: 20px 25px;
        background-color: #f1bdc5;
        position: relative;
        border-left:
        5px solid #ff0000;
        font-style: normal;
        font-variant-ligatures: normal;
        font-variant-caps: normal;
        font-weight: 200;
        letter-spacing: normal;
        orphans: 2;
        text-align: left;
        text-indent: 0;
        text-transform: none;
        white-space: normal;
        widows: 2;
        word-spacing: 0;
        text-decoration-style: initial;
        text-decoration-color: initial;
        font-family: Segoe UI,Helvetica, sans-serif;

}
/* the generic notice class */
.notice{


    padding: 20px 25px;
        background-color: #f1bdc5;
        position: relative;
        border-left:
        5px solid #ff0000;
        font-style: normal;
        font-variant-ligatures: normal;
        font-variant-caps: normal;
        font-weight: 200;
        letter-spacing: normal;
        orphans: 2;
        text-align: left;
        text-indent: 0;
        text-transform: none;
        white-space: normal;
        widows: 2;
        word-spacing: 0;
        text-decoration-style: initial;
        text-decoration-color: initial;
        font-family: Segoe UI,Helvetica, sans-serif;

}

 blockquote.notice {
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif !important;
} 

/*.notes {
    overflow: hidden;
}*/

#tele1, #email1{
    padding: 20px 25px;
        background-color: #cce1ed;
        position: relative;
        border-left: 5px solid rgb(0, 0, 0);
        color: rgba(35, 31, 32, 1);
        font-style: normal;
        font-family: Segoe UI,Helvetica, sans-serif;

        font-variant-ligatures: normal;
        font-variant-caps: normal;
        font-weight: 200;
        letter-spacing: normal;
        orphans: 2;
        text-align: left;
        text-indent: 0;
        text-transform: none;
        white-space: normal;
        widows: 2;
        word-spacing: 0;
        text-decoration-style: initial;
        text-decoration-color: initial
}

#wels_acn, #wels_manufacturetype,#wels_productid, #wels_unitsoldyear, #wels_applicationpayment, #wels_paymentdate_datepicker_description, #wels_invoicesawaitingpaymentstatus, #wels_amountpayable,#wels_amountdue, #wels_applicationnumber,#wels_application,#wels_account, #wels_manufacturer, #wels_modelmode,#wels_brand, #wels_flowcontroller, #wels_modelstatus, #wels_variants, #wels_expirydate_datepicker_description,#wels_typeoforganisation, #name ,#wels_addresscountry,#wels_companyname, #wels_postaladdresscontact,#wels_postaladdressstate, #wels_streetaddresscountry, #mobilephone, #wels_postaladdresssuburb, #wels_postaladdresscountry, #wels_postaladdresspostcode,#emailaddress2, #wels_country, #address1_line1, #address1_stateorprovince, #address1_city, #telephone3, #emailaddress1, #wels_web_address,#fullname,#jobtitle, #wels_postalcountry, #address2_line1, #address2_stateorprovince, #address2_city, #address2_postalcode,#address1_postalcode{
    width: 70%;
}


#productmessage{


    padding: 20px 25px;
        background-color: #dff0d8;
        position: relative;
        border-left:
        5px solid #bfdea5;
        font-style: normal;
        font-variant-ligatures: normal;
        font-variant-caps: normal;
        font-weight: 200;
        letter-spacing: normal;
        orphans: 2;
        text-align: left;
        text-indent: 0;
        text-transform: none;
        white-space: normal;
        widows: 2;
        word-spacing: 0;
        text-decoration-style: initial;
        text-decoration-color: initial;
        font-family: Segoe UI,Helvetica, sans-serif;

}

.input-group> input#wels_amountpayable_base{
    border: 0px !important;
}
.input-group> input#wels_amountpayable{
    border: 0px !important;
}
.greybackground{
    background-color: lightgrey !important;
}

.expand.collapsed .activeMarkerUp{
    display:none!important;
}

.expand .activeMarkerDn{
display:none;
}

.expand.collapsed .activeMarkerDn{
display:block !important;
}
.day.disabled, .day.disabled button{
    background-color:RGB(235,235,235)!important;
	cursor:not-allowed;
	color:grey;
}

.toggle-col{
    font-weight: bold; 
    color: #343434; 
    /*cursor: pointer; */
    padding-top: 14px; 
    padding-right: 14px; 
    padding-bottom: 20px; 
    padding-left: 14px; 
    width: 100%; 
    text-align: left; 
    border-top-width: initial; 
    border-right-width: initial; 
    border-bottom-width: initial; 
    border-left-width: initial; 
    border-top-style: none; 
    border-right-style: none; 
    border-bottom-style: none;
    border-left-style: none; 
    border-top-color: initial; 
    border-right-color: initial; 
    border-bottom-color: initial; 
    border-left-color: initial; 
    border-image-source: initial; 
    border-image-slice: initial; 
    border-image-width: initial; 
    border-image-outset: initial; 
    border-image-repeat: initial; 
    outline-color: initial; 
    outline-style: none; 
    outline-width: initial; 
    transition-duration: 0.4s; 
    transition-timing-function: ease; 
    transition-delay: 0s; 
    transition-property: all; 
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px; 
    border-bottom-right-radius: 5px; 
    border-bottom-left-radius: 5px; 
    font-size: 16px; 
    height: 55px;
}

.tog-panel{
    font-family: Open Sans, sans-serif;     
    border-bottom: 1px solid #C1C1C1; 
    border-right: 1px solid #C1C1C1; 
    border-left: 1px solid #C1C1C1; 
    padding-top: 5px; 
    padding-right: 18px; 
    padding-bottom: 5px; 
    padding-left: 18px;  
    display: none; 
    overflow-x: hidden; 
    overflow-y: hidden;
}

.forceHide {
    display: none!important;
}

.flexbox[readonly=readonly],.aspNetDisabled,.readonly,.aspNetDisabled.boolean-radio,.form-control[readonly='readonly'],.form-control[readonly]{
background-color:lightgrey !important
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child,
.form-readonly.entity-form.crmEntityFormView{
    border:0px !important;
}

.flexbox[readonly=readonly],.aspNetDisabled,.readonly,.aspNetDisabled.boolean-radio,.form-control[readonly='readonly'],.form-control[readonly],
.flexbox[readonly=readonly]:hover,.aspNetDisabled:hover,.readonly:hover,.aspNetDisabled.boolean-radio:hover,.form-control[readonly='readonly']:hover,.form-control[readonly]:hover,
.flexbox[readonly=readonly]:focus,.aspNetDisabled:focus,.readonly:hover,.aspNetDisabled.boolean-radio:focus,.form-control[readonly='readonly']:focus,.form-control[readonly]:focus{
    background-color:white !important;
    border: 0px  !important;
    border-color:white!important;
    outline: 0px !important;
    pointer-events: none !important;    
}