body {
    background-color: #ffffff;
}

.pure-img-responsive {
    max-width: 100%;
    height: auto;
}


.content {
    margin: 0 auto;
    max-width: 1280px;
    /*margin-bottom: 50px;*/
}
.site-head {
    padding-top: 20px;
}



.profile-top{
    padding-top: 21px;
}


.profile-head-left h2{
    font-size: 36px;
    font-family: 'Open Sans';
    color: rgb(75, 75, 75);
    font-weight: normal;
    margin: 0;

}

.textarea{resize: vertical;}

.profile-head-right{
    height: 13px;
    width: 14px;
    float: right;
    margin-top: 14px;
}
.profile-heading{
    padding-bottom: 17px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 22px;
}
.my-profile-head{
    min-height: 40px;
    background-color: rgb(203, 246, 206);
    border-radius: 5px;
    padding-left: 22px;
    padding-right: 19px;
    padding-top: 10px;
}
.my-profile-head h2 {
    font-size: 24px;
    font-family: 'Open Sans';
    color: rgb(102, 102, 102);
    font-weight: bold;
    margin: 0;

}
.my-profile-head p{
    font-size: 12px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    text-align: right;
    margin-botoom: 5px;
    margin-top: 5px;
}

.my-profile-detail{
    padding-top: 40px;
    border-bottom: 1px solid #e3e3e3;
    min-height: 308px;
    /*    background-color: #F3F3F3;*/
    margin-bottom: 20px;
}
.about-detail{
    min-height: 202px;
    /*    background-color: #F3F3F3;*/
    margin-bottom: 20px;
}
.summery-detail{
    min-height: 202px;
    /*    background-color: #F3F3F3;*/
    margin-bottom: 20px;
}
.summery-about-sec{
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 20px;
}

.fun-facts-detail{
    border-bottom: 1px solid #e3e3e3;
    /*    height: 592px;*/
    /*    background-color: #F3F3F3;*/
    margin-bottom: 3px;
}
.btn-save{
    border-radius: 5px;
    width: 95px;
    height: 35px;
    background-color: #00aff0 !important;

}
.btn-job-save{width: 126px;}
.btn-job-can{width: 106px;}
.btn-cancel{
    border-radius: 5px;
    width: 105px;
    height: 35px;
    background-color: #f7832f;
}
.profile-btn-sec{margin-bottom: 70px;}
.profile-btn-sec button:active{box-shadow: none;}
.profile-btn-sec button{box-shadow: none;}
.profile-btn-sec button:hover, .profile-btn-sec button:focus{background-image: none;}


.pofile-pic-main{
    padding: 10px 10px 7px 10px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    margin-bottom: 16px;
    width: 213px;
    margin-right: 20px;
}
.profile-left-mid{
    /*    width: 530px;*/
    width: 41.3333333%;
    /*    background-color: #D8D8D8;*/
    margin-right: 20px;
    display: inline-block;
    float: left;

}
.profile-left-right{
    /*    width: 475px;*/
    width: 32.111111%;
    /*    background-color: #D8D8D8;*/
    /*    height: 235px;*/
    display: inline-block;
}

.profile-left{    display: inline-block; float: left;}
/*.pure-g {
    letter-spacing: normal;;
}*/


.profile-form label{
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(102, 102, 102);
    margin: 18px 0 8px !important;
}

.profile-form input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
}

.profile-form input:-moz-placeholder { /* Firefox 18- */
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
}

.profile-form input::-moz-placeholder {  /* Firefox 19+ */
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119); 
}

.profile-form input:-ms-input-placeholder {  
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119); 
}



.profile-form input:focus{outline: 0;  border-color: rgb(204, 204, 204)!important;}
/*rr*/
input:focus, textarea:focus {
    outline: 0;
    border-color: rgb(204, 204, 204)!important;
}
input, textarea {

    color: #666666;
    font-size: 14px;
    font-family: 'Open Sans';
}
/*rr*/
.profile-form input {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 35px;
    outline: 0!important;
    box-shadow: none !important;


    font-size: 14px;
    font-family: 'Open Sans' !important;
    color: rgb(119, 119, 119);
    vertical-align: middle;
}
.profile-form input[type="radio"]{height: auto;}
.profile-form .radio-p-1 {
    font-size: 12px;
    font-family: 'Open Sans';
    color: rgb(188, 188, 188);
    margin: 0;
}
.input-left{margin-left: 12px !important;}
.form-inner{margin-top: -13px;}
.input-bottom{margin-bottom: 0px !important}
.form-inner-input{ margin-bottom: 16px!important;}
/*padding grid*/
.padd-right-10{
    padding-right: 10px;
}
.padd-left-10{
    padding-left: 10px;
}

.radio-lbl {
    font-size: 14px;
    font-family: 'OpenSans-Bold' !important;
    color: rgb(119, 119, 119);
    font-weight: bold;
    margin-bottom: 0px;

}


.radio-p {
    font-size: 12px;
    font-family: 'Open Sans';
    color: rgb(102, 102, 102);
    margin-top: -4px;
    margin-left: 17px;

}
.radio-p-2 {
    font-size: 12px;
    font-family: 'Open Sans';
    color: rgb(102, 102, 102);
    margin-top: -4px;
    margin-left: 27px;

}
.link-in-main{

    margin-bottom: 1px;
}
.link-in-img{
    float: left;
    display: inline-block;
    margin-right: 10px;
}
.link-in-input{
    display: inline-block;
    /*        float: right;
            display: inline-block;*/
}
.sites-detail {
    padding:8px;
}
.link-input{width: 325px !important;}
.link-in-input input{
    margin-bottom: 0;
    margin-top: 0 !important;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 35px;
    outline: 0!important;
    box-shadow: none !important;

    font-size: 12px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
}
.link-in-input input:focus{outline: 0;  border-color: rgb(204, 204, 204)!important;}

.link-in-input input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
}

.link-in-input input:-moz-placeholder { /* Firefox 18- */
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
}

.link-in-input input::-moz-placeholder {  /* Firefox 19+ */
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119); 
}

.link-in-input input:-ms-input-placeholder {  
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119); 
}
.clear{clear: both;}

.social-main-url{
    float: left;
    margin-top: 8px;
}
.social-main-url p{
    margin-top: 0; float: left;
    font-size: 12px;
    font-family: 'Open Sans';
    color: rgb(102, 102, 102);
}




.social-main-url a{
    text-decoration: none; 
    font-size: 14px;
    font-weight: bold;
    font-family: 'RobotoBold';
    color: rgb(188, 188, 188);
    background-image: url(/Styles/images/edit.png);
    background-repeat:  no-repeat;
    padding-left: 10px;
    padding-left: 17px;
    background-position: 0 3px;
    margin-left: 8px;
}


.box-upload .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}


.inputfile + label {
    /*    max-width: 80%;*/
    font-size: 1.25rem;
    font-weight: normal;

    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 8px 6px 0px;
    border-radius: 5px;
    background-color: rgb(247, 131, 47);
    width: 152px;
    height: 28px;
    font-family: 'Open Sans';
    font-size: 14px;
    color: #fff;
}
.box-upload{width: 235px;}
.box-upload-in{
    margin: auto;
    display: table;
}


.box-upload-in label span {

    background-image: url(/Styles/images/upload.png);
    background-repeat:  no-repeat;

    padding-left: 20px;
    background-position: 0 3px;
    margin-left: 3px;
}


.about-detail p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    margin-bottom: 8px;
         min-height: 119px;
    line-height: 22px;
    padding-top: 10px;
}
.summery-detail p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    margin-bottom: 8px;
    min-height: 119px;
        line-height: 22px;
    padding-top: 10px;
}

.profile-textarea{
    white-space: normal;
    text-align: left;
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    margin-bottom: 0;
    margin-top: 0 !important;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 104px;
    outline: 0!important;
    box-shadow: none !important;
}
.profile-textarea:focus{outline: 0;  border-color: rgb(204, 204, 204)!important;}

.profile-textarea::-webkit-input-placeholder {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
}

.profile-textarea:-moz-placeholder { /* Firefox 18- */
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
}

.profile-textarea::-moz-placeholder {  /* Firefox 19+ */
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119); 
}

.profile-textarea:-ms-input-placeholder {  
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119); 
}
.field-padd{padding: 0 !important;}

.fact-txt-top p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    margin-bottom: 24px;
        line-height: 22px;
    margin-top: 10px;

}

.fact-txt-left h4 {
    font-size: 18px;
    font-family: 'OpenSans-Bold';
    color: rgb(102, 102, 102);
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 11px;

}

.fact-txt-left a {
    font-size: 14px;
    font-family: 'OpenSans-Bold';
    color: rgb(46, 206, 84);
    font-weight: bold;
    text-decoration: none;
    background-image: url(/Styles/images/edit.png);
    background-repeat:  no-repeat;
    background-position: 100% 2px;
    padding-right: 20px;

}
.fact-txt-left p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(75, 75, 75);
    margin-top: 9px;
    margin-bottom: 29px;
    line-height: 22px;

}

.fact-txt-right h4 {
    font-size: 18px;
    font-family: 'OpenSans-Bold';
    color: rgb(102, 102, 102);
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 11px;

}

.fact-txt-right a {
    font-size: 14px;
    font-family: 'OpenSans-Bold';
    color: rgb(225, 41, 41);
    font-weight: bold;
    text-decoration: none;
    background-image: url(/Styles/images/edit.png);
    background-repeat:  no-repeat;
    background-position: 100% 2px;
    padding-right: 20px;

}
.fact-txt-right p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(75, 75, 75);
    margin-top: 9px;
    margin-bottom: 16px;

}

.right-a-edit{margin-bottom: 12px;}

.btn-save {

    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    margin-right: 16px;
}
.btn-save:before {

    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    content:''; 
    background-image: url(/Styles/images/save.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 3px;
    margin-left: 3px;
}
.btn-cancel {

    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);

}
.btn-cancel:before {

    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    content:''; 
    background-image: url(/Styles/images/cancel.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 3px;
    margin-left: 3px;
}

.edit-input input{
    margin-bottom: 0;
    margin-top: 0 !important;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 35px;
    outline: 0!important;
    box-shadow: none !important;
}
.edit-input select, .select2 {
    margin-bottom: 0;
    margin-top: 0 !important;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 35px;
    outline: 0!important;
    box-shadow: none !important;
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/Styles/images/select-icon.png);
    background-position: 100% 0px;
    background-repeat: no-repeat;
    padding-right: 35px;
}

.edit-input input:focus, .edit-input select:focus{outline: 0;  border-color: rgb(204, 204, 204)!important;}

.edit-input input{
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
}
.edit-input input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
}

.edit-input input:-moz-placeholder { /* Firefox 18- */
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
}

.edit-input input::-moz-placeholder {  /* Firefox 19+ */
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119); 
}

.edit-input input:-ms-input-placeholder {  
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119); 
}
.profile-edit-input{
    margin-top: 9px;
    position: relative;
    margin-bottom: 21px;
}
.profile-edit-input input{
    margin-bottom: -5px !important;
}
.edit-input-icon{
    padding-left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: -27px;
}
.edit-input-icon li{
    list-style: none;
    display: inline-block;
}
.edit-input-icon a{
    list-style: none;
    display: inline-block;
    background-image: none;
    padding-right: 0;
    margin-left: 7px;
}
.edit-a-icon{background-image: none !important;}
.profile-edit-r{margin-top: 0;}

/****************************job pos *************************************/
.post-top{
    /*    min-height: 115px;
        background-color: #e3e3e3;*/
}

.top-mid-head h2 {
    font-size: 36px;
    font-family: 'Open Sans';
    color: rgb(102, 102, 102);
    text-align: center;
    margin: 0;
    margin-top: -10px;
}


.logo-right{

    float: right;
}
.post-top{padding-top: 20px;}
.post-top-in-1{margin-bottom: 22px;}
.post-top-in-2{margin-bottom: 25px;}
.post-job-status-1{

    margin: auto;
    display: block;
}

.view-profile-bg {
    border-radius: 5px;
    background-color: rgb(100, 186, 181);
    /*    min-height: 37px;*/
    margin-bottom: 22px;
    padding: 8px 20px 9px;/*8-6-16*/

}
.post-detail{
    padding-top: 20px;
    /*    padding-bottom: 20px;*/
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 20px;
    padding-bottom: 14px;
}
.req-fields-detail{
    /*    min-height: 560px;*/
    /*    background-color: #e3e3e3;*/
}
.job-desc-main{
    padding-bottom: 20px;
    /*    border-bottom: 1px solid #e3e3e3;*/
    /*    margin-bottom: 20px;*/
    /*    min-height: 995px;
        background-color: #989898;*/
}
.assign-user-part-in input{margin-bottom: 10px !important;}
.assign-user-part-in{margin-top: 10px;}
.experience-detail{
    min-height: 613px;
    background-color: #e3e3e3;
}
.distribution-detail{
    /*    min-height: 343px;
        background-color: #e3e3e3;*/
}
.sites-fields-main{
    /* min-height: 870px; */
    background-color: #fff;
    padding-bottom: 0;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 0;
}

.post-btn-sec{
    margin-bottom: 60px;
}
.post-job-status-1 ul{
    padding-left: 0;
    list-style: none;
    display: table;
    margin: auto;
}
.post-job-status-1 ul li{
    display: inline-block;
    margin-left: 18px;
    margin-right: 18px;
}


.post-job-status-1 ul li span{
    font-size: 14px;
    font-family: 'Open Sans';
    color: #666666;
    font-weight: 600;
    text-align: center;
}
.post-job-status-1 ul li{
    font-size: 14px;
    font-family: 'Open Sans';
    color: #888888;
    font-weight: normal;
    text-align: center;
}


.view-profile-bg p{
    font-size: 16px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
/*    font-weight: bold;*/
    text-align: center;
    margin: 0;
}

.head-edit a{
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    text-align: right;
    text-decoration: none;
    background-image: url(/Styles/images/edit-w.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 20px;
}
.head-edit{
    text-align: right;
    padding-top: 5px;
}

.assign-user-part{
    /*    min-height: 100px;*/
    background-color: rgb(244, 244, 244);
    border-radius: 5px;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 0px;
    padding-right: 0px;
}

.btn-save-change:hover, .btn-save-change:focus {
    background-image: none;
}
.btn-save-change{

    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);

    border-radius: 5px;
    width: 145px;
    height: 35px;
    background-color: #f7832f;
}
.btn-save-change:before {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    content: '';
    background-image: url(/Styles/images/save.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 3px;
    margin-left: 3px;
}
.edit-form-p {
    font-size: 14px;
    color: rgb(102, 102, 102);
    margin-bottom: 0;
    margin-top: 33px;
}
label{margin-bottom: 7px !important; color:#666666;}
.assign-btn{
    margin-top: 27px;
    float: right;
}
/******************pure-a***************/
.padd-left-10-a{padding-left: 10px;}
.padd-right-10-a{padding-right: 10px;}
.padd-l-r-10-a{padding-right: 10px; padding-left: 10px;}
.pure-a-305{
    width: 305px;
}
.pure-a-205{
    width: 205px;
}
.pure-a-125{
    width: 125px;
}
.pure-a-243{
    width: 243px;
}
.pure-a-282{
    width: 282px;
}
/*------*/
.pure-a-in-305{ width: 305px;}
.pure-a-in-305-1{ width: 305px;}
.pure-a-in-48{width: 48px;}
.pure-a-in-200{width: 200px;}
.pure-a-in-630{width: 630px;}
.pure-a-in-345{width: 345px;}
.pure-a-in-405{width: 405px;}
.pure-a-in-805{width: 755px;}
/*------*/
/*------*/
/*.pure-a-desc-280{width: 280px;}*/
.pure-a-desc-280 {
    width: 280px; display: inline-block;
}
/*.pure-a-desc-720{width: 720px;}*/
.pure-a-desc-720{width: 720px; display: inline-block;}
/*------*/
/*------*/
.pure-a-exp-155{width: 155px;}
.pure-a-exp-85{width: 110px;}
.pure-a-exp-225{width: 225px;}
.pure-a-exp-195{width: 195px;}
.pure-a-exp-165{width: 165px;}
.pure-a-exp-215{width: 215px;}
/*------*/
/*------*/
.pure-a-gate-433{width: 433px;}
.pure-a-gate-413{width: 413px;}
.pure-a-gate-263{width: 263px;}
.pure-a-gate-202{width: 202px;}
.pure-a-gate-185{width: 185px;}

/*------*/


/******************end pure-a***************/

.edit-form-a {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: rgb(188, 188, 188);
    background-image: url(/Styles/images/edit.png);
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-left: 17px;
    background-position: 0 3px;
}
.assign-edit-i{
    margin-top: 33px;
}
.assign-top{    margin-bottom: 7px;}
.assign-bottom{    padding-bottom: 20px;}
/*.assign-bottom-1{    padding-bottom: 10px;}*/

.bdr-bottom{    border-bottom: 1px solid #e3e3e3; margin-bottom: 6px;}
.job-cat-title h4 {
    font-size: 18px;
    font-family: 'Open Sans';
    color: rgb(102, 102, 102);
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 21px;
}
.job-desc-title h4 {
    font-size: 18px;
    font-family: 'Open Sans';
    color: rgb(102, 102, 102);
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 21px;
    float: left;
    margin-right: 10px;
}
.cat-form-p {
    font-size: 12px;
    font-family: 'Open Sans';
    color: #666666;
    margin-top: 31px;
    margin-bottom: -6px;

}
.cat-form-p span{
    color: rgb(188, 188, 188);
}
.desc-edit-i{margin-top: 2px;}
.job-desc-right{
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding: 15px;
}


.job-desc-r-p1 p{
    font-size: 16px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    margin-top: 0;

}
.job-desc-r-p2 p{
    font-size: 16px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    margin-bottom: 0;
    margin-top: 0;

}
.job-desc-r-p3 li{
    font-size: 16px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);

}
.job-desc-r-p5 li{
    font-size: 16px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    list-style: none;
    background-image: url(/Styles/images/li-dot.png);
    background-repeat: no-repeat;
    padding-left: 18px;
    background-position: 0px 10px;

}

.job-desc-r-p2 h5{
    font-size: 16px;
    font-family: 'OpenSans-Bold';
    color: rgb(119, 119, 119);
    margin-top: 0;
    margin-bottom: 0;
}
.job-desc-r-p4 h5{
    font-size: 16px;
    font-family: 'OpenSans-Bold';
    color: rgb(119, 119, 119);
    margin-top: 0;
    margin-bottom: 0;

}
.job-desc-r-p3 ul{
    list-style: none;
}
.p3-main-ul{
    padding-left: 17px;
}
.p3-sub-ul{
    padding-left: 2px;
}
.p3-main-ul p{margin-bottom: 0; margin-top: 0;}
.job-desc-r-p5 ul{ padding-left: 1px; margin-top: 0; margin-bottom: 0;}
.job-desc-in{
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px;
}
.calender-icon{
    background-image: url(/Styles/images/cal-icon.png);
    background-repeat: no-repeat;
    background-position: 0%;
    padding-left: 17px;
}
.exper-top{
    padding-bottom: 5px;
}
.gateway-h{
    font-size: 14px;
    color: rgb(102, 102, 102);
    font-weight: bold;
    margin-bottom: 10px; 
    margin-top:10px;
}
input[type="checkbox"]{     vertical-align: text-top;
    padding: 0 !important;
    display: inline-block;}
.gateway-check label{
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(102, 102, 102);
    vertical-align: text-bottom;

}
.gateway-check input{
    margin-right: 10px;
    vertical-align: middle;
}
select::-ms-expand {
    display: none;
}
.desc-edit-lbl{float: left; margin-right: 10px;}
.gateway-check{ margin-bottom: 14px; margin-left: 20px;}
.check-edit{    margin-top: 7px;}
.lable-edit{margin-left: 10px;}

.btn-manage-premier {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    border-radius: 5px;
    /*    width: 243px;*/
    width: 250px;
    height: 35px;
    background-color: #f7832f;
    margin-bottom: 10px;
}
.btn-manage-premier:before {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    content: '';
    background-image: url(/Styles/images/btn-manage-premier.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 3px;
    margin-left: 3px;
}
.btn-manage-premier:hover, .btn-manage-premier:focus {
    background-image: none;
}
.btn-update-premier {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    border-radius: 5px;
    /*    width: 182px;*/
    width: 189px;
    height: 35px;
    background-color: #f7832f;
    margin-bottom: 10px;
}
.btn-update-premier:before {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    content: '';
    background-image: url(/Styles/images/btn-update-premier.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 3px;
    margin-left: 3px;
}
.btn-update-premier:hover, .btn-update-premier:focus {
    background-image: none;
}
.btn-add-premier {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    border-radius: 5px;
    /*    width: 165px;*/
    width: 168px;
    height: 35px;
    background-color: #f7832f;
    margin-bottom: 10px;
}
.btn-add-premier:before {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    content: '';
    background-image: url(/Styles/images/btn-add-premier.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 3px;
    margin-left: 3px;
}
.btn-add-premier:hover, .btn-add-premier:focus {
    background-image: none;
}
.distr-bdr{
    padding-bottom: 11px;
    border-bottom: 1px solid #e3e3e3;
}

.site-head h2 {
    font-size: 24px;
    font-family: 'Open Sans';
    color: rgb(102, 102, 102);
    font-weight: bold;
    margin-bottom: 0px;

}
.site-head h2 span {
    font-size: 14px;
    font-family: 'Open Sans';
    color: #777777;
    font-weight: normal;

}
.cat_job{ padding: 15px 20px; border: 1px solid #cccccc; border-radius: 5px; width: 100%;}

.cat_job select {
    margin-bottom: 0;
    margin-top: 0 !important;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 35px;
    outline: 0!important;
    box-shadow: none !important;
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/Styles/images/select-icon.png);
    background-position: 100% 0px;
    background-repeat: no-repeat;
    padding-right: 35px;
    padding-left: 10px;
    width: 100%;
}
.pure-a-in-265 {
    width: 265px;
}
.pure-a-in-220 {
    width: 265px;
}
.pure-a-in-245 {
    width: 245px;
}
.pure-a-exp-395 {
    width: 325px;
}
.padd-right-20-a {
    padding-right: 20px;
}
.pure-a-exp-395 #Education1{ height: 28px; width: 100%; border-style: solid;
                             border-width: 1px;
                             border-color: rgb(204, 204, 204);
                             border-radius: 5px;
                             background-color: rgb(255, 255, 255);}
.cat_job label {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(102, 102, 102);
    margin: 10px 0;
    display: block;    

}
.craiglist{ margin-top: 25px; margin-bottom: 14px;
            padding: 18px 55px 0px 18px; background: #f9f9f9; border: 1px solid #cccccc; border-radius: 5px; width: auto;}

.craiglist p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: #666666;
    font-weight: normal;
    margin: 0;
    padding-bottom: 15px;
}
.Adplus{width: 100%; padding-top: 25px;     padding-bottom: 20px; margin-bottom: 4px;}
.Adplus p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: #666666;
    font-weight: normal;
    margin: 0;   
        line-height: 22px;
}
.cat_job p strong{ font-family: 'OpenSans-Bold';}
.Adplus span{  font-size: 14px;    font-family: 'Open Sans'; font-weight:bold;   color: #666666;       margin: 0;  margin-bottom: 5px; display: block;} 
.social_status{ width: 100%; padding-bottom: 7px;}
.social_main_50{ width: 98%;
                 /*                 width: 35%;   */
                 /*display: inline-block;*/  
                 vertical-align: top; 
                 margin-bottom: 10px;
                 display: block;
                 margin-left: auto;
                 margin-right: auto;
}
.social_main_50 label{ font-size: 14px;     font-family: 'OpenSans-Bold'; font-weight:bold;   color: #666666;}
.social_main_50 textarea{ height: 110px; width: 100%; border-style: solid; color: #666666; resize: none; font-size: 14px;    font-family: 'Open Sans';   border-width: 1px;    border-color: rgb(204, 204, 204);    border-radius: 5px;    background-color: rgb(255, 255, 255);}
.btn-save:before {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    content: '';
    background-image: url(/Styles/images/save.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 3px;
    margin-left: 3px;
    width: 13px;
}
.btn-cancel.stop:before {

    background-image: url(/Styles/images/stop.png);

}
.profile-btn {
    padding-top: 18px;     margin-bottom: 5px;

}
.btn-right{float: right;}
#facebook1:before{ content: ''; display: inline-block; width: 14px; height: 16px; background: url('/Styles/images/fb.png'); background-repeat: no-repeat;     margin-right: 5px;    vertical-align: middle;}
#linkin1:before{ content: ''; display: inline-block; width: 14px; height: 16px; background: url('/Styles/images/linkin.png'); background-repeat: no-repeat;    margin-right: 5px;    vertical-align: middle;}
#twitter1:before{ content: ''; display: inline-block; width: 14px; height: 16px; background: url('/Styles/images/tw.png'); background-repeat: no-repeat;    margin-right: 5px;    vertical-align: middle;}


/*modal*/



.simplePopup {
    display:none;
    position:fixed;
    background:#fff;
    z-index:3;
    padding:20px;
    width:70%;
    /*    min-width:70%;*/
    left: 0!important;  
    right: 0!important;
    margin: auto !important;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 1, 0.235);
}
.simplePopupClose {
    float:right;
    cursor:pointer;
    margin-left:10px;
    margin-bottom:10px;
}

.simplePopupBackground {
    display:none;
    background:#000;
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    z-index:3;
}

.simplePopup-description{
    width: 680px;
    /*    width:70%;
        min-width:70%;*/
}


.simplePopup-desc-1{
    width: 1140px;
}
#pop3.simplePopup-desc-1{
    width: 900px;
}
.popup-title{
    margin-top: -3px;
    width: 85%;
}
.popup-title h4{
   
}
.popup-title-bdr{
    height: 1px;
    background-color: #e3e3e3;
    margin-bottom: 14px;
}
.popup-btn-right{float: right;}
.popup-left-brif a{
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    background-image: url(/Styles/images/brif.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 20px;
    margin-bottom: 0px;
    text-decoration: none;
}
.popup-right-brif a{
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    background-image: url(/Styles/images/tick.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 20px;
    margin-bottom: 0px;
    text-decoration: none;
}
.popup-link{
    margin-top: 12px;
}
/*modal*/

.fr-wrapper{
    height: 330px;
    overflow: auto;
}
.p-padd{padding-left: 34px;}
.desc-popup-mid p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    margin-top: 0;
    margin-bottom: 10px;

}
.r-top{    margin-top: 10px;}
.desc-popup-mid-1 p {
    font-size: 14px;
    font-family: 'OpenSans-Bold';
    color: rgb(119, 119, 119);
    margin-top: 0;

}
.desc-popup-mid-1 span {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    margin-top: 0;

}
.desc-popup-mid-2 p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    margin-top: 0;

}
.desc-popup-mid-2 h2{
    font-size: 24px;
    color: rgb(119, 119, 119);
    margin-top: 4px;
    margin-bottom: 10px;

}
.p-in{
    float: left;
    margin-right: 40px;
}

.btn-close-popup {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    border-radius: 5px;
    width: auto;
    height: 35px;
    background-color: #4b4b4b;
}

.btn-close-popup:before {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    content: '';
    background-image: url(/Styles/images/popup-close.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 3px;
    margin-left: 3px;
}
.popup-input{
    margin-bottom: 10px;
}

.desc-popup-mid-3 h5{
    font-size: 14px;
    color: rgb(119, 119, 119);
    margin-top: 0;
    margin-bottom: 0;
}

.desc-popup-mid-3 p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
    margin-top: 0;
    margin-bottom: 13px;
}
.desc-popup-mid-3 ul li {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);

}
.desc-popup-mid-3 ul{
    margin-top: 0;
    padding-left: 50px;
    margin-bottom: 12px;
}
.cat-form-p a{
    text-decoration: none;
    color: #666666;
}
.desc-popup-mid-4 p{
    font-size: 14px;
    font-family: 'open sans';
    color: rgb(119, 119, 119);
    margin-top: 0px;
}
.desc-popup-mid-2 p span{
    font-family: 'open sans';
    font-weight: bold;
}
.mid-2-p p{
    margin-bottom: 0px;
}
.mid-last-h{
    margin-top: 14px;
}
.mid-last-h p{
    margin-bottom: 5px;
}
.desc-mid-1 p, .mrg-bott{
    margin-bottom: 4px !important;
}
.pop-save{width: 145px !important;}
.e-add-input{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(204, 204, 204);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 35px;
    outline: 0!important;
    box-shadow: none !important;
    width: 100%;

    font-size: 14px;
    font-family: 'Open Sans' !important;
    color: rgb(119, 119, 119);
    vertical-align: middle;
}
input::-ms-clear {
    display: none !important;
}

input::-ms-clear {
    width : 0 !important;
    height: 0 !important;
}
select::-ms-expand {
    display: none !important;
}
select{
    border: 1px solid #ddd;
    background-color: #fff;
        font-size: 13px;
    font-family: 'Open Sans';
    color:#666;
}
textarea{
    -webkit-appearance: none;
}
input[type=text], input[type=email], input[type=password] {
    -webkit-appearance: none !important;

}
/*------------------*/
/*
#cke_25, #cke_50{display: none!important;}*/
/*-------------------------------------------------------------------------------------------------*/

.s2-example p{margin: 0 !important;}

/*-------------------------------------------------------------------------------------------------*/

.view-profile-bg{position: relative;}
.head-edit-c{
    position: absolute; 
    right: 20px;
    top: 4px;

}
#cke_25, #cke_50, #cke_75, #cke_100, #cke_29, #cke_79,#cke_71,#cke_96{display: none !important;}
/*.popup-title-green h4{ color: #5fad2a; font-weight: normal;}*/

.pop-job p {
    font-size: 14px;
    font-family: 'Open Sans';
    color: #666666;
    font-weight: normal;
    margin: 0;
    float: left;
    margin-top: 6px;
    width: 260px;
}
.dice-pure{width: 200px;  float: left;}
.dice-pure span{width: 200px !important;}
.remove-job-btn {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    border-radius: 5px;
    /* width: 165px; */
    width: 168px;
    height: 35px;
    background-color: #f7832f;
    margin-bottom: 10px;
}

.remove-job-btn-main {
    width: 180px;
    margin-left: 20px;
}

.remove-info p{
    font-size: 14px;
    font-family: 'Open Sans';
    color: #666666;
    font-weight: normal;
    margin: 0;
    float: left;
    margin-top: 6px;

}
.job-table {
    margin-top: 20px;
}
.job-table .pure-table th {
    font-size: 14px;
    font-family: 'OpenSans-Bold';
    color: rgb(119, 119, 119);

}
.job-table .pure-table .th1 {
    min-width: 62px;
}
.job-table .pure-table .th3 {
    min-width: 62px;
}
.job-table .pure-table .th2 {
    min-width: 100px;
}
.job-table .pure-table td {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(119, 119, 119);
}

.job-table .pure-table thead {
    background-color: #fff;
}

.job-table .pure-table {

    border:0px solid #cbcbcb;
}
.job-table .pure-table td, .job-table .pure-table th {
    border-left:0px solid #cbcbcb;
}

.job-table {
    overflow: auto !important;
}

.popup-bott-bdr {
    height: 1px;
    background-color: #e3e3e3;
    margin-top: 14px;
}


.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
    font-size: 16px !important;
}

.update-pop-1 label{
    float: left;
    width: 210px;
    margin-bottom: 10px !important;
}
.update-pop-1 input{ 
    width: 63%;
    margin-bottom: 10px;
    margin-bottom: 10px !important;
}
.update-top .select2{
    width: 63% !important;
    margin-bottom: 10px !important;
}
.pop-width{
    max-width: 570px;
    width: 84%;
}
.pop-width-1{
   max-width: 980px;
    width: 100%;
}

.btn-close-popup-1 {
    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    border-radius: 5px;
    width: auto;
    height: 35px;
    background-color: #f7832f;
}
.update-job-btn{

    font-size: 14px;
    font-family: 'Open Sans';
    color: rgb(255, 255, 255);
    border-radius: 5px;
    /* width: 165px; */
    width: auto;
    height: 35px;
    background-color: #00aff0;
}
.mrg-top{
    margin-top: 20px;
}

.social-bdr {
    padding: 15px 20px;
    border: 1px solid #cccccc;
    border-radius: 0px 0px 5px 5px;
     border-top: 0;
    width: 448px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    background: #f9f9f9;
}
.social-bdr-1 {
    padding: 15px 20px;
    border: 1px solid #cccccc;
   background: #f9f9f9;
    border-radius: 5px 5px 0px 0px;
    width: 448px;
    display: table;
    margin-left: auto;
    margin-right: auto;
   
}
.social-bdr .social_main_50{
    margin-bottom: 0;
}
textarea{box-shadow: none !important;}
/*************custom modal stylesheet*****************/
.subtitle {
    line-height: normal;
}
.popup-data ul {
    height: auto;
    line-height: normal;
    margin: 40px 0 0;
    padding: 0 0 0 18px;
}
.popup-data li {
    height: auto;
    line-height: normal;
    list-style: initial;
    word-wrap: normal;
}
.popup-data {
    color: #888;
    letter-spacing: initial;
    margin: 40px 0 35px;
}
.popup-data h1 {
    color: #888;
    font-weight: 500;
}
.verification_email {
    border: 1px solid #ddd;
    box-shadow: none;
    font-size: 15px;
    height: auto;
    line-height: normal;
    margin-top: 15px;
    max-width: 100%;
    padding: 10px;
    width: 350px;
}
.simplePopup .pure-form {
    max-height: 500px;
/*    overflow-y: auto;*/
}
.cke_wysiwyg_frame.cke_reset {
    font-family:calibri;
    font-size: 10px;
}
#pop5 #jobFamilyAutofill {
    width: 100% !important;
}
#pop5 #jobFamilyAutofill .angucomplete-dropdown{
     height:180px;
    overflow-y: auto;
}
#pop5.simplePopup .pure-form {
    overflow-y: visible;
}
.history-right.ng-binding {
    font-size: 13px !important;
}



#cke_elementspath_6_1, #cke_elementspath_6_0, #cke_elementspath_7_1, #cke_elementspath_7_0{display: none;}



div#pop4.simplePopup-desc-1, div#pop5.simplePopup-desc-1 {width: 900px;}
div#pop4 .profile-btn{padding: 0; margin: 0;}
div#pop9 ul.LISTING{
    list-style: disc;
}
div#pop9 .LISTING li{
    font-size: 14px;
}
div#pop9 ul.LISTING li b{
    font-weight: bold;
}
div#pop10 .profile-btn.popup-btn-right{
    float: none;
    text-align: center;
}
div#pop10 .pure-button.remove-job-btn{
    display: none;
}

div#pop11 .profile-btn.popup-btn-right{
    float: none;
    text-align: center;
}
div#pop11 .pure-button.remove-job-btn{
    display: none;
}

#Sponsorship {
    width: 80px;
}
#Wage-Type {
    width: 150px;
}
#saveSearchAgent {
    background-color: #00a6e4;
    color: #fff;
    height: auto;
    margin: 10px 10px 0;
    padding: 10px 25px;
    vertical-align: middle;
}
#cancelSearchAgent {
    background-color: #ef7f2e;
    color: #fff;
    height: auto;
    line-height: normal;
    margin: 10px 0 0;
    padding: 10px 20px;
    vertical-align: middle;
}

#sitename, #plantype,#assigned-user,#Employment {
    clear: both;
    display: block;
    float: none;
    width: auto;
}
#pop3 .pure-a-305{
    width: 100%;
}
div#jobFamilyAutofill {
    width: 100% !important;
}
#jobFamilyAutofill_dropdown {
    max-height: 180px;
    overflow-y: auto;
    width: 800px;
}
@media (max-width: 479px) {
    #saveSearchAgent { margin: 0;}
}

/*New Added on 17 Aug 2018 Fpr Span Button*/

.cgray {
    position: absolute;
    background-color:gray;
    color:white;
    cursor:pointer;
    border:1px;
    border-color:white;
    padding:5px;
}
.cgreen {
    position: absolute;
    background-color:green;
    color:white;
    cursor:pointer;
     border:1px;
    border-color:white;
    padding:5px;
}
.cred {
    position: absolute;
    background-color:red;
    color:white;
    cursor:pointer;
     border:1px;
    border-color:white;
    padding:5px;
}

.font-formatting{
    font-size:13px;
    color:#666;
    font-weight:400;
}
.f-w{
    font-weight:600;
}
.f-l{
    font-weight:100;
}
.mrl15 {
    margin-left: 30px;
}
label.qus{
    font-weight:600;
}
div#AddNewQuestion {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 1%;
}
div#AddNewQuestion2 {
    display: inline-block;
    background: #efefef;
    width: 48%;
    position: relative;
    height: calc(100vh - 200px);
}
div#AddQuestionbtnSection {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -17px;
}
#AddQuestionSection{
    background: #fff;
    z-index: 999;
    position: relative;
}
/*toogle css*/

.smile-rating-container {
  position: relative;
  min-width: 220px;
  max-width: 300px;
 
}

.submit-rating {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rating-label {
  position: relative;
  font-size: 1.6em;
  text-align: center;
  flex: 0.34;
  z-index: 3;
  font-weight: bold;
  cursor: pointer;
  color: #d0cccd;
  transition: 500ms;
}

.rating-label:hover, .rating-label:active {
  color: #9e9e9e;
}

.rating-label-fun {
  left: -15px;
  text-align: right;
}

.rating-label-meh {
  left: 15px;
  text-align: left;
  color: #9e9e9e;
}

.smile-rating-container input {
  display: none;
}

.toggle-rating-pill {
  position: relative;
     height: 45px;
    width: 169px;
  background: #00b9ee;
  border-radius: 500px;
  transition: all 500ms;
}

.smile-rating-toggle {
  position: absolute;
  width: 45px;
  height: 45px;
  background-color: white;
  left: 65px;
  border-radius: 500px;
  transition: all 500ms;
  z-index: 4;
}

.rating-eye {
  position: absolute;
  height: 9px;
  width: 8px;
  top: 10px;
  background: #00b9ee;
  border-radius: 500px;
  z-index: 5;
  transition: all 440ms;
  -webkit-animation: blink-eye 3s infinite;
          animation: blink-eye 3s infinite;
}

@-webkit-keyframes blink-eye {
  0% {
    height: 9px;
    width: 8px;
    top: 10px;
  }
  20% {
    height: 9px;
    width: 8px;
    top: 10px;
  }
  40% {
    height: 9px;
    width: 8px;
    top: 10px;
  }
  60% {
    height: 9px;
    width: 8px;
    top: 10px;
  }
  80% {
    height: 9px;
    width: 8px;
    top: 10px;
  }
  90% {
    height: 5px;
    width: 8px;
    top: 10px;
  }
  95% {
    height: 7px;
    width: 8px;
    top: 10px;
  }
  100% {
    height: 9px;
    width: 8px;
    top: 10px;
  }
}

@keyframes blink-eye {
   0% {
    height: 9px;
    width: 8px;
    top: 10px;
  }
  20% {
    height: 9px;
    width: 8px;
    top: 10px;
  }
  40% {
    height: 9px;
    width: 8px;
    top: 10px;
  }
  60% {
    height: 9px;
    width: 8px;
    top: 10px;
  }
  80% {
    height: 9px;
    width: 8px;
    top: 10px;
  }
  90% {
    height: 5px;
    width: 8px;
    top: 10px;
  }
  95% {
    height: 7px;
    width: 8px;
    top: 10px;
  }
  100% {
    height: 9px;
    width: 8px;
    top: 10px;
  }
}
.rating-eye-left {
  left: 70px;
}

.rating-eye-right {
  left: 95px;
}

.mouth {
  position: absolute;
  width: 28px;
  height: 20px;
  z-index: 6;
  border: 4px solid #00b9ee;
  border-radius: 10%;
  border-bottom-color: rgba(1, 1, 1, 0);
  border-right-color: rgba(1, 1, 1, 0);
  border-left-color: rgba(1, 1, 1, 0);
  top: 34px;
  left: 75px;
  transition: all 500ms;
}

/*
Toggle Changes
*/
#meh:checked ~ .rating-label-meh {
  color: #00b9ee;
}

#fun:checked ~ .rating-label-meh {
  color: #9e9e9e;
}

#fun:checked ~ .mouth {
  border: 4px solid #f7832f;
  border-bottom-color: rgba(1, 1, 1, 0);
  border-right-color: rgba(1, 1, 1, 0);
  border-left-color: rgba(1, 1, 1, 0);
  top: 18px;
  left: 198px;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  border-radius: 100%;
}

#fun:checked ~ .rating-label-fun {
  color: #f7832f;
}

#fun:checked ~ .smile-rating-toggle {
  left: 190px;
}

#fun:checked ~ .rating-eye-left {
  left: 196px;
}

#fun:checked ~ .rating-eye-right {
  left: 220px;
}

#fun:checked ~ .toggle-rating-pill {
  background-color: #f7832f;
}

#fun:checked ~ .rating-eye {
  background-color: #f7832f;
}
.site-hem{
        float: left;
        
    padding: 0px;
    background: transparent;
}
.sites-sec .site-hem .onoffswitch-inner:before{
    content:'Yes';
}
.sites-sec .site-hem .onoffswitch-inner:after{
    content:'No';
}