.rodopolicy {position: fixed; bottom: 0px; z-index: 1001; background-color: #f0f0f0; padding: 20px ; border-top: 1px solid #dadada ; width: 100%; display: none}
.rodopolicy .col {display: inline-block}
.rodopolicy .col-content {width: 65%; text-align: justify; margin-left: 10%; font-size: 17px;padding: 10px 0 20px 0;font-family: 'Open Sans', sans-serif;font-weight: 400;font-style: normal;}
.rodopolicy .col-accept { width: 15% }
.rodopolicy .col-accept a {background-color: #005ba6;  color: #fff ; padding: 15px; font-size: 15px; font-weight: 400; text-transform: uppercase; position: relative; top: -15px !important; }
/**
rodo 2.0
**/
.disagree-policy {color: #888; border: 0px; }
.modal-rodo {line-height: 28px;}
.modal-rodo {background-color: rgb(0, 0, 0, 0.5);width: 100vw; height: 100vh ; position: fixed; z-index: 10000; top: 0px; display: flex;align-items: center;justify-content: center;}
.rodopolicy-20 {bottom: 0;z-index: 1000;background-color: #fff;padding: 20px;border-top: 1px solid #dadada;max-width: 800px; ;width: 100%; max-height: 100vh; overflow: scroll; overflow-x:hidden; overflow-y:scroll;}
.rodopolicy-20 .col {display: inline-block;}
.rodopolicy-20 .col-content {width: 85%;text-align: justify;padding: 0px; }
.rodopolicy-20 .col-accept a {background-color: #ff5000;color: #fff;position: relative;top: -13px;padding: 20px;font-size: 14px;text-transform: uppercase;font-weight: 700;}
.rodopolicy-20 .accept-all {background-color: #80c423; color: #fff }
.rodopolicy-20 .personalize {background-color: #004d94; color: #fff }
.rodopolicy-20 button {cursor: pointer;}

.switch-container .switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.switch-container .switch input { opacity: 0;width: 0;height: 0;}
.switch-container .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s; }
.switch-container .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.switch-container input:checked + .slider {background-color: #004d94;}
.switch-container input:focus + .slider {box-shadow: 0 0 1px #004d94;}
.switch-container input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px); }
.switch-container .slider.round {border-radius: 34px;}
.switch-container .slider.round:before { border-radius: 50%; color: #fff ; background-color: #fff !important;}
.switch-container .slider.round.consent::after  {color: #fff }
.switch-container [type="checkbox"]:not(:checked) + span, [type="checkbox"]:checked + span {padding-left: 2.9em !important;}

.switch-container  {margin-bottom: 40px; }
.switch-container div {display: inline-block; float: left;}

@media only screen and (max-width: 640px){

    .rodopolicy-20 .col-accept,
    .rodopolicy-20 .col-content {
        width: 100%;
    }
    .rodopolicy-20 .col-accept {
        padding-top: 50px;
    }
    .rodo-options {
        flex-direction: column-reverse;
    }
    .rodo-options button.btn {
        margin: 10px 0 ;
        padding: 18px 5px 17px;
    }

}

@media only screen and (max-width: 768px){

    /**
        rodo v 2.0
    */

    .rodo-options {
        display: flex;
        flex-flow: row;
    }

    .rodopolicy-20 .col-content { width: 100%; margin-left: 0px;  padding: 10px 10px 30px 10px;  color: #000;}
    .rodopolicy-20 .col-accept { width: 100% ;  }
    .rodopolicy-20 .col-accept a {position:absolute; top: -40px !important; right: 0px ; width: 100% ; text-align: center}

    /**
        rodo v 1.0
    */
    .rodopolicy {padding: 0px }
    .rodopolicy .col-content { width: 100%; margin-left: 0px; font-size: 11px; padding: 10px 10px 30px 10px; background-color: #f9f9f9; color: #000;}
    .rodopolicy .col-accept { width: 100% ;  }
    .rodopolicy .col-accept a {position:absolute; top: -40px !important; right: 0px ; width: 100% ; text-align: center}

}