form {
    margin: 10px 0px;
}

/* nav-bar background color */
.navbar-custom, .dropdown-menu {
    background-color: #0a434f;
}

.dropdown-menu {
    border: none;
}

.dropdown-submenu > .dropdown-menu {
    margin-left: 0px !important;
    border-radius: 0 0 0 0 !important;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgb(255,255,255);
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgb(255,255,255);
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link.active,
.nav-item.nav-link.active,
.navbar-custom .nav-item:hover .nav-link:hover,
li.dropdown .nav-link.active,
li.dropdown a.nav-link:focus,
a.nav-link:focus,
li.dropdown a.nav-link:hover,
a.nav-link:hover {
    color: #f16036 !important;
}

.navbar .dropdown-menu a:not(.active) {
    color: #fff;
}

.dropdown-item:focus, .dropdown-item:hover {
    text-decoration: none;
    background-color: #0a434f;
    color: #f16036 !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #f16036;
    text-decoration: none;
    background-color: #0a434f;
}

.btn-info {
    color: #fff;
    background-color: #0e5b6c !important;
}

.sbr-col-5, .sbr-col-3, .sbr-col-2 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.sbr-col-5 {
    width: 41.6666666667%;
}

.sbr-col-2 {
    width: 16.6666666667%;
}

.sbr-col-3 {
    width: 33.3333333333%;
}

select {
    width: 100%;
    padding: 5px;
}

input[type=submit] {
    padding: 8px 25px;
}

thead>tr>:nth-child(3), tbody>tr>:nth-child(3) {
    text-align: left;
}

td { 
    padding: 3px 10px;
}

.msg-empty {
    width: 40%;
    text-align: center;
    margin: auto;
    background-color: #ff0000;
    color: #ffffff;
    padding: 11px;
    font-weight: bold;    
}

.title-table {
    text-align: center;
    font-size: 20px;
    padding-bottom: 10px;
    color: #2c702c;
}

.font-icon-link {
    cursor: pointer;
    color: #166ac3;
    font-size: 17px;
}

.swal2-header {
	overflow: hidden;
}

.swal2-header img.swal2-image.zoom {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.swal2-header:hover img.swal2-image.zoom {
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	transform: scale(2);
}

@media only screen and (max-width: 480px) {
    .sbr-col-5, .sbr-col-2 {
        float: none;
        width: 100%;
        padding-bottom: 10px;
    }
    .msg-empty {
        width: 100%;
    }
    table {
        font-size: 13px;
    }
    
    .div_mobile_hide {
        display: none;
    }
}