/*-- responsive-design --*/
@media(max-width:1440px){
}

@media(max-width:1366px){
}

@media(max-width:1080px){
}

@media(max-width:1024px){
}

@media(max-width:991px){
}

@media(max-width:800px){
}

@media(max-width:767px){
}

@media(max-width:736px){
 div.LoginBox{
  min-width:90%;
  margin-left:5%;
  top:5%;
 }
 div.menu{
  max-height:35px;
  min-width:100%;
  border-radius: 0 0 0 0;
 }
 li.menuitem{
  padding:5px;
  margin-left:5px;
  list-style-type:none;
  text-decoration:none;
  visibility:show;
 }
 a.menuitem{
  visibility:hidden;
 }
 i.fa-home{
  position:absolute;
  left:10px;
  top:10px;
 }
 i.fa-file-alt{
  position:absolute;
  top:10px;
  left:40px;
 }
 i.fa-list-alt{
  position:absolute;
  top:10px;
  left:70px;
 }
 i.fa-wrench{
  position:absolute;
  top:10px;
  left:100px;
 }
 i.fa-question{
  position:absolute;
  top:10px;
  right:40px;
 }
 i.fa-sign-out-alt{
  position:absolute;
  top:10px;
  right:10px;
 }
 div.center{
  position:absolute;
  top:40px;
  margin-left:0px;
  max-width:100%;
  min-width:100%;
  height:75%;
 }
 div.footer{
  position:fixed;
  bottom:0;
  margin-right:auto;
  margin-left:auto;
 }
 div.TicketListSetting{
  visibility:hidden;
  height:0px;
 }
 div.TicketListSettingFilter{
  position:fixed;
  visibility:visible;
  right:70px;
  top:7px;
  color:#fff;
 }
 label.ViewTicketDescription{
  max-width:100%;
  min-width:100%;
 }
 i.fa-arrow-left{
  top:10px;
  position:fixed;
  left:250px;
  color:#fff;
  font-size:15px;
 }
 i.fa-arrow-left:hover{
  color:#014c8c;
 }
 i.fa-download{
  top:10px;
  position:fixed;
  left:275px;
  color:#fff;
  font-size:15px;
 }
 i.fa-download:hover{
  color:#014c8c;
 }
 i.fa-print{
  top:10px;
  position:fixed;
  left:305px;
  color:#fff;
  font-size:15px;
 }
 i.fa-print:hover{
  color:#014c8c;
 }
 div.TicketList{
  border-radius:0 0 0 0;
 }
 div.NewTicket{
  border-radius:0 0 0 0;
 }
 img.Avatar{
  position:absolute;
  right:5px;
  top:5px;
  width:75px;
  height:auto;
 }
 input.button{
  border-radius:5px;
  border:1px solid #e2e2e2;
  padding:5px;
  font-size:10px;
  width:80px;
  min-width:80px;
 }
 div.ViewTicket{
  border-radius:0 0 0 0;
 }
 div.ViewReactionTicket{
  border-radius:0 0 0 0;
 }
 div.Message{
  left:0;
  width:100%;
 }
 div.ErrorMessage{
  left:0;
  width:100%;
 }
 td.TicketListReactions{
  visibility:hidden;
  width:0px;
 }
 td.TicketListDateTime{
  visibility:hidden;
  width:0px;
 }
 td.TicketListDescription{
  max-width:100%;
  min-width:100%;
 }
}

@media(max-width:667px){
}

@media(max-width:640px){
}

@media(max-width:600px){
}

@media(max-width:568px){
}

@media(max-width:480px){
}

@media(max-width:414px){
}

@media(max-width:384px){
}

@media(max-width:375px){
}

@media(max-width:320px){
}