.grey-background {
  background-color: #D8DDE3; }

#customer-app .fa.fa-phone {
  color: #2ab673; }

#customer-app md-sidenav,
md-sidenav.md-locked-open,
#customer-app md-sidenav.md-sidenav-left {
  background-color: #6a717f; }

#customer-app md-toolbar.main_toolbar {
  background-color: #20242d !important;
  border-bottom: 1px solid #49778B; }

.errorMessage {
  color: maroon;
  transition: all ease .3s;
  padding: 5px; }

.errorMessage span {
  color: maroon;
  transition: all ease .3s;
  position: relative;
  top: -15px; }

.errorMessageMaterial {
  color: maroon; }

.errorMessageMaterial span {
  color: maroon;
  transition: all ease .3s;
  position: relative;
  top: 5px; }

.dtp div.dtp-date, .dtp div.dtp-time {
  background: #51b6e0;
  text-align: center;
  color: #fff;
  padding: 10px; }

.dtp table.dtp-picker-days tr > td > a.selected {
  background: #51b6e0;
  color: #fff; }

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: #2185af;
  color: #fff;
  text-align: center;
  padding: 3px; }

.dtp .dtp-picker-time > a.dtp-select-hour.selected {
  background: #51b6e0;
  color: #fff; }

.dtp .dtp-actual-meridien a.selected {
  background: #51b6e0;
  color: #fff; }

.dtp .dtp-hand.on {
  background: #51b6e0; }

.dtp-clock-center {
  background: #2185af; }

.blueTitle {
  padding: 5px 10px;
  border-radius: 50px;
  position: relative;
  top: 50px; }

.blueTitle h6 {
  color: #fff;
  text-align: left;
  font-size: 20px; }

.cust-referal .blueTitle2 {
  border-radius: 0 !important; }

.referralRow .title {
  color: #444 !important; }

.referralData {
  margin: 0 !important;
  padding: 80px 0px 20px;
  background: #fff;
  text-align: center;
  margin-bottom: 20px !important;
  border-radius: 25px 25px 0px 0px; }

.referralContainer {
  background: #eee; }

.postLoader {
  position: fixed;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 16px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999999;
  transition: all ease .5s; }

.postLoader i {
  color: #fff !important;
  position: relative;
  top: 50%;
  left: 50%;
  transition: all ease .5s; }

.medsFileData {
  background: #51b6e0;
  color: #fff;
  padding: 7px;
  border-radius: 50px;
  font-size: 16px; }

.userHospName {
  background: #efefef;
  padding: 5px 5px;
  color: #444;
  box-shadow: -2px 2px 10px #949292; }

.smooth-in-out {
  transition: all ease .5s; }

#customer-app .logo_img {
  border: 3px solid #e7e7e7;
  border-radius: 50%;
  margin: 20px 80px;
  max-height: 100px;
  max-width: 100px;
  padding: 0; }

#customer-app md-toolbar h1.md-toolbar-tools {
  background-color: #6a717f !important;
  padding-left: 50px;
  font-size: 30px;
  color: #ffffff; }

#customer-app md-toolbar i.green {
  color: #2ab673; }

#customer-app .welcome {
  color: #ffffff; }

#customer-app md-toolbar.toolbar {
  background-color: #262b36; }

#customer-app .user-details {
  color: #9fb1b9;
  font-weight: 600;
  font-size: 13px !important; }

#customer-app .md-divider-white {
  border-top-color: #9fb1b9 !important; }

#customer-app h4 {
  color: #9fb1b9; }

#customer-app .icon-padding-right {
  padding-right: 12px;
  padding-left: 20px; }

#customer-app .nav_menu {
  background-color: transparent !important; }

#customer-app .nav_menu:hover, #customer-app .nav_menu.active {
  background-color: #f06f6f !important;
  border-radius: 50px; }

#customer-app .nav_menu:hover, #customer-app .nav_menu.active h4 {
  color: #FFFFFF !important; }

#customer-app .nav-menu .md-button:not([disabled]):hover {
  background-color: transparent !important; }

#customer-app .fa {
  color: #ffffff; }

#customer-app md-sidenav {
  max-width: 220px !important; }

#customer-app .menu-button {
  margin-right: 70px !important; }

#customer-app .margin-left-toolbar {
  margin-left: 90px; }

#customer-app .logo {
  margin-left: 25px;
  margin-top: 10px; }

@media screen and (max-device-width: 480px) {
  #customer-app .margin-left-toolbar {
    margin-left: 0px !important; }
  #customer-app .menu-button {
    margin-right: 0px !important; }
  #customer-app .toolbar-mobile {
    height: 56px;
    max-height: 56px;
    background-color: #6a717f !important; } }

#reserve-wrapper
{
    margin-top: 55px;
}
.reserve-top-gap
{
    margin-top: 15px;
}
#reserve-wrapper .reserve-card-balance button
{  
    border-radius: 16px!important;
    width: 50%;
    margin: 0px auto;
    margin-top: 20px;
}
#reserve-wrapper .reserve-card-balance
{
    position: relative;
}
.reserve-card-balance-header {
    position: absolute;
    top: 10px;
    left: 14px;
}
.reserve-card-balance-header span
{
    margin-right: 4px;
    font-size: 20px !important;
}

.reserve-card-balance-header span i
{
    color: #0000008c!important;
    font-size: 26px;
}
.expand-reserve-plan-link {
    position: absolute;
    top: 12px;
    right: 12px;
}
.expand-reserve-plan-link a
{
    color: #333;
}
#reserve-wrapper  label.logoAP>img
{
    width: 18px;
    position: absolute;
    top: -2px;
    margin-left: -5px;
}
#reserve-wrapper .reserve-headline {
    position: absolute;
    top: -12px;
    font-size: 21px;
}
.reserve-card-balance p
{
    margin-top: 10px;
}
.reserve-card-balance label
{
    display: block;
    font-size: 14px;
    color: #5E6161;
    font-weight: 100;
    margin-top: 6px;
}
.reserve-explain {
    position: absolute;
    top: 14px;
    right: 12px;
}
.reserve-explain a
{
    color: rgba(0, 0, 0, 0.72);
    font-weight: 600;
}

#reserve .titlebar{
    background: #2d7abf;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    margin-top: 10px;
}
#reserve .plan-detail-cell{
    background: #ecedee;
    height: 140px;
    color: #d3d3d3;
    position: relative;
}
#reserve .mt-s{
    margin-top: 10px;
}
#reserve .plan-detail-section .row.mt-s>.col-sm-6:first-child{
    padding-right:5px!important;
}
#reserve .plan-detail-section .row.mt-s>.col-sm-6:last-child{
    padding-left:5px!important;
}
#reserve .v-center{
    position: absolute;
    width: 100%;
    text-align: center;
    top:50%;
    transform:translateY(-50%);
}
#reserve p{
    margin:0;
}
#reserve img.card-img{
    width: 95%;
    margin: 5px auto;
}
#reserve i, #reserve strong{
    color: #5E6161!important;
}
#reserve>section:last-child{
    margin-bottom: 30px;
}
#reserve table.table.table-bordered td{
    background: #f5f5f5;
}
#reserve table.table.table-bordered td,#reserve table.table.table-bordered th{
    padding:5px!important;
    vertical-align: middle;
    font-size: 12px;
    border:2px solid #fff;
    border-bottom-width: 5px;
}
#reserve table.table.table-bordered thead>tr>th{
    border-bottom: none;
}
#reserve table.table.table-bordered thead>tr>th:not(:last-child){
    border-right-color: #bebebe!important;
}
#reserve .lh-34{
    line-height: 34px;
    display: inline-block;
}
#reserve select.form-control{
    display: inline-block!important;
    width: auto!important;
}
#reserve tr[ng-repeat="record in records"]>td:last-child {
    word-break: break-word;
    width: 150px;
}
/***** flip card css start *******/
.container-card-reserve{
    min-height: 230px;
    position: relative;
    border: 0px solid #ccc;
    outline: none;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}
#card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    outline: none;
}
#card div {
    display: block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
#card .front {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0px -15px 0px -15px;
    /* width: 100%; */
    padding: 12px 15px;
}
#card .back {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0px -15px 0px -15px;
    /* width: 100%; */
    padding: 12px 15px;
    background: #3fa5b1;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
#card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
ul.savings-reserve-graph {
    width: 100%;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
ul.savings-reserve-graph li
{
    float: left;
    width: 50%;
}
.container-card-reserve .back i
{
    font-size: 50px;
}
.container-card-reserve .back p 
{
    color:#fff;
    font-size: 16px;
}
.container-card-reserve .back p span 
{
    display: block;
}
.container-card-reserve .back a
{
    color: #fff; 
    font-weight: 600;
}
.calendar-saving-icon {
    margin-bottom: 15px;
}

#reserve-wrapper .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #3fa5b1!important;
}
#reserve-wrapper .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0.31);
    border: 0px solid #dedbdb;
    border-radius: 10px;
}
.reserve-plan-slider {
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
}
.reserve-plan-slider #reserveCarousel
{
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px;
}
#reserveCarousel .carousel-inner {
    text-align: center;
}
#reserveCarousel .carousel-inner .item p
{
    font-size: 16px;
    padding: 12% 0px;
}

#reserveCarousel .carousel-indicators {
    bottom: 10px;
    z-index: 0;
}
ul.lock-unlock-rewards {
    float: left;
    padding: 0;
    list-style: none;
    width: 100%;
}
ul.lock-unlock-rewards li{
    float: left;
    width: 50%;
    position: relative;
    /*    border-right: 1px solid #3fa5b1;*/
}
ul.lock-unlock-rewards li:first-child:before
{
    display: block;
    content: '';
    background: silver;
    width: 1px;
    position: absolute;
    right: 0;
    margin: auto;
    height: 32px;
    top: 0;
    bottom: 0;
}
ul.lock-unlock-rewards li:last-child
{
    border: none;
}
#reserveCarousel .carousel-inner>.item >i
{
    color: #333333a6 !important;
    font-size: 18px;

}
#reserveCarousel .carousel-inner>.item h3
{
    font-size: 24px;
    margin-bottom: 20px; 
}
ul.lock-unlock-rewards li i
{
    color: #33333361 !important;
    font-size: 20px;
}
ul.lock-unlock-rewards li:first-child i
{
    color: #3fa5b1 !important;
    font-size: 20px;
}
ul.lock-unlock-rewards li:first-child span
{
    color: #3fa5b1 !important; 
}
ul.lock-unlock-rewards li:last-child div i
{
    color:#33333369 !important;
}
ul.lock-unlock-rewards li:last-child div {
    font-size: 24px;
    color: #33333369;
}
ul.lock-unlock-rewards li:last-child span
{
    color: #33333369;
}
ul.lock-unlock-rewards li div
{
    font-size: 24px;
}
ul.lock-unlock-rewards li span
{
    font-size: 16px;
}
#reserveCarousel .carousel-inner>.item h3 i
{
    color:#333 !important;
    font-size: 20px;
}
#benefitsp-explain {
    float: left;
    width: 100%;
    background: #fff;
    margin: 10px 0px;
    padding: 10px 10px;
}
#benefitsp-explain .benifit-header h3{ 
    margin: 0;
    margin-bottom: 5px;
    font-size: 20px;
}
#benefitsp-explain .benifit-header
{
    border-bottom: 2px dotted #33333340;
    padding: 0px 0px 10px 8px;
    margin-bottom: 10px;
}
#benefitsp-explain .rewards-section {
    border-right: 2px dotted #33333342;
    min-height: 105px;
    padding: 8px 8px;
}
#benefitsp-explain .rewards-section:nth-child(2):hover
{
    cursor: pointer;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    background: #cecccc;
}
#benefitsp-explain .rewards-section:last-child
{
    border: none;
}
#benefitsp-explain .rewards-section ul
{
    float: left;
    width: 100%;
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}
#benefitsp-explain .rewards-section ul li
{
    float: left;
    width: 50%;
}
.reward-ex {
    float: left;
    width: 100%;
}
.reward-ex+div
{
    float: right;
}
#benefitsp-explain .rewards-section ul li label
{

}
#benefitsp-explain .rewards-section ul li button
{

}
.onoffswitch {
    position: relative; width: 52px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    float: right;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 0px solid #EBEBEB;
    border-radius: 15px;
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 24px; padding: 0; line-height: 24px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 7px;
    background-color: #34A7C1;
    color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 7px;
    background-color: #F0EDED;
    color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block;
    width: 23px;
    margin: 3px;
    background: #FFFFFF;
    position: absolute;
    top: -4px;
    bottom: 1px;
    right: 24px;
    border: 2px solid #EBEBEB;
    border-radius: 15px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: -3px;
}
#reserve-explain-container {
    margin-top: 72px;
}
.bg-white-box {
    background: #fff;
    padding: 4px 15px;
}
.bg-white-box img
{
    width: 150px;
}
#flex-container {
    display: flex;
    margin-bottom: 15px;
}
#flex-container > div
{
    padding-right: 0;
    display: -webkit-box;
}
#flex-container > div:last-child
{
    padding-right: 15px;
}
.reserveExpalinContent p 
{

}
.reserveExpalinContent h3
{
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0px;
}
.piggybankreserve {
    text-align: center;
}
.piggybankreserve img{
    width:44px;
}
.cardDetailssection strong 
{
    font-size: 14px;
}
ul.whereIcanspend {
    float: left;
    padding: 0;
    display: block;
    list-style: none;
    width: 100%;
}
ul.whereIcanspend li
{
    display: inline-block;
    padding: 0px 20px 0px 0px;  
}
ul.whereIcanspend li img
{
    width: 24px;
}
ul.whereIcanspend li p
{
    margin-top: 4px;
    font-size: 14px;
    text-transform: capitalize;
}
ul.explaincontacttous {
    float: left;
    text-align: left;
    padding: 0;
    list-style: none;
}
.explaincontacttous li
{
    margin: 10px 0px;
    font-size: 16px;
}
.explaincontacttous li span
{

}
.explaincontacttous li span i
{
    color:#333 important;
}
#reservetransactiondata {
    background: #fff;
    float: left;
    width: 100%;

}
.reservecardbalandunlock
{
    float: left;
    width: 100%;
    margin-bottom: -21px;
    margin-top: 15px;
}
.reservecardbalandunlock ul
{
    list-style: none;
    padding: 0;
    display: inline-block;
    float: left;
    width: 100%;
}
.reservecardbalandunlock ul li
{
    display: inline-block;
    width: 46%;
    position: relative;
}
.reservecardbalandunlock ul li p
{
    margin: 0;
}
.reservecardbalandunlock ul li span
{
    font-size: 24px;
}
.reservecardbalandunlock ul li:first-child i
{
    color: #3fa5b1 !important;
    font-size: 41px;
    float: left;
    margin-top: 7px;
}
.wrp {
    float: left;
    padding: 0px 0px 0px 10px;
}
.reservecardbalandunlock ul li:last-child i
{
    color: #333!important;
    font-size: 41px;
    float: left;
    margin-top: 10px;
}
.reservecardbalandunlock .trancationCard li:first-child
{
    float: left;
    width: auto;
}
.reservecardbalandunlock .trancationCard li:last-child
{
    float: right;
    width: auto;
}
ul.trancationCard {
    padding: 0px 36px;
}
.leftReserveDiv {
    float: left;
    width: 100%;
    margin-bottom: 12px;
    background: #fff;
    padding: 18px 2px;
    position: relative;
    padding-bottom: 30px;
}
#reservetransactiondata 
{

}
.reservetransactiondata-panel .panel-heading
{
    background: #333;
    padding: 0;
}
#reservetransactiondata  .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    /* background-color: #fff; */
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border: none;
}
#reservetransactiondata .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    border-right: 1px solid #bdbdbd;
    padding: 0px 37px;
}
#reservetransactiondata .nav-tabs>li:last-child
{
    border: none;
}
#reservetransactiondata  .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #51b6e0 !important;
    cursor: pointer;
    background-color:transparent;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border: none;
}
#reservetransactiondata .nav-tabs {
    border-bottom: 0px solid #ddd;
}
#reservetransactiondata  .nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
    border: none;
    margin-right: 2px;
    line-height: 1.428571429;
    border: 0px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #fff;
}
#reservetransactiondata .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    cursor: pointer;
    border: 0px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 18px;
}
.reservecardbalandunlock ul li span>i
{
    font-size: 20px !important;
    float: none !important;

}
.reservetransactiondata-panel .panel-body .tab-content ul
{
    padding: 12px 8px;
    float: left;
    width: 100%;
    list-style: none;
    box-shadow: -2px 3px 7px 1px #b9b9b9;
    margin-bottom: 15px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li
{
    float: left;
    width: 100%;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>p
{
    margin-bottom: 0px;
    border-bottom: 2px dotted #c3c3c3;
    padding: 0px 0px 6px 0px;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div
{
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 2px dotted #cbcbcb;
    /*    padding: 8px 0px;*/
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>div
{
    /*    float: left;
        width: 100%;
        position: relative;
        border-bottom: 2px dotted #cbcbcb;
        padding: 8px 0px;*/
}

.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>div>label {
    float: left;
    margin-bottom: 0;
}

.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>div>span
{
    float: right;
    width: 100px;
    text-align: right;
    display: block;
    position: relative;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>div>span>i.fa.fa-long-arrow-down
{
    color: #333 !important;
    margin-right: 14px;
    position: absolute;
    left: 25%;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>div>span>i+i
{
    color: #51b6e0 !important;
    margin-right: 0px;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>div>div>span>i
{
    color: #333 !important;
    margin-right: 14px;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>div>div>span>i.fa-long-arrow-up
{
    color: #51b6e0 !important;
    position: absolute;
    left: 25%;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>div>div>span>i+i
{
    color: #51b6e0 !important;
    margin-right: 0px; 
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>div>div {
    float: left;
    width: 100%;
    padding: 0px 0px;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>div>div>span {
    float: right;
    width: 100px;
    text-align: right;
    display: block;
    position: relative;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>div>div>label {
    float: left;
    margin-bottom: 0;
}
.reservetransactiondata-panel .panel-body .rewardPlan>span>i
{
    color: #333 !important;
    margin-right: 14px; 

}
.reservetransactiondata-panel .panel-body .rewardPlan>span>i+i
{
    color: #51b6e0 !important;
    margin-right: 0px; 
}
.reservetransactiondata-panel .panel-body .rewardPlan {
    /*    padding: 8px 0px !important;*/
    border-bottom: 2px dotted #cdcdcd;
    float: left;
    width: 100%;
}
.reservetransactiondata-panel .panel-body .rewardPlan>label
{
    float: left
}
.reservetransactiondata-panel .panel-body .rewardPlan>span
{
    float: right;   
}
.reservetransactiondata-panel .panel-body .rewardPlan:first-child
{
    /*    margin-top: -15px;
        padding: 8px 0px 5px 0px;*/
}
.reservetransactiondata-panel .panel-body .rewardPlan:last-child
{
    border: none;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>div:last-child
{

}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div:last-child
{
    border: none;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>label
{
    float: left;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>span
{
    float: right;

}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>span>i
{
    color: #51b6e0 !important;
    padding-right: 7px;
}
.reservetransactiondata-panel .panel-body .tab-content ul.tileTabs >li>div>span>i+.fa
{
    color: #333 !important;
    padding-right: 0px;
}
.reservetransactiondata-panel .panel-body {
    padding: 15px;
    max-height: 388px;
    overflow: auto;
    min-height: 350px;
}
.footerreserve>div:first-child
{
    padding-left: 0;
}
.footerreserve>div:last-child
{
    padding-right: 0;
}
.footerreserve #card5 i
{
    margin-top: 18px;  
}
.footerreserve #card8 i
{
    margin-top: 10px;   
}
.footerreserve strong.card-title {
    color: #fff;
}
.is-table-row-reservetransaction {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
}
.resv-pad-right
{
    padding-right: 0;
}
.panel-body.customLoader
{
    /*    overflow: hidden;*/
    background: #fff;
    z-index: 9999999;
}
.panel-body.customLoader .lds-ellipsis 
{
    display: inline-block;
}
.panel-body .lds-ellipsis 
{
    /*    display: none;*/
}
.alertEndData {
    float: left;
    width: 100%;
    padding: 1px 8px;
    background: #3fa5b1;
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
    border-radius: 3px;
    box-shadow: -2px 3px 7px 1px #b9b9b9;
}
.alertEndData p
{

    color: #fff;
    margin: 0;
    padding: 6px 0px;
}
.lds-ellipsis {
    display: inline-block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
}
.lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #000;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}
.groupingDatereserve .saving .rewardPlan
{
    padding: 10px 0px !important;
}
.groupingDatereserve .saving1
{
    padding: 10px 0px !important;
    float: left;
    width: 100%;
}
.groupingDatereserve .approved
{
    padding: 10px 0px !important;
    float: left;
    width: 100%;
}
div#mobReseveCardBal {
    position: relative;
    top: 54px;
}
#mobReseveCardBal h3 span 
{
    font-size: 24px !important;
}
.reservetransactiondata-panel
{
    position: relative;
}
div#commonLoaderAP {
    position: fixed;
    width: 100%;
    right: 0;
    bottom: 0;
    top: 0;
    background: #ffffff;
    z-index: 99999;

}
div#commonLoaderAP .lds-dual-ring img
{
    position: absolute;
    top: 14px;
    left: 17px;
}
#commonLoaderAP .lds-dual-ring {
    display: inline-block;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#commonLoaderAP .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 60px;
    height: 60px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid rgb(255, 255, 255);
    border-color: #5e6161 white #4bb674 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media(max-width:767px)
{
    #reserve-wrapper {
        margin-top: 0px;
    }
    .pad-left-max-767
    {
        padding-left: 0;
    }
    div#commonLoaderAP
    {
        width: 100%;
    }
    #reservetransactiondata .nav-tabs>li {
        float: left;
        margin-bottom: -1px;
        border-bottom: 1px solid #bdbdbd;
        padding: 0px 37px;
        width: 100%;
        text-align: center;
        border-right: none;
    }
    #benefitsp-explain .rewards-section {
        border-bottom: 2px dotted #33333342;
        min-height: 90px;
        padding: 8px 8px;
        border-right: 0;
    }
    .reserve-card-balance h3 span
    {
        font-size: 24px !important;
    }
    .reservecardbalandunlock ul li span {
        font-size: 24px !important;
    }
    #reserve-wrapper .reserve-card-balance {
        position: relative;
        top: 0px;
    }
    #mobReseveCardBal
    {
        position: relative;
        top: 54px !important;
    }
    #reserve-explain-container {
        margin-top: 15px;
    }
    #flex-container > div {
        padding-right: 15px !important;
        display: -webkit-box;
        margin-bottom: 15px;
    }
    #flex-container {
        display: block;
        margin-bottom: 15px;
    }
    .bg-white-box {
        background: #fff;
        padding: 4px 15px;
        width: 100%;
    }
    ul.explaincontacttous {
        float: left;
        text-align: left;
        padding: 0;
        list-style: none;
        width: 100%;
    }
    .explaincontacttous li {
        margin: 10px 0px;
        font-size: 16px;
        float: left;
        width: 100%;
        text-align: center;
    }
}

#customer-app .md-calendar-day-header {
  background-color: #51B6E0; }

#customer-app .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
  background: #51B6E0; }

i.glyphicon:focus, th:focus {
  outline: none !important; }

#customer-app.md-calendar-date.md-focus .md-calendar-date-selection-indicator, #customer-app .md-default-theme .md-calendar-date-selection-indicator:hover, .md-calendar-date-selection-indicator:hover {
  background: #51b6e0; }

#customer-app .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border: 1px solid #51b6e0; }

#customer-app .plansInfo {
  color: #5E6161 !important;
  font-weight: 500;
  margin-left: 20px; }

#customer-app .plansStatus {
  color: #5E6161 !important;
  font-weight: 500;
  margin-left: -10px; }

#customer-app .plan-total-info {
  font-size: 16px;
  color: #5E6161 !important; }

#customer-app .quote-text {
  color: #5E6161 !important;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 18px; }

#customer-app .view-full-plan {
  font-size: 16px;
  color: #5E6161 !important; }

#customer-app .progress-indicator > li .bubble {
  width: 58px !important;
  height: 20px !important;
  background-color: #ebebeb !important;
  border-bottom: 0px solid transparent; }

#customer-app .progress-indicator > li.completed .bubble, .progress-indicator > li.completed .bubble:after, #customer-app .progress-indicator > li.completed .bubble:before {
  background-color: #00BE74 !important;
  z-index: 99; }

#customer-app .progress-indicator > li .bubble:after, #customer-app .progress-indicator > li .bubble:before {
  height: 6px !important;
  top: 23px;
  background-color: #ebebeb !important;
  z-index: 98; }

#customer-app .progress-indicator > li.completed, #customer-app .progress-indicator > li.completed .bubble {
  color: #5E6161 !important; }

#customer-app .progress-indicator > li {
  color: #5E6161 !important; }

#customer-app .padding {
  padding: 10px !important; }

#customer-app .devider {
  border-left: 1px solid #eee;
  height: 150px; }

#customer-app .view-full-schedule {
  text-decoration: none !important;
  color: #5E6161 !important; }

#customer-app .md-card-plans-status {
  height: 200px; }

#customer-app .calender {
  margin-left: 18px; }

#customer-app .custom-calender {
  width: 280px;
  margin-top: -5px; }

#customer-app .datetimepicker .table > thead > tr > th {
  padding: 0px !important;
  font-size: 15px !important; }

#customer-app .datetimepicker > td {
  font-size: 10px !important; }

#customer-app .datetimepicker .table > tbody > tr > td, #customer-app .table > tbody > tr > th, #customer-app .table > tfoot > tr > td, #customer-app .table > tfoot > tr > th, #customer-app .table > thead > tr > td, #customer-app .table > thead > tr > th {
  padding: 0px !important; }

#customer-app md-toolbar.md-medium-tall {
  height: 48px;
  min-height: 48px;
  max-height: 67px; }

#customer-app #loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9; }

@keyframes geet {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#customer-app .load-circle-parent {
  width: 40px;
  height: 40px;
  display: block; }

#customer-app .load-circle {
  width: 100%;
  height: 100%;
  animation: geet 0.5s linear infinite;
  border-radius: 50%;
  border: 2px solid #fff;
  border-top-color: #222222; }

#customer-app .pos-rel {
  position: relative; }

#customer-app .pos-abs {
  position: absolute; }

@media screen and (max-device-width: 480px) {
  #customer-app .date {
    font-size: 12px !important; }
  #customer-app .amount {
    font-size: 12px !important; }
  #customer-app .installment-number {
    font-size: 12px !important; }
  #customer-app .mobile-text-small {
    font-size: 15px !important; }
  #customer-app .md-card-plans-status {
    height: 180px !important; } }

.toolbar-blue {
  background: #51b6e0; }

.payment-calender tr {
  border-bottom: 10px solid #FFF !important; }

.payment-calender td {
  background: #eee; }

.toolbar-white {
  background: #ffffff; }

.payments-calender {
  color: #2ab0c0;
  font-weight: 600; }

.border-right {
  border-right: 2px solid rgba(0, 192, 116, 0.45); }

.pd-r-80 {
  padding-right: 80px; }

.paymentText {
  width: 145px;
  position: relative;
  display: block;
  margin: 0 auto; }

.payment-details h4 {
  text-align: right;
  color: #6a717f !important;
  font-size: 23px;
  display: block;
  position: relative;
  line-height: 1em; }

.payment-details span {
  text-align: right;
  color: #2ab0c0;
  font-weight: 600;
  display: block;
  font-size: 12px; }

.danger {
  background-color: #F06F6F; }

.date {
  color: #5E6161;
  font-size: 15px; }

.btn-success {
  color: #fff;
  background-color: #2ab0c0;
  border-color: #2ab0c0;
  width: 40%;
  margin: 0;
  padding: 0; }

.disabled {
  color: #ffffff;
  background-color: #C9C9CA;
  width: 40%;
  margin: 0;
  padding: 0; }

.not-paid {
  color: #ffffff;
  background-color: #f06f6f;
  width: 40%;
  margin: 0;
  padding: 0; }

.btn-round {
  border-radius: 20px;
  -webkit-border-radius: 20px; }

.amount {
  color: #5E6161;
  font-size: 15px; }

.installment-number {
  color: #5E6161;
  font-size: 15px; }

.table-head-bold {
  color: #5E6161;
  font-size: 15px;
  font-weight: 600; }

td {
  color: #5E6161;
  font-size: 15px; }

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  font-size: 15px; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  text-align: center !important; }

md-toolbar.md-medium-tall {
  height: 48px;
  min-height: 48px;
  max-height: 67px;
  z-index: 1 !important; }

@media screen and (max-device-width: 480px) {
  span {
    font-size: 12px !important; }
  td {
    font-size: 12px !important; } }

.terms-page-text {
  color: #626262;
  font-size: 16px;
  font-weight: normal;
  text-align: justify;
  margin-right: 15px; }

.white-panel i {
  color: #68dff0;
  padding-right: 4px;
  font-size: 14px; }

.no-decoration {
  text-decoration: none !important;
  cursor: pointer; }

.fa-plus-circle:before {
  content: "\f055";
  color: black; }

.fa-minus-circle:before {
  content: "\f056";
  color: black; }