/* 
 * Here goes CSS needed in widget management status
 * This CSS file will be included automatically in management state.
 * Please don't put here CSS needed for public preview of widget.
*/

/*TOOLS*/
.no-display { display: none; }
.pull-left { float: left; }
.pull-right { float: right; }

/*5 columns in bootstrap*/
.ip .col-xs-15,
.ip .col-sm-15,
.ip .col-md-15,
.ip .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
}
.ip .col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .ip .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .ip .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .ip .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/***** ADMIN *****/

/*** Personal Information Widget ***/
.ip label { font-size: 14px; }

/* Title */
#ipWidgetRsPersonalInfoPopup .modal-dialog { min-width: 75%; }
#ipWidgetRsPersonalInfoPopup .headerArea {}

#ipWidgetRsPersonalInfoPopup .resumeTitleBlock {}
#ipWidgetRsPersonalInfoPopup .resumeTitleBlock .resumeTitleInput {
    display: block;
    font-size: 52px;
    padding: 3px;
    text-align: center;
    width: 100%;
}
#ipWidgetRsPersonalInfoPopup .resumeTitleBlock .websiteData { text-align: center; }
#ipWidgetRsPersonalInfoPopup .resumeTitleBlock .separator { display: inline-block; }
#ipWidgetRsPersonalInfoPopup .resumeTitleBlock .emailWebsite {
    display: inline-block;
    width: 48%;
}
#ipWidgetRsPersonalInfoPopup .resumeTitleBlock .agentBox {margin: 10px 0;}
#ipWidgetRsPersonalInfoPopup .resumeTitleBlock .agentBox textarea {
    border: 1px solid #CCCCCC;
    padding: 3px;
    width: 100%;
    max-height: 120px;
}
#ipWidgetRsPersonalInfoPopup .resumeTitleBlock .memberships .col-sm-6 {
    height: 40px;
}
#ipWidgetRsPersonalInfoPopup .resumeTitleBlock .memberships .checkbox {
    height: 20px;
    margin: 10px 0;
}
#ipWidgetRsPersonalInfoPopup .resumeTitleBlock .memberships .checkbox label {
    vertical-align: top;
}
#ipWidgetRsPersonalInfoPopup .resumeTitleBlock .memberships .form-group {
    margin: 2.5px 0;
}
#ipWidgetRsPersonalInfoPopup .resumeTitleBlock .memberships .form-control {
    padding: 4px 12px 6px;
}
#ipWidgetRsPersonalInfoPopup .resumeTitleBlock .memberships .form-control input {
    width: 100%;
}

/* Information */
#ipWidgetRsPersonalInfoPopup .informationArea {}
#ipWidgetRsPersonalInfoPopup .attributeList {
    list-style: none outside none;
    padding-left: 0;
}
#ipWidgetRsPersonalInfoPopup .displayCheckbox { padding-top: 10.3px; }
#ipWidgetRsPersonalInfoPopup .attributeList label { min-width: 100px; font-weight: bold; }
#ipWidgetRsPersonalInfoPopup .resumeInputBlock {
    border-bottom: 1px dotted #CCCCCC;
    display: block;
    padding: 3px;
    width: 125px;
}
#ipWidgetRsPersonalInfoPopup .resumeInputBlock.resumeSelectBlock {border:0 none;}

/*** Experience/academic Widget ***/
#ipWidgetRsExperiencePopup .modal-dialog { width: 90%; }
#ipWidgetRsExperiencePopup .experienceCategoryTitleBlock label {
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
}
#ipWidgetRsExperiencePopup .experienceCategoryTitleBlock .categoryTitleInput {
    border-bottom: 1px dotted #BBBBBB;
    font-size: 20px;
    min-width: 286px;
}

#ipWidgetRsExperiencePopup .tableHeadingsBlock { margin: 10px 0 0; }

#ipWidgetRsExperiencePopup .experienceTableContainer {
    overflow: auto;
    max-width: 100%;
    max-height: 800px;
}
#ipWidgetRsExperiencePopup .experienceDataTable {}
#ipWidgetRsExperiencePopup .experienceDataTable .text {
    display: block;
    text-align: center;
}
#ipWidgetRsExperiencePopup .experienceDataTable input[type="text"] {
    background: #fff;
    padding: 2px;
    text-align: center;
    border: 1px solid #ccc;
    width: 100%;
    height: 30px;
    min-width: 70px;
}
#ipWidgetRsExperiencePopup .experienceDataTable input:hover { border: 1px dotted #aaa; }

#ipWidgetRsExperiencePopup .experienceDataTable .ctr { cursor: pointer; }
#ipWidgetRsExperiencePopup .experienceDataTable .ctr:hover span { color: #000; }
#ipWidgetRsExperiencePopup .experienceDataTable .jSquaredAddCol,
#ipWidgetRsExperiencePopup .experienceDataTable .jSquaredAddRow,
#ipWidgetRsExperiencePopup .experienceDataTable .jSquaredRowText { text-align: center; vertical-align: middle; }

#ipWidgetRsExperiencePopup .experienceDataTable thead { background: #fafbfc; }
#ipWidgetRsExperiencePopup .experienceDataTable th input { font-weight: bold; }

#ipWidgetRsExperiencePopup .experienceDataTable .hideHeadings th .jSquaredColumnText > .text { display: none; }

#ipWidgetRsExperiencePopup .experienceDataTable .jSquaredTopLeft { width: 100px; }
#ipWidgetRsExperiencePopup .experienceDataTable #experienceData_show_headings_check { min-width: auto; height: auto; }
#ipWidgetRsExperiencePopup .experienceDataTable .jSquaredTopLeft label { margin: 0; font-weight: normal; }

/***** FRONT END *****/

/*** Personal Information Widget ***/
.ipWidget-RsPersonalInfo .personalInfo { margin-bottom: 30px; }
.ipWidget-RsPersonalInfo .resumeTitleBlock { text-align: center; }
.ipWidget-RsPersonalInfo .resumeTitleBlock .memberships { margin: 10px 0; font-size: 14px; }
.ipWidget-RsPersonalInfo .resumeTitleBlock .agentBox { margin: 10px auto; width: 80%; }
.ipWidget-RsPersonalInfo .resumeTitleBlock .agentBox .pull-left { text-align: left; }
.ipWidget-RsPersonalInfo .resumeTitleBlock .agentBox .pull-right { text-align: right; }
.ipWidget-RsPersonalInfo .personalInfo .informationArea {
    margin: 20px 0;
}

.ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList .attributeItem {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
    position: relative;
    //display: inline-block;
    width: 100%;
    float: left;
}
.ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList .attributeItem .attribute:before {
    content: "";
    background-color: #000;
    display: inline-block;
    position: absolute;
    height: 5px;
    width: 5px;
    top: 45%;
    left: 0;
}
.ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList .attribute { 
    float: left; 
    box-sizing: border-box;
    padding-left: 15px;
    min-width: 45%;
}
.ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList .attributeValue {
    width: 100%;
    max-width: 54%;
    text-align: center;
    float: right;
} 

@media only screen and (max-width: 1150px) {
    .ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList .attributeValue {
        max-width: 40%;
    }
    .ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList.columns4 .attributeValue {
        max-width: 40%;
    }
}
@media only screen and (max-width: 767px) {

    .ipWidget-RsPersonalInfo .resumeTitleBlock .agentBox .pull-left {
        width: 49%;
        word-break: break-all;
    }
    .ipWidget-RsPersonalInfo .resumeTitleBlock .agentBox .pull-right {
        width: 49%;
        float: right;
        text-align: right;
       
    }
}
@media only screen and (max-width: 480px) {
    .ipWidget-RsPersonalInfo .resumeTitleBlock .separator { display: none; }

    #ipWidgetRsPersonalInfoPopup .resumeTitleBlock .separator { display: none; }
    #ipWidgetRsPersonalInfoPopup .resumeTitleBlock .emailWebsite {
        display: block;
        width: 100%;
        text-align: center;
    }

    .ipWidget-RsExperience .experienceDataTable .text {
        text-transform: capitalize;
        font-size: small;
    }
    .ipWidget-RsPersonalInfo .resumeTitleBlock .agentBox .pull-left {
        width: 100%;
        float: none;
        text-align: left;
    }
    .ipWidget-RsPersonalInfo .resumeTitleBlock .agentBox .pull-right {
        width: 100%;
        float: none;
        text-align: left;
    }
}

.ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList {
    margin: 0;

    -webkit-column-width: 205px;
    -moz-column-width: 205px;
    column-width: 205px;

    list-style-type: none;
}
.ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList.columns1 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;

    margin: 0px auto;
    max-width: 25%;
}
.ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList.columns2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

    margin: 0px auto;
    max-width: 45%;
}
.ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList.columns3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;

    margin: 0px 10%;
}
.ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList.columns4 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;

    margin: 0px 3%;
}


/*** Experience/academic Widget ***/
.ipWidget-RsExperience .experienceWrapper { margin-bottom: 30px; }
.ipWidget-RsExperience .experienceDataTable { table-layout: fixed; }
.ipWidget-RsExperience .experienceDataTable .text { display: block; text-align: center; }
.ipWidget-RsExperience .experienceWrapper .experienceCategoryTitleBlock { margin-bottom: 10px; }

@media only screen and (max-width: 900px) {
    .ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList.columns1 {
        max-width: 250px;
        margin: 0 auto;
    }
    .ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList.columns2 {
        max-width: 100%;
        margin: 0 10%;
    }
}

@media only screen and (max-width: 374px) {
    .ipWidget-RsPersonalInfo  .personalInfo .informationArea .attributeList .attribute {
        max-width: 50%;
    }
}