body {
    font-size: 0.7rem;
    color:#000;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1320px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #333;
    font-size: 0.8rem;
    font-weight: 600;
}
img {max-width: 100%;}
form.user .form-control-user, form.user .btn-user {
	border-radius: .35rem;
}
#changecomphead{
    max-width:300px;
}

.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;
}
.dropdown .dropdown-menu {
    font-size: .75rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
a.paginate_button.current {
    background: #1d79da;
    color: #fff;
}

.dataTables_wrapper .dataTables_length {
    float: left;
    margin:5px 0;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    margin:5px 0;
}
.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
    margin: 10px 0 0;
}
.dt-buttons {
    display: table;
    width: 100%;
    text-align: right;
}
.dt-buttons .dt-button.buttons-html5, .dt-buttons .dt-button.buttons-print{
    font-size:11px;
    text-transform: uppercase;
    color:#EEE;
    background-color: var(--main-color);
    margin:0;
    border:0;
    border-radius: 0;
    border-left: 1px solid #4fa7a3;
    transition:none;
}
.dt-button.buttons-copy.buttons-html5{
    border:0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.dt-buttons .dt-button.buttons-print{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.dt-buttons .dt-button.buttons-html5:hover:not(.disabled), .dt-buttons .dt-button.buttons-print:hover:not(.disabled), div.dt-buttons>div.dt-button-split .dt-button:hover:not(.disabled) {
    border:0;
    border-left: 1px solid #4fa7a3;
    /* background-color: #ad1847; */
    background-color: #147c78;
    transition:none;
}
.dt-button.buttons-copy.buttons-html5:hover{
    border:0;
}
.page-title{
    font-size:1.2rem;
    font-weight: 600;
    color: #185da0;
}

.breadcrumb {
    padding: 0;
	margin: 0;
    background: none;
}
.btn-secondary {
    color: #fff;
    background-color: #505456;
    border-color: #505456;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #4389d4;
    border-color: #4389d4;
}
thead , tfoot{
    background: var(--main-color);
    color: #FFFFFF;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: inherit;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #d8d8d8;
}
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;
}
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 ,
table.dataTable tfoot .sorting:before, table.dataTable tfoot .sorting:after, table.dataTable tfoot .sorting_asc:before, table.dataTable tfoot .sorting_asc:after, table.dataTable tfoot .sorting_desc:before, table.dataTable tfoot .sorting_desc:after, table.dataTable tfoot .sorting_asc_disabled:before, table.dataTable tfoot .sorting_asc_disabled:after, table.dataTable tfoot .sorting_desc_disabled:before, table.dataTable tfoot .sorting_desc_disabled:after {
    opacity: 4.7;
    top: 8px; 
}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after,
table.dataTable tfoot .sorting_asc:before, table.dataTable tfoot .sorting_desc:after {
    opacity: 1;
}
.table td, .table th {
    padding: 6px 5px;
}
.table {
    font-size: .75rem;
}

.table thead th, .table tfoot th{
    font-size:0.7rem;
    text-transform: uppercase;
    font-weight: 700 !important;
    padding:8px 5px;
}
.table tfoot th{
    padding:6px 5px;
}
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 #777;
    border-radius: 4px;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0;
}
.table-hover tbody tr:hover {
    background-color: rgb(116 177 243 / 35%);
}
.filter-tags {margin-top: 15px;}
.filter-tags ul {padding: 0; margin: 0;}
.filter-tags li {
    list-style: none;
    display: inline;
    border: 1px solid #185da1;
    border-radius: 4px;
    padding: 2px 11px;
    font-size: 12px;
    font-weight: 600;
    margin: 0 2px;
    background: transparent;
    color: #185da1;
}
.remove-filter {
	cursor: pointer;
	font-size: 12px;
}
.filter-dropdown {
    padding: 20px;
    width: 370px;
    top: 10px !important;
}
.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;
}
.changecomplist a.active{
    color: #FF0000;
}

.btn-group-sm>.btn, .btn-sm{
	font-size: .7rem;
	text-transform: uppercase;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    content: ' ';
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid #a5a5a5;
    border-radius: 0px;
}
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: rgb(116 177 243 / 35%);
    color:#333;
}
.table-bordered thead th, .table-bordered tfoot th {
    border-bottom-width: 0;
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
    border-right-width: 1px;
}

tr.group{
    font-weight: 700;
}

.form-control {
    font-size: 0.7rem;
    border-radius: 2px;
    padding: 4px 6px;
    height: auto;
    line-height: normal;
    border-color: #a5a3a3;
}
label {
    display: inline-block;
    margin-bottom: .1rem;
    text-transform: uppercase;
    font-weight: 700;
}
.form-group {
    margin-bottom: 0.5rem;
}
.table th{
    min-width: 10px;
}
.custom-select{
    padding-right: 30px;
}
.spinner{
    z-index: 99999999;
    background: #FFFFFF;
    font-size: 14px;
    color: #185da0;
    font-weight: 600;
}
.actionhead{
 width: 32px;    
}
.dataTables_processing {
    z-index: 1;
}
.title-5{
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #185da0;
}
.digit-group{
    text-align: center;
}
.digit-group label{
    font-size: 18px;
    margin-bottom: 10px; 
}
.digit-group input {
    width: 40px;
    height: 50px;
    background-color: #EEEEEE;
    border: none;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    margin: 0 4px;
}
#compfrm .form-control{
    font-size: 0.75rem;
    border-radius: 2px;
    padding: 6px 10px;
    height: auto;
    line-height: normal;
    border: 1px solid #a5a3a3;
    color:#000000;
    font-weight: 400;
}


.nav-tabs .nav-link {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    padding:.5rem .6rem;
    margin-right: 2px; 
}
.nav-link:focus-visible, .nav-link:focus {
    outline: none;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #185da0;
}
.btn-sm:focus{
    box-shadow: none !important;
}
.dropdown-menu-right:before {
  position: absolute;
  top: -11px;
  right: 10px;
  display: inline-block;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #ccc;
  border-left: 11px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu-right:after {
  position: absolute;
  top: -10px;
  right: 10px;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  border-left: 10px solid transparent;
  content: '';
}
.dropdown-item {
    text-transform: uppercase;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dddddd !important;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #dddddd !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #dddddd !important;
}
.filter-title{
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #185da0; 
    border-bottom: 1px solid #eeeeee;  
}



.form-group input[type="radio"]:checked+label,
.Checked+label {
  background: #115da1;
}

/*.form-group label:hover {
  background: #115da1;
}*/
.bg-matched{
    background-color: #e3f9c9 !important;
}
.dataTable td,.dataTable th{
    white-space: nowrap;
}

table.dataTable td {
    word-break: break-word !important;
    vertical-align: top !important;
}

th, td { white-space: nowrap; }
div.dataTables_wrapper {
    margin: 0 auto;
}
.small, small {
    font-size: 65%;
    font-weight: 400;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    line-height: 32px;
    height: 32px;
    font-size: 0.7rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:#6e707e;
}
.loginbg{
  background: #FFF url(../authpagebg.jpg) repeat;
}
.col-form-label {
    margin-bottom: 0;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 600;
}
.custom-control-label {
    padding-top:3px;
}
.ui-timepicker-container{
    position: relative; 
    z-index: 10000 !important;
}
.pd-20 {
    padding: 20px;
}
.bd {
    border: 1px solid rgba(72, 94, 144, 0.16);
}
.bd-gray-300 {
    border-color: #cdd4e0;
}
.bd-t-0 {
    border-top: 0;
}
.shadow-lg {
    box-shadow: 0 1px 10px rgba(0,0,0,.175)!important;
}
.modal-title {
    text-transform: uppercase;
    font-size: 1rem;
    color: #1b929e;
}

p.alert {
    margin: 0 !important;
    padding: 0 !important;
}

* {
  .border-radius(0) !important;
}

#field {
    margin-bottom:20px;
}