/*
|=============================================================
| OPERATIONS
|=============================================================
*/

.entity_options_holder {
    height: 50px;
    display: flex;
    padding: 0 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    align-items: center;
    border: 1px solid rgba(216, 225, 245, .6);
}

/*
|=============================================================
| IMPORTS
|=============================================================
*/
.import_fields_holder {
    padding: 10px;
    min-height: 300px;
    border-radius: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(217 226 245);
    background-color: rgba(216, 225, 245, .2);
}

.import_field_item {
    border-bottom: 1px solid rgb(217 226 245);
    background-color: #fff;
    align-items: center;
    margin-bottom: 5px;
    position: relative;
    border-radius: 8px;
    min-height: 50px;
    padding: 0 10px;
    display: flex;
}

.import_field_item_drag {
    height: 24px;
    width: 24px;
    padding: 4px;
    cursor: grab;
    margin-right: 6px;
}

.import_field_item_name {

}

.imports_controls .select2-selection.select2-selection--single {
    margin-bottom: 0;
}


/*
|=============================================================
| ACCOUNTS
|=============================================================
*/

.account_item_outer{
    margin-bottom:10px;
}

.account_item{
    height:100%;
    padding:10px;
    align-items:center;
    border-radius:8px;
    background-color:#fff;
    justify-content:space-between;
    border-bottom:1px solid rgba(78, 100, 160, 0.2);
}

.account_item_info{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:5px;
    justify-content:space-between;
}

.account_item_name{
    font-family:var(--font-1-meduim);
}

.account_item_date{
    font-size:12px;
    color:rgb(70 97 159 / 55%);
}

.account_item_value{
    font-size:34px;
    font-family:RobotoBold;
    color:rgb(70 97 159 / 75%);
}

@media only screen and (max-width:1200px){
    .account_item_info{
        flex-direction:column;
    }

    .account_item_name{
        margin-bottom:5px;
    }
}
/*
|=============================================================
| BOARDS
|=============================================================
*/

.board_holder_outer{
    min-height:260px;
    margin:20px auto;
    /*padding:20px;*/
    /*background-color:rgb(234, 238, 248);*/
    /*border-bottom:1px solid rgba(78, 100, 160, .1);*/
    /*border-radius:8px;*/
}

.board_holder_inner{
    display:flex;
    max-width:100%;
    overflow-x:auto;
    position:relative;
    padding-bottom:10px;
}

.board_name{
    font-family:'RobotoMedium', sans-serif;
    border-bottom:1px solid rgba(78, 100, 160, .1);
    padding-bottom:5px;
    margin-bottom:15px;
    text-transform:uppercase;
    letter-spacing:0.05em;
    opacity:.7;
}

.board_list{
    margin-right:10px;
    margin-bottom:30px;
    border-radius:8px;
    max-width:300px;
    min-width:300px;
    position:relative;
    padding:5px;
}

.board_list_header{
    display:flex;
    padding:10px;
    color:#5c5c5c;
    font-size:16px;
    border-radius:8px;
    align-items:center;
    margin-bottom:10px;
    background-color:#fff;
    border-bottom:2px solid;
    font-family:'RobotoMedium', sans-serif;
}

.board_list_header_action{
    opacity:.6;
    width:20px;
    height:20px;
    display:flex;
    margin-left:auto;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    background-color:#f0f1f6;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
}

.board_list_header_action:hover{
    opacity:1;
}

.board_list_content{
    height:100%;
    /*max-height:320px;*/
    /*overflow:hidden;*/
    /*margin-bottom:10px;*/
    /*padding:10px 0;*/
}

.board_list_footer_action{
    left:0;
    margin:0;
    opacity:.2;
    bottom:-40px;
    padding:10px;
    cursor:pointer;
    position:absolute;
    text-align:center;
    border-radius:8px;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
}

.board_footer_list_action:hover{
    opacity:1;
}

.board_list_action{
    cursor:pointer;
}

.board_card{
    cursor:pointer;
    background-color:rgba(255, 255, 255, .8);
    border-radius:8px;
    padding:10px;
    margin:0 0 5px 0;
    min-height:60px;
    border-bottom:1px solid rgba(78, 100, 160, .4);
    border-left:3px solid;
    border-left-color:inherit;
}

.board_card_header{
    display:flex;
    font-family:RobotoLight;
    font-size:12px;
    margin-bottom:5px;
}

.board_card_type{
    margin-right:5px;
}

.board_card_time{

}

.board_card_desc{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
/*
|=============================================================
| CLIENTS
|=============================================================
*/

.client_create_form{
    min-width:500px;
}
/*
|=============================================================
| CPS
|=============================================================
*/

.cp_create_form{width:830px}
.cp_employee_create_form{width:830px}
/*
|=============================================================
| DATETIMEPICKER
|=============================================================
*/

.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    float:left;
    min-width:160px;
    padding:10px;
    margin:2px 0 0;
    list-style:none;
    background-color:#fff;
    border:1px solid rgb(216, 225, 245);
    *border-right-width:2px;
    *border-bottom-width:2px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow:0 4px 16px rgba(75, 0, 189, .2);
    -moz-box-shadow:0 4px 16px rgba(75, 0, 189, .2);
    box-shadow:0 4px 16px rgba(75, 0, 189, .2);
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
}

i.glyphicon.icon-arrow-left{
    border-right:4px solid transparent;
    border-bottom:4px solid transparent;
    display:inline-block;
    border-top:4px solid #d8e1f5;
    border-left:4px solid #d8e1f5;
    transform:rotate(-45deg);
}

i.glyphicon.icon-arrow-right{
    border-right:4px solid #d8e1f5;
    border-bottom:4px solid #d8e1f5;
    display:inline-block;
    border-top:4px solid transparent;
    border-left:4px solid transparent;
    transform:rotate(-45deg);
}
/*
|=============================================================
| GROUPS
|=============================================================
*/

.group_create_form{

}

.group_users_holder{
    max-height:500px;
}

.group_item_outer{
    margin-bottom:20px;
}

.group_item{
    display:flex;
    height:100%;
    margin:0 0 20px 0;
    min-height:340px;
    position:relative;
    border:3px solid #fff;
    flex-direction:column;
    padding:20px 20px 10px 20px;
    border-radius:8px 32px 8px 8px;
    box-shadow:0 2px 16px rgba(0, 0, 0, .1);
    background-color:rgba(255, 255, 255, 0.4);
}

.group_item_name{
    color:#343a3f;
    font-size:16px;
    margin-bottom:20px;
    padding-bottom:10px;
    font-family:'RobotoMedium';
    border-bottom:1px solid #e7ecf5;
}

.group_item_users{
    max-height:300px;
}

.group_item_actions{
    margin-top:auto;
    padding-top:10px;
    border-top:1px solid #e7ecf5;
}

.group_item_comment{

}
.documents_cards_holder{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.document_item{
    padding:20px;
    display:flex;
    min-height:340px;
    position:relative;
    margin:0 0 20px 0;
    border:3px solid #fff;
    flex-direction:column;
    width:calc(50% - 10px);
    border-radius:8px 32px 8px 8px;
    box-shadow:0 2px 16px rgba(0, 0, 0, .1);
    background-color:rgba(255, 255, 255, 0.5);
}

.document_items:after{
    top:0;
    right:0;
    content:'';
    position:absolute;
    border-top:5px solid #c2c7d0;
    border-right:5px solid #c2c7d0;
    border-left:5px solid transparent;
    border-bottom:5px solid transparent;
}

.document_item_name{
    color:#7b7f82;
    margin-bottom:5px;
    padding-bottom:5px;
    text-transform:uppercase;
    border-bottom:1px solid #c2c7d0;
}

.document_item_date{
    color:#7b7f82;
    font-size:12px;
    margin-bottom:20px;
}

.document_item_content{
    max-height:400px;
    margin-bottom:20px;
}

.document_item_comment{
    padding:10px;
    margin-top:10px;
    border-radius:8px;
    box-shadow:0 10px 25px rgba(0, 0, 0, 0.05);
}

.document_item_actions{
    display:flex;
    margin-top:auto;
}

.document_item_action{
    display:flex;
    color:#1f2d3d;
    cursor:pointer;
    font-size:12px;
    padding:0 10px;
    min-height:30px;
    margin-right:10px;
    border-radius:8px;
    align-items:center;
    justify-content:center;
    font-family:'RobotoMedium';
    border:1px solid rgb(194, 199, 208);
}
/*
|=============================================================
| EMPLOYEES
|=============================================================
*/

.employee_create_form{
    width:900px;
}

.employee_create_form .tab_link{
    width:25%;
}

/*
|=============================================================
| STAFF
|=============================================================
*/

.staff_create_form{
    width:900px;
}

.staff_create_form .tab_link{
    width:25%;
}


/*
|=============================================================
| APPS
|=============================================================
*/

.formulas_holder {
    max-height: 360px;
    overflow-y: auto;
}

.formula_item {
    display: flex;
}

.formula_item .input_holder {
    margin-right: 10px;
}

.formula_item input {
    max-width: 100%;
    width: 100%;
}

.add_deduction {
    display: flex;
    color: #f0f1f6;
    width: 50px;
    margin: 0 5px;
    cursor: pointer;
    padding: 0 10px;
    font-size: 12px;
    margin-left: auto;
    align-items: center;
    line-height: initial;
    font-family: var(--font-1-meduim);
    border-radius: 8px;
    justify-content: center;
    background-color: #46619f;
}

/*
|=============================================================
| EXPERIMENTAL
|=============================================================
*/

.indicator{
    align-items:center;
    border-radius:50%;
    color:#fff;
    cursor:pointer;
    display:flex;
    height:14px;
    justify-content:center;
    margin:0 2px;
    width:14px;
}

.indicator.red{
    background-color:#f25157;
    border:1px solid #e1424c;
}

.indicator.green{
    background-color:#3aea4a;
    border:1px solid #2ed23a;
}

.indicator.orange{
    background-color:#fac637;
    border:1px solid #e6b12b;
}

form.cell_editable_form{
    max-width:100%;
}

input.cell_editable_input{
    height:30px;
    margin-bottom:0;
    min-width:auto;
}

.id_link_holder{
    display:flex;
    justify-content:space-between;
    width:100%;
}

.id_link_holder a{
    background-color:rgba(255, 192, 7, .2);
    padding:5px;
    border-radius:8px;
    font-size:12px;
    width:calc(50% - 2px);
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.id_link_holder a img{
    max-height:100%;
}

.id_link_holder a:hover{
    background-color:rgba(255, 192, 7, .4);
}

form.cell_editable_form{
    max-width:100%;
}

input.cell_editable_input{
    height:30px;
    margin-bottom:0;
    min-width:auto;
}

.cell_btn_holder{
    display:flex;
    align-items:center;
    justify-content:center;
}

.cell_btn{
    width:24px;
    height:24px;
    padding:4px;
    margin:0 5px;
    cursor:pointer;
    border-radius:4px;
    background-color:#f0f1f6;
}

.cell_input{
    margin:0!important;
    max-height:30px;
    background:none;
    border:1px solid transparent!important;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
}

.cell_input:focus{
    border:1px solid rgb(216, 225, 245);
    background-color:rgba(255, 255, 255, 0.7);
}

.row_link{
    border-bottom:1px dotted #46619e;
    font-family:'RobotoBold';
    padding-bottom:2px;
    color:#46619e;
}

.minicolors-theme-default .minicolors-input{
    height:50px;
}

.minicolors-theme-default .minicolors-swatch{
    top:16px;
}

.minicolors-theme-default.minicolors{
    display:block;
    width:100%;
}

.color_sample{
    width:20px;
    height:20px;
    margin:0 auto;
    display:block;
    min-width:20px;
    border-radius:50%;
}

.c-datepicker-data-input.only-date{
    margin-bottom:10px;
    text-align:left;
    width:initial;
}

.c-datepicker-button--mini{
    width:initial;
    height:initial;
}

.form_over{
    position:relative;
}

.form_over_toggler{

}

.form_over_content{
    display:none;
}

.form_over_content.active{
    z-index:15;
    padding:10px;
    display:block;
    position:absolute;
    border-radius:8px;
    top:calc(100% + 5px);
    background-color:#fff;
    box-shadow:0 0 15px rgba(0, 0, 0, .2);
}

.form_over_content.left{
    left:0;
}

.form_over_content.right{
    right:0;
}

.progress_bar{
    width:100%;
    height:16px;
    overflow:hidden;
    position:relative;
    border-radius:8px;
    border:1px solid rgba(78, 100, 160, .4);
}

.progress_bar .scale{
    height:100%;
    background-color:#b1b1b1;
}

.progress_bar.red{
    border:1px solid #e1424c;
}

.progress_bar.red .scale
{
    box-shadow:inset 0 0 3px #e1424c;
    background-color:#f25157;
}

.progress_bar.green{
    border:1px solid #2ed23a;
}

.progress_bar.green .scale
{
    box-shadow:inset 0 0 3px #2ed23a;
    background-color:#3aea4a;
}

.progress_bar.orange{
    border:1px solid #e6b12b;
}

.progress_bar.orange .scale
{
    box-shadow:inset 0 0 3px #e6b12b;
    background-color:#fac637;
}

.progress_bar .value{
    justify-content:center;
    align-items:center;
    position:absolute;
    font-size:10px;
    display:flex;
    height:100%;
    width:100%;
    left:0;
    top:0;
}
.sum.red{
    font-family:var(--font-1-bold);
    color:#e1424c;
}

.sum.green{
    font-family:var(--font-1-bold);
    color:#2ed23a;
}

.sum.blue{
    font-family:var(--font-1-bold);
    color:#46619f;
}

.sum.orange{
    font-family:var(--font-1-bold);
    color:#e6b12b;
}

@media only screen and (min-width:768px){
    .operation_create_form{
        width:700px;
    }
}

/*
@media only screen and (max-width:1200px){}
@media only screen and (max-width:992px){}
@media only screen and (max-width:768px){}
@media only screen and (max-width:480px){}
@media only screen and (max-width:320px){}
@media only screen and (min-width:320px){}
@media only screen and (min-width:480px){}
@media only screen and (min-width:768px){}
@media only screen and (min-width:992px){}
@media only screen and (min-width:1024px){}
@media only screen and (min-width:1200px){}
*/
@media only screen and (min-width:768px){
    .project_create_form{
        min-width:660px;
    }
}
/*
|=============================================================
| REFERENCES
|=============================================================
*/

.region_cell_name   {width:180px}
.district_cell_name {width:180px}
.locality_cell_name {width:180px}
.event_cell_name    {width:180px}
.ownership_cell_name{width:240px}
.cfi_cell_name      {width:360px}
.cfi_cell_comment   {width:280px}
.cfig_cell_name     {width:260px}
.cfig_cell_comment  {width:380px}
.cfig_cell_comment  {width:380px}
.cptype_cell_name   {width:360px}
.cltype_cell_name   {width:360px}
.cpstatus_cell_name {width:360px}
.clstatus_cell_name {width:360px}
.stype_cell_exid    {width:180px}
.stype_cell_name    {width:180px}
.stype_cell_code    {width:180px}
.car_brand_cell_name{width:280px}
.type_cell_name     {width:280px}
/*
|=============================================================
| SELECT2
|=============================================================
*/

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single{
    background-color:rgba(255, 255, 255, 0.7);
    height:50px;
    color:#4e64a0;
    outline:none;
    border-radius:8px;
    border:1px solid rgba(216, 225, 245, .6);
    display:flex;
    align-items:center;
    margin-bottom: 20px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
    border:1px solid rgba(216, 225, 245, .6);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color:#d8e1f5;
    border:none;
    border-radius:4px;
    cursor:default;
    float:left;
    margin:2px 5px 2px 0;
    padding:0 5px;
    height:30px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#4e64a0;
    cursor:pointer;
    display:inline-block;
    font-weight:bold;
    margin-right:2px;
}
/*
|=============================================================
| SERVICES
|=============================================================
*/

.service_create_form{
    min-width:560px;
}

@media only screen and (min-width:768px){
    .service_nomenclature_create_form{
        min-width:560px;
    }
}

/*
|=============================================================
| TABLES
|=============================================================
*/

.table_holder{
    padding:10px;
}

th.th,
td.td
{
    border:1px solid rgba(78, 100, 160, .4);
    min-width:26px;
    min-height:26px;
    padding:5px;
}

th.th,
td.td.bold
{
    font-weight:normal;
    font-family:"RobotoBold", sans-serif;
}

.simple_table{border-collapse:collapse}
.simple_table .th{min-width:100px}
.simple_table .td{min-width:100px}


.jexcel tbody tr:nth-child(even){
    background-color:rgb(238 246 253);
}

tr.selected td{
    background-color:rgba(216, 225, 245, .4);
}
/*
|=============================================================
| TASKS
|=============================================================
*/

.task_lists_holder{
    padding:10px;
    max-width:620px;
    border-radius:8px;
    background-color:#e9ecef;
}

.task_list{
    border-bottom:1px solid rgb(216, 225, 245);
    margin-bottom:20px;
}

.task_list:last-child{
    border-bottom:none;
    margin-bottom:0;
}

.task_list_header{
    display:flex;
    align-items:center;
    margin-bottom:10px;
}

.task_list_icon{
    width:30px;
    height:30px;
    margin-right:10px;
}

.task_list_name{

}

input.task_list_name{
    border-bottom:1px solid rgb(216, 225, 245);
    background-color:#e9ecef;
    font-family:'RobotoBold';
    border-radius:8px;
    margin:0 10px 0 0;
    padding:0 10px;
    height:30px;
    border:none;
    flex-grow:1;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
}

input.task_list_name:focus{
    background-color:#fff;
}

.task_list_content{
    color:#343a3f;
}

.task_list_item{
    display:flex;
    position:relative;
    margin-bottom:10px;
}

.task_drag_mark{
    background-color:#eff3fb;
    border-radius:8px;
    margin-right:5px;
    width:15px;
    height:30px;
}

.task_list_item textarea,
.task_list_item_text
{
    border-radius:8px;
    min-height:30px;
    padding:0 10px;
    border:none;
    margin:0;
    flex-grow:1;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
}

.task_list_item textarea:focus
{
    background-color:#eff3fb;
}

.task_list_item_actions{
    position:relative;
}

.task_list_item_actions_toggler{
    width:20px;
    height:20px;
    cursor:pointer;
    border-radius:8px;
    background-color:#eff3fb;
}

.task_list_item_actions_toggler:hover
{
    background-color:#eff3fb;
}

.task_list_item_actions_content{
    box-shadow:0 0 10px rgba(0, 0, 0, .1);
    border:1px solid rgb(216, 225, 245);
    background-color:#fff;
    border-radius:8px;
    position:absolute;
    display:none;
    padding:10px;
    right:20px;
    z-index:5;
    top:10px;
}

.task_list_item_actions_content.active{
    display:block;
}

.task_list_item_action{
    padding:5px 10px;
    cursor:pointer;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
}

.task_list_item_action:hover{
    background-color:#eff3fb;
}

.task_list_actions{
    display:flex;
}

.task_list_actions .task_list_action{
    margin-right:10px;
}

.task_list_action{
    padding:10px;
    color:#343a3f;
    cursor:pointer;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background-color:#c2c7d0;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
}

.task_list_action:hover{
    background-color:#c2c7d0;
}

.change_deadline_toggler{
    display:none;
}

.change_deadline_toggler.active{
    display:flex;
}

.change_deadline_holder{
    position:relative;
}

.change_deadline_item{
    top:0;
    width:100%;
    z-index:5;
    padding:10px;
    display:none;
    position:absolute;
    border-radius:8px;
    background-color:#fff;
    box-shadow:0 0 5px rgb(0 0 0 / 40%);
}

.change_deadline_item.active{
    display:block;
}

.subscribers_options_holder{
    max-height:300px;
}

.task_form_linked_entity:empty{
    display:none;
}

.task_form_linked_entity a{
    width:100%;
    display:flex;
    font-size:12px;
    margin-bottom:5px;
    padding-bottom:5px;
    justify-content:space-between;
    border-bottom:1px solid #eee;
}

@media only screen and (min-width:768px){
    .custom_modal_form_item .task_create_form{
        min-width:660px;
    }

    .custom_modal_form_item .timing_create_form{
        width:300px;
    }
}

@media only screen and (min-width:992px){
    .custom_modal_form_item .task_create_form{
        width:950px;
    }
}


/*
|=============================================================
| EDITOR
|=============================================================
*/

.trumbowyg-box, .trumbowyg-editor {
    min-height: 200px;
    margin: 0 auto 20px;
}

.editor.trumbowyg-textarea {
    margin-bottom: 0;
}

/*
|=============================================================
| TIMELINE
|=============================================================
*/

.timeline_holder{
    padding:20px;
    display:flex;
    overflow:hidden;
}

.timeline_l{

}

.timeline_r{
    max-width:100%;
    overflow-y:auto;
    margin-left:-1px;
}

.timeline_table{
    font-size:12px;
    border-collapse:collapse;
}

.timeline_table th.th,
.timeline_table td.td{
    border:1px solid rgba(78, 100, 160, .4);
    text-align:center;
    height:30px;
    width:30px;
}

.timeline_table .td.tl{
    text-align:center;
    min-width:30px;
    height:30px;
    width:30px;
}

.timeline_table .td.tl:hover{
    cursor:pointer;
    box-shadow:inset 0 0 5px 5px rgba(0, 0, 0, .05);
}

.timeline_table tr.line:hover{
    background-color:rgba(255, 192, 7, .05);
}

.timeline_table .td.weekend{
    background-color:rgba(78, 100, 160, .1);
}

.timeline_filter_holder{
    padding:20px 20px 0;
}

.timeline_filter_form{
    display:flex;
    align-items:flex-end;
}

.timeline_filter_row{
    display:flex;
    align-items:flex-end;
}

.timeline_filter_form .input_holder{
    margin-right:10px;
    min-width:170px;
}

.timeline_filter_form .input_holder:last-child{
    margin-right:0;
}

.timeline_filter_form .mini_button{
    max-width:100px;
    margin-left:10px;
}

.timeline_filter_form input,
.timeline_filter_form .select2-container--default .select2-selection--multiple,
.timeline_filter_form .select2-container--default .select2-selection--single
{
    margin-bottom: 0!important;
}

@media only screen and (max-width:768px){
    .timeline_holder{
        overflow:auto;
    }

    .timeline_r{
        overflow-y:initial;
    }

    .timeline_filter_form{
        flex-wrap:wrap;
    }

    .timeline_filter_row{
        justify-content:space-between;
        width:100%;
    }

    .timeline_filter_form .input_holder{
        width:calc(50% - 5px);
        min-width:initial;
        margin-right:0;
    }

    .timeline_filter_form .input_holder input{
        max-width:100%;
    }

    .timeline_filter_form .inline_button{
        margin-left:0;
        margin-bottom:10px;
        max-width:100%;
    }
}

.widgets_holder{

}

.widget_outer{
    margin-bottom:20px;
    cursor:pointer;
}

.widget_inner{
    height:100%;
    padding:10px;
    position:relative;
    align-items:center;
    border-radius:8px;
    background-color:rgb(255 255 255 / 40%);
    border:3px solid #fff;
    box-shadow:
        3px 3px 5px rgb(194 199 208),
        -3px -3px 5px rgb(255 255 255 / 20%),
        inset 3px 3px 5px rgb(194 199 208),
        inset -3px -3px 5px rgb(255 255 255 / 20%);
}

.widget_outer.active .widget_inner{
    background-color:#96daab;
    box-shadow:
        3px 3px 5px rgb(194 199 208),
        -3px -3px 5px rgb(255 255 255 / 20%),
        inset 3px 3px 5px rgb(63 147 88),
        inset -3px -3px 5px rgb(255 255 255 / 20%);
}

.widget_name{
    font-family:'RobotoBold';
    margin-bottom:5px;
    font-size:16px;
    color:#787878;
}

.widget_name.widget_link{
    display:block;
}

.widget_icon{
    right:10px;
    height:60px;
    padding:8px;
    max-width:60px;
    border-radius:8px;
    position:absolute;
    top:calc(50% - 30px);
    border:3px solid #fff;
    box-shadow:
        3px 3px 5px rgb(194 199 208),
        -3px -3px 5px rgb(255 255 255);
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
}

.widget_icon svg{
    fill:#343a3f;
    opacity:.6;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
}

.widget_inner:hover .widget_icon svg{
    opacity:1;
}

.widget_icon:hover{
    background-color:#96daab;
    box-shadow:inset 0 0 5px rgb(63 147 88);
}

.widget_value{
    font-family:RobotoBold;
    font-size:34px;
    color:#89C3C8;
}

.fs-upload-element {
    height: 60px;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 3px solid #fff;
    box-shadow: 3px 3px 5px rgb(194 199 208), -3px -3px 5px rgb(255 255 255 / 20%), inset 3px 3px 5px rgb(194 199 208), inset -3px -3px 5px rgb(255 255 255 / 20%);
}