/** 
 * Filename: eniky-i-agree.css
 * Description: I Agree! Popup Styles
 * Version: 1.0.0 (19-02-16)
 * Author: Talisman
**/

.enikyiagree {position:fixed; top:0; left:0; right:0; bottom:0; display:none; z-index:99998;}
.enikyiagree .popupBG {background:#000; opacity:0.8; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; }
.enikyiagree .popupContainer {height:90%; max-height:600px; width:90%; max-width:850px; left:50%; top:50%; background:#fff; z-index:1; position:absolute;border-radius: 12px;background-color: #e1e1e1; }
.enikyiagree .popupContainer .popupContent {position:absolute; top: 20px; left:20px; right:20px; bottom:70px; overflow:auto; background-color: #ffffff;padding: 15px;}
.enikyiagree .popupContainer .popupChoices {bottom:20px;position:absolute; left:20px; right:20px;}
.enikyiagree .popupContainer .popupChoices .yesNo {float:left; height: auto;}
.enikyiagree .popupContainer .popupChoices .popupChoiceButton {font-size: 14px; border-radius: 18px; padding: .3em .75em;  display: inline-block; background-color: #000; color: #ffffff; line-height:1.5em!important; vertical-align:middle;}
.enikyiagree .popupContainer .popupChoices a:hover.popupChoiceButton  {opacity:0.7; text-decoration: none; color: #ffffff; transition: background .2s ease; border: none;}
.enikyiagree .popupContainer .popupChoices .popupChoiceButton.agree {margin-right:10px;}
#wpadminbar #wp-admin-bar-eniky-i-agree .ab-icon:before {content: '\f314';top: 3px;}

.enikyiagree .popupContainer .popupChoices button {
    font-weight: 300;
}

.enikyiagree .popupContainer .popupChoices button {
    border: none;
}

.enikyiagree .popupContainer .popupChoices button:disabled,
.enikyiagree .popupContainer .popupChoices button[disabled] {
  background-color: #cccccc !important;
  color: #999999 !important;
  cursor: default;
}

.enikyiagree .popupContainer .checkbox {
    display: inline-block;
    margin: 0 0 0 30px;
    padding: 0;
}

.enikyiagree .popupContainer .checkbox input {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
}

.enikyiagree .popupContainer .checkbox label {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/* Smaller devices */ 
@media only screen and (max-width : 540px) {
    .enikyiagree .popupContainer {height:100%; max-height:inherit; width:100%; max-width:inherit; left:0; top:0; margin:0!important; position:fixed;}	
}

/* Extra small devices */	
@media only screen and (max-width : 480px) {
    .enikyiagree .popupContainer .popupChoices .popupChoiceButton.agree {margin-bottom:10px;}
    .enikyiagree .popupContainer .popupContent {bottom:110px;}	
    .enikyiagree .popupContainer .popupChoices .popupChoiceButton { display:block;}
}