@media (max-width: 786px) {
        .container-box{
            background-color: var(--phoenix-table-container-bg);
            padding: 30px 20px 0 20px;
        }

        div#table{
            height:50vh; 
            overflow-y: scroll;
            margin: 0 0;
        }
        
        .content{
                padding-bottom:0 !important;
            }
            .d-sm-inline-block{
                display: block !important;
            }

            .width-30, .width-40,.width-50,.width-60,.width-70,.width-80{
                max-width: 100% !important;
                overflow-y: scroll;
            }   
            
         /* .width-60{
            max-width: 100% !important;
            overflow-y: scroll;
         }   

         .width-70{
            max-width: 100% !important;
            overflow-y: scroll;
         }

         .width-80{
            max-width: 100% !important;
            overflow-y: scroll;
         } */
          
        .modal-body{
            overflow: scroll;
        }

       
    
        #notesofrm{
            width:100%
        }
      
        #notesofrm div.ck.ck-content{
            height: 35vh;
        }

        
        .reportform{
            flex-wrap: wrap;
            margin-top:10px ;
        }
        
        .modal {
            margin-top: 20px;
        }

        #add_activity_right {height: auto !important;}

        .fc .fc-col-header-cell-cushion{
            font-size: 9px !important;
        }

        .col-sm-6{
            width: 50% !important;
        }
     
      }

  tr, td {
        white-space: nowrap;
    }

  
     .reportform select{
        width: 40%;
        margin: 10px;
     }
     .reportform input{
        width: 40% !important;
        margin: 10px ;
     }

  @media (min-width: 787px) {
    .width-60{max-width: 60% !important;}
    .width-80{max-width:80% !important;}
    .width-50{max-width: 50% !important;}
    .width-70{max-width:70% !important;}
    .width-40{max-width:40% !important;}
    .width-30{max-width:40% !important;}

    .reportform{
         display: flex;
    }
   
    #notesofrm{
        width:30%;
        height: auto !important;
    }

    

    #notesofrm div.ck.ck-content{
        height: 65vh;
    }

    .container-box{
        background-color: var(--phoenix-table-container-bg);
        padding: 10px 20px 0 20px;
    }
    div#table{
        height:calc(100vh - var(--phoenix-navbar-top-height) - 90px); /*75vh; */
        overflow-y: scroll;
        /*margin: 0 20px;*/
    }


    #adminstersidebar{
        display: none;
    }

    
}

.table_outer{
    background-color: var(--phoenix-table-table_outer-bg);
    padding: 0 0px 0px 20px;
    border-topxx: 0.5px solid #e3e5ec;
    border-bottom: 0.5px solid var(--phoenix-navbar-footer-border-color); 
}
.page-link svg{
    width: 20px;
}
table#myTable,td{
 font-size: 0.8rem !important;
}
/* #pp_0 , #pn_3 {
    padding: 5px;
    margin: 0px 2px;

} */

.pagination > li:first-child > a {
    padding: 0px 5px;
    margin: 0px 2px;
}

.pagination > li:last-child > a {
    padding: 0px 5px;
    margin: 0px 2px;
}

ul.pagination{
    display: flex;
    align-items: center;
}
.navbar-top{
    background-color: #31374a !important;
}
.navbar-top.navbar-slim .nav-link{
    color: #8a94ad !important;
}

@media (max-width: 576px) {
    .d-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 576px) {

    .content {
        padding: 0;
        padding-top: 30px;
        background-color: var(--phoenix-table-content-bg);
    }
    
}


#loginbox{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.login_inner{
    min-width: 350px;
}


th{
    text-align: left !important;
}

td,th{
    text-align: left !important;
    padding: 2px !important;
    vertical-align: middle;
}



.content {
    padding: 0;
    padding-top: 30px;
    background-color: var(--phoenix-table-content-bg);
}


.email_vali{
    max-width: 100px !important;overflow: hidden;
}
.time{font-size: 11px;}

thead{
    position: sticky;
    top: 0;
    background:  var(--phoenix-table-thead-bg);
}

tfoot{
    position: sticky;
    bottom:  0;
    background:  var(--phoenix-table-tfoot-bg);
}
tfoot th{padding:5px 0 !important;} 
.tfooter{width: -webkit-fill-available;position: absolute; margin: 0 20px 0 0;
    bottom: 0;
}
ul#myTab ,hr{
    border-bottom: 1px solid #0000007a !important;
}
/* .border-0{
    border-color: transparent !important;
} */

/* .border-transparent{
    border: 0 !important;
} */
.lead_info {
    height:calc(50vh - 100px)!important;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #888 #d7d7d7; 
}
.wd-100{
    width: 100px;
}

#logindiv{
    background: #fff0;
    padding: 15px 60px;
}
#logindiv p{margin-bottom: 0;}

.truncate {
    width: auto;
    displayxxx: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 100px;
    max-heightx: 1.2em;
}
.modal-header{height:40px;}

.navbar-vertical-content{
    height: calc(100vh - var(--phoenix-navbar-top-height) - 4rem);
    overflow-y: scroll !important;
}
/* 
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg .nav-item-wrapper:hover .parent-wrapper.label-1 > .parent{
    position: fixed !important;
    display: block !important;
    background: rgba(0, 0, 0, 0);
    padding-bottom: 2rem;
    left: 42px !important; */
/* } */

.navbar-vertical-content::-webkit-scrollbar {
    width: 8px; /* Width of the scrollbar */
}

tfoot th:first-child {
 font-size: 0.8rem !important;font-weight: 600;
}

div#top-bar div {
    padding-bottom: 2px !important;
}


.modal-backdrop.show{opacity: 0 !important;}
.modal-backdrop{position: static !important;}
.modal-dialog{box-shadow: 1px -1px 18px 2px #00000066;}

#leadsedit{z-index: 2;}
#Search{z-index: 5;}


.del_color{color:#E32329; cursor:pointer}
.edit_color{color:#06BC00; cursor:pointer}
.info_color{color:#62B6E7; cursor:pointer}
.cases_color{color:#D7A36F; cursor:pointer}
.share_color{color:#207436; cursor:pointer}
.settings_color{color:#848484; cursor:pointer}
.active_color{color:#8BD84F; cursor:pointer}
.del_sil_color{color: #adadad; cursor:pointer}
.orange_color{color: #f18b47; cursor:pointer}

#add_activity_right {height: 60vh;overflow-y: scroll;}
#add_activity_right p{margin: 0;}
#add_activity_right p.chatby{font-size: 12px;}
#interaction{display: none;}

textarea#interaction2{display: none;}


/* #notesofrm div.ck.ck-content{height: 65vh;} */


input,textarea,select{
    margin-top: -5px !important;
}

input[type="checkbox"] {
    margin-top: 4px !important;
}

#login{
    max-width: 100%;
}

div#loginbg {
    background-image: url('../../assets/img/login_bg.png');
    background-size: cover;
    height: 100vh;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

div#loginbg p{
    font-size: 12px;
}

.pointed{
    cursor: pointer;
}

hr.activity_hr{
    margin: 1px 0 !important;
    color: rgb(203 208 221 / 38%)!important;
    opacity: 0.2 !important;
}

th.fc-col-headerx-cell{
    display: inline-block;
}

.dashboardcharts .col-lg-4{ 
     margin-top: 40px;
}

#opportunitydata {
    font-size: 12px;
}


div#appendchart {
    font-size: 13px;
}