.hidden {
    display: none !important;
}
.pointer-none {
    pointer-events: none;
}
.dashboard-display {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.05)
}
.dashboard-display-icon {
    font-size: 2rem;
    color: rgba(0, 0, 0, 0.15);
}
.dashboard-display-number {
    font-size: 1.3rem;
    font-weight: 700;
}
.dashboard-main-col {
    border-radius: 4px;
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.05);
    background-color: #fff;
}
.translation-section-btn {
    margin-bottom: 2rem;
    background-color: rgba(245, 245, 245, 0.70);
    color: #37474F;
    font-size: 1.2rem;
    border: 3px dotted #8360C3;
    padding: 0 25px;
}
.alert-update {
    color: #FF9800;
    background-color: #ffffff;
    border-color: #d8d8d8;
    border-radius: 0.275rem;
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.05);
}
@media (min-width: 320px) and (max-width: 767px) {
    .navbar-collapse.collapse {
        z-index: 9999999;
        background-color: #fff;
        box-shadow: 0 5px 20px 0 #ccc;
    }
}
.gllpMap {
    width: 100%;
    height: 350px;
}
@media only screen and (max-width: 600px) {
    .gllpMap {
        width: 100%;
        height: 200px;
    }
    .location-search-block {
        display: none !important;
    }
}
.gllpSearchField {
    border-radius: 20px 0 0 20px;
    box-shadow: 0 2px 5px 2px #ccc;
}
.gllpSearchButton {
    border-radius: 0px 20px 20px 0px;
    box-shadow: 0 2px 5px 2px #ccc;
}
.gm-fullscreen-control {
    display: none;
}
.location-search-block {
    position: relative;
    top: -26rem;
    z-index: 999;
}

.animated-bell {
    font-size: 4.5rem;
    color: rgba(131, 96, 195, 0.30);
    -webkit-animation: alert-notify-bell 8s 1s ease-in-out infinite;
    animation: alert-notify-bell 8s 1s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    transform-origin: 50% 4px;
}


@-webkit-keyframes alert-notify-bell {
    0% {
        -webkit-transform: rotateZ(0);
    }
    1% {
        -webkit-transform: rotateZ(30deg);
    }
    3% {
        -webkit-transform: rotateZ(-28deg);
    }
    5% {
        -webkit-transform: rotateZ(34deg);
    }
    7% {
        -webkit-transform: rotateZ(-32deg);
    }
    9% {
        -webkit-transform: rotateZ(30deg);
    }
    11% {
        -webkit-transform: rotateZ(-28deg);
    }
    13% {
        -webkit-transform: rotateZ(26deg);
    }
    15% {
        -webkit-transform: rotateZ(-24deg);
    }
    17% {
        -webkit-transform: rotateZ(22deg);
    }
    19% {
        -webkit-transform: rotateZ(-20deg);
    }
    21% {
        -webkit-transform: rotateZ(18deg);
    }
    23% {
        -webkit-transform: rotateZ(-16deg);
    }
    25% {
        -webkit-transform: rotateZ(14deg);
    }
    27% {
        -webkit-transform: rotateZ(-12deg);
    }
    29% {
        -webkit-transform: rotateZ(10deg);
    }
    31% {
        -webkit-transform: rotateZ(-8deg);
    }
    33% {
        -webkit-transform: rotateZ(6deg);
    }
    35% {
        -webkit-transform: rotateZ(-4deg);
    }
    37% {
        -webkit-transform: rotateZ(2deg);
    }
    39% {
        -webkit-transform: rotateZ(-1deg);
    }
    41% {
        -webkit-transform: rotateZ(1deg);
    }

    43% {
        -webkit-transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(0);
    }
}

@keyframes alert-notify-bell {
    0% {
        -webkit-transform: rotateZ(0);
    }
    1% {
        -webkit-transform: rotateZ(30deg);
    }
    3% {
        -webkit-transform: rotateZ(-28deg);
    }
    5% {
        -webkit-transform: rotateZ(34deg);
    }
    7% {
        -webkit-transform: rotateZ(-32deg);
    }
    9% {
        -webkit-transform: rotateZ(30deg);
    }
    11% {
        -webkit-transform: rotateZ(-28deg);
    }
    13% {
        -webkit-transform: rotateZ(26deg);
    }
    15% {
        -webkit-transform: rotateZ(-24deg);
    }
    17% {
        -webkit-transform: rotateZ(22deg);
    }
    19% {
        -webkit-transform: rotateZ(-20deg);
    }
    21% {
        -webkit-transform: rotateZ(18deg);
    }
    23% {
        -webkit-transform: rotateZ(-16deg);
    }
    25% {
        -webkit-transform: rotateZ(14deg);
    }
    27% {
        -webkit-transform: rotateZ(-12deg);
    }
    29% {
        -webkit-transform: rotateZ(10deg);
    }
    31% {
        -webkit-transform: rotateZ(-8deg);
    }
    33% {
        -webkit-transform: rotateZ(6deg);
    }
    35% {
        -webkit-transform: rotateZ(-4deg);
    }
    37% {
        -webkit-transform: rotateZ(2deg);
    }
    39% {
        -webkit-transform: rotateZ(-1deg);
    }
    41% {
        -webkit-transform: rotateZ(1deg);
    }

    43% {
        -webkit-transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(0);
    }
}

.popup-order {
    border: 1px solid #E0E0E0;
    padding-bottom: 2rem;
}
.popup-order-processing {
    pointer-events: none;
    filter: grayscale(0.8);
}




@media screen and (max-width: 800px) {
.dashboards{
    margin-top: 0px !important;
	margin: -4px;
}
.dashboards .col-6{
	-ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 5px;
}
.dashboards .dashboard-display {
    padding: 5px !important;
}
.dashboards .dashboard-display-number {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.dashboards .font-size-sm {
    font-size: .75rem;
    text-align: center;
}
.dashboard-main-col{
	margin-top: 0px !important;
}
.dashboard-main-col .panel-heading .panel-title{
	padding-top: 5px !important;
    margin-bottom: 0px !important;    
	padding-left: 8px !important;
	font-size: 16px;
    font-weight: 400;
}
.dashboard-main-col .panel-heading .panel-title b, .dashboard-main-col .panel-heading .panel-title strong {
    font-weight: 400 !important;
}
.dashboard-main-col hr {
    margin-top: 1px;
    margin-bottom: 4px;
}
.dashboard-main-col {
    border-radius: 4px;
    box-shadow: none;
    background-color: #f7f8fb;
}

.page-content {
    padding: 0px;
}
.res{
    padding: 5px;
}
  .res table {
    border: 0;
  }

  .res table caption {
    font-size: 1.3em;
  }
  
  .res table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .res table tr {
    border: 1px solid #ddd;
    display: block;
    margin-bottom: .625em;
    border-radius: 5px;
    background: #fff;
  }
  
  .res table td {
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .res table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .res table td:last-child {
    border-bottom: 0;
    text-align: right !important;
  }
  .res .badge {
    font-size: 100%;
	}
	
	.res .text-semibold{
		font-size: 14px;
	}
	
	.res .btn-group-justified {
    display: block;
	}
	.dashboard-main-col .card-body {
		padding: 0px;
	}
	.he{
		height: 60px;
	}
	.bottom_menu{
		display: block !important;
		position: fixed;
		bottom: 0px;
		width: 100%;
		background: #fff;
		text-align: center;    
		padding: 0px 10px;
		border-top: 1px solid #e2e2e2;
    z-index: 9;
	}
	.bottom_menu a{
		padding: 5px 5px;
		color: #676767;
	}
	.bottom_menu a i{
		margin-right: 0px !important;
	}
	
	.content-wrapper {
		margin-bottom: 50px;
	}
	.btn-group-vertical>.btn, .btn-group>.btn {
		margin-bottom: 10px;
	}
}
.go_back {
    font-size: 14px;
    margin-right: 10px;
    border: 1px solid #fff;
    padding: 7px 16px;
    border-radius: 20px;
    color: #fff;
}