/*



Theme Name: Strip Payment



Theme URI: http://jcsabado.coloma.me/



Author: JC Sabado 



Author URI: http://jcsabado.coloma.me/



Description: Description: A custom payment/subscription page develop by JC Sabado 



Tags: stripe payment



Version: 1.0.00



Updated: Feb. 15, 2017







*/







/* Placeholder text color -- selectors need to be separate to work. */



.custom-theme-form ::-webkit-input-placeholder {



  color: #000 !important;



}







.custom-theme-form :-moz-placeholder { /* Firefox 18- */



  color: #000 !important;



}







.custom-theme-form ::-moz-placeholder { /* Firefox 19+ */



  color: #000 !important;



}







.custom-theme-form :-ms-input-placeholder { /* IE 10+ */



  color: #000 !important;



}







.custom-theme-form ::-ms-input-placeholder { /* Edge */



  color: #000 !important;



}







.custom-theme-form :placeholder-shown { /* Standard one last! */



  color: #000 !important;



}



.custom-theme-form ::-moz-placeholder { 



    opacity: 1 !important;



}



input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {



    color: #666;



    background: #fff;



    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));



    border: 1px solid #bbb;



    -webkit-border-radius: 3px;



    border-radius: 3px;



    display: block;



    padding: 6px 12px;



    width: 100%;



}



.custom-theme-form .section-wrap {



    padding-top: 44px;



    display: inline-block;



    position: relative;



    background: rgba(83, 32, 41, .02);



    margin-right: 0;



    margin-left: 0;



    width: 100%;



}



.section-wrap:after {



    position: absolute;



    top: 12px;



    left: 15px;



    font-size: 16px;



    font-weight: 700;



    color: #959595;



    text-transform: uppercase;



    letter-spacing: 1px;



    padding-left: 15px;



    content: "";



} 



.section-wrap.fullname-section:after {



    content: "Invoice and Contact Information";



}   



.section-wrap.address-section:after {



    content: "Address";



}  



.section-wrap.contact-section:after {



    content: "Contact Details";



}   



.section-wrap.booking-section:after {



    content: "Invoice Information";



}

.section-wrap.card-section:after {
    content: "Card Information";
}



.section-wrap.button-section {



    padding-bottom: 34px;



}



.intl-tel-input .country-list {



    z-index: 9;



}

.g-recaptcha>div {
    margin: auto;
}



.intl-tel-input {



    width: 100%;



}



.input-group-addon i, .cur-holder {



    font-size: 18px;



    font-weight: 700;



}



.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {



    background: #013f4e !important;



}























.custom-theme-form .form-group .contactNumber-wrap i.form-control-feedback {



    right: 15px;



    top: 6px;



}



.custom-theme-form.w-label-animation .form-group label.custom-label {



    opacity: 0;



    font-size: 18px;



    padding-top: 0;



    margin-bottom: 2px;



    font-weight: 400;



}



.custom-theme-form.w-label-animation .margin-B-5, .custom-theme-form.w-label-animation .form-group {



    margin: auto;



    margin-bottom: 5px;



}



.custom-theme-form.w-label-animation .margin-B-5 .form-group {



    margin-bottom: 0;



}



.custom-theme-form.w-label-animation .margin-B-15 {



	margin-bottom: 15px;



}



.custom-theme-form.w-label-animation .form-group label.custom-label.show-label {



    opacity: 1;



}



.custom-theme-form .form-group .form-control {



    font-size: 18px;



    line-height: 30px;



    color: #333;



    display: inline-block !important;



    height: auto;



    border-radius: 0 !important;



    margin-bottom: 0 !important;



    background: #fff;

    border-color: #cdcdcd;



}



.custom-theme-form .form-group .form-control:focus {



	border-color: #cdcdcd !important;



    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(10, 10, 10, 0.6);



    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(10, 10, 10, 0.6);



}



.custom-theme-form .form-group label {



    text-align: left;



    font-size: 14px;



    transition: all .45s ease-in-out;



    -webkit-transition: all .45s ease-in-out;



    -moz-transition: all .45s ease-in-out;



    -ms-transition: all .45s ease-in-out;



    -o-transition: all .45s ease-in-out;

    text-transform: none



}























.custom-theme-currency.country-list {



    position: absolute;



    z-index: 2;



    list-style: none;



    text-align: left;



    padding: 0;



    margin: 0 0 0 -1px;



    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);



    background-color: white;



    border: 1px solid #CCC;



    white-space: nowrap;



    max-height: 200px;



    overflow-y: scroll;



}



.custom-theme-form .custom-theme-currency.country-list {



    display: none;



    top: 46px;



    left: 0;



    width: 99%;



    right: 0;



    margin: auto;



    overflow-x: hidden;



}



.custom-theme-form .custom-theme-currency.country-list li.country {



    padding: 5px 15px;



    cursor: pointer;



}



span.cur-holder {



    cursor: pointer;



}



.margin-top18 {



    margin-top: 18px;



}



#paymentForm .alertmsg {



    display: none;



}







#previewModal {



}



#previewModal .modal-dialog {



    max-width: 320px;



    width: 100%;



    border: none;



    border-radius: 0;



    margin-top: 130px;



}



#previewModal .modal-content {



    border-radius: 0;



}



#previewModal .modal-dialog .modal-header {



}



#previewModal .modal-dialog .modal-title {



    font-size: 18px;



    border: none;



    margin-bottom: 0;



    padding: 0;



}



#previewModal .modal-dialog .modal-body {



    text-align: center;



}



#previewModal .modal-dialog .modal-body i {



    font-size: 60px;



    color: #3c763d;



}







span.success_msg1 {



    font-size: 22px;



    line-height: 28px;



}







span.success_msg2 {



    font-size: 20px;



    line-height: 26px;



}







span.success_msg3 {



    font-size: 16px;



    line-height: 22px;



}



#head #topnav img {



    max-width: 290px;



}







.page_section .block_header_left {



    width: 100%;



    overflow: hidden;



    padding-top: 30px!important;



    padding-bottom: 42px;



    text-align: left;



    background-image: url(../img/lightgrey.jpg);



    background-repeat: no-repeat;



    background-color: #d3d3d3;



}











/*FOR WEB SMART MDIA*/



#top {



    background: none;



    border: none;



    position: absolute;



    left: 0;



    top: 0;



    width: 100%!important;



    z-index: 999;



}



.half_slider {



    height: 90px;



    background-image: none;



}



#paymentForm button:before {



    opacity: 0;



}



.secure-logo {



    float: right;



    width: 200px;



    margin-top: -20px;



}



#logo {



    float: none!important;



    vertical-align: top;



    padding-bottom: 30px;



}



i.inv {



    font-style: normal;



}



.removeButton, .addButton {



    padding: 0;



    width: 100%;



    border-radius: 0;



    height: 42px;



}



span.input-group-addon button.btn {



    padding: 10px;



}



.input-group-addon {



    border-radius: 0;



}



.done-payment {



    padding-left: 15px;



    padding-right: 15px;



}







/*User Agent Style*/

body.user-agent-page h3 {

    text-align: center;

}

#useragent-main {

    background: rgb(255, 255, 255);

    position: relative;

}

#useragent-main .section-wrap {

    padding-top: 70px;

    display: inline-block;

    position: relative;

    background: rgb(255, 255, 255);

    margin-right: 0;

    margin-left: 0;

    padding-bottom: 0;

    margin-bottom: 0;

}

#useragent-main .form-group label {

    margin-bottom: 0;

    color: #999;

    font-weight: normal;

    font-size: 14px;

    line-height: 1;

}

body.user-agent-page .fixed-menu-wrapper {

    display: none;

}

body.user-agent-page .section-wrap:after {

    top: 20px;

    text-transform: none;

    font-size: 20px;

}

body.user-agent-page .section-wrap.geninfo-section:after {

    content: "General Info";

}

body.user-agent-page .section-wrap.browinfo-section:after {

    content: "Browser Info";

}

#useragent-main .margin-B-15 {

    margin-bottom: 15px;

    width: 100%;

    padding: 0;

}

#useragent-main .margin-B-15 .form-group strong {

    font-weight: 400;

}

#copy-wrap {

    padding: 15px;

}

#copy-wrap span {

    display: block;

    padding: 5px;

}

#copy-wrap span.copied {

    color: green;

}

#copy-wrap span.error-copying {

    color: red;

}

button#copy-to-clipboard {

    background: #d3d3d3;

    border: 1px solid #d3d3d3;

}

#useragent-main .margin-B-15 .form-group strong.userAgent {

    font-size: 14px;

    line-height: 1;

}

/*User Agent Style*/
.has-error .form-control {
    border-color: #a94442 !important;
}

.has-success .form-control {
    border-color: #3c763d !important;
}
select.form-control {
    padding: 0.5em;
}
.custom-theme-form .form-group label span {
    color: #ef1616;
}
.payment-pagetitle {
    display: inline-block;
    text-transform: none;
}
#paymentForm .alertmsg p {
    line-height: 1;
    margin: auto;
    text-align: center;
}