body {
	font-size: 15px;
}

.admin_top {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.admin_left {
    width: 19%;
    margin-left: auto;
    margin-right: auto;
}

.admin_right {
    width: 79%;
    margin-left: auto;
    margin-right: auto;
    float: right;
    margin-right: 0;
}

.admin_center {
    float: left;
    margin: 10px;
}

/* ----------------------- SUBNAV (SIDE NAVIGATION) DEFAULTS ------------------------------ */

.mobile-styling #admin-subnav-menu {
    border-width: 2px;
}

.page_item_has_children {
	font-weight: bold !important;
	text-transform: uppercase;
	padding-top: 1em;
	padding-bottom: 1em !important;
	border-bottom: 1px solid #ffb500;
}

.children {
	text-transform: none;
	padding-top: 15px !important;
}

.admin-subnav-menu,
#admin-subnav-menu {
    font-family: 'Graphik', Arial, Helvetica, sans-serif;
    display: block;
    line-height: 1.8em;
    font-size: 13px;
    padding: 0.5em 0px;
    border-top: 1px solid #ffb500;
    border-bottom: 1px solid #ffb500;
}


.admin-subnav-menu ul,
#admin-subnav-menu ul {
    margin: 0;
    padding: 0;
}

.admin-subnav-menu ul li,
#admin-subnav-menu ul li {
    list-style-type: none;
    line-height: 1.2em;
    padding-bottom: 1em;
	font-weight: 500;
}

.admin-subnav-menu ul li a,
#admin-subnav-menu ul li a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
}


.admin-subnav-menu ul li.current-menu-item>a,
.admin-subnav-menu ul li.current_page_item>a,
#admin-subnav-menu ul li.current_page_item>a {
    color: #4f2c1d;
	text-decoration: underline;
	font-weight: bold;
}

.admin-subnav-menu ul li.nopadding,
#admin-subnav-menu ul li.nopadding {
    padding-bottom: 0;
}

.admin-subnav-menu a:hover,
#admin-subnav-menu a:hover {
    color: #000000 !important;
}

.admin-subnav-menu ul.sub-menu,
.admin-subnav-menu ul.children,
#admin-subnav-menu ul.children {
    padding: 5px 0 0 13px;
    background-color: #f3f1ef;
    margin-top: 5px;
}

.admin-subnav-menu ul.sub-menu li,
.admin-subnav-menu ul.children li,
#admin-subnav-menu ul.children li {
    margin-bottom: 0;
}

.admin-subnav-menu ul.sub-menu li.first,
.admin-subnav-menu ul.children li.first,
#admin-subnav-menu ul.children li.first {
    margin-top: 0px;
}

.admin-subnav-menu ul.sub-menu li a,
.admin-subnav-menu ul.children li a,
#admin-subnav-menu ul.children li a {
    font-size: 13px;
	font-family: 'Graphik', Arial, Helvetica, sans-serif;
    display: block;
}

.admin-subnav-menu li.current-item-ancestor>ul.sub-menu,
.admin-subnav-menu li.current-menu-item>ul.sub-menu,
.admin-subnav-menu li.current_page_ancestor>ul.children,
.admin-subnav-menu li.current_page_item>ul.children,
#admin-subnav-menu li.current_page_ancestor>ul.children,
#admin-subnav-menu li.current_page_item>ul.children {
    display: block;
}


/* -------------------------- SUBNAV (SIDE NAVIGATION) ON ARCHIVE PAGES ---------------- */

.admin-subnav-menu ul li.current-cat>a,
.admin-subnav-menu ul li.current-cat-parent>a,
#admin-subnav-menu ul li.current-cat>a,
#admin-subnav-menu ul li.current-cat-parent>a {
    color: #B44D17;
}

.admin-subnav-menu ul li.cat-item ul.children,
#admin-subnav-menu ul li.cat-item ul.children {
    display: block;
}


.heading {
font-family: 'Graphik', Arial, Helvetica, sans-serif;
    background-color: #ffb500;
    color: #000000;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0.6em;
    margin: 0 0 1em 0;
    line-height: 1.25em;
}

.pageHead {
    font-size: 28px;
    font-weight: 500;
    font-weight: bold;
    line-height: 1.1em;
    color: #000;
}



/*ResearchGate icon*/

@font-face {
    font-family: 'faculty-icons';
    src: url('/faculty/profiles/font/faculty-icons.eot?23700708');
    src: url('/faculty/profiles/font/faculty-icons.eot?23700708#iefix') format('embedded-opentype'), url('/faculty/profiles/font/faculty-icons.woff2?23700708') format('woff2'), url('/faculty/profiles/font/faculty-icons.woff?23700708') format('woff'), url('/faculty/profiles/font/faculty-icons.ttf?23700708') format('truetype'), url('/faculty/profiles/font/faculty-icons.svg?23700708') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa.fa-researchgate::before {
    content: '\e801';
    /* 'ResearchGate Logo Glyph' */
    font-family: "faculty-icons";
    font-style: normal;
    font-weight: normal;
}


/*Vivo icon*/

.fa.fa-vivo::before {
    content: '\e800';
    /* 'Vivo Logo Glyph' */
    font-family: "faculty-icons";
    font-style: normal;
    font-weight: normal;
}


/*icons*/

.fa{
    font-size: 2em;
    line-height: 1.4em;
}

.circle-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'Arial Black', 'Segoe UI Black', sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    position: relative;
  }

/*colors*/

.fa.fa-facebook,
.fa.fa-facebook a,
.fa.fa-facebook-square,
.fa.fa-facebook-square a {
    color: #3b5998 !important;
    text-decoration: none;
}

/*
.fa.fa-twitter,
.fa.fa-twitter a {
    color: #1da1f2 !important;
}*/

.fa-twitter::before {
    content: "𝕏" !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.fa.fa-google-plus,
.fa.fa-google-plus a,
.fa.fa-google-plus-square,
.fa.fa-google-plus-square a {
    color: #dc4e41 !important;
}

.fa.fa-pinterest,
.fa.fa-pinterest a {
    color: #bd081c !important;
}

.fa.fa-linkedin,
.fa.fa-linkedin a {
    color: #0077b5 !important;
}

.fa.fa-instagram,
.fa.fa-instagram a {
    color: #eb1478 !important;
}

.fa.fa-youtube,
.fa.fa-youtube a,
.fa.fa-youtube-play,
.fa.fa-youtube-play a {
    color: #cd201f !important;
}

.fa.fa-snapchat,
.fa.fa-snapchat a {
    color: #FFFC00 !important;
}

.fa.fa-researchgate,
.fa.fa-researchgate a {
    color: #0cb !important;
}

.fa.fa-graduation-cap,
.fa.fa-graduation-cap a {
    color: #4b4b4b !important;
}

.fa.fa-vivo,
.fa.fa-vivo a {
    color: #99ca3c !important;
}

.fa.fa-github,
.fa.fa-github a {
    color: #4183c4 !important;
}

.fa.fa-behance,
.fa.fa-behance a {
    color: #1769ff !important;
}

.fa.fa-tumblr,
.fa.fa-tumblr a {
    color: #35465c !important;
}

.fpm_profile_even {
    background-color: #eeeeee;
}

.fpm_profile_td {
	padding: 1em !important;
}

div.warning {
    background-color: #ffffcc;
    border: 1px solid red;
    padding: 8px;
    text-align: center;
}

#saveRemind {
    color: red;
    /*font-weight: bold;*/
}

.fpm table {
    border-collapse: collapse;
    border: 1px solid #cccccc;
    width: 100%;
}

.fpm tr:nth-child (odd) {
    background: #FFFFFF;
}

.fpm tr:nth-child (even) {
    background: #EEEEEE;
}

.fpm td {
    padding: 4px;
    border: 1px solid #cccccc;
}

.fpm_book table {
    border-collapse: collapse;
    border: 1px solid #cccccc;
    width: 100%;
}

.fpm_book td {
    border: 1px solid #cccccc;
    text-align: top;
    padding: 2px 4px;
}

.fpm_odd {
    background-color: #FFFFFF;
}

.fpm_even {
    background-color: #EEEEEE;
}

#sortable {
    display: table;
    width: 100%;
}

#sortable li {
    display: table-row;
    font-size: 15px;
    padding: 10px 20px;
    line-height: 1.5;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

#sortable li:nth-child(odd) {
    background: #eeeeee;
}

#sortable li:nth-child(even) {
    background: #ffffff;
}

#sortable li:last-child {
    border-bottom: 1px solid #dddddd;
}

.content {
    display: table-cell;
    padding: 15px 10px;
    width: 86%
}

.edit,
.delete {
    display: table-cell;
    width: 7%;
}


/*** HELP Tooltip ***/

.ui-tooltip {
    background: #eeeeee;
    border: 1px solid white;
    white-space: pre-line;
}

.ui-tooltip {
    padding: 10px 20px;
    color: #4f2c1d;
    border-radius: 20px;
    font-size: 12px;
    box-shadow: 0 0 7px black;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
    background: transparent;
}

.arrow.top {
    top: -20px;
    bottom: auto;
    background: transparent;
}

.arrow.left {
    left: 20%;
}

.arrow:after {
    background: #eeeeee;
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    //box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow.top:after {
    width: 20px;
    height: 20px;
    bottom: -20px;
    top: 12px;
    //border: 1px solid;
    //top: auto;
    //bottom: -10px;
}

.helpIcon:before {
    font-family: FontAwesome;
    content: "\f059";
    font-size: 0.7em;
    color: #4f2c1d;
}

.help,
.help2 {
    //float: right;
}

.icon:before {
    font-family: FontAwesome;
    font-size: 1.5em;
    color: ##4f2c1d;
}

input[type=submit].yellow-button,
input[type=button].yellow-button {

	background-color: #ffb500;
    color: #000;
    font-family: 'Graphik', Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.5em;
    font-size: 1.1em;
    text-align: center;
    margin: 0 0 5px 0;
    list-style-type: none;
    display: inline-block;
    float: none;
    overflow: hidden;
	height: 38px;
	padding: 5px 10px 5px 10px;
 	border: none;
	-webkit-transition: background-color .5s, color .5s;
    -moz-transition: background-color .5s, color .5s;
    -ms-transition: background-color .5s, color .5s;
    -o-transition: background-color .5s, color .5s;
    transition: background-color .5s, color .5s;
	
}

input[type=submit].yellow-button:hover,
input[type=button].yellow-button:hover {
    background-color: #4f2c1d;
    color: #fff;
}

.parsley-errors-list,
.invalid-form-error-message,
.invalid-content-error-message {
    color: red;
}

input[type="text"] {
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    border-radius: 0;
    height: 30px;
    padding: 0 5px;
    width: auto;
}

select {
    width: auto;
    height: 30px;
}

input[type="submit"] {
    padding: 5px;
    height: 30px;
    font-size: 14px;
    background-color: #ffb500;
    border: none;
    cursor: pointer;
	-webkit-transition: background-color .5s, color .5s;
    -moz-transition: background-color .5s, color .5s;
    -ms-transition: background-color .5s, color .5s;
    -o-transition: background-color .5s, color .5s;
    transition: background-color .5s, color .5s;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: 'Graphik', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: inherit;
    font-weight: inherit;
    margin-bottom: 1em;
}


/*----------- 3-COLUMN ARTWORK ----------*/

.artwork {
    font-size: 0;
    /*fix white space*/
}

.artwork>div {
    font-size: 16px;
    /*reset font size*/
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    box-sizing: border-box;
    text-align: center;
    padding: 3px;
}

.artwork img {
    width: 100%;
    height: auto;
}

.center-cropped img {
    object-fit: none;
    /* Do not scale the image */
    object-position: center;
    /* Center the image within the element */
    height: 225px;
    width: 225px;
}

#instruction {
	list-style: none;
	padding-left: 10px;
}

#instructionLink {
	text-decoration: none !important;
    color: #000000 !important;
    cursor: pointer;
	transition: color .5s;
}

#instructionLink:hover {
	color: #4f2c1d !important;
}

.persist-header th {
	font-size: 13px;
	font-weight: normal;
}

.persist-area {
	font-size: 12px;
	width: 1100px;
}