/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30 Nov, 2018, 5:37:17 PM
    Author     : lucentinnovation
*/
.ui.form .field {
    clear: inherit; }

input:read-only {
    background: #f7f7f7 !important; }

.ui.form .field:last-child, .ui.form .fields:last-child .field {
    margin-bottom: 15px !important; }

.ui.pointing.menu .active.item:after {
    background-color: #5563c1 !important; }

.ui.menu .active.item {
    background: #5563c1 !important;
    color: #fff !important; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #5c6ac4 !important;
    font-weight: 600 !important; }

body {
    background: #f0f0f0 
}

.ui.plan_checkbox {
    margin: 0px !important; }

.ui.card {
    width: 100%; }


.discount_text {
    margin-top: 0px;
    text-decoration: line-through;
    color: #c7c9ca; }

.ui.celled.table tr td, .ui.celled.table tr th {
    vertical-align: middle !important; }

.sub.header{
    margin-top: 10px !important;
}

body.unpay_body{
    background-color: #fff !important;
}
.container.paycontainer{
    padding:  20px 15px;
}
.unpay_header{
    padding-bottom: 40px;
}
.unpay_title{
    color: #595d5b;
    font-size: 20px;
}
.unpay_logo{
    height: 45px;
}
.unnpay_title{
    font-size: 18px;
    color: #1a2c60;
    border-bottom: 4px solid #ecc717;
    margin: 0px;
    width: fit-content;
    padding-bottom: 6px;
}
.un_divider{border-bottom: 1px solid #eee;}
.un_order_details{
    padding-bottom: 10px;
    padding-top: 15px;
    font-weight: 600;
    color: #484646ee;
}
.card_image{
    height: 50px;
    margin: 20px 20px 20px 0px;
    border-radius: 5px;
}
.un_input{
    height: 45px;
    border-radius: 0px !important;
    font-weight: 500;
    font-size: 16px;

}
.un_input_lable{
    margin-top: 10px;
    color: #605e57;
}
.un_input:focus {
    border-color: #3c58a7 !important;
    outline: 0;
    box-shadow: none !important;
}

.un_button_primary{
    width: 100%;
    height: 50px;
    margin: 18px 0px;
    background-color: #f7b743;
    color: #fff;
    font-size: 22px;
    font-family: sans-serif;
    border: 0px;
    border-radius: 5px;
}
button.un_button_primary:hover {
    background-color: #ecae3c;
}

button.un_button_default:hover {
    background-color: #7d7c7c;
}
.row.un_order_details:last-child {
    margin-bottom: 10px;
}
.un_button_default{
    width: 100%;
    height: 50px;
    margin: 5px 0px;
    background-color: #9a9a9a;
    color: #fff;
    font-size: 22px;
    font-family: sans-serif;
    border: 0px;
    border-radius: 5px;
}
.un_input_section{
    width: 100%;
}
.un_icon{
    height: 20px;
    margin-left: 5px;
}
.un_secure_text{
    color: #6a6b6b;
    text-align: center;
}
i.icon.shield.alternate:before{
    content: '';
}

.shield.alternate.icon{
    width: 20px;
    position: absolute;
    background-image: url("/images/credit-card-with-cvv-code.png");
    background-repeat: no-repeat;
    top: 13px !important;
    background-size: 20px;
    right: -10px !important;
}
.no-margin{margin: 0px !important;}

.insta_image{
    height: 250px;
    background-size: cover!important;
    background-position: center center!important;
}
.custom-container{
    margin-top: 80px;
}
.post_card{min-height: 370px !important;}
.post_name,.post_discription{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui.card>.content>a.header:hover, .ui.cards>.card>.content>a.header:hover, .ui.card>.extra a:not(.ui):hover, .ui.cards>.card>.extra a:not(.ui):hover {
    color: #3F51B5;
}
.ui.active{
    color: #3F51B5;
}
.ui.modal {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 70px !important;
}
.modal_post_message{color: #262b2d; margin-bottom: 15px !important;}
.label-control{
    color:#151313;
}
.ui.toggle.checkbox{
    margin: 0px !important;
}
.ui.toggle.checkbox input:checked~.box:before, .ui.toggle.checkbox input:checked~label:before {
    background-color: #5c69c4!important;
}

.swal-button--confirm{
    background-color: #5c6ac4 !important;  
}
.swal-button--confirm:hover {
    background-color: #3e4b9a !important; 
}
.result_complited{
    margin: 20px 20px;
    text-align: center;
}  
.result_complited .icon,.result_complited h4{
    color: #8d9398;
}
.result_complited h4{
    margin: 5px; 
}
.result_complited p{
    color: #8d9397;
}

.logo_header{
    margin-bottom: 15px;
}
.logo_header img{
    height: 52px;
    margin-bottom: 15px
}
.container-center{
    padding-top: 90px;
}

.wrapper-page {
   
    min-width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}
@media (max-width: 500px) {
    .wrapper-page {
        min-width: 90%;
    }
}
.wrapper-page .logo{
    text-align: center;
    margin-bottom: 30px

}
.wrapper-page .form-signin .alert.alert-danger{
    font-size: 14px;
    margin: 10px 20px;
}
.wrapper-page .form-signin {
    padding: 15px 35px 45px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 20px 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 1px 0px #d3d3d3;
}
.wrapper-page .form-signin .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.wrapper-page .form-signin .panel-heading h3 {
    font-weight: 600;
    font-size: 30px;
    color: #3e4ba2;
}
.wrapper-page .form-signin .panel-heading p {
   color: #757575;
}
.ui.success.message,.ui.negative.message{
    margin-bottom: 18px;
}


.form-signin .app-button {
    background-color: #5C6AC4;
    color: #fff;
    padding: 15px;
}

.form-signin .app-button:hover {
    background-color: #4d5bae;
    color: #fff;
}

.wrapper-page .form-signin .form-horizontal input{
    padding: 20px 15px;
    margin-bottom: 10px;
}

/*# sourceMappingURL=style.css.map */