:root {
    --kpasce-color1: #1D667D;
    --kpasce-color2: #2990b3;
    --kpasce-color-primary: #1D637D;
    --kpasce-color-success: #1D7D28;
    --kpasce-color-warning: #e9cd45;
    --kpasce-color-danger: #BF2A2A;
    --kpasce-color-has: #e9cd45;
    --kpasce-color-have: #e9b244;

    --kpasce-border-radius-lg: 30px;
    --kpasce-border-radius-md: 20px;
    --kpasce-border-radius-sm: 17px;
    --kpasce-border-radius-ty: 10px;
    --kpasce-border-radius-table-inner: 16px;

    --kpasce-font-prime:din-2014-narrow;
    --kpasce-font-size-sm:14pt;
    --kpasce-font-size-md:18pt;
    --kpasce-font-size-lg:25pt;
    /*--kpasce-font-:;*/
    /*--kpasce-font-:;*/
    /*--kpasce-font-:;*/
    /*--kpasce-font-:;*/
    /*--kpasce-font-:;*/
    /*--kpasce-font-:;*/

    --bs-body-font-family:var(--kpasce-font-prime);
    --body-font-family:var(--kpasce-font-prime);


}

/*overide Template colers*/
.btn-kpasce.btn-primary:hover,
.btn-kpasce-primary.btn-primary:hover,
.btn-kpasce.btn-primary:focus,
.btn-kpasce-primary.btn-primary:focus {
    color: var(--btn-hover-color,var(--bs-btn-hover-color));
    background-color: var(--btn-hover-bg,var(--bs-btn-hover-bg));
    border-color: var(--btn-hover-border-color,var(--bs-btn-hover-border-color));
}

/* overide Template collers*/
.btn-kpasce.btn-primary,
.btn-kpasce-primary.btn-primary {
    background-color: var(--btn-bg,var(--bs-btn-bg));
    border-color: var(--btn-border-color,var(--bs-btn-border-color));
}

.btn-kpasce-primary {
    margin-bottom: 1em;
    --btn-color: hsl(0, 0%, 100%);
    --btn-bg: var(--kpasce-color-primary);
    --btn-border-color: var(--kpasce-color-primary);
    --btn-hover-color: hsl(0, 0%, 100%);
    --btn-hover-bg: var(--kpasce-color-primary);
    --btn-hover-border-color: var(--kpasce-color-primary);
    --btn-focus-shadow-rgb: 39, 39, 111;
    --btn-active-color: hsl(0, 0%, 100%);
    --btn-active-bg: var(--kpasce-color-primary);
    --btn-active-border-color: var(--kpasce-color-primary);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: hsl(0, 0%, 100%);
    --btn-disabled-bg: var(--kpasce-color2);
    --btn-disabled-border-color: var(--kpasce-color2);

    --bs-btn-color: hsl(0, 0%, 100%);
    --bs-btn-bg: var(--kpasce-color-primary);
    --bs-btn-border-color: var(--kpasce-color-primary);
    --bs-btn-hover-color: hsl(0, 0%, 100%);
    --bs-btn-hover-bg: var(--kpasce-color-primary);
    --bs-btn-hover-border-color: var(--kpasce-color-primary);
    --bs-btn-focus-shadow-rgb: 39, 39, 111;
    --bs-btn-active-color: hsl(0, 0%, 100%);
    --bs-btn-active-bg: var(--kpasce-color-primary);
    --bs-btn-active-border-color: var(--kpasce-color-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: hsl(0, 0%, 100%);
    --bs-btn-disabled-bg: var(--kpasce-color-primary);
    --bs-btn-disabled-border-color: var(--kpasce-color-primary);
}


.btn-kpasce-outline-primary {
    --btn-color: var(--kpasce-color-primary);
    --btn-border-color: var(--kpasce-color-primary);
    --btn-hover-color: hsl(0, 0%, 100%);
    --btn-hover-bg: var(--kpasce-color-primary);
    --btn-hover-border-color: var(--kpasce-color-primary);
    --btn-focus-shadow-rgb: 1, 1, 86;
    --btn-active-color: hsl(0, 0%, 100%);
    --btn-active-bg: var(--kpasce-color-primary);
    --btn-active-border-color: var(--kpasce-color-primary);
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--kpasce-color-primary);
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: var(--kpasce-color-primary);
    --gradient: none;
    margin-bottom: 1em;

    --bs-btn-color: var(--kpasce-color-primary);
    --bs-btn-border-color: var(--kpasce-color-primary);
    --bs-btn-hover-color: hsl(0, 0%, 100%);
    --bs-btn-hover-bg: var(--kpasce-color-primary);
    --bs-btn-hover-border-color: var(--kpasce-color-primary);
    --bs-btn-focus-shadow-rgb: 1, 1, 86;
    --bs-btn-active-color: hsl(0, 0%, 100%);
    --bs-btn-active-bg: var(--kpasce-color-primary);
    --bs-btn-active-border-color: var(--kpasce-color-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--kpasce-color-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--kpasce-color-primary);
    --bs-gradient: none;
}



.btn-kpasce-warning {
    --btn-color: #fff;
    --btn-bg: var(--kpasce-color-warning);
    --btn-border-color: var(--kpasce-color-warning);;
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--kpasce-color-warning);;
    --btn-hover-border-color: var(--kpasce-color-warning);;
    --btn-focus-shadow-rgb: 60, 153, 110;
    --btn-active-color: #fff;
    --btn-active-bg: var(--kpasce-color-warning);;
    --btn-active-border-color: var(--kpasce-color-warning);;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: var(--kpasce-color-warning);;
    --btn-disabled-border-color: var(--kpasce-color-warning);;

    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kpasce-color-warning);
    --bs-btn-border-color: var(--kpasce-color-warning);;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kpasce-color-warning);;
    --bs-btn-hover-border-color: var(--kpasce-color-warning);;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kpasce-color-warning);;
    --bs-btn-active-border-color: var(--kpasce-color-warning);;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--kpasce-color-warning);;
    --bs-btn-disabled-border-color: var(--kpasce-color-warning);;
}

.btn-kpasce-outline-warning {
    --btn-color: var(--kpasce-color-warning);;
    --btn-border-color: var(--kpasce-color-warning);;
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--kpasce-color-warning);;
    --btn-hover-border-color: var(--kpasce-color-warning);;
    --btn-focus-shadow-rgb: 25, 135, 84;
    --btn-active-color: #fff;
    --btn-active-bg: var(--kpasce-color-warning);;
    --btn-active-border-color: var(--kpasce-color-warning);;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--kpasce-color-warning);;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: var(--kpasce-color-warning);;
    --gradient: none;

    --bs-btn-color: var(--kpasce-color-warning);;
    --bs-btn-border-color: var(--kpasce-color-warning);;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kpasce-color-warning);;
    --bs-btn-hover-border-color: var(--kpasce-color-warning);;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kpasce-color-warning);;
    --bs-btn-active-border-color: var(--kpasce-color-warning);;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--kpasce-color-warning);;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--kpasce-color-warning);;
    --bs-gradient: none;
}

.btn-kpasce-has {
    --btn-color: #fff;
    --btn-bg: var(--kpasce-color-has);
    --btn-border-color: var(--kpasce-color-has);;
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--kpasce-color-has);;
    --btn-hover-border-color: var(--kpasce-color-has);;
    --btn-focus-shadow-rgb: 60, 153, 110;
    --btn-active-color: #fff;
    --btn-active-bg: var(--kpasce-color-has);;
    --btn-active-border-color: var(--kpasce-color-has);;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: var(--kpasce-color-has);;
    --btn-disabled-border-color: var(--kpasce-color-has);;

    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kpasce-color-has);
    --bs-btn-border-color: var(--kpasce-color-has);;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kpasce-color-has);;
    --bs-btn-hover-border-color: var(--kpasce-color-has);;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kpasce-color-has);;
    --bs-btn-active-border-color: var(--kpasce-color-has);;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--kpasce-color-has);;
    --bs-btn-disabled-border-color: var(--kpasce-color-has);;
}

.btn-kpasce-outline-has {
    --bs-btn-color: var(--kpasce-color-has);;
    --bs-btn-border-color: var(--kpasce-color-has);;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kpasce-color-has);;
    --bs-btn-hover-border-color: var(--kpasce-color-has);;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kpasce-color-has);;
    --bs-btn-active-border-color: var(--kpasce-color-has);;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--kpasce-color-has);;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--kpasce-color-has);;
    --bs-gradient: none;

    --btn-color: var(--kpasce-color-has);;
    --btn-border-color: var(--kpasce-color-has);;
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--kpasce-color-has);;
    --btn-hover-border-color: var(--kpasce-color-has);;
    --btn-focus-shadow-rgb: 25, 135, 84;
    --btn-active-color: #fff;
    --btn-active-bg: var(--kpasce-color-has);;
    --btn-active-border-color: var(--kpasce-color-has);;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--kpasce-color-has);;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: var(--kpasce-color-has);;
    --gradient: none;
}


.btn-kpasce-have {
    --btn-color: #fff;
    --btn-bg: var(--kpasce-color-have);
    --btn-border-color: var(--kpasce-color-have);;
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--kpasce-color-have);;
    --btn-hover-border-color: var(--kpasce-color-have);;
    --btn-focus-shadow-rgb: 60, 153, 110;
    --btn-active-color: #fff;
    --btn-active-bg: var(--kpasce-color-have);;
    --btn-active-border-color: var(--kpasce-color-have);;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: var(--kpasce-color-have);;
    --btn-disabled-border-color: var(--kpasce-color-have);;

    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kpasce-color-have);
    --bs-btn-border-color: var(--kpasce-color-have);;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kpasce-color-have);;
    --bs-btn-hover-border-color: var(--kpasce-color-have);;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kpasce-color-have);;
    --bs-btn-active-border-color: var(--kpasce-color-have);;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--kpasce-color-have);;
    --bs-btn-disabled-border-color: var(--kpasce-color-have);;
}

.btn-kpasce-outline-have {
    --bs-btn-color: var(--kpasce-color-have);;
    --bs-btn-border-color: var(--kpasce-color-have);;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kpasce-color-have);;
    --bs-btn-hover-border-color: var(--kpasce-color-have);;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kpasce-color-have);;
    --bs-btn-active-border-color: var(--kpasce-color-have);;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--kpasce-color-have);;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--kpasce-color-have);;
    --bs-gradient: none;

    --btn-color: var(--kpasce-color-have);;
    --btn-border-color: var(--kpasce-color-have);;
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--kpasce-color-have);;
    --btn-hover-border-color: var(--kpasce-color-have);;
    --btn-focus-shadow-rgb: 25, 135, 84;
    --btn-active-color: #fff;
    --btn-active-bg: var(--kpasce-color-have);;
    --btn-active-border-color: var(--kpasce-color-have);;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--kpasce-color-have);;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: var(--kpasce-color-have);;
    --gradient: none;
}


.btn-kpasce-success {
    --btn-color: #fff;
    --btn-bg: var(--kpasce-color-success);
    --btn-border-color: var(--kpasce-color-success);;
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--kpasce-color-success);;
    --btn-hover-border-color: var(--kpasce-color-success);;
    --btn-focus-shadow-rgb: 60, 153, 110;
    --btn-active-color: #fff;
    --btn-active-bg: var(--kpasce-color-success);;
    --btn-active-border-color: var(--kpasce-color-success);;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: var(--kpasce-color-success);;
    --btn-disabled-border-color: var(--kpasce-color-success);;

    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kpasce-color-success);
    --bs-btn-border-color: var(--kpasce-color-success);;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kpasce-color-success);;
    --bs-btn-hover-border-color: var(--kpasce-color-success);;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kpasce-color-success);;
    --bs-btn-active-border-color: var(--kpasce-color-success);;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--kpasce-color-success);;
    --bs-btn-disabled-border-color: var(--kpasce-color-success);;
}

.btn-kpasce-outline-success {
    --bs-btn-color: var(--kpasce-color-success);;
    --bs-btn-border-color: var(--kpasce-color-success);;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kpasce-color-success);;
    --bs-btn-hover-border-color: var(--kpasce-color-success);;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kpasce-color-success);;
    --bs-btn-active-border-color: var(--kpasce-color-success);;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--kpasce-color-success);;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--kpasce-color-success);;
    --bs-gradient: none;

    --btn-color: var(--kpasce-color-success);;
    --btn-border-color: var(--kpasce-color-success);;
    --btn-hover-color: #fff;
    --btn-hover-bg: var(--kpasce-color-success);;
    --btn-hover-border-color: var(--kpasce-color-success);;
    --btn-focus-shadow-rgb: 25, 135, 84;
    --btn-active-color: #fff;
    --btn-active-bg: var(--kpasce-color-success);;
    --btn-active-border-color: var(--kpasce-color-success);;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: var(--kpasce-color-success);;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: var(--kpasce-color-success);;
    --gradient: none;
}

.btn-kpasce-tooltip{
    --btn-font-size: 24px;
    --btn-padding-y: 0rem;
}

.kpasce-table {
    border: solid 4px var(--kpasce-color1);
    border-radius: var(--kpasce-border-radius-md);
    border-collapse: inherit;
    border-spacing: 0px;
}

.kpasce-table td {
    border-width: 1px 1px;
    border-color: rgb(29, 102, 125);
    border-style: solid;
}

.kpasce-table tr:first-child th:first-child {
    border-radius: var(--kpasce-border-radius-table-inner) 0px 0px 0px;
    /*border-left: none;*/
}

.kpasce-table tr:last-child td:first-child {
    border-radius: 0px 0px 0px var(--kpasce-border-radius-table-inner);
    /*border-left: none;*/
    /*border-bottom: none;*/
}

.kpasce-table tr:first-child th:last-child {
    border-radius: 0px var(--kpasce-border-radius-table-inner) 0px 0px;
    /*border-right: none;*/
}

.kpasce-table tr:last-child td:last-child {
    border-radius: 0px 0px var(--kpasce-border-radius-table-inner) 0px;
    /*border-right: none;*/
    /*border-bottom: none;*/
}


*,
*::before,
*::after {
    box-sizing: border-box;
}

/*Header*/
.header-image .sppb-column-addons div{
    height: 100vh !important;
    width: 100vw;
}

.header-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 3%;
    height: 95vh;
}
.header-title{
    font-size: 80px;
    margin-top: 15%;
    width: 45%;
}
.header-text{
    font-size: 20px;
    margin-top: 2%;
    width: 28%;
}

.sce-questionnaire-form select, .sce-questionnaire-form input:not(textarea):not([type=checkbox]):not([type=radio]) {
    border: solid 2px var(--kpasce-color1);
    border-radius: var(--kpasce-border-radius-sm);
    font: 24px/28px var(--kpasce-font-prime) normal normal medium;
    letter-spacing: 0px;
    color: #1D667D80;
    opacity: 1;
    /*line-height: 1;*/
    height: 76px;
}

.sce-questionnaire-form .control-label label,.sce-questionnaire-form .controls .switcher label {
    /*font-family: var(--kpasce-font-prime),Arial, Helvetica, sans-serif;*/
    letter-spacing: 0px;
    color: #707070;
    font: 24px/28px var(--kpasce-font-prime) normal normal medium;
    letter-spacing: 0px;
}

.currency-jurisdiction {
    width: min-content;
    float: right;
    padding-left: 5px;
}

.kpasce-table .number-field {
    text-align: right;
}

/*Dropdown Inputs*/
.sce-questionnaire-form .control-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 40%;
    margin: 1em 5%;
}


.sce-questionnaire-form .control-label {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0.6rem 1rem ;
}


.sce-questionnaire-form .control-label .btn.hasTooltip {
    height: min-content;
    padding: 0 8px;
    float: right;
}

.sce-questionnaire-text {
    width: 90% !important;
}

.sce-questionnaire-sender .form-horizontal .row{
    flex-direction: column;
}

/*Security level table*/
.level-box-tuple{
    flex: 1;
    text-align: center;
    margin: 0 2px;
}

.security-level-table .control-group {
    margin: 1em 5%;
    width: 90%;
}



 /*field layout*/
 .field-table  tbody  td:first-child,
 .field-table  thead  th{
    text-align: center;
    font-size: 25px;
}

/*critical-applications todo in page */
.critical-applications{
    padding-left: 10% !important;
}

.critical-applications-text h3{
    margin-top: 10%;
    font-size: 70px;
    color: #1D667D;
}
.critical-applications-text .sppb-addon-content{
    margin-top: 15%;
    margin-left: 2%;
    width: 55%;
}

/*Security level pins*/
.pin-container-thump label span, .pin-container-bullseye label span {
    width: 24px;
    height: 24px
}

.pin-container-thump label, .pin-container-bullseye label{
    border: solid 3px;
    border-radius: 15px;
    font: 24px/28px var(--kpasce-font-prime) normal normal medium;
}



.pin-container-thump label{
    margin-bottom: 10px !important;
}


.pin-container-bullseye label, .pin-container-bullseye label span{
    border-color: var(--btn-color,var(--bs-btn-color));
    /*color: var(--btn-color);*/
}



/*carousel*/
.carousel-contents{
    margin: 0 5%;
}

/*cost table*/
/*#cost-data {*/
/*    margin: 0 5%;*/
/*}*/

.table thead th {
    white-space: normal;
}
/*

var();
var(--kpasce-color1);
--variablename: value

*/