/********** Custom media CSS (Bootstrap 4) ***********/

@media screen and (min-width: 576px) {
    .d-sm-block {
        display: block;
    }
    
    .d-sm-inline-block {
        display: inline-block;
    }
    
    .d-sm-flex {
        display: flex;
    }
    
    .flex-sm-column {
        flex-direction: column;
    }          
}

/*****************************************************/
@media screen and (max-width: 480px) {
    
#grid-container {
        border:none;
    }    
    
#table-grid .hide_pager .input-group,
#table-grid .hide_pager .input-group{
        display:none;
} 

    
#table-grid .kv-grid-table > tbody > tr {
        border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
        margin: 10px 10px 15px 10px;
        background-color: #f4f4f4 !important;
}
    
#table-grid .table-responsive > .table > thead > tr > th,
#table-grid .table-responsive > .table > tbody > tr > th,
#table-grid .table-responsive > .table > tfoot > tr > th,
#table-grid .table-responsive > .table > thead > tr > td,
#table-grid .table-responsive > .table > tbody > tr > td,
#table-grid .table-responsive > .table > tfoot > tr > td {
    white-space: normal;
    }
    
#table-grid .kv-table-wrap tr > td:first-child  {
        margin-top: 0px !important;
        border:none !important;
        font-size: 0em;        
    }

#table-grid .btn-delete {
        height: 40px;
        width: 40px;
    } 
       
#table-grid .btn-delete .fa-remove:before {
        vertical-align: -webkit-baseline-middle;
    } 
    
#table-grid .kv-table-wrap td.edit, #table-grid .kv-table-wrap td.del_button {
       text-align: right; 
       display: inline-block;
       width:50% !important;
       order: 1;
    }
    
#table-grid .btn-edit {
        height: 40px;
        width: 40px;
    } 
       
#table-grid .btn-edit .fa-edit:before {
        vertical-align: -webkit-baseline-middle;
    }
    
#table-grid .kv-table-wrap td.edit {
       text-align: left; 
       display: inline-block;
       width:50% !important;
       order: 1;
    }    
     
#table-grid .kv-table-wrap td.id_col {
        display: inline-block;
        width: 50% !important;
        text-align: right;
    }

#table-grid .kv-table-wrap td.name_col {
        display: inline-block;
        width: 100% !important;
        text-align: left;
        
    }
    
#table-grid .kv-table-wrap td.def {
        display: inline-block;
        width: 100% !important;
        text-align: left;
    }    
    
#table-grid td.check, #table-grid th.check_all {
        text-align: left !important;
        display: inline-block;
        width: 50% !important;
    }
        
#table-grid th.check_all .icheckbox_flat-red {
        margin-left:10px;
        margin-right:10px;
    }
    
#table-grid th.check_all .icheckbox_flat-red:before {
        content: 'Выбрать все';
        white-space:nowrap;
        margin-left:30px;   
    }    
    
#table-grid .text-left {
        text-align: left !important;
    }

#table-grid .text-right {
        text-align: right !important;
    }    
        
.kv-table-wrap td.lead_pic {
        display: inline-block;
        width:20% !important;
        border:none;
        padding-top: 15px;
    }
.kv-table-wrap td.username_name {
        display: inline-block;
        width:80% !important;
        text-align: left;
        border:none;
    }
 
/*.kv-table-wrap td.company_id,    
.kv-table-wrap td.prod,
.kv-table-wrap td.refresh,   
.kv-table-wrap td.fio,
.kv-table-wrap td.user_position,
.kv-table-wrap td.department,
.kv-table-wrap td.user_status,
.kv-table-wrap td.name_id*/

.position {
    text-align: left !important;
    padding-left: 22% !important;
    }    
    
.tags_prod {
        display: block;
        margin-top:5px;
    }
#table-grid .tags_prod .label {
        display: inline-block !important;
    }  
    
.tags_date {
        display: none;
    }
      
#table-grid .w-100 {
        width:100% !important;
    }
    

}

@media screen and (max-width: 576px) {
        
    .hide_text {
        font-size: 0px;
    }
    .control-buttons_right {
        float:right;
    }
    .content {
        padding-right:5px;
        padding-left:5px;
    }
    .min_padding {
        padding-right:5px;
        padding-left:5px;
    }
}

@media screen and (max-width: 767px) {
    
    .fc-toolbar.fc-header-toolbar {
        display: flex;
        flex-direction: column;
        margin-bottom: 0px;
    }

    .fc-toolbar.fc-header-toolbar .fc-right {
        order:1; 
        margin-top: 10px;
    }
    
    .fc-toolbar.fc-header-toolbar .fc-left {
        order:2;
        margin-top: 10px;
    }
    
    .contact-info .contact-value {
        margin:5px 0px 5px 0px;
    }
    
}

@media screen and (max-width: 992px) {
    .db-block {
        margin-bottom:30px;
    }
    
    .sales-funnel_select-wrap_item_scroll {
        max-height:119px;
    }
}

@media screen and (min-width: 992px) {
    .sales-funnel_select-wrap_item_scroll {
        height: 291px;
    }
}

@media screen and (min-width: 768px) {
    #newTaskModal {
     width: 280px;
    }
}