@import url(https://fonts.googleapis.com/css?family=Iceland);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800);
.form-group.half {
    width: 47%;
    float:left;
    margin-right:21px;
}
.form-group.half.left {
    margin-right:0;
}
.user-info {
    min-width: 300px;
}
.setting-menu ul li {
    border-bottom: 1px solid #eef1f2;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: right;
    padding-right: 10px;
}

.setting-menu ul li.active {
    background-color: #eee;
}
.user-img-edit {
    float: left;
    width: 110px;
}
.pesonal-info .row {
    width:650px;
    margin-left: 200px;
}
.pesonal-info .row.plan-info {
    width:auto;
    margin-left: 0;
    
}
.fileinput-preview, .user-img {
    position: relative;
    overflow: hidden;
}
.fileinput-preview img, .user-img img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
#credit-card-form .error-field input,
.billing-details .error-field input {
    border-color: #eef1f2 !important;
}
.billing-details {
    background-color: #fff;
    float:left;
    min-height: 260px;
    width: 450px;
    border-left: thin solid #eef1f2;
    padding-left: 25px;
}

.pagdiv {
    float:right;
}
.pagdiv ul li {
    list-style: none;
    float: left;
    margin-left: 10px;
    margin-top: -4px;
}
.pagdiv ul li a {
    padding: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    border: 1px solid;
}
.pagdiv ul li.disabled a {
    background-color: #ea690c;
    color: #fff;
    border: 1px solid #ea690c;
}

.card-holder {
    float:left;
    min-height: 100px;
    width: 356px;
}
.card {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 343px;
    margin: auto;
    width: 85.60mm;
    height: 53.98mm;
    color: #fff;
    font: 22px/1 'Iceland', monospace;
    background: #3b5998;
    border: 1px solid #1e1584;
    -webkit-border-radius: 10px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 10px;
    -moz-background-clip: padding;
    border-radius: 10px;
    background-clip: padding-box;
    overflow: hidden;
}
.bank-name {
    float: right;
    margin-top: 15px;
    margin-right: 30px;
    font: 800 28px 'Open Sans', Arial, sans-serif;
}
.chip {
    position: relative;
    z-index: 1000;
    width: 50px;
    height: 40px;
    margin-top: 50px;
    margin-bottom: 10px;
    margin-left: 30px;
    background: #fffcb1;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #fffcb1 0%, #b4a365 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fffcb1), color-stop(100%, #b4a365));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #fffcb1 0%, #b4a365 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #fffcb1 0%, #b4a365 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #fffcb1 0%, #b4a365 100%);
    /* IE10+ */
    background: linear-gradient(135deg, #fffcb1 0%, #b4a365 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffcb1", endColorstr="#b4a365", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border: 1px solid #322d28;
    -webkit-border-radius: 10px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 10px;
    -moz-background-clip: padding;
    border-radius: 10px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px #322d28, 0 0 5px 0 0 5px rgba(144, 133, 87, 0.25) inset;
    -moz-box-shadow: 0 1px 2px #322d28, 0 0 5px 0 0 5px rgba(144, 133, 87, 0.25) inset;
    box-shadow: 0 1px 2px #322d28, 0 0 5px 0 0 5px rgba(144, 133, 87, 0.25) inset;
    overflow: hidden;
}
.chip .side {
    position: absolute;
    top: 8px;
    width: 12px;
    height: 24px;
    border: 1px solid #322d28;
    -webkit-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1) inset;
}
.chip .side.left {
    left: 0;
    border-left: none;
    -webkit-border-radius: 0 2px 2px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 2px 2px 0;
    -moz-background-clip: padding;
    border-radius: 0 2px 2px 0;
    background-clip: padding-box;
}
.chip .side.right {
    right: 0;
    border-right: none;
    -webkit-border-radius: 2px 0 0 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px 0 0 2px;
    -moz-background-clip: padding;
    border-radius: 2px 0 0 2px;
    background-clip: padding-box;
}
.chip .side:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 100%;
    height: 0px;
    margin: auto;
    border-top: 1px solid #322d28;
    -webkit-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
}
.chip .vertical {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 8.66666667px;
    height: 12px;
    border: 1px solid #322d28;
    -webkit-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1) inset;
}
.chip .vertical.top {
    top: 0;
    border-top: none;
}
.chip .vertical.top:after {
    top: 12px;
    width: 17.33333333px;
}
.chip .vertical.bottom {
    bottom: 0;
    border-bottom: none;
}
.chip .vertical.bottom:after {
    bottom: 12px;
}
.chip .vertical:after {
    content: '';
    position: absolute;
    left: -8.66666667px;
    display: inline-block;
    width: 26px;
    height: 0px;
    margin: 0;
    border-top: 1px solid #322d28;
    -webkit-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
}
.data {
    position: relative;
    z-index: 100;
    margin-left: 30px;
    text-transform: uppercase;
}
.data .pan,
.data .month,
.data .year,
.data .year:before,
.data .name-on-card,
.data .date {
    position: relative;
    z-index: 20;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #000;
}
.data .pan:before,
.data .month:before,
.data .year:before,
.data .year:before:before,
.data .name-on-card:before,
.data .date:before,
.data .pan:after,
.data .month:after,
.data .year:after,
.data .year:before:after,
.data .name-on-card:after,
.data .date:after {
    position: absolute;
    z-index: -10;
    content: attr(title);
    color: rgba(0, 0, 0, 0.2);
    text-shadow: none;
}
.data .pan:before,
.data .month:before,
.data .year:before,
.data .year:before:before,
.data .name-on-card:before,
.data .date:before {
    top: -1px;
    left: -1px;
    color: rgba(0, 0, 0, 0.1);
}
.data .pan:after,
.data .month:after,
.data .year:after,
.data .year:before:after,
.data .name-on-card:after,
.data .date:after {
    top: 1px;
    left: 1px;
    z-index: 10;
}
.data .pan {
    position: relative;
    z-index: 50;
    margin: 0;
    letter-spacing: 1px;
    font-size: 26px;
}
.data .first-digits {
    margin: 0;
    font: 400 10px/1 'Open Sans', Arial, sans-serif;
}
.data .exp-date-wrapper {
    margin-top: 5px;
    margin-left: 64px;
    line-height: 1;
    *zoom: 1;
}
.data .exp-date-wrapper:before,
.data .exp-date-wrapper:after {
    content: " ";
    display: table;
}
.data .exp-date-wrapper:after {
    clear: both;
}
.data .exp-date-wrapper .left-label {
    float: left;
    display: inline-block;
    width: 40px;
    font: 400 7px/8px 'Open Sans', Arial, sans-serif;
    letter-spacing: 0.5px;
}
.data .exp-date-wrapper .exp-date {
    display: inline-block;
    float: left;
    margin-top: -10px;
    margin-left: 10px;
    text-align: center;
}
.data .exp-date-wrapper .exp-date .upper-labels {
    font: 400 7px/1 'Open Sans', Arial, sans-serif;
}
.data .exp-date-wrapper .exp-date .year:before {
    content: '/';
}
.data .name-on-card {
    margin-top: 10px;
}
.lines-down:before {
    content: '';
    position: absolute;
    top: 80px;
    left: -200px;
    z-index: 10;
    width: 550px;
    height: 400px;
    border-top: 2px solid #392db2;
    -webkit-border-radius: 40% 60% 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 40% 60% 0 0;
    -moz-background-clip: padding;
    border-radius: 40% 60% 0 0;
    background-clip: padding-box;
    box-shadow: 1px 1px 100px #4035b2;
    background: #2d21a6;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2d21a6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2d21a6));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2d21a6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#2d21a6", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}
.lines-down:after {
    content: '';
    position: absolute;
    top: 20px;
    left: -100px;
    z-index: 10;
    width: 350px;
    height: 400px;
    border-top: 2px solid #392db2;
    -webkit-border-radius: 20% 80% 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 20% 80% 0 0;
    -moz-background-clip: padding;
    border-radius: 20% 80% 0 0;
    background-clip: padding-box;
    box-shadow: inset -1px -1px 44px #4035b2;
    background: #2d21a6;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2d21a6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2d21a6));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2d21a6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#2d21a6", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}
.lines-up:before {
    content: '';
    position: absolute;
    top: -110px;
    left: -70px;
    z-index: 2;
    width: 480px;
    height: 300px;
    border-bottom: 2px solid #392db2;
    -webkit-border-radius: 0 0 60% 90%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 60% 90%;
    -moz-background-clip: padding;
    border-radius: 0 0 60% 90%;
    background-clip: padding-box;
    box-shadow: inset 1px 1px 44px #4035b2;
    background: #4031b2;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 100%, #23189a 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(64, 49, 178, 0)), color-stop(100%, #23189a));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 100%, #23189a 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 44%, #23189a 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 44%, #23189a 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(64, 49, 178, 0) 44%, #23189a 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(64, 49, 178, 0)", endColorstr="#23189a", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}
.lines-up:after {
    content: '';
    position: absolute;
    top: -180px;
    left: -200px;
    z-index: 1;
    width: 530px;
    height: 420px;
    border-bottom: 2px solid #4035b2;
    -webkit-border-radius: 0 40% 50% 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 40% 50% 50%;
    -moz-background-clip: padding;
    border-radius: 0 40% 50% 50%;
    background-clip: padding-box;
    box-shadow: inset 1px 1px 44px #4035b2;
    background: #2d21a6;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2d21a6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2d21a6));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2d21a6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#2d21a6", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}




.log-scroller {
    width:400px;
    height: 400px;
    float: left;
    border:1px solid #eee;
    overflow-x: auto;
}

.log-scroller table thead {
    background-color: #eee;
}

.log-hlight {
    background-color: #FFFFCC !important;
}

.log-scroller tbody tr {
    cursor: pointer;
}
.log-scroller tbody tr:hover {
    background-color: #F5F5F5;
}

.log-preview {
    width:440px;
    height: 362px;
    float: left;
    border:1px solid #eee;
    margin-left: 20px;
    background-color: #f5f5f5;
    margin-top: 10px;
}

.view-log-loader {
    width:300px;
    margin: auto;
    margin-top: 35px;
    font-size:12px;
}



.job-log-consol-view {
    width:auto;
    height: 362px;
    padding: 5px;
    overflow: auto;
    font-size:12px;
    border: 0;
}


.log-file-date {
    color: #002a80;
}

.public-error {
    color: #cc0000;
}

.search-left {
    float:right;
    width:300px;
}






#imaginary_container{
    margin-top:0; /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: white !important;
}
.stylish-input-group .form-control{
    border-right:0;
    box-shadow:0 0 0;
    border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

.pagination-nav {
    float:right;
}
.pagination-nav li {
    float: left;
}
.pagination-nav li a {
    display:block;
    border:1px solid #ccc;
    margin-left: 10px;
    padding-left: 6px;
    padding-right: 6px;
}
.pagination-nav li a:hover, .pagination-nav li.disabled a  {
    background-color: #ea690c;
    color: #fff;
}
#vga_ca_sad_chosen .chosen-choices .search-field input.default {
    width: 300px !important;
}
.leadads-mapping {
    width:auto;
    background-color: #FFFFCC;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
}
.leadads-mapping .chosen-single,
.leadads-mapping .chosen-container,
#currentFieldMap .chosen-single,
#currentFieldMap .chosen-container {
    margin-top: 0 !important;
}
#currentFieldMap table tbody td {
    padding: 4px;
}

.leadads-mapping .left-side .icon-arrow-left {
    top: -2px;
}
.chosen-container-single .chosen-single {
    border-bottom: 0 !important;
}

#vga_ca_sadc_chosen li.search-field input {
    width: 100% !important;
}
.plugin-disabled {
    text-decoration: line-through;
    color: #ddd !important;
}


.support {
    background-color: #3b5998;
    border-radius: 50%;
    bottom: 20px;
    height: 50px;
    position: fixed;
    right: 20px;
    width: 50px;
    display: block;
    z-index: 100000;
    box-shadow: 0 0 15px #888888;
    color:#fff;
    text-align: center;
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    border: 1px solid #123070;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAAAzElEQVR4AY3Kr0qDcRSA4bNgmUkZSyr2YVkWwTtYEZNFxLQ0wajZZrJ4AcIQ1O4fLHoFpkXTTDIXNoQ9RtEf+p3nrW9EaLk28p+RKy0R2sYyxtrhTtZtmMiahNKbvgtDhXLumxdC3WX1vKTh2aOGBZ9V86kHsCl8VM1wb1fNBpl51Zxtw9y8Yg1y845efkZ+XrdFKcyU9hwqzcJA1iB0ZXVDzbGpKlNHaiGEpo6ed8CrA/s/6mgKEb47By+WRdnv+QxPFkVmPnGjLv7uC9s8WoTqo+lHAAAAAElFTkSuQmCC");
}

.chosen-container-single .chosen-single {
    background-color: #ddd !important;
}

/*  FOOTER */
#footer-placeholder {
    height: 60px;
}
footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    height: 60px;
    text-align: center;
}

/*  CONNECT MODAL */
#connect-provider {
    display: none;
}
.provider-step2 {
    display: none;
}
.eula-agreement-box {
    padding: 2px;
    border: 1px solid #333;
}