/** buttons **/

.btn-brand-purple{
    color: #fff;
    background-color: #7b4794;
    border-color: #7b4794;
    font-size:16px;
}

.btn-brand-purple:hover{
    color:#fff;
    background-color: #a973be;
    background-color: #a973be;
}

/** panel styles **/

.panel-warning>.panel-heading {
    color: #fff;
    background-color: #F6792C;
    border-color: #F6792C;
    text-align:center;

}

.panel-warning>.panel-body{
    background:#AF79C3;
}

.panel-warning>.panel-footer{
    background:#AF79C3;
    color:#fff;
    border-top:transparent;
}

.panel-danger>.panel-heading{
    text-align:center;
}


body{
    background-color: #f0f0f0;
    font-family: 'Lato', sans-serif;
}

#main{
    background-color: #ffffff;
}


ul.summary_item_list{
    text-align:right; 
    list-style:none
}

/** HOME **/
.poe{
/*display:inline-block;*/
min-height:171px;
background:#00448d;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
color:#fff;
text-align:center;
/*padding:27px 22px 0px 22px;*/
text-decoration:none;
transition: 0.5s;
-webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

.poe a{
color:#fff;
text-decoration:none;
padding:27px 22px 0px 22px;
display:block;
}

.poe p{
margin-top:20px;
}

.poe:hover{
background:#0b4583;
color:#fff;
text-decoration:none;
}

/** LOGIN **/

.login{
    background:#F9F7F5;
}

.login .container{
    margin-top:20px;
    max-width:700px;
}

.login .panel{
    margin-top:50px;
    -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    -webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

.login .wrapper{
    /*max-width:400px;*/
    margin:0 auto;
    padding:0px 10px;
}

.login h2{
    color:#00448d;
    font-weight:bold;
}

/** SCREENS **/

.branding{
    padding-top:20px;
}

.screen .container{
    background:#fff;
    -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    -webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    padding-bottom:30px;
}

.page-header{
    background: #00448d;
    background: -moz-linear-gradient(top, rgba(0, 68, 141) 0%, rgba(0, 68, 141) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 68, 141)), color-stop(100%, rgba(0, 68, 141)));
    background: -webkit-linear-gradient(top, rgba(0, 68, 141) 0%, rgba(0, 68, 141) 100%);
    background: -o-linear-gradient(top, rgba(0, 68, 141) 0%, rgba(0, 68, 141) 100%);
    background: -ms-linear-gradient(top, rgba(0, 68, 141) 0%, rgba(0, 68, 141) 100%);
    background: linear-gradient(to bottom, rgb(0, 68, 141) 0%, rgb(0, 68, 141) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50b8b8', endColorstr='#02989b', GradientType=0 );
    color:#fff;
    font-size:20px;
    padding:10px;
    margin-top:20px;
}

.tagline{
  font-weight: normal;
  color: #00448d;
}

.summaryListItem {
    background:#F1E2F7;
    margin:4px;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border: 0px solid #000000;
}

.questionListItem{
    font-size:16px;
    background:#F9F7F5;
    margin-bottom:20px;
    padding:10px 0px;
}

.question-number{
    color:#5F227B;
}

.question-text{
    /*font-size:16px;*/
    font-size:18px;
    color:#5F227B;
}

@media (max-width: 768px) {
    /* CSS in here for mobile only */
	.question-text{
		font-size:16px;
	}
	.questionListItem{
		font-size:14px;
	}
}

.btn-add {
    background: #00448d !important;
    border-color: #00448d !important;
    margin-bottom: 10px !important;
  }
.btn-color {
    background: #00448d !important;
    border-color: #00448d !important;
}
.navbar-default {
    background-color: #fff;
    border-color: #00448d;
  }
.panel-default{
    border-color: #00448d;
}
.table-bordered {
    border: 1px solid #00448d;
  }
  .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #00448d;
    
  }
  .table-bordered > tbody > tr > th,.table-bordered > thead > tr > th
  {
    color: #00448d;
  }
  .form-horizontal label{
    color: #00448d;
  }
  .left_border{
    border-left: solid 1px #00448d;
    padding-left: 36px !important;
    border-top: solid 1px #00448d;
    border-bottom: solid 1px #00448d;
    padding-top: 5px;
    padding-bottom: 8px;
  }

  .right_border{
    border-right: solid 1px #00448d;
    padding-left: 36px !important;
    border-top: solid 1px #00448d;
    border-bottom: solid 1px #00448d;
    padding-top: 5px;
    padding-bottom: 8px;
  }

  .btn-border-radius-15{
    border-radius: 15px;
  }

  .btn-border-radius-8 {
    border-radius: 8px;
  }
  .apply-wapper h3{
    color:#00448d;
  }
  .apply-wapper label{
    color:#00448d;
  }
  .exam-wapper label{
    color:#00448d;
  }

  .exam-wapper .exam-time-label{
    color:#000;
  }

  .branding .pull-top{
    margin-top: 44px !important;
  }

  .pull-left-25{
    margin-left: 25px;
  }
  .pull-bottom-18{
    margin-bottom: 18px;
  }
  .link-color{
    color:#00448d;
  }
  .input-width-50{
    width: 50%;
  }
  .border-none{
    border: solid 0px #fff !important;
  }

  /* custom css */

  .d-flex {
    display: flex;
}

.d-block {
    display: block;
}

.w-100 {
    width: 100%;
}

.wd-300 {
    width: 300px;
}

.wd-30 {
    width: 30%;
}

.wd-40 {
    width: 40%;
}

.wd-50 {
    width: 50%;
}

.wd-75 {
    width: 75%;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-0 {
    margin-bottom: 0px;
}

.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.icons img {
    margin-right: 10px;
    cursor: pointer;
}

.icons img:last-child {
    margin-right: 0px;
}

.panel-default {
    border-color: #ddd !important;
}

.form-wrapper .panel input,
.form-wrapper .panel textarea,
.form-wrapper .panel select,
.form-wrapper input,
.form-wrapper textarea,
.form-wrapper select {
    box-shadow: inset 1px 2px 4px rgb(0 0 0 / 1%), 0px 0px 8px rgb(0 0 0 / 20%);
}

.d-grid {
    display: grid;
}

.two-grid-col {
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 15px;
}

.card .card-select {
    border: 2px solid #ddd;
    padding: 3px;
}

.align-items-center {
    align-items: center;
}

.form-wrapper .page-desc h5,
.form-wrapper .shipping-block h3,
.form-wrapper .page-desc h3 {
    color: #00448d;
}

.shipping-block .row .col-sm-6,
.shipping-block .row .col-sm-3,
.shipping-block .row .col-sm-4,
.shipping-block .row .col-sm-12,
.shipping-block .row .col-lg-12,
.shipping-block .row .col-lg-12 {
    margin: 8px 0px;
}

.accordian-panel .panel .panel-heading {
    background-color: white;
}

.accordian-panel .panel .panel-body {
    background-color: #f5f5f5;
}

.accordian-panel .panel .panel-body input {
    margin: 10px 0px;
    margin-right: 10px;
}

.accordian-panel .panel .panel-body input:last-child {
    margin-right: 0px;
}

.panel-right-border {
    border-right: 1px solid #ddd;
}

.management-quantity {
    min-width: 40px;
    border-radius: 4px;
}

.fw-600 {
    font-weight: 600;
}

.fs-18 {
    font-size: 18px;
}

.col-4 {
    width: 33.33%;
}

table.shop-details tr th {
    padding: 20px 0px;
} 

table.shop-details tr {
    border-bottom: 1px solid #ddd;
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.border-bottom {
    border-bottom: 2px solid #ddd;
}

.subtotal p {
    margin-bottom: 0px;
    font-weight: 600;
}

.main-price {
    font-size: 20px;
}

.order-card {
    padding: 20px;
    margin-bottom: 0px;
}

.order-card p {
    margin: 0px;
}

.order-card p:first-child {
    font-size: 22px;
    margin-bottom: 10px;
}

.order-card p span {
    font-weight: 600;
}

.colo-00448d {
    color: #00448d;
}

table.shop-details.noborder tr {
    border-bottom: 0px;
} 

.ml-0{
    margin-left: 0px !important;
}
.card-expiry-year{
    margin-left: -13px !important;
    border-left: 0px !important;
}  
.tr_hide{
    display: none;
}
.mt-21{
    margin-top: -21px;
}
.ml-15{
    margin-left: 15px;
}
.ml-21{
    margin-left: 21px; 
}
.alert-success{
    font-size: 20px;
    font-weight: bold;
}
.payment_icon{
    height: 30px;
}
.ml-176{
    margin-left: 176px;
}
.mb-5{
    margin-bottom: 5px;
}
.error_message{
    color:red;
}

.tooltip1 {
    position: relative;
    display: inline-block;
  }
  
  .tooltip1 .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    transition: opacity 0.3s;
  }
  
  .tooltip1 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .tooltip1:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

  .tooltip2 {
    position: relative;
    display: inline-block;
  }
  
  .tooltip2 .tooltiptext2 {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    transition: opacity 0.3s;
  }
  
  .tooltip2 .tooltiptext2::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .tooltip2:hover .tooltiptext2 {
    visibility: visible;
    opacity: 1;
  }

  .tooltip3 {
    position: relative;
    display: inline-block;
  }
  
  .tooltip3 .tooltiptext3 {
    visibility: hidden;
    width: 202px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    transition: opacity 0.3s;
  }
  
  .tooltip3 .tooltiptext3::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .tooltip3:hover .tooltiptext3 {
    visibility: visible;
    opacity: 1;
  }
  .product_image{
    width:100%;
  }
 .mt-46{
    margin-top: 46px !important;
  }
 .qty{
    width:100px;
 }