

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media only screen and (max-width: 768px) {
    

    body {
       font-size: 0.7rem ;
    }
    
    .dropdown-menu {
        font-size: 0.7rem !important ;
    }
    
    .header-image-size{
        height: 100%;
        width: 122px;
     }
    
    .nevbar_fixed_outside {
        height: 60px !important;
    }
    
    .nav-bar-main-div{
       height: 60px;
       width: 100%;
     }
    
     .result-set{
           padding-left: 15px;
           padding-right: 15px;
        }
    .main_content_style {
        height: calc(100vh - 95px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    .container_layout{
            padding-top:10px;
	        padding-bottom:10px;
    }
    
    .card_row {
       margin-top: 14px;
    }
    
    .card_row:not(:first-child){
        margin-top: 14px;
    }
    .card_row:last-child{
      margin-bottom: 14px;
    }   
    
    #sidebarCollapse {
        width: 33px;
        height: 40px;
        background: #f5f5f5;
    }
    #sidebar .sidebar-header {
        border-bottom: 0.02px solid #64d7e0;
        padding: 5px 10px 0px 1px;
    }  
    
    .page-title.pt25{
        padding-top: 10px;
    }   
    .page-title.pb25{
        padding-bottom: 10px;
    } 
.color-code-font{
    font-size: 9px !important;
}
.f-strip {
     height: 35px;
     padding: 3px 20px 3px 20px;
     font-size: .6rem;
}
.tab-content > div.nav-custom-div {
    background-color: white;
    padding-top: 20px;
    min-height: 52vh;
}	
/*.card_row {
    margin-top: 0px;
    margin-bottom: 15px;
}*/
    
/*.card_row {
    margin-top: 10px;
    margin-bottom: 10px;
}*/
	
.nav-link {
    display: block;
    padding: .5rem .001rem !important;
}
    
    
.page-info {
    font-size: 0.7rem;
    font-weight: 300;
    margin-left: 5px;
}
    
#sidebar .sidebar-header {
    border-bottom: 0.02px solid #64d7e0;
    /*padding: 4px;*/
/*    background: #6d7fcc;
    background: #1d93ae;*/
}
    
    
.label_text,
.sub-manue-nav{
    display: none;
}
    
.dt-buttons{
  display: none;
}
    
    
.no-data-found{
    margin: 30px;
    font-weight: 600;
    opacity: .5;
    font-size: 25px;
}

    
.dataTables_filter input {
    height: calc(1.5em + .5rem + 0px);
}    
    
#data-table_length{
  display: none;
}    
   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
 /******************************** data table style **************************************/   
    
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    float: none;
     text-align: center; 
}    

.dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
}  
    
    
    
    .custom_row_o{
        margin-left: 0px;
        margin-right: 0px;
    }
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	/*#no-more-tables tr { border: 1px solid #ccc; }*/
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
		white-space: normal;
		text-align:left;
        overflow-wrap: break-word;
        word-wrap: break-word;
        min-height: 20px;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 38%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
        overflow-wrap: break-word;
        word-wrap: break-word;
        min-height: 20px;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
    
    .pagination {
      display: -webkit-box;
/*      padding-left:auto;*/
      float: none;
    }
    #leave_list_table_length{
        display: none;
    }    
    
    
    ul.pagination{
            /*padding-left: 0px;*/
            width: 83%;
            margin: auto !important;
    }
    
    
    .mobile_view{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .breadcrumb {
        padding-left: 15px;
        padding-top: 15px;
    }
    
    
    
    
    .profile_padding_left{
        padding-left: 15px !important;
    }
	
}















@media (max-width: 1020px) {

}

@media only screen and (max-device-width: 320px) and (-webkit-max-device-pixel-ratio: 2) {

}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {

}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {

}

@media only screen and (min-device-width: 360px) and (max-device-width: 360px) and (-webkit-min-device-pixel-ratio: 3) {

}

@media only screen and (min-device-width: 360px) and (max-device-width: 360px) and (-webkit-min-device-pixel-ratio: 1) {

}

@media only screen and (min-device-width: 384px) and (max-device-width: 384px) and (-webkit-min-device-pixel-ratio: 1.25) {

}

@media (min-width: 1024px) and (max-width: 1024px) {

}

@media (min-width: 1280px) and (max-width: 1280px) {

}

@media (min-width: 1400px) {

}

