.alert-icon, .alert-icon-single {
    margin-right: 1rem;
}
.alert-icon i {
    font-size: 2.5rem;
}
.alert-icon-single i {
    font-size: 1.5em;
}
.alert-white {
    color: #626364;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.alert-simple {
    padding: 0.75rem!important;
}
.alert-simple .alert-icon > i {
    font-size: 1.5rem;
}
.alert-simple h4 {
    display: none;
}
.paging-info {
    margin: auto;
}
.pagination {
    justify-content: end;
}
.input-group > .input-group-append > .input-group-text {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.input-group > .input-group-append > .input-group-text > i {
    font-size: 1.75rem;
}
#table-master th, #table-master td,
.table-master th, .table-master td {
    border: 1px solid #ebedf2!important;
    padding: 0.75rem!important;
}
.table-master th {
    vertical-align: middle;
}
.table tbody tr:last-child td,
    .table tbody tr:last-child th,
    .table tfoot tr:last-child td,
    .table tfoot tr:last-child th {
    border-bottom: 1px solid #ebedf2!important;
}
#table-master tbody .btn, .table-master tbody .btn{
    padding: 5px 8px!important;
}
.filter-item { display: flex; align-items: center; }
.filter-item > .label { margin-right: 10px; }
.filter-item > .filter { flex-grow: 1; }

.table-complete.table td:first-child, .table-complete.table th:first-child, .table-complete.table tr:first-child {
    padding-left: 0.75em;
}

#column-toggler li {
    padding: 5px;
}
#column-toggler.dropdown-menu { min-width: 200px; }
.sticky-card-header {
    background-color: white!important;
}

.icon-medium { font-size: 1.25em; }
.icon-large { font-size: 2em; }
.icon-item {
    font-size: 2em;
    border: 1px solid #626364;
    padding: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
}
.icon-item:hover {
    background-color: #c7fffc;
}

.icon-dashboard {
    position: absolute;
    bottom: 0;
    right: 5px;
    font-size: 6em;
}

.btn-micro {
    padding: 3px 8px!important;
    margin-left: 5px;
}

.btn-micro i {
    padding-right: 0px;
}

.is-invalid { border: 1px solid #f1416c!important; }
.invalid-error { color: #f1416c; }

.input-medium { max-width: 300px; }
.input-invisible {
    display: block!important;
    height: 1px!important;
    min-height: 1px!important;
    min-width: 1px!important;
    padding: 0px!important;
    margin: 0px!important;
    border:none!important;
}
.image-bordered { border: 1px solid #dddddd; }
input[type="text"]:read-only:not(.date-picker),
    input[type="number"]:read-only:not(.date-picker) {
    background-color: #dddddd!important;
}
.swal2-wide { width: 700px!important; }
.map-view .content, .map-view #kt_content_container {
    padding: 0px;
}
.map-view #map {
    width: 100%;
    height: 100%;
    padding: 0px;
    position: relative;
}
.map-view #kt_wrapper {
    padding-top: 65px;
}
.map-view #kt_toolbar, .map-view #kt_footer, .map-view .page-title {
    display: none!important;
}
.asset-detail {
    position: fixed;
    /*left: 0;*/
    width: 25vw;
    max-width: 400px;
    min-width: 250px;
    background: white;
    height: 100%;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 90;
}
.asset-detail.open {
    transform: translateX(0);
}
.project-detail {
    position: fixed;
    background: white;
    width: 28vw;
    max-width: 470px;
    min-width: 250px;
    margin-top: 150px;
    right: 0px;
    height: 55vh;
    transform: translateX(100%); /* start hidden */
    transition: transform 0.3s ease; /* smooth animation */
    z-index: 99;
}
.project-detail.open {
    transform: translateX(-5px);
}
.timer-detail-container {
    position: absolute;
    background: white;
    margin-top: 55px;
    width: 93vw;
    height: 80vh;
    overflow: auto;
}

.map-container {
    justify-content: center;
}
.alarm-detail {
    position: absolute;
    width: auto;
    height: auto;
    margin-top: 10px;
}
.search-bar {
    position: absolute;
    width: 300px;
    margin-top: 10px;
    right: 5px;
}

.project-button {
    position: absolute;
    margin-top: 80px;
    right: 5px;
    text-align: center;
    width: auto;
}

.timer-button {
    position: absolute;
    margin-top: 150px;
    right: 5px;
    text-align: center;
    width: auto;
}

.latlong-info {
    position: absolute;
    left: 50%;
    bottom: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.floating-button-container {
    position: absolute;
    top: 50%;
    margin-left: 10px;
}
.floating-button-container > .floating-button-item:not(:last-child){
    margin-bottom: 10px;
}
.floating-button-item > .btn {
    border-radius: 0px;
    border: 1px solid #dedede;
}
.floating-button-item > .btn > i {
    font-size: 24px;
}

/* custom color */
#kt_header {
    background-color: #0e579e;
}
#kt_header .header-menu .menu-title, #kt_header .header-menu .menu-icon i {
    color: white !important;
}
#kt_header .header-menu .menu-sub .menu-title, #kt_header .header-menu .menu-sub .menu-icon i {
    color: #5e6278 !important;
}
#kt_header .header-menu .menu-link:hover {
    background-color: #196fc3;   
}
#kt_header .header-menu .show > .menu-link  {
    background-color: #196fc3;   
}
#kt_header .header-menu .menu-sub .menu-link:hover {
    background-color: #91c7ff;   
}
#kt_toolbar {
    background-color: #1d7bd6;
    border-top-color: #0e579e;
    box-shadow: 0px 5px 40px 0px #0000000D !important;    
}
#kt_toolbar_container h1, .page-title .text-muted, #kt_toolbar_container h1, .page-title .text-muted i {
    color: white!important;
}
#kt_toolbar_container a {
    color: white!important;
}
#kt_aside {
    background-color: #e9f1fa;
}
#kt_aside .menu-item:hover .menu-title, #kt_aside .menu-item:hover .menu-icon i {
    color: #1d7bd6;
}
#kt_aside .menu-link.active .menu-title, #kt_aside .menu-link.active .menu-icon i {
    color: #1d7bd6;
}
.footer {
    background-color: #e9f1fa;
}
/* end of custom color */

.swal2-styled.swal2-confirm{ background-color: #0095e8; }
@media (max-width: 1199px) {
    .paging-info {
        text-align: center;
        margin-top: 10px;
    }
    .pagination {
        justify-content: center;
    }

    .btn { margin-bottom: 5px; }
}

.pulse-circle {
    position: relative;
    background-color: #ff3b30;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(255, 59, 48, 0.4);
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.6);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(255, 59, 48, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 59, 48, 0);
    }
}

.pulse-group {
    position: relative;
    /*filter: drop-shadow(0px 0px 5px rgba(255, 59, 48, 1));*/
    box-shadow: 0 0 0 rgba(255, 59, 48, 0.6);;
    animation: pulse-rect 1.5s infinite;
}

@keyframes pulse-rect {
    0% {
        /*filter: drop-shadow(0px 0px 0px rgba(255, 59, 48, 1));*/
        box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.6);
    }
    70% {
        /*filter: drop-shadow(0px 0px 20px rgba(255, 59, 48, 0.5));*/
        box-shadow: 0 0 0 20px rgba(255, 59, 48, 0);
    }
    100% {
        /*filter: drop-shadow(0px 0px 0px rgba(255, 59, 48, 0));*/
        box-shadow: 0 0 0 0 rgba(255, 59, 48, 0);
    }
}