div.menu{
 background:#ffb53f;
 width:230px;
 border-radius: 0 0 25px 0;
 padding:5px;
}

div.LoginBox{
 width:30%;
 margin-left:35%;
 top:30%;
 border:1px solid #ffb53f;
 border-radius: 25px;
 padding:25px;
 position:fixed;
}

input{
 border-radius:5px;
 border:1px solid #e2e2e2;
 padding:5px;
}

input.button{
 border-radius:5px;
 border:1px solid #e2e2e2;
 padding:5px;
 min-width:100px;
}
input.button:hover{
 border:1px solid #000;
 cursor:pointer;
}

select{
 border-radius:5px;
 border:1px solid #e2e2e2;
 padding:5px;
}

textarea{
 border-radius:5px;
 border:1px solid #e2e2e2;
 padding:5px;
}

input.LoginInput{
 left:50px;
}

div.center{
 position:fixed;
 top:0;
 width:84%;
 margin-left:250px;
 overflow:auto;
 height:100%;
}

li.menuitem{
 padding:5px;
 margin-left:5px;
 list-style-type:none;
 text-decoration:none;
}

a{
 text-decoration:none;
 color:#fff;
}

a:hover{
 text-decoration:none;
}

div.NewTicket{
 padding:10px;
 position:float;
 border:1px solid #ffb53f;
 border-radius: 25px;
 background-color:#fff;
 top:0;
 width:99%;
}

input.NewTicketTitle{
 width:100%;
}

textarea.NewTicketDescription{
 width:100%;
 height:100px;
}

label.ViewTicketTitle{
 min-width:100%;
 padding:10px;
 border:1px solid #ffb53f;
 border-radius: 25px 25px 0px 0px;
}

label.ViewTicketDescription{
 min-height:100px;
 max-height:175px;
 min-width:100%;
 padding:10px;
 border:1px solid #ffb53f;
 border-radius: 0px 0px 25px 25px;
 overflow:auto;
}


div.ViewTicket{
 padding:10px;
 position:float;
 border:1px solid #ffb53f;
 border-radius: 25px;
 background-color:#fff;
 top:0;
 width:99%;
}

a.ViewTicketURL{
 color:#ffb53f;
}

input.ViewTicketTitle{
 width:100%;
}

input.disabled{
 background-color:#fff;
 color:#000;
 pointer-events:none;
}

textarea.ViewTicketDescription{
 width:100%;
 height:100px;
}

textarea.disabled{
 background-color:#fff;
 color:#000;
 cursor:not-allowed;
}

div.ViewReactionTicket{
 padding:10px;
 position:float;
 border:1px solid #ffb53f;
 border-radius: 25px;
 width:99%;
}


div.AddTicketReaction{
 padding:10px;
 position:float;
 top:45%;
 border-radius: 25px;
 width:99%;
}

div.AddTicket{
 padding:10px;
 position:float;
 border:1px solid #ffb53f;
 border-radius: 25px;
 top:55%;
 width:99%;
}




div.TicketListSettingFilter{
 position:absolute;
 visibility:hidden;
}

div.TicketListSetting{
 padding:10px;
 position:float;
 border:1px solid #ffb53f;
 background-color:#fff;
 border-radius:0 0 25px 25px;
 top:0;
 width:100%;
}

div.TicketList{
 padding:10px;
 position:float;
 border:1px solid #ffb53f;
 border-radius:25px 25px 0 0;
 top:10;
 width:100%;
 min-height:75%;
 background-color:#fff;
}

tr.TicketListRow:hover{
 cursor:pointer;
 color:#ffb53f;
}

td.TicketListIcon{
 width:5%;
}

td.TicketListDescription{
 width:75%;
}

td.TicketListDateTime{
 width:20%;
}

td.TicketListReactions{
 width:20px;
 text-align:center;
}


img.Avatar{
 position:absolute;
 right:150px;
 width:150px;
 height:auto;
}

div.ViewSetting{
 padding:10px;
 position:float;
 border:1px solid #ffb53f;
 border-radius: 0 0 25px 25px;
 background-color:#fff;
 top:0;
 width:99%;
}



div.FileOptions{
 top:0;
 right:15px;
 position:absolute;
 padding:20px;
 z-index:2;
}

i.FileOptions{
 width:50px;
}

i.href{
 font-size:25px;
 color:gray;
 z-index:2;
 cursor:pointer;
}

i.href:hover{
 color:#ffb53f;
}

i.fa-arrow-left{
 left:0px;
}

div.OpenFile{
 z-index:10;
 top:10px;
 width:100%;
 height:100%;
}

iframe.OpenFile{
 z-index:auto;
 width:100%;
 height:100%;
}

table.loginlist{
 width:100%;
}

table.emaillist{
 width:100%;
}

table.userslist{
 width:100%;
}

table.companylist{
 width:100%;
}

table.datalist{
 width:100%;
}


div.GrayScreen{
 left:0;
 top:0;
 z-index:1;
 cursor:not-allowed;
 background-color:#000000;
 width:100%;
 visibility:hidden;
 height:100%;
 position:absolute;
 filter: alpha(opacity=75); /* internet explorer */
 -khtml-opacity: 0.75;      /* khtml, old safari */
 -moz-opacity: 0.75;       /* mozilla, netscape */
 opacity: 0.75;           /* fx, safari, opera */
}

div.TimeoutGrayScreen{
 left:0;
 top:0;
 z-index:1;
 cursor:not-allowed;
 background-color:#000000;
 width:100%;
 visibility:hidden;
 height:100%;
 position:absolute;
 filter: alpha(opacity=75); /* internet explorer */
 -khtml-opacity: 0.75;      /* khtml, old safari */
 -moz-opacity: 0.75;       /* mozilla, netscape */
 opacity: 0.75;           /* fx, safari, opera */
}

div.Timeout{
 visibility:hidden;
 left:30%;
 top:25%;
 padding:25px;
 position:absolute;
 border-radius:25px;
 width:400px;
 border:1px solid #ffb53f;
 background-color:#fff;
 z-index:2;

}

div.Message{
 left:30%;
 top:25%;
 padding:25px;
 position:absolute;
 border-radius:25px;
 width:400px;
 border:1px solid #ffb53f;
 background-color:#fff;
 z-index:2;
}

div.ErrorMessage{
 left:30%;
 top:25%;
 padding:25px;
 position:absolute;
 border-radius:25px;
 width:400px;
 border:1px solid #ffb53f;
 background-color:#fff;
 z-index:2;
}

div.MailScreen{
 left:30%;
 top:25%;
 padding:25px;
 position:absolute;
 border-radius:25px;
 width:400px;
 border:1px solid #ffb53f;
 background-color:#fff;
 z-index:2;
}