body {

    width : 100%;
    box-sizing: border-box;
}

/*  */

.remove_button_style,    .remove_button_style:hover,  .remove_button_style:active,  .remove_button_style:focus 
{
    background  :   none        !important;
    color       :   inherit     !important;
    border      :   none        !important;
    padding     :   0           !important;
    font        :   inherit     !important;
    cursor      :   pointer     !important;
    outline     :   inherit     !important;
}

/*  */

.primary {
    color               :   white       !important;
    background-color    :   #D7481F     !important;
}

.border_primary {
    border              :   none        !important;
    outline             :   none        !important;
}

/*  */

/* Loading */

.center_screen_loading_screen {
    position        :   fixed   ;
    top             :   45%     ;

    width           :   100%    ;

    margin          :   auto    ;
}

.center_screen_internet_error_screen {
    position        :   fixed   ;
    top             :   30%     ;

    width           :   100%    ;

    margin          :   auto    ;
}

/*  */

#loading_screen {
    height          :   100vh; /* Set container height to 100 viewport height */
    width           :   100vw; /* Set container width to 100 viewport width */

    position        :   fixed;
    z-index         :   99999;
    background      :   rgba(255, 255, 255, 0.1);
    backdrop-filter :   blur(5px);
}

.circular-progress{
    /* position: relative; */
    height              :   250px;
    width               :   250px;
    border-radius       :   50%;
    /* background       :   conic-gradient(#7d2ae8 0deg, #ededed 0deg); */
    display             :   flex;
    align-items         :   center;
    justify-content     :   center;
}

.circular-progress::before{
    content             : "";
    position            : absolute;
    height              : 210px;
    width               : 210px;
    border-radius       : 50%;
    background-color    : #fff;
}

.progress-value{
    position            : relative;
    font-size           : 40px;
    font-weight         : 600;
    color               : #D7481F;
}

/*  */

#internet_error_screen {
    position        :   fixed;

    width           :   100%;
    height          :   100%;

    z-index         :   99999;

    background      : rgba(255, 255, 255, 0.5);
    backdrop-filter :   blur(5px);
}

/*  */

.page-item.active .page-link {
    background-color    : #D7481F   !important;
    border-color        : #D7481F   !important;
}

/*  */

@media (min-width: 1200px)
{
    .modal-xl {

        --bs-modal-width    : 91%         !important;
    }
}

/*  */

.mdi_upload_client::before {
    font-size   : 55px          !important; /* Set the desired icon size */
    color       : #D7481F     !important; /* Set the desired icon color */
}

/*  */

.display_none {

    display     : none;
}

/*  */

.clickable_table tr {

    cursor      : pointer;
}

/*  */

.popper {

    overflow            : auto;
    scrollbar-color     : #27374D #000    ;
    max-height          : 500px;
    max-width           : 500px;
}

.popper::-webkit-scrollbar-track {
    -webkit-box-shadow  : inset 0 0 6px rgba(0, 0, 0, 0.1)  ;
    background-color    : #FFFFFF   ;
    border-radius       : 10px        ;
}

.popper::-webkit-scrollbar {
    width   : 5px  ;
    height  : 3px   ;

    background-color: #FFFFFF   ;
}

.popper::-webkit-scrollbar-thumb {
    border-radius       : 10px                                  ;
    -webkit-box-shadow  : inset 0 0 6px rgba(0, 0, 0, 0.1)    ;
    background-image    : -webkit-linear-gradient(330deg, #000 0%, #27374D 100%) ;
    background-image    : linear-gradient(120deg, #000 0%, #27374D 100%)         ;
}

.map_control_buttons_parent .popper, .salesman_rtm_map_control_buttons_parent .popper {
    padding             : 0px   !important;
}

/*  */

.color-square-option {
    display: flex;
    align-items: center;
}

.color-square-box {
    width           : 20px;
    height          : 20px;
    margin-right    : 10px;
}

/*  */

.autocomplete_list {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}

.autocomplete_list li {

    padding: 0.375rem 0.75rem;
    cursor: pointer;
}

.autocomplete_list li:hover {

    background-color: #dddddd;
}

/*  */

.pagination {

    display             : inline-block;
}

.pagination a {

    color               : black;
    padding             : 8px 16px;
    text-decoration     : none;
}

.pagination a.active {

    background-color    : #187498;
    color               : white;
}

.hide_page_number {
    
    display: none;
}

/*  */

.modal_question_x_scroll {
    width       : 451px;
    overflow-x  : scroll;
    overflow-y  : hidden;
}

.min_column_width {
    min-width   : 111px;
}

.min_column_width_mobile {
    min-width   : 75px;
}

/*  */

#sidebar .nav-item {

    padding-left    : 1.25rem;
    padding-right   : 1.55rem;
}

/*  */

.stats_blue_color {

    color           : #D7481F;
    font-weight     : bolder ;
}

/*  */

/* .break_td_table {

    table-layout    : fixed
} */

.break_td_table td{

    white-space     : normal     !important; 
    word-wrap       : break-word !important;

    line-height     : 1.5        !important;
}

/*  */

.not_clickable {

    pointer-events  : none      !important;
}

/*  */

.chart_scroll {

    overflow-x          : auto;
}

.table_scroll_x {

    overflow-x          : auto;
}

.table_scroll_y {

    overflow-y          : auto;
    max-height          : 500px;
}

.chart_scroll::-webkit-scrollbar, .table_scroll::-webkit-scrollbar {

	height              : 7px;
    width               : 7px;
	background-color    : #D7481F;
}

.chart_scroll::-webkit-scrollbar-track, .table_scroll::-webkit-scrollbar-track {

	border-radius       : 10px;
	-webkit-box-shadow  : inset 0 0 6px rgba(0,0,0,0.3);
	background-color    : #F5F5F5;
}

.chart_scroll::-webkit-scrollbar-thumb, .table_scroll::-webkit-scrollbar-thumb {

	border-radius       : 10px;
	-webkit-box-shadow  : inset 0 0 6px rgba(0,0,0,0.3);
	background-color    : #D7481F;
}

.bar_chart_container {

    height              : 500px;
}

.pie_chart_container {

    display             : flex;
    justify-content     : center;
    align-items         : center;
    height              : 500px;
}

.single_radio_chart_container {

    display             : flex;
    justify-content     : center;
    align-items         : center;
}

/*  */

.horizontal_scroll {

    overflow: auto;
}

/*  */

.table_td_similar_to_bootstrap {

    font-size: 0.875rem;
    line-height: 1.5;
}

/*  */

.content-wrapper {

    background-color: #F2F5F6;
}

.card_rounded {

    border-radius   : 1rem !important;
}

/*  */

.red_text {

    color    : red !important;
}

.orange_text {

    color    : orange !important;
}

.green_text {

    color    : green !important;
}

/*  */

.small_image {

    height  : 35px;
    width   : auto;
}

/*  */

.stats_primary_icon {
    font-size: 35px;
    color: #D7481F;
    padding-left: 15px;
}

/*  */

.custom-message-text {
    z-index: 1;
    justify-content: center;
    margin: 0;
    padding: 25px;
    overflow: auto;
    color: inherit;
    font-size: 1.125em;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    overflow-wrap: break-word;
    word-break: break-word;
    cursor: initial;
}

/*  */

.btn-circle {
    border-radius: 50%  !important;
}

/*  */

.nav-link:hover {
    color : #d7481f !important;
}