/*----------------How-it-works user control styles----------------*/
.MediationSteps{font-family:'KhmerUI'; width:90%; margin:0 auto;}
.MediationSteps .Heading h4{color:#2AB389; font-size:41px; font-weight:bold; margin:0;}
.MediationSteps .Heading h5{font-size:18px; margin:0; font-weight:normal;}
.MediationSteps .Steps{margin-left:-5px; margin-right:-5px;}
.MediationSteps .Steps .ColBox{float:left; padding:0 5px; width:20%;}
.MediationSteps .ColBox .Inner{border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; background:#ffcf99;}
.MediationSteps .ColBox .Inner.One{background:#fff9f2;}
.MediationSteps .ColBox .Inner.Two{background:#fff3e5;}
.MediationSteps .ColBox .Inner.Three{background:#ffe7cc;}
.MediationSteps .ColBox .Status{color:#ff8800; text-transform:uppercase; font-size:11px; margin-bottom:2px; line-height:1;}
.MediationSteps .ColBox .Status .Ico{background:url("../images/newimages/arrow-gray3.png") no-repeat scroll 0 0; width:27px; height:15px; display:inline-block; vertical-align:bottom; position:relative; top:8px; margin-left:2px;}
.MediationSteps .ColBox .Number span{background:#2bb389; color:#fff; font-weight:bold; text-shadow:0 1px 0 rgba(0,0,0,.5); display:inline-block; padding:6px 9px; font-size:12px; line-height:1; border-radius:8px 0 8px 0; -moz-border-radius:8px 0 8px 0; -webkit-border-radius:8px 0 8px 0;}
.MediationSteps .ColBox .Content{padding:0 15px 10px;}
.MediationSteps .ColBox .Head{font-size:18px; line-height:1;}
.MediationSteps .ColBox .IcoPart{margin:15px 0; text-align:center;}
.MediationSteps .ColBox .IcoPart i{width:53px; height:50px; display:inline-block; background:url("../images/newimages/how-it-work-chart-sprite.png") no-repeat scroll 0 0; background-size:cover;}
.MediationSteps .ColBox .IcoPart.Community i{background-position:-62px 0;}
.MediationSteps .ColBox .IcoPart.Private i{background-position:-127px 0;}
.MediationSteps .ColBox .IcoPart.Engage i{background-position:-196px 0;}
.MediationSteps .ColBox .Body{font-size:13px; line-height:16px; text-align:justify;}
.MediationSteps .ColBox .BtmTxt{font-size:13px; line-height:16px; display:-webkit-flex; display:flex; -webkit-align-items:flex-end; align-items:flex-end; -webkit-justify-content:center; justify-content:center;}
.MediationSteps .ColBox .BtmTxt2{font-size:13px; padding:5px; color:#666;}
.MediationSteps .ColBox .Inner.Success{background:#2AB389 url("../images/newimages/how-it-work-chart-stars.png") no-repeat scroll center top; background-size:100% auto; color:#fff;}
.MediationSteps .ColBox .Inner.Success .Content{padding:30px 15px;}
.MediationSteps .ColBox .Inner.Success .Head{margin:30px 0 50px; text-transform:uppercase; font-size:24px;}
.MediationSteps .ArrowView{position:relative; padding-top:5px; float:left; width:60%; border-top:solid 1px #C6C6C6; margin-top:5px;}
.MediationSteps .ArrowView.Step2 .ColBox{width:33.333%;}
.MediationSteps .ArrowView:before{content:"\f105"; font-family:'FontAwesome'; position:absolute; top:0; right:0; margin-right:-1px; margin-top:-8px; line-height:1; color:#c6c6c6;}
.MediationSteps .ArrowView.Step3{width:66.666%; margin-top:25px;}        
.MediationSteps .ArrowView.Step3 .ColBox{width:50%;}
.MediationSteps .ArrowView.Step4{width:50%; margin-top:25px;}
.MediationSteps .ArrowView.Step4 .ColBox{width:100%;}

.HowItWork2{font-family:'KhmerUI'; position:relative;}
.HowItWork2 .TCell{padding:0 10px; width:20%;}
.HowItWork2 .Round{background:#fff; width:112px; margin:15px 0; height:112px; display:inline-block; box-shadow:0 0 2px rgba(0,0,0,.2); -webkit-box-shadow:0 0 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.HowItWork2 .Round .Icon img{width:100%; height:auto; display:inline-block; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.HowItWork2 .Round .Icon{width:50px; height:50px; display:inline-block; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.HowItWork2 .Round.Respond{background:#2bb389;}
.HowItWork2 .Step .Text h4{font-weight:bold; font-size:16px;}
.HowItWork2 .Step{margin-top:10px; background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ffffff 100%) !important; background-image:linear-gradient(to bottom, #f8f8f8 0%, #ffffff 100%) !important; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.HowItWork2 .ProBar{margin:20px auto; width:calc(100% - 20%);}
.HowItWork2 .ProBar img{width:100%; height:auto;}
.HowItWork2 .BottomPart{background:#2bb389; color:#fff; padding:15px 5%;}
.HowItWork2 .BottomPart .h2{font-size:34px; font-weight:bold; margin:0;}
.HowItWork2 .btn-white{background:#f6f6f6; text-transform:uppercase; font-weight:bold; font-size:21px; padding:10px 20px; color:#333; box-shadow:0 0 5px rgba(0,0,0,.5);}
.HowItWork2 .BottomPart .TickPoints li{color:#fff; display:inline-block; font-size:16px; margin:5px 0; line-height:1;}
.HowItWork2 .BottomPart .TickPoints li:before{color:#fff;}
.HowItWork2 .BottomPart .TickPoints{margin:0 -10px;}
.HowItWork2 .learnLink{font-weight:bold; text-decoration:underline; font-size:18px;}
.BtnPart .learnLink{font-weight:bold; color:#fff; text-decoration:none; font-size:inherit;}
.HowItWork2 .ViewContent{display:none;}
.HowItWork2 .BtnPart .Col{display:inline-block; vertical-align:middle; font-weight:bold; margin-top:10px; padding-right:5px;}
.HowItWork2 .BtnPart .OR{padding:0 15px; display:inline-block;}

.TBlock{display:table; width:100%;}
.TBlock .TCell{display:table-cell; vertical-align:top;}
.TBlock.VM .TCell{vertical-align:middle;}

/*--------Jury Panel Usercontrol Styels---------*/
.JuryPanel{padding:20px;}
.JuryPanel .h3{font-size:21px; margin:0; text-transform:uppercase; font-weight:bold;}
.JuryPanel .Item{display:inline-block; width:170px; vertical-align:top; padding:0 15px; margin-top:10px; text-align:center; position:relative;}
.JuryPanel .Item:hover{background:rgba(0,0,0,.05);}
.JuryPanel .Item:after{content:''; width:1px; background:#aaa; display:block; height:100px; position:absolute; top:20px; left:0;}
.JuryPanel .Item:first-child:after{content:normal;}
.JuryPanel .Item .Thumb{border:solid 5px #fff; margin-top:10px; width:88px; height:88px; display:inline-block; box-shadow:0 0 1px #aaa; -moz-box-shadow:0 0 1px #aaa; -webkit-box-shadow:0 0 1px #aaa; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.JuryPanel .Item .Thumb img{width:100%; height:100%; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}
.JuryPanel .Item .Name{text-align:center; margin-top:10px;}
.JuryPanel .Item .Prof{color:#666; font-style:italic;}
.JuryCommentWrap .Item{margin-bottom:20px;}
.JuryCommentWrap .Item .Item{border-left:1px solid #aaa; margin:15px 0 0 55px; padding:5px;}
.JuryCommentWrap .Inner .Photo{width:50px; height:50px; float:left; border:solid 1px #ddd; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.JuryCommentWrap .Inner .Photo img{width:100%; height:100%; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.JuryCommentWrap .Inner .Text{margin-left:60px;}
.JuryCommentWrap .Inner .Text .Name{font-weight:bold; font-size:16px;}
/*.JuryCommentWrap .replyView{margin:0 auto; width:600px; max-width:100%;}*/

/*------------Claim Resolve Request user control styles------------*/
.RequestOptions .Outer{border:1px solid #c9e3e8; background-color:#e6fbff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:10px; margin:10px 0;}
.RequestOptions .Outer.Open{background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.2); -moz-box-shadow:0 0 5px rgba(0,0,0,.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,.2);}
.RequestOptions .ExpandOver{border-top:1px solid #e1e1e1; padding:10px; margin:10px -10px 0;}
.RequestOptions .ExpandOver.Expand{height:auto;}
.ClaimList .ListOver{border-bottom:dashed 1px #ccc; padding-bottom:5px; margin:10px 0;}
.ClaimList .ListOver.Open{border-color:#7d7d7d;}
.ClaimList .ListOver:last-child{border:none;}
.ClaimList .Values{padding-left:8px;}
.ClaimList .Values li{margin-top:5px; padding:0 15px; border-right:1px solid #ddd; display:inline-table; color:#666;}
.ClaimList .Values li:last-child{border:none;}
.ClaimList .Expand{padding:5px 5px 5px 25px;}
.ClaimList .Checkbox2 label{color:#4199dd; font-size:16px;}
.FiledClaimView .Bottom{border-top:1px solid #ddd; padding-top:10px; margin-top:5px;}


@media screen and (min-width: 768px)
{

}

@media screen and (max-width:1024px){
.HowItWork2 .Round{width:90px; height:90px;}
}


@media screen and (max-width: 767px){
.MediationSteps .ArrowView.Step2 .ColBox, .MediationSteps .Steps .ColBox{width:auto; float:none;}
.MediationSteps .ArrowView.Step3{width:auto; margin-top:10px;}        
.MediationSteps .ArrowView.Step3 .ColBox{width:auto;}
.MediationSteps .ArrowView.Step4{width:auto; margin-top:10px;}
.MediationSteps .ArrowView{padding-top:0; float:none; border-top:none; border-right:solid 1px #C6C6C6; margin-right:10px; margin-top:10px; padding-right:5px; width:auto;}
.MediationSteps .ArrowView::before{bottom:0; top:auto; margin-top:0; margin-bottom:-10px; margin-right:-5px; right:0; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);}
.MediationSteps .ColBox .Inner.Success{margin-top:20px;}
.MediationSteps .ColBox .Body{text-align:center;}
.MediationSteps .Heading h4{font-size:21px;}
.HowItWork2{padding-left:20px;}
.HowItWork2 .h1{font-size:21px;}
.HowItWork2 .Round{width:80px; height:80px;}
.HowItWork2 .Round .Icon{height:30px; width:30px;}
.HowItWork2 .TCell{display:block; width:100%;}
.HowItWork2 .BottomPart .h2{font-size:18px;}
.HowItWork2 .btn-white{padding:10px; font-size:16px;}
.HowItWork2 .BottomPart .TickPoints li{font-size:14px;}
.HowItWork2 .ProBar{margin:0; height:calc(100% - 20%); width:auto; position:absolute; left:0; top:10%;}
.HowItWork2 .ProBar img{height:100%; width:auto;}
.JuryPanel .Item{width:140px;}
.JuryPanel .Item .Thumb{width:65px; height:65px;}
.JuryPanel .Wrap{text-align:center;}
}


/*-----------Trial-timeline user control styles------------*/
.TimeLinePart .panel-body{padding: 15px 0 ;}
.TimeLinePart .panel-heading h4{font-size:21px;}
.TimeLinePart small{margin-bottom: 5px;}
.TimeLinePart .media{border-bottom: timeId 1px #ddd;padding: 10px 15px;margin-top: 0;}
.TimeLinePart .media:nth-child(2n){background: rgba(0,0,0,.05);}
.TimeLinePart .bottom-part{line-height: 1.5;padding: 0 15px; font-family:'georgia';}
.TimelinePop .form-control{min-height: 40px;}
.TimelinePop .btn-plain{background-image: none !important;}
.TimeLinePart .label{display: inline-block;}
.MB5{margin-bottom: 5px;}

/*--------------Trial Issues  user control styles------------*/
.EditPopSolv{position: absolute;width: 90%;left: 5%;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.EditPopSolv .panel{margin-bottom: 0;}


/*--------------Trial participants  user control styles------------*/
.Participant .panel-heading{font-size:18px;}
.Participant .panel-heading h5{color:#666666; font-size:16px;}
.Participant .panel-heading h4, .panel-heading h5{line-height:normal; font-weight:normal;}
.no-bkr{background-image:none !important; background-color:transparent !important;}
.Participant .news-item{margin:0px; border-bottom:1px dotted #555;}
.Participant .news-item::after{clear:both; display:block; content:'';}
.Participant .news-item .rountLnk{display:block; color:#333;}
.Participant .news-item .rountLnk:hover{color:#000;}
.Participant .media .ImgPart{width:80px; height:80px; padding:3px; border:solid 1px #ddd; background#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.Participant .media .ImgPart img{height:100%; width:100%;}
.Participant .news-item .media{padding:10px 15px;}
.Participant .news-item:hover .ImgPart{box-shadow:0 0 5px rgba(0,0,0,.5); -webkit-box-shadow:0 0 5px rgba(0,0,0,.5); -moz-box-shadow:0 0 5px rgba(0,0,0,.5); transition:ease .4s all 0s; -webkit-transition:ease .4s all 0s; -moz-transition:ease .4s all 0s;}
.Participant .panel-body{padding:15px 0;}
.Participant .media-body h4{margin:0; font-size:14px; color:#333;}
.Participant .media-body .Content{font-size:12px; color:#666;}
.Participant .media-body .Profile{font-style:italic; color:#999; margin-top:5px;}
.Participant .media .LinkEng{color:#666;}
.Participant .media .LinkEng:hover{color:#168ad4;}
.Participant .media .LinkEng.active{color:#333;}
/*.EngageExpand{position:relative; margin:15px 0 -11px; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:10px 0; box-shadow:0px 2px 0 rgba(0,0,0,.1); -webkit-box-shadow:0px 2px 0 rgba(0,0,0,.1); -moz-box-shadow:0px 2px 0 rgba(0,0,0,.1);}*/
.EngageExpand{position:absolute; background:#fff; z-index:1; top:50%; left:50%; max-width:100%; width:312px; margin:15px 0; border:solid 1px #ddd; padding:10px; box-shadow:0px 0 8px rgba(0,0,0,.3); -webkit-box-shadow:0px 0 8px rgba(0,0,0,.3); -moz-box-shadow:0px 0 8px rgba(0,0,0,.3); transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);}
.EngageExpand .Close{position:absolute; right:10px; top:10px; z-index:10;}
/*.EngageExpand:before{content:''; position:absolute; width:10px; height:10px; background:#fff; border-top:solid 1px #aaa; border-right:solid 1px #aaa; top:0; left:50px; margin-top:-6px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}*/
.EngageExpand .Actions{padding-right:15px;}
.EngageExpand .Actions .CustomRadio{margin-bottom:10px; display:block;}
.EngageExpand .CustomRadio label{padding-left:24px;}
.LeaderBoard .media+.media{border-top:solid 1px #ddd; padding-top:15px;}
.LeaderBoard .media-left .Rank{display:inline-block; vertical-align:middle; margin-right:5px;}
.LeaderBoard .media-left .Profile{display:inline-block; width:60px; height:60px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.LeaderBoard .media-left .Profile img{width:100%; height:100%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0 0 1px #333 inset; -webkit-box-shadow:0 0 1px #333 inset; -moz-box-shadow:0 0 1px #333 inset;}
.LeaderBoard .media-body .Name{font-weight:bold; font-size:16px;}
.LeaderBoard .media-body .Points{margin-top:5px; color:#666;}



/*--------------Trial verdict poll  user control styles------------*/
.PollResolvePart .Heading{border-bottom: solid 1px #ddd;font-size: 21px;color: #ff8800;font-weight: bold;text-align: center;padding-bottom: 10px;}
.PollResolvePart .Title{color: #666;font-size: 14px;}
.PollResolvePart .Title h4{font-size: 16px;font-weight: bold;color: #333;}
.PollResolvePart .ThumbsIcon{background: #ff9700;padding: 5px;display: block;width: 48px;height: 48px;margin-bottom: 5px;text-align: center;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;}
.PollResolvePart .ThumbsIcon:before{background: url(../images/newimages/font-icons.png) no-repeat scroll -116px -20px;display: inline-block;content: '';width: 34px;height: 38px;}
.PollResolvePart .CustomRadio{margin-top: 10px;}
.PollResolvePart .CustomRadio label{padding-left: 25px;}
.PollResolvePart .ViewSol{padding-left: 3px;}
.PollResolvePart .ViewSol .fa{margin-right: 5px;}
.PollResolvePart .ViewSol.Active .fa{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.PollResolvePart .ViewSol.Active{color: #333;}
.PollResolvePart .AddVerdict{font-family:'georgia'; margin:5px 0 10px 0;}
 
 @media (max-width:640px) {
.HowItWork2 .BtnPart .Col{display:block;}
 }
    
@media (max-width:360px){
.PollResolvePart .media .media-body{overflow: visible;}
}