/* alert bar */
.gdrp-alert-bar {position: fixed; margin: 0; background: #bababa; left: 0; bottom: 0; width: 100%; box-sizing: border-box; font-family: arial; display: none; z-index: 1000;}
.gdrp-alert-bar .wrapper {width: 100%; display: flex; justify-content: center;}
.gdrp-alert-bar .buttons {box-sizing: border-box; display: flex; min-width: 515px; padding: 20px 80px 20px 10px; align-items: center;}
.gdrp-alert-bar button {margin-left: 10px; width: 190px; border: none; font-size: 1em; padding: 10px 20px; box-sizing: border-box; cursor: pointer;}
.gdrp-alert-bar p {padding: 20px 40px; margin: 0;}
.gdrp-alert-bar .btn-primary {background: none;}
.gdrp-alert-bar .btn-secondary {background: #4479bc; color: #fff; text-transform: uppercase; width: 215px;}

.gdrp-alert-bar .btn-primary:hover {color: #bababa; background: #000;}
.gdrp-alert-bar .btn-secondary:hover {color: #4479bc; background: #fff; text-transform: uppercase; width: 215px;}

.btn-primary::before {content: "\00003e"; margin-right: 2px;}
.btn-secondary::before {content: "\002713"; margin-right: 2px;}

/* modal */
.modal_window {position: relative; width: 560px; height: 400px; background: #fff; margin: auto; border-radius: 6px;}
.modal_title {border-bottom: 1px solid #eee; padding: 9px 30px 9px 15px;}
.modal_title img {margin: 15px 55px 0 8px; width: 100px; float: left;}
.modal_title h3 {line-height: 30px; font-size: 16px; margin-top: 24px;}
.modal_window input {width: 510px; height: 26px; border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; border: 1px solid #666; padding: 4px 6px; margin: 10px 0;}
.modal_window [type="checkbox"] {width: 24px; height: 24px; position: relative; top: 4px; margin: 0 8px 0 0;}
.modal_window label.checkbox {display: block;}
.modal_window select {width: 510px; border: 1px solid #666; padding: 4px 6px; margin: 10px 0;}
.modal_window input.error {border: 1px solid #600; background-color: #fee;}
.modal_window .icn_close {top: 0; right: 0; position: absolute;}
.modal_window .icn_close span {background-position: -192px -16px;}
.modal_window .icn_close:hover span {background-position: -192px 0;}
.modal_screen {z-index: 5;}
.modal_content {padding: 15px; font-weight: 400; overflow: auto; height: 232px;}
.modal_content.no-padding {padding: 0;}
.modal_controls {padding: 15px; border-top: 1px solid #ddd; background-color: #f5f5f5; border-radius:  0 0 6px 6px; text-align: right;}
.modal_controls footer {margin-top: 0;}
.modal_controls p {margin-bottom: 0; float: left;}
.modal_controls a {color: #000; font-size: 15px; text-decoration: none;}
.modal_controls .btns {float: right;}
.modal_controls button {padding: 4px 12px; line-height: 20px; font-size: 14px; color: #333; border: 1px solid #ccc; text-shadow: 0 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(to bottom,#fff,#e6e6e6); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.5); margin-right: 5px; outline: none;}
.modal_controls .green {background-color: #5bb75b; background-image: linear-gradient(to bottom,#62c462,#51a351); border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25);}

/* tabs */
.tabs-controls {float: left; width: 140px;}
.tabs-slides {float: right; width: 370px; font-size: 13px; font-family: arial; padding-right: 10px;}
.tabs-slides h4 {margin: 15px 0 10px;}
.tab.active {display: block;}

.tab-btn {background: #e6e6e6; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; padding: 10px; font-size: 12px; font-family: arial; cursor: pointer;}
.tab-btn.active {background: #fff; border: none;}
.tab h4>span {float: right;}
/*
.tab:nth-of-type(3) h4>span {position: relative; top: -5px;}
.tab:nth-of-type(2) h4 span {color: #5bb75b;}
*/
.tab span.switch {position: relative; top: -5px;}
.tab span.always-active {color: #5bb75b;}
.modal_window .tabs-slides .cookie-settings-label {font-size: 12px; position: relative; top: -8px;}

p.allow-cookie-settings {border: 1px solid #083f88; padding-left: 34px; cursor: pointer;}
p.allow-cookie-settings::before {position: absolute; left: 0; color: #083f88; text-align: center; font-size: 30px; line-height: 28px; margin: 8px; content: "*"; border-radius: 16px; border: 1px solid #083f88;  width: 16px; height: 16px; display: inline-block;}


/* cookie settings */
.cookie-settings-footer p {float: left;}
.cookie-settings-footer button {margin-top: 8px; background: #4479bc; color: #fff; border: none; border-radius: 0; text-shadow: none; font-weight: 700; cursor: pointer;}
.cookie-settings-footer button:hover {color: #4479bc; background: #fff;}

@media (max-width: 767px) {
  #gdrp-alert-bar .wrapper, #gdrp-alert-bar p, #gdrp-alert-bar .buttons {display: block; text-align: center; padding: 20px 40px 20px 10px;}
    .tabs-controls {float: none; width: auto;}
    .tabs-slides {float: none; width: auto;  padding: 10px;}
    .modal_window {width: 320px;}
    .modal_controls footer {padding: 0;}
    .modal_title img {margin: 0 10px 0 0;}
    .modal_title {padding-top: 0; padding-bottom: 15px;}
    .modal_title h3{line-height: 1em;}
    .modal_controls footer {text-align: center; }
    .modal_controls footer p {float: none;}
    .modal_controls footer .btns {float: none;}
}