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

.iAgreePopup {position:fixed; top:0; left:0; right:0; bottom:0; display:none; z-index:99998;}
.iAgreePopup .popupBG {background:#000; opacity:0.8; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; }
.iAgreePopup .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; }
.iAgreePopup .popupContainer .popupContent {position:absolute; top: 20px; left:20px; right:20px; bottom:20px; overflow:auto; background-color: #eee;padding: 15px;}
/* .iAgreePopup .popupContainer .popupChoices {bottom:20px;position:absolute; left:20px; right:20px;}
.iAgreePopup .popupContainer .popupChoices .yesNo { height: auto;}
.iAgreePopup .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;}
.iAgreePopup .popupContainer .popupChoices a:hover.popupChoiceButton  {opacity:0.7; text-decoration: none; color: #ffffff; transition: background .2s ease; border: none;}
.iAgreePopup .popupContainer .popupChoices .popupChoiceButton.agree {margin-right:10px;}*/
#wpadminbar #wp-admin-bar-i-agree-popups .ab-icon:before {content: '\f314';top: 3px;}

.popupHead { float: right; }
.popupFooter { clear: both; display: inline-block; width: 100%; margin-top: 20px; }
.popupChoices { margin-top: 20px; }
.half { width: 50%; }
.left { float: left; display: inline-block; }
.last { clear: right; }

.popupChoices .yesNo { text-align: center; margin-bottom: 20px; }
.popupChoices .spanagree { background: #ccc; display: inline-block; width: 200px; height: 50px; border-radius: 7px; margin: 0 20px; line-height: 50px; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; }
.iAgreePopup .popupContainer .popupChoices a.disagree {
    background: #f85032;
    background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
    background: -webkit-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    background: -o-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    background: -ms-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    background: linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
}
.popupChoices a  {
    display: inline-block;
    width: 200px;
    height: 50px;
    border-radius: 7px;
    margin: 0 20px;
    line-height: 50px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

.popupChoices .disagree { background: #f85032;
background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)) !important;
background: -webkit-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important;
background: -o-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important;
background: -ms-linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important;
background: linear-gradient(top, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ) !important; }

.popupChoices .agree{ background: #9dd53a;
background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)) !important;
background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%) !important;
background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%) !important;
background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%) !important;
background: linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ) !important; }

/* Smaller devices */ 
@media only screen and (max-width : 540px) {
    .iAgreePopup .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) {
    .iAgreePopup .popupContainer .popupChoices .popupChoiceButton.agree {margin-bottom:10px;}
    .iAgreePopup .popupContainer .popupContent {bottom:110px;}	
    .iAgreePopup .popupContainer .popupChoices .popupChoiceButton { display:block;}
	.iAgreePopup .popupContainer .popupChoices .yesNo span, .yesNo a{ float: none; margin: 10px auto; }
}