@CHARSET "ISO-8859-1";

span.clickable {
     cursor:pointer;
     color:blue;
     text-decoration:underline;
     border-width:3px;
     border-color:black;
}

span.clickable:hover {
     text-decoration:none;
     text-shadow: 1px 1px 1px #555;
}

.btn {
	 background-color: brown;
     border:none;
     display:inline-block;
     outline:0;
     padding: 6px 16px;
     vertical-align:middle;
     overflow:hidden;
     text-decoration:none !important;
     color:#fff;
     background-color:#000;
     text-align:center;
     transition:.2s ease-out;
     cursor:pointer;
     white-space:nowrap;
}

.icon {
	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;	
}
.icon:hover {
	cursor: pointer;
	transform: scale(1.5);
	webkit-transform: scale(1.1);
}

span.bold-red {
		color:red;
		font-weight: 600;		
}

/** Overrides for jquery ui to reduce whitespace **/
.ui-button .ui-button-text {
    padding: 2px 11px 3px 11px !important;
}


.comp-type-label {
	font-size: 1.2em;
	line-height: 1.25;
	margin-right: 10px;
}





#pre-login-header, #main-footer {

/* width: 100%; */

background: rgb(245,245,245);
}

#pre-login-header {
	  border: 1px solid #133e40;
	  height: 90px;
}


/* try to pretty up forms w/o fancy assumptions. 
  Note that Cake only creates surrounding form-control div when you use $this->Form->input("name", ["type"=><type>]) rather then $this->Form-><type> 
*/
div.form-control label {
    /* display: inline-block; */
    /* width: 57px; */
    /* text-align: right; */
    /* padding-right: 10px; */
    /* padding-left: 49px; */
}

/* Stop text from being selected by browser. This is nonstandard css but is supported by all major browsers */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}



span#sess-id {
    color: blue;
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 4px;
    border: solid blue 1px;
    padding: 3px;
}

span#sess-email {
    color: red;
    font-size: 1em;
    font-weight: bold;
    margin-left: 4px;
    border: solid red 1px;
    padding: 2px;
}

#launch-steps {
    font-size: 1.6em;
}

div.#launch-div {
    font-size: 2em;
    margin-top: 30px;
}


ol#launch-steps li {
    margin-bottom: 5px;
}

.nestle {	
    display: inline-block;
    margin-right: 20px;
}

#resume-logo {
    position: absolute;
    left: 3px;
    top: 1px;
    z-index: 1;
}

p.essaybox textarea {
	width:800px;
}

p.essaybox div.editable-buttons {
	display: block;
}

#pa-launch-list {/* width:320px; */}
#pa-launch-list ol {font-style:italic;font-family:Georgia, Times, serif;font-size:24px;/* color:#bfe1f1; */}
#pa-launch-list ol li { }
#pa-launch-list ol li p {font-style:normal;font-family:Arial;font-size: 19px;/* color:#eee; */border-left: 1px solid #999;margin-bottom: 20px;padding-top: 0px;padding-bottom: 0px;padding-left: 16px;padding-right: 0px;}
#pa-launch-list ol li p em { display:block; }

div#pa-reg-title {
    font-size: 24px;
    margin-top: 55px;
    margin-bottom: 20px;
    font-weight: bold;
}

p#pa-reg-footer {
    font-size: 20px;
}

div#launch-div {
    font-style: normal;
}


img#prof-unread {
    position: absolute;
    left: -24px;
    top: -12px;
}

.wpi-ad {
    position: relative;
}

.compdiv {
    position: relative;
}

img#prof-comp {
    position: absolute;
    left: 249px;
    top: -10px;
}

.skilldiv {
    position: relative;
}

img#prof-mskill {
    /* position: absolute; */
    /* top: 10px; */
    /* left: 240px; */
}

div#search-input-div {
    padding-bottom: 10px;
    padding-left: 10px;
    float: left;
}

div#skill-list-div {
    overflow: auto;
}

#essay-question-id label {
    text-align: left;
}

div#essay_question_id div.dummy-row label.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-checkboxradio-label.ui-controlgroup-item {
    text-align: left;
}

#essay_question_id .ui-button .ui-icon {
    display: none;
}

select[disabled] {
    background: lightgrey;
    color: darkgray;
}

img#prof-bsm {
    position: absolute;
    top: -6px;
}

a#bsm-button {margin-left: 62px;}

div#hide-it {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: lightgray;
    opacity: 0.8;
    display: none;
    position: fixed;
}

#hide-it h3 {
    text-align: center;
    font-size: 20px;
    line-height: 430px;
    background: white;
}

div#slick-slider {
    margin-top: 83px;
    margin-left: 100px;
    margin-right: 100px;
    border: 1px black solid;
}

.slider-div {
    max-height: 500px;
    height: 500px;
}

img#close-help-div {
    position: absolute;
    right: 27px;
    top: 42px;
    cursor: pointer;
    opacity: 0.4;
}

/* Arrows */
#help-prev-chevron,
#help-next-chevron
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
#help-prev-chevron:hover,
#help-prev-chevron:focus,
#help-next-chevron:hover,
#help-next-chevron:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
#help-prev-chevron
{
    left: -25px;
}

#help-next-chevron
{
    right: -25px;
}

span#helpme {
    position: absolute;
    right: 10px;
}

input.x-ed-text {
    width:  250px;
}

input.x-ed-integer {
    width: 50px;
}

img.exp-trash {
    cursor: pointer;
}


div.exp-detail-inner {
    position: relative;
    /* padding-left: 10px; */
    /* display: contents; */
    transition: max-height 0.5s;
    max-height: 1500px;
    margin-top: 30px;
}


.delete-employment-div {
    /* position: absolute; */
    /* right: 10px; */
    /* bottom: 4px; */
    display: inline-block;
    padding-right: 25px;
}

img.del-employment-icon {
    cursor: pointer;
}

#name-cell h1 {
    margin-bottom: 0.2em;
}

#name-cell a.smallbutn {
    margin-top: 10px;
}

#row-1-container {
    display: flex;
}

#extract-div div.form-control label {
    text-align: left;
    width: 200px;
    font-size: 128%;
}

#extract-div input[type=checkbox] {
    -ms-transform: scale(2,2); /* IE */
    -moz-transform: scale(2,2); /* FF */
    -webkit-transform: scale(2,2); /* Safari and Chrome */
    -o-transform: scale(2,2); /* Opera */
    transform: scale(2,2);
    padding: 10px;
    margin-bottom: 21px;
    margin-right: 12px;
}

.butn.resume-view-option {
    display: block;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

a#upload-continue {margin-left: 100px;margin-top: 100px;font-size: x-large;padding-left: 30px;padding-right: 30px;}

div#resume-extract-button-div {
    display: flex;
}

#resume-extract-button-div > div {
    margin-right: 20px;
}

img.parsed-icon-poshy {
    cursor: pointer;
    margin-left: 4px;
    /* background: lightblue; */
    /* border-radius: 10px; */
    position: absolute;
    right: -20px;
}

.demote-employment-div {
    /* position: absolute; */
    /* bottom: 4px; */
    /* right: 36px; */
    display: inline-block;
    /* margin-left: 10px; */
}

.demote-employment-icon {
    cursor: pointer;
}

h4#demote-h4 {
    margin-bottom: 5px;
}

div#demote-buttons {
    margin-top: 15px;
    /* margin-left: 27px; */
    display: flex;
    justify-content: space-evenly;
}

div#demote-buttons button {
    margin-left: 8px;
    margin-right: 8px;
}

span#demote-select-button {
    padding: 3px 3px 3px 3px;
    font-weight: 400;
    font-size: 10px;
    color: black;
    width: 97%;
}

ul#demote-select-menu {
    font-size: 10px;
}

#demote-select-button span.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s {
    height: 12px;
}

#demote-select-menu .ui-state-active {
    font-weight: normal;
}

span#footer-csym {
    font-size: 1.2em;
    position: relative;
}

span#footer-phone {
    padding-left: 10px;
    padding-right: 5px;
}

span.cmp-required {
    color: RGB(0,62,255);
}

span.cmp-recommended {
    color: #800080;
}

span.cmp-recommended, span.cmp-required {
	font-size: 11px;
	text-transform: uppercase;
	vertical-align: super;
	font-family: sans-serif;
}



a.tc-link {
    padding: 0 3px;
}

.blue-m {
	color: rgb(0,176,240);
	font-size: 1.1em;
}

.noscroll {
	overflow: hidden;
}

.message.hidden {  /* for flash messages */
	max-height: 0;
	padding-top: 0;
	margin: 0;
	border: none;
	padding-bottom: 0;
	padding-right: 0;
}

.message {
	padding-left: 27px;
	transition: .5s cubic-bezier(0, 0.1, 0, 1.33);
	max-height:200px;
	overflow: hidden;
	z-index: 10;
}

/* Give a div the .closebox class and it will put a css-generated X at the top right. Feel free to override positioning. Parent must be positioned! */
.closebox {
	position:absolute;
	width: 15px;
	height: 15px;
	top: 25%;
	left: 3px;
	cursor: pointer;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: 1px #888 solid;
	border-radius: 15px;
}

.closebox::before, .closebox::after {
	content: '';
	position: absolute;
	width: 77%;
	top: 41%;
	height: 2px;
	background: #888;
	left: 12%;
}

.closebox::before {
	transform: rotate(45deg);
}

.closebox::after {
	transform: rotate(-45deg);
}
.closebox:hover::before, .closebox:hover::after {
	background: #333;
}



input#firstname::after {
    content: "hello";
    color: black;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

img.parsed-icon-poshy:hover {
    background: #3cb0fd;
}

img.parsed-icon-poshy:active {
    background: #0000ff;
    filter:invert(1);
}

.blue-stripe {
    background: white;
    top: 0;
    left: 0;
    right: 0;
    /* height: 0; */
 /* center all inline content */
    text-align: center;
    z-index: 12;
    position: fixed;
    height: 75px;
}

div#body-wrapper {
    background: white;
}

div#top_header_pusher {
    height: 75px;
}

img {}