﻿body{font-family: 'OpenSansRegular' !important;}
ul, ol{margin:0; padding:0;}
.font-italic{font-style:italic;}
.S12{font-size:12px;}
.S16{font-size:16px;}
.MB10{margin-bottom:10px;}
.MB5{margin-bottom:5px;}
.Respond .BreadSec{border-color:#ddd; border-width:0 0 1px 0; border-style:solid; margin:0 -10px; padding:0 25px;}
.Respond .BreadSec li{font-size:13px;}
.ClaimOpt{background:#f2fcff; border:solid 1px #ddd; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin:20px 0; padding:10px 5px; color:#666;}
.ClaimOpt .InCol{margin:10px 0;}
.ClaimOpt h4{margin:0; font-size:18px; font-weight:bold;}
.ClaimOpt li{position:relative; padding-left:20px; margin-top:10px; color:#333; list-style:none; margin-left:15px;}
.ClaimOpt li .Date{font-style:italic; color:#999;}
.ClaimOpt li:before{position:absolute; content:"\f061"; font-family:'FontAwesome'; left:0; top:0;}
.ClaimOpt .VLine{position:absolute; left:0; height:100%; width:2px; background:#e1e1e1; top:0;}
.ClaimOpt .HLine{position:absolute; top:0; width:100%; height:2px; background:#e1e1e1; left:0;}
.HeroDetails .H1{font-size:28px; font-weight:bold; color:#000; margin:0; text-align:center; font-weight:bold;}
.HeroDetails .Content{background:url("../images/newimages/bra-border.png") repeat-y center top; margin-top:20px;}
.HeroDetails .ColPart{border-top:solid 3px #c2c2c2;}
.HeroDetails .ColPart .Self{padding:15px 10px; border-bottom:solid 1px #ddd;}
.HeroDetails .ColPart .Self:last-child{border:none;}
.HeroDetails .ColPart .Self .Comp b, .HeroDetails .ColPart .Self .Claimant b{font-size:16px; margin-bottom:5px; display:inline-block;}
.HeroDetails .ColPart .Self .Ver{font-size:18px; font-weight:bold; text-align:center; margin:10px 0;}
.HeroDetails .ColPart .Self .Comp .Actions a{font-size:12px; color:#428bca;}
.HeroDetails .ColPart .Self .Comp .Actions{list-style:none;}
.HeroDetails .ColPart .Self .Comp .Actions li{display:inline-block; border-right:solid 1px #ddd; padding-right:10px; margin-right:10px;}
.HeroDetails .ColPart .Self .Comp .Actions li:last-child{ border:none;}
.HeroDetails .ColPart .Self .Comp .Actions a .fa{margin-right:5px; font-size:14px;}
.HeroDetails .ColPart .Self p:last-child{margin-bottom:0;}
.HeroDetails .ColPart .Self .NumPont li{margin-top:10px; list-style-position:inside;}
.HeroDetails .ColPart .Self .Status span{color:#ff8800;}
.HeroDetails .ColPart .Self .Spans{list-style:none;}
.HeroDetails .ColPart .Self .Spans li+li{margin-top:10px;}
.HeroDetails .ColPart .Self .Spans .Child{border-right:solid 1px #ddd; padding-right:12px; margin-right:8px;}
.HeroDetails .ColPart .Self .Spans .Child:last-child{border:none; padding:0; margin:0;}
.HeroDetails .ColPart .Self .Spans .Filed .fa{margin:0 5px;}
.HeroDetails .ColPart .Self .Points{list-style:none;}
.HeroDetails .ColPart .Self .Points li+li{margin-top:10px;}
.HeroDetails .ColPart .Self .Points li{position:relative; padding-left:20px;}
.HeroDetails .ColPart .Self .Points li:before{content:"\f111"; font-family:'FontAwesome'; left:0; top:1px; position:absolute; color:#acacac; font-size:12px;}
.Respond .SectionHead{font-size:21px; color:#000; text-transform:uppercase; font-weight:bold; margin:20px 0; text-align:center; position:relative;}
.Respond .SectionHead.Span span{display:block; color:#666; font-size:16px; text-transform:none; font-weight:normal;}
.Respond .SectionHead.Span .Arrow{background:url(../images/newimages/arrow-green.png) no-repeat scroll 0 0; display:inline-block; position:relative; left:-30px; width:44px; height:29px; margin:-22px;}
.Respond .BoxWrap{border:solid 1px #ddd; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.Respond .BoxWrap .SubHd{font-size:18px; font-weight:bold; color:#333; margin:15px 0; text-align:center;}
.Respond .RowSpan{border-top:solid 1px #ddd; padding:15px 0; position:relative;}
.Respond .RowSpan .H5{font-size:18px; font-weight:bold; margin:0;}
.History{max-height:160px; margin:5px 0;}
.Respond .RowSpan .H6{font-size:16px; font-weight:bold; margin:10px 0;}
.Respond .RowSpan .SubRow{color:#666; padding-left:15px;}
.Respond .RowSpan .SubRow .Points{margin:0 -10px;}
.Respond .RowSpan .SubRow .Points li{list-style:none; position:relative; padding-left:20px; display:inline-block; margin:0 10px 10px;}
.Respond .RowSpan .SubRow .Points li:before{position:absolute; left:0; top:0; content:"\f00c"; font-family:'FontAwesome';}
.Respond .RowSpan .Message{position:relative; padding-left:130px;}
.Respond .RowSpan .Message:before{font-family:'FontAwesome'; content:"\f086"; position:absolute; left:10px; top:25px; font-size:100px; color:#d7d7d7;}
.Respond .RowSpan .Message .Action{border-top:solid 1px #ddd; padding-top:10px; color:#666; margin-top:15px;}
.Respond .SpanBox{width:920px; max-width:100%; margin:0 auto;}
.Respond .BoxWrap .InHD{padding:15px 20px;}
.Respond .SpanBox .RowSpan{padding:15px 20px;}
.Respond .SpanBox table td{padding:7px 5px;}
.Respond .SpanBox table td, .Respond .SpanBox table th{vertical-align:text-bottom;}
.Respond .SpanBox table .Total{font-weight:bold;}
.Respond .SpanBox table .Total span{color:#268e18;}
.Respond .SpanBox table .Total .Line{border-top:solid 1px #ddd; position:absolute; left:0; width:100%; bottom:50px;}
.RespondHere .BoxWrap{background:#eff9ff;}
.RespondHere .TabsPart{margin:0; padding:0 10px; line-height:normal;}
.RespondHere .TabsPart li{display:inline-block; font-weight:bold; padding:15px;}
.RespondHere .TabsPart li.Accept{color:#538d42;}
.RespondHere .TabsPart li.Accept.Radio2 input[type=radio]:checked + label:before{color:#538d42; border-color:#538d42;}
.RespondHere .TabsPart li.Reject{color:#d35353;}
.RespondHere .TabsPart li.Reject.Radio2 input[type=radio]:checked + label:before{color:#d35353; border-color:#d35353;}
.RespondHere .TabsPart li.Counter{color:#d2802f;}
.RespondHere .TabsPart li.Counter.Radio2 input[type=radio]:checked + label:before{color:#d2802f; border-color:#d2802f;}
.RespondHere .TabsPart li.Request{color:#666666;}
.RespondHere .TabsPart li.Request.Radio2 input[type=radio]:checked + label:before{color:#666666; border-color:#666666;}
.RespondHere .TabsPart li.Need{color:#56a1cf;}
.RespondHere .TabsPart li.Need.Radio2 input[type=radio]:checked + label:before{color:#56a1cf; border-color:#56a1cf;}
.RespondHere .TabContent{padding:0 5px;}
.RespondHere .TabContent h4{font-weight:bold; margin:0; font-size:14px;}
.RespondHere .TabContent .Checkbox2 label{padding-left:25px;}
.RespondHere .TabContent .Checkbox2 label::before{width:18px; height:18px; border-color:#92c085; color:#00a651 !important;}
.RespondHere .TabContent .SpanTextBox{padding:10px 0 10px 25px;}
.RespondHere .TabContent .TextSuccess{float:left; width:60%; margin-top:20px; padding-left:40px; position:relative;}
.RespondHere .TabContent .TextSuccess b{color:#00a651;}
.RespondHere .TabContent .TextSuccess:before{content:"\f00c"; font-family:'FontAwesome'; color:#00a651; font-size:30px; left:0; top:10px; position:absolute;}
.RespondHere .TabContent .BtnPart{float:right; width:40%; margin-top:15px; text-align:right;}
.RespondHere .Note{font-size:12px; color:#999;}
.RespondHere .WeCare{color:#c9731e; background:#fff; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px;}
.CommunityTask .HeadPart{background:#f8f8f8; padding:20px; text-align:center; border-bottom:solid 1px #ccc; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;}
.CommunityTask .HeadPart h4{font-size:21px; font-weight:bold; margin:0;}
.CommunityTask .SortPart{background:#f8f8f8; border-bottom:solid 1px #ccc; font-size:12px; font-weight:bold;}
.CommunityTask .SortPart .Col{margin:10px 20px;}
.CommunityTask .SortPart .CustomDrop select{padding:2px 25px 2px 6px; border-radius:2px;}
.CommunityTask .CommentPart{padding:0 20px;}
.CommunityTask .Parent{margin:20px 0;}
.CommunityTask .Parent .Left{float:left; min-width:28px; margin-right:15px;}
.CommunityTask .Parent .Count{width:100%; border:solid 1px #ddd; padding:7px 5px; text-align:center; position:relative; font-size:11px; color:#666; line-height:1;}
.CommunityTask .Parent .Count:before, .CommunityTask .CommentPart .Parent .Count:after{position:absolute; content:''; left:100%; top:5px; border:solid 7px transparent; border-left-color:#ccc;}
.CommunityTask .Parent .Count:after{border-left-color:#fff !important; border-width:6px !important; margin-top:1px;}
.CommunityTask .Parent .Right{overflow:hidden;}
.CommunityTask .Parent .Profile{font-size:13px; font-style:italic; color:#666;}
.CommunityTask .Parent .Date{margin-left:10px; padding-left:10px; border-left:solid 1px #ddd;}
.CommunityTask .Parent .One{padding-top:2px;}
.CommunityTask .Parent .One .Text{padding-left:15px;}
.CommunityTask .Parent .Two{padding-left:15px;}
.CommunityTask .Parent .Solution .Title{color:#0b831b;}
.CommunityTask .Parent .Question .Title{color:#ce3035;}
.CommunityTask .Parent .LikeBar{margin-top:10px;}
.CommunityTask .Parent .LikeBar .Name{color:#0b831b; font-style:italic;}
.CommunityTask .Parent .LikeBar .BarPart{display:inline-block; vertical-align:middle; margin-left:15px;}
.CommunityTask .Parent .LikeBar p{padding-left:20px; font-style:italic; color:#999; font-size:13px;}
.CommunityTask .Parent .LikeBar .BarPart .Meter{border:solid 1px #42b97f; display:inline-block; width:100px; margin-left:10px; height:7px; position:relative; vertical-align:middle;}
.CommunityTask .Parent .LikeBar .BarPart .Meter .Fill{position:absolute; height:100%; background:#42b97f;}
.CommunityTask .Parent .LikeBar .BarPart .Number{min-width:20px; border:solid 1px #42b97f; padding:0 5px; text-align:center; position:relative; font-size:11px; color:#0b831b; line-height:1;}
.CommunityTask .Parent .LikeBar .BarPart .Number:before, .CommunityTask .Parent .LikeBar .BarPart .Number:after{position:absolute; content:''; left:100%; top:2px; border:solid 5px transparent; border-left-color:#066e39;}
.CommunityTask .Parent .LikeBar .BarPart .Number:after{border-left-color:#fff !important; border-width:4px !important; margin-top:1px;}
.CommunityTask .Parent .Rate{display:inline-block; vertical-align:middle; margin-left:15px;}
.CommunityTask .Parent .Rate .Meter{border:solid 1px #42b97f; display:inline-block; width:100px; margin-right:10px; height:7px; position:relative; vertical-align:middle;}
.CommunityTask .Parent .Rate .Number{min-width:20px; border:solid 1px #42b97f; padding:0 5px; text-align:center; position:relative; font-size:11px; color:#0b831b; line-height:1;}
.CommunityTask .Parent .Rate .Number:before, .CommunityTask .Parent .Rate .Number:after{position:absolute; content:''; right:100%; top:2px; border:solid 5px transparent; border-right-color:#066e39;}
.CommunityTask .Parent .Rate .Number:after{border-right-color:#fff !important; border-width:4px !important; margin-top:1px;}
.CommunityTask .Parent .Two .Child{border-left:solid 2px #ddd; padding-left:10px; margin-top:20px;}
.CommunityTask .Parent .Two .Child .Inner{margin-bottom:10px;}
.CommunityTask .Parent .Two .Child .Actions{float:left; min-width:20px; margin-right:10px;}
.CommunityTask .Parent .Two .Child .Actions li{list-style:none; color:#666; line-height:1; text-align:center;}
.CommunityTask .Parent .Two .Child .Summary{overflow:hidden; font-size:13px;}
.CommunityTask .Parent .Two .Child .Child{margin-left:10px;}
.table-row{display:table-row;}


/* CSS3 Custome Radio Buttons */
.Radio2 input[type="radio"]{margin:3px 0 0;}
.Radio2 label{display:inline-block; cursor:pointer; position:relative; padding-left:22px; margin-right:25px; z-index:1; font-size:14px; line-height:normal;}
.Radio2 label:before {content:""; border-radius:8px; display:inline-block; width:16px; height:16px; margin-right:10px; position:absolute; left:0; background-color:#fff; top:2px; box-shadow:inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); border:solid 1px #7fb2d6;}
.Radio2 input[type=radio]:checked + label:before {content: "\f111"; font:normal normal normal 11px/14px FontAwesome; color:#2a92db; text-align:center;}

.RespondPage .LeftPart .ImgPart{height:130px; display:table-cell; vertical-align:bottom;}
.RespondPage .RightPart .panel{border-width:3px;}
.RespondPage .FormPart label, .RespondPage .FormPart .InputPart{display:inline-table; vertical-align:middle;}
.RespondPage .InputPart{padding-left:10px;}
.RespondPage .InputPart .form-control{max-width:160px; border-top-right-radius:0px; border-bottom-right-radius:0px;}
.RespondPage .InputPart .btn{display:table-cell; border-top-left-radius:0px; border-bottom-left-radius:0px; vertical-align:middle;}
.RespondPage .InputPart .Input{display:table-cell; vertical-align:middle;}
.RespondPage .BluePart{background: linear-gradient(to right, #5FB7DD , #30659B); background:-webkit-linear-gradient(right, #5FB7DD , #30659B); background:-o-linear-gradient(right, #5FB7DD , #30659B); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; position:relative; margin-top:30px; padding:5px 10px;}
.RespondPage .BluePart:before{content:''; width:15px; height:10px; position:absolute; top:-10px; right:20%; background:#5FB7DD;}
.RespondPage .BluePart:after{content:''; position:absolute; top:-40px; right:20%; margin-right:-7px; border:solid 15px transparent; border-bottom-color:#5FB7DD;}
.RespondPage .BluePart .Col{padding-top:10px; padding-bottom:10px; font-size:21px; line-height:1.5;}
.RespondPage .PointsPart{background:#4190BD; padding:15px; margin:5px 0; box-shadow:0 0 3px rgba(0,0,0,.5); -moz-box-shadow:0 0 3px rgba(0,0,0,.5); -webkit-box-shadow:0 0 3px rgba(0,0,0,.5); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.PointsPart .DotList li:before{color:#88DAFB; top:0; font-size:10px;}
.RespondPage .WhiteBlueBox{background: linear-gradient(to bottom, #ffffff , #E6F4FB); background:-webkit-linear-gradient(bottom, #E6F4FB , #ffffff); background:-o-linear-gradient(bottom, #E6F4FB , #ffffff); border:solid 1px #aaa; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position:relative; margin-top:15px;}
.RespondPage .WhiteBlueBox.ArrowBtm:before{content:''; width:15px; height:12px; position:absolute;transform:translateX(-50%); bottom:-12px; left:50%; background:#5FB7DD;}
.RespondPage .WhiteBlueBox.ArrowBtm:after{content:''; position:absolute; bottom:-42px; left:50%; transform:translateX(-50%); border:solid 15px transparent; border-top-color:#5FB7DD;}
.WhiteBlueBox .NumberList li{margin-bottom:10px; position:relative; padding-left:30px;}
.WhiteBlueBox .NumberList li .Number{position:absolute; left:0; top:2px; background:#69BCDF; color:#fff; font-weight:bold; text-align:center; width:20px; height:20px; font-size:12px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
.RespondPage .BlueBox3{background:#5FB7DD; color:#fff; margin-top:35px; padding:10px 15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.RespondPage .IcoList li{margin-bottom:15px; position:relative; padding-left:35px;}
.RespondPage .IcoList li .fa{position:absolute; left:0; top:0; font-size:24px;}
.WhiteBlueBox .TickPoints li{padding-left:35px;}
.WhiteBlueBox .TickPoints li:before{font-size:24px; left:0;}
.RespondPage .BlueBox4{background:#1C6483; color:#fff; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.Testipart .BlueBox4 .Item{padding-top:10px; padding-bottom:10px;}
.ClaimRespondSecure{padding-left:50px; position:relative;}
.ClaimRespondSecure .fa-lock{font-size:55px; color:#ff8800; position:absolute; left:0; top:0;}
.ResBtnAbs{position:fixed; left:0; bottom:20%; margin-left:-90px; transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
@media (min-width:768px)
{
    .RespondPage .RightPart .ImgPart{margin-top:-15px;}
}


@media (max-width:767px){
.HeroDetails .Content{background:none;}
.TableMax{max-width:100%; overflow-x:scroll;}
.TableMax table{min-width:450px;}
.Testipart .BlueBox4 .Item{border-bottom:dashed 1px #fff;}
}

@media (max-width:640px){
.RespondHere .TabContent .TextSuccess, .RespondHere .TabContent .BtnPart{float:none; width:100%;}
}

@media (max-width:480px){
.Respond .RowSpan .Message{padding:70px 0 0; text-align:center;}
.Respond .RowSpan .Message:before{top:20px; left:auto; transform:translateX(-50%);}
.CommunityTask .SortPart .Label{display:block; margin-bottom:3px;}
.CommunityTask .Parent .LikeBar .BarPart{margin:10px 15px;}
}
@media (max-width:480px){
.CommunityTask .SortPart .Col{float:none !important;}
}