/*====== Page Style ======*/

.login-page {
    height: 100%;
    background: #f0f3f5 !important;
}


.m-100{
    min-width: 110px;
}

.login-page .form-c {
    background: #fff;
    border: 1.5px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 5px;
    width: 100%;
    padding: 11px 10px;
}

.login-page p.footer-badge.text-center {
    position: relative;
    bottom: 0;
    left: 0;
    color: #333;
    right: 0;
}

.login-page .btn-next{
    background: #2857FF;
    border-radius: 5px;
    border: 0;
    width: 100%; 
    padding: 10px 25px;
    color: #fff;
    float: right;
    transition: 0.8s;
}

.login-page .btn-next:hover {
    background: linear-gradient(271.57deg, #191e5c 0%, #193075 100%);
	transition: 0.8s;
}

.col-sm-12.actionBar {
    padding: 0;
}

a:hover {
    color: #222;
}

.btn-book {
    background: linear-gradient(180deg, #35AAFF 0%, #3576FF 100%);
    color: #fff;
    border-radius: 7px;
    text-align: center;
    padding: 8px 0px;
}

.btn-book:hover {
    background: linear-gradient(180deg, #1a8cde 0%, #3576FF 100%);
    color: #fff;
}

.bg-feef {
    background: #e9eff6;
}

.bor-b {
    border-bottom: 1px dashed #ccc !important;   
}

.table-sm th, .table-sm td {
    padding: 0.3rem !important;
    font-size: 12px;
}

.ale {
    right: 0;
    bottom: 50px;
}

.t-fix {
    table-layout: fixed;
}

.card-header p {
    text-transform: uppercase;
    font-size: 14px;
}

.fh {
    height:30px;
}

.toast {
    width: 270px;
}

.w50 {
    width:50%;   
}

.w-40 {
    width: 40px;   
}

.cir2 {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 10px solid #E9EFF6;
    margin: 0 auto;
    box-shadow: inset 0px 0px 9.33547px rgb(0 0 0 / 10%);
    text-align: center;
    vertical-align: center;
}


.table>thead>tr>th {
    color: #707A89; 
}

#overlay {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    cursor: pointer;
}

.heii p {
    margin-bottom: 0px;
}

#overlay .spinner-border{
    margin-top: 20%;
}

.tx-13 {
    font-size: 12.2px !important;
}

.nav.nav-tabs  li a.active {
    background: #2e3092;
    color: #fff;
    text-decoration: none;
}

.inner-body .col-lg-10 {
    max-width: 100% !important;
    flex: 100% !important;
    width: 100%;
    margin-top: 75px;
}

.row.btn-box-row.row-fluid {
    margin-left: 0px;
}

.table>thead>tr>th {
    vertical-align: middle !important ;
}

.label {
    font-weight: 400;
    font-size: 12px !important;
}

.form-inline {
    display: block;
}

.actions.btn-group {
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 5px 0px;
}

.module-body.table .btn {
    margin-top: 15px;
}

.module-body.table {
    padding: 0px 0;
}

.bg-f8 {
    background: #5A57F8;
}

.bg-f4 {
    background: #F4896B;
}

.bg-8B {
    background: #8BB7A2;
}

.bg-46 {
    background: #46BB83;
}

.bg-12 {
    background: #121E49;
}

.bg-4b {
    background: #4BAAEE;
}

.bg-FD {
    background: #FD6D6D;
}

.bg-fe {
    background: #fef1ed;
}

.bg-fef {
    background: #FEF3F1;
}

.opacity-6 {
    opacity: 0.6;
}

.bg-f2 {
    background: #F2E8FF;
}

.text-FD {
    color: #FD6D6D;
}

.bor-gra {
    box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.05) !important;
}

.w-40 {
    width: 40%;
}

.w-33 {
    width: 20%;
}

.bg-67 {
    background: #6764f5;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
}

.text-a6 {
    color: #a6a5f5; 
}

.text-5d {
    color: #4B465C;
   
}

#5D586C

.text-26 {
    color: #264EE2; 
}

.text-73 {
    color: #7367F0;
}

.bg-f41 {
    background: #f4f3fe;
}

.bg-28 {
    background: #eefbf3;
}

.bg-288 {
    background: #fdf1f1;
}

.text-height-0 {
    line-height: initial;
}

.text-op {
    color: #FFFFFF;
    opacity: 0.7;
    line-height: 16px;
}

.tx-ov {
    width: 98px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.bl-c1 {
    border-left: 2px solid #5A57F8 !important;
}

.bl-c2 {
    border-left: 2px solid #6DC0FD !important;
}

.tx-38 {
    font-size: 38px;
    line-height: 38px;
}

.bl-c3 {
    border-left: 2px solid #F4896B !important;
}

.bl-c1 {
    border-left: 2px solid #5A57F8 !important;
}


@media (max-width: 767.98px) {
    
.inner-body .col-lg-10 {
    margin-top: 80px;
}

.w-40 {
    width: 100%;
}

.w-33 {
    width: 50%;
}

}

.bg-theme2 {
    background: #2e3092;
}

.bg-theme {
    background: #2857FF;
}

.text-gold {
    color: #F0E944;
}

#form-forex .input-group-text {
    border: 1.5px solid #cccccc;
}

#form-forex .form-control{
    height: 36px;
}

.fileUpload input.uploadlogo {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin-top: 0;
}

.blue-btn {
    border: 1px dashed #242631;
    box-shadow: 0px 0px 34px rgba(255, 233, 217, 0.64);
    border-radius: 8px;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.h-25 {
    height: 25px 
}

label.newbtn {
    background: #19b159;
    height: 120px;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 122px;
}

.h-k { 
    height: 100px !important;
}

.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: 8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: 8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.circle-icon {
    width: 42px;
    height: 42px;
    border-radius: 30px;
} 

.circle-refund {
    width: 100px;
    height: 100px; 
}

.circle-refund-text {
    top: 27px;
    left: 0;
    text-align: center;
    right: 0;
}

.circle-icon i {
    line-height: 40px;
}

ul.timeline {
    list-style-type: none;
    margin-left: 35px;
}

ul.timeline:before {
    content: ' ';
    background: #e6e7f0;
    display: inline-block;
    position: absolute;
    left: 28px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

ul.timeline > li:before {
    content: ' ';
    background: #011169;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #e6e7f0;
    left: 19px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

.card-title {
    margin-bottom: 0rem;
    color: #011169;
    
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
}

.text-p1 {
    color: #a59dc1;
    font-weight: 300;
}

.border-d {
    border-bottom: 1px dashed #000000;
    border-color: #cfcfcf;
}

.text-t1 {
    color: #3a3350;
    font-weight: 400;
    font-size: 13px;
}

.text-t2 {
    color: #9b96a9;
    font-weight: 100;
}

.t-t1 {
    color: #2e3092;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
}

.t-t3 {
    margin-top: 0;
    margin-bottom: 4px;
}

.btn-theme {
    color:#397BFF ; 
    background-color: #DDECFF;
    border-radius: 3px;
    font-weight: 500;
    font-size: 9px;
    padding: 3px 6px 3px 6px;
}

.col-r {
    color: #EA5455; 
}

.col-g {
    color: #28C76F;
}

.fe-chevron-up {
    color: #28C76F;
} 

.fe-chevron-down {
    color: #EA5455 ;
}

.ce {
    align-items: baseline;
}

.pg-gg {
    font-size: 12px;
    color: #a59dc1;
    line-height: 15px;
    
}

.hd-1 {
    font-weight: 700;
    color: #2A67FF;
    
    font-size: 28px;
}

.cd-1 {
    background-color: #F8F8FA;
}

.card-body {
    flex: 1 1 auto;
    padding: 23px;
}

.cd-3 {
    color: #011169;
    font-weight: 500;
}

.h-4 {
    color: #011169;
    
    margin-top: 6px;
}

.p-6 {
    color: #011169;
   
    font-weight: 600;
    font-size: 10px;
    margin-top: 24px;
}

.p-7 {
    color: #009E47;
    font-size: 11px;
    margin-top: 6px;
    margin-bottom: 23px;
}

.p-8 {
    color: #F41D1E;
    font-size: 11px;
    margin-top: 6px;
    margin-bottom: 23px;
}

.cd-2 {
    background-color: #F8F8FA;
    color: #4B465C;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 11px;
    margin-bottom: 0px;
}

.cd-5 {
    background-color: #011169;
    color: #FFFFFF;
}

.sec {
    color: #2864FF;
}

.bg-icon {

    background: #fff;
    width: 40px;
    height: 40px;
    margin: 0px auto;
    border-radius: 50%;

}

.bg-icon img {
    border-radius: 4px;
    position: absolute;
    width: 26px;
    height: 26px;
    top: 6px;
    left: 2px;
    right: 0px;
}

.t-t {
    color: #4B465C;
  
    font-weight: 500;
}
    

.bg-icon-1 {
    background: #fff;
    width: 40px;
    height: 40px;
    margin: 0px auto;
    border-radius: 50%;
}
    
.bg-icon-1 img {
    border-radius: 4px;
    position: absolute;
    width: 25px;
    height: 24px;
    top: 16px;
    left: 2px;
    right: 0px;
}

.bg-badge-warning {
    color: #FF9F43;
    background-color: rgba(255, 159, 67, 0.08);
    font-size: 16px;
    width: 27px;
    height: 25px;
    margin: 3px auto;
    border-radius: 15%;
}

.bg-badge-info {
    color: #00CFE8;
    background: rgba(0, 207, 232, 0.08);
    font-size: 16px;
    width: 27px;
    height: 25px;
    margin: 3px auto;
    border-radius: 15%;
}
   
.bg-badge-pr {
    background: rgba(115, 103, 240, 0.08);
    color: #7367F0;
    font-size: 16px;
    width: 27px;
    height: 25px;
    margin: 3px auto;
    border-radius: 15%;
}

.t-t2 {
    color: #2864FF;
    font-size: 30px;
}

.t-t5 {
    color: #3c73ff;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Montserrat';
}

.t-t6 {
    color: #4B465C;
    font-family: 'Montserrat';
    font-weight: 500;
}

.t-t-6 {
    color: #021266;
    font-weight: 600;
    font-family: 'Montserrat';
}

.tt-1 {
    color: #2D6BFF;
}

.tx-1 {
    color: #011169;
    font-weight: 500;
    font-size: 13px;
}

.bg-badge-demo1 {
    color: #4B465C;
    background-color: rgba(115, 103, 240, 0.08);
    font-size: 15px;
}

.tt-2 {
    color: #FF792D;
   
    font-weight: 600;
    font-size: 15px;
}

.progress1 {
    background: linear-gradient(to right, #82CFD0 0%, #82CFD0 40%, #fff 40%, #fff 100%);
    border: solid 2px #82CFD0;
    border-radius: 8px;
    height: 6px;
}

.progress {
    display: flex;
    height: 10px;
    overflow: hidden;
    font-size: 0.65625rem;
    background-color: #f0f0ff;
    border-radius: 3px;
}

.progress-bar {
    background-color: #2D6BFF;
}

.progress-bar2 {
    background-color: #FF792D;
}

.progress-bar3 {
    background-color: #00BBC7;
}

.progress-bar4 {
    background-color: #F821A2;
}

.progress-bar5 {
    background-color: #5C75CE;
}

.tt-3 {
    color: #00BBC7;
   
    font-weight: 600;
    font-size: 15px;
}

.tt-4 {
    color: #F821A2;
   
    font-weight: 600;
    font-size: 15px;
}

.tt-5 {
    color: #5C75CE;
 
    font-weight: 600;
    font-size: 15px;
}

.btn-theme2 {
    color: #28C76F;
    background-color: rgba(40, 199, 111, 0.16);
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    padding: 0px 5px 0px 5px;
}

.bg-badge-cl {
    background-color: #DDECFF;
    color: #011169;
    font-size: 16px;
    padding: 10px 10px 10px 10px
}

.txt-p1 {
    color: #89839f;
  
}

.btn-theme4 {
    font-size: 10px;
    background-color: #153624;
    border-color: #153624;
}

.btn-theme6 {
    font-size: 10px;
    background-color: #FFCCCC;
    border-color: #FFCCCC;
}

.btn-theme8 {
    color: #FFFFFF;
    background: linear-gradient(99.67deg, #2864FF 0%, #62CBEC 99.59%);
   
}

.bg-1 {
    background: #fff;
    width: 40px;
    height: 40px;
    margin: 0px auto;
    border-radius: 50%;
}

.bg-1 img {
    border-radius: 4px;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 28px;
    left: 1px;
    right: 0px;
}

.c-demo1 {
    background: rgb(40,100,255);
    background: linear-gradient(51deg, rgba(40,100,255,1) 51%, rgba(9,9,121,1) 51%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.t-demo1 {
    color: #98F9FF;
    background: #011169;
}

.t-t-demo {
    color: #98F9FF;
    font-weight: 500;
    
}   

.p1-text {
    color: #ffffff;
   
    font-weight: 200;
}

.border-dash {
    border-style: dashed;
}

.bg-badge-t {
    background: #2864FF;
}

.img-1 {
    background-color: #48E9FF;
}

.h-6 {
    color: #011169;
    font-weight: 700;
   
}

.t-th {
    color: #011169;
}

.p-demo {
    color: #a29eb1;
  
    line-height: 18px;
}

.p-demo1 {
    color: #4B465C;
  
    font-weight: 500;
}

.p-demo3 {
    color: #625f6e;
}

.btn-theme9 {
    background: #DEDBE8;
    color: #2864FF;
    font-weight: 700;
    border-radius: 4px;
}

.btn-theme1 {
    background: #28c76f29;
    border-color: #d9f9e729;
    border-radius: 4px;
}

.bg-theme8{
    background: #2864FF;
    border-radius: 0px;
}

.bg-theme9 {
    background: #48B8FF;
    border-radius: 0px;
}

.pg-1 {
    display: flex;
    height: 7px;
    overflow: hidden;
    font-size: 0.65625rem;
    background-color: #f0f0ff;
    border-radius: 20px;
}
    
.c-demo1 {
    background: rgb(40,100,255);
    background: linear-gradient(51deg, rgba(40,100,255,1) 51%, rgba(9,9,121,1) 51%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.t-demo1 {
    color: #98F9FF;
    background: #011169;
}

.t-t-demo {
    color: #98F9FF;
    font-weight: 500;
  
}   

.p1-text {
    color: #ffffff;
  
    font-weight: 200;
}

.border-dash {
    border-style: dashed;
}

.bg-badge-t {
    background: #2864FF;
}

.img-1  {
    background-color: #48E9FF;
}

.h-6 {
    color: #011169;
    font-weight: 600;
  
}

.t-th {
    color: #011169;
}

.p-demo {
    color: #a29eb1;
  
    line-height: 18px;
}

.p-demo1 {
    color: #61548f;
  
    font-weight: 500;
}

.p-demo3 {
    color: #625f6e;
}

.btn-theme9 {
    background: #DEDBE8;
    color: #2864FF;
    font-weight: 700;
    border-radius: 4px;
}

.btn-theme1 {
    background: #28c76f29;
    border-color: #d9f9e729;
    border-radius: 4px;
}

.bg-theme8 {
    background: #2864FF;
    border-radius: 0px;
}

.bg-theme9 {
    background: #48B8FF;
    border-radius: 0px;
}

.pg-1 {
    display: flex;
    height: 7px;
    overflow: hidden;
    font-size: 0.65625rem;
    background-color: #f0f0ff;
    border-radius: 20px;
}

.bg-badge-bb {
    color: #011169;
    background: rgba(0, 207, 232, 0.08);
    font-size: 16px;
    width: 27px;
    height: 25px;
    margin: 3px auto;
    border-radius: 15%;
}

.t1-t {
    color: #4B465C;
  
    font-weight: 500;
}    

.fa-icon {
    color: #4B465C;
}

.bg-icon-4 {
    background-color: #7367f014;
    height: 25px;
    width: 41px;
    border-radius: 5px;
}

.vertical-divider {
  position: absolute;
  display: table;
  text-align: center;
  height: 125px;
  width: 100%;
}
.vertical-divider .center-element {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.vertical-divider .center-element:before,
.vertical-divider .center-element:after {
  position: absolute;
  width: 1px;
  left: 50%;
  border-left: 1px solid #fff;
}
.vertical-divider .center-element:before {
  bottom: 50%;
  top: 0;
  margin-bottom: 20px;
}
.vertical-divider .center-element:after {
  top: 50%;
  bottom: 0;
  margin-top: 20px;
}



.bg-badge-t2 {
    color: #011169;
    background: #00cfe814;
    border-radius: 6px;
    width: 24px;
    height: 24px;
}

.vertical-divider-1 {
  position: absolute;
  display: table;
  text-align: center;
  height: 81px;
  width: 100%;
}
.vertical-divider-1 .center-element-1 {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.vertical-divider-1 .center-element-1:before,
.vertical-divider-1 .center-element-1:after {
  position: absolute;
  content: "";
  width: 1px;
  left: 50%;
  border-left: 1px solid #DBDADE;
}
.vertical-divider-1 .center-element-1:before {
  bottom: 50%;
  top: 0;
  margin-bottom: 20px;
}
.vertical-divider-1 .center-element-1:after {
  top: 50%;
  bottom: 0;
  margin-top: 20px;
}

.vertical {

  display: inline-table;
    width: 140px;
    bottom: 0px;
    position: relative;
    /* height: 41px; */
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

 .bx-1 {
     background: #D1EAF8;
     border-radius: 5px;
 }

.btn-book-1 {
background: #3A7CFF;
color: #fff;
    border-radius: 4px;
}

.bg-11 {
        background-color: #ffff; 
   margin: 16px auto;
}

.main-img {
  display: block;
    position: relative;
    width: 75px;
    height: 78px;
    border-radius: 100%;
    padding: 3px 1px 1px;
}

.text-p { 
  color:#387AFF;
}

.text-c {
    font-weight: 500;
}

.main-img-2 {
    height: 37px;
    padding-top: 3px;
    width: 34px;
}

.tex-1 {
    font-size: 5px;
    padding-top: 23px;
}

.tex-3 {
        background: linear-gradient(90deg, rgba(40,100,255,1) 0%, rgba(40,100,255,1) 35%, rgba(1,17,105,1) 100%);
        border-radius: 0px;
}

.tex-4 {
        border-radius: 0px;
}
.text-tp{   
    border-bottom: 2px solid #e0e0e0;
    padding: 0 33px 10px;
}


.text-tr{   
    
    padding: 0 20px 10px;
}