/**
*   Responsive CSS - Desktop max 1366
*/

@media (max-width: 1366px) {

}

/**
*   Responsive CSS - Desktop max 1286
*/

@media (max-width: 1280px) {
	/**
	*   General class
	*/
	.row div[class^="col-"] .container-fluid .row {
		margin: 0;
	}
}

/**
*   Responsive CSS - Desktop max 1199
*/

@media (max-width: 1199px) {
	/**
	*   General class
	*/
	.row div[class^="col-"] .container-fluid {
		padding: 0;
	}
	.row div[class^="col-"] .container-fluid .row {
		margin: 0 -15px;
	}
}

/**
*   Responsive CSS - Desktop max 1024
*/

@media (max-width: 1024px) {
	.search-bloc .dropdown-element {
	    width: 180px;
	}
	.search-bloc .search-input {
	    width: calc(100% - 185px);
	}
	.sidebar-section .top-block,
	.sidebar-section .bot-block {
	    padding: 15px;
	}
	.menu {
	    padding: 0 15px;
	}
	.main-content {
		padding: 0 15px 25px;
	}
	.header {
	    padding: 15px 0;
	}
	.dashboard-content {
	    padding-top: 20px;
	    margin-bottom: 30px;
	}
	.table-tooltip .table-tooltip-inner {
	    width: 400px;
	    padding: 10px;
	}
	.table-tooltip .table-tooltip-inner .dsh-item {
	    margin-bottom: 10px;
	}
	.table-tooltip .table-tooltip-inner .dsh-item:last-child {
	    margin-bottom: 0;
	}
	.projet-info {
	    padding: 10px;
	    border-radius: 10px;
	    margin-bottom: 10px;
	}
	.projet-info .pi-title {
	    width: 50%;
	    padding: 0 5px;
        text-align: center;
        border-bottom: 1px solid rgb(151 151 151 / .18);
	}
	.projet-info .pi-hours {
	    width: 50%;
	    padding: 0;
	    padding: 0 5px;
	    float: right;
        border-left: 1px solid rgb(151 151 151 / .18);
        border-bottom: 1px solid rgb(151 151 151 / .18);
    	text-align: center;
	}
	.projet-info .pi-days-person {
	    width: 50%;
	    text-align: center;
	    padding: 0 5px;
	    border: 0;
	}
	.projet-info .pi-percentage {
	    width: 50%;
	    text-align: center;
	    padding: 0 5px;
	    float: right;
	    border-left: 1px solid rgb(151 151 151 / .18);
	}
	.avatar-list .avatar-link {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.avatar-list .avatar-link:last-child {
	    margin-right: 0;
	    margin-bottom: 0;
	}
	.table-list {
	    padding: 25px;
	}
}

/**
*   Responsive CSS - 991px
*/

@media (max-width: 991px) {
	.burger-menu-btn {
		display: block;
	}
	.sidebar-section {
        width: 100%;
        background-color: #F8F9FA;
        z-index: 99;
        opacity: 0;
		transform: translateX(-100%);
		transition: 0.2s all;
	}
	body.menu-opened .sidebar-section {
		width: 100%;
	    -webkit-transition: width 0.3s linear;
       	-moz-transition: width 0.3s linear;
        -ms-transition: width 0.3s linear;
     	-o-transition: width 0.3s linear;
        transition: width 0.3s linear;
        z-index: 99;
	}
	.sidebar-section .top-block {
		width: calc(100% - 65px);
        margin-left: 65px;
        opacity: 0;
        transition: .5s all;
	}
	.main-section {
		width: 100%;
		background-color: #F8F9FA;
	}
	.header {
		width: calc(100% - 65px);
	    margin-left: 65px;
	}
	.sidebar-section.open-sidebar .top-block{
		opacity: 1;
	}
}

/**
*   Responsive CSS - Tablet 768px
*/

@media (max-width: 768px) {
	.dsh-item .dsh-item-date {
	    font-size: 14px;
	}
	.accordion .card-header > a .title {
	    width: 50%;
	}
	.accordion .card-header > a .total-hours,
	.accordion .card-header > a .days-person,
	.accordion .card-header > a .percentage {
	    width: 15%;
	}
}

/**
*   Responsive CSS - Mobile 575px
*/

@media (max-width: 575px) {
	.header {
		height: auto;
	}
	.header .block-left {
		-webkit-order: 2;
		order: 2;
	}
	.header .block-right {
		-webkit-order: 1;
		order: 1;
		margin-bottom: 10px;
	}
	.main-content {
	    height: calc(100vh - 140px);
	}
	.form-item {
	    margin-bottom: 10px;
	}
	.nav-tabs .nav-link {
	    width: 140px;
	    font-size: 14px;
	}
}

/**
*   Responsive CSS - Mobile 425px
*/

@media (max-width: 425px) {
	.nav-tabs .nav-link {
	    width: 100px;
	    font-size: 12px;
	    border-radius: 5px 5px 0 0;
	}
	.nav-tabs .nav-link.active {
	    border-radius: 5px 5px 0 0;
	}
	.table-tooltip .table-tooltip-inner {
	    width: 300px;
	}
	.accordion .card-header > a .title,
	.accordion .card-header > a .total-hours,
	.accordion .card-header > a .days-person,
	.accordion .card-header > a .percentage {
	    width: 48%;
	    padding: 0;
	    border: 0;
	    text-align: center;
	}
	.accordion .card-header > a .total-hours,
	.accordion .card-header > a .percentage {
		border-left: 1px solid #D2D6E3;
	}
	.accordion .card-header > a .days-person,
	.accordion .card-header > a .percentage {
		border-top: 1px solid #D2D6E3;
	}
	.accordion .card-header > a {
	    padding: 10px 35px 10px 10px;
	}
	.accordion .card-header > a:after {
	    right: 18px;
	}
}

/**
*   Responsive CSS - Mobile 375px
*/

@media (max-width: 375px) {
	.form-item label {
	    font-size: 14px;
	}
	.dashboard-content .dsh-title {
	    font-size: 30px;
	}
	.dashboard-content .dsh-date {
	    font-size: 14px;
	}
	.dsh-title {
	    font-size: 16px;
	}
	.dsh-item .dsh-item-date {
	    font-size: 12px;
	}
	.bc-link {
	    font-size: 14px;	    
	}
	.bc-date {
		font-size: 20px;
	}
	.absent-block {
	    width: 100%;
	    padding: 15px;
	}
	.bc-title, .bc-title-n2 {
	    font-size: 20px;
	}
	.bc-button {
	    width: 150px;
	    font-size: 14px;
	}
	.bc-title-n3 {
	    font-size: 16px;
	}
}