.card-menu {
    padding: 0;
    padding-top: 7px;
    padding-bottom: 4px;
}

.card-modify{
    position: relative;
    color: #fff;
    padding: 8px;
    background: rgba(0, 0, 0, 0.10);
}

.card-modify:hover{
    /*color: #ffffff;*/
    color: #a9ff99;
    background: rgba(0, 0, 0, 0.30);

}

.card-modify-link{
    position: relative;
    color: #fff;
    padding: 8px;
    background: rgba(0, 0, 0, 0.30);
}

.card-modify-link:hover{
    /*color: #ffffff;*/
    color: #a9ff99;
    background: rgba(0, 0, 0, 0.50);

}


.card_title_h4{
    /*width: 80%;*/
}

.card-h4{
    padding: 3px;
    padding-right: 0px;
    font-size: 12px;
    color: #000;
}

.car-body-min{
    min-height: 200px;
    overflow-y: auto;
}

.menu_card_container{
    position: absolute;
    padding-right: 0;
    float: right;
    width: auto;
    right: 0;
}

.sub_menu_card_container{

}

.sub_menu_card_container_right{
    /*position: absolute;*/
    padding-right: 0;
    float: right;
    width: auto;
    right: 0;
    margin-top: -5px;
}

.body_card_container{
    border: 1px solid #a1a1b3;

    /*-webkit-box-shadow: inset 0px -1px 14px 8px rgba(224,224,224,0.65);*/
    /*-moz-box-shadow: inset 0px -1px 14px 8px rgba(224,224,224,0.65);*/
    /*box-shadow: inset 0px -1px 14px 8px rgba(224,224,224,0.65);*/
}

.drag_main_container{
    background: #ffffff;
    height: calc(100% - 490px);
    /*max-height: 56vh;*/
    /*overflow-y: auto;*/
    width: 100%;
    border: 1px solid;
    right: 16px;
    z-index: 10;
    padding: 1px;
    /*min-width: 200px;*/
}

.card_scroll{
    overflow-y: auto;
    max-height: 60vh;
}

.draggable_element{
    /*display: inline-block;*/
    min-width: 470px;
    margin: 1px;
    position: inherit;
}

.border-gray{
    border: 1px solid #ccc;
    border-bottom: 1px solid #929191;
    border-top: 1px solid #929191;
}

.bg_gray{
    /*background: rgba(204, 204, 204, 0.4);*/
    /*border: 1px solid #CCCCCC;*/
}

.bg_gray:hover{
    /*background: rgb(235, 235, 235);*/
    background: rgba(100, 100, 100, 0.1);
    /*border: 1px solid #7eb378;*/
    cursor: move;
}

.hide_card{
    /*display: none;*/
}

.card_title_h4_nassegnati{
    background: #6a7a8c;
}

.card_title_h4_cestino{
    background: #ab4a4a;
}

.card-h4-nassegnati{
    color: #fff;
    font-size: 14px;
    padding: 7px 1px;
    font-weight: 450;
}

.dropzone {
    overflow-y: auto;
}

.no_scoll{
  overflow-x: hidden;
}


.drophome{
  height: 94%;
  border: 0;
  max-height: 100%;
}
.over {
  /*border: solid 1px #5ac146;*/
    background: rgba(90, 193, 70, 0.14);
}

.card_detail{
   padding: 5px
}

.card_well_details{
    padding: 7px;
    background: #f2f4f5;
    border: 1px solid #ccc;
}

.card-container{

}

.sortable-placeholder {
    padding: 20px;
    width: 100%;
    height: 72px;
    background: rgba(90, 193, 70, 0.14);
    border: 1px dotted #0B7500;
    /*background-color: #ebebeb;*/
}

.card-menu:hover{
    /*background: #bbbbbb;*/
}

.card_label{
    background: #fff;
    padding-right: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.cestinoView{
    color: #fff;
    background: rgba(0, 0, 0, 0.10);
    padding: 7px 5px;
    position: absolute;
    right: 0;
    top: 0;
}

.cestinoView:hover{
    color: #83ff7a;
    background: rgba(0, 0, 0, 0.20);
}

.card_height{
    min-height: 60vh!important
}


/* vertical panel */

.panel-container-vertical {
  display: flex;
  flex-direction: column;
  height: 50%;
  /*border: 1px solid silver;*/
  width: 100%;
  z-index: 10;
}

.panel-top {
  flex: 0 0 auto;
  /* only manually resize */
  padding: 0px;
  height: 60%;
  width: 100%;
  /*white-space: nowrap;*/
  background: #6a7a8c;
  color: white;
  border: 1px solid #6a7a8c;
}


.panel-bottom {
  flex: 1 1 auto;
  /* resizable */
  padding: 0px;
  /*height: 188px;*/
  /*min-height: 200px;*/
  background: #a2121ecc;
  border: 1px solid #a2121ecc;
}

.trasporto_color{
    width: 25px;
    height: 32px;
    float: left;
    font-weight: bold;
    border: 0;
    margin-top: -6px;
    margin-left: -3px;
}

.linked {
    display: none;
    position: absolute;
    left: 41%;
    /*top: 41%;*/
    margin-top: 2.9vh;
    width: 33px;
    height: 84px;
    flex: 0 0 auto;
    z-index: 1;
    background: url(../../images/background/link.png) center center;
}

.linked:hover {
    cursor: not-allowed;
}


.linkedline {
    display: none;
    position: absolute;
    left: 41%;
    margin-top: 27px;
    z-index: 1;
 }

.linkedzone{
    position: absolute;
    left: 43.7%;
    margin-top: 2.4vh;
    z-index: 1;
}


.minw20{
    width: 14px;
}

/*.splitter-horizontal {*/
/*  flex: 0 0 auto;*/
/*  height: 18px;*/
/*  background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/hsizegrip.png) center center no-repeat #535353;*/
/*  cursor: row-resize;*/
/*}*/

.card_h4_color{
    background: #fff;
    padding: 6px;
    border: 1px solid #ccc;
    margin-top: -5px;
}

.slot_bar{
    height: 4px;
    background: #c9f9c0;
}
.disable-sort-item .bg_gray:hover{
    cursor: not-allowed!important;
}


.panes-container {
    display: flex;
    width: 100%;
    overflow: hidden;
    z-index: 10;
}

.left-pane {
    width: 33%;
    background: #eee;
}

 .left-pane-clone {
    width: 26%;
    background: #eee;
}

/*@media (min-width: 1000px) {*/
/*    .left-pane {*/
/*        min-width: 490px;*/
/*    }*/
/*}*/

.panes-separator {
    min-width: 25px;
    position: relative;
    cursor: col-resize;
    background: #909ca9;
    /*background:  url(../../images/background/vsizedot.png) center center repeat-y #9c9c9c;*/
}

.panes-separator:hover {
    cursor: col-resize;
    background: #6a7a8c;
    /*background:  url(../../images/background/vsizedot.png) center center repeat-y #6a7a8c;*/
}

.panes-selected{
    background: #6a7a8c;
    /*background:  url(../../images/background/vsizedot.png) center center repeat-y #6a7a8c;*/
}

.right-pane {
    flex: auto;
    background: #eee;
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
    padding: 0px 10px;
}

.right-pane-padding {
    padding: 0px 2px!important;
}


.panes-container,
.panes-separator,
.left-pane,
.right-pane {
    margin: 0;
    padding: 0;
    /*height: 100%;*/
    overflow: unset;
}
.left-pane {
    /*border-right: 12px solid;*/
}

.link-full{
    position: relative;
}

.clock_hover:hover{
    cursor: pointer;
}