/* This stylesheet contains styles for specific pages. */

/* Login and signup form styles. */
.login-page {
    width: 100%;
    height: 84%;
    background: url(../images/bg_form.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_form.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_form.jpg', sizingMethod='scale')";
}

.login-page > div,
.forgot-pass > div > div {
    padding: 0 15px;
}

.forgot-pass {
    padding-bottom: 15px !important;
}

/* Invoice page styles */
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    border: none;
    width: 120px;
}

.downloadbtn-shadow {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.verify-glass {
    text-shadow: 0 2px 0;
    color: #4d7982;
}

.unverify {
    text-shadow: 0 2px 0;
    color: #cf2927;
}

.verify {
    text-shadow: 0 2px 0;
    color: #6aa64d;
}

/* Customer List styles */

/*#customer-list-container {*/
/*padding: 0;*/
/*}*/

/***************************************************************************************
 *
 * Customer Information form styles
 *
 */
#customer-information-form .accounts-table-container,
#customer-information-form .billing-table-container,
#customer-information-form .ticketing-table-container {
    padding: 0;
}

#customer-information-form #selfcare-btn {
    margin-top: 5px;
}

#customer-information-form .account-section .panel,
#customer-information-form .ticketing-section .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#customer-information-form .account-section .panel-body,
#customer-information-form .account-section .panel-footer .row > div,
#customer-information-form .ticketing-section .panel-body,
#customer-information-form .ticketing-section .panel-footer .row > div {
    padding: 0;
}

#customer-information-form .account-section .panel-footer,
#customer-information-form .ticketing-section .panel-footer {
    border: none;
}

#customer-information-form .accounts-table-container,
#customer-information-form .billing-table-container,
#customer-information-form .ticketing-table-container {
    max-height: 200px;
    overflow-y: auto;
}

#customer-information-form .accounts-table-container tr th,
#customer-information-form .accounts-table-container tr td,
#customer-information-form .billing-table-container tr th,
#customer-information-form .billing-table-container tr td,
#customer-information-form .ticketing-table-container tr th,
#customer-information-form .ticketing-table-container tr td {
    text-align: center;
}

#customer-information-form .accounts-table-container tr td.text-right,
#customer-information-form .billing-table-container tr td.text-right,
#customer-information-form .ticketing-table-container tr td.text-right {
    text-align: right !important;
}

#customer-information-form .additional-fields-section fieldset,
#customer-information-form .info-form-controls-left,
#customer-information-form .info-form-controls-right,
#customer-information-form .accounts-form-controls-right,
#customer-information-form .billing-form-controls-right,
#customer-information-form .electronic-payment-form-controls-right,
#customer-information-form .electronic-payment-bottom-group-1 > div,
#customer-information-form .electronic-payment-bottom-group-1 > div > div,
#customer-information-form .electronic-payment-bottom-group-2 > div,
#customer-information-form .electronic-payment-bottom-group-2 > div > div,
#customer-information-form .electronic-payment-bottom-group-3 > div,
#customer-information-form .electronic-payment-bottom-group-3 > div > div,
#customer-information-form .billing-tabs-container {
    padding: 0;
}

#customer-information-form .electronic-payment-bottom-group-1 > div > div:last-child,
#customer-information-form .electronic-payment-bottom-group-2 > div > div:last-child,
#customer-information-form .electronic-payment-bottom-group-3 > div > div:last-child {
    padding: 0 20px 0 0;
}

#customer-information-form .electronic-payment-bottom-group-3 {
    margin-bottom: 20px;
}

#customer-information-form .electronic-payment-bottom-group-1 > div:last-child > div:last-child {
    padding: 0 !important;
}

/***************************************************************************************
 * Max width 991px
 */
@media (max-width: 991px) {

    #customer-information-form fieldset,
    #customer-information-form .electronic-payment-form-controls-left,
    #customer-information-form .accounts-form-controls-left,
    #customer-information-form .billing-form-controls-left,
    #customer-information-form .additional-fields-form-controls,
    #customer-information-form .electronic-payment-bottom-group-1 div > div,
    #customer-information-form .electronic-payment-bottom-group-2 div > div,
    #customer-information-form .electronic-payment-bottom-group-3 div > div {
        padding-right: 0 !important;
    }

    #customer-information-form .balances-section {
        margin-top: 0;
    }
}

/***************************************************************************************
 * Min width 992px
 */
@media (min-width: 992px) {
    #customer-information-form .accounts-form-controls-right .row {
        width: 133%;
        margin-left: -33%;
    }

    #customer-information-form .billing-form-controls-right .row {
        margin-left: -50%;
    }

    #customer-information-form .electronic-payment-bottom-group-1 div > div > .control-label,
    #customer-information-form .electronic-payment-bottom-group-2 div > div > .control-label,
    #customer-information-form .electronic-payment-bottom-group-3 div > div > .control-label {
        text-align: left !important;
    }
}

/***************************************************************************************
 * Min width 768px
 */
@media (min-width: 768px) {
    #customer-information-form .account-section tr,
    #customer-information-form .billing-section tr {
        width: 100%;
        display: inline-table;
        table-layout: fixed;

    }

    #customer-information-form .account-section table,
    #customer-information-form .billing-section table {
        display: -moz-groupbox;
    }

}

/* Subscription List styles */
#subscription-list-container {
    padding: 0;
}

/***************************************************************************************
 * Max width 767px
 */
/* Subscription form styles */
@media (max-width: 767px) {
    #subscription-information-form .action-buttons .btn {
        margin-top: 5px !important;
    }
}

.services-and-options-table-container .service-icon {
    padding-top: 4px;
}

.services-and-options-table-container .numeric-input-container {
    width: 70px;
}

/***************************************************************************************
 * Min width 992px
 *
/* Account Operation List form styles */
@media (min-width: 992px) {
    #account-operation-section .form-group-sm {
        padding: 0 10px;
    }

    #account-operation-section .form-link {
        text-align: left !important;
    }
}

#account-operation-section {
    padding: 0;
}

#account-operation-section .form-link {
    padding-top: 5px;
    text-align: right;
}

#account-operation-section .control-label.read-only {
    padding: 0 !important;
}

/***************************************************************************************
 * Ticketing form page
 */
#ticketing-page .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#ticketing-page .panel-body,
#ticketing-page .panel-footer .row > div {
    padding: 0;
}

#ticketing-page .panel-footer {
    border: none;
}

.events-table-container {
    padding-left: 0;
    padding-right: 0;
}

#billing-account-form .side-links {
    margin-bottom: 20px;
}

/***************************************************************************************
 * Billing Account
 */
@media (min-width: 992px) {
    #billing-account-form .side-links {
        padding-top: 313px;
        margin-bottom: 0;
    }
}

/***************************************************************************************
 *
 */
.box-container {
    padding: 3rem;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all .35s ease;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14)
}

.border-0 {
    border: 0px !important;
}