/**************POPUP******************/

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: auto;
    font-size: 17px;
}



/***Mobile Nav Bar*******************/


@media only screen and (max-width: 780px) {
  #navbar {
    display: flex;
  }
  ul.navbar-nav {
    flex-direction: row;
  }
  li.nav-item a.nav-link {
    font-size: 12px;
    margin: 0 5px;
  }
}

@media (max-width:1024px){
    .toplogotext{
        padding-left:0px;
    }
}


body {
    font-size: 0.85rem;
}
img {max-width: 100%;}
form.user .form-control-user, form.user .btn-user {
	border-radius: .35rem;
}
#changecomphead{
    max-width:300px;
}
.text-warning {
    color: #ffcf07!important;
}
.sidebar {
    transition: all 0.5s;
}
.sidebar-dark .nav-item .nav-link i {
    color: rgba(255,255,255,.8);
}
.mh-100 {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.bg-dark {
	color: #fff;
}

a.paginate_button.current {
    background: #1d79da;
    color: #fff;
}

.dataTables_wrapper .dataTables_length {
    float: left;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}
.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
    margin: 10px 0 0;
}
.page-title{
    font-size:1.4rem;
    font-weight: 600;
    color: #185da0;
}

.breadcrumb {
    padding: 0;
	margin: 0;
    background: none;
}
thead {
    background: #145da1;
    color: #fff;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0.6;
	top: 3px;
}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
    opacity: 1;
}
.table td, .table th {
    padding: 6px 5px;
}
.table {
    font-size: 12px;
}

div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {margin: 0;}
div.dataTables_wrapper div.dataTables_filter input {
    border: 1px solid #ccc;
    border-radius: 4px;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0;
}
.filter-tags {margin-top: 5px;}
.filter-tags ul {padding: 0; margin: 0;}
.filter-tags li {
    list-style: none;
    display: inline;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 600;
    margin: 0 2px;
}
.remove-filter {
	cursor: pointer;
	font-size: 18px;
}
.filter-dropdown {
    padding: 10px;
    width: 20rem;
}
.topbar .select2-container--default .select2-selection--single {
    border: none;
}
.topbar {
	font-size: 12px;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link {
    text-transform: uppercase;
}
/*********Social Icon**********/

.fa-facebook:before {
    content: "\f09a";
    color: #fff;
}

.fab, .far {
    font-weight: 400;
    padding: 10px 4px;
}

.fa-envelope:before {
    content: "\f0e0";
    color: #fff;
}

.fa-instagram:before {
    content: "\f16d";
    color: #fff;
}

.fa-twitter:before {
    content: "\f099";
    color: #fff;
}




/********Top Bar************/
.toptext {
    font-size: 13px;
    text-transform: uppercase;
    color: #FFF;
    flex: 1;
    text-align: right;
    margin-top: 18px;
}

/**********Profile Image*************/

.sidebar .nav-item .nav-link .img-profile, .topbar .nav-item .nav-link .img-profile {
    height: 3rem;
    width: 3rem;
}

/*****************Main Bar******************/

.topbar1 .select2-container--default .select2-selection--single {
    border: none;
}

.topbar1 {
    height: 3rem;
    font-size: 0.9rem;
    background-color: #b43a61 !important;
}
.topbar1.navbar-light .navbar-nav .nav-item .nav-link {
    text-transform: uppercase;
    color: #fff !important;
    padding-left: 0.3rem;
    font-size: 13px;
}

.tophinditext{
    color:#475666;
    font-size:16px;
    font-weight:400;
    text-align:center;
    /*padding-left:125px;*/
    margin-top: 8px;
    font-family: 'Lemon', cursive;
}

.toplogotext{
    color:#2bb4a9;
    font-size:18px;
    font-weight:400;
    text-align:center;
    /*padding-left:125px;*/
    margin-top: 8px;
    font-family: 'Lemon', cursive;
}

input::placeholder {
    color: #777 !important;
    opacity: 1 !important;
}