 .cookie-message.container-fluid {
   padding: 0 1rem;
 }

 .cookie-message-inner-div {
   background-color: #fff;
   display: flex;
   flex-direction: column;
   padding: 20px;
   color: #000;
   height: 100%;
   overflow: auto;
   font-size: 14px;
  
 }

 .c-header {
   position: relative;
   border-bottom: 1px solid #D8D8D8;
   display: flex;
   justify-content: center;
   align-items: center;
    
   padding-bottom: 1rem;
 }

 .c-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid #D8D8D8;
   margin-top: 1rem;
   padding-top: 1.2rem;
 }

 .c-footer button {
   padding: 6px 18px;
   font-size: 14px;
   width: 48%;
   border-radius: 5px;
 }

 .c-footer .btn-white{
    border-color: #404042;
    background-color: #ffffff;
    color: #404042;
    
    padding: 6px 18px;
    box-shadow: none;
    border-radius: 5px;
 }
 .c-footer .btn-white:hover{
    border-color: #404042;
    background-color: #ffffff;
    color: #404042;
 }

 a.btn-link-back {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   font-weight: bold;
   font-size: 16px;
   color: #707070;
 }

 .c_logo {
   max-width: 120px; margin-top: 10px;
 }

 #cookie_consent_form {
   margin: 1rem 0 0;
 }

 .cookie-box {
   background-color: #fff;
   border: 2px solid #FFE01A;
   float: left;
   padding: 20px;
   border-radius: 15px;
 }

 .cookie-message {
   background-repeat: no-repeat;
   background-size: cover;
   padding: 10px 10px;
   display: flex;
   justify-content: center;
   align-items: center;

 }

 .coo {
   background: rgba(0, 0, 0, 0.6);
   background-repeat: no-repeat;
   background-size: cover;
   padding: 0px 0px 0px;
   float: none;
   width: 100%;
   height: auto;
   font-size: 1rem;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 99991;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-align: center !important;
   align-items: center !important;
   -webkit-align-items: center !important;
   flex-basis: 100%;
 }

 .c_text {
   padding: 20px;
 }

 .coo p {
   color: #707070;
   margin-bottom: 0px;
   padding:0px!important;

 }

 .coo p a.text-link{ color: #707070; text-decoration: underline; font-weight: 400;}
 .coo p a.text-link:hover{ color: #d84148; text-decoration: underline;}

 .coo p a {
    color: #d84148;
    text-decoration: none;
    font-weight: 600;
}

 .coo p a:hover {
   text-decoration: none;
 }

 .coo ul.cookie-checkbox {
   list-style-type: none;
   padding: 0px 0 0;
   width: 100%;
   display: flex;
   justify-content: flex-end;
   -webkit-justify-content: flex-end;
   flex-direction: column;
   margin: 1rem 0 1rem;
 }

 .coo ul.cookie-checkbox li {
   display: block;
   margin-top: 0px;
   margin-bottom: 0.5rem;
   padding-bottom: 0.5rem;
   border-bottom: 1px solid #eee;
   position: relative;
 }
 .coo ul.cookie-checkbox li:first-child input.switch:checked{opacity: 0.5;}
 .coo ul.cookie-checkbox li:last-child{ border: 0px;}

 .coo ul.cookie-checkbox li div.c-toggle {
   padding-left: 28px;
   margin-bottom: 0px;
   padding-right: 48px;
   position: relative;
 }


 input.switch {
   position: relative;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   width: 35px !important;
   height: 20px;
   border-radius: 30px;
   cursor: pointer;
   background: #C3C4C4;
   transition: box-shadow 0.3s ease-in-out, padding 0.25s ease-in-out;
   transition-delay: 0.1s, 0s;
 }

 input.switch:focus {
   border: 0;
   outline: 0;
 }

 input.switch:checked {
   transition-delay: 0s, 0s;
   box-shadow: inset 0 0 0 2.62857em #2BC42B !important;
   padding-left: 15px;
 }

 input.switch:before {
   display: inline-block;
   height: 16px;
    width: 16px;
    margin: 2px 3px;
   background-color: #fff;
   border-radius: 50%;
   transition: all 0.1s ease 0.1s;
 }
 .coo ul.cookie-checkbox li:nth-child(even) input.switch:before {
    width: 16px;
    height: 16px;
    margin: 2px 2px;
}
 input.switch:before,
 input.switch:after {
   content: "";
   display: block;
 }

 


 input.switch:active::before {
   transition: all 0.1s ease 0.05s;
 }



 .checkboxdiv-cookie {
   position: relative;
 }

 .c-toggle p:first-child{ cursor: pointer;}
 .coo ul.cookie-checkbox li.active::after{ content: '\f107';}
 .coo ul.cookie-checkbox li::after{  content: '\f106';
  font-family: 'Font Awesome 6 Pro';
  position: absolute;
  top: -1px;
  left: -10px;
  padding: 0px 12px;
  background: transparent;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
  height: 25px;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 1rem;
  color: #707070; }
 .checkboxdiv-cookie.active .checkboxdiv{ display: block;}
 .checkboxdiv {
   display: none;
 }

 .checkboxdiv-cookie input[type="checkbox"] {


   position: absolute;
   right: 0;
   top: 2px;
 }

 .cookie-table thead{ background-color: #000; color: #fff;}
 .cookie-table tbody tr:nth-child(even){ background-color: #C8C8C8; color: #fff;}
 .cookie-table tbody tr:nth-child(odd){ background-color: #808080; color: #fff;}
 .cookie-table .table th, .cookie-table .table td{ padding: 8px; border: 1px solid #ffffff;}

 @media (max-width: 768px) {
  .cookie-message-inner-div{ height: auto;}
  .c-footer{flex-direction: column; align-items: normal;}
  .c-footer button:first-child{ margin-bottom: 1rem;}
  .c-footer button { width: 100%; }

 }

 @media (max-width: 991px) {
  .c-text .font-20 {
    font-size: 1rem;
  }
   .coo {
     position: fixed;

   }

   .cookie-message.container-fluid {
     padding: 0rem 1rem;
     flex-direction: column;
   }

   #cookie_consent_form {
     margin-left: 0;
   }

   .coo ul.cookie-checkbox {
     flex-direction: column;
     margin-left: 0;
   }


   .coo {
     padding-bottom: 10px;
     overflow-y: scroll;
   }

   .cookie-message {
     width: 96%; margin: auto;
   }


   .coo ul.cookie-checkbox {
     margin-bottom: 0px;
   }

 input.switch:before {
   height: 16px;
    width: 16px;
    margin: 2px 3px;
 }
 .coo ul.cookie-checkbox li:nth-child(even) input.switch:before {
    width: 16px;
    height: 16px;
    margin: 2px 2px;
}
 }

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .coo {
     padding-top: 10rem;
     padding-bottom: 5rem;
     overflow-y: scroll;
   }
 }