/* algemeen */
@font-face {font-family: europa;src: url("https://use.typekit.net/af/821a05/00000000000000007735a082/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/821a05/00000000000000007735a082/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/821a05/00000000000000007735a082/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");}
@font-face {font-family: rift;src:url("https://use.typekit.net/af/af021d/00000000000000007735b21d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/af021d/00000000000000007735b21d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/af021d/00000000000000007735b21d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");}
@font-face {font-family: FjallaOneRegular;src: url(fonts/FjallaOne-Regular.ttf);}

h1{font-size: 59px;line-height: 67px;color: #1B114A;font-family: 'FjallaOneRegular';font-weight: 400;letter-spacing: -1.893px;text-transform: uppercase;}
h2{font-size: 51px;line-height: 58px;color: #282f6b;font-family: 'FjallaOneRegular';font-weight: 400;letter-spacing: -1.645px;text-transform: uppercase;}
h3{font-size: 44px;line-height: 34px;color: #231f20;font-family: 'FjallaOneRegular';font-weight: 400;text-transform: uppercase;}
h4{font-size: 36px;line-height: 34px;color: #1B114A;font-family: 'FjallaOneRegular';font-weight: 400;text-transform: uppercase;}
h5{font-size: 28px;line-height: 34px;color: #231f20;font-family: 'rift';font-weight: 400;text-transform: uppercase;}
h6{font-size: 18px;line-height: 34px;color: #231f20;font-family: 'rift';font-weight: 400;text-transform: uppercase;}
p{font-size: 18px;line-height: 22px;color: #231f20;margin-top: 18px;font-family: 'europa';font-weight: lighter;}
li{font-family: 'europa';font-size: 18px;}
.rift{font-size: 25px;line-height: 31px; color: #231f20;font-family: 'rift';font-weight: 300;}
.rift-b{font-size: 25px;line-height: 31px; color: #231f20;font-family: 'rift';font-weight: 700;}
.rift-c{font-size: 20px;color: #231f20;font-family: 'rift';}
.rift-d{font-family: 'rift';}
.bold{font-weight: bolder;}
.boldest{font-weight: 700;}
.flexer a{text-decoration: none;color: #231f20;font-family: 'europa';}
a{text-decoration: none;color:#231f20;}
.dark{color: #231f20;}
.lightblue{color: #0d6efd !important;}
.blue{color: #282f6b;}
.darkblue{color: #1B114A;}
.red{color: #CE2339 !important;}
.white{color: #fff;}
.red-t{color: #CE2339 !important; font-weight: 700;}
.cp{margin: 110px auto 96px;}
.cfp{padding: 0 !important;}
.link{font-size: 26px;}
.link-pijl{height: 13.5px; width: 10px; border-width: 1.5px;transform-origin: center center;cursor: pointer;transition: 1s;margin-bottom: 5px;}
.line{background-color: #CE2339;height: 2px;width: 0;transition: 1s;}
.special{font-weight: 700;}
.privacy{margin-top: 86px;}

/* carousel */
@media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active,.carousel-inner .carousel-item-next{transform: translateX(25%);}    
    .carousel-inner .carousel-item-start.active,.carousel-inner .carousel-item-prev{transform: translateX(-25%);}
}
.carousel-inner .carousel-item-end,.carousel-inner .carousel-item-start{ transform: translateX(0);}

/* login */
.inlog-bg{height: 100vh;background-repeat: no-repeat;background-size: cover;}
.logo{margin-top: 10%;margin-bottom: 10%;}
.logo img{max-width: 200px;}
.logo h1{color: #1B114A;font-size: 50px;letter-spacing: -1.65px;line-height: 58px;}
.email{background-color: #EBEFFB;margin-top: 20px;border-radius: 5px;height: 30px;width: 300px;}
.login_button{height: 39px;width: 109.32px;background-color: #CE2339;color: white;border: 0;}
.products_message{scale: 0.5; display: none;}

/* header */
.header-top{background-color: #EBEFFB;}
.flexer{display: flex; justify-content: space-between;}
.flexer a{padding-top: 10px;}
.logo-2{height: 75.5px;width: auto;}
#ls{margin: 9.47px 0;width: 146px;border: none;background-color: #EBEFFB;}
.hc{padding: 21px 12px 24px;}
.search{border: 1px solid #BDBBBC;border-radius: 5px;margin-top: 20px !important;margin-bottom: 25px;padding-top: 7px;width: 312px;}
.search-form{display: flex;justify-content: space-between;}
.search button{border: none; background-color: transparent;}
.hc input[type=text]{width: 220px;border: none;}
.header-bottom{background-color: #ECECEC;}
.menu{margin: 0px;}
.nav{list-style-type: none;margin: 0;padding: 0;/* background-color: #ECECEC; */justify-content: end;}
.nav li{float: left;}
.nav .li p{text-transform: uppercase;}
.dropdown{display: inline-block;}
.dropdown .dropdown-1, .dropdown-submenu #submenu-content{display: none;}
.dropdown:hover .dropdown-1, .dropdown-submenu:hover  #submenu-content{display: block;}
.dropdown-1{list-style-type: none;background-color: #ECECEC;position: absolute;padding: 15px 0px 5px 13.5px;margin-left: 31px;;min-width: 160px;z-index: 2;}
.dropdown-submenu{padding-right: 46px;}
#submenu-content{list-style-type: none;background-color: #ECECEC;position: absolute;padding: 15px 18.6px 0px 34px;margin-left: 124px;margin-top: 7px;top: 38px;min-width: 190px;z-index: 1;}
.d3{padding-right: 18px;width: 200px;}
.menuHover{display: inline-block;margin-top: 24px;margin-bottom: 0 !important;padding-left: 44px;padding-bottom: 25px;}
.header-stand-in{height: 24px;}
.flag{height: 16px;width: 23px;}

/* homepage */
.ct{padding-top: 10% !important;}
.contact-button{background: #CE2339;padding: 3px 7px;}
.contact-button:hover{color: #fff;}
.ct p{margin-bottom: 27px;}
.lb{background-color: #EFF7FA;padding: 93px 0 96px;}
.usp{text-align: center;padding: 0px 64px;}
.usp h4{padding-left: 40px;padding-right: 40px;height: 68px;}
.usp-bottom{display: flex;flex-direction: column;justify-content: space-between;height: 259px;}
.klanten{text-align: center;}
.klanten h2{margin-bottom: 10px;}
.kc{text-align: center;}
.usp .line, .klanten .line{margin: auto;}
.usp:hover .line,.kc:hover .line, .cf:hover .line, .cc:hover .line,.cc-2:hover .line, .pk:hover .line, .cpp:hover .line,.cc-3:hover>.kc .line, .privacy:hover .line{width: 30%;transition: 1s;}
.cr{margin: 14px 187px 49px;}
.klantenrow{display: flex;justify-content: space-around;}
.kl1{height: auto;width: 95.391px;}
.kl2{height: auto;width: 246.702px;}
.kl3{height: 55.097px;width: 214.631px;}
.kl4{height: auto;width: 230.255px;}
.ck{justify-content: space-between;}
.pk{border: 1px solid #A3AAC0;border-radius: 5px;width: 280px !important;margin-bottom: 47px;display: flex; flex-direction: column; justify-content: space-between;background-color: #FFFFFF;}
.pk:hover{box-shadow: 0 4px 18px 0 rgba(0,0,0,0.17);}
.pk img{padding: 20px 30px;}
.pk h4, .pk p,.pk .order-row{padding-left: 10px !important;}
.pk .order-row{height: 36px;margin-bottom: 29px;}
.pk .line{margin-left: 10px;margin-top: 0 !important;margin-bottom: 11px !important;}
.cfp img{width: 100%;}
.l{margin: 16px 0 14px;}
.cf{background-color: #f9f9f9;padding: 110px 0 96px;}
.ccc{margin-top: 15% !important;padding-left: 5% !important;}

/* partnership */
.cpp p{max-width: 555px;}
.up{padding-bottom: 70px;}
.flexing{display: flex;flex-direction: row;}
.flexing img, .flexing-c img, .flexing-r img{align-self: flex-start;padding-right: 10px;}
.flexing-c{display: flex;flex-direction: row;justify-content: center;}
.flexing-r{display: flex;flex-direction: row;justify-content: right;}
.usp-2{max-width: 191px;display: flex;flex-direction: column;}
.usp-2 div{height: 68px;display: flex;flex-direction: column;justify-content: center;}
.cs{margin-top: 80px;padding-bottom: 120px;}
.cs p{max-width: 1011px;margin-bottom: 32px;}
.hb{display: flex;flex-direction: column;justify-content: center;}
.cc{padding-bottom: 128px;}

/* samples */
.sv{margin-top: 41px;}
.service-link-2{background-color: #ececec;border-radius: 10px;text-align: center;width: 349px;height: 262px;}
.service-link-2:hover>.service-image-2>img{transform: scale(1.3);}
.service-image-2{width: 349px;height: 185px;overflow: hidden;margin: 0 auto;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.sas{display: flex;justify-content: flex-end;}

/* Producten */
.usp-3{max-width: 239px;display: flex;flex-direction: column;justify-content: flex-start;}
.usp-3 div{height: 70px;display: flex;justify-content: center;flex-direction: column;}
.usp-4{background: #EFF7FA;padding-top: 41px;}
.fr{margin-bottom: 58px;}
.fr p, .fr label, .fr select{font-size: 26px;}
.filters-titel{display: flex;}
.filters-titel:hover{cursor: pointer;}
.filters-titel p{margin-right: 10px;}
.filter-inner{visibility: hidden;height: 0px;transition: all 1s ease-in-out;animation: fade-out 1.5s;}
.filter-input{display: flex;justify-content: space-between;margin-bottom: 15px;}
.filter-input label{padding: 4px;font-family: 'europa';}
.filter-input select{width: 380px;height: 46px;padding-left: 10px;font-family: 'europa';}
#thickness, #width, #material, #color{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-repeat: no-repeat;background-position-x: 98%;background-position-y: 50%;background-color: #ebeffb;}
.filter-result{display: flex;justify-content: right;}
.show_top-2>.link-pijl-3{transition: all 1s ease-in-out;rotate: 90deg;}
.show_bottom-2{transition: all 1s ease-in-out;height: 124px;}
.show_bottom-2.filter-inner{visibility: visible;animation: fade-in 1.5s;}
.order-row a{display: flex;justify-content: flex-start;}
.mail-button{background-color: #CE2339;width: 36px;height: 36px;padding: 4px 7px;border-radius: 5px;}
.mail-button img{width: 22px;height: 15px;padding: 0;}
.pagination{justify-content: center;}
.page-item>.page-link{width: 36px;height: 36px;padding: 4px 14px;border: none;background-color: transparent;font-size: 18px;color: #000;}
.page-item.active>.page-link{border-radius: 5px;background: #CE2339;color: white;}
.page-item>.page-link[rel='next'],.page-item>.page-link[rel='prev']{color: #CE2339;}
.page-item.disabled>.page-link{color: #DDD;}

/* projectmanagement */
.f9{background-color: #f9f9f9;padding-top: 41px;}
.co,.cc-3{padding-top: 87px;margin-bottom: 128px;}
.co:hover .line, .cm:hover .line, .cs:hover .line, .cc-3:hover .line, .cc-4:hover .line{width: 30%;transition: 1s;}
.co .col-md-4 img{float: right;}
.return-link{padding-bottom: 14px;}
.arrow-right{transform: rotate(180deg);padding-left: 10px;height: 9px;}
.download{padding-left: 9px;}
.cm{padding-bottom: 128px;}
.cm .col-md-6{padding-top: 16px;}
.cc-4{margin-bottom: 128px;}
.s-titel{width: 500px;margin-bottom: 25px;padding-left: 6%;}
.service-link{background-color: #ececec;border-radius: 10px;text-align: center;width: 262px;height: 262px;}
.service-link:hover>.service-image>img,.service-link-2:hover>.service-image-2>img{transform: scale(1.3);}
.service-image{width: 262px;height: 185px;overflow: hidden;margin: 0 auto;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.service-image>img,.service-image-2>img{width: 100%; transition: 0.5s all ease-in-out;}
.service-text{padding: 26px 0 20px;font-weight: bold;}
.cc>img{width: 100%;object-fit: cover;}
.slider-button{position: absolute;left: 90%;top: 50%;}
.slider-button-2{position: absolute;right: 90%;top: 50%;}
.service-link-2{background-color: #ececec;border-radius: 10px;text-align: center;width: 410px;height: 287px;}
.service-image-2{width: 410px;height: 210px;overflow: hidden;margin: 0 auto;border-top-left-radius: 10px;border-top-right-radius: 10px;}

/* vellen snijden */
.hb2{padding-right: 73px;}
.hb3{display: flex;justify-content: flex-end;}

/* voor wie */
.ic{background-color: #FFFFFF;padding: 65px 0;}
.cv:hover .line, .csp:hover .line{width: 30%;transition: 1s;}
.cv{margin-bottom: 59px;}
.csp{margin: 96px auto;}

/* horeca/voeding */
.brc{margin: 96px auto;}
.brc:hover .line{width: 30%;transition: 1s;}
.brc .col-md-6{margin-top: 44px;}

/* over ons */
.coo{margin: 90px auto 73px;}
.cov{padding-top: 10% !important;}
.coo h1{margin-bottom: 23px;}
.cfv{padding: 0 !important;}
.cfv>img{width: 100%;object-fit: cover;}
.ccp:hover .line{width: 60%;transition: 1s;}
.ccp{margin: 96px auto 113px;text-align: center;}
.ccp h3{margin: 26px 0;}
.partner{margin-bottom: 56px;}
.partner .line{margin: auto;}

/* het bedrijf */
.f8{background-color: #f9f9f9;}
.chb{background-color: white;padding: 90px 0 73px;}
.cot{text-align: center;margin: 96px auto 0;}
.cot .line{margin: auto;margin-bottom: 65px;}
.cot:hover .line{width: 10%;transition: 1s;}
.team{text-align: center;}
.grid-container-1{display: grid;grid-template-columns: auto auto;justify-content: end;column-gap: 37px;row-gap: 34px;padding-right: 17px !important;z-index: 1;}
.item1{grid-area: item1;}
.item2{grid-area: item2;}
.item3{grid-area: item3;}
.item4{grid-area: item4;}
.grid-container-2{display: grid;grid-template-columns: auto auto;justify-content: start;grid-template-areas: "item1 item2""item1 item3""item4 item4";column-gap: 35px;row-gap: 20px;padding-left: 17px !important;z-index: 1;}
.gb{display: flex;position: absolute;}
.gb-1{margin-left: 75px;margin-top: 5px;}

/* faq */
.f7{background-color: #f9f9f9;padding: 96px 0;}
.faq{margin-bottom: 130px;}
.faq:hover .line{width: 10%;transition: 1s;}
.faqlijst{margin-bottom: 33px;}
.vraag{margin: 15px 0;}
.vraag-titel{position: relative;background-color: #ECECEC;border-radius: 5px;display: flex;justify-content: space-between;padding: 15px;z-index: 2;margin-bottom: 15px;}
.vraag-titel p, .vraag-antwoord p{margin-bottom: 0;}
.vraag-antwoord{background-color: #ECECEC;width: 90%;margin: auto;padding: 15px;transition: 1s;margin-top: -50px;z-index: 1;}
.vraag-antwoord > *{opacity: 0;transition: 300ms};
.vraag-antwoord.show_bottom > *{opacity: 1;transition-delay: 1000ms};


.va{transition: all 1s ease-in-out;height: 0px;border-radius: 5px;}
.vat{transition: all 1s ease-in-out;height: 0px;visibility: hidden;animation: fade-out 1s;}
.link-pijl-3{transition: all 1s ease-in-out;cursor: pointer;}
.fixed{height: 392px;position: sticky;top: 25px;}
.show_top{box-shadow:0 5px 5px 0 rgba(35,31,32,0.08);}
.show_top>.link-pijl-3{transition: all 1s ease-in-out;rotate: 90deg;}
.show_bottom{transition: all 1s ease-in-out;height: 400px;padding-top:50px;}
.show_bottom .vat{visibility: visible;animation: fade-in 1.5s;}

@keyframes fade-in{
    0% { opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 1; }
  }
@keyframes fade-out{
    0% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
  }

/* contact */
.f6{background-color: #f9f9f9;padding-top: 57px !important;}
#cform{margin-bottom: 25px;}
.cpf{padding-left: 5% !important;padding-right: 5% !important;margin-bottom: 95.83px !important;}
.cpf .line{margin: auto;}
.cpf:hover .line{width: 30%;transition: 1s;}
.cpt{text-align: center;margin-bottom: 30px;}
.cpt p{margin: 14px 28%;}
.form-group{display: flex; flex-direction: row; justify-content: space-between;}
.form-group label{font-family: 'europa';font-size: 18px;}
.form-group input, #service{width: 306px;border-radius: 5px;background-color: #EBEFFB;border: none;font-size: 16px;}
#service{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-repeat: no-repeat;background-position-x: 98%;background-position-y: 50%;padding-left: 13px;background-size: 10px;}
input[type=text], input[type=tel], input[type=email]{padding-left: 8px;}
.form-group>textarea{resize: none;width: 306px;border-radius: 5px;background-color: #EBEFFB;border: none;padding-left: 8px;}
.fgp{padding-top: 22.16px;}
.zenden{float: right;margin-top: 22.16px;width: 123.32px;height: 39px;color: #FFFFFF;background-color: #CE2339;border: none;font-family: 'rift';font-size: 25px;font-weight: 300;}
.form-not{float: right;margin-top: 17px;padding-right: 6%;display: none;}
.showtxt{display: block;}
.cccc{margin-bottom: 96px !important;padding-right: 5% !important;padding-left: 5% !important;}
.cccc:hover .line{width: 30%;transition: 1s;}
.ccct{margin-top: 15% !important;}

/* vacature-lijst */
.f5{background-color: #f9f9f9;padding-top: 86px !important;padding-bottom: 136px;}
.cvl{padding-bottom: 96px;}
.cvl .line{margin: 14px 0;}
.cvl:hover .line{width: 30%;transition: 1s;}
.cvlo{padding-top: 10% !important;}
.vlijst{padding-top: 96px;}
.vot{margin-bottom: 26px;}
.vacature{display: flex;background-color: #ECECEC;border-radius: 15px;margin-top: 21px;}
.vacature:hover{box-shadow: 0 0 9px 0 rgba(40,47,107,0.39);}
.vac-text{padding: 21px 18.3px 16px 28px;}
.vac-text h6{margin: 14px 0;}
.vac-flex{display: flex;justify-content: space-between;}
.vac-flex p{margin-bottom: 0;}
.vac-flex a>p{width: 151px;margin-bottom: 0;}

/* single-vacature */
.csv{padding: 90px 0 81.84px;}
.ct:hover .line{width: 30%;transition: 1s;}
.rbutton{border: none;background-color: #CE2339;color: #FFFFFF;padding: 10px;}
.csvb{margin-top: 96px;}
.cvf{padding-left: 5% !important;padding-right: 5% !important;}
.cvf .line{margin: auto;}
.cvf:hover .line{width: 30%;transition: 1s;}
.check{display: flex;margin-top: 10px;}
.check>p{margin-left: 10px;margin-bottom: 0 !important;}

 /* footer */
.f{background-color: #ECECEC;}
.fi{padding: 52px 0 43px;}
.fi p{margin-bottom: 0;}
.fi .line{margin: 5px 0 11px;}
.fi .col-md-2:hover .line, .fi .col-md-3:hover .line{width: 40%;transition: 1s;}
.fl{display: flex; align-items: flex-end;}
.fb{background-color: #CECECE;height: 36px;}
.fb p{line-height: 36px;margin: 0;}
.login_button{
    height: 39px;
    width: 109.32px;
    background-color: #CE2339;
    color: white;
}



#dashboard h1{
    color: #CE2339;
}

#tablecolumn{
    background-color:#ECECEC; 
    
}

.icon{
    transform: rotate(45deg);
    transition: 300ms;
    display: inline-block;
    position: relative;
    margin: auto;
}
.logodashboard{align-self: flex-start;width: 100%;;}
.logos {display: flex;justify-content: space-between;width: 80%;flex-direction: column;gap: 25px;}

.filters{display: flex;flex-wrap: wrap;gap: 15px;justify-content: flex-start;margin: 5px 0px;}
.filter{height: 100px;width: 100px;vertical-align: middle;padding: 15px;align-items: center;background: #fff;position: relative;border-radius: 5px;transition: background 300ms;}
.filter.active{outline: 2px solid #58B7B3;display: block;}
.filter .filter_image{width: 100%;object-fit: contain;height: 100%;}

.op_voorraad::after{content: "Stock";width: 100%;position: absolute;top: 10px;left: -30%;transform: rotate(-45deg);;background: green;color: #fff;text-align: center;z-index: 1;}

.filters > .filter{display: flex;justify-content: center;flex-wrap: wrap;width: 100px; height: 100px;position: relative;overflow: hidden;}

.filters.category .filter span {position: absolute;bottom: 0;left: 50%;transform: translate(-50%);width: max-content;}

.filter:hover{background: #58B7B30f;}

.filter .check_filter{display: none;position: absolute;right: 2%;top: 2%;z-index: 99999;background: #fff;border-radius: 50%;}
.filter.active .check_filter{display: block}

#dashboard.container{padding: 0;}
/* .dashboard_grid {display: grid;grid-template-columns: 100%;} */
.dashboard_grid {display: grid;grid-template-columns: 20% 80%;}
.dashboard_left{display: none;}
/* .dashboard_right{padding: 15% 25px 0 50px;height: 100vh;display: grid;} */
.dashboard_right{padding: 5% 25px 0 25px;display: flex;flex-direction: column;}
/* .dashboard_right .right_table{overflow-y: scroll;} */
.dashboard_left {display: grid;height: 100vh;padding: 50px 25px 50px 0px;align-content: baseline;grid-template-rows: 10% 80% 10%;}
.logout_container{align-self: flex-end;color: #CE2339;}

.dashboard_right h2{font-size: 51px;color: #58B7B3;}

.align_right{text-align: right;}
.header-products{display: flex; justify-content: space-between;}

.customerTable thead tr{background-color: #58B7B3;color: #fff;}
.customerTable tbody tr{background-color: #fff;color: black;}
/* .customerTable tbody tr:nth-child(even){background-color: #ececec;color: black;} */

.customerTable.searched tbody tr:nth-child(odd), .customerTable.searched tbody tr:nth-child(even){background-color: #fff;}
.customerTable tbody tr{font-size: 12px;}
.customerTable{border-radius: 15px;overflow: hidden;}

.customerTable tbody tr:hover{background-color: #e6e6e6;}

.search_prod{margin: 25px 0 10px; border-radius: 15px;width: 50%;border: none;padding: 15px 7px;outline: none;height: 54px;}

.refresh_button{
    background-color: #a82032;
    padding: 8px;
    border-radius: 15px;
    color: #fff;
    border: 0;
    width: 20%;
    margin: 25px 0;
}

.refresh_button.refresh{
    background-color: #CE2339;
}

.group_switcher{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-start;
    margin: 0px 0px 50px 0;
}

.group_switcher > a
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    font-size: 12px;
    outline: 1px solid #CE2339;
}

.group_switcher > a > div
{
    height: 80px;width: 80px;vertical-align: middle;align-items: center;background: #fff;position: relative;border-radius: 5px;display: flex;
    justify-content: center;text-align: center;
}

.group_switcher > a.active{outline: 2px solid #58B7B3;}

.group_selector{
    padding: 15px;
    border: 0;
    border-radius: 15px;
}

.unlink-button,.erase-button{cursor: pointer;}

.align_center {
    text-align: center;
}
.certificates{
    display: flex;
    justify-content: center;
    height: 50px;
    align-self: end;
}
.certificate-logo{
    max-width: 30px;
}
.pdf-forms{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 20px;
}
.pdf-forms-special{
    display: flex;
    flex-direction: row;
    width: 50%;
    margin-bottom: 20px;
}
.alert{
    margin-top: 10px;
    background-color: red;
    color: white;
}

.pdf-forms form{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pdf-button{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100px;
    height: 40px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    font-size: 12px;
    outline: 1px solid #CE2339;
    border: none;
    background-color: #FFFFFF;
    vertical-align: middle;
    align-items: center;
    margin-top: 10px;
}

.pdf-button:hover{
    outline: 2px solid #58B7B3;
    background-color: #BDBBBC;
}

.pdf-forms select{
    padding: 2.5px;
}

.pdf-upload{
    display: flex;
    flex-direction: column;
}

#pdf_title{
    margin-top: 10px;
}
.warning-delete{
    display: block;
    position: absolute;
    width: 452px;
    height: 270px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 37px 35px 40px;
    z-index: 9999999;
    border-radius: 8px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);
}

.warning-unlink{
    display: block;
    position: absolute;
    width: 452px;
    height: 215px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 37px 35px 40px;
    z-index: 9999999;
    border-radius: 8px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);
}

.show{display: block;}
.darken{filter: brightness(44%);z-index: 1;}

.close_warning-delete, .close_warning-unlink{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100px;
    height: 40px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    font-size: 12px;
    margin-right: 10px;
    outline: 1px solid #58B7B3;
    vertical-align: middle;
    align-items: center;
    margin-top: 10px;
}

.close_warning-delete:hover, .close_warning-unlink:hover{
    outline: 2px solid #CE2339;
    background-color: #BDBBBC;
}


.menu-item-logout{color: #CE2339}

.p_info ul li {list-style-type: disclosure-closed;}

.p_info .content{overflow: hidden;position: relative;height: auto;}
.p_info .content .prod_info{position: relative;transition: 500ms;opacity: 0;}
.p_info .content.show_content .prod_info{opacity: 1 !important;}

.password_reset {height: 100vh;display: flex;justify-content: center;align-items: center;}

.cta{background-color: #CE2339;border: unset;margin: 15px;}
.cta:hover{background-color: #CE2339;}

@media only screen and (max-width: 1200px) {
    .dashboard_grid {grid-template-columns: 100%;}
    .dashboard_right{height: unset;}
    .dashboard_left{height: unset;padding: 0 0;}
    .hide_on_mobile{display: none;}
    .filters > div{width: 100px;}
    .inlog-bg{display: none;}
    .full_width_mobile{width: 100%;}
    .logos{flex-direction: row;width: 100%;gap: 0;}
    .logos > img{width:50%;}
    .logout_container{text-align: center;margin: 25px 0 0;}
  }