html, body, form
        {
            padding: 0;
            margin: 0;
            min-height: 440px;
            min-width: 300px;
            /*overflow:hidden;*/
        }

.LogoutContainer
{
    bottom:20px; 
    position:absolute;
    padding:5px;
}

.Avatar
{
    border-radius:50%
}

#open_close_img
{
    font-size:3em;
    cursor:pointer;
}

.btnDisconnetti
{
     background:none;
    border:none;
    font:14px "Segoe UI", "Helvetica Neue", "Droid Sans", Arial, Tahoma, Geneva, Sans-serif;
       
}
.LogoutContainer:hover
{
   
}

    .LogoutContainer:hover .btnDisconnetti
    {
        color:#428bca;
    }

.UtenteContainer
{
    padding:5px;
    margin-left:2px;
    margin-bottom:5px;
    float:right;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box; 
}

    .UtenteContainer:hover
    {
      /*  background-color:#428bca;*/
         outline:1px solid #428bca ;
         color: #428bca;
    }

.lblUsername
{
    background:none;
    border:none;
    font:14px "Segoe UI", "Helvetica Neue", "Droid Sans", Arial, Tahoma, Geneva, Sans-serif
}
.UtenteContainer:hover .lblUsername
{
    color:white;
       color: #428bca;
}

.UtenteContainer:hover .Avatar
{
    opacity:0.7;
}
.menu_container
{
    position:absolute;
    left:0;
    background-color:white;
    padding:10px;
    border: 1px solid black;
    z-index:10000;
    margin-left:10px;
}

.showtile
{
    display:none;
}

#open
{
    padding:5px;
    font-size:1.2em;
    transform: rotate(180deg);
}
#open:hover
{
    color: #337ab7;
}

.dxpnl-expanded #open{
    transform: rotate(0deg);
}

.open_menu
{
   float:left;
   width:50px;
   height:50px;
}

#open_close_img
{
   /* background-image: url("../../../../Common/Images/openclose.png");*/
}

div
{
display:block;
}
        .title
        {
            float: left;
            padding: 1px 4px 2px;
            font-size: 2.2em;
        }
        .main-menu
        {
            float: right!important;
            margin: 8px 0 4px;
            margin-top:13px;
            border-right:1px solid #d1d1d1;
        }
        .grid,
        .grid .dxgvHSDC,
        .grid .dxgvCSD
        {
            border-left: 0!important;
            border-right: 0!important;
            border-bottom: 0!important;
        }
        .detailPanel
        {
            height: 148px;
            padding: 12px;
            box-sizing: border-box;
        }
        .detailPanel.bar
        {
            height: auto!important;
        }
        .detailPanel.bar.expanded
        {
            border-top-width: 0!important;
        }

.topPanel
{
    background-image:url("../../Common/images/h2.jpg");
    background-repeat:no-repeat;
    
}


.avatarContainer
{
            width: 10%;
            margin-right: 1%;
            margin-bottom: 8px;
            float: left;
            min-width: 30px;
}
        .editorContainer
        {
            width: 32%;
            margin-right: 1%;
            margin-bottom: 8px;
            float: left;
            min-width: 30px;
        }

      .editor
        {
            width: 100%;
        }
        .editorCaption
        {
            width: 104px;
        }
        @media all and (max-width: 600px){
            .detailPanel
            {
                height: 370px;
            }
            .editorContainer
            {
                width: 100%;
                margin-right: 0;
            }
        }

        .LeftPanel
        {
            overflow-y:auto;
        }

          .detailPagePanel
        {
            padding: 12px;
            box-sizing: border-box;
        }
        .detailPagePanel.bar
        {
            height: auto!important;
        }
        .detailPagePanel.bar.expanded
        {
            border-top-width: 0!important;
        }

        
.UploadControlTextBox, .UploadControlTextBox input[type='text'] {
            padding: 0px;
            border-width: 0px;
            background-color:transparent;
        }
        .UploadControlTextBox input[type='text'] {
            opacity: 0;
            background-color:transparent;
            filter: alpha(opacity=0);
        }

        /*MODAL POPUP*/
         .modalBackground
        {
            background-color: Black;
            filter: alpha(opacity=60);
            opacity: 0.6;
        }
        .modalPopup
        {
            background-color: #FFFFFF;
            width: 300px;
            border: 3px solid #FFA41C;
            border-radius: 12px;
            padding: 0;
            position:fixed !important;
            right:10px !important;
            bottom:10px !important;
            left:auto !important;
            top: auto !important;
        }
        .modalPopup .header
        {
            background-color: #FFA41C;
            height: 30px;
            color: White;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }
        .modalPopup .body
        {
            padding: 10px;
            min-height: 50px;
            text-align: center;
            font-weight: bold;
        }
        .modalPopup .footer
        {
            padding: 6px;
        }
        .modalPopup .yes, .modalPopup .no
        {
            height: 23px;
            color: White;
            line-height: 23px;
            text-align: center;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
        }
        .modalPopup .yes
        {
              background-color: transparent;
            border: none;
            color:gray;
            text-decoration:underline;
      
            
        }

            .modalPopup .yes:hover
            {
                color:#FFA41C;
            }

        .modalPopup .no
{
    background: #FFA41C;
    border: 1px solid #F99500;
    width: 100px;
    height: 30px;
    line-height: 30px;
}

            .modalPopup .no:hover
{
    background-color: #F09100;
    border: 1px solid #F99500;
}

            /*REQUEST HELP*/

.btnRequestHelp
{
    width:50px;
    height:50px;
    border-radius:50px;
    box-shadow:
    0 0 0 2px white,
    0 0 0 3px #FFA41C;
    border: none;
    background: #FFA41C;
    position:fixed;
    bottom:10px;
    right:10px;
    opacity:0.6;
    font-size:30px;
    color:white;
    /*line-height: 49px;*/
      
}

.tableUser
{
    display:table-cell;
    float:left;
}

.UserMenu
{
    position:fixed;
    right:5px;
    top:71px;
    display:none;
}

.dropdownmenu
{  list-style:none;
}

.dropdownitem
{
    width:100%;
    color:black;
    background:white;
    text-align:left;
  
}

    .dropdownitem:hover
    {
        background:#428bca;
        color:white;
    }

.NewsTitle
{
    font-size:16px !important;
    font-weight:bold !important;
    
}

.UserRichiesta
{
     padding:0px 0px;
     font-size:13px;
    font-weight:bold;
}

.smallhr
{
    margin:3px;
}

.mediumhr
{
    margin:10px
}

.avatarCell
{
    padding-right:25px;
    width:105px
}

.AnswerContainer
{
    width:80%;
    margin-left:19%;
}

.marginHigh
{
    padding-right:30px;
}

.blue
{
    color:#428bca;
}

.orange
{
    color:#FFA41C;
}

.btnOpenDetailRequest
{
    color:#428bca;
    float:right;
    font-style:italic;
    text-decoration:underline;
    background:none;
    background-color:transparent;
    border:none; 
    text-align:right;
}

    .btnOpenDetailRequest:hover
{
    color: #255683;
}

.btnInviaRichiestaForm
{
    margin:10px auto;
    background: #FFA41C;
    border: 1px solid #F99500;
    width: 50px;
    border-radius:50%;
    height: 50px;
    line-height: 30px;
    color:white;
}

.btnInviaRichiestaForm:hover
{
    background-color: #F09100;
    border: 1px solid #F99500;
}

/*.helpDrag
{
    width:50px;
    height:50px;
    background:red;
}*/

.containment {
	
	position: relative;
}
 

/*.bntHelpContainer
{
    background-color: yellow;
    width:50px;
    height:50px;
     
    position:fixed;
    bottom:10px;
    right:10px;
    
}*/

/*.dragbox
{
    width:10px;
    height:10px;
    position:fixed;
    background-color: red;
    right:60px;
    bottom:60px;
}*/

@media screen and (max-width: 1024px){
    form[name=aspnetForm] div.dxgvHSDC > div > table > tbody > tr > td:nth-child(1),
    form[name=aspnetForm] div.dxgvHSDC > div > table > tbody > tr > td:nth-child(3),
    form[name=aspnetForm] div.dxgvHSDC > div > table > tbody > tr > td:nth-child(n+7),
    form[name=aspnetForm] div.dxgvCSD tr td:nth-child(1),
    form[name=aspnetForm] div.dxgvCSD tr td:nth-child(3),
    form[name=aspnetForm] div.dxgvCSD tr td:nth-child(n+7){
        display: none;
    }

    form[name=aspnetForm] div.dxgvHSDC > div > table > tbody > tr > td:nth-child(2),
    form[name=aspnetForm] div.dxgvCSD tr td:nth-child(2){
        width: 100px !important;
    }

    form[name=aspnetForm] .dxpnlControl_Moderno.detailPagePanel table{
        width: 100% !important;
    }
}

/*form[name=aspnetForm] div.dxgvHSDC > div > table > tbody > tr > td:nth-child(1),
form[name=aspnetForm] div.dxgvHSDC > div > table > tbody > tr > td:nth-child(3),
form[name=aspnetForm] div.dxgvCSD tr td:nth-child(1),
form[name=aspnetForm] div.dxgvCSD tr td:nth-child(3){
    display: none;
}

form[name=aspnetForm] div.dxgvHSDC > div > table > tbody > tr > td:nth-child(2),
form[name=aspnetForm] div.dxgvCSD tr td:nth-child(2){
    width: 100px !important;
}*/

form[name=aspnetForm] .dxpnlControl_Moderno.detailPagePanel table{
    width: 100% !important;
}

img[alt~=DettagliApp]{
    transform: rotate(-90deg);
    width: 28px;
}