body{
	    background: #F7ECC4;
}
:focus {
    outline: none;
}
.header-top {
	padding: 10px 15px;
}
.header-top .logo img{
	max-height: 80px;
}
.box-right{
    float: right;
    height: 98%;
}
.header-top .box-1 .category-dropdawn{
    background: transparent;
    padding: 5px 15px 5px 0;
    border: none;
    border-bottom: 1px solid #5B472E;
}
.left-colum{
    overflow-y:scroll;
    height: 100%; 
}
.right-colum .main-box .content-title-block span,
.left-colum .main-box .content-title-block span{
	color: #000;
     font-weight: 400;
}
.header-top{
    border-bottom: 4px solid #FBF3CF;
}
.full-layout-width{
    margin-top: 10px;
}
.center-colum{
    border-left: 2px solid #FBF3CF;
    border-right: 2px solid #FBF3CF;
    height: 100%;
}
.right-colum .main-box,
.left-colum .main-box{
    background: #f1de97;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 1px 1px #00000038;
}

.left-colum .content-title-block{
	background: #5b472e;
	padding: 5px 10px;
}
.left-colum .content-title-block a{
	color: #fff;
}
.left-colum .content-title-block a:hover{
	color: #fff;
	text-decoration: none;
}
.right-colum .content-box-wrapper,
.left-colum .content-box-wrapper{
	padding: 5px 10px;
}
.right-colum .content-title-block{
    background: #5b472e;
	padding: 5px 10px;
    color: #fff;
}
.main-box .date-info .info-box p{
    margin: 0;
    margin-right: 10px;
    font-weight: 700;

}
.main-box .date-info .other-info p{
    margin: 0;
    color: #666;
    font-weight: 400;
}
.main-box .date-info .info-box,
.main-box .date-info .other-info{
	display: inline-block;
}
.main-box .date-info .other-info{
	float: right;
}
.center-colum .box-right,
.center-colum .box-left{
	background: #fff;
    padding: 10px;
    overflow: hidden;
    width: 80%;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 1px 1px #00000038;
    border: 1px solid #fafafa;
}
.center-colum .left:before{
	position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid #000;
    border-bottom: 10px solid transparent;
    z-index: 9;
    left: -10px;
    top: 50%;
    transform: translate(0,-50%);
}
.center-colum .left:after{
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    z-index: 9;
    left: -10px;
    top: 50%;
    transform: translate(0,-50%);
}
.center-colum .right:before{
	position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-left: 10px solid #000;
    border-bottom: 10px solid transparent;
    z-index: 9;
    right: -10px;
    top: 50%;
    transform: translate(0,-50%);
}

.center-colum .right:after{
    position: absolute;
    content: "";
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 10px solid transparent;
    z-index: 9;
    right: -10px;
    top: 50%;
    transform: translate(0,-50%);
}

.center-colum .comment-left .last-time-date{
	text-align: left;
}
.center-colum .comment-right .last-time-date{
	text-align: right;
}
.center-colum .center-colum-inner{
    padding: 20px 20px 0px 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.center-colum .center-colum-inner .left,
.center-colum .center-colum-inner .right{
	position: relative;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.comment-right .box-right{
    float: right;
}
.ResultMessageAttachment{
    margin-top: 15px;
}
.ResultMessageAttachment td{
    font-size: 13px;
}
.ResultMessageAttachment img{
    height: 10px;
    margin: 4px 3px;
    vertical-align: bottom;
}
.content-box-wrapper{
    background: #fff;
    margin: 6px;
    border-radius: 5px;
    padding: 15px;
}
.WrapperToggleButton{
    text-align: right;
}

.WrapperToggleButton .toggleButton,
.SubmitButton,
.btnLogin,
.logout a{
    background: #5B472E;
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 16px;
    margin: 5px;
    border: 4px solid #F6C14F;
    box-shadow: 0px 1px 1px #00000038;
}
.WrapperToggleButton .toggleButton:hover,
.SubmitButton:hover,
.btnLogin:hover,
.header-top .logout-btn a:hover{
    text-decoration: none;
    color: #fff;
    background: #F6C14F;
    border: 4px solid #5B472E;
    cursor:pointer;
}

.ShowForm .Message.Form{
    border: 4px solid #ffffff;
    padding: 10px;
    margin-bottom: 10px;
}
.tblForm{
    display: none;
}
form{
    margin: 0px;
}
.ticketName:hover{
    cursor:pointer;
}
.MessageReply{
    display: none;
}
.TicketMessagesWrapper{
    margin-top: 20px;
}
html,body{
    height: 100%;
}
#MainWrapper, .full-layout-width, .row {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.left-colum, .center-colum{
     height: 100%;
    width: 100%;
    overflow: auto;    
    padding: 5px;
    padding-bottom: 125px;
}
legend{
    width: auto;
    padding: 10px;
    color: #5b472e;
}
fieldset{
    min-width: inherit;
    padding: inherit; 
    margin: inherit; 
    border: 3px solid #fbf3cf;    
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
}
.errorMsg{
    display: none;
}
.ticketName .New{
    font-weight: 700;
}