866 lines
		
	
	
	
		
			16 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			866 lines
		
	
	
	
		
			16 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
/*!
 | 
						|
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 | 
						|
 * Code licensed under the Apache License v2.0.
 | 
						|
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 | 
						|
 */
 | 
						|
 | 
						|
body,
 | 
						|
html {
 | 
						|
    width: 100%;
 | 
						|
    height: 100%;
 | 
						|
}
 | 
						|
 | 
						|
body,
 | 
						|
h1,
 | 
						|
h2,
 | 
						|
h3,
 | 
						|
h4,
 | 
						|
h5,
 | 
						|
h6 {
 | 
						|
    /*font-family: 'Lato-Regular', sans-serif;*/
 | 
						|
    font-family: 'Lato', sans-serif;
 | 
						|
    /*font-weight: 300;*/
 | 
						|
}
 | 
						|
 | 
						|
.topnav {
 | 
						|
    font-size: 14px;
 | 
						|
}
 | 
						|
.topnav .navbar-fixed-top .navbar-collapse {
 | 
						|
    max-height: 740px;
 | 
						|
}
 | 
						|
.navbar-brand {
 | 
						|
    /* padding: 10px 15px; */
 | 
						|
}
 | 
						|
 | 
						|
.navbar-default {
 | 
						|
    background: #fff;
 | 
						|
    /* box-shadow: 0 3px 3px -2px hsla(0,0%,78%,.72); */
 | 
						|
}
 | 
						|
 | 
						|
.navbar-default .navbar-header {
 | 
						|
    position: relative;
 | 
						|
    z-index: 1;
 | 
						|
}
 | 
						|
.navbar-default .navbar-nav>li>a {
 | 
						|
    padding-top: 20px;
 | 
						|
    padding-bottom: 20px;
 | 
						|
    font-weight: 300;
 | 
						|
}
 | 
						|
 | 
						|
.navbar-transparent {
 | 
						|
    background: transparent;
 | 
						|
    border: none;
 | 
						|
    padding: 20px;
 | 
						|
    box-shadow: none;
 | 
						|
}
 | 
						|
 | 
						|
.navbar-transparent.topnav {
 | 
						|
    z-index: 1005;
 | 
						|
    margin-bottom: 0;
 | 
						|
}
 | 
						|
 | 
						|
.navbar-transparent .navbar-nav>li>a {
 | 
						|
    color: #fff;
 | 
						|
    cursor: pointer;
 | 
						|
    /*font-family: 'Lato-Regular', sans-serif;*/
 | 
						|
    font-weight: normal;
 | 
						|
}
 | 
						|
.navbar-transparent .navbar-nav>li>a:hover {
 | 
						|
    color: #fff;
 | 
						|
}
 | 
						|
.navbar-transparent .navbar-nav>li>a:focus, .navbar-transparent .navbar-nav>li>a:hover {
 | 
						|
    color: #fff;
 | 
						|
    background-color: transparent;
 | 
						|
}
 | 
						|
 | 
						|
.navbar-transparent #logoWhite{
 | 
						|
    display: block;
 | 
						|
    width: 220px;
 | 
						|
    /* color: #fff; */
 | 
						|
}
 | 
						|
 | 
						|
.navbar-right .highlights-dropdown .dropdown-menu {
 | 
						|
    left: 0 !important;
 | 
						|
    min-width: 155px;
 | 
						|
    margin-left: 15px;
 | 
						|
    padding: 5px !important;
 | 
						|
}
 | 
						|
@media(min-width: 768px) {
 | 
						|
    .navbar-right .highlights-dropdown .dropdown-menu {
 | 
						|
        border: 1px solid #fff;
 | 
						|
    }
 | 
						|
    .navbar-right .highlights-dropdown .dropdown-menu:before {
 | 
						|
        content: '';
 | 
						|
        display: block;
 | 
						|
        height: 1px;
 | 
						|
        background: #e7e7e7;
 | 
						|
        position: absolute;
 | 
						|
        top: -1px;
 | 
						|
        left: -1px;
 | 
						|
        right: -1px;
 | 
						|
    }
 | 
						|
}
 | 
						|
.navbar-right .highlights-dropdown .dropdown-menu > li > a{
 | 
						|
    font-size: 13px;
 | 
						|
    font-weight: 300;
 | 
						|
    font-family: 'Lato', sans-serif;
 | 
						|
    padding: 1px 10px !important;
 | 
						|
    background: transparent;
 | 
						|
    color: #333;
 | 
						|
}
 | 
						|
.navbar-right .highlights-dropdown .dropdown-menu > li > a:hover,
 | 
						|
.navbar-right .highlights-dropdown .dropdown-menu > li > a:focus,
 | 
						|
.navbar-right .highlights-dropdown .dropdown-menu > li > a:active {
 | 
						|
    background: transparent;
 | 
						|
    text-decoration: underline !important;
 | 
						|
}
 | 
						|
 | 
						|
.lead {
 | 
						|
    font-size: 18px;
 | 
						|
    font-weight: 400;
 | 
						|
}
 | 
						|
 | 
						|
.intro-header {
 | 
						|
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
 | 
						|
    padding-bottom: 50px;
 | 
						|
    text-align: center;
 | 
						|
    color: #f8f8f8;
 | 
						|
    background: url(../img/intro-bg.jpg) no-repeat center center;
 | 
						|
    background-size: cover;
 | 
						|
}
 | 
						|
 | 
						|
.intro-header-1 {
 | 
						|
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
 | 
						|
    padding-bottom: 50px;
 | 
						|
    text-align: center;
 | 
						|
    color: #f8f8f8;
 | 
						|
    background: url(../img/configure.jpg) no-repeat center center;
 | 
						|
    background-size: cover;
 | 
						|
}
 | 
						|
 | 
						|
.intro-header-2 {
 | 
						|
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
 | 
						|
    padding-bottom: 50px;
 | 
						|
    text-align: center;
 | 
						|
    color: #f8f8f8;
 | 
						|
    background: url(../img/configure.jpg) no-repeat center center;
 | 
						|
    background-size: cover;
 | 
						|
}
 | 
						|
 | 
						|
.intro-message {
 | 
						|
    position: relative;
 | 
						|
    padding-top: 20%;
 | 
						|
    padding-bottom: 20%;
 | 
						|
}
 | 
						|
 | 
						|
.intro-auth {
 | 
						|
    text-align: center;
 | 
						|
    color: #f8f8f8;
 | 
						|
    position: relative;
 | 
						|
}
 | 
						|
 | 
						|
.intro-login {
 | 
						|
    background: url(../img/intro-bg.jpg) no-repeat center center;
 | 
						|
    background-size: cover;
 | 
						|
    height: 100%;
 | 
						|
}
 | 
						|
 | 
						|
.intro-signup {
 | 
						|
    background: url(../img/intro-bg.jpg) no-repeat center center;
 | 
						|
    background-size: cover;
 | 
						|
    height: 100%;
 | 
						|
    display: flex;
 | 
						|
    justify-content: center;
 | 
						|
    align-items: center;
 | 
						|
}
 | 
						|
 | 
						|
.intro-reset-password {
 | 
						|
    background: url(../img/intro-bg.jpg) no-repeat center center;
 | 
						|
    background-size: cover;
 | 
						|
    height: 100%;
 | 
						|
}
 | 
						|
 | 
						|
.intro-message > h1 {
 | 
						|
    margin: 0;
 | 
						|
    font-weight: 400;
 | 
						|
    font-size: 5em;
 | 
						|
}
 | 
						|
 | 
						|
.intro-divider {
 | 
						|
    width: 400px;
 | 
						|
    border-top: 1px solid #f8f8f8;
 | 
						|
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 | 
						|
}
 | 
						|
 | 
						|
.intro-message > h3 {
 | 
						|
    font-weight: 300;
 | 
						|
}
 | 
						|
 | 
						|
@media (max-width: 767px) {
 | 
						|
    .intro-message {
 | 
						|
        padding-bottom: 15%;
 | 
						|
    }
 | 
						|
 | 
						|
    .intro-message > h1 {
 | 
						|
        font-size: 3em;
 | 
						|
    }
 | 
						|
 | 
						|
    ul.intro-social-buttons > li {
 | 
						|
        display: block;
 | 
						|
        margin-bottom: 20px;
 | 
						|
        padding: 0;
 | 
						|
    }
 | 
						|
 | 
						|
    ul.intro-social-buttons > li:last-child {
 | 
						|
        margin-bottom: 0;
 | 
						|
    }
 | 
						|
 | 
						|
    .intro-divider {
 | 
						|
        width: 100%;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
.network-name {
 | 
						|
    text-transform: uppercase;
 | 
						|
    font-size: 14px;
 | 
						|
    font-weight: 400;
 | 
						|
    letter-spacing: 2px;
 | 
						|
}
 | 
						|
 | 
						|
.content-section-a {
 | 
						|
    padding: 50px 0;
 | 
						|
    background-color: #f8f8f8;
 | 
						|
}
 | 
						|
 | 
						|
.content-section-b {
 | 
						|
    padding: 50px 0;
 | 
						|
    border-top: 1px solid #e7e7e7;
 | 
						|
    border-bottom: 1px solid #e7e7e7;
 | 
						|
}
 | 
						|
 | 
						|
.section-heading {
 | 
						|
    margin-bottom: 30px;
 | 
						|
}
 | 
						|
 | 
						|
.section-heading-spacer {
 | 
						|
    float: left;
 | 
						|
    width: 200px;
 | 
						|
    border-top: 3px solid #e7e7e7;
 | 
						|
}
 | 
						|
 | 
						|
.banner {
 | 
						|
    padding: 100px 0;
 | 
						|
    color: #f8f8f8;
 | 
						|
    background: url(../img/banner-bg.jpg) no-repeat center center;
 | 
						|
    background-size: cover;
 | 
						|
}
 | 
						|
 | 
						|
.banner h2 {
 | 
						|
    margin: 0;
 | 
						|
    font-weight: 400;
 | 
						|
    font-size: 3em;
 | 
						|
}
 | 
						|
 | 
						|
.banner ul {
 | 
						|
    margin-bottom: 0;
 | 
						|
}
 | 
						|
 | 
						|
.banner-social-buttons {
 | 
						|
    float: right;
 | 
						|
    margin-top: 0;
 | 
						|
}
 | 
						|
 | 
						|
/*------Auth section---------*/
 | 
						|
.auth-container {
 | 
						|
    min-height: calc(100vh - 120px);
 | 
						|
    position: relative;
 | 
						|
    /* flex-grow: 1; */
 | 
						|
    display: flex;
 | 
						|
    flex-direction: column;
 | 
						|
    justify-content: center;
 | 
						|
}
 | 
						|
 | 
						|
.auth-bg {
 | 
						|
    background: url(../img/auth-bg-sm.jpg);
 | 
						|
    position: fixed;
 | 
						|
    left: 0;
 | 
						|
    top: 0;
 | 
						|
    width: 100%;
 | 
						|
    height: 100vh;
 | 
						|
    background-repeat: no-repeat;
 | 
						|
    background-position: center center;
 | 
						|
    background-size: cover;
 | 
						|
    background-attachment: fixed;
 | 
						|
 | 
						|
}
 | 
						|
 | 
						|
.auth-bg::before {
 | 
						|
    content: "";
 | 
						|
    position: absolute;
 | 
						|
    top: 0;
 | 
						|
    bottom: 0;
 | 
						|
    left: 0;
 | 
						|
    right: 0;
 | 
						|
    background: rgba(75, 75, 101, 0.55);
 | 
						|
    z-index: 1;
 | 
						|
}
 | 
						|
 | 
						|
.auth-container .container {
 | 
						|
    z-index: 1000;
 | 
						|
}
 | 
						|
 | 
						|
.auth-container .auth-content {
 | 
						|
    width: 100%;
 | 
						|
    margin: 0 auto;
 | 
						|
    max-width: 390px;
 | 
						|
}
 | 
						|
 | 
						|
.auth-container .auth-center {
 | 
						|
    /* position: absolute; */
 | 
						|
    /* left: 50%; */
 | 
						|
    /* top: 50%; */
 | 
						|
    /* transform: translate(-50%, -50%); */
 | 
						|
    /* width: 100%; */
 | 
						|
}
 | 
						|
 | 
						|
.auth-container .auth-title {
 | 
						|
    margin-bottom: 50px;
 | 
						|
}
 | 
						|
 | 
						|
.auth-container .auth-title h2 {
 | 
						|
    color: #fff;
 | 
						|
    font-size: 44px;
 | 
						|
    text-align: center;
 | 
						|
    width: 425px;
 | 
						|
    margin: 0 auto;
 | 
						|
    margin-bottom: 30px;
 | 
						|
    position: relative;
 | 
						|
}
 | 
						|
 | 
						|
.auth-container .auth-title h2::after {
 | 
						|
    content: "";
 | 
						|
    position: absolute;
 | 
						|
    bottom: -20px;
 | 
						|
    background: #fff;
 | 
						|
    height: 7px;
 | 
						|
    width: 70px;
 | 
						|
    left: 50%;
 | 
						|
    transform: translate(-50%, 0);
 | 
						|
}
 | 
						|
 | 
						|
.auth-box {
 | 
						|
    background: #fff;
 | 
						|
    padding: 0;
 | 
						|
    padding-bottom: 30px;
 | 
						|
    box-sizing: border-box;
 | 
						|
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
 | 
						|
    border-radius: 4px;
 | 
						|
    z-index: 10;
 | 
						|
}
 | 
						|
 | 
						|
.auth-box .section-heading {
 | 
						|
    color: #5a5a5a;
 | 
						|
    padding-top: 30px;
 | 
						|
    padding-bottom: 5px;
 | 
						|
    text-align: center;
 | 
						|
    text-transform: uppercase;
 | 
						|
    letter-spacing: 3px;
 | 
						|
    font-size: 20px;
 | 
						|
    border-radius: 3px 3px 0px 0px;
 | 
						|
    margin: 0 auto;
 | 
						|
}
 | 
						|
 | 
						|
.auth-box .form {
 | 
						|
    padding: 20px;
 | 
						|
    width: 80%;
 | 
						|
    margin: 0 auto;
 | 
						|
}
 | 
						|
 | 
						|
.auth-box .form .red {
 | 
						|
    color: #eb4d5c;
 | 
						|
}
 | 
						|
 | 
						|
.auth-box .form .btn {
 | 
						|
    box-shadow: 0 0px 9px rgba(0, 0, 0, 0.19), 0 3px 5px rgba(0, 0, 0, 0.23);
 | 
						|
    letter-spacing: 3px;
 | 
						|
    font-size: 17px;
 | 
						|
    text-transform: uppercase;
 | 
						|
}
 | 
						|
 | 
						|
.auth-box .form .form-control {
 | 
						|
    height: 44px;
 | 
						|
    font-size: 16px;
 | 
						|
}
 | 
						|
 | 
						|
.auth-box .auth-footer {
 | 
						|
    text-align: center;
 | 
						|
    padding: 10px;
 | 
						|
}
 | 
						|
 | 
						|
.auth-box .auth-footer .text {
 | 
						|
    color: #777;
 | 
						|
}
 | 
						|
 | 
						|
.auth-box .auth-footer .links a {
 | 
						|
    color: #1e94cc;
 | 
						|
}
 | 
						|
 | 
						|
.auth-box .auth-footer .links a:hover {
 | 
						|
    color: #1e94cc;
 | 
						|
}
 | 
						|
 | 
						|
.auth-box.sign-up {
 | 
						|
    padding-bottom: 5px;
 | 
						|
}
 | 
						|
 | 
						|
.auth-box.sign-up .form {
 | 
						|
    padding: 15px 20px 0 20px;
 | 
						|
}
 | 
						|
 | 
						|
.sign-up-message {
 | 
						|
    padding: 25px 30px 25px 30px;
 | 
						|
    text-align: center;
 | 
						|
    font-size: 18px;
 | 
						|
    line-height: 30px;
 | 
						|
    /*font-family: 'Lato' !important;*/
 | 
						|
    font-weight: 300 !important;
 | 
						|
}
 | 
						|
 | 
						|
.sign-up-message a {
 | 
						|
    font-size: 18px;
 | 
						|
    color: #1e94cc !important;
 | 
						|
}
 | 
						|
 | 
						|
@media (max-width: 1199px) {
 | 
						|
    ul.banner-social-buttons {
 | 
						|
        float: left;
 | 
						|
        margin-top: 15px;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
@media (max-width: 767px) {
 | 
						|
    .banner h2 {
 | 
						|
        margin: 0;
 | 
						|
        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
 | 
						|
        font-size: 3em;
 | 
						|
    }
 | 
						|
 | 
						|
    ul.banner-social-buttons > li {
 | 
						|
        display: block;
 | 
						|
        margin-bottom: 20px;
 | 
						|
        padding: 0;
 | 
						|
    }
 | 
						|
 | 
						|
    ul.banner-social-buttons > li:last-child {
 | 
						|
        margin-bottom: 0;
 | 
						|
    }
 | 
						|
 | 
						|
    .auth-box .form {
 | 
						|
        padding: 15px 0px 0 0;
 | 
						|
    }
 | 
						|
 | 
						|
    .auth-box.sign-up .form {
 | 
						|
        padding: 15px 0px 0 0;
 | 
						|
    }
 | 
						|
 | 
						|
    .auth-box .form .form-control {
 | 
						|
        height: 44px;
 | 
						|
        font-size: 13px;
 | 
						|
    }
 | 
						|
 | 
						|
    .auth-container .auth-title {
 | 
						|
        display: none;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
.auth-box .msg-list {
 | 
						|
    padding: 15px 25px 5px;
 | 
						|
    text-align: center;
 | 
						|
}
 | 
						|
 | 
						|
@media (max-width: 540px) {
 | 
						|
    .auth-container .auth-title h2 {
 | 
						|
        font-size: 32px;
 | 
						|
        width: 90%;
 | 
						|
        margin-bottom: 50px;
 | 
						|
    }
 | 
						|
 | 
						|
    .auth-container.auth-signup .auth-title h2 {
 | 
						|
        font-size: 20px;
 | 
						|
        width: 90%;
 | 
						|
        margin-bottom: 50px;
 | 
						|
    }
 | 
						|
 | 
						|
    .auth-box .form {
 | 
						|
        width: 90%;
 | 
						|
    }
 | 
						|
 | 
						|
    .auth-box .section-heading {
 | 
						|
        font-size: 15px;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
footer {
 | 
						|
    padding: 20px;
 | 
						|
    background-color: #f8f8f8;
 | 
						|
/*     position: absolute */
 | 
						|
    right: 0;
 | 
						|
    bottom: 0;
 | 
						|
    left: 0;
 | 
						|
}
 | 
						|
 | 
						|
p.copyright {
 | 
						|
    margin: 14px 0 0;
 | 
						|
}
 | 
						|
 | 
						|
a#forgotpassword {
 | 
						|
    color: #ffffff;
 | 
						|
}
 | 
						|
 | 
						|
.content-404 h1 {
 | 
						|
    margin: 0 0 15px;
 | 
						|
    font-size: 200px;
 | 
						|
    line-height: 1;
 | 
						|
    font-weight: 700;
 | 
						|
    color: #6db97c;
 | 
						|
}
 | 
						|
 | 
						|
a.unlink {
 | 
						|
    color: inherit;
 | 
						|
}
 | 
						|
 | 
						|
a.unlink:hover {
 | 
						|
    color: inherit;
 | 
						|
}
 | 
						|
 | 
						|
/***** DCL payment page **********/
 | 
						|
.dcl-order-container {
 | 
						|
    /*font-family: Lato;*/
 | 
						|
    font-weight: 300;
 | 
						|
}
 | 
						|
 | 
						|
.dcl-order-table-header {
 | 
						|
    border-bottom: 1px solid #eee;
 | 
						|
    padding-top: 15px;
 | 
						|
    padding-bottom: 15px;
 | 
						|
    font-size: 16px;
 | 
						|
    color: #333;
 | 
						|
    text-align: center;
 | 
						|
    font-weight: 300;
 | 
						|
}
 | 
						|
 | 
						|
.dcl-order-table-content {
 | 
						|
    border-bottom: 1px solid #eee;
 | 
						|
    padding-top: 15px;
 | 
						|
    padding-bottom: 15px;
 | 
						|
    font-size: 18px;
 | 
						|
    font-weight: 600;
 | 
						|
    text-align: center;
 | 
						|
}
 | 
						|
 | 
						|
.tbl-content {
 | 
						|
}
 | 
						|
 | 
						|
.dcl-order-table-total {
 | 
						|
    border-bottom: 4px solid #eee;
 | 
						|
    padding-top: 15px;
 | 
						|
    padding-bottom: 20px;
 | 
						|
    font-size: 20px;
 | 
						|
    font-weight: 600;
 | 
						|
    color: #999;
 | 
						|
}
 | 
						|
 | 
						|
.dcl-order-table-total span {
 | 
						|
    font-size: 13px;
 | 
						|
    color: #999;
 | 
						|
    font-weight: 400;
 | 
						|
    padding-left: 5px;
 | 
						|
}
 | 
						|
 | 
						|
.dcl-place-order-text{
 | 
						|
   font-size: 13px;
 | 
						|
   color: #808080;
 | 
						|
   margin-bottom: 15px;
 | 
						|
}
 | 
						|
 | 
						|
.dcl-order-table-total .tbl-total {
 | 
						|
    text-align: center;
 | 
						|
    color: #000;
 | 
						|
    padding-left: 44px;
 | 
						|
}
 | 
						|
 | 
						|
.tbl-total .dcl-price-month {
 | 
						|
    font-size: 16px;
 | 
						|
    text-transform: capitalize;
 | 
						|
    color: #000;
 | 
						|
}
 | 
						|
 | 
						|
.tbl-no-padding {
 | 
						|
    padding: 0px;
 | 
						|
}
 | 
						|
 | 
						|
.dcl-billing-sec {
 | 
						|
    margin-top: 50px;
 | 
						|
}
 | 
						|
 | 
						|
.dcl-order-sec {
 | 
						|
    padding: 0 30px;
 | 
						|
}
 | 
						|
 | 
						|
.card-warning-content {
 | 
						|
    /*font-family: Lato;*/
 | 
						|
    font-weight: 300;
 | 
						|
    border: 1px solid #a1a1a1;
 | 
						|
    border-radius: 3px;
 | 
						|
    padding: 5px;
 | 
						|
}
 | 
						|
.card-warning-error {
 | 
						|
    border: 1px solid #EB4D5C;
 | 
						|
    color: #EB4D5C;
 | 
						|
}
 | 
						|
 | 
						|
.card-warning-addtional-margin {
 | 
						|
    margin-top: 15px;
 | 
						|
}
 | 
						|
 | 
						|
.stripe-payment-btn {
 | 
						|
    outline: none;
 | 
						|
    width: auto;
 | 
						|
    float: right;
 | 
						|
    font-style: normal;
 | 
						|
    font-weight: 300;
 | 
						|
    position: absolute;
 | 
						|
    padding-left: 30px;
 | 
						|
    padding-right: 30px;
 | 
						|
    right: 0;
 | 
						|
}
 | 
						|
 | 
						|
.brand {
 | 
						|
}
 | 
						|
 | 
						|
.brand #brand-icon {
 | 
						|
}
 | 
						|
 | 
						|
.card-number-element {
 | 
						|
}
 | 
						|
 | 
						|
.card-expiry-element {
 | 
						|
}
 | 
						|
 | 
						|
.card-cvc-element label {
 | 
						|
    padding-left: 10px;
 | 
						|
}
 | 
						|
 | 
						|
.card-element {
 | 
						|
    margin-bottom: 10px;
 | 
						|
    padding: 0;
 | 
						|
}
 | 
						|
 | 
						|
.card-element label{
 | 
						|
    width:100%;
 | 
						|
    margin-bottom:0px;
 | 
						|
}
 | 
						|
 | 
						|
.my-input {
 | 
						|
   border-bottom: 1px solid #ccc;
 | 
						|
 }
 | 
						|
 | 
						|
.card-cvc-element .my-input {
 | 
						|
    padding-left: 10px;
 | 
						|
}
 | 
						|
 | 
						|
#card-errors {
 | 
						|
    clear: both;
 | 
						|
    padding: 0 0 10px;
 | 
						|
    color: #eb4d5c;
 | 
						|
}
 | 
						|
 | 
						|
.credit-card-goup{
 | 
						|
    padding: 0;
 | 
						|
}
 | 
						|
 | 
						|
.order-confirm-date{
 | 
						|
    text-align:right;
 | 
						|
}
 | 
						|
 | 
						|
@media (max-width: 767px) {
 | 
						|
    .dcl-order-table-total span {
 | 
						|
        padding-left: 3px;
 | 
						|
    }
 | 
						|
 | 
						|
    .dcl-order-sec {
 | 
						|
        padding: 10px 20px 30px 20px;
 | 
						|
        border-bottom: 4px solid #eee;
 | 
						|
    }
 | 
						|
 | 
						|
    .tbl-header {
 | 
						|
        border-bottom: 1px solid #eee;
 | 
						|
        padding: 10px 0;
 | 
						|
    }
 | 
						|
 | 
						|
    .tbl-content {
 | 
						|
        border-bottom: 1px solid #eee;
 | 
						|
        padding: 10px 0;
 | 
						|
    }
 | 
						|
 | 
						|
    .dcl-order-table-header {
 | 
						|
        border-bottom: 0px solid #eee;
 | 
						|
        padding: 10px 0;
 | 
						|
        text-align: left;
 | 
						|
    }
 | 
						|
 | 
						|
    .dcl-order-table-content {
 | 
						|
        border-bottom: 0px solid #eee;
 | 
						|
        padding: 10px 0;
 | 
						|
        text-align: right;
 | 
						|
        font-size: 16px;
 | 
						|
    }
 | 
						|
 | 
						|
    .dcl-order-table-total {
 | 
						|
        font-size: 18px;
 | 
						|
        color: #000;
 | 
						|
        padding: 10px 0;
 | 
						|
        border-bottom: 0px solid #eee;
 | 
						|
    }
 | 
						|
 | 
						|
    .dcl-order-table-total .tbl-total {
 | 
						|
        padding: 0px;
 | 
						|
        text-align: right;
 | 
						|
    }
 | 
						|
 | 
						|
    .dcl-billing-sec {
 | 
						|
        margin-top: 30px;
 | 
						|
        margin-bottom: 30px;
 | 
						|
    }
 | 
						|
 | 
						|
    .brand {
 | 
						|
    }
 | 
						|
 | 
						|
    .card-expiry-element {
 | 
						|
    padding-right: 10px;
 | 
						|
    }
 | 
						|
 | 
						|
    .card-cvc-element {
 | 
						|
    padding-left: 10px;
 | 
						|
    }
 | 
						|
 | 
						|
    .hide-mobile{
 | 
						|
    display:none;
 | 
						|
    }
 | 
						|
 | 
						|
    #billing-form .form-control {
 | 
						|
    box-shadow: none !important;
 | 
						|
    font-weight: 400;
 | 
						|
    }
 | 
						|
 | 
						|
    .order-confirm-date{
 | 
						|
        text-align:left;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
@media (min-width: 1200px) {
 | 
						|
    .dcl-order-container {
 | 
						|
        width: 990px;
 | 
						|
        padding-right: 15px;
 | 
						|
        padding-left: 15px;
 | 
						|
        margin-right: auto;
 | 
						|
        margin-left: auto;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
@media (min-width: 768px) {
 | 
						|
    .dcl-billing {
 | 
						|
        padding-right: 50px;
 | 
						|
        border-right: 1px solid #eee;
 | 
						|
    }
 | 
						|
 | 
						|
    .dcl-creditcard {
 | 
						|
        padding-left: 50px;
 | 
						|
    }
 | 
						|
 | 
						|
    .tbl-tot {
 | 
						|
        padding-left: 17px;
 | 
						|
    }
 | 
						|
 | 
						|
    .content-dashboard {
 | 
						|
        /*width: auto !important;*/
 | 
						|
    }
 | 
						|
 | 
						|
}
 | 
						|
 | 
						|
@media only screen and (max-width: 1040px) and (min-width: 768px) {
 | 
						|
    .content-dashboard {
 | 
						|
        width: 96% !important;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
@media only screen and (max-width: 1330px) and (min-width: 1200px) {
 | 
						|
    .content-dashboard {
 | 
						|
        width: 100% !important;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
 | 
						|
.footer-light a:hover, .footer-light a:focus, .footer-light a:active {
 | 
						|
    color: #ddd;
 | 
						|
}
 | 
						|
 | 
						|
.visible-mobile {
 | 
						|
    display: none !important;
 | 
						|
}
 | 
						|
 | 
						|
@media(max-width:767px) {
 | 
						|
    .visible-mobile {
 | 
						|
        display: block !important;
 | 
						|
    }
 | 
						|
    .visible-desktop {
 | 
						|
        display: none !important;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
 | 
						|
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
 | 
						|
    background-color: transparent;
 | 
						|
}
 | 
						|
 | 
						|
@media (max-width: 767px) {
 | 
						|
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
 | 
						|
        background-color: transparent;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
/* bootstrap danger color override from #a94442 */
 | 
						|
.text-danger,
 | 
						|
.has-error .help-block,
 | 
						|
.has-error .control-label,
 | 
						|
.has-error .radio,
 | 
						|
.has-error .checkbox,
 | 
						|
.has-error .radio-inline,
 | 
						|
.has-error .checkbox-inline,
 | 
						|
.has-error.radio label,
 | 
						|
.has-error.checkbox label,
 | 
						|
.has-error.radio-inline label,
 | 
						|
.has-error.checkbox-inline label,
 | 
						|
.has-error .form-control-feedback,
 | 
						|
.alert-danger,
 | 
						|
.list-group-item-danger,
 | 
						|
a.list-group-item-danger,
 | 
						|
a.list-group-item-danger:hover,
 | 
						|
a.list-group-item-danger:focus,
 | 
						|
.panel-danger > .panel-heading {
 | 
						|
    color: #eb4d5c;
 | 
						|
}
 | 
						|
.has-error .form-control,
 | 
						|
.has-error .input-group-addon {
 | 
						|
    color: #eb4d5c;
 | 
						|
    border-color: #eb4d5c;
 | 
						|
}
 | 
						|
a.list-group-item-danger.active,
 | 
						|
a.list-group-item-danger.active:hover,
 | 
						|
a.list-group-item-danger.active:focus {
 | 
						|
    background-color: #eb4d5c;
 | 
						|
    border-color: #eb4d5c;
 | 
						|
}
 | 
						|
.panel-danger > .panel-heading .badge {
 | 
						|
    background-color: #eb4d5c;
 | 
						|
}
 |