/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

body {
    background: #FFF !important; /*temporary */
}

#wpcontent h1 {
    font-size: 28px;
    margin-bottom: 20px;
}

#wpcontent h3 {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    margin-bottom: 20px;
}

#wpcontent h4 {
    font-size: 16px;
    margin-bottom: 20px;
}

h1.heading-border, h3.heading-border, h4.heading-border {
    color: #303030;
    padding-bottom: 10px;
    border-bottom: 2px solid;
    box-sizing: border-box;
    margin-top: 10px;
}

.fa {
    line-height: 26px;
}

#wpcontent {
    padding-right: 20px;
}

#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
    //background-image: url(/itd/wp-content/plugins/itd-intranet/images/ITD_GlobeTorch.png) !important;
    background-position: 0 0;
    color: rgba(0, 0, 0, 0);
    background-size: contain;
}

#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
    background-position: 0 0;
}

.intranet-quick-links {
    display: block;
    float: right;
    position: relative;
}

.intranet-quick-links .mobile-btns {
    text-align: right;
    cursor: pointer;
    display: none;
}

.intranet-quick-links .navbar-toggle {
    border: none;
    background: transparent !important;
    margin-right: 0;
    padding-right: 0;
    margin-top: 17px;
    position: relative;
    margin-bottom: 8px;
    background-image: none;
}

.intranet-quick-links ul.menu {
    /*display: none;*/
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    width: 100%;
    background: #FFF;
    z-index: 50;
    text-align: center;
    /*border: #f1f1f1 solid 1px;*/
    /*box-shadow: 2px 2px 2px #ccc;*/
}

.intranet-quick-links .current-menu-ancestor ul.menu {
    display: block;
}

.intranet-quick-links ul.menu#menu-intranet-frontend-menu li {
    list-style-type: none;
    position: relative;
    padding: 0;
    display: inline-block;
    width: 100%;
    border: 1px solid #f1f1f1;
    /*margin: 5px;*/
    z-index: 99;
    text-align: left;
}

.intranet-quick-links ul.menu#menu-intranet-frontend-menu li.menu-item-has-children {
    padding: 0;
}

.intranet-quick-links ul.menu#menu-intranet-frontend-menu > li {
    /*z-index: -1;*/
}

.intranet-quick-links ul.menu#menu-intranet-frontend-menu li a {
    background: #FFF;
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
    color: #303030;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.intranet-quick-links ul.menu#menu-intranet-frontend-menu li.current-menu-item > a {
    font-weight: 700;
}

.intranet-quick-links ul.menu#menu-intranet-frontend-menu ul.sub-menu li a {
    color: #000;
}

.intranet-quick-links ul.menu#menu-intranet-frontend-menu ul.sub-menu {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 89229;
    text-align: left;
}

.intranet-quick-links ul.menu#menu-intranet-frontend-menu ul.sub-menu li {
    position: relative;
    z-index: 10232;
    margin: 0;
    padding: 0;
    width: 100%;
}

.intranet-quick-links ul.menu#menu-intranet-frontend-menu > li:hover > a, .intranet-quick-links ul.menu#menu-intranet-frontend-menu li > a:hover, .intranet-quick-links ul.menu#menu-intranet-frontend-menu li.current-menu-item > a, .intranet-quick-links ul.menu#menu-intranet-frontend-menu ul.sub-menu li:hover > a {
    text-decoration: none;
    background: transparent;
    color: #FFF;
}

.intranet-quick-links ul.menu#menu-intranet-frontend-menu ul.sub-menu li a {
    padding-left: 20px;
}

.intranet-quick-links ul.menu#menu-intranet-frontend-menu ul.sub-menu li a:before {
    content: '- ';
    display: inline;
}

.intranet-quick-links .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.intranet-quick-links .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

.intranet-quick-links .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
}

.intranet-quick-links .navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
    background-color: #303030;
}

.intranet-quick-links .navbar-toggle .top-bar {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 11% 10%;
    transform-origin: 11% 10%;
    padding: 0;
}

.intranet-quick-links .navbar-toggle.collapsed .top-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.intranet-quick-links .navbar-toggle .icon-bar.middle-bar {
    opacity: 0;
}

.intranet-quick-links .navbar-toggle.collapsed .icon-bar.middle-bar {
    opacity: 1;
    margin-top: 6px;
}

.intranet-quick-links .navbar-toggle .bottom-bar {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
}

.intranet-quick-links .navbar-toggle.collapsed .bottom-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.intranet-quick-links .navbar-toggle:not(.collapsed) .bottom-bar {
    margin-top: 6px !important;
}

.wrap.import-success {
    background: #87ba51;
    padding: 20px;
    margin-bottom: 20px;
}

.wrap.import-fail {
    background: #ff4f3e;
    padding: 20px;
    margin-bottom: 20px;
}

a.dashboard-button {
    background-color: #eec005;
    color: #FFF;
    padding: 20px 30px;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
    margin-bottom: 10px;
}

a.dashboard-button.secondary {
    background-color: #FFF;
    color: #eec005;
    border-color: #eec005;
}

div.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
    padding: 20px;
    margin: 20px 20px 20px 0;
    box-sizing: border-box;
}

img.intranet-header-logo {
    max-height: 60px;
}

.wp-admin select.intranet-select {
    margin-bottom: 20px;
    -webkit-appearance: none;
    border: 1px solid #303030;
    height: auto;
    display: inline-block;
    padding: 5px 30px 5px 5px;
    background: url(/itd/wp-content/plugins/itd-intranet/images/angle-down.png) right 5px center no-repeat;
    background-size: 20px 15px;
}

.centre-staff-section select.intranet-select {
    width: 100%;
    height: auto;
}

ol.progress-track {
    display: table;
    list-style-type: none;
    margin: 0 !important;
    padding: 20px;
    table-layout: fixed;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

ol.progress-track li {
    display: table-cell;
    line-height: 2;
    position: relative;
    text-align: center;
}

ol.progress-track li.progress-todo {
    border-top: 7px solid #DDD;
    color: black;
}

ol.progress-track li.progress-done {
    border-top: 7px solid #87ba51;
    transition: border-color 1s ease-in-out;
    -webkit-transition: border-color 1s ease-in-out;
    -moz-transition: border-color 1s ease-in-out;
}

ol.progress-track li .icon-wrap {
    border-radius: 50%;
    top: -1.5em;
    color: #fff;
    display: block;
    height: 2.5em;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    width: 2.5em;
}

ol.progress-track li .progress-text {
    position: relative;
    top: 20px;
}

ol.progress-track li.progress-todo .icon-wrap {
    background-color: #FFF;
    border: 5px solid #DDD;
    border-radius: 50%;
    bottom: 1.5em;
    color: #fff;
    display: block;
    height: 2.5em;
    margin: 0 auto -2em;
    position: relative;
    width: 2.5em;
}

ol.progress-track li.progress-done .icon-wrap {
    background-color: #4a6a28;
    border: 5px solid #87ba51;
}

ol.progress-track li.progress-done.progress-current .icon-wrap {
    background-color: #0070c0;
}

ol.progress-track li .icon-check-mark, ol.progress-track li .icon-down-arrow {
    height: 25px;
    width: 15px;
    display: inline-block;
    fill: currentColor;
    float: left;
    margin-left: 9px;
    margin-top: 10px;
}

ol.progress-track li.progress-done .icon-down-arrow {
    display: none;
}

ol.progress-track li.progress-todo .icon-wrap .icon-check-mark, ol.progress-track li.progress-todo .icon-wrap .icon-down-arrow {
    display: none;
}

ol.progress-track li.progress-done.progress-current .icon-wrap .icon-check-mark {
    display: none;
}

ol.progress-track li.progress-done.progress-current .icon-wrap .icon-down-arrow {
    display: block;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    font-size: 12px;
}

form.project_form, form.tool_form, form.mass_survey_form, form.email_form, form.org_form {
    margin-bottom: 30px;
}

form.project_form textarea, form.tool_form textarea, form.mass_survey_form textarea, form.email_form textarea {
    width: 90%;
    box-sizing: border-box;
    display: block;
    height: 120px;
}

form.email_form textarea {
    height: 250px;
    width: 100%;
}

form.project_form input[type=text], form.tool_form input[type=text], form.mass_survey_form input[type=text], form.email_form input[type=text],
form.project_form input[type=email], form.mass_survey_form input[type=email],
form.project_form input[type=number], form.tool_form input[type=number], form.mass_survey_form input[type=number], form.email_form input[type=number] {
    width: 90%;
    box-sizing: border-box;
    display: block;
}

form.email_form input[type=text], form.org_form input[type=text] {
    width: 100%;
}

table input[type=text], table input[type=number] {
    width: 100%;
}

form.project_form input[type=submit], form.tool_form input[type=submit], form.mass_survey_form input[type=submit], form.email_form input[type=submit], form.email_form input[type=reset], form.email_form button[name=clear_form], form.org_form input[type=submit] {
    margin-top: 10px;
}

form.project_form > a.button {
    margin: 10px 0 0;
}

form.email_form input[type=reset].button.button-secondary {
    color: #555;
    border-color: #ccc;
    background: #f7f7f7;
    box-shadow: 0 1px 0 #ccc;
    vertical-align: top;
    padding: 0 10px 1px;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
}

td.project-action a.button {
    white-space: normal;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

a.tooltip-intranet {
    position: relative;
    display: inline-block;
}

a.tooltip-intranet .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #303030;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

a.tooltip-intranet:hover .tooltiptext {
    visibility: visible;
}

th.question-long {
    width: 60%;
}

.panel {
    position: relative;
    margin-bottom: 20px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

.panel-body {
    padding: 15px;
    position: relative;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
    margin-bottom: 5px;
    display: inline-block;
}

p.red-note, span.red-note {
    color: #c8272b;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.column-2 {
    position: relative;
    margin: 0;
    padding: 10px;
    width: 100%;
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    box-sizing: border-box;
    float: left;
}

.column-3 {
    position: relative;
    margin: 0;
    padding: 10px;
    width: 100%;
    max-width: calc(100% / 3);
    -ms-flex-preferred-size: calc(100% / 3);
    flex-basis: calc(100% / 3);
    box-sizing: border-box;
    float: left;
}

.column-1-4 {
    position: relative;
    margin: 0;
    padding: 10px;
    width: 100%;
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    box-sizing: border-box;
    float: left;
}

.column-3-4 {
    position: relative;
    margin: 0;
    padding: 10px;
    width: 100%;
    max-width: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    box-sizing: border-box;
    float: left;
}

table.relationship tr {
    text-align: left;
}

table.relationship tr th, table.relationship tr td {
    vertical-align: top;
}

a.delete-mapping {
    color: #FFF;
}

.rbox-body .rpill {
    margin-right: 3px;
    white-space: nowrap;
    display: inline-block;
    padding: 2px 4px;
    line-height: 1.2em;
    margin-bottom: 3px;
    color: #FFF;
}

.bg-red3 {
    background-color: #ff4f3e;
}

.bg-green3 {
    background-color: #6fa53e;
}

.bg-blue3 {
    background-color: #238bc5;
}

.daterangepicker td.in-range {
    background-color: rgba(35, 135, 197, 0.3) !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #6fa53e !important;
}

body.parent-itd-intranet .daterangepicker td.start-date.active {
    background-color: #6fa53e !important;
}

body.parent-itd-intranet .daterangepicker td.end-date.active {
    background-color: #6fa53e !important;
}

.status {
    display: block;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 3px;
    padding: .2em 0.85em .3em;
    vertical-align: baseline;
    font-size: 84%;
    font-weight: 700;
    line-height: 24px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.red {
    color: #FF4136;
    border-color: #FF4136;
}

.green {
    color: #2ECC40;
    border-color: #2ECC40;
}

ul.green-bullet li, ul.red-bullet li {
    list-style: none;
}

ul.green-bullet li:before {
    content: '';
    height: 8px;
    width: 8px;
    background: #2ECC40;
    border-radius: 50%;
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
}

ul.red-bullet li:before {
    content: '';
    height: 8px;
    width: 8px;
    background: #FF4136;
    border-radius: 50%;
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
}

.row {
    margin: 20px 0;
    display: inline-block;
    width: 100%;
}

.select2-container {
    width: 100% !important;
    margin-bottom: 20px;
}

/* dynamic hide for assessment project */
div.assign-multiple.assign-hide {
    display: none;
}

table.hrms-table.data-table {
    margin-bottom: 30px;
    display: inline-block;
}

table.dataTable tbody tr.even {
    background: #f9f9f9;
}

table:not(.dataTable) tbody tr.alternate {
    background: #f9f9f9;
}

.no-sort::after {
    display: none !important;
}

.no-sort {
    pointer-events: none !important;
    cursor: default !important;
    background-image: none !important;
}

.add_surveyee_csv, .add_surveyee_form {
    display: none;
}

.button.button-primary.button-green {
    background: #6fa53e;
}

.button.button-secondary, .button.button-primary {
    margin-bottom: 5px;
    display: inline-block;
    width: auto;
}

.button.button-secondary i.fa, .button.button-primary i.fa {
    margin-top: 5px;
}

a.button-primary.intranet-button, a.dashboard-button, button.dashboard-button {
    margin-right: 10px;
    margin-bottom: 10px;
    background: transparent;
    border: 2px solid #eec005;
    color: #303030;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 10px;
    display: inline-block;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    margin-top: 10px;
}

a.button-primary.intranet-button:hover, a.dashboard-button:hover, button.dashboard-button:hover {
    background: #eec005;
    text-decoration: none;
    color: #FFF;
}

.intranet-col-inner {
    border: #f1f1f1 1px solid;
    box-shadow: 5px 5px 5px #ccc;
    border-left: 5px solid #eec005;
    background: #FFF;
    padding: 30px 20px;
}

.intranet-section {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.intranet-section.dashboard-section h4.heading-border small {
    float: right;
    font-size: 12px;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button {
    border: 0;
    border-radius: 0;
}

.dataTables_wrapper .dt-buttons button.dt-button, .dataTables_wrapper .dataTables_paginate a.paginate_button.current {
    margin-bottom: 20px;
    background: #eec005;
    color: #FFF !important;
    border-radius: 0;
    border: 0;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.dataTables_wrapper .dt-buttons button.dt-button:hover, .dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
    background: #303030;
    border: 0 !important;
    color: #FFF !important;
    border-radius: 0;
}

.dataTables_wrapper table.dataTable {
    margin-bottom: 10px;
}

.dataTables_wrapper table.dataTable thead tr th {
    background: #eec005 !important;
    border-bottom: 0;
    color: #FFF;
}

.dataTables_wrapper table.dataTable thead tr th + th {
    border-left: #fff 1px solid;
}

.dataTables_wrapper table.dataTable tr td + td {
    border-left: #ccc 1px solid;
}

.dataTables_wrapper table.dataTable.no-footer {
    border-bottom: #f1f1f1 1px solid;
}

.dataTables_wrapper table.dataTable {
    box-shadow: 5px 5px 5px #ccc;
}

table.data-table, table.widefat {
    margin-bottom: 30px;
}

.button-row .col-12 {
    padding-bottom: 20px;
}

.button-row a i, .button-row a svg {
    margin-right: 10px;
}

.button-row a {
    width: 100%;
    display: block;
    border: #f1f1f1 1px solid;
    border-left: 5px solid #eec005;
    box-shadow: 5px 5px 5px #ccc;
    background: #FFF;
    padding: 20px;
    height: 100%;
    color: #000;
}

.button-row a:hover, .button-row a:focus {
    border: #eec005 1px solid;
    border-left: 5px solid #eec005;
    background: #eec005;
    color: #FFF;
    text-decoration: none;
}

.toplevel_page_itd-intranet-dashboard ul.wp-submenu {
    /*display: none;*/
}

.steps-row .col-12 {
    text-align: center;
    counter-increment: steps;
    margin-bottom: 30px;
}

.steps-row .col-12:before {
    content: counter(steps);
    background: #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    color: #FFF;
    margin: 0 auto 20px;
    line-height: 30px;
    font-weight: bold;
}

.steps-row a.dashboard-button {
    width: 100%;
    display: block;
    position: relative;
}

.steps-row a.dashboard-button:before {
    display: block;
    width: 2px;
    height: 30px;
    background: rgba(0,0,0,0.5);
    content: '';
    position: absolute;
    top: -30px;
    z-index: -1;
    margin: 0 auto;
    left: 0;
    right: 0;
}

form.intranet-form label {
    font-weight: 700;
    margin-top: 10px;
}

form.intranet-form input:not([type=submit]):not([type=checkbox]):not([type=radio]), form.intranet-form textarea, form.intranet-form label {
    width: 100%;
    font-size: 13px;
}

form.intranet-form input:not([type=submit]):not([type=checkbox]):not([type=radio]).auto-width {
    width: auto;
    margin: 0 5px;
}

form.intranet-form input[type=submit], a.small-button, button.small-button {
    background: #eec005;
    color: #FFF;
    margin: 10px 0;
    border: 2px solid #eec005;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 10px;
    display: inline-block;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
}

form.intranet-form input[type=submit]:hover, a.small-button:hover, button.small-button:hover {
    background: #FFF;
    color: #eec005;
    text-decoration: none;
}

form.intranet-form input[type=submit].intranet-small-button, a.small-button, button.small-button {
    padding: 0 5px;
    background: #FFF;
    color: #eec005;
    border: 1px solid #eec005;
    font-size: 12px;
}

#printableArea label {
    display: inline-block;
    width: auto;
}

#printableArea input[readonly], #printableArea select[readonly], #printableArea textarea[readonly], #printableArea select[readonly] + .select2-selection--single {
    border: 0;
    box-shadow: none;
    font-weight: 400;
    padding: 0;
    display: inline-block;
    text-align: left;
    width: auto;
    background: transparent;
    -webkit-appearance: none;
    vertical-align: middle;
    resize: none;
    min-width: 150px;
}

div.message-success {
    background: #87ba51;
    color: #FFF;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
}

.nav.nav-tabs.intranet-tab {
    margin-bottom: 10px;
}

.nav.nav-tabs.intranet-tab li a {
    padding: 5px 10px;
    border: #ccc 1px solid;
    margin: 5px;
    display: inline-block;
}

.nav.nav-tabs.intranet-tab li a.active {
    color: #FFF;
    font-weight: 700;
    background: #eec005;
    border: #eec005 1px solid;
}

.nav.nav-tabs.intranet-tab li a:hover, .nav.nav-tabs.intranet-tab li a:focus {
    color: #FFF;
    background: #eec005;
    border: #eec005 1px solid;
}

.nav.nav-tabs.intranet-tab li a:hover, .nav.nav-tabs.intranet-tab li a:focus {
    text-decoration: none;
}

input.task-date {
    min-width: 100px;
}

td.task-role {
    min-width: 140px;
}

#adminmenuwrap {
    z-index: 999; /* do this so that the select2 DDL doesn't overlap */
}

/***** POPUP FORM *****/

/* The popup form - hidden by default */
.form-popup, .legend-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    border: 3px solid #f1f1f1;
    z-index: 1000000; /* can't go more than 1000 otherwise select2 DDL not visible */
    /*text-align: center;*/
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    padding-top: 100px;
}

/* Add styles to the form container */
.form-popup form, .legend-popup .legend-popup-inner {
    max-width: 80%;
    padding: 20px;
    left: 0;
    margin: 0 auto;
    background-color: white;
    overflow: scroll;
    max-height: 80vh;
    position: relative;
}

.form-popup .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #000;
}

.legend-popup .legend-popup-inner {
    max-width: 40%;
    left: 30%;
    height: auto;
    width: auto;
}

.popup-search-table td {
    padding: 10px;
    vertical-align: middle;
}

/***** END POPUP FORM *****/

/***** SEARCH FORM *****/

form.search-form.intranet-form {
    margin: 10px 0;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 20px;
}

form.search-form.intranet-form.align-right {
    float: right;
}

form.search-form.intranet-form input[type=text], form.search-form.intranet-form input:not([type=submit]):not([type=checkbox]):not([type=radio]), form.search-form.intranet-form input[type=submit] {
    width: auto;
    /*float: left;*/
    margin: 0 20px 0 0;
    padding: 5px;
}

form.search-form.intranet-form select {
    height: 33px;
    margin: 0 20px 0 0;
    width: auto;
}

form.search-form.intranet-form input[type=submit] {
    padding: 2px 20px;
    margin: 10px 0;
}

form.intranet-form .selection-box select {
    height: auto;
    padding: 0 5px;
}

form.intranet-form .selection-box:before, form.search-form .selection-box:before {
    display: none;
}

form.intranet-form .selection-box:after, form.search-form .selection-box:after {
    width: auto;
    height: auto;
    right: 20px;
}

form.intranet-form.search-form .selection-box select, form.search-form .selection-box select {
    margin: 0;
    width: 100%;
}

#menu-intranet-frontend-menu ul.sub-menu {
    display: none;
    padding: 0;
    margin: 0;
}

/*.intranet-quick-links ul.menu#menu-intranet-frontend-menu li.menu-item-has-children:hover > ul.sub-menu {*/
    /*display: block;*/
/*}*/

/*ul.menu#menu-intranet-frontend-menu li.menu-item-has-children:hover > ul.sub-menu {*/
    /*display: block;*/
/*}*/

#menu-intranet-frontend-menu ul.sub-menu li a {
    background: #f0f0f0;
}

ul.menu#menu-intranet-frontend-menu li:hover, ul.menu#menu-intranet-frontend-menu > li:hover, ul.menu#menu-intranet-frontend-menu ul.sub-menu > li:hover, ul.menu#menu-intranet-frontend-menu ul.sub-menu li:hover a, ul.menu#menu-intranet-frontend-menu li.current-menu-item {
    background: #eec005;
    z-index: 182932;
}

ul.menu#menu-intranet-frontend-menu li.menu-item-has-children > a {
    z-index: 9;
    -webkit-transition: none;
    transition: none;
}

ul.menu#menu-intranet-frontend-menu li.menu-item-has-children span.menu-bullet {
    /*content: '\f0dd';*/
    /*font-family: FontAwesome;*/
    margin-left: 10px;
    position: absolute;
    z-index: 8989;
    top: 0;
    right: 0;
    padding: 2px 10px;
}

ul.menu#menu-intranet-frontend-menu li.menu-item-has-children.current-menu-item:after, ul.menu#menu-intranet-frontend-menu li:hover:after {
    color: #FFF;
}

.quick-links-section {
    margin-top: 50px;
    display: inline-block;
    width: 100%;
}

.quick-links-section a.dashboard-button svg {
    margin-right: 10px;
}

.quick-links-section h3 {
    margin: 0;
}

.quick-links-section hr {
    height: 3px;
    background: #000;
    border: 0;
    margin-top: 0;
}

.cus-individual-start-name, .cus-org-start-name {
    text-align: center;
}

form.search-form.intranet-form .cus-individual-start-name input[type=submit], form.search-form.intranet-form .cus-org-start-name input[type=submit], .cus-org-start-name input[type=submit] {
    background: transparent;
    padding: 0 5px;
    display: inline;
    color: #000;
}

form.search-form.intranet-form .cus-org-state input[type=checkbox] {
    width: auto;
}

.gform_wrapper li.gfield.field-disabled input {
    background: #f0f0f0;
    opacity: 0.5;
    color: #000;
}

.dataTables_filter input[type=search] {
    padding: 0 5px;
    font-size: 12px;
}

#printableArea .print-only {
    display: none;
}

.daterangepicker .calendar-table th {
    background: #eec005;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    padding: 0;
    border-radius: 0 !important;
}

.daterangepicker .calendar-table td {
    background: rgba(238,192,5,0.3);
}

.daterangepicker .calendar-table tbody tr:nth-child(2n+1) td {
    background: rgba(238,192,5,0.1);
}

.daterangepicker .calendar-table select {
    background-size: 22px 40px;
}

.daterangepicker .drp-buttons .btn {
    background: #eec005;
    border: 0;
}

.eassessment-dashboard h4.heading-border {
    height: 50px;
}

table.dashboard-event tr td, table.dashboard-event tr th {
    padding: 10px;
    text-align: left;
}

.intranet-form.search-form.search-admin-form label {
    width: auto;
}

.intranet-form.search-form.search-admin-form,
.intranet-form.search-form.search-cert-form,
.intranet-form.search-form.search-customer-form,
.intranet-form.search-form.search-event-form,
.intranet-form.search-form.search-info-form,
.intranet-form.search-form.search-hrms-form,
.intranet-form.search-form.search-inhouse-form,
.intranet-form.search-form.search-personal-form,
.intranet-form.search-form.search-program-form,
.intranet-form.search-form.search-project-form,
.intranet-form.search-form.search-resource-form,
.intranet-form.search-form.search-schedule-form
{
    width: 100%;
}

.intranet-form.search-form.search-admin-form label,
.intranet-form.search-form.search-cert-form label,
.intranet-form.search-form.search-customer-form label,
.intranet-form.search-form.search-event-form label,
.intranet-form.search-form.search-info-form label,
.intranet-form.search-form.search-hrms-form label,
.intranet-form.search-form.search-inhouse-form label,
.intranet-form.search-form.search-personal-form label,
.intranet-form.search-form.search-program-form label,
.intranet-form.search-form.search-project-form label,
.intranet-form.search-form.search-resource-form label,
.intranet-form.search-form.search-schedule-form label
{
    width: auto;
}
.intranet-form.search-form.search-admin-form textarea,
.intranet-form.search-form.search-cert-form textarea,
.intranet-form.search-form.search-customer-form textarea,
.intranet-form.search-form.search-event-form textarea,
.intranet-form.search-form.search-info-form textarea,
.intranet-form.search-form.search-hrms-form textarea,
.intranet-form.search-form.search-inhouse-form textarea,
.intranet-form.search-form.search-personal-form textarea,
.intranet-form.search-form.search-program-form textarea,
.intranet-form.search-form.search-project-form textarea,
.intranet-form.search-form.search-resource-form textarea,
.intranet-form.search-form.search-schedule-form textarea
{
    width: 100%;
}

.process-row .arrow-col {
    padding-top: 20px;
    color: #000;
}

form.search-form input[type=checkbox], form.search-form input[type=radio] {
    width: auto;
}

form.search-form .select2 {
    width: auto !important;
    font-size: 13px;
    min-width: 150px;
    max-width: 100%;
}

.print-col {
    display: none;
}

.attendance-legend {
    margin: 20px 0;
}

.attendance-legend span {
    margin-right: 20px;
    line-height: 20px;
}

.attendance-symbol img {
    max-width: 20px;
}

table.draw-border tr th, table.draw-border tr td {
    border: 1px solid #000;
    border-collapse: collapse;
    padding: 5px;
}

.leave-detail-legend span {
    margin-right: 30px;
}

span.red-text, p.red-text {
    color: #ff4f3e;
}

.rp-expertise-delete.dashboard-button, .rp-expertise-edit.dashboard-button, a.dashboard-button.table-button {
    padding: 5px;
    margin: 0;
}

.cert-assess-table input[type=radio] {
    margin-left: 10px;
}

.hide-ccmp, .hide-ccd, .hide-ctp, .hide-ctcp {
    display: none;
}

table#leave-computation-table {
    width: 100%;
    margin-top: 20px;
}

table#leave-computation-table td {
    padding: 5px;
    vertical-align: top;
}

table#leave-computation-table td p {
    margin: 0;
}

/***** END SEARCH FORM *****/

/*** OVERWRITE THEME CSS ***/

body.parent-itd-intranet table.intranet-info-table tr td, body.parent-itd-intranet table.intranet-info-table tr th {
    background: transparent !important;
    border: 1px solid #000 !important;
    text-align: left;
    border-collapse: collapse;
}

/*body.parent-itd-intranet tr.even td.sorting_1*/
/*{*/
    /*background: #f5e9d4;*/
/*}*/

/*body.parent-itd-intranet tr.odd td.sorting_1*/
/*{*/
    /*background: #fdf6ea;*/
/*}*/

body.parent-itd-intranet .selection-box {
    width: auto;
    clear: none;
    display: inline-block;
    min-width: 200px;
}

body.parent-itd-intranet .selection-box:before {
    top: -10px;
}

body.parent-itd-intranet .selection-box:after {
    width: auto;
    height: auto;
    margin-left: 20px;
}

body.parent-itd-intranet .selection-box select {
    height: auto;
    padding: 5px 40px 5px 5px;
    width: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #FFF;
    display: inline-block;
    min-width: 200px;
}

body.parent-itd-intranet input {
    height: auto;
    width: auto;
    margin-right: 5px;
    margin-bottom: 10px;
    background: #FFF !important;
    display: inline-block;
    margin-left: 0;
}

body.parent-itd-intranet input[type=submit] {
    background: #eec005 !important;
}

body.parent-itd-intranet input[type=submit]:hover {
    background: #FFF !important;
}

table.text-left th, table.text-left td {
    text-align: left;
}

td.eval-heading {
    background: #eec005 !important;
    color: #FFF;
    border: 0;
    text-align: left;
}

table.wp-list-table tr td, table.wp-list-table tr th {
    padding: 5px;
}

table.wp-list-table tbody tr, .intranet-col table tbody tr, table.wp-list-table tbody th, .intranet-col table tbody th, table.wp-list-table tbody td, .intranet-col table tbody td {
    background: #FFF;
}

table.wp-list-table tbody tr.alternate, .intranet-col table tbody tr, table.wp-list-table tbody tr.alternate th, .intranet-col table tbody tr th, table.wp-list-table tbody tr.alternate td, .intranet-col table tbody tr td {
    background: #f0f0f0;
}

table.wp-list-table tbody tr:nth-child(2n+1) td, table.wp-list-table tbody tr:nth-child(2n+1) th {
    background: #FFF;
}

.row.intranet-heading {
    width: 20%;
    float: left;
}

.intranet-main-content {
    width: 78%;
    float: left;
    margin-left: 2%;
}

body.parent-itd-intranet .container {
    width: 100%;
    max-width: none;
    padding: 0 50px;
}

form.hrms-report-table button.buttons-print {
    display: none;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
    margin: 0;
    min-width: 100%;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead .dataTables_scrollHeadInner {
    min-width: 100%;
}

table.view-leave-detail-table th, table.view-leave-detail-table tbody tr:nth-child(2n+1) th {
    background: #eec005;
    color: #FFF;
}

table.view-leave-detail-table td, table.view-leave-detail-table tbody tr:nth-child(2n+1) td {
    background: #FFF;
}

form.intranet-form input[disabled=disabled] {
    background: #f0f0f0;
}

#header.header2 .container {
    display: inline;
}

.intranet-quick-links ul#menu-intranet-frontend-menu > li.current-menu-ancestor > a {
    background: #eec005;
    color: #FFF;
}

#menu-intranet-frontend-menu li.current-menu-ancestor ul.sub-menu {
    display: block;
}

#menu-intranet-frontend-menu li.current-menu-ancestor ul.sub-menu li.current-menu-item > a {
    color: #FFF;
}

form#loginform input:not([type=checkbox]):not([type=radio]):not([type=submit]), form#loginform input[type=submit] {
    margin: 0;
}

@media screen and (max-width: 1200px) {

    .row.intranet-heading {
        width: 40%;
    }

    .intranet-main-content {
        width: 58%;
    }
}

@media screen and (max-width: 767px) {

    .eassessment-dashboard .column-4, .column-4 {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .column-2 {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    table.data-table th {
        display: none;
    }

    table.data-table tbody td:before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        width: 100%;
    }

    .row.intranet-heading {
        width: 100%;
    }

    .intranet-main-content {
        width: 100%;
        margin: 0;
        float: none;
    }

    .intranet-quick-links .mobile-btns {
        display: block;
    }

    .intranet-quick-links ul.menu {
        display: none;
    }
}

@media print {
    #adminmenuwrap, #wpadminbar, #wpfooter, .hide-print, .update-nag {
        display: none;
    }

    #printableArea .print-only {
        display: block;
    }

    .print-only img {
        margin-bottom: 20px;
    }

    .dt-buttons {
        display: none;
    }

    input, textarea, select {
        border: 0;
        box-shadow: none;
        background: transparent;
        padding: 0;
    }

    label {
        display: inline-block;
        clear: both;
    }

    .action-col, td.action-col, th.action-col {
        display: none;
    }

    .print-col {
        display: block;
    }

    form.intranet-form input[type=submit] {
        display: none;
    }

    form.intranet-form input[type=text], form.intranet-form select {
        border: 0;
        padding: 0;
        font-weight: 400;
    }

    form.intranet-form input[type=radio], form.intranet-form input[type=radio]:not(:checked) + span {
        display: none;
    }

    form.intranet-form label {
        font-weight: 700;
    }

    table.draw-border tr th, table.draw-border tr td {
        border: 0;
        border-collapse: collapse;
    }

    .select2-container {
        border: 0;
    }
}