:root {
    --text-dark: #1b1b1b;
    --vincotte-dark-blue: #002C77;
    --vincotte-light-blue: #D8DFEB ; /*  added by Firmino and Costa */
    --vincotte-gray-text: #656565 ;
    --vincotte-blue:#005BC3;
    --vincotte-yellow:#F5b81a;
    --lighter-blue:#1A88FF;

    --text-dark-blue: #004CA3;

    --home-background: white;
    --company-background: var(--vincotte-light-blue);
    --production-unit-background: #EAEAEA;
    --asset-background: white;
    --inspection-background: var(--vincotte-light-blue);

    --red-alert: #B00000;
    --orange-alert: #9F5804;
}


* {
    color: var(--text-dark);
    font-family: "proxima-nova", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400;
}

h2 > a,
h3 > a,
h4 > a,
p > a,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
p > a:hover {
    color: inherit;
    font: inherit !important;
}

h1, h2, h3, h4 {
    font-weight: 700 !important;
}


h1 {
    font-size: 2.25rem !important;
}

h2 {
    font-size: 2rem !important;
}

h3 {
    font-size: 1.5rem !important;
}

h4 {
    font-size: 1.25rem !important;
}

.rem-100 {
    font-size: 1rem !important;
}

.rem-75 {
    font-size: 0.75rem !important;
}

.bg-vincotte-home {
    background-color: var(--home-background) !important;
}

.bg-vincotte-company {
    background-color: var(--company-background) !important;
}

.bg-vincotte-production-unit {
    background-color: var(--production-unit-background) !important;
}

.bg-vincotte-asset {
    background-color: var(--asset-background) !important;
}

.bg-vincotte-inspection {
    background-color: var(--inspection-background) !important;
}

.color-red-alert {
    color: var(--red-alert) !important;
}

.color-orange-alert {
    color: var(--orange-alert) !important;
}


a:hover{
    text-decoration: underline!important;
}

textarea{
    min-height:3em;
}
button:focus{
    border:none!important;
}

.pointer:hover{
    cursor:pointer;
}

.block{
    display:block!important;
}

.arrow-svg{
    transform:rotate(0deg);
    transition: .1s ease all;
    margin-left:.5em;
    position: relative;
    top:-2px;
}

.turn-arrow{
    transform:rotate(180deg);
    top:0;
}

.blueBorder{
    border:1px solid #007BFF;
    border-radius:4px;
    background-color: rgba(238, 246, 255, .8);
}
.blueBorder div{
    background-color: rgba(238, 246, 255, .8);
}

.css-1fh3k1-control{
    padding: .6em 0!important;
}

.bg-offwhite{
    background-color: #f7f7f7;
}
.colapsedMenu{
    position: relative;
    top:-100%;
    height:50px;
}
.threeDots{

    position:absolute;
    top:1em;
    right:1em;
    width:45px;
    height:45px;
    /* background-color:green; */
}
.threeDots:hover{
    cursor:pointer;

}

.optionsMenu{
    position:absolute;
    right:calc(1em + 45px);
    top:1em;
    /* background-color:rgb(213, 231, 249); */
    background-color:white;
    padding:1em 0;
    border-radius: 5px;
}

.css-yk16xz-control, .css-1pahdxg-control {
    padding: .6em 0!important;
}
.bg-vincotte-light-blue
{
    background-color: #D8DFEB !important;
}
.vh-100{
    height:100vh!important;
}
.word-break{
    overflow-wrap:break-word;
}
.bg-vincotte-white {

    background-color: #fff !important;
}

.bg-vincotte-dark-blue
{
    background-color: var(--vincotte-dark-blue) !important;
}

.bg-vincotte-secondary-yellow
{
    background-color: #f5b81a !important;
}
.bg-vincotte-secondary-yellow:hover > .list-group-item{
    border:none;
}

.text-vincotte-white {
    color: #fff !important;
}
.text-links:hover{
text-decoration: underline;
}
.Preview_model_modal {
    position: fixed;
    background-color: rgb(255, 255, 255);
    left: 0;
    top: 0;
    z-index: 9;
}

.modal_model_preview {
    width: 100%;
    height: 100vh;
    padding:5%;
}

.modal_model_preview > .model-container,
.modelContainer-library{
    background-color:  var(--vincotte-dark-blue);
    color:white;
    width: 80%;
    height: calc(100vh - 15em);
    margin: auto;
    place-items: center;
}

.modelContainer-library {
    width: 80%;
    height: calc(100vh - 15em);
}

.modal_model_preview > .model-container {
    width: 100%;
    height: calc(100vh - 6em);
}

.context-menu-second-level{
    /* position:relative;
    top:0;
    width:max-content;
    right:0; */
    background:white;
    padding:1em;
    border-radius:3px;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
}
 .custom-checkbox-btn label::before{
   background-color:transparent!important;
   border:transparent!important;
}
.custom-checkbox-btn label::after{
display:none!important;
}

.custom-control.custom-checkbox-btn{
    padding-left:0!important;
}
.custom-control{
    padding-left:1em!important;
}

.custom-checkbox-btn label::before{
    opacity:0.00001;
    outline: 0!important;
}
.custom-checkbox-btn input[type="checkbox"] + label {
    padding: .2em 1em;
    background: white;
    color: #005EBC;
    display: inline-block;
    border-radius: 4px;
    font-size:14px!important;
    border: 2px solid #4040402d;
    font-weight: bolder!important;
    transition: 0.1s ease all;
}

.custom-checkbox-btn input[type="checkbox"]:checked + label {
    border: 2px solid #4040402d;
    background: #005EBC;
    color: white;
}


.popUp-Menu-wrapper{
    position: absolute;
    bottom: 10px;
    padding:10px;
    left:100%;
    width: max-content;
    text-align: left;
}
.popUp-Menu{
    background-color: white;
    border-radius:5px;
}
.optionItem{
    width:100%;
    padding: 1em 2em;
    margin:0;
    display:block;
    color:black;
    text-decoration: none;
}
.optionItem:hover{
    background-color:aliceblue;
    cursor:pointer;
}
.nav-item:hover{
    cursor:pointer;
}

.waterMark{
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(222, 222, 222, 0.238);
    top: 0;
    left: 0;
    display:flex;
    justify-content: center;
    align-items: center;
    opacity: .7;
}
.rightBarDragger{
    position:absolute;
     width:36px;
     height: 120px;
     border-radius: 12px 0 0 12px;
     top: calc(50% - 60px);
     left:-36px;
     background-color:rgb(191, 198, 207);
     display:grid;
     align-content:center;
     /* transition:.02s ease all;  */
     cursor:pointer;
}
.rightBarDragger:hover{
    cursor:grab;
    background-color:rgb(167, 174, 184);
}
.form-grid-2-auto{
    display:grid;
    grid-template-columns: 1fr 1fr auto;
    gap:1em;
}
.grid-3{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:1em;
}

.categoryGrid{
    display:grid;
    /* grid-template-columns: 1fr 1fr 1fr; */
    gap:0 1em;
    grid-template-areas: "category basis otherBasis"
                        "frequency mechanisms mechanisms"
                        "description description description";
}

.methodGrid{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:0 1em;
}
.extentGrid .inspectionExtent {
    display:grid;
    grid-template-columns: 1fr 2fr auto;
    gap:0 1em;
}

.extentGrid .inspectionExtent.other {
    grid-template-columns: 1fr 1fr 2fr auto;
}

.extentGrid .safetyDevice {
    display:grid;
    grid-template-columns: 1fr 2fr 1fr auto;
    gap: 0 1em;
}

.form-grid-3-auto {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    gap:0 1em;
    grid-template-areas: "p p p delete"
                         "category  basis frequency delete"
                         "next_date scope scope delete"
                         "- - - delete"
                         "preparation preparation preparation delete"
                         "access surface atmosphere delete"
                         "media security . delete";

}
.form-grid-3 {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:1em;
}

.form-grid-3-asset-element {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    gap:0 1em;
    grid-template-areas: "type reference volume delete"
                         "PressureTestType test_pressure design_pressure delete"
                         "operating_pressure design_temperature operating_temperature delete";
}
.vincotte--note{
    max-width:350px;
    background-color: rgb(249, 234, 136);
    display:inline-block;
    padding: .5em 1em;
    margin-top:1em;

}
.delete-btn {
    background-color: var(--red-alert)  !important;
    border: 2px solid var(--red-alert) !important;
    color:#ffffff  !important;
    padding: .7em 2em;
    border-radius: .25rem;
}

.delete-btn:disabled {
    opacity: .65;
}
input[type='checkbox']{
    width:1.2em!important;
    height:1.2em!important;
}
.checkbox-size{
    width:18px;
    height:18px;
}
.delete-btn,
.cancel-btn {
    background-color:#ffffff !important;
    border: 2px solid var(--red-alert) !important;
    /* border-bottom-left-radius: 2px;
    padding: .7em;
    border-radius:5px; */
}

.delete-btn,
.edit-btn {
    font-weight: 700  !important;
    height: 48px;
    text-align: center;
    vertical-align: middle;
}

.delete-btn,
.cancel-btn,
.delete-btn svg,
.cancel-btn svg {
    color:var(--red-alert) !important;
    fill: var(--red-alert) !important;
}

.edit-btn {
    background-color:#ffffff !important;
    border: 2px solid var(--text-dark-blue) !important;
}

.edit-btn,
.edit-btn svg {
    color: var(--text-dark-blue);
}

.btn-disabled{
    cursor:not-allowed!important;
}
.btn-disabled:hover{
    cursor:not-allowed!important;
}

.primary-btn{
    background-color: var(--vincotte-dark-blue);
    border: 2px solid var(--vincotte-dark-blue);
    color:white;
   border-bottom-left-radius: 2px;
   padding: .7em;
   border-radius:5px;
}
.secondary-btn{
    border: 2px solid var(--vincotte-dark-blue) !important;
    color:var(--vincotte-dark-blue) !important;
    background:white!important;
    border-radius:5px;
    /* border-bottom-right-radius: 2px;*/
    padding: 1em;
    /* border-radius:5px;  */
}
.form-secondary-btn{
    border: 1px solid #00000020;
    color:var(--vincotte-blue) !important;
    font-weight:bolder;
    background:white!important;
    border-radius:5px;
    /* border-bottom-right-radius: 2px;*/
    padding: 1em;
    /* border-radius:5px;  */
}
.vincotte-input{
    width:100%;
    border: 1px solid #00000030;
    padding: 1em 1em 1em .5em;
    border-radius:5px;
    transition:.3s all ease;
}

.vincotte-input:disabled, .vincotte-input[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
.vincotte-input-small{
    width:100px;
    border: 1px solid #00000020;
    padding: .2em .5em;
    border-radius:5px;
    transition:.3s all ease;

}
.vincotte-input-disabled{
    background-color: #3f3f3f20!important;
    border: 1px solid transparent!important;
}

.slashedLine{
    width:80%;
    border-bottom:1px;
    border-color: #007BFF;
    margin:2em 10%;
    border-bottom-style: dashed;
}

.blue-breakline{
    width:100%;
    height:2px;
    background-color: var(--vincotte-blue);
    margin:2.25em 0;
}
.blue-breakline--dashed{
    width:80%;
    left:10%;
    position:relative;
    height:2px;
    border-top: 1px dotted rgb(116, 174, 241);
    margin:1em 0;
}
.vincotte-paragraph{
    color:var(--vincotte-gray-text);
}
.bolder{
    font-weight:bolder!important;
}

.btn {
    font-weight: 700  !important;
    height: 42px;
    line-height: 30px !important;
}


.btn-primary {
    color: #fff !important;
    background-color: #005BC3 !important;
}

.btn-vincotte {
    font-size: 12px !important;
    height: 42px !important;
    line-height: 42px !important;
}

.btn-vincotte-icon {
    padding: 0 !important;
}

.btn-vincotte-text {
    color: #005BC3 !important;
    font-weight: 700 !important;
    min-width: 3rem;
}

.btn-vincotte-padding {
    padding: 0 1rem !important;
}

.btn-vincotte.active {
    background-color: #005BC3 !important;
    color: #fff !important;
}

.btn-vincotte-primary {
    color: #fff !important;
    background-color: #005BC3 !important;
    border-color: #005BC3 !important;
}

.btn-vincotte-secondary {
    color: #fff !important;
    background-color: var(--red-alert) !important;
    border-color: var(--red-alert) !important;
}

.btn-vincotte-primary:hover {
    color: #fff;
    background-color: #005BC3 !important;
    border-color: #005BC3 !important;
}

.btn-vincotte-back {
    border-color: #0A0A0A !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 0 1rem 0 0 !important;
}
.yellow-btn{
    padding: .3em 2em;
    border-radius:4px;
    background:var(--vincotte-yellow);
    border:none;
}

.vincotte-shadow {
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 .5rem 0 !important;
}

.vincotte-small-shadow {
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 .1rem .1rem !important;
}


.border-bottom-blue{
    border-bottom: 2px solid var(--vincotte-blue);
}


.btn-blue-border{
    outline: none!important;
    border: 2px solid var(--vincotte-dark-blue)!important;
    box-shadow: 0 4px 4px 0 #00000025;
    transition: .2s ease all;
}
.btn-blue-border:focus{
    outline: none!important;
    border: 2px solid var(--vincotte-dark-blue)!important;
    box-shadow:none!important;
}
.btn-blue-border-active{
    border: 2px solid var(--vincotte-dark-blue)!important;
    background:var(--vincotte-dark-blue)!important;
    color:white!important;
    box-shadow: 0 4px 4px 0 #00000025;
}
.btn-blue-border-active:focus{
    outline: none!important;
    box-shadow:none!important;
}
.btn-blue-border:hover{
    box-shadow: 0 0px 0px 0 #00000025;
}


.blue-btn{
    background:var(--lighter-blue)!important;
    color:white!important;
    padding:.8em!important;
    font-weight:bolder!important;
    box-shadow: 0 4px 4px 0 #00000024!important;
}
.negative-margin{
    margin:-2px!important;
}

#via-logo-bloc {
    clear: both;
    overflow: hidden;
    padding: 36px 0px;
    text-align: center;
}

.via-logo {
    background: #FFF !important;
    height: 42px !important;
    width: 42px !important;
}
.form-section-head{
    display: flex;
    justify-content: space-between;
    margin-top: 3em;
}

.QR-wrapper{
    display:grid;
    grid-template-columns: 150px auto;
}

@font-face{font-family:tk-proxima-nova-n7;src:url(https://use.typekit.net/af/71f83c/00000000000000003b9b093b/27/l?subset_id=1&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/71f83c/00000000000000003b9b093b/27/d?subset_id=1&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/71f83c/00000000000000003b9b093b/27/a?subset_id=1&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;}
@font-face{font-family:tk-proxima-nova-i7;src:url(https://use.typekit.net/af/86b539/00000000000000003b9b093a/27/l?subset_id=1&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/86b539/00000000000000003b9b093a/27/d?subset_id=1&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/86b539/00000000000000003b9b093a/27/a?subset_id=1&fvd=i7&v=3) format("opentype");font-weight:700;font-style:italic;}
@font-face{font-family:tk-proxima-nova-n6;src:url(https://use.typekit.net/af/27776b/00000000000000003b9b0939/27/l?subset_id=1&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/27776b/00000000000000003b9b0939/27/d?subset_id=1&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/27776b/00000000000000003b9b0939/27/a?subset_id=1&fvd=n6&v=3) format("opentype");font-weight:600;font-style:normal;}
@font-face{font-family:tk-proxima-nova-i6;src:url(https://use.typekit.net/af/256534/00000000000000003b9b0938/27/l?subset_id=1&fvd=i6&v=3) format("woff2"),url(https://use.typekit.net/af/256534/00000000000000003b9b0938/27/d?subset_id=1&fvd=i6&v=3) format("woff"),url(https://use.typekit.net/af/256534/00000000000000003b9b0938/27/a?subset_id=1&fvd=i6&v=3) format("opentype");font-weight:600;font-style:italic;}
@font-face{font-family:tk-proxima-nova-n3;src:url(https://use.typekit.net/af/437c3d/00000000000000003b9b0932/27/l?subset_id=1&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/437c3d/00000000000000003b9b0932/27/d?subset_id=1&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/437c3d/00000000000000003b9b0932/27/a?subset_id=1&fvd=n3&v=3) format("opentype");font-weight:300;font-style:normal;}
@font-face{font-family:tk-proxima-nova-i3;src:url(https://use.typekit.net/af/f02b29/00000000000000003b9b0933/27/l?subset_id=1&fvd=i3&v=3) format("woff2"),url(https://use.typekit.net/af/f02b29/00000000000000003b9b0933/27/d?subset_id=1&fvd=i3&v=3) format("woff"),url(https://use.typekit.net/af/f02b29/00000000000000003b9b0933/27/a?subset_id=1&fvd=i3&v=3) format("opentype");font-weight:300;font-style:italic;}
@font-face{font-family:tk-proxima-nova-n5;src:url(https://use.typekit.net/af/3331e6/00000000000000003b9b0936/27/l?subset_id=1&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/3331e6/00000000000000003b9b0936/27/d?subset_id=1&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/3331e6/00000000000000003b9b0936/27/a?subset_id=1&fvd=n5&v=3) format("opentype");font-weight:500;font-style:normal;}
@font-face{font-family:tk-proxima-nova-i5;src:url(https://use.typekit.net/af/1cd3b2/00000000000000003b9b0937/27/l?subset_id=1&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/1cd3b2/00000000000000003b9b0937/27/d?subset_id=1&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/1cd3b2/00000000000000003b9b0937/27/a?subset_id=1&fvd=i5&v=3) format("opentype");font-weight:500;font-style:italic;}