body{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

label {
  font-weight: normal;
}

.ml-1{
	margin-left: 1px !important;
}

.navbar-nav > .dropdown-user > a > a + span {
    padding-left: 8px;
}

.navbar-nav > .dropdown-user img {
    height: 34px;
    max-width: 34px;
}

.font-weight-bold{
    font-weight: bold !important;
}

.aslots,
.non-aslots{
  clear: both;
}

.border-solid{
  box-shadow: none;
  border: 2px solid #ddd;
}

.btn {
  text-transform: none !important;
}

.modal {
  overflow-y:auto;
}

.label-booking{
  font-size: 13px;
}

.label-12{
  font-size: 12px;
}

.text-nowrap{
  max-width: 200px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-control {
  box-shadow: none;
  border-radius: 0.25rem;
}

.form-control:focus {
  color: #464a4c;
  background-color: #fff;
  border-color: #5cb3fd;
  outline: none;
  box-shadow: none;
}

.form-horizontal .control-label{
    text-align: left;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #f8f8f8;
  opacity: 1;
}

.fade-item {
  display: inline-block;
  margin-right: 10px;
}
.fade-enter-active, .fade-leave-active {
  transition: all 0.2s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
  transform: translateY(10px);
}

.swiper-pagination-bullet{
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    opacity: 1;
    background: #fff;
    vertical-align: middle;
    box-shadow: 0 0 3px rgba(0,0,0,.5);
    cursor: pointer;
}

.swiper-pagination-bullet-active{
    opacity: 1;
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    background: none;
}

.bg-f5 {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.bg-f5:before {
    content: '';
    position: absolute;
    right: auto;
    left: -5px;
    border-right: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid;
    border-right-color: inherit;
}

.file-upload-indicator,
.kv-file-upload{
    display: none !important;
}

.header-highlight .navbar-header:not([class*=bg-]){
	background-color: #6ac045;
}
.navbar-nav .language-switch .dropdown-menu>li>a>img {
    margin-top: 3px;
}

.navbar-nav .language-switch a>span>img{
    position: relative;
    top: -2px;
}

.dropdown-menu>.dropdown-header>i, .dropdown-menu>.dropdown-header>img, .dropdown-menu>li>a>i, .dropdown-menu>li>a>img{
	margin-right: 10px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
  background-color: #f8f8f8;
}

.mobile-app{
  text-align: center;
}

.mobile-app > img{
	max-width: 136px;
}

.m-password-recovery-form{
	display: none;
}

.m-form-display{
	display: block;
}

.m-form-hidden{
	display: none;
}

#toast-container>div{
  box-shadow: none;
  opacity: .9;
}

#toast-container>div:hover{
  box-shadow: none
}

.btn-green {
    color: #fff;
    background-color: #6ac945;
    border-color: #6ac945;
}

.btn-green:hover {
    color: #fff;
    background-color: #6ac045;
    border-color: #6ac045;
}

.btn-green:focus,
.btn-green.focus {
    box-shadow: 0 0 0 0.2rem rgba(106,192,69, 0.5);
}

.btn-green.disabled,
.btn-green:disabled {
    background-color: #6ac045;
    border-color: #6ac045;
}

.btn-default:focus,
.btn-default.focus {
    box-shadow: 0 0 0 0.2rem rgba(248,248,248,0.5);
}

.btn-default:not([disabled]):not(.disabled):active,
.btn-default:not([disabled]):not(.disabled).active,
.show>.btn-default.dropdown-toggle {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    box-shadow: 0 0 0 0.2rem rgba(248,248,248,0.5);
}

.btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
    box-shadow: 0 0 0 0.2rem rgba(33,150,243,0.5);
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(33,150,243,0.5);
}

.btn-danger:not([disabled]):not(.disabled):active,
.btn-danger:not([disabled]):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
    box-shadow: 0 0 0 0.2rem rgba(244,67,54,0.5);
}

.btn-danger:focus,
.btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(244,67,54,0.5);
}

.btn-success:not([disabled]):not(.disabled):active,
.btn-success:not([disabled]):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #4CAF50;
    border-color: #4CAF50;
    box-shadow: 0 0 0 0.2rem rgba(76,175,80,0.5);
}

.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(76,175,80,0.5);
}

.btn-info:not([disabled]):not(.disabled):active,
.btn-info:not([disabled]):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
    box-shadow: 0 0 0 0.2rem rgba(0,188,212,0.5);
}

.btn-info:focus,
.btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(0,188,212,0.5);
}

.btn-warning:not([disabled]):not(.disabled):active,
.btn-warning:not([disabled]):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ff5722;
    border-color: #ff5722;
    box-shadow: 0 0 0 0.2rem rgba(255,87,34,0.5);
}

.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255,87,34,0.5);
}

.btn-green:not([disabled]):not(.disabled):active,
.btn-green:not([disabled]):not(.disabled).active,
.show>.btn-green.dropdown-toggle {
    color: #fff;
    background-color: #6ac045;
    border-color: #6ac045;
    box-shadow: 0 0 0 0.2rem rgba(106,192,69, 0.5);
}

.btn-outline-green {
    color: #6ac045;
    background-color: transparent;
    background-image: none;
    border-color: #6ac045;
}

.btn-outline-green:hover {
    color: #fff;
    background-color: #6ac045;
    border-color: #6ac045;
}

.btn-outline-green:focus,
.btn-outline-green.focus {
    box-shadow: 0 0 0 0.2rem rgba(106,192,69, 0.5);
}

.btn-outline-green.disabled,
.btn-outline-green:disabled {
    color: #6ac045;
    background-color: transparent;
}

.btn-outline-green:not([disabled]):not(.disabled):active,
.btn-outline-green:not([disabled]):not(.disabled).active,
.show>.btn-outline-green.dropdown-toggle {
	color: #fff;
    background-color: #6ac045;
    border-color: #6ac045;
    box-shadow: 0 0 0 0.2rem rgba(106,192,69, 0.5);
}

.sidebar-user{
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.collapsed{
    cursor: pointer;
}

.note-popover .popover-content>.note-btn-group, .note-toolbar>.note-btn-group{
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 0;
}

.note-editor .note-toolbar{
    background-color: #f5f5f5;
}

.note-editor .note-editable{
    padding-top: 15px;
}

#m_gmap{
    padding-top: 10px;
}

#nprogress .bar {
    z-index: 99999 !important;
}

#nprogress .spinner {
  right: 50% !important;
  z-index: 99999 !important;
}

#background-overlay {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

#background-image {
    background: url(../images/body-login.jpg) no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
}

.vue-avatar--wrapper{
    width: 44px !important;
    height: 44px !important;
    font-size: 15px !important;
    line-height: 46px !important;
    display: inline-block !important;
}

.navbar-nav>.dropdown-user>a>.vue-avatar--wrapper{
    width: 33px !important;
    height: 33px !important;
    line-height: 35px !important;
    font-size: 12px !important;
}

.navbar-nav>.dropdown-user>a>.vue-avatar--wrapper+span {
    padding-left: 8px;
}

.note-editor .note-toolbar{
  padding-bottom: 3px !important;
  padding-left: 0px !important;
  border-bottom: 1px solid #ddd;
}
.p-0{
  padding: 0;
}

.mb-0{
  margin-bottom: 0 !important;
}

.pt-30{
  padding-top: 30px!important;
}

.pb-30{
  padding-bottom: 30px!important;
}

.lh-25{
  line-height: 25px;
}

.timeSlot {
    width: 90px;
    height: 20px;
    background: #DBFFBD;
    line-height: 20px;
    margin: 5px auto;
    /*margin: 0px 10px 6px 0px;*/
    text-align: center;
    border: 1px solid #A5F067;
    cursor: pointer;
 }

.timeSlotSelected {
    background: #53D923;
    border: 1px solid #35B009;
}

.timeSlotPrime {
    background: #FFEB3B;
    border: 1px solid #FFC107;
}

.aslots{
  min-height: 200px;
}

.timeSlotNon {
    background: #EF8787;
    border-color: #FF3E28;
    cursor: pointer;
}

.table-detail > tbody > tr {
    cursor: pointer;
}

.fc-basic-view .fc-body .fc-row {
    min-height: auto;
}

.fc-widget-content{
  cursor: pointer;
}

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

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

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

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

.navbar-header {
  min-width: 240px;
}

.img-fancy{
  width: 100px !important;
}

.profile-img::before {
    -webkit-animation: 2.5s blow 0s linear infinite;
    animation: 2.5s blow 0s linear infinite;
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 50%;
}


.input-group-inline {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group-inline>.custom-file,.input-group-inline>.custom-select,.input-group-inline>.form-control,.input-group-inline>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group-inline>.custom-file+.custom-file,.input-group-inline>.custom-file+.custom-select,.input-group-inline>.custom-file+.form-control,.input-group-inline>.custom-select+.custom-file,.input-group-inline>.custom-select+.custom-select,.input-group-inline>.custom-select+.form-control,.input-group-inline>.form-control+.custom-file,.input-group-inline>.form-control+.custom-select,.input-group-inline>.form-control+.form-control,.input-group-inline>.form-control-plaintext+.custom-file,.input-group-inline>.form-control-plaintext+.custom-select,.input-group-inline>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group-inline>.custom-file .custom-file-input:focus~.custom-file-label,.input-group-inline>.custom-select:focus,.input-group-inline>.form-control:focus {
    z-index: 3
}

.input-group-inline>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group-inline>.custom-select:not(:last-child),.input-group-inline>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-inline>.custom-select:not(:first-child),.input-group-inline>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-inline>.custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input-group-inline>.custom-file:not(:last-child) .custom-file-label,.input-group-inline>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-inline>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-prepend-inline,.input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

.input-group-prepend-inline .btn,.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-prepend-inline .btn:focus,.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-prepend-inline .btn+.btn,.input-group-prepend-inline .btn+.input-group-text,.input-group-prepend-inline .input-group-text+.btn,.input-group-prepend-inline .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-prepend-inline {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .4375rem .875rem;
    margin-bottom: 0;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5385;
    color: #333;
    text-align: center;
    white-space: nowrap;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: .1875rem
}

.input-group-text input[type=checkbox],.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea) {
    height: calc(1.4286em + 1.125rem + 2px)
}

.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-prepend-inline>.btn,.input-group-lg>.input-group-prepend-inline>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5625rem 1rem;
    font-size: .875rem;
    line-height: 1.4286;
    border-radius: .25rem
}

.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea) {
    height: calc(1.6667em + .625rem + 2px)
}

.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-prepend-inline>.btn,.input-group-sm>.input-group-prepend-inline>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .3125rem .75rem;
    font-size: .75rem;
    line-height: 1.6667;
    border-radius: .125rem
}

.input-group-lg>.custom-select,.input-group-sm>.custom-select {
    padding-right: 2.1875rem
}

.input-group-inline>.input-group-prepend-inline:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-inline>.input-group-prepend-inline:last-child>.input-group-text:not(:last-child),.input-group-inline>.input-group-prepend-inline:not(:last-child)>.btn,.input-group-inline>.input-group-prepend-inline:not(:last-child)>.input-group-text,.input-group-inline>.input-group-prepend>.btn,.input-group-inline>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-inline>.input-group-prepend-inline>.btn,.input-group-inline>.input-group-prepend-inline>.input-group-text,.input-group-inline>.input-group-prepend:first-child>.btn:not(:first-child),.input-group-inline>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group-inline>.input-group-prepend:not(:first-child)>.btn,.input-group-inline>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.nav-tabs > li > span {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 2px;
    background: red;
    top: 0px;
    color: white;
    padding: 2px;

}

.nav-tabs > li > a,
.nav-tabs > li:hover > a,
.nav-tabs > li:focus > a  {
    margin-right: 2px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-transform: inherit;
    border-radius: 0.25rem;
}

.nav-tabs > li:hover > span {
    display: inline-block;
}

.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus {
    color: #ffffff !important;
    cursor: default !important;
    background-color: #2196f3 !important;
    border: 1px solid #2196f3 !important;
    border-bottom-color: transparent !important;
    border-radius: 0.25rem;
}

.add-server{
  color: white !important;
}

.add-server:hover,
.add-server:focus{
    background-color: #4caf50 !important;
}

/* .tinytabs .tabs {
    margin-left: 15px;
    display: flex;
    flex-flow: row wrap;
} */

.tinytabs .tabs .tab .close {
    /* display: none; */
    cursor: pointer;
    right: 2px;
    /* background: red; */
    top: 0px;
    color: white;
    padding: 2px;
}

.tinytabs .tabs .tab:hover .close {
    display: inline-block;
}

.tinytabs .tabs .tab {
    margin: 0 3px 0 0;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 16px;
    font-size: 13px;
    line-height: 1.5384616;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
color: #ffffff !important;
    cursor: default !important;
    background-color: #2196f3 !important;
    border: 1px solid #2196f3 !important;
    border-bottom-color: transparent !important;
    border-radius: 0.25rem;
}

.tinytabs .tab.sel {
    background: #f1f1f1;
    color: #333;
    text-shadow: none;
}

.swal2-popup{
    font-size: inherit !important;
}

.swal2-modal .swal2-styled:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.swal2-title{
    font-size: 1.5em !important;
    font-weight: 600!important;
}

input[type="radio"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  position: relative;
  margin-right: 4px;
  vertical-align: top;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
input[type="radio"]:focus,
.radio input[type="radio"]:focus,
.radio-inline input[type="radio"]:focus {
  outline: none;
}
input[type="radio"]:before,
.radio input[type="radio"]:before,
.radio-inline input[type="radio"]:before,
input[type="radio"]:after,
.radio input[type="radio"]:after,
.radio-inline input[type="radio"]:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
}
input[type="radio"]:before,
.radio input[type="radio"]:before,
.radio-inline input[type="radio"]:before {
  position: absolute;
  left: 0;
  top: -3px;
  background-color: #4CAF50;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
input[type="radio"]:after,
.radio input[type="radio"]:after,
.radio-inline input[type="radio"]:after {
  position: relative;
  top: -3px;
  border: 2px solid #4CAF50;
}
input[type="radio"]:checked:before,
.radio input[type="radio"]:checked:before,
.radio-inline input[type="radio"]:checked:before {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
input[type="radio"]:disabled:checked:before,
.radio input[type="radio"]:disabled:checked:before,
.radio-inline input[type="radio"]:disabled:checked:before {
  background-color: #4CAF50;
}
input[type="radio"]:checked:after,
.radio input[type="radio"]:checked:after,
.radio-inline input[type="radio"]:checked:after {
  border-color: #4CAF50;
}
input[type="radio"]:disabled:after,
.radio input[type="radio"]:disabled:after,
.radio-inline input[type="radio"]:disabled:after,
input[type="radio"]:disabled:checked:after,
.radio input[type="radio"]:disabled:checked:after,
.radio-inline input[type="radio"]:disabled:checked:after {
  border-color: #4CAF50;
}
input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: relative;
  border: none;
  margin-bottom: -4px;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
input[type="checkbox"]:focus,
.checkbox input[type="checkbox"]:focus,
.checkbox-inline input[type="checkbox"]:focus {
  outline: none;
}
input[type="checkbox"]:focus:after,
.checkbox input[type="checkbox"]:focus:after,
.checkbox-inline input[type="checkbox"]:focus:after {
  border-color: #4CAF50;
}
input[type="checkbox"]:after,
.checkbox input[type="checkbox"]:after,
.checkbox-inline input[type="checkbox"]:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -2px;
  border: 2px solid #4CAF50;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
}
input[type="checkbox"]:checked:before,
.checkbox input[type="checkbox"]:checked:before,
.checkbox-inline input[type="checkbox"]:checked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 6px;
  display: table;
  width: 6px;
  height: 12px;
  border: 2px solid #fff;
  border-top-width: 0;
  border-left-width: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
  background-color: #4CAF50;
  border-color: #4CAF50;
}
input[type="checkbox"]:disabled:after,
.checkbox input[type="checkbox"]:disabled:after,
.checkbox-inline input[type="checkbox"]:disabled:after {
  border-color: #4CAF50;
}
input[type="checkbox"]:disabled:checked:after,
.checkbox input[type="checkbox"]:disabled:checked:after,
.checkbox-inline input[type="checkbox"]:disabled:checked:after {
  background-color: #4CAF50;
  border-color: transparent;
}
@-webkit-keyframes blow {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5); 
  }
  50% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5); 
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5); } 
  }

@keyframes blow {
    0% {
      -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 0.5);
      transform: scale3d(1, 1, 0.5); 
    }
    50% {
      -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 0.5);
      transform: scale3d(1, 1, 0.5); 
    }
    100% {
      -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
      opacity: 0;
      -webkit-transform: scale3d(1, 1, 0.5);
      transform: scale3d(1, 1, 0.5); 
    } 
}

@media only screen and (max-width: 922px) {
  .dateBlock {
    float: none;
    display: block;
    margin: auto;
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .modal-invoice {
    width: 1116px;
    max-width: 1116px;
  }
}


@media only screen and (max-width: 767px) {
  .pt-sales{
    padding-top: 10px;
  }
}