@import url('../theme.css');

.mainContent {
    padding: 0 10px 0 10px;
}

pre, p, span, label, h1, h2, h3, h4, h5, h6, body {
    word-wrap: break-word;
}

pre {
    display: inline;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none;
    word-break: break-all;
    white-space: pre-wrap;
    color: #333333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    border: 0 none;
    background-color: #F2F2F2;
    margin: 0;
    padding: 0;
}

.toCandidateDatePicker[disabled] {
    background-color: #eee;
    cursor: not-allowed;
}

/*Side Navigation and Info Styles*/
.SideLinks i {
    /*color: red;*/
    margin-right: 7%;
}

.candidateInfo {
    width: 13% !important;
}

.profileCruuncy {
    font-weight: bold;
    padding-left: 10px;
}

.SideLinks.sublinks li {
    background-color: #fff;
    list-style: none outside none;
    margin-left: 0 !important;
    padding: 10px 5px 10px 10px;
        border-left: 3px solid transparent;
        margin-top: 2px;
}

    .SideLinks.sublinks li:hover {
background-color: rgb(241, 241, 241);
border-left: 3px solid #cccccc;
    }

    .SideLinks.sublinks li a:hover {
        text-decoration: none !important;
    }

.secionHeader:hover {
     text-decoration: none !important;
    background-color: #585858;
    color: #3A3A3A;
    border-radius: 4px;
}

.SideLinks.sublinks {
    padding: 0;
    margin-top: 10px;
    border: 1px solid gainsboro;
    border-radius: 5px;
}

.candidateImg {
    width: 100%;
}

.candidateJobTitle {
    color: #666;
    font-size: 15px;
    padding-left: 3%;
}

.candidateName {
margin-bottom: 11px;
    padding-left: 3%;
    font-size: 17px;
    margin-top: 11px;
    color: #8e8d8d;
}
#div_CandidateImage{
        position: relative;
    border: 1px solid gainsboro;
    border-radius: 4px;
}
.progressDone {
padding: 1px 0px;
    background-color: rgba(208, 208, 208, 0.5);
    border-radius: 4px;
}

    .progressDone .ProgressBar {
        background-color: #666;
        height: 8px;
        padding: 0;
        margin-top: 9px;
        width: 54.666667%;
    }

        .progressDone .ProgressBar .PercentageOfProgress {
            width: 0%;
            height: 8px;
            background-color: rgb(102, 153, 0);
        }

    .progressDone .percentageInNumbers {
   font-size: 14px;
    color: var(--seconderColor);
    padding-left: 5% !important;
    word-wrap: normal;
    padding-top: 3px;
    font-weight: bold;
    }

.SideLinks.sublinks li a {
    color: #555555;
    font-size: 14px;
}




/*Upper Navigation Styles*/

.candidateCV .subnav {
    height: 54px !important;
    margin-left: 0 !important;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px !important;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;

}

    .candidateCV .subnav a {
        color: #1E1E1E;
        cursor: pointer;
        display: block;
        float: left;
        font-size: 11pt;
        font-weight: 400;
        letter-spacing: 0.01em;
        line-height: 14pt;
        outline: 0 none;
        padding: 0px 10px;
        text-decoration: none;
        height: 44px;
        background-color: rgba(0, 0, 0, 0);
        border-bottom: 3px solid transparent;
    }

.subnav span {
    font-size: 14px;
    color: var(--seconderColor);
    font-weight: bold;
}

.subnav.nav.nav-tabs .active a:hover {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 3px solid #afafaf;
}

.subnav.nav.nav-tabs .off a:hover {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 3px solid #afafaf;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
}

.subnav.nav.nav-tabs .active a {
    background-color: rgba(0, 0, 0, 0);
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 3px solid #afafaf;
}

    .subnav.nav.nav-tabs .active a span {
        font-size: 14px;
    }


.candidateCV .subnav li {
    float: left;
    list-style: none outside none;
    margin-left: 0 !important;
    margin-top: 0px;
    padding-left: 3px;
    padding-right: 5px;
    text-align: center;
}

/*Header Of Pages Styles*/
.secionHeader {
    background-color: #666666;
    color: #f7f7f7 !important;
    cursor: pointer;
    display: block !important;
    font-size: 14px !important;
    height: auto;
    margin-bottom: 1%;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px !important;
    padding-top: 10px;
    font-weight: bold;
    border-radius: 4px;
}

.CVPages h2 {
    font-size: 20pt;
    font-weight: 200;
    line-height: 24pt;
}

#termsConditions {
    font-size: 15px !important;
}

/*CV Contents Styles*/

.candidateCV, .candidateInfo {
    background-color: #ffffff;
    padding: 0px;
}

.candidateCV {
    margin-left: 1%;
    width: 86% !important;
}

.CVPages label {
    color: #4a4a4a;
    font-family: 'Droid Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px;
    font-weight: normal;
    display: block;
    float: left;
    text-align: right;
    padding-right: 0;
}

    .CVPages label.col-md-8 {
        font-size: 17px;
    }

.CVPages input[type='text'], .CVPages input[type='email'] {
    border-radius: 0;
    height: 30px;
}

.detailsSecion .row {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 11px;

}

.sectionContents {
    border: 1px dotted #CCCCCC;
    padding-top: 14px;
    margin-bottom: 2%;
    padding-top: 10px;
}

.request span {
    font-size: 14px;
}

.request.row {
    margin-bottom: 3%;
    margin-top: 4%;
    padding-left: 1%;
}

.homeInfo {
    border-left: 1px dotted #ccc;
}

.residencyHomeRow {
    margin-top: 3%;
}

    .residencyHomeRow h4 {
        border-bottom: 1px dotted #CCCCCC;
        font-size: 14px;
        margin-bottom: 5%;
        padding-bottom: 2%;
        text-align: center;
    }

.jobDescTitle {
    width: 21%;
}

    .jobDescTitle + .col-md-8 {
        margin-left: 4%;
        width: 73%;
    }

.addNew {
    font-size: 15px;
    margin-left: 2%;
    cursor: pointer;
    color: #00a3e4;
}
.deleteItem{
        color: #d48482;
}
i {
    margin-right: 7px;
}

.rtl i {
    margin-right: 0px;
    margin-left: 5px;
}

.publishSection label {
    float: none;
    text-align: left;
}

.btn.btn-default.dropdown-toggle {
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 8px;
    width: auto;
}

input[type="radio"] {
    margin-right: 5px;
}

.saveSection i, .cancelSection i {
    margin-right: 4px;
}

.saveSection, .cancelSection {
    font-weight: bold;
    color: #f7f7f7;
    margin-right: 15px;
    font-size: 14px;
}
.saveSection , .cancelSection{
    color: #fdfdfd !important;
    background-color: #00a3e4 !important;
    border-color: none !important;
    background-image: none !important;
    border-radius: 0px !important;
    border: 0px;
    text-shadow: none;
    width: 108px;
}
.cancelSection{
        background-color: #bc3632 !important;
}
textarea {
    resize: vertical;
    min-height: 70px;
}

.groupToBeAdded {
    background-color: #EAEAEA;
    margin-bottom: 9px;
    padding-bottom: 2px;
    padding-top: 11px;
}

/*view Profile one coloumn css*/

.CVsavedInfo {
    padding-left: 5%;
}

.savedSectionContents .row:last-of-type {
    border-bottom: 0 none !important;
}

.savedSectionContents {
    border: 1px solid #ccc !important;
    border-radius: 4px;
}

    .savedSectionContents .row {
        border-bottom: 1px solid #efefef;
        padding-bottom: 3px;
        margin: 0 auto;
        /*edited by amira*/
        width: 100%;
        /*End edited by amira*/
        padding-top: 8px;
    }
    .addNewSection{
        color:#fff !important
    }
.savedResidencyInfo, .savedHomeInfo {
    margin-top: 30px;
}

    .savedResidencyInfo h4, .savedHomeInfo h4 {
        font-size: 17px;
        margin-left: 60px;
    }

.savedCVPages label, .savedCVPages span {
    font-size: 15px !important;
    color: #666;
}

.savedCVPages .DescriptionText span {
    font-size: 14px !important;
    color: #333333;
}

.savedCVPages label {
    font-weight: bold;
}


.addNewSection {
    float: right;
    text-align: right;
    width: 50%;
    color: #00799D;
    font-weight: normal;
}

    .addNewSection i {
        font-size: 13px;
    }

i.editSection {
    color: var();
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-right: 15px;
}

div.sectionEditableHeader {
    background-color: #bdbdbd !important;
    border: 0 none !important;
    color: #fff !important;
    font-size: 15px !important;
    margin-bottom: 0 !important;
    padding: 10px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

.editBtnOnSubSection, .deletetBtnOnSubSection {
    display: inline;
    margin-right: 25px;
    cursor: pointer;
}

    .editBtnOnSubSection i, .deletetBtnOnSubSection i {
        color: #676767;
    }

.hasEditableContents {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.groupToBeAdded {
    margin-bottom: 0 !important;
}

.savedSectionContents {
    padding-top: 0px !important;
}

.submitSection {
    font-weight: bold;
    font-size: 14px;
}
.entireBody {
    min-height: 691px !important;
    padding-top: 85px;
}
.import-title{
    display:none !important;
}
span.LinkedIntitle {
    padding: 10px;
    color: white;
    font-weight: bold;
    font-size: 15px;
}
/*employee info case mobile and two col*/
.candidateInfoTwoColCase {
    background-color: #F2F2F2;
    margin-bottom: 10px;
}

.imgAndProgressBarTwoCol {
    padding: 0px;
}

.progressTowCol {
    background-color: rgba(255, 255, 255, 0.7);
    margin-left: 0;
    margin-right: 0;
}

.candidateImgTewCol {
    width: 100%;
}

.UpperHeaderEmpInfo li {
    background-color: #F1F1F1;
    list-style: none outside none;
    margin-left: 0 !important;
    padding: 10px 5px 10px 10px;
    float: left;
    text-align: center;
}

.UpperHeaderEmpInfo li {
    border: 1px solid #ddd;
}

.UpperHeaderEmpInfo i {
    color: #f0ad4e;
}

.UpperHeaderEmpInfo li:hover {
    background-color: rgba(0, 0, 0, 0.1);
    border-bottom: 3px solid #f0ad4e;
}

.UpperHeaderEmpInfo li a:hover {
    text-decoration: none !important;
}

.UpperHeaderEmpInfo {
    float: right;
}


.candidateNameAndJobTitle {
    float: left;
}

ul.candidateNameAndJobTitle {
    padding: 41px;
}

.UpperHeaderEmpInfo .glyphicon {
    font-size: 47px !important;
    vertical-align: middle;
    display: block;
    margin-bottom: 12px;
}

.UpperHeaderEmpInfo {
    margin-top: 2%;
}

.candidateInfoTwoColCase {
    display: none;
}

ul.subnav.nav.nav-tabs li a .glyphicon {
    display: none;
}

.stepsAndGlyphicon span {
    font-size: 20px;
}

.stepsAndGlyphicon {
    padding: 10px;
}

    .stepsAndGlyphicon .stepsMobileReplaced {
        display: none;
    }

div.currentCheckbox {
    padding-top: 6px;
}

/*style of mobile one coloumn*/
@media all and (max-width: 945px){
            ul.subnav.nav.nav-tabs li a .glyphicon {
            display: block;
            font-size: 20px;
        }
            
    ul.subnav.nav.nav-tabs li a span {
        display: none;
        font-size: 10px;
    }
}
@media all and (max-width: 769px) {

    .CVPages label {
        text-align: left;
    }

    .actionOnSection {
        margin-right: 30% !important;
        margin-top: 10px !important;
        margin-bottom: 19px !important;
    }

    .progressDone .percentageInNumbers {
        font-size: 13px;
        padding: 0px;
    }

    .imgAndProgressBarTwoCol .progressTowCol {
        line-height: 0.828571;
    }

    h3, .h3 {
        font-size: 15px;
    }

    .candidateJobTitle {
        font-size: 13px;
    }

    .UpperHeaderEmpInfo li:focus {
        background-color: rgba(0, 0, 0, 0.1);
        border-bottom: 3px solid red;
    }



    .progressDone .ProgressBar {
        margin-right: 15px;
        margin-top: 6px;
    }

    .UpperHeaderEmpInfo li a.greytext {
        font-size: 11px;
    }

    .UpperHeaderEmpInfo {
        margin-top: 2%;
    }

        .UpperHeaderEmpInfo .glyphicon {
            font-size: 40px;
            vertical-align: middle;
            display: block;
            margin-bottom: 12px;
        }

    .candidateInfo {
        display: none;
    }

    .candidateCV {
        margin-left: 0%;
        width: 100% !important;
    }

    .candidateInfoTwoColCase {
        display: block;
    }

    ul.subnav.nav.nav-tabs li a .glyphicon {
        font-size: 20px;
    }

    ul.subnav.nav.nav-tabs li a span {
        display: none;
        font-size: 10px;
    }

        ul.subnav.nav.nav-tabs li a span:focus {
            /*display:none;*/
            font-size: 12px;
        }

    ul.subnav.nav.nav-tabs li {
        float: left;
    }

        ul.subnav.nav.nav-tabs li a .glyphicon {
            display: block;
        }

    .stepsAndGlyphicon i, .stepsAndGlyphicon span {
        display: none;
    }

    .stepsAndGlyphicon .stepsMobileReplaced {
        display: block;
    }

    .dateOFExp {
        padding-top: 10px;
        float: right;
        padding-right: 0px;
    }

    .row div input.form-control {
        width: 100%;
    }

    .submitSection {
        margin-right: 43% !important;
        margin-top: 5px !important;
        margin-bottom: 19px !important;
        font-size: 19px;
    }
}



/*style of mobile screen max. width 640*/
@media all and (max-width: 640px) {
    ul.UpperHeaderEmpInfo {
        float: left;
        width: 100%;
    }

    .candidateJobTitle {
        font-size: 16px;
    }

    .UpperHeaderEmpInfo i {
        color: #f0ad4e;
        margin-right: 7%;
    }

    .UpperHeaderEmpInfo li {
        background-color: #F1F1F1;
        list-style: none outside none;
        margin-left: 0 !important;
        padding: 10px 5px 10px 10px;
        float: left;
        width: 33.333%;
    }

        .UpperHeaderEmpInfo li:hover {
            background-color: rgba(0, 0, 0, 0.1);
        }

    .UpperHeaderEmpInfo .glyphicon {
        font-size: 25px !important;
        vertical-align: middle;
        display: block;
        margin-bottom: 12px;
    }

        .UpperHeaderEmpInfo .glyphicon + span {
            display: none;
        }

    .progressDone .ProgressBar {
        margin-right: 15px;
        margin-top: 6px;
    }

    .candidateInfoTwoColCase .imgAndProgressBarTwoCol {
        width: 20%;
    }

    .candidateInfo {
        display: none;
    }

    .candidateCV {
        margin-left: 0%;
        width: 100% !important;
    }

    .candidateInfoTwoColCase {
        display: block;
    }

    .row label {
        font-size: 12px;
    }

    .chosen-container.chosen-container-single.chosen-container-single-nosearch {
        font-size: 12px;
    }

    ul.dropdown-menu.pull-right li a {
        font-size: 12px;
    }

    .saveSection.btn.btn-info {
        font-size: 11px;
    }

    .cancelSection.btn.btn-danger {
        font-size: 11px;
    }

    label.publishHeader.secionHeader {
        font-size: 12px;
    }

    ul.subnav.nav.nav-tabs li a .glyphicon {
        font-size: 15px;
    }

    .actionOnSection {
        margin-right: 11% !important;
        margin-top: 10px !important;
        margin-bottom: 19px !important;
    }

    .dateOFExp label {
        font-size: 14px;
    }

    .submitSection {
        font-size: 14px !important;
        margin-right: 35% !important;
        margin-top: 5px !important;
        margin-bottom: 19px !important;
        font-size: 19px;
    }


    .detailsSecion .secionHeader .glyphicon {
        font-size: 14px;
    }

    .detailsSecion .secionHeader .addNewSection {
        font-size: 14px;
        width: 60%;
    }

    .candidateInfoTwoColCase .candidateNameAndJobTitle {
        width: 80%;
    }
}

.chosen-container.chosen-container-multi ul.chosen-choices li.search-choice {
    margin: 3px 5px 3px 5px;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
}

    .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice span {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }


/*style of tablet oen coloumn*/
@media all and (max-width: 991px) and (min-width: 768px) {
    .progressDone .percentageInNumbers {
        font-size: 14px;
        padding: 0px;
    }

    .imgAndProgressBarTwoCol .progressTowCol {
        line-height: 0.728571;
    }

    h3, .h3 {
        font-size: 18px;
    }

    .candidateJobTitle {
        font-size: 14px;
    }

    .imgAndProgressBarTwoCol {
        width: 14%;
    }

    .progressDone .ProgressBar {
        margin-right: 15px;
    }

    .UpperHeaderEmpInfo {
        margin-top: 2%;
    }

    .candidateInfo {
        display: none;
    }

    .candidateCV {
        margin-left: 0%;
        width: 100% !important;
    }


    .candidateInfoTwoColCase {
        display: block;
    }

    .submitSection {
        font-size: 19px;
    }
}


/*style of mobile screen max. width 1360*/
@media all and (max-width: 1360px) and (min-width: 992px) {

    .candidateCV {
        margin-left: 1%;
        width: 83% !important;
    }

    .candidateInfo {
        width: 16% !important;
    }

    .progressDone .percentageInNumbers {
        font-size: 14px;
    }

    .SideLinks.sublinks li a {
        font-size: 15px;
    }
}



/*style of mobile screen max. width 320*/
@media all and (max-width: 320px) and (min-width: 0px) {

    .UpperHeaderEmpInfo li a.greytext span {
        display: none;
        font-size: 5px;
    }

    .UpperHeaderEmpInfo li a.greytext {
        font-size: 8px;
    }

    .addNewSection {
        font-size: 12px;
    }
}


/*style of mobile screen max. width from 384 to 239*/
@media all and (max-width: 384px) and (min-width: 239px) {

    .detailsSecion .secionHeader .glyphicon {
        font-size: 12px;
    }

    .detailsSecion .secionHeader .addNewSection {
        font-size: 10px;
        width: 60%;
    }
}






.UncompWarnningMsg .alert-danger .glyphicon-warning-sign {
    float: left;
    font-size: 18px;
}

.UncompWarnningMsg .alert-danger span {
    display: block;
    padding-left: 26px;
}

.reqSection {
font-size: 14px;
    color: #e28b8b;
    font-weight: bold;
}

.currency-ddl .chosen-container-single .chosen-single span {
    padding-left: 10px;
    min-width: 50px;
}

.submitSection.btnCandidatePrifileContinue {
    margin-bottom: 15px;
}


@media all and (max-width: 460px) and (min-width: 230px) {
    .addNewSection {
        float: right;
        text-align: right;
        width: 29px !important;
        font-size: 0px !important;
    }
}

i span.actionlink {
    color: #fff;
    font-size: 15px !important;
    vertical-align: middle;
    padding-left: 5px;
}





/*---------------------col-md-2 col-sm-4 col-xs-4 currentCheckbox -------------------------*/



.activeProfileMobile {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border-bottom: 3px solid #6e6e6e !important;
}

.activeProfile {
    background-color: rgb(241, 241, 241) !important;
    border-left: 3px solid #afafaf  !important;
}

.import-btn {
    background-color: #0077b5;
    border: 0;
    padding: 0;
    border-radius: 4px;
    margin-bottom: 5px;
    float: right;
    height: 32px;
}

    .import-btn:hover {
        background-color: #0369a0;
    }

    .import-btn:focus {
        background-color: #066093;
    }

    .import-btn .linkedin-logo {
        width: 30px;
        background-color: #0077b5;
        display: inline-block;
        height: 30px;
        padding: 6px;
        border-radius: 4px;
        box-shadow: 1px 1px #075b8c;
    }

    .import-btn .import-title {
        color: white;
        padding: 0 20px;
        font-weight: bold;
        font-family: sans-serif !important;
        vertical-align: middle;
    }

    .import-btn .linkedin-logo img {
        width: 100%;
        height: 100%;
    }

.popover-content {
    color: #A9A9A9;
    font-weight: bold;
}

/*.import-message {
  display:block;
  position: absolute;
  right: 60px;
  margin-top: 65px;
  width: 225px;
  text-align: center;
  border: 2px dotted #646464;
  border-radius: 4px;
  padding: 10px;
  color: #0077B5;
  font-weight: bold;
}

    .import-message:before {
        content: url('../../img/social icons/arrow-over.png');
        width:100px;
        height:100px;
          position: absolute;
  left: -15px;
  top: -60px;
    }*/

.field-tip {
    position: relative;
}

    .field-tip .import-message {
        position: absolute;
        top: 70px;
        right: 9999px;
        width: 200px;
        margin-right: -200px;
        border: 2px dashed #646464;
        border-radius: 4px;
        padding: 10px;
        color: var(--seconderColor);
        font-weight: bold;
        opacity: 0;
        -webkit-transition: opacity 250ms ease-out;
        -moz-transition: opacity 250ms ease-out;
        -ms-transition: opacity 250ms ease-out;
        -o-transition: opacity 250ms ease-out;
        transition: opacity 250ms ease-out;
    }

        .field-tip .import-message:before {
            content: url('../../img/social icons/arrow-over.png');
            width: 100px;
            height: 100px;
            position: absolute;
            top: -60%;
            left: -20px;
        }

    .field-tip.show .import-message {
        right: -20px;
        opacity: 1;
    }

@media all and (min-width: 1355px) and (max-width: 1420px){
    .field-tip .import-message {
        width: 133px;
        margin-right: -150px;
    }
    .field-tip .import-message:before {
    top: -40%;
    left:-40px;
    }
}
@media all and (max-width: 1355px) {
    .field-tip .import-message {
        display: none;
        opacity: 0;
    }
}

.template-download div {
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content; /* Chrome */
}