﻿
.help_support_section{width:100%;background-color: rgb(237, 237, 237);}

.help_support_min{width: 100%;
background-color: #fff;
box-shadow: 0 1px 2px #d0d0d0;
margin: 15px 0 10px;}


.browse_topic{ width:100%;}

.browse_topic h4{font-size: 18px;
color: #000000;
margin: 19px 0 17px;
text-transform: uppercase;}


.browse_him {
    display: inline-block;
  background-color: #f2f2f2;
    width: 100%;
    height: auto;
    border-radius: 5px;
  
}

.wrong-item {
   box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.28);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.wrong-item:hover{
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transform: scale(1.12, 1.12);
}

.Create_him{width: 100%;
text-align: center;
padding: 35px 0 33px 0;}

.Create_him img{width: 48px;}

.Create_him h6{font-size: 18px;
color: #333;
margin: 16px 0 0;}


.report_problem{ width:100%;}

.report_problem h4{font-size: 18px;
color: #000000;
margin: 19px 0 17px;
text-transform: uppercase;  }

.report_box{border: solid 1px #eceaea;
padding: 17px 0px 0 0; margin-bottom:30px;
box-shadow: 0 0 2px #8a88886e;}

.mt20{margin-top:20px;}

.mb10{margin-bottom:10px;}

.mb20{margin-bottom: 20px;}

.submit_botton{background-color: #3C65F5;
border: solid 1px #103E7A;
color: #fff;
float: right;
padding: 6px 21px;
border-radius: 6px;
height: auto;
display: inline-block;
margin: 9px 0 15px;}

.submit_botton:hover{background-color: #fa7937;border: solid 1px #fa7937;}



.tabs-left {
  border-bottom: none;
  /*border-right: 1px solid #ddd;*/
  background-color: transparent;
}

.tabs-left>li {
  float: none;
 margin:0px;
  
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  background:#f90;
  border:none;
  border-radius:0px;
  margin:0px;
}
.nav-tabs>li>a:hover {
    /* margin-right: 2px; */
  line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0;
background-color: #aaa7a7;
}
.tabs-left>li.active>a::after{content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid #f90;
    display: block;
    width: 0;}

.tabs-left li a{color: #000;
border-top: solid 1px #eaeaea;
border-radius: 0;}

.tab-content1{    background: transparent;border-radius: 0;}

.tabs-left li a:focus{line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0;
background-color: #aaa7a7;}

.search_jobs_HMI{width:100%;margin-bottom: 30px;}

.search_jobs_HMI h4{font-size: 20px;
color: #000;
margin: 0px 0 10px;}

.search_jobs_HMI p{font-size: 15px;
color: #595858;
line-height: 26px;}

.search_jobs_HMI ul{margin:0px;}

.search_jobs_HMI ul li{float:left; width:100%; line-height:30px;}


/*************************************************  FAQ Css Start here ******************************/


.accordion-section .panel-default > .panel-heading {
    border: 0;
    background: #f4f4f4;
    padding: 0;
}
.accordion-section .panel-default .panel-title a {
    display: block;
font-style: italic;
font-size: 18px;
padding: 12px 15px;
}
    .accordion-section .panel-default .panel-title a:after {
        font-family: 'FontAwesome';
        font-style: normal;
        font-size: 3rem;
        content: "\f106";
        color: #3C65F5;
        float: right;
        margin-top: -7px;
    }
.accordion-section .panel-default .panel-title a.collapsed:after {
    content: "\f107";
}
.accordion-section .panel-default .panel-body {
   font-size: 15px;
color: #535353;line-height: 26px;
}


/***************************************** Thank You **********************************/

.thanks_section {
    width: 100%;
    background-color: #F8FAFF;
    padding-top: 50px;
}

.thank_section{width: 67%;
margin: 25px auto;
background-color: #fff;
border: solid 1px #f0f0f0;
padding: 10px;
box-shadow: 0 2px 2px #0000002e;}

.thank_you {
    width: 100%;
    text-align: center;
    background-color: #3C65F5;
}

.thank_you img{width:100%;}

.thank_you p{font-size: 16px;
color: #000;
padding: 15px 26px 0;
line-height: 28px;}

.thank_you h5{color: #fff;
font-size: 29px;
background-color: #3C65F5;
border-radius: 9px;
padding: 13px 25px;
display: inline-block;}




/***************************************** Feedback **********************************/

.feedback_section {
    width: 67%;
    margin: 25px auto;
    background-color: #F8FAFF;
    border: solid 1px #f0f0f0;
    padding: 10px;
    box-shadow: 0 2px 2px #0000002e;
}


.feedback{ width:100%; text-align:center;}

.feedback h3{font-size: 28px;
color: #0b0b0b;
border-bottom: #3C65F5 solid 2px;
margin: 0px;
padding: 15px 15px;}

.feedback p{font-size: 16px;
color: #393939;
padding: 15px 26px 0;
line-height: 28px;}

.question {
margin-bottom: 65px;
}
#q1 {
  margin-top: 0;
}


label:before {
  content: '☆';
  color: #979797;
  font-size: 2em;
}
label.on:before {
  content: '★';
  color: #3C65F5;
  /* uncomment for iOS */
/*   font-size: 2.4em;
  top: -0.1em;
  left: -0.1em; */
}
input:checked + label:before {
  content: '★'; 
  color: #3C65F5;
  /* uncomment for iOS */
/*   font-size: 2.4em;
  top: -0.1em;
  left: -0.1em; */
}
label {  
  display: inline-block;  
  cursor: pointer;  
  position: relative;  
  padding-left: 25px;  
  margin-right: 15px;  
  font-size: 20px; 
}
label:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  border-radius: 10px;
}
input[type=radio] {
  display: none;
  -webkit-appearance: none;
}


.feedback_box{width: 100%;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding-bottom: 30px;}

.feedback_box p{font-size: 16px;
color: #393939;
padding: 15px 15px 0;
line-height: 28px;
text-align: left;}

.feedback_category{width:100%; text-align:center; margin-top:10px;}

.feedback_category a{background-color: #f0f0f0;
border: solid 1px #d0cdcd;
font-size: 16px;
color: #000;
display: block;
border-radius: 11px;
height: 70px;
padding: 11px 1px;}

    .feedback_category a.active2 {
        background-color: #3C65F5;
        border: solid 1px #3C65F5;
        font-size: 16px;
        color: #fff;
        display: block;
        border-radius: 11px;
        height: 70px;
        padding: 11px 1px;
    }

.pt20{ padding-top: 20px !important;}



.feedback_leave{width: 100%;}

.feedback_leave p{font-size: 16px;
color: #393939;
padding: 15px 15px 0;
line-height: 28px;
text-align: left; margin-bottom:10px;}

.feed_back {
    background-color: #3C65F5;
    border: solid 1px #103E7A;
    color: #fff;
    float: left;
    padding: 6px 21px;
    border-radius: 6px;
    height: auto;
    display: inline-block;
    margin: 9px 0 15px;
}

    .feed_back:hover {
        background-color: #3C65F5;
        border: solid 1px #3C65F5;
    }