p{
    font-size:15px!important;
}
.shadow {
    -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 6px 8px rgba(0, 0, 0, .1);
}
.col-centered{
    float:none;
    margin:0 auto;
}

.transaction_btns{
    /*width:260px!important;
    height:50px!important;*/
}

@font-face {
    font-family: myanmar3;
    src: url('../fonts/myamar3.ttf') format('truetype');
}

.myanmar3_text {
    font-family: myanmar3 !important;
}
.custom-breadcrumb-btn {
    border-radius: 10px;
    background-color: #FDFDFD;
    transition: all 500ms ease-in-out;
}
.custom-breadcrumb-btn:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition:all 500ms ease-in-out;
}

.cpnl:hover{
    background-color:#f2f2f2!important;
}
.nav-tabs-without-border{
    border:none;
}
.panel {
    border: 1px #dcdcdc solid !important;
    box-shadow: none !important;
}

.panel-without-border{
    border:none !important;
}

.panel-custom-default {
    background: #fff;
    color: #666;
    border-radius: 10px;
    transition: all 500ms ease-in-out;
}

.panel-custom-default .panel-custom-title {
    color: #333;
       
}

.form-control{
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
}

.panel-custom-default:hover {
    background-color: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    transition: all 500ms ease-in-out;
}


.smtable > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding:5px !important;
    
}



.breadcrumb-line{
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    background-color:#f2f2f2;
}
.bcbtn{
    margin:0px;
   
}
.bcbtn:hover{
     box-shadow: 0px 5px #1DB954;
     transition:  .15s ease-in-out;
}

.bdt{
    border-top:1px solid #dcdcdc!important;
}

/*button, text {padding-top:5px!important;}*/
.m10{
    margin:10px!important;
}
.br5{
    border-radius:15px!important;
}

.seth{
  min-height:80vh;
}

/*.table-bordered-no {
  border: 1px solid #ddd;
  counter-reset:Serial;
}
.table-bordered-no > thead > tr > th,
.table-bordered-no > tbody > tr > th,
.table-bordered-no > tfoot > tr > th,
.table-bordered-no > thead > tr > td,
.table-bordered-no > tbody > tr > td,
.table-bordered-no > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered-no > thead > tr > th,
.table-bordered-no > thead > tr > td {
  border-bottom-width: 2px;
  border-collapse:separate;
}*/
/*tr td:first-child:before
{
  counter-increment: Serial;       Increment the Serial counter 
  content: counter(Serial);        Display the counter 
}*/
.custom-table {
    margin: 0 auto;

}
.custom-table > tbody > tr > td{
   text-align:left;
   font-size:14px;
}
.flat-textbox-grey {
    width: 100%;
    display: block;
    font-size: 14px;
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.3);
    margin-bottom: 12px;
    transition: all 0.1s ease;
    border-radius: 10px;
    resize: none !important;
}
.flat-textbox:focus {
    border: 1px solid #0084FF;
    outline: none !important;
    resize: none !important;
}

.flat-textbox {
    width: 100%;
    display: block;
    font-size: 14px;
    padding: 10px;
    border: none;
    margin-bottom: 12px;
    transition: all 0.1s ease;
    border-radius: 10px;
    resize: none !important;
}

.flat-textbox:focus {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    outline: none !important;
    resize: none !important;
}

::placeholder {
    color: #dddddd !important;
    opacity: 1; /* Firefox */
}

::-webkit-input-placeholder {
    color: #dddddd !important;
}
.hollow-button {
  display: inline-block;
  /*margin-top:10px;
  margin-bottom:10px;
  margin-right: 10px;
  margin-left: 10px;*/
  padding:5px 10px;
  background-color:transparent;
  border: 1px solid #2e9dff;
  border-radius: 15px !important;
  -webkit-transition: background-color 300ms ease, border 300ms ease, color 300ms ease;
  transition: background-color 300ms ease, border 300ms ease, color 300ms ease;
  color: #2e9dff;
  font-size: 12px;
  line-height: 21px;
  font-weight: 300;
  letter-spacing: 1px;
  text-decoration: none;
  /*text-transform: uppercase;*/
}

.hollow-button:hover {
  border-color: #2374bb;
  color: #2374bb;
   background-color:transparent;
}

.hollow-button.all-caps {
  padding: 3px 9px;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
}


.fs10{
    font-size:10px;
}
.fs11{
    font-size:11px;
}
.fs12{
    font-size:12px;
}
.fs13{
    font-size:13px;
}

.fs14{
    font-size:14px;
}
.fs15{
    font-size:15px;
}
.fs16{
    font-size:16px;
}
.fs17{
    font-size:17px;
}
.fs18{
    font-size:18px;
}
.pl-25{
    padding-left:25px;
}

.pl-30{
    padding-left:30px;
}
.schedule-table-clinic>thead>tr>th{
    font-size:12px;
    font-weight:bold;
}
.modal-bottom {
    display: none;
    overflow: hidden;
    position: fixed;
    top: auto;
    right: auto;
    bottom: 0;
    left: auto;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    width:100%;
}
.modal-bottom .fade {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.rounded {
    border-radius: 10px;
    /*background-color:#2196F3;*/
    margin-bottom: 0;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    box-sizing: border-box;
    outline: none;
}
.rounded-default {
    border-radius: 10px;
    /*background-color:#2196F3;*/
    margin-bottom: 0;
    font-weight: normal;
    /*color: #333;*/
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    box-sizing: border-box;
    outline: none;
}



.patternBlack{
background-color: #2374bb;
background-image:
repeating-linear-gradient(120deg, rgba(1,169,244,.1), rgba(1,169,244,.1) 1px, transparent 1px, transparent 60px),
repeating-linear-gradient(60deg, rgba(1,169,244,.1), rgba(1,169,244,.1) 1px, transparent 1px, transparent 60px),
linear-gradient(60deg, rgba(1,169,244,.1) 25%, transparent 25%, transparent 75%, rgba(1,169,244,.1) 75%, rgba(1,169,244,.1)),
linear-gradient(120deg, rgba(1,169,244,.1) 25%, transparent 25%, transparent 75%, rgba(1,169,244,.1) 75%, rgba(1,169,244,.1));
background-size: 70px 120px;
}
 


.schedule-table>thead>tr>th{
    border-bottom:0;

}
.pr-0{
    padding-right:0px;
}
.pl-0{
    padding-left:0px;
}
.pb-0{
    padding-bottom:0px;
}
.pt-0{
    padding-top:0px;
}
.pa-0{
    padding:0px;
}
.pa-5 {
    padding: 5px;
}
.pa-10 {
    padding: 10px;
}

.naveffect > li > a:hover,
.naveffect > li > a:focus {
  text-decoration: none;
  background-color: #54c4f8;
}

.ikl:hover{
     background:rgba(97,99,98,0.1);
     border-color: #dcdcdc; 
     border-radius:15px;
}

.circlebtn {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.42;
  border-radius: 50%;
}

.orange-circle-button {
	box-shadow: 2px 4px 0 2px rgba(0,0,0,0.1);
	border: .5em solid #00AEEF;
	font-size: 1em;
	line-height: 1.1em;
	color: #ffffff;
	background-color: #00AEEF;
	margin: auto;
	border-radius: 50%;
	height: 8em;
	width: 8em;
	position: relative;
}

.orange-circle-button:hover {
	color:#ffffff;
    background-color: #00AEEF;
	text-decoration: none;
	border-color: #66CCFF;
	
}
.orange-circle-button:visited {
	color:#ffffff;
    background-color: #00AEEF;
	text-decoration: none;
	
}
.orange-circle-link-greater-than {
    font-size: 1em;
}

.cus-fs {
    font-size:12px;
}

.homebox{
    border:1px solid #F3F3F3; 
    border-radius:25px;
    background-color:#FBFBFB
}

.bubblehome
{
position: relative;
padding: 0px;
background: #FBFBFB;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
border: #F3F3F3 solid 1px;
}

.bubblehome:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FBFBFB transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 450px;
}

.bubblehome:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #F3F3F3 transparent;
display: block;
width: 0;
z-index: 0;
bottom: -16px;
left: 450px;
}

.bubbledoc
{
position: relative;
width: 750px;
height: 80px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #ECEBEB solid 1px;
box-shadow: 3px 3px 5px 0px rgba(148,148,148,1);
}
.bubbledoc:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 20px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -20px;
left: 156px;
}
@media screen and (max-width: 900px) {
          .bubbledoc{
              box-shadow:none !important;
          }
          .bubbledoc:after {
             /* do what you want here */
             border-style:none !important;             
          }
          .bubblecli{
              box-shadow:none !important;
          }
          .bubblecli:after {
             /* do what you want here */
             border-style:none !important;
             left:0px !important;
          }
          .bubblelab{
              box-shadow:none !important;
          }
          .bubblelab:after {
             /* do what you want here */
             border-style:none !important;
             left:0px !important;
          }
          .pt-xs{
              padding-top:0px !important;
          }
          .full-w{
              width:100% !important
          }
      }
.pattern-bg-1 {
    background-color: #4db8ff;
    background-image: repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px), repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px), linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)), linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
    background-size: 100%, 100%, auto;
}



.bubbledoc:before
{
content: '';
position: absolute;
border-style: none;
border-width: 0 15px 20px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 0;
top: -21px;
left: 156px;
}

.bubblecli
{
position: relative;
width: 750px;
height: 80px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #ECEBEB solid 1px;
box-shadow: 3px 3px 5px 0px rgba(148,148,148,1);
}
.bubblecli:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 20px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -20px;
left: 497px;
}
.bubblecli:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 20px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 0;
top: -21px;
left: 497px;
}

.bubblelab
{
position: relative;
width: 750px;
height: 80px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #ECEBEB solid 1px;
box-shadow: 3px 3px 5px 0px rgba(148,148,148,1);
}
.bubblelab:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 20px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -20px;
left: 848px;
}
.bubblelab:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 20px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 0;
top: -21px;
left: 848px;
}

.bubbledocres
{
position: relative;
width: 750px;
height: 80px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #7F7F7F solid 1px;
box-shadow: 3px 3px 5px 0px rgba(148,148,148,1);
}
.bubbledocres:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 20px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -20px;
left: 30px;
}
.bubbledocres:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 20px;
border-color: #7F7F7F transparent;
display: block;
width: 0;
z-index: 0;
top: -21px;
left: 30px;
}

.bubbleclires
{
position: relative;
width: 750px;
height: 80px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #7F7F7F solid 1px;
box-shadow: 3px 3px 5px 0px rgba(148,148,148,1);
}
.bubbleclires:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 20px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -20px;
left: 123px;
}
.bubbleclires:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 20px;
border-color: #7F7F7F transparent;
display: block;
width: 0;
z-index: 0;
top: -21px;
left: 123px;
}

.bubblelabres
{
position: relative;
width: 750px;
height: 80px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #7F7F7F solid 1px;
box-shadow: 3px 3px 5px 0px rgba(148,148,148,1);
}
.bubblelabres:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 20px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -20px;
left: 216px;
}
.bubblelabres:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 20px;
border-color: #7F7F7F transparent;
display: block;
width: 0;
z-index: 0;
top: -21px;
left: 216px;
}



.nav-tabs3 {
  border-bottom: 1px solid #ECEBEB;
  margin-bottom:20px;
}
.nav-tabs3 > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs3 > li > a {
  margin-right: 2px;
  line-height: 1.5384616;
  border: 1px solid transparent;
  border-radius: 3px 3px 0 0;
}
.nav-tabs3 > li > a:hover {
  border-color: transparent transparent #ECEBEB;
}
.nav-tabs3 > li.active > a,
.nav-tabs3 > li.active > a:hover,
.nav-tabs3 > li.active > a:focus {
  color: #333333;
  background-color: #ECEBEB;
  border: 1px solid #ECEBEB;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs3.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs3.nav-justified > li {
  float: none;
}
.nav-tabs3.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
  color: #333333; /*Danger*/
}
.nav-tabs3.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 769px) {
  .nav-tabs3.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs3.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs3.nav-justified > li > a {
  margin-right: 0;
  border-radius: 3px;
}
.nav-tabs3.nav-justified > .active > a,
.nav-tabs3.nav-justified > .active > a:hover,
.nav-tabs3.nav-justified > .active > a:focus {
  border: 1px solid #ECEBEB;
  color: #333333; /*Danger*/
}
@media (min-width: 769px) {
  .nav-tabs3.nav-justified > li > a {
    border-bottom: 1px solid #ECEBEB;
    border-radius: 3px 3px 0 0;
  }
  .nav-tabs3.nav-justified > .active > a,
  .nav-tabs3.nav-justified > .active > a:hover,
  .nav-tabs3.nav-justified > .active > a:focus {
    border-bottom-color: #ECEBEB;
  }
}

.spinnerr {
  margin: 100px auto 0;
  width: 80px;
  text-align: center;
}

.spinnerr > div {
  width: 18px;
  height: 18px;
  background-color: #03A5E1;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinnerr .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinnerr .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/*.hide-checkbox-round:checked + label {
    display: inline-block;
    background-color: #0084FF;
    color: #ffffff;
    border-color:#2a86dc;
}

.hide-checkbox-round + label {
            display: block;
            float: left;
            padding: 2px 20px 2px 20px;
            text-align: center;
            background: transparent;
            border: 0.5px solid #0084FF;
            color: #0084FF;
            border-radius: 50%;
            -webkit-transition: background-color 0.3s ease-in-out;
            -moz-transition: background-color 0.3s ease-in-out;
            -o-transition: background-color 0.3s ease-in-out;
            transition: background-color 0.3s ease-in-out;
        }

.hide-checkbox + label {
            display: block;
            float: left;
            padding: 3px 9px 3px 9px;
            text-align: center;
            background: transparent;
            border: 0.5px solid #0084FF;
            color: #0084FF;
            border-radius: 10px; 
            -webkit-transition: background-color 0.3s ease-in-out;
            -moz-transition: background-color 0.3s ease-in-out;
            -o-transition: background-color 0.3s ease-in-out;
            transition: background-color 0.3s ease-in-out;
        }
.hide-checkbox:disabled + label {
    display: inline-block;
    background-color: #d4e1f2;
    color: #2a86dc;
    border-color:#2a86dc;
}
.hide-checkbox:checked + label {
    display: inline-block;
    background-color: #0084FF;
    color: #fff;
}*/


.hide-checkbox-round:checked + label {
    display: inline-block;
    background-color: #0084FF;
    color: #ffffff;
    border-color: #2a86dc;
    min-width:50px;
}

.hide-checkbox-round + label {
    display: block;
    float: left;
    padding: 2px 20px 2px 20px;
    text-align: center;
    background: transparent;
    border: 0.5px solid #0084FF;
    color: #0084FF;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.hide-checkbox + label {
    display: block;
    float: left;
    padding: 3px 9px 3px 9px;
    text-align: center;
    background: transparent;
    color: #0084FF;
    border-radius: 10px; /*5px*/
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;

    min-width: 50px;
    border-color: transparent;
    color: #1876F2;
    font-weight: bold;
    background-color: #E7F3FF;
}

.hide-checkbox:disabled + label {
    display: inline-block;
    background-color: #d4e1f2;
    color: #2a86dc;
    border-color: #2a86dc;
}

.hide-checkbox:checked + label {
    display: inline-block;
    background-color: #0084FF;
    color: #fff;
}



/*.hide-checkbox-reserved:checked + label {
    display: inline-block;
    background-color: #f64c60;
    color: #fff;
    border: 1.5px #f64c60 solid;
}

.hide-checkbox-pending:checked + label {
    display: inline-block;
    background-color: #ffbe6a;
    color: #fff;
    border: 1.5px #ffbe6a solid;
}*/


/*.icheckbox {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    font-size:15px!important;
    font-weight:bold;
    color:#ffffff;
}
.icheckbox label{
    color:#ffffff;
      border:1px #ffffff solid ;
}

    .icheckbox :hover {
        background: #ffffff;
    }*/

    .icheckbox {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    font-size:15px!important;
    font-weight:bold;


}

        .icheckbox :hover {
            background: #DBE7F2;
        }

.theme-color {
    background: #0084FF;
}

.theme-color-font {
    color: #0084FF;
}

.divider {
    margin-top: 150px;
}


.seat-countdown {
    position: absolute;
    top: -6px;
    right:-5px;
    font-size:12px;
            
}


.ticket-item {
    text-align: center;
}

.ticket-item i {
    font-size: 30px !important;
    
}


.timeout-font { color: #0084FF; opacity: 0.7;  font-size: 26px; letter-spacing: -1px; line-height: 1; text-align: center; }
.timeout-font-sm { opacity: 0.7; font-size: 22px; letter-spacing: -1px; line-height: 1; text-align: center; }
.button-text-font {
    font-size:16px;
    font-weight:500;
}

.mt-25 {
    margin-top: 25px!important;
}
.mt-30 {
    margin-top: 30px !important;
}
.fs15{
    font-size:15px!important;
}

div.AnyTime-win {
    z-index: 9999
}
.bootstrap-timepicker-widget.dropdown-menu {
    z-index: 9999
}

div.ui-datepicker {
    z-index: 9999999999999999;
}
.ml0{
    margin-left:0px;
}
.mr0{
    margin-right:0px;
}


.bottom-border{
  border-bottom: 1px solid grey;
  margin-bottom:5px;


}
.bottom-border-1{
  border-bottom: 1px solid grey;
  padding-bottom: 80px;

}

.main{
  color: black;
font-weight: bold;
}
.fst1{
    font-size:16px!important;
     line-height:1;
}
.fst2{
    font-size:12px!important;
    line-height:1;
}
.fst3{
    font-size:10px!important;
    line-height:1;
}
.fst4{
    font-size:14px!important;
   line-height:1;
}
.seatpanel{
    border-radius:15px!important;
    cursor:pointer;
}
.seatpanel:hover{
   
    background-color:#fafafa!important;
    color:#2196F3!important;
}
.bklistPanel{
  
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    background-color:#f2f2f2;
    padding:15px;
}
.td_vouchercode{
    cursor:pointer;

}
.td_vouchercode:hover{
    color:#0084FF;
}


.loader {
  margin: 10px auto 0;
  width: 70px;
  text-align: center;
}

.loader > div {
  width: 18px;
  height: 18px;
  background-color: #3283C4;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.loader .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.button-green {
  border-radius: 4px;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  line-height: 40px;
  font-size: 15px;
  padding: 0 14px;
  height: 40px;
  text-transform: uppercase;
  letter-spacing: .025em;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 600;
  outline: 0;
  border: 0;
  top: 0;
  transition: all .15s ease-in-out;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  color: #24b47e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.button-green:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  background-color: #f4fbf9;
}
.button-green:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background-color: #f0faf6;
}


.button-red {
  border-radius: 4px;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  line-height: 40px;
  font-size: 15px;
  padding: 0 14px;
  height: 40px;
  text-transform: uppercase;
  letter-spacing: .025em;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 600;
  outline: 0;
  border: 0;
  top: 0;
  transition: all .15s ease-in-out;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  color: #e25950;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.button-red:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  background-color: #fef7f6;
}
.button-red:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background-color: #fdf3f3;
}


.button-blue {
  border-radius: 4px;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  line-height: 40px;
  font-size: 15px;
  padding: 0 14px;
  height: 40px;
  text-transform: uppercase;
  letter-spacing: .025em;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 600;
  outline: 0;
  border: 0;
  top: 0;
  transition: all .15s ease-in-out;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  color: #3297d3;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.button-blue:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  background-color: #f5fafd;
}
.button-blue:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  background-color: #f1f8fc;
}


.btn-primary {
    transition: all 0.2s ease-in-out;
    /*color: #377dff;*/
    background: #377dff;
    border-color: transparent;
}

    .btn-primary:hover,
    .btn-primary:focus {
        color: #fff;
        background: #377dff;
        box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        border-color: transparent;
    }

.btn-success {
    /*color: #00c9a7;*/
    background-color: #00c9a7;
    transition: all 0.2s ease-in-out;
    border-color: transparent;
}

    .btn-success:hover,
    .btn-success:focus {
        color: #fff;
        background: #00c9a7;
        box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        border-color: transparent;
    }

.btn-front-red {
    /*color: #DE4437;*/
    background-color: #DE4437;
    transition: all 0.2s ease-in-out;
    border-color: transparent;
}

    .btn-front-red:hover,
    .btn-front-red:focus {
        color: #fff;
        background: #DE4437;
        box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        border-color: transparent;
    }