body, form
        {
            padding: 0;
            margin: 0;
            /*overflow: hidden;*/
            min-height: 240px;
            min-width: 340px;
            font-family:'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif !important;
            font-size:12px;
            background-color:white;
        }
        .title
        {
            float: left;
            padding: 1px 4px 2px;
            font-size: 2.2em;
            
        }
        .expandedPanel .title
        {
            display: none;
        }
        .main-menu
        {
            float: right!important;
            margin: 40px 0 1px;
        }
        .expandedPanel .main-menu
        {
            width: 100%;
        }

.left-panel {
    left: 0px; 
    width: 250px;
    background-color: white;
    z-index: 2;
    }
    .left-panel.panel-hide {
        left: -251px;
    }
    .left-panel.panel-show {
        left: 0px;
    }
    .left-panel h1 {
        position:absolute;
        width: 100%;
        height:50px;
        line-height: 50px;
        padding-left:20px;
        margin:0px;
        border-bottom: solid 1px #E5E5E5;

        color: black;
        font-size:12px;
        font-weight:700;
        text-transform:uppercase;
    }
    .left-panel .edit-in-designer-button {
        position: absolute;
        width: 100%;
        height: 110px;
        bottom: 0px;

        color: white;
        background-color: #579ADD;
        text-align:center;
        font-size: 12pt;

        cursor: pointer;       
    }
        .left-panel .edit-in-designer-button svg {
            width:32px;
            height:32px;
        }
        .left-panel .edit-in-designer-button:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            width: .1px;
        }
        .left-panel .edit-in-designer-button>* {
            display: inline-block;
            vertical-align: middle;
        }

.left-panel .dashboard-list {
    position:absolute;
    top: 51px;
    bottom:110px;
    width: 100%;
    height: initial;
    margin:0;
    padding:0;
    color:#2D3034;
}   
    .left-panel .dashboard-list .dx-list-item {
        border: none;
        border-bottom: solid 1px #E5E5E5;
    }
    .left-panel .dashboard-list .dx-list-item-content {
        height: 39px;
        line-height:39px;
        padding: 0px 0px 0px 20px;
        font-size:12px;
        cursor: pointer;
    }
     
    .left-panel .dashboard-list .dx-list-item.dx-state-hover, 
    .left-panel .dashboard-list .dx-list-item.dx-state-focused {
        background-color: #ECF4FF; 
        color:#2D3034;
    }
    .left-panel .dashboard-list .dx-list-item.dx-list-item-selected,
    .left-panel .dashboard-list .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused),
    .left-panel .dashboard-list .dx-list-item.dx-list-item-selected.dx-state-focused {
        background-color: #DBE9FD;
        color:#2D3034;
    }
        

.dx-dshd-toolbar {
    height:unset;
}
.dx-dshd-toolbar .viewer-button {
    width: 80px;
    height: 50px;
    line-height: 50px;
    background-color: #579ADD;
    color: white;
    text-align: center;
    font-size: 10pt;
    letter-spacing: normal;
    text-transform:uppercase;
    cursor: pointer;   
}

.content {            
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
#centerContent{
    /*clockwise from top*/
    margin:10px 0px 0px 10px;    
    }
.errorText{
   color:red;
   font-weight:bold;
}
/*Used on Addtional questions to make Group caption look like item caption*/
.CaptionFont{    
    color:black;
}
/*For items to have header style*/
.headerFont{
    color:#808080;
    font-size: 16pt;
    font-weight: bold;



}
/*Used to force lables to wrap on responsive form*/
.WrapCaption {          
           white-space:normal !important;
           word-wrap:break-word !important;     
        }
.formLayout {
            /*max-width: 1400px;*/
            /*max-width: 95%;
            margin: auto;*/
        }
#login
{
  position: relative;
  float:right;
  right:10px;
  top:5px;
 }
#Printer
{
  position: relative;
  float:left;
  left:5px;  
  top:5px;
 }
.logout{
 color:white !important; 
}

.gradientBoxesWithOuterShadows { 
height: 85px;
width: 200px; 
padding: 10px;
background-color: white; 
margin-top:25px;

/* outer shadows  (note the rgba is red, green, blue, alpha) */
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);

/* rounded corners */
-webkit-border-radius: 12px;
-moz-border-radius: 7px; 
border-radius: 7px;

/* gradients */
background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%, white), color-stop(15%, white), color-stop(100%, #86A454)); 
background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%); 
}
/*Accordion background overide on resources page*/
.ui-state-active 
{
    background:#86A454 !important;
    border: 1px solid black !important;
}
#mypadd{
    padding:10px;
}