﻿@media screen and (min-width: 1600px) {
    
    .newelement{
        width: 55%;
    }
    .TrashDiv{
        display:block;
    }
}

@media screen and (min-width: 600px) and (max-width: 1600px) {
    
    .newelement{
        width: 100%;
    }
    .TrashDiv{
        display:none;
    }
}

.ChildrenRow > .ctrlriga {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    margin-left: 30px !important;
    width: calc(100% - 30px);
    padding: 0px 0px 0px 20px !important;
}

.ctrlriga {
        width: 100%;
        margin: 10px 0px;
        padding: 0px 20px 0px 20px;
        color: white;
    }

.newelement{
    float:left;
    }
.containerofTrash{
    width:44%;
    float:left;
}
.TrashDiv{
    margin-left:25%;
    height:270px;
}
.trash{
    font-size:120px;
    border:3px dashed #dbdbdb !important;
    padding:25px 40px;
    color:#dbdbdb;
    border-radius:10px;
    margin-top:50px;
    position:fixed;
    text-align:center;
        width: 300px;
}
.pluselement{

}
.trash > p{
    font-size:medium;
color:#aaa;
}

.trash > .ctrlriga{
    display:none;
}

.titolomodulo {
    line-height: 74px !important;
    padding-left: 15px;
    color: white;
    float: left;
    width: calc(100% - 300px);
    font-size: 160% !important;
    position:absolute;
}

.rowcontent {
    display: table;
    width: 100%;
    background-color: #3695d5;
}

.btnRowDettaglio {
    font-size: 25px;
    width: 100%;
}

.formcompilation {
    clear: both;
    background-color: white;
    color: #525252;
    width: 100%;
}

.divBtnCommand {
    float: right;
    width: 315px;
    text-align: right;
    position:relative;
    z-index:10;
}

.btnCommand {
    padding: 0px 20px 0px 0px;
}
.newctrlriga{
    width: 100%;
        padding: 0px 20px 0px 20px;
        color: white;
        display:none;
}
.newctrlriga > .rowcontent{
    background-color:white;
}