@media (max-width: 464px) {
    .view-project-details-page .go-to-customer { 
        margin-top: 5px;
        margin-right: 0px !important; 
    }
}

@media (min-width: 464px) and (max-width: 576px) {
    .view-project-details-page .go-to-customer { 
        margin-top: 5px;
        margin-right: 0px !important; 
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .view-project-details-page .width-sm-two { width: 16.66667%; }
    .view-project-details-page .width-sm-ten { width: 83.33333%; }
    .view-project-details-page .button-div { margin-top: 10px; }
}

@media (min-width: 769px) and (max-width: 992px) {}

@media (min-width: 992px) and  (max-width: 1200px) {
    .commission-management-page .width-lg-four { width: 33.33333%; }
    .commission-management-page .width-lg-six { width: 50%; }
    .commission-management-page .width-lg-eight { width: 66.66667%; }
    .commission-management-page .width-lg-twelve { width: 100%; }

    .user-commission-page .width-lg-six { width: 50%; }

    .view-project-details-page .col-lg-twelve { width: 100%; }
}

@media (min-width: 1200px) {}

.commission-management-page .page-filter {
    margin-right: 10px; 
    float:right;
}
.commission-management-page .upload-excel-button {
    margin-right: 10px;
    color:white;
    cursor:pointer; 
    float:right;
}
.commission-management-page .td-username, .user-commission-page .td-username {
    color: blue;
    cursor: pointer;
}
.commission-management-page .table-responsive {
    overflow-x: unset;
}

.user-commission-page .dataTables_paginate {
    position: absolute !important;
    margin-top: -25px !important;
    right: 0 !important;
    margin-right: 20px !important;
}
.user-commission-page .table-responsive {
    overflow-x: unset;
}

.mb-15 { margin-bottom: 15px; }

#editProjectDetailModalBody .col-lg-12 { padding-bottom: 10px; }

#editProjectDetailModal #saveAddersButton { display: none; }

.view-project-details-page .editCommissionBtn { float: right; }

.commission-management-page .sunSourceAccordian {
    border: 0px;
    background-color: unset;
    padding-left: 10px;
    padding-top: 10px;
}

.commission-settings-page .select2-container--default .select2-selection--single {
	border: 1px solid #ced4da;
	height: 35px;
	padding: 0.17rem 0.15rem;
}

.commission-settings-page .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 30px;
}

.updateCommissionConfirmationModal .confirmationText {
	margin-bottom: 25px;
}

.customerSearch {
    position: fixed !important;
    /* top: 49px !important; */
    overflow-x: hidden !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .customerSearch {
        position: fixed !important;
        top: 129px !important;
        overflow-x: hidden !important;

    }
}

@media only screen and (max-width: 992px) {
    .customerSearch {
        top: 129px !important;        
    }
}

.customerSearch.ui-menu .ui-menu-item {
    border-bottom: 1px solid #e4e5e6;
    font-size: 15px;
    padding: 3px;
    color: #47525d;
}

.customerSearch .ui-state-active,
    .customerSearch.ui-widget-content .ui-state-active,
    .customerSearch.ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover 
{
    border: 0;
    background: #556ee6;
    font-weight: 100;
    color: #ffffff;
    margin: 0;
    padding: 5px;
}

.ui-widget-content .leadname a:hover {
    color: #ffffff;
}

.customerSearch .ui-state-active a {
    color: #ffffff;
}

.customerSearch .ui-widget-content .leadname a{
    font-weight: 600;
    color: red !important;
}
.commission-autocomplete-salerep{
    font-size: 13px;
    font-weight: 600;
}