@media(width: 1680px){
    .maincontant-2.sidebar-border::after{
        height: 118% !important;
    }
    .maincontant-2.sidebar-border.manage-library::after{
        height:105.5% !important;
    }
    .maincontant-2.sidebar-border.manage-project::after{
            height: 110% !important;
    }
}
@media(width: 1050px){
    .maincontant-2.sidebar-border.manage-library::after{
        height:101.5% !important;
    }
    .maincontant-2.sidebar-border.manage-project::after {
            height: 106.3% !important;
    }
}

@media(min-width: 1600px){
    .maincontant-2.sidebar-border::after{
        height: 110%;
    }
    .fill-height {
      height: auto !important;
     /* max-height: inherit !important;*/
      min-height: 100vh !important;
    }
    body {
      height: auto;
      min-height: 100vh;
    }
    html{
        height: auto;
    }
    .accordindion-select {
        max-height: calc(100vh - 170px);
     }
     .thme2 {
        float: left;
        max-height: calc(100vh - 410px);
        min-height: calc(100vh - 410px);
        overflow: auto;
        width: 100%;
    }
}

@media(max-width: 1280px) and (min-height: 1000px){
    .maincontant-2.sidebar-border::after{
        height: 110%;
    }
    .fill-height{
        height: 100% !important;
        max-height: 100% !important;
    }
}
@media(max-width: 1920px){
    .label-side.text-right {
    width: 82px;
    }
}
@media(max-width: 1280px){
    .button-contant {
    margin: 10px 0 10px 90px;
    width: 50%;    
    }
    .label-side.text-right {
    width: 83px;
    }
    .table-custom {
    height: 640px;
    }
    .listing-table {
    height: 550px;
    }
    .selected-listing {
    height: 550px;
    }
}
@media(max-width: 1280px) and (min-width: 991px){

    .button-contant .btn.btn-custom {
    margin: 0 0 5px;
    width: 100%;
    }
    .button-contant {
    width: 13%;
    margin: 0;    
    }
}
@media(max-width: 991px) and (min-width: 801px){
    .select-label {
        width: 30%;
    }
    .button-contant .btn.btn-custom {
    width: auto;
    }
    .label-side.text-right {
        width: 11%;
    }
    .conatnt-side {
        width: 80%; 
    }
    .button-contant {
        margin: 20px 90px 0;
        width: 50%;
    }
    .listing-language {
        border: 1px solid #000 !important;  
    }
    .info-project-main {
        margin: 0 12%;
        width: 30%;
    }
    .contant-database {
        min-height: 1024px;
    }
    .text-arez {
        min-height: 949px;
    }

}
@media(max-width: 800px) and (min-width: 767px){
    .sidse-bard {
        width: 24%;
    }   
    .maincontant-2.sidebar-border::after {
        left: 24%;
    }
    .maincontant-2.sidebar-border {
        width: 73%;
    }
    .info-project-main {
    margin: 0 16%;
    width: 30%;
    }
    .label-side.text-right {
        width: 15%;
    }
    .select-label {
        width: 30%;
    }
    .button-contant {
    margin: 20px 5px;
    width: 50%;
    }
    .conatnt-side {
        width: 100%;    
        margin: 0 30px 0 5px;
    }   
    .btn.btn-custom {
        padding: 4px 11px;
    }
    .listing-language {
        border: 1px solid #000 !important;  
    }
    .project-side {
        width: 100%;
    }
    .database-side {
        width: 100%;
    }
}
@media(max-width: 767px) and (min-width: 640px){
    .maincontant-2.sidebar-border::after {
        left: 26%;
    }
    .sidse-bard {
        width: 25%;
    }
    .maincontant-2.sidebar-border {
        width: 75%;
    }
    .select-label {
        width: 40%;
    }
    .label-side.text-right {
        width: 15%;
    }
    .info-project-main {
        width: 40%;
    }
    .conatnt-side {
        width: 78%;
    }
    .listing-table {
        height: 200px;
        margin: 0 0 15px;
    }
    .selected-listing {
        height: 200px;
    }
    .button-contant {
        margin: 20px 90px 0;
        width: 68%;
    }
    .listing-language {
        border: 1px solid #000 !important;  
    }

}
@media(max-width: 800px){
    .button-set .btn.btn-custom {
    width: auto;
    }
}
@media(max-width: 768px){
    .label-side.text-right {
    width: 15%;
    }
}
@media(max-width: 640px){
    .sidse-bard {
     width: 100%;
     text-align: center;
    }
    .maincontant-2.sidebar-border::after {
    height: 1px;
    left: 0;
    top: 21%;
    width: 100%;
    }
    .sidebar {
    display: inline-block;
    float: left;
    text-align: left;
    width: 143px;
    margin: 0 0 0 18%;
    }
    .maincontant-2.sidebar-border {
    padding: 45px 15px 0;
    width: 100%;
    }
    .info-project-main {
    margin: 0 60px;
    width: 65%;
    }
    .select-label {
    margin: 0 7px;
    width: 144px;
    }
    .label-side.text-right {
    width: 15%;
    }
    .info-project-main {
    margin: 0 0 0 16%;
    width: 145px;
    }
    .conatnt-side {
    float: left;
    margin: 0 0 0 25px;
    width: 92%;
    }
    .listing-table {
    height: 135px;
    margin: 0 0 15px;
    }
    .selected-listing {
    height: 135px;
    }
    .button-contant {
    margin: 20px 10px 15px;
    padding: 0 14px;
    width: 100%;
    }
}
@media(max-width: 767px){
    .database-side {
        width: 100%;
    }
    .project-side {
        width: 100%;
    }
    .contant-database {
        max-height: 381px;
        overflow: auto;
    }
    .text-arez {
        max-height: 660px;
        min-height: 660px;
        overflow: auto;
    }
    .btn.btn-search {
        right: 6%;
    }
    .save-btnon {
    margin: 15px 0;
    }
    .table-responsive > .table-bordered {border:inherit}
   
}
@media(max-width: 600px) and (min-width:639px) {
    .maincontant-2.sidebar-border::after {
        top: 15%;
    }
    .label-side.text-right {
    margin: 0 0 0 21%;
    }
}
@media(max-width:640px){
    .maincontant-2.sidebar-border::after {
    top: 230px;
    }
.accordion-header.active-header {
    padding: 13px 20px 13px 13px;
}
#search_lang_btn.btn.btn-custom {
    left: 38%;
}
#search_lang.form-control {
    width: 38%;
}
#search_proj.form-control {
    width: 38%;
}
.btn-align #search_lang_btn.btn {
    width: 10%;
}
.btn-align #search_proj.btn {
    width: 10%;
}
#search_proj.btn.btn-custom {
    left: 38%;
}
.label-side.text-right {
    margin: 0 0 0 22%;
}
.info-project-main {
    margin: 0 0 0 38%;
}
.sidebar {
    float: none;
    margin: 0;
}
#proj_srch_btn.btn.btn-custom {
    left: 38%;
    width: 10%;
}
}
@media(max-width: 550px){
   .label-side.text-right {
    margin: 0 0 0 20%;
    }
}
@media(max-width: 500px){
   .label-side.text-right {
    margin: 0 0 0 19%;
    }
}
@media(max-width: 480px){
    .projets-topic {
    min-height: 736px;
    overflow-y: scroll;
    width: 100%;
    }
    .text-arez {
        max-height: 350px;
        min-height: 350px;
        overflow: auto;
    }
    .custom-text-prop > li {
        margin: 0 10px 5px 0;
    }
    .tagactive.pull-right {
        margin: 10px 0 0;
    }
    .table-contant > ul {
    height: 100px;
    }
    .inactive-header {
    padding: 13px 20px 13px 13px;
    }
    .projets-topic {
    min-height: 425px;
    }
    .side-inner {
        width: 100%;
    }
.table-custom {
    float: left;
    height: 275px;
    overflow: auto;
    width: 100%;
}
.info-project-main {
    margin: 0 0 0 21%;
    width: 145px;
}
.label-side.text-right {
    width: 31%;
}

.sidebar {
    display: inline-block;
    float: left;
    margin: 0 0 0 23%;
    text-align: left;
    width: 143px;
}
.btn-align #search_lang_btn.btn {
    width: 12%;
}
.label-side.text-right {
    margin: 0;
}
/*.label-side.text-right {
    margin: 0 0 0 12%;
}*/
.sidebar {
    float: none;
    margin: 0;
}
.info-project-main {
    margin: 0 0 0 33%;
}
}
@media(max-width: 360px){
    .info-project-main {
    margin: 0 0 0 92px;
    }
    .conatnt-side {
    margin: 0 15px;
    }
    .maincontant-2.sidebar-border::after {
    top: 225px;
    }
    .button-contant {
    padding: 0 5px;
    }
    .sidebar {
    float: left;
    margin: 0 0 0 31%;
    }
    .label-side.text-right {
    width: 26%;
    }
    #search_lang.form-control {
    width: 100%;
    }
    .btn-align #search_lang_btn.btn {
    width: 20%;
    }
    #search_lang_btn.btn.btn-custom {
    left: 80%;
    }
    #search_proj.form-control {
    width: 100%;
    }
    #proj_srch_btn.btn.btn-custom {
    left: 80%;
    width: 20%;
}
}
@media(max-width: 320px){
    .info-project-main {
    margin: 0 0 0 80px;
    }
.maincontant-2.sidebar-border::after {
    top: 225px;
}
}