.elavon-extension table{margin-top : 10px;width:100%;}
.elavon-extension th{ color: #38457F; padding: 10px 10px 10px 10px; 
	background: none repeat scroll 0 0 #E0E0E0 ;
    border: 1px solid #ccc;cursor: pointer;
    box-shadow: 0 1px 2px #d1d1d1;text-align:center;}
.elavon-extension td { border: 1px solid #ccc; padding: 2px 5px 2px 5px; vertical-align: top;}
.elavon-payment-details{ display:none; line-height: 24px !important;background-color: #6BC9F2!important;color: #000;}
.elavon-extension .row0{background-color:#E8F9FF}
.elavon-extension .row1{background-color:#fff}
.elavon-extension .floatright { float:right;}
.elavon-extension .floatleft { float:left;}
.elavon-extension .btn-primary { 
    border:1px solid #15aeec; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; color: #FFFFFF; padding:5px;font-weight:bold;
    background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
    background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
    background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
    background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
    background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
    background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);
    margin: 0px 5px;
}
.elavon-extension .btn-primary:hover{
 border:1px solid #1090c3;
 background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
 background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
 background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
 cursor: pointer;
}
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:18px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#38457F;
background: #E0E0E0;
border: 1px solid #CCCCCC;
}
 
.pagination a:hover{
color:#fff;
background: #55B8E3;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #55B8E3;
color:#FFFFFF;
border: 1px solid #797C80;
}
.pagination .inactive{
	cursor: pointer;
}
.pagination #rows{
    float:left;padding-right:20px;margin-right: 20px;
}
#checklist{
	padding:0;	
}
#checklist .delete{
	position: relative;
	cursor:pointer;
}
#checklist .delete:before {
	content: "\f056  ";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #C80000 ;
    font-size: 14px;    
}

.editControl{
    background-color : #F5F5DC; 
    border: 3px inset #848484!important; 
    box-shadow: 0 0 5px rgba(50, 88, 155, 1);
    outline:0; 
}

#loading-image{
    background: url("../images/loader.GIF") no-repeat scroll 0 0 transparent;
    height: auto;
    left: 50%;
    min-height: 500px;
    position: absolute;
    top: 50%;
    width: 80%;
}
.elavon-extension .not-verified:before{
    content: "\f057";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: red ;
    font-size: 16px;   
}
.elavon-extension .not-verified,.verified:hover{
    cursor:pointer;
}
.elavon-extension .verified:before{
    content: "\f058";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: green ;
    font-size: 16px;   
}

/*.elavon-form{
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #a9a9a9;
    border-radius: 10px;
    padding: 20px;
}

.elavon-form input[type="text"], input[type="password"]{
    border: 1px solid;
    margin-bottom: 10px;
    width: 50%;
    padding:6px;
 }

.elavon-form .label{
    width:50%;
    float:left;
    clear:both;
}

.elavon-settings label{
    font-weight: bold;
}
*/
.elavon-response-error {color:red;border:1px solid red;padding:10px;margin:20px 0;background:#F2DEDE;display:none;}
.elavon-response-success {color:green;border:1px solid green;padding:10px;margin:20px 0;background:#DFF0D8;display:none;}


.elavon-form #elavon-month{width: 47%!important;}
.elavon-form #elavon-year{float:right;width: 50%!important;}
.elavon-expires{display:block;}


.warning{border:1px solid #FFBF00;background: #F2F5A9;padding:10px;}

.elavon-loading{
    background: url("../images/ajax-loader.gif") no-repeat scroll 0 0 transparent;
    height:20px;
    width:20px;
    display: none;
    margin: 0 20px;
}
#toplevel_page_elavon-extension-settings .wp-menu-image img{
    margin-top:-3px;
}
.ui-dialog{
    opacity: 1!important;
}
td.elavon-payment-title{
    font-size: 19px;
    font-weight: 500;
}
td.elavon-payment-label{
    padding-left: 5%;
}
.content1{
	width:100%;overflow-y:scroll;
}
span.elavon_notice{
    color: red;
    font-weight: 700;
    font-size: 18px;
}


.elavon-tooltip {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    border-radius: 100%;
    margin-left: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJpbmZvLWNpcmNsZSIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWluZm8tY2lyY2xlIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMjU2IDhDMTE5LjA0MyA4IDggMTE5LjA4MyA4IDI1NmMwIDEzNi45OTcgMTExLjA0MyAyNDggMjQ4IDI0OHMyNDgtMTExLjAwMyAyNDgtMjQ4QzUwNCAxMTkuMDgzIDM5Mi45NTcgOCAyNTYgOHptMCAxMTBjMjMuMTk2IDAgNDIgMTguODA0IDQyIDQycy0xOC44MDQgNDItNDIgNDItNDItMTguODA0LTQyLTQyIDE4LjgwNC00MiA0Mi00MnptNTYgMjU0YzAgNi42MjctNS4zNzMgMTItMTIgMTJoLTg4Yy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDEydi02NGgtMTJjLTYuNjI3IDAtMTItNS4zNzMtMTItMTJ2LTI0YzAtNi42MjcgNS4zNzMtMTIgMTItMTJoNjRjNi42MjcgMCAxMiA1LjM3MyAxMiAxMnYxMDBoMTJjNi42MjcgMCAxMiA1LjM3MyAxMiAxMnYyNHoiPjwvcGF0aD48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: cover;
}

.elavon-pointer .wp-pointer-content h3:before {
    content: '\f348';
}

.elavon-settings .postbox {
    box-sizing: border-box;
}

.elavon-settings .left-box {
    padding: 10px;
    margin-right: 2%;
    width: 100%;
    margin-bottom: 20px;
}

.elavon-settings .select2 {
    width: 100% !important;
}

@media ( min-width: 1285px ) {
    .elavon-settings .left-box td {
        width: 70%;
        box-sizing: border-box;
    }
}

@media ( min-width: 782px ) and ( max-width: 1284px ) {
    .elavon-settings .left-box td {
        width: 60%;
        box-sizing: border-box;
    }
}

#elavon_customer_details:not( :checked ) ~ .form-table .hide-show {
    display: none;
}

.elavon-settings .left-box td input {
    box-sizing: border-box;
}

#contact-form-editor .elavon-settings .form-table th {
    width: auto !important;
}

label[for="elavon_customer_details"] {
    position: relative;
}

label[for="elavon_customer_details"] .arrow-switch {
    position: relative;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}

label[for="elavon_customer_details"] .arrow-switch:before,
label[for="elavon_customer_details"] .arrow-switch:after {
    content: '';
    position: absolute;
    background-color: #23282d;
    width: 22px;
    height: 2px;
    left: 50%;
    margin-left: -11px;
    top: 50%;
    margin-top: -1px;
    -webkit-transition: transform 0.3s;
            transition: transform 0.3s;
}

#elavon_customer_details:not( :checked ) ~ .form-table label[for="elavon_customer_details"] .arrow-switch:after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}