@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.woff');
}

@font-face {
    font-family: 'Oswald-Regular';
    src: url('../fonts/Oswald/Oswald-Regular.ttf');
}

@font-face {
    font-family: 'Oswald-Bold';
    src: url('../fonts/Oswald/Oswald-Bold.ttf');
}

@font-face {
    font-family: 'Oswald-Light';
    src: url('../fonts/Oswald/Oswald-Light.ttf');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto/Roboto-Bold.ttf');
}

.hpanel{
	margin-bottom: 10px;
}

.onlineinterview_color_title_wrapper {
    margin: -16px -20px 4px;
    padding: 16px 20px 36px;
    background-color: #be994b;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.home_body_wrapper .btn, .home_body_wrapper .badge{
	white-space: inherit;
}

.margin_zero{
	margin: 0;
}

.padding_zero{
	padding: 0;
}

#header{
    background-color: inherit;
    height: auto;
    border-bottom: 0;
    z-index: 1;
}

a {
    color: #4b77be;
    position: relative;
}

.alert a {
    position: initial;
}

.help_box figure a {
    display: block;
}

.tab-pane {
    position: relative;
}

.btn{
    position: relative;
}

.alert{
	margin: 10px 0;
	box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 6px;
}

.control-label {
    margin-top: 0;
    font-weight: bold;
}

.form-control-static {
    display: block;
}

#current-cover-photo-column #current-cover-photo {
    width: 100% !important;
}

.control-label .required, .form-group .required {
    color: #000333;
    font-size: 14px;
    padding-left: inherit;
}

.page-header{
	height: auto;
}

.page-header .page-header-menu {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.page-header .page-header-top{
	background: #6496ed;
	height: auto;
}

.page-header .page-header-top .logo {
	width: auto;
    height: auto;
    border: 0;
    background-color: #fff;
}

.logo > a > img{
    width: 200px;
    padding: 14px 30px;
    border-bottom: 1px solid #f6f6f6;
    height: 62px;
}

.page-header .page-header-top .top-menu{
	margin: 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li>a{
	color: #000333;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a, .page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a{
	height: 51px;
    background-color: #eee !important;
    color: #000333 !important;
}

#header .navbar-nav > li, .navbar-nav > li > a{
	max-height: 51px;
    height: auto;
    outline: none;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover>i,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user:hover>.dropdown-toggle>.username{
	color: #fff !important;
	font-size: 26px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover {
	background-color: inherit;
	border: 0;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle {
    background-color: inherit;
    border: 0;
}

.dropdown-user .caret {
    border-left: 7px solid rgba(255,255,255,0);
    border-right: 7px solid rgba(255,255,255,0);
    border-top: 8px solid #fff;
    margin-top: 16px;
    margin-right: 6px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img{
	width: 40px;
	margin: 0 16px 0 0;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username {
    margin: 0 8px 0 0;
    line-height: 40px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle {
    padding: 22px 10px 0 0;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle{
	padding: 12px 0 0;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown .corner {
    background-color: #CC4B4B;
    line-height: 26px;
    position: absolute;
    left: -6px;
    top: 10px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 12px;
    padding: 0;
}

.page-header .page-header-top .menu-toggler {
    margin: 19px 0 0;
    opacity: 1;
    color: #fff;
    width: auto;
    height: auto;
    background: none;
    font-size: 20px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user.open>.dropdown-toggle>.username{
	color: #fff;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a {
    color: #4b77be;
    font-weight: 400;
    font-size: 14px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu {
    background: #fff;
    box-shadow: 2px 2px 12px rgba(0,0,0,.275);
    width: auto;
    min-width: 175px;
    margin-right: 13px;
    margin-top: 15px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu{
	margin-right: 0;
    margin-top: 5px;
}

.dropdown-menu li.divider {
    margin: 0;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu:after {
    border-bottom-color: #fff;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a .dropdown_fa{
	color: #6496ed;
    width: 15px;
    display: inline-block;
    margin-right: 12px;
}

.img_wowtizen, .ic_wow{
	display: inline-block;
	vertical-align: top;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.ic_wow{
	width: 15px;
	height: 15px;
	margin: 5px 12px 0 0;
}

.img_wowtizen{
	width: 99px;
	height: 18px;
	margin: 0 12px 0 0;
}

.dropdown-user .dropdown-menu>li:last-child>a{
	padding-bottom: 12px;
}

.glyphicon-log-out.dropdown_fa{
	left: 1px;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:active,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover {
    background-color: inherit;
    border: 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a, .page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:active, .page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus,
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover {
    color: #000333;
    background: #eee!important;
}

.container.welcome_text {
    color: #4b77be;
    font-size: 32px;
    font-weight: bold;
    margin: 30px auto 0px;
    line-height: normal;
}

#wrapper{
	background-color: inherit;
	min-height: 80%;
    margin-bottom: 20px;
}

.normalheader{
	padding: 0 !important;
	min-width: auto !important;
}

#employer-helper {
    color: #fff;
    background-color: #4b77be;
    border-radius: 0px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    padding: 0 20px;
    line-height: 40px;
    height: 38px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-shadow: 2px 2px 6px rgba(0,0,0,.3) !important;
}

#employer-helper.collapsed{
	border-radius: 4px;
}

.arrow_need_help {
    float: right;
    margin-top: 13px;
}

#employer-helper .fa-lg {
    color: #4b77be;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 11px 6px 0 0;
    background-color: #fff;
    font-size: 13px;
    text-align: center;
    vertical-align: top;
}

#employer-helper .fa-question:before {
    vertical-align: middle;
}

#collapse-Helper-Employer .row {
    margin: 0;
}

#collapse-Helper-Employer .help_box {
    padding: 3px;
}

#collapse-Helper-Employer .well {
    padding: 16px 20px 20px;
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#collapse-Helper-Employer .well .col-md-6 button{
	width: 100%;
	margin-top: 17px;
	background-color: #4b77be;
    border: 0;
}

#collapse-Helper-Employer .well .col-md-6:first-child {
    padding: 0;
}

#collapse-Helper-Employer .well .col-md-6:last-child {
    padding-right: 0;
}

#collapse-Helper-Employer .well>strong {
    font-size: 16px;
    color: #000333;
    margin-bottom: 13px;
    display: block;
}

.widget-row {
    margin: 0 -5px;
}

.widget-row .col-md-3 {
    padding: 0 5px;
}

.widget-thumb .widget-thumb-heading {
    margin-bottom: 0;
    line-height: normal;
    font-weight: normal;
    color: #000333;
    margin-top: 8px;
    text-transform: none;
    font-size: 12px;
}

.widget-row hr {
    margin: 12px 0 8px;
    border-color: #ddd;
}

.stat_view_more_wrapper{
	color: #4b77be;
	text-align: right;
}

.stat_arrow{
	transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.stat_view_more_text i, .stat_view_more_text span{
	font-size: 14px;
	margin-left: 4px;
	vertical-align: top;
    top: 0;
}

.stat_view_more_text {
    font-size: 10px;
    line-height: 16px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    cursor: pointer;
    color: #4b77be;
}

.widget-thumb {
    padding: 20px 20px 8px;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 6px;
}

.widget-thumb-body-stat {
    font-size: 38px;
    line-height: 50px;
    color: #000333;
}

.stat_fa {
    font-size: 48px;
    float: right;
    height: 40px;
    vertical-align: top;
    line-height: normal !important;
}

#collapse-Helper-Employer{
	    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 6px;
}

.view_more_input{
	padding: 0;
    font-size: 12px;
    font-weight: bold;
    text-transform: none;
    color: #4b77be;
}

.title_input_to_complete{
	color: #000333;
	background-color: #eee;
}

.view_more_input li{
	list-style: none;
    padding: 6px 10px;
}

.profile_view_more_dropdown {
    top: -3px;
    box-shadow: 2px 2px 12px rgba(0,0,0,.275);
    left: auto;
    right: -220px;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 208px;
}

.dropdown>.profile_view_more_dropdown:before{
	position: absolute;
    top: 50%;
    left: -9px;
    border-left: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #e6e6e6;
    border-bottom: 8px solid transparent;
    content: '';
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.dropdown>.profile_view_more_dropdown:after{
	position: absolute;
    top: 50%;
    left: -7px;
    border-left: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent;
    content: '';
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.card_title_wrapper {
    border-bottom: 1px solid #ddd;
    height: 40px;
    padding-top: 3px;
}

.card_title {
    display: inline-block;
    vertical-align: top;
    color: #4b77be;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
}

.card_title_fa{
	margin: 1px 10px 0 0;
	vertical-align: top;
}

.btn_pull_right{
	margin-top: -5px;
}

.btn_white_font, .btn_blue_font, .btn_red{
    line-height: normal;
    padding: 4px 10px;
}

.btn_white_font {
    color: #fff !important;
    background-color: #4b77be;
}

.btn_red {
	color: #fff !important;
    background-color: #d9534f;
}

.btn_blue_font {
    color: #4b77be;
    border: 1px solid #4b77be;
    background-color: #fff;
}

.btn_fa {
    margin: 2px 4px 0 0;
    vertical-align: top;
}

.btn_pull_right a:first-child {
    margin-right: 4px;
}

.hpanel .card_wrapper{
	box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 6px;
    border-radius: 4px;
    border: 0;
    padding: 16px 20px;
}

.card_wrapper th, .card_wrapper td {
    color: #000333;
    padding: 8px !important;
    vertical-align: middle !important;
    line-height: normal !important;
}

.card_wrapper .latest_job_wrapper th:first-child, .card_wrapper .latest_job_wrapper td:first-child {
    padding-left: 1px !important;
}

.card_wrapper th{
    vertical-align: bottom !important;
    padding-bottom: 10px;
}

.card_wrapper td a {
    color: #4b77be;
}

.card_wrapper td .fa-times, .stat_expired {
    color: #e7505a;
}

.card_wrapper td .fa-check, .stat_published {
    color: #28996c;
}

.td_arrow_down{
	margin-left: 6px;
}

.td_btn_action{
    background-color: #fff;
    color: #4b77be;
    border: 1px solid #4b77be;
    margin-right: 0 !important;
    line-height: normal !important;
    padding: 4px 10px;
}

.td_btn_action:hover, .dropdown.open .td_btn_action{
	border: 1px solid #eee !important;
    background-color: #eee !important;
    color: #000333 !important;
}

.td_action_dropdown{
	box-shadow: 2px 2px 12px rgba(0,0,0,.275);
    border: 0;
}

.dropdown-menu>li>a .td_action_icon{
	color: #4b77be;
	margin-right: 4px;
}

.dropdown-menu>li>a:hover {
    color: #4b77be;
}

.card_wrapper .latest_job_wrapper th:last-child, .card_wrapper .latest_job_wrapper td:last-child {
    width: 87px;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.card_wrapper .latest_job_wrapper table {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
}

.card_table_wrapper{
	width: 100%;
	margin-bottom: 10px;
}

.view-more {
    color: #4b77be;
    font-size: 14px;
    font-style: inherit;
}

.no_toolbar > .card_table_wrapper > br, .no_toolbar .btn-toolbar{
	display: none;
}

.package_info_stat{
	text-align: center;
	color: #000333;
	line-height: 18px;
	font-size: 12px;
}

.easy-pie-chart .number {
    width: 100%;
    height: auto;
    color: #000333;
    line-height: normal;
}

.easy-pie-chart .number canvas {
    width: 100%;
    position: relative;
    max-width: 150px;
}

.center_number{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.package_info_top {
    border-bottom: 1px solid #ddd;
    margin-bottom: 14px;
    padding: 16px 0 0;
}

.package_info_contact_title {
    line-height: 16px;
    margin-bottom: 10px;
}

.package_info_contact {
    color: #4b77be;
    line-height: 26px;
    font-weight: bold;
}

.package_info_date{
	line-height: 24px;
}

.bold_span{
	font-weight: bold;
}

.package_info_date_wrapper{
	margin: 12px 0 12px;
}

.package_info_fa {
    font-size: 12px;
    margin-right: 8px;
}

.package_info_contact:last-child .package_info_fa {
    top: 2px;
}

.card_table_wrapper center {
    margin: 18px 0;
}

.card_wrapper .list-group {
    margin: 0;
}

.right_padding_5{
	padding-right: 5px;
}

.left_padding_5{
	padding-left: 5px;
}

.right_padding_0{
    padding-right: 0;
}

.left_padding_0{
    padding-left: 0;
}

.card_title_wrapper .fa-archive{
	margin-top: 2px;
}

.card_wrapper .list-group-item a {
	color: #4b77be;
}

.badge.badge-info {
    color: #c0c0c0;
    background: inherit;
    font-size: 12px !important;
}

.h-bg-green {
    background: #28996c;
}

.h-bg-blue {
    background: #4b77be;
}

.h-bg-gold {
    background: #be994b;
}

.card_wrapper .list-group-item {
    border: 0;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 13px 0 10px;
    line-height: normal;
    font-size: 13px;
}

.card_wrapper .list-group-item:last-child{
	border-bottom: 0;
}

.card_wrapper .label {
    font-size: 12px;
    padding: 3px 6px;
    font-family: 'Helvetica';
}

.home_body_wrapper .list-group-item .label{
    padding: 3px 4px;
}

.card_wrapper .scoller_wrapper .label {
    margin-right: 8px;
}

.card_wrapper .scoller_wrapper {
	padding: 4px 0;
    border-bottom: 1px solid #ddd;
}

.card_wrapper .slimScrollDiv .scroller {
    padding: 0px 14px 0 8px;
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed{
	background-color: #fff;
	border: 1px solid #4b77be;
    border-radius: 3px;
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled{
	background: none;
	padding: 10px 20px;
    margin: 0;
	color: #4b77be !important;
	font-size: 14px;
	line-height: 24px;
	text-transform: none;
	background-color: #ddd;
	border: 1px solid #ddd;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed:hover{
	background-color: #ddd;
	border: 1px solid #ddd;
}

.accordion-toggle.accordion-toggle-styled.collapsed .fa-chevron-up{
	transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

.upcoming_interview_arrow .fa{
	font-size: 16px;
	transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.accordion-toggle div{
    vertical-align: top;
	display: inline-block;
}

.upcoming_interview_date {
    margin-right: 20px;
}

.upcoming_interview_number{
	width: 24px;
    height: 24px;
    line-height: 24px;
    padding-left: 1px;
    text-align: center;
    background: #4b77be;
    color: #fff;
    border-radius: 50%;
    margin-right: 16px;
}

.upcoming_interview_day{
	font-size: 12px;
}

.upcoming_interview_arrow {
    float: right;
    padding-top: 3px;
}

.accordion .panel-body {
    padding: 0;
}

.panel-collapse table {
    width: 100%;
}

.panel-collapse th, .panel-collapse td {
    padding: 10px 18px !important;
}

.panel-collapse th {
    border-bottom: 1px solid #ddd;
}

.card_table_wrapper .accordion {
    margin: 16px 0;
}

.upcoming_td_width{
	max-width: 276px;
}

.float_box{
	float: left;
	width: 100%;
}

figure a .text-overlay {
    z-index: 0;
}

.normalheader.transition {
    display: none;
}

.breadcrumb_wrapper{
	display: none;
}

.candidate_filter_wrapper .btn {
    white-space: inherit;
    line-height: normal !important;
}

.page_title {
    display: inline-block;
    vertical-align: top;
    color: #4b77be;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
}

.page_title_btn {
    padding: 6px 12px;
}

a:last-child .page_title_btn{
	margin-left: 6px;
}

.page_title_btn_fa{
	margin-right: 6px;
}

.page_title_btn_wrapper{
	padding-top: 3px;
}

.btn-primary {
    background-color: #4b77be;
    border-color: #4b77be;
    color: #fff;
}

section.footer-area {
    background-color: #34495e;
    color: #fff;
    line-height: 20px;
    font-size: 13px;
    padding: 40px 0;
}

.single-widget h4 {
    font-weight: normal;
    margin: 0 0 40px;
    font-size: 16px;
}

.single-widget ul {
    padding: 0;
}

.single-widget ul li {
    list-style: none;
    margin-bottom: 20px;
}

.single-widget ul li a{
    color: #fff;
}

.address_ul{
	line-height: 24px;
}

.single-widget .address_ul li{
	margin-bottom: 0;
}

.footer-widget{
	padding-left: 30px;
}

.single-widget .glyphicon {
    margin-right: 8px;
}

.single-widget .footer_fa {
    color: #4d4d4d;
    background: #fff;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    margin-right: 14px;
}

.single-widget ul li:last-child a:last-child .footer_fa{
    margin-right: 0;
    padding-left: 2px;
}

.wow_logo_white_footer{
	width: 110px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 38px;
}

.footer-content p {
    margin-bottom: 0;
}

.checkbox, .form-horizontal .checkbox{
	padding-top: 7px;
}

.checkbox>label, .form-horizontal .checkbox>label {
    padding-left: 20px;
}

.select2-container.select2-container--bootstrap {
    border: 1px solid #e4e5e7;
    border-radius: 4px;
    line-height: 30px;
}

.select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-selection__arrow b {
    border-color: #666 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 3px 0 3px;
    height: 0;
    left: 50%;
    margin-left: -2px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-selection__rendered {
    padding: 0 20px 0 16px !important;
}

.select2-container.select2-container--bootstrap .select2-results__option {
    line-height: 16px;
    padding: 6px 14px;
    word-break: break-all;
}

.select2-dropdown {
    border: 1px solid #e4e5e7;
}

.select2-container.select2-container--bootstrap .select2-results__option:hover, .select2-container.select2-container--bootstrap .select2-results__option--highlighted {
    background-color: #ddd;
}

.card_wrapper td a .fa-trash-o, .card_wrapper td a .fa-download {
    color: #fff;
}

.card_wrapper .fc th{
	padding: 12px 0 !important;
}

.card_wrapper .fc td {
    padding: 0 !important;
}

.card_wrapper .fc td a {
    color: #fff;
}

.tips-list {
    margin-left: 0;
}

.tips-list .tips-label {
    margin-top: 0;
    line-height: 16px;
}

.hpanel .employer_profile_detail_wrapper{
	padding: 0;
}

.company_profile_body {
    font-size: 0;
}

.profile-picture-employer {
    padding: 0;
    border: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-left: 0;
    display: inline-block;
    vertical-align: top;
    width: 270px;
    height: 270px;
    border-right: 2px solid rgba(0,0,0,0.1);
}

.company_profile_wrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 870px;
}

.company_name_wrapper {
    height: 80px;
    border-bottom: 2px solid #ddd;
    line-height: 80px;
    padding: 0 50px;
    font-size: 24px;
    font-weight: bold;
    position: relative;
}

.company_name_wrapper > a {
    line-height: normal;
    vertical-align: middle;
    max-width: 618px;
    display: inline-block;
}

.btn_media_wrapper {
    font-size: 0;
    line-height: normal;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.btn_media_wrapper > a {
    margin: 0px 12px 0 0;
}

.btn_media_wrapper > a:last-child {
    margin-right: 0;
}

.btn_media_wrapper i.fa {
    background-color: #4b77be;
    color: #fff;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 22px;
}

.company_detail_container {
    position: relative;
    height: 190px;
}

.company_detail_wrapper {
    position: absolute;
    width: 100%;
    padding: 0 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.company_detail_wrapper .column-bit {
    color: #000333;
    font-size: 14px;
    line-height: 24px;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.company_detail_box {
    margin-bottom: 6px;
}

.company_detail_box i.fa {
    font-size: 20px;
    width: 20px;
    text-align: center;
    margin: 2px 3px 0 0;
    vertical-align: top;
}

.company_detail_body {
    display: inline-block;
    vertical-align: top;
    width: 214px;
    line-height: 18px;
}

.company_detail_title {
    font-weight: bold;
    margin: 0 0 4px;
}

.responesive_view_small{
	display: none;
}

.profile_icon_title {
    border-bottom: 2px solid #ddd;
    padding-bottom: 18px;
}

.profile_title_icon {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: top;
    color: #4b77be;
    line-height: 20px !important;
}

.employer_profile_title {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    height: 20px;
    line-height: 22px;
    color: #4b77be;
}

.employer_profile_des p {
    margin-top: 0;
}

.profile_video_box {
    min-height: 360px;
}

.profile_video_box #wistia_iframe {
    padding: 0;
    margin: 20px auto 0;
    height: 250px;
}

video.thumbnail {
    margin-top: 20px;
    padding: 0;
    border-radius: 0;
}

.gallery-block {
    width: 250px;
    height: 250px;
    margin-bottom: 26px;
}

.testimonial_height_box {
    min-height: 370px;
}

.testimonial_wrapper {
    padding: 28px 0 0;
}

.carousel-inner>.item {
    border: 0;
    padding: 0;
}

.testimonial_body {
    position: relative;
    width: 100%;
    height: 270px;
    display: inline-block;
    vertical-align: top;
}

.testimonial_box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 94%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.testimonial_des {
    font-size: 14px;
    color: #000333;
    font-weight: bold;
    margin-bottom: 26px;
}

.testimonial_name {
    font-size: 14px;
    color: #000333;
    font-weight: bold;
    margin-bottom: 2px;
}

.testimonial_position {
    font-weight: bold;
    font-size: 14px;
    color: #4b77be;
}

.carousel-indicators {
    bottom: 0;
    margin-bottom: 0;
}

.carousel-indicators li {
    border-color: #000333;
    background-color: #fff;
}

.carousel-control {
    width: 4%;
    opacity: 0.7;
}

.carousel-control.left, .carousel-control.right {
    background: transparent;
}

.carousel-control .glyphicon-chevron-left {
    margin-left: -20px;
    margin-top: -40px;
}

.carousel-control .glyphicon-chevron-right {
    margin-right: -20px;
    margin-top: -40px;
}

.glyphicon-chevron-right, .glyphicon-chevron-left {
    color: #4b77be;
}

.carousel-indicators .active {
    background-color: #000333;
}

.employer_profile_des {
    padding: 20px 30px 0;
}

.panel-job-board {
    border-radius: 4px;
    border: 2px solid #ccc;
}

.panel-job-board > .panel-body {
    min-height: 241px;
    height: auto;
}

.job_label_wrapper {
    display: inline-block;
    vertical-align: top;
    float: right;
}

.company_profile_label {
    float: none;
    text-align: right;
    display: block;
    margin-bottom: 8px;
}

.job_label_wrapper span {
    display: inline-block;
    line-height: 10px;
    vertical-align: top;
}

.wow-bg-blue {
    background-color: #659be1;
}

.wow-bg-pink {
    background-color: #ee6b75;
}

.job_list_title {
    color: #659be1;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    max-width: 80%;
    margin-bottom: 12px;
}

.profile_job_list_title {
    width: 100%;
    max-width: 100%;
    height: 72px;
    position: relative;
    padding: 0 10px 0px;
    border-bottom: 2px solid #ddd;
    line-height: 22px;
}

.profile_job_list_title a {
    position: absolute;
    bottom: 5px;
}

.text-muted.employer {
    color: #000333;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
    padding: 0 10px;
}

.icon_color {
    color: #231f20;
    margin-right: 4px;
    text-align: center;
    width: 15px;
}

.list_max_width {
    display: inline-block;
    vertical-align: top;
    max-width: 74%;
}

.employer .list_max_width {
    max-width: 82%;
}

.pull-right.btn_view_more {
    text-align: right;
    width: 100%;
}

.btn_view_more a {
    color: #659be1;
    font-weight: bold;
    font-size: 14px;
}

.card_wrapper .company_profile_label .label {
    margin-right: 0;
    font-weight: bold;
    font-size: 11px;
    padding: 5px 6px 6px;
}

.job_campaign_table td {
    vertical-align: middle;
}

.job_campaign_table .dropdown-toggle {
    padding: 0 6px;
}

.job_campaign_table td td {
    padding: 0 !important;
}

.job_campaign_table td td .badge {
    color: #fff;
}

.job_list_card_name{
	color: #4b77be;
	font-size: 18px;
	max-width: 67%;
	font-weight: bold;
	line-height: 20px;
}

.job_list_card_name a{
	color: #4b77be;
}

.job_list_card_label_wrapper{
	font-size: 0;
}

.job_list_card_label{
	font-size: 11px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	margin-right: 3px;
	padding: 3px 6px;
	line-height: normal;
	border-radius: 3px;
}

.job_list_card_label:last-child{
	margin-right: 0;
}

.job_list_card_status{
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	margin-top: 4px;
}

.icon_job_portal_name {
    width: 12px;
    vertical-align: top;
    margin-right: 2px;
}

.card_status, .card_publish_date{
	font-weight: normal;
}

.job_day_left{
	font-size: 11px;
	line-height: 14px;
}

.job_day_left .glyphicon-time{
	font-size: 12px;
    line-height: 14px;
    vertical-align: top;
    top: 0;
}

.job_list_card_body_left, .job_list_card_body_right{
	min-height: 104px;
}

.job_list_card_body_left{
	position: relative;
	padding: 0 8px 0 12px;
}

.job_list_card_body_right_padding {
    padding: 0 12px 0 8px;
}

.job_list_card_action_btn{
	position: absolute;
	right: 8px;
	bottom: 0;
}

.job_list_card_body_right{
	background-color: #e4eaf2;
    text-align: center;
    float: left;
    width: 100%;
    padding: 16px 0px;
}

.card_table_status_num{
	font-size: 26px;
    letter-spacing: 1px;
    margin-bottom: 8px;
    line-height: normal;
    color: #4b77be;
    font-weight: bold;
}

.card_table_status_title{
	font-size: 12px;
	line-height: 16px;
	color: #000333;
}

.card_label_private{
	background-color: #ed6b75;
}

.card_label_live {
    background-color: #c0392b;
}

.card_label_qna{
	background-color: #4b77be;
}

.card_label_time_window{
	background-color: #f7af5b;
}

.job_list_card_status_wrapper {
    position: absolute;
    left: 12px;
    bottom: 0;
    width: 80%;
}

.job_list_card_body_right .col-sm-2 {
    padding: 0 10px;
}

.card_status_green {
    color: #28996c;
}

.card_status_grey{
	color: #666;
}

.card_status_red{
	color: #ed6b75;
}

.job_list_filter_wrapper br, .job_list_filter_wrapper .btn-toolbar{
	display: none;
}

.job_list_card_wrapper .td_action_dropdown > li > a {
    color: #4b77be;
    line-height: normal;
}

.job_list_card_wrapper .td_action_dropdown > li > a > .td_action_icon{
    top: 1px;
}

.pagination a, .pagination span {
    border-color: #4b77be !important;
    color: #4b77be !important;
    padding: 4px 10px !important;
}

.pagination li.disabled span {
    background-color: #fff !important;
    border-color: #4b77be !important;
    color: #4b77be !important;
}

.pagination li.active a, .pagination li:hover a, .pagination li a:focus, .pagination li.active span, .pagination li:hover span, .pagination li span:focus {
    background-color: #4b77be !important;
    border-color: #4b77be !important;
    color: #fff !important;
}

.hpanel .paginator_wrapper {
    padding: 16px;
}

.paginator_wrapper .pagination {
    margin: 0;
}

.job_list_filter_body{
	margin-top: 12px;
}

.job_list_filter_wrapper .fa-search {
    margin-top: 2px;
}

.publish_date_wrapper{
	border: 1px solid #e4e5e7;
    border-radius: 4px;
}

.publish_date_wrapper .input-group{
	position: relative;
}

.publish_date_wrapper .datepicker {
    border: 0;
}

.publish_date_wrapper .fa{
	position: absolute;
    top: 9px;
    right: 9px;
    color: #4b77be;
    font-size: 16px;
}

.filter_title{
	color: #000333;
	margin-bottom: 12px;
	line-height: normal;
	font-weight: bold;
}

.date_from_border{
	border-right: 1px solid #ddd;
}

.filter_form_group, .filter_form_group .form-control{
	width: 100%;
}

.filter_form_group .form-control{
	height: 30px;
}

.job_list_filter_body .btn{
	width: 100%;
	height: 30px;
}

.filter_form_group .form-control{
	padding: 4px 10px;
}

.job_list_filter_body .btn_font_wrapper{
	margin-top: 28px;
	padding-right: 15px;
}

.job_list_filter_body .btn_font_wrapper .btn_reset_blue{
	margin-right: 15px;
}

.fc-view, .fc-view>table{
    z-index: 0;
}

.page-header .page-header-top .top-menu .navbar-nav>li#notification .dropdown-menu{
	min-width: 300px;
    font-family: 'Helvetica';
}

.input-group .form-control{
	z-index: 0 !important;
}

.ui-widget.ui-widget-content{
	border: 0;
	box-shadow: 2px 2px 12px rgba(0,0,0,.275);
	margin-top: 10px;
}

.ui-widget.ui-widget-content:before {
    position: absolute;
    top: -8px;
    left: 10px;
    display: inline-block!important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0,0,0,.1);
    border-left: 7px solid transparent;
    content: '';
}

.ui-widget.ui-widget-content:after {
    position: absolute;
    top: -7px;
    left: 10px;
    display: inline-block!important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
}

.ui-widget-header{
	background-color: #fff;
	border: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    text-align: center;
    background: #fff;
    border: 0;
    padding: 7px 6px 6px;
    line-height: normal;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	background-color: #e4eaf2;
	border-radius: 4px;
	color: inherit;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active{
	background-color: #4b77be;
	border-radius: 4px;
	position: relative;
}

.ui-state-active:after, .ui-widget-content .ui-state-active:after, .ui-widget-header .ui-state-active:after{
	position: absolute;
    bottom: 2px;
    right: 0px;
    display: inline-block!important;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    content: '';
    transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
}

.ui-icon-circle-triangle-e {
    background-position: -55px -4px;
    background-size: 400px;
}

.ui-icon-circle-triangle-w {
    background-position: -155px -4px;
    background-size: 400px;
}

.home_body_wrapper .alert {
    margin: 0 0 12px;
}

.col-md-15 {
    width: 20%;
}

.wow-bg-yellow {
    color: #f39c12 !important;
}

legend{
    border-bottom: 0;
    margin-bottom: 10px;
}

#candidate-grid {
    border: 0;
    padding: 0;
}

.card_wrapper .fc td .fc-more {
    color: #4b77be;
}

.btn_margin_14{
    margin: 14px;
}

.review_candidate_in_wrapper {
    color: #4b77be;
    font-size: 14px;
    vertical-align: top;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
}

.result_num_wrapper{
    color: #4b77be;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
}

.result_sort_wrapper {
    margin-top: 20px;
}

.job_sort_select{
    width: 150px;
}

.noti_stat_0 {
    background-color: #edf2fa;
}

.candidate_filter_wrapper .form-control {
    height: 30px;
}

.candidate_filter_wrapper .caret{
    border-color: #666 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 3px 0 3px;
    height: 0;
    width: 0;
    right: 6px !important;
    margin-top: -1px !important;
}

.candidate_filter_wrapper .caret:before{
    content: '';
}

.candidate_filter_wrapper .bootstrap-select .btn {
    border-color: #e4e5e7;
    padding-left: 16px;
}

.candidate_filter_wrapper .bs-placeholder {
    color: #555 !important;
}

.candidate_sort_wrapper .result_sort_wrapper {
    margin-top: 0;
}

.candidate_sort_wrapper .result_sort_wrapper .result_num_wrapper{
    font-size: 14px;
}

.candidate_sort_wrapper .result_sort_wrapper .form-control{
    height: 30px;
    padding: 4px 12px;
}

.view_candidate img {
    max-width: 84px;
    aspect-ratio: 1;
    object-fit: contain;
}

.my_candidate_name{
    color: #4b77be;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: bold;
}

.ic_wowsume {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 9px;
}

#candidate-grid .td_action_dropdown button {
    line-height: normal;
    color: #4b77be;
    border: 0;
    padding: 8px 16px;
    text-align: left;
}

#candidate-grid .td_action_dropdown button:hover{
    background-color: #f5f5f5;
}

#candidate-grid .td_action_dropdown .td_action_icon {
    top: 1px;
    margin-right: 8px;
}

#candidate-grid .td_action_dropdown .fa-commenting {
    top: 0;
}

.btn_action_dropdown{
    width: 100%;
    background-color: #fff;
}

.label_new_candidate {
    background-color: #ed6b75;
}

.label_questionable_application_history{
    background-color: #f7af5b;
}

.candidate_detail_text {
    font-size: 14px;
    margin-bottom: 8px;
}

.candidate_detail_text .fa{
    width: 16px;
    text-align: center;
    margin-right: 10px;
}

.candidate_detail_text_max {
    max-width: 88%;
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    padding-top: 1px;
    word-break: break-word;
}

.btn_application_detail_wrapper{
    margin: 0 -5px;
}

.btn_application_detail{
    width: 100%;
    margin-top: 16px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0;
    border-top: 1px solid #ccc;
    color: #4b77be;
    font-weight: bold;
    font-size: 16px;
    padding: 0;
    height: 50px;
    line-height: 50px !important;
    float: left;
}

.btn_application_detail_wrapper .accordion-toggle.btn_application_detail.collapsed{
    background-color: #fff;
}

.btn_application_detail:hover{
    background-color: #eee;
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    color: #4b77be;
}

.hpanel .candidate_card_wrapper{
    padding-bottom: 0;
}

.total_this_candidate_apply{
    width: 26px;
    height: 26px;
    line-height: 28px;
    background-color: #4b77be;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    margin: 11px 24px 0 0;
    font-weight: normal;
}

.title_application_details{
    margin-right: 26px;
}

.btn_application_detail_wrapper .upcoming_interview_arrow {
    float: none;
    padding-top: 1px;
}

.btn_application_detail_wrapper .accordion-toggle.btn_application_detail{
    border-bottom: 1px solid #ccc;
    color: #4b77be;
    background-color: #eee;
}

.star_yellow{
    color: #ffe133;
    font-size: 16px;
}

.star_grey{
    color: #ccc;
}

.applied_list_star{
    margin-right: 2px;
    font-size: 16px;
}

.applied_list_star:last-child{
    margin-right: 0;
}

.half_star_grey{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    margin-right: 4px;
    margin-left: -1px;
}

.jop_applied_status_color_unprocess{
    background-color: #9BA9BE;
}

.jop_applied_status_color_shortlisted{
    background-color: #7DAAEA;
}

.jop_applied_status_color_kiv{
    background-color: #F1C40F;
}

.jop_applied_status_color_schedule{
    background-color: #F7AF5B;
}

.jop_applied_status_color_hired{
    background-color: #26C281;
}

.jop_applied_status_color_rejected{
    background-color: #CC4B4B;
}

.btn_application_detail_wrapper tr {
    border-bottom: 1px solid #ddd;
}
.avg_candidate_rating_star_wrapper{
    margin-top: 8px;
}

.avg_candidate_rating_star{
    font-size: 18px;
    line-height: 18px;
}

.filter_check_wrapper {
    margin-bottom: 4px;
}

input[type=checkbox]{
    vertical-align: top;
    display: inline-block;
}

#col_salary .input-group-addon {
    background-color: #e6e6e6;
}

#col_salary .input-group-addon .fa{
    color: #000333;
    font-size: 13px;
}

.form_group_applied_date .fa-calendar{
    font-size: 14px;
}

.full_width_btn{
    width: 100%;
    height: 30px;
}

.card_wrapper .fc .fc-day-header {
    padding: 4px 2px !important;
    color: #666;
    background-color: #eee;
    font-weight: normal;
}

.fc-rigid {
    height: 110px !important;
}

.fc-day-grid-event {
    padding: 2px 4px 1px;
}

.fc-day-grid-event .fc-content {
    text-overflow: ellipsis;
}

.deposited_resume_table td:last-child {
    width: 87px;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.card_wrapper .fc .fc-event-container {
    vertical-align: top !important;
}

.deposited_resume_table table{
    width: 100%;
}

.deposited_resume_table tr{
    border-bottom: 1px solid #ddd;
}

.card_wrapper .latest_job_wrapper .reviewer_table{
    margin-bottom: 20px;
}

.reviewer_table .glyphicon-edit {
    font-size: 15px;
    background-color: #4b77be;
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    text-align: center;
    line-height: 26px;
    padding-left: 1px;
}

.center_action_btn{
    text-align: center;
}

.deposited_resume_table .reviewer_table td:last-child {
    width: 60px;
}

.seat_text_color{
    font-weight: bold;
    color: #4b77be;
    display: inline-block;
    vertical-align: top;
    margin-right: 60px;
}

.seat_text_color:last-child{
    margin-right: 0;
}

.modal-header {
    padding: 14px 20px;
    background-color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal-footer {
    padding: 14px 20px;
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.modal .close {
    opacity: 1;
    text-indent: inherit;
}

.modal .close span {
    font-size: 26px;
    position: absolute;
    color: #4b77be;
    opacity: 1 !important;
    right: 12px;
    top: 8px;
}

.modal-title {
    font-size: 24px;
    font-weight: bold;
    color: #4b77be;
    line-height: normal;
    max-width: 95%;
}

.btn_edit_dropdown{
    padding: 0;
    outline: 0 !important;
    border: 0 !important;
}

.hpanel .card_wrapper.review_candidate_card_wrapper {
    padding: 0;
}

.review_candidate_card_wrapper .job_list_card_wrapper {
    padding: 16px 20px;
}

.btn_export_report_wrapper{
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 12px 16px;
    float: left;
}

.btn_light_blue{
    background-color: #7daaea;
    border-color: #7daaea;
}

.select2-container.select2-container--bootstrap .select2-search__field {
    line-height: normal;
}

.hpanel .nav_btn_card_wrapper{
    padding: 0 16px;
}

.nav_btn {
    display: inline-block;
    vertical-align: top;
    line-height: 52px;
    padding: 0;
    border-bottom: 3px solid #fff;
    font-size: 14px;
    height: 52px;
    position: relative;
    font-weight: bold;
}

.nav_btn.active{
    border-color: #4b77be;
}

.nav_btn_col{
    border-left: 1px solid #ddd;
    padding: 6px 15px;
}

.nav_btn_col .dropdown {
    line-height: 40px;
    background-color: #fff;
    padding: 0 12px;
    list-style: none;
    font-weight: bold;
    font-size: 16px;
}

.nav_btn_col .dropdown.open {
    background-color: #eee;
}

.nav_btn_col .dropdown-menu {
    box-shadow: 2px 2px 12px rgba(0,0,0,.275);
    left: auto;
    right: 0;
}

.nav_btn_col .dropdown-menu:before{
    left: auto;
    right: 9px;
}

.nav_btn_col .dropdown-menu:after{
    left: auto;
    right: 10px;
}

.nav_btn_col .dropdown-menu>li>a {
    color: #4b77be;
    font-weight: 400;
    font-size: 14px;
}

.nav_btn_col .caret {
    border-left: 6px solid rgba(255,255,255,0);
    border-right: 6px solid rgba(255,255,255,0);
    border-top: 7px solid #4b77be;
    float: right;
    display: inline-block;
    vertical-align: top;
    margin-top: 17px;
}

.with_filter.active, .without_filter.active{
    display: block;
}

.without_filter, .with_filter{
    display: none;
}

.testimonial_user_image {
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    background-size: contain;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.testimonial_name_position_body {
    display: inline-block;
    vertical-align: top;
}

.interview_status_tag{
    background-color: #CC4B4B;
    margin-left: 3px;
}

.all_tag_width{
    max-width: 350px;
    text-align: right;
}

.all_tag_width .label{
    margin-bottom: 3px;
    line-height: normal;
    vertical-align: top;
    display: inline-block;
}

.dropdown_interview_stat_wrapper{
    margin: 0 -5px;
}

.dropdown_interview_stat_body {
    padding: 12px 20px 8px;
    float: left;
    width: 100%;
    border-top: 1px solid #ddd;
    margin-top: 6px;
}

.dropdown_interview_stat_wrapper .form-group {
    margin: 0 !important;
    text-align: right;
}

.dropdown_interview_stat_wrapper .dropdown {
    vertical-align: text-bottom;
    margin-top: 4px;
}

.status_question_wrapper, .interview_stat_select{
    display: inline-block;
    vertical-align: top;
}

.status_question_wrapper {
    margin-right: 6px;
}

.interview_stat_select select {
    height: 32px;
}

#reviewCandidates .td_action_dropdown {
    left: 0;
    right: auto;
}

#reviewCandidates .td_action_dropdown:before {
    left: 58px;
    right: auto;
}

#reviewCandidates .td_action_dropdown:after {
    left: 59px;
    right: auto;
}

.label-default {
    background-color: #777;
}

.label-primary {
    background-color: #4b77be;
}

.color_777{
    background-color: #777;
}

.color_4b77be{
    background-color: #4b77be;
}

.color_f1c40f{
    background-color: #f1c40f;
}

.color_e67e22{
    background-color: #e67e22;
}

.color_36c6d3{
    background-color: #36c6d3;
}

.color_c0392b{
    background-color: #c0392b;
}

.review_candidate_filter_wrapper {
    border-bottom: 1px solid #ddd;
    height: 32px;
    margin-bottom: 12px;
}

.review_candidate_filter_title{
    font-size: 16px;
}

.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 20px;
}

.with_filter #filter_panel .form-control {
    height: 30px;
    line-height: normal;
    padding: 4px 6px;
}

.with_filter #filter_panel .bootstrap-select.form-control {
    padding: 0;
}

.total_review_wrapper {
    margin: 6px 0 4px;
}

.total_review_number{
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    line-height: 24px;
    color: #fff;
    font-size: 12px;
    background-color: #4b77be;
    margin-right: 4px;
}

.total_review_title{
    color: #4b77be;
    display: inline-block;
    vertical-align: top;
    line-height: 22px;
    font-weight: bold;
}

.title_job_position{
    color: #4b77be;
    font-size: 16px;
    margin-bottom: 4px;
}

.title_untitle_job{
    color: #4b77be;
    font-size: 22px;
    margin-bottom: 16px;
}

.bold_card_wrapper{
    font-weight: bold;
}

.create_tab_wrapper {
    background-color: #eee;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 10px;
    color: #000333;
}

.create_tab_num {
    border-radius: 50%;
    font-weight: bold;
    font-size: 16px;
    background-color: #fff;
    margin: auto;
    display: block;
    width: 28px;
    height: 28px;
    line-height: 30px;
    margin-bottom: 8px;
}

.create_tab_wrapper.active {
    background-color: #7daaea;
    color: #fff;
}

.create_tab_wrapper.active .create_tab_num{
    color: #7daaea;
}

.create_tab_wrapper.active .create_tab_title {
    color: #fff;
}

.hpanel .create_job_card_wrapper{
    padding-bottom: 6px;
}

.create_job_row{
    margin: 0 -5px;
}

.create_job_tab_wrapper {
    padding: 0 5px;
}

.select2-results {
    max-height: 200px;
    overflow-y: scroll;
}

.create_tab_title, .create_tab_num{
    color: #000333;
}

.color_note{
    color: #f1c40f;
}

.color_warning_info{
    color: #cc4b4b;
}

.color_notification_info{
    color: #33ccff;
}

.dropdown_hover_menu{
    display: inline-block;
    vertical-align: top;
}

.dropdown .btn_hover_menu {
    padding: 0;
    border: 0;
}

.dropdown .btn_hover_menu:hover .hover_menu{
    display: block;
}

.bad_history_hover_menu {
    box-shadow: 2px 2px 12px rgba(0,0,0,.275);
    width: 220px;
    left: -12px;
    font-size: 12px;
    padding: 6px 6px 0 0;
}

.nav_job_configuration a .nav_btn {
    padding: 0 14px;
}

.nav_candidate_management > .nav_btn > a{
    display: block;
    padding: 0 12px;
}

.margin_left_right_zero{
    padding: 0 15px;
}

.review_candidate_filter_box .control-label {
    padding-top: 0;
    margin-bottom: 5px;
}

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

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

.cke_chrome{
    border-radius: 0;
}

.deadline_datepicker_wrapper{
    position: relative;
}

.datepicker_calendar_fa{
    position: absolute;
    right: 8px;
    top: 10px;
    font-size: 16px;
    color: #4b77be;
}

.btn_create_reviewr_wrapper{
    padding: 0;
    margin-top: -8px;
}

.title_ask_question_big{
    font-size: 24px;
    text-align: center;
    display: block;
    line-height: 40px;
    margin-bottom: 12px;
}

.height_auto{
    height: auto;
}

.time_window_note_text_wrapper{
    display: inline;
    vertical-align: top;
}

.time_window_checkbox{
    margin: 7px 4px 0 0px !important;
}

.time_window_note_text{
    margin-top: 4px;
}

.time_window_note_text_wrapper .time_window_note{
    max-width: 85%;
    font-size: 11px;
    line-height: 14px;
    display: inline-block;
    vertical-align: top;
}

.add_file_assessment_wrapper{
    margin-top: 0 !important;
}

.switch_wrapper{
    margin-bottom: 10px;
}

.card_wrapper .switch_wrapper {
    padding: 0 20px 20px !important;
}

.portlet.box.switch_wrapper>.portlet-title.question {
    margin-bottom: -18px;
}

.switch_wrapper .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .switch_wrapper .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #26c281;
}

.switch_wrapper .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background: #ccc;
}

.switch_wrapper.portlet.box>.portlet-title>.caption {
    padding: 10px 0 0;
}

.switch_wrapper .bootstrap-switch{
    border: 0;
}

.switch_wrapper.portlet.box.question>.portlet-title, .switch_wrapper.portlet.question, .switch_wrapper.portlet>.portlet-body.question {
    background-color: #e4eaf2;
    position: relative;
}

.switch_wrapper.portlet>.portlet-title>.tools {
    padding: 13px 0 0px;
}

.switch_wrapper.portlet.box>.portlet-body {
    padding: 20px 15px 15px;
    margin-top: 24px;
}

.create_tab_wrapper a {
    display: block;
    padding: 10px 12px;
    min-height: 96px;
}

.icon_invite_reviewer{
    margin-right: 6px;
}

#reviewer-grid table{
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
}

#reviewer-grid br, #reviewer-grid .btn-toolbar{
    display: none;
}

.tokenfield .token .close {
    text-indent: unset;
}

.sent_label{
    background-color: #26c281;
}

.processing_label{
    background-color: #36c6d3;
}

#invite-candidate-grid .btn-toolbar, #invite-candidate-grid > br {
    display: none;
}

#invite-candidate-grid .table {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}

#invite-candidate-grid .pagination {
    margin: 0;
}

#invite-candidate-grid ul.pagination {
    margin: 20px 0 0;
}

#invite-candidate-grid .table td {
    padding: 10px 8px !important;
}

#invite-candidate-grid th {
    padding-top: 0 !important;
}

#header .page-header .page-header-top .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle,
#header .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:active .dropdown-toggle,
#header .page-header .page-header-top .top-menu .navbar-nav>li.dropdown:focus .dropdown-toggle {
    background-color: #6496ed !important;
}

.button_change_view_mode {
    position: fixed;
    bottom: 120px;
    right: -454px;
    z-index: 99999;
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.button_change_view_mode.mobile_view {
    bottom: 30px;
    right: -227px;
}

.button_change_view_mode.active{
    right: 0;
}

.button_3_bar {
    background: #4b77be;
    color: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    line-height: 60px !important;
    font-size: 30px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 120px;
    height: 120px;
    line-height: 120px !important;
    font-size: 60px;
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.button_change_view_mode .fa-minus{
    display: none;
}

.button_change_view_mode.active .fa-minus{
    display: inline-block;
}

.button_change_view_mode .fa-plus{
    display: inline-block;
}

.button_change_view_mode.active .fa-plus{
    display: none;
}

.mobile_view .button_3_bar {
    width: 60px;
    height: 60px;
    line-height: 60px !important;
    font-size: 30px;
}

.view_mode_button_wrapper {
    font-size: 0;
    cursor: pointer;
}

.mode_show_wrapper {
    display: inline-block;
    vertical-align: top;
    background: #4b77be;
    font-size: 48px;
    line-height: 64px;
    padding: 8px 12px;
    border-bottom-left-radius: 6px;
    width: 454px;
}

.mobile_view .mode_show_wrapper{
    font-size: 24px;
    line-height: 32px;
    width: 227px;
}

.mode_show_body .fa {
    font-size: 108px;
    width: 100px;
    height: 100px;
    line-height: 128px;
    text-align: center;
}

.mobile_view .mode_show_body .fa{
    font-size: 54px;
    width: 50px;
    height: 50px;
    line-height: 64px;
}

.mode_show_body .fa-desktop {
    font-size: 68px;
}

.mobile_view .mode_show_body .fa-desktop {
    font-size: 34px;
}

.mode_show_text {
    display: inline-block;
    vertical-align: top;
}

.mode_show_body {
    color: #fff;
}

.candidate_interview_tab > #interview-grid > br{
    display: none;
}

.update_profile_testimonial br, .update_profile_testimonial .btn-toolbar{
    display: none;
}

.fc-view-container .fc-widget-header {
    background: #eee;
}

.card_wrapper .fc-ltr .fc-axis {
    padding: 0px 4px !important;
    color: #666;
}

.fc-unthemed td.fc-today {
    background: #eff2f7;
}

.fc-left h2 {
    font-size: 16px;
    color: #4b77be;
    font-weight: bold;
    display: inline-block;
    width: 180px;
}

.fc .fc-button-group>* {
    background-color: #fff !important;
    box-shadow: none !important;
    border: 0 !important;
    background-image: none !important;
    color: #4b77be;
    font-weight: bold;
    font-size: 16px;
    outline: 0 !important;
    text-transform: capitalize;
    padding: 0 20px;
    height: 38px;
    border-radius: 0;
    margin-bottom: -1px;
    margin-left: 0 !important;
}

.fc-left button {
    background-color: #fff !important;
    box-shadow: none !important;
    border: 0 !important;
    background-image: none !important;
    color: #4b77be;
    font-weight: bold;
    font-size: 20px;
    outline: 0 !important;
    height: auto;
    padding: 0;
}

.fc .fc-state-active{
    color: #000333 !important;
    border: 1px solid #ddd !important;
    border-bottom: 0 !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 39px;
    margin-bottom: -1px !important;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 24px;
    border-bottom: 1px solid #ddd;
    padding-right: 12px;
}

.tab_interview_button_wrapper{
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
}

.btn_x_close{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    cursor: pointer;
    padding-top: 9px;
    text-align: center;
    z-index: 1;
}

.btn_x_close:hover{
    background-color: #ccc;
}

.btn_x_close .glyphicon-remove{
    font-size: 20px;
    color: #4b77be;
    line-height: 20px;
}

#current-profile{
    width: 250px;
    position: relative;
}

.hover_bad_history li {
    list-style: disc !important;
    line-height: 14px;
    margin-bottom: 6px;
}

.hover_bad_history {
    padding-left: 24px;
}

.question_col_width .fa-align-justify {
    color: #4b77be;
}

.upload_note_wrapper {
    padding: 6px 0 0 14px;
    margin-bottom: 14px;
}

.btn_choose_file {
    background-color: #7daaea;
    border-radius: 3px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding: 0 12px;
    margin-left: 8px;
}

.form-control-static.filename-label {
    border: 1px solid #ddd;
    width: 320px;
    padding: 0 12px;
    height: 34px;
    line-height: 34px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.birthdayPicker > .form-control {
    width: 31.8%;
    max-width: 150px;
}

.birthdayPicker > .form-control:nth-child(3) {
    margin-right: 0;
}

.account_profile_img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto 10px;
    background-size: cover;
    background-position: center;
    display: block;
}

.account_name{
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}

.btn_view_public_profile{
    text-align: center;
    display: inline-block;
    float: none;
}

.accordion.account_profile_accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
    background-color: #4b77be;
    color: #fff !important;
    border-color: #4b77be;
    padding: 5px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.accordion.account_profile_accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed:hover {
    background-color: #4b77be;
    border: 1px solid #4b77be;
}

.account_profile_accordion .upcoming_interview_arrow{
    padding-top: 0;
}

.accordion-toggle.accordion-toggle-styled.collapsed .upcoming_interview_arrow {
    padding-top: 3px;
}

.account_profile_accordion {
    margin-bottom: 4px;
    text-align: left;
}

.account_profile_accordion:last-child {
    margin-bottom: 0;
}

.account_profile_accordion .panel-default {
    border: 0;
}

.profile_setting_tab_list {
    border-radius: 4px;
    margin: 5px 0 0;
    padding: 0 40px;
    font-size: 14px;
    color: #4b77be;
    line-height: 32px;
    border-bottom: 1px solid #eee;
}

.profile_setting_tab_list.active{
    background-color: #eee;
}

.form-horizontal .form-group {
    margin-right: auto;
    margin-left: auto;
}

.padding_left_right_0{
    padding-left: 0!important;
    padding-right: 0!important;
}

.box_blue_font {
    color: #4b77be;
    border: 1px solid #4b77be;
    background-color: #fff;
}

.profile_testimonial_wrapper br{
    display: none;
}

.profile_testimonial_wrapper table{
    margin-bottom: 0!important;
}

.upload_note_body {
    line-height: 14px;
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    font-weight: bold;
}

.profile_media_wrapper .gallery-block, .profile_media_wrapper .add-block {
    width: 100% !important;
    height: 200px !important;
    max-width: 200px;
}

.swal-modal {
    width: 90% !important;
    max-width: 640px !important;
    padding: 24px !important;
}

/*.swal-icon{
    width: 110px !important;
    height: 110px !important;
    font-size: 64px !important;
    line-height: 110px !important;
    margin: 0px auto 20px !important;
}

.swal-icon--warning__body{
    top: 25px;
}*/

.swal-icon--warning__dot{
    margin-left: -3.5px;
}

.swal-modal .swal-title{
    line-height: 26px;
    font-size: 20px !important;
    margin: 0 0 14px !important;
}

.swal-modal .swal-content{
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
}

.swal-button{
    font-size: 17px;
    font-weight: 500;
    padding: 4px 20px !important;
}

.swal-footer {
    text-align: center;
    padding: 0;
}

.swal-content input[type=checkbox]{
    margin-top: 2px !important;
}

.swal-button-container {
    margin: 5px 8px;
}

button.swal-button.swal-button--yes{
    background-color: #4b77be;
}

button.swal-button.swal-button--no{
    background-color: #cc4b4b;
}

button.swal-button.swal-button--cancel{
    background-color: #666;
    color: #fff;
}

button.swal-button.swal-button--confirm{
    background-color: #4b77be;
}

.email_reject_flag_text {
    padding: 4px 0 0 4px;
    font-size: 12px;
}

.profile_media_wrapper .form-control-static.filename-label {
    max-width: 260px;
    width: 100%;
}

.profile_media_wrapper #profile_pic_show {
    height: 270px !important;
    max-width: 270px;
}

.control-label.profile_choose_file_wrapper {
    line-height: 16px;
}

.btn_profile_save_video_wrapper{
    width: 100%;
    max-width: 300px;
}

.preview_file_background{
    background-color: #f2f2f2;
    padding: 10px 14px 12px;
}

.video_preview_background {
    background-color: #f2f2f2;
    padding: 12px 14px 12px;
    margin-bottom: 10px;
    position: relative;
}

.profile_choose_file_wrapper .thumbnail-video {
    margin-bottom: 10px !important;
}

#candidate_modal .candidate_detail_text_max {
    max-width: 81%;
}

#candidate_modal .status_select_btn_wrapper{
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    margin-left: 3px;
}

#candidate_modal .nav-tabs>li>a{
    color: #4b77be;
    font-weight: bold;
}

#candidate_modal .nav-tabs>li.active>a {
    border-color: #ddd;
    border-bottom: 1px solid #fff;
    color: #000333;
}

#candidate_modal .nav-tabs>li>a>.badge {
    padding: 0 !important;
    line-height: 16px;
    width: 16px;
    height: 16px;
    border-radius: 50% !important;
    vertical-align: top;
    margin: 2px 6px 0 0;
    background-color: #4b77be;
    font-weight: bold;
}

#candidate_modal .nav-tabs>li.active>a>.badge {
    color: #000333;
    background-color: #eee;
}

.candidate_action_btn {
    margin: 0 0 8px 6px;
    width: 191px;
    float: right;
    text-align: left;
}

#interview-grid .btn-toolbar {
    display: none;
}

#interview-grid td{
    vertical-align: top !important;
    line-height: 18px !important;
}

#interview-grid td:nth-child(4), #interview-grid td:nth-child(6) {
    text-align: center;
}

.label_attended {
    background-color: #26c281;
}

.label_late {
    background-color: #f1c40f;
}

.label_noshow {
    background-color: #e7505a;
}

#interview-grid .glyphicon-edit, #interview-grid .glyphicon-trash {
    font-size: 15px;
    background-color: #4b77be;
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    text-align: center;
    line-height: 26px;
}

.review_comment_wrapper {
    padding: 14px 24px;
    border-bottom: 1px solid #ddd;
}

.btn_write_a_review {
    margin-right: 5px;
    border: 1px solid #ccc;
    width: 100%;
    height: 80px;
    background-color: #fff;
    margin-left: 24px;
    border-radius: 4px;
    vertical-align: middle;
    resize: none;
    padding: 8px 10px;
    cursor: pointer;
}

.btn_edit_review_wrapper {
    text-align: right;
    display: block;
}

.reviewer_name {
    color: #4b77be;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 6px;
}

.rating_time_wrapper {
    margin-bottom: 10px;
}

.reviewer_rating {
    display: inline-block;
    vertical-align: top;
}

.review_time_ago {
    float: right;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
}

.review_comment_wrapper .avg_candidate_rating_star_wrapper {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
}

.time_clock_wrapper .fa-clock-o {
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    vertical-align: top;
    margin: 5px 4px 0 0;
    color: #4b77be;
}

.time_clock_body {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
}

.time_clock_body span {
    color: #000333 !important;
}

.time_clock_wrapper {
    margin-bottom: 20px;
}

.candidate_question_n_answer_wrapper {
    border: 1px solid #dadbe5;
    border-radius: 4px;
    margin: 0 0 14px;
    background-color: #dadbe5;
}

.video_answer_wrapper{
    background-color: #fff;
}

.candidate_question_n_answer_wrapper .col-sm-6 {
    padding: 16px 20px;
    position: relative;
}

.candidate_question_n_answer_wrapper .form-group label {
    padding-top: 0;
    text-align: left;
}

.image_question_ask {
    font-size: 98px;
    position: absolute;
    top: 0px;
    right: 20px;
    color: #4b77be;
    opacity: 0.15;
    line-height: 1;
}

.question_font {
    color: #000333;
    margin-bottom: 10px;
    font-weight: bold;
}

.question_font:last-child {
    margin-bottom: 0;
}

.question_font:nth-child(3) {
    margin-top: 16px;
}

.question_ask {
    display: inline-block;
    vertical-align: top;
}

.question_ask_length {
    max-width: 93%;
    margin-left: 8px;
}

.answer_upload_wrapper {
    background-color: #f2f2f2;
    padding: 20px;
}

.default_video_image {
    border: 0;
    padding: 0;
    width: 100%;
    height: auto;
    /*max-width: 220px;*/
    max-height: 220px;
}

.img_text_question {
    position: absolute;
    right: 18px;
    top: 20px;
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.2;
}

.image_question_ask_assessment {
    right: 4px;
    top: 20px;
}

.wtable-cell {
    padding: 3px;
}

.btn_download_assessment{
    padding: 5px 12px;
    border: 0;
    background-color: #7daaea;
}

.btn_download_assessment .fa-download{
    margin-right:4px;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 0;
}

.not_interested .fc-content {
    text-decoration: line-through;
    color: #ea3434;
}

.not_available .fc-content {
    color: #ea3434;
}

.no_min_height {
    min-height: auto !important;
}

.tabbable-line>.tab-content {
    border-top: 1px solid #ddd;
    padding: 20px 0 0;
}

.tab_sume{
    width: 50%;
    text-align: center;
}

.tabbable-line>.nav-tabs>li>a{
    color: #4b77be !important;
    font-weight: bold;
    font-size: 16px;
    border: 0 !important;
    background: inherit !important;
}

.tabbable-line>.nav-tabs>li.active{
    border-bottom: 4px solid #4b77be;
}

.resume_center_title{
    padding: 10px 15px;
    color: #4b77be !important;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 4px solid #4b77be;
    margin-bottom: 20px;
}

.img_like_wow_wrapper .thumbnail {
    max-width: 200px;
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 50%;
    padding: 0;
}

.like_wow_wrapper {
    padding-top: 12px;
}

.like_wow_wrapper img {
    width: 20px;
    height: auto;
    margin-right: 3px;
}

.like_wow_wrapper a {
    color: #000333;
}

.like_wow_wrapper a:first-child {
    margin-right: 12px;
}

.candidate_profile_detail_wrapper .company_name_wrapper {
    line-height: 34px;
    height: auto;
    border-bottom: 0;
    padding: 0 15px;
}

.candidate_profile_name {
    line-height: normal;
    vertical-align: middle;
    max-width: 65%;
    display: inline-block;
    color: #4b77be;
}

.employer_profile_des ol {
    padding: 0;
}

.candidate_profile_detail_wrapper .candidate_detail_text {
    margin-bottom: 8px;
}

.candidate_profile_detail_wrapper .candidate_detail_text_max {
    max-width: 80%;
    display: inline-block;
    vertical-align: top;
    word-break: break-word;
    font-size: 12px;
    font-weight: bold;
}

.candidate_profile_detail_wrapper .candidate_detail_text .fa {
    font-size: 12px;
    line-height: 14px;
    vertical-align: top;
}

.candidate_detail_text_bold{
    font-weight: bold;
    margin-bottom: 2px;
}

.candidate_profile_detail_wrapper .btn_media_wrapper {
    top: auto;
    transform: none;
    -o-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
}

#reviewer-helper {
    color: #fff;
    background-color: #4b77be;
    border: 0;
    border-radius: 0px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    padding: 0 20px;
    line-height: 40px;
    height: 38px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 2px 2px 6px rgba(0,0,0,.3) !important;
}

#reviewer-helper.collapsed {
    border-radius: 4px;
}

#reviewer-helper .fa-lg {
    color: #4b77be;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 11px 6px 0 0;
    background-color: #fff;
    font-size: 13px;
    text-align: center;
    vertical-align: top;
}

#collapse-Helper-Reviewer {
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 6px;
}

#collapse-Helper-Reviewer .well {
    padding: 16px 20px 20px;
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff !important;
}

.review_job_campaign_message{
    color: #4b77be;
    background-color: #bee9ff;
    position: relative;
    padding: 12px 30px 12px 16px;
    margin-bottom: 10px;
}

.review_job_campaign_table > br, .review_job_campaign_table > .btn-toolbar{
    display: none;
}

.card_wrapper .review_job_campaign_table td {
    text-align: center;
}

.card_wrapper .review_job_campaign_table td:first-child {
    color: #4b77be;
    text-align: left;
}

#review_job_campaign_x{
    position: absolute;
    top: 16px;
    right: 15px;
    font-size: 18px;
    color: #999;
    cursor: pointer;
}

.review_job_campaign_table .btn_blue_font {
    margin: auto;
}

.review_job_campaign_table .table {
    margin: 0;
    border-bottom: 1px solid #ddd;
}

.action_status_error.has-error, #action_status_error.has-error {
    color: #d62c1a;
}

.action_status_error.has-success, #action_status_error.has-success {
    color: #4ea227;
}

.job_applied_title_td_width{
    min-width: 148px;
    max-width: 300px;
}

.date_applied_td_width {
    max-width: 126px;
    width: 126px;
    min-width: 126px;
}

.applied_status_td_width {
    max-width: 306px;
}

.rating_star_td_width {
    width: 121px;
    min-width: 121px;
    max-width: 121px;
    font-size: 0;
}

.header_font > a{
    color: #fff;
    line-height: 62px !important;
    padding: 0 14px !important;
    margin: 0;
    max-height: none !important;
    font-size: 16px;
}

.nav > li.header_font > a:hover, .nav > li.header_font > a:focus {
    color: #fff;
    background-color: inherit;
}

.header_font:last-child a {
    padding-right: 0 !important;
}

.header_font:last-child a .caret{
    margin-top: 0;
}

.page-header .page-header-top .top-menu .navbar-nav>li.dropdown.user_dropdown_wrapper>.dropdown-toggle{
    font-size: 25px;
}

.job_application_wrapper .btn-toolbar, .job_application_wrapper br {
    display: none;
}

#candidate-helper {
    color: #fff;
    background-color: #4b77be;
    border-radius: 0px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    padding: 0 20px;
    line-height: 40px;
    height: 38px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 2px 2px 6px rgba(0,0,0,.3) !important;
}

#candidate-helper.collapsed {
    border-radius: 4px;
}

#collapse-Helper-Candidate {
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 6px;
}

#collapse-Helper-Candidate .well {
    padding: 16px 20px 20px;
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.candidate_welcome_text {
    color: #4b77be;
    font-size: 32px;
    font-weight: bold;
    margin: 10px auto 20px;
    line-height: normal;
}

.candidate_need_help_pic{
    display: inline-block;
}

.candidate_home_profile_pic{
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.candidate_home_progress_bar{
    background-image: none !important;
    background-color: #7daaea;
}

.candidate_home_progress_bar_wrapper{
    padding: 0px;
    height: 18px;
    width: 100%;
    margin: 6px 0 0;
}

.candidate_home_edit_btn{
    float: right;
    margin-top: 14px;
    width: 100%;
    max-width: 150px;
}

.candidate_home_share_like_wrapper{
    padding-top: 14px;
}

.candidate_home_action_btn{
    color: #fff !important;
    border: 0;
    padding: 6px 10px;
}

.home_job_applied_wrapper br, .home_job_applied_wrapper .btn-toolbar{
    display: none;
}

.home_job_applied_wrapper .candidate_home_action_btn:last-child {
    margin-right: 0;
}

.home_job_applied_wrapper .label-success {
    background-color: #26c281;
}

.home_job_applied_wrapper .table {
    margin-bottom: 0;
}

.home_job_applied_wrapper th {
    border-bottom: 1px solid #ddd !important;
}

.home_job_applied_wrapper td {
    border-top: 0 !important;
    border-bottom: 1px solid #ddd;
}

.candidate_home_upcoming_employer_pic{
    width: 100%;
    max-width: 230px;
    margin: auto;
    display: block;
}

.candidate_upcoming_interview_wrapper{
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
}

.candidate_home_bold_job_title{
    font-size: 16px;
}

.candidate_upcoming_interview_fa{
    margin-right: 4px;
    font-size: 12px;
}

.candidate_upcoming_interview_body_right_border{
    border-left: 1px solid #ddd;
}

.candidate_upcoming_interview_body_padding{
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: 178px;
}

.edit_wowsume_table_wrapper > br{
    display: none;
}

.edit_wowsume_table_wrapper table{
    margin-bottom: 0;
}

.btn_type_add{
    margin-top: -5px;
}

.wowsume_card_title{
    font-size: 14px;
}

.wowsume_card_title .card_title_fa{
    font-size: 18px;
}

.btn_type_add .fa{
    margin-right: 6px;
}

.wowsume_form_wrapper .btn-edit, .wowsume_form_wrapper .btn-danger{
    padding: 0;
    border: 0;
    height: 30px;
    width: 30px;
}

.wowsume_form_wrapper .btn-edit{
    background-color: #4b77be;
}

.wowsume_form_wrapper .btn-danger{
    background-color: #e8525b;
}

.wowsume_form_wrapper .btn-edit .fa, .wowsume_form_wrapper .btn-danger .fa {
    font-size: 16px;
    color: #fff;
    top: 0;
    line-height: 30px;
}

.wowsume_form_wrapper td p{
    margin: 0;
}

.wowsume_form_wrapper td{
    padding: 16px 8px !important;
}

.edit_wowsume_table_wrapper .btn-danger {
    margin-right: 0;
}

.wowsume_form_wrapper .form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

.wowsume_form_wrapper .checkbox {
    padding: 0;
    min-height: auto;
}

.wowsume_form_wrapper .gallery-block {
    margin-bottom: 10px;
}

.wowsume_form_wrapper .form-control-static.filename-label {
    width: 100%;
    margin-bottom: 10px;
}

.wowsume_form_wrapper .btn_choose_file {
    float: left;
    margin: 0 8px 0 0;
}

.wowsume_form_wrapper .upload_note_wrapper {
    text-align: left;
    float: left;
    padding-top: 4px;
    margin-bottom: 0;
    width: 70%;
}

.overlay_lock_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    height: 100%;
    z-index: 1;
    text-transform: none;
}

.overlay_lock_wrapper.panel_overlay_lock_wrapper {
    border-radius: 4px;
}

.overlay_lock_wrapper.panel_video_review_candidate_overlay_lock_wrapper {
    border-radius: 4px;
    max-width: 350px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.overlay_lock_wrapper.panel_video_cinema_overlay_lock_wrapper {
    border-radius: 4px;
}

.overlay_lock_wrapper.panel_video_gallery_overlay_lock_wrapper {
    border-radius: 4px;
}

.overlay_lock_wrapper.panel_small_overlay_lock_wrapper {
    border-radius: 4px;
}

.overlay_lock_wrapper.button_overlay_lock_wrapper {
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.overlay_lock_body {
    position: absolute;
    line-height: normal;
}

.button_overlay_lock_wrapper .overlay_lock_body{
    top: 0px;
    right: 2px;
}

.tab_overlay_lock_wrapper .overlay_lock_body{
    top: 0px;
    right: 2px;
}

.panel_small_overlay_lock_wrapper .overlay_lock_body{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.panel_overlay_lock_wrapper .overlay_lock_body{
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.panel_video_cinema_overlay_lock_wrapper .overlay_lock_body{
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.panel_video_review_candidate_overlay_lock_wrapper .overlay_lock_body{
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.panel_video_gallery_overlay_lock_wrapper .overlay_lock_body{
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.overlay_lock{
    color: #fff !important;
    top: 0px;
}

.button_overlay_lock_wrapper .overlay_lock{
    font-size: 11px;
}

.tab_overlay_lock_wrapper .overlay_lock{
    font-size: 11px;
}

.panel_overlay_lock_wrapper .overlay_lock{
    font-size: 30px;
    line-height: normal;
}

.panel_small_overlay_lock_wrapper .overlay_lock{
    font-size: 30px;
    line-height: normal;
}

.panel_video_gallery_overlay_lock_wrapper .overlay_lock{
    font-size: 30px;
    line-height: normal;
}

.panel_video_cinema_overlay_lock_wrapper .overlay_lock{
    font-size: 30px;
    line-height: normal;
}

.panel_video_review_candidate_overlay_lock_wrapper .overlay_lock{
    font-size: 30px;
    line-height: normal;
}

.lock_panel_content{
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
    margin: 8px 0 10px;
}

.lock_panel_upgrade_btn{

}

.page_title_wrapper .pull-right a {
    display: inline-block;
}

.card_title_wrapper .pull-right a {
    display: inline-block;
}

#export-candidate {
    margin-right: 4px;
}

.resume_tab_upload_wrapper {
    margin: 0;
}

.resume_tab_upload_wrapper .control-label{
    line-height: 34px;
    margin-right: 20px;
}

.resume_tab_upload_body{
    display: inline-block;
    vertical-align: top;
}

.resume_tab_upload_wrapper .btn_choose_file{
    margin: 0 6px 0 0;
    display: inline-block;
    vertical-align: top;
}

.resume_tab_upload_wrapper .filename-label{
    display: block;
    margin-bottom: 8px;
}

.resume_tab_upload_wrapper .upload_note_wrapper{
    display: inline-block;
    vertical-align: top;
    padding: 8px 0 0 0;
}

.resume_tab_upload_wrapper .upload_note_body{
    line-height: 18px;
}

.job_share_link_wrapper .btn-primary {
    background-color: #4b77be;
    color: #fff !important;
    margin-bottom: 6px;
}

.job_share_link_wrapper .col-md-offset-3 a {
    color: #4b77be;
    font-weight: bold;
}

.job_share_link_wrapper h5 {
    color: #4b77be;
    font-weight: bold;
    margin: 4px 0 14px;
    font-size: 16px;
}

.job_share_link_wrapper .form-horizontal a.btn {
    margin: 0 4px;
    padding: 4px 12px;
}

.job_share_link_wrapper .fa-lg {
    margin-right: 6px;
}

.job_share_link_wrapper hr {
    margin: 16px 0 14px;
    border-color: #ddd;
}

.job_question_wrapper {
    padding: 20px 30px 0;
}

.btn_time_bomb {
    border: 0;
    background: #4b77be;
    width: 170px;
    position: relative;
}

.time_window_duration {
    margin: 10px 0 4px !important;
}

.upload_title_note {
    padding: 0 6px;
    text-align: center;
    background-color: #f1c40f;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin: 3px 4px 0 0;
    border-radius: 3px;
}

.time_bomb_note_wrapper {
    padding: 14px 0 0;
}

.upload_note_body.time_bomb_note {
    width: 52%;
    font-size: 12px;
    line-height: 16px;
}

.secondary-gradient-area .hero-area-mainmenu .open .dropdown-menu {
    right: auto;
    left: 0;
    min-width: auto !important;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.secondary-gradient-area .hero-area-mainmenu .open .dropdown-menu a {
    width: auto !important;
}

.upgrade_popup_title{
    margin-bottom: 20px;
}

.btn_no_thanks{
    position: absolute;
    right: 0;
    bottom: 0;
}

.upgrade_img_icon{
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.4);
}

.upgrade_img_text{
    display: inline-block;
    vertical-align: middle;
    max-width: 75%;
}

.upgrade_img_text_wrapper{
    margin-bottom: 24px;
    padding-right: 0;
}

#tab_cand_5 .overlay_lock_wrapper.tab_overlay_lock_wrapper {
    height: 102%;
}

.wistia_embed.default_video_image {
    max-width: 300px;
    max-height: none;
    height: 300px;
}

.invite_candidate_popup_joblist{
    padding: 10px 0 10px 12px;
}

.invite_candidate_popup_joblist_title, .invite_candidate_popup_joblist_btn{
    display: inline-block;
    vertical-align: middle !important;
}

.invite_candidate_popup_joblist_title {
    width: 80%;
}

.invite_candidate_popup_joblist_btn{
    width: 94px;
    line-height: normal !important;
}

.invite_candidate_popup_joblist_btn .fa-briefcase{
    margin-right: 4px;
    margin-top: 2px;
    vertical-align: top;
}

.share_my_profile_dropdown{
    min-width: 146px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.share_my_profile_dropdown a, .share_my_profile_dropdown .fa {
    color: #4b77be !important;
}

.share_my_profile_dropdown .fa {
    width: 18px;
    margin-right: 6px;
    font-size: 16px;
}

.reviewer_report_table_wrapper .reviewer_report_table th {
    border-top: 0;
}

.reviewer_report_table .review_rating_td{
    width: 70px;
}

.reviewer_report_table .review_comment_td{
    width: 360px;
}

.reviewer_report_table_wrapper .reviewer_report_table td {
    vertical-align: top !important;
}

.reviewer_report_table{
    border-bottom: 1px solid #ddd;
}

.swal-overlay{
    z-index: 10052;
}

input[name='availability_date'].datepicker {
    z-index: 0 !important;
}

.history_log_table td {
    border-top: 0 !important;
    border-bottom: 1px solid #ddd;
}

.history_log_table.message_log_wrapper th {
    border-top: 0 !important;
    padding-top: 0 !important;
}

.history_log_table.message_log_wrapper td {
    border-top: 1px solid #ddd !important;
}

.card_wrapper .history_log_table tr:first-child .notification_log_td {
    padding-top: 0 !important;
}

.job_campaign_statistic_wrapper > br, .job_campaign_statistic_wrapper .btn-toolbar{
    display: none;
}

.hpanel .job_campaign_statistic_wrapper {
    padding: 0 20px;
}

.job_campaign_statistic_wrapper th, .job_campaign_statistic_wrapper td {
    font-size: 12px !important;
}

.job_campaign_statistic_wrapper table {
    margin: 0;
    border-bottom: 1px solid #ddd;
}

.button_back_to_page {
    font-weight: bold;
    color: #4b77be;
    margin-bottom: 12px;
    display: inline-block;
    padding-left: 16px;
}

.button_back_to_page .fa {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 6px;
}

.app_back_base_wrapper{
    padding: 20px 15px;
}

.app_back_base_table_wrapper .table {
    margin-bottom: 0;
}

.app_back_base_table_wrapper .btn-toolbar, .app_back_base_table_wrapper > br {
    display: none;
}

.app_back_base_table_wrapper div.pagination{
    margin: 0;
}

.app_back_base_table_wrapper ul.pagination{
    margin-bottom: 0;
}

.access_group_input_title{
    font-weight: bold;
}

.access_group_select_all{
    margin-top: 25px;
}

.access_group_wrapper input[type=checkbox]{
    margin: 2px 0 0;
}

.access_group_wrapper legend {
    margin: 0 0 4px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    line-height: normal;
    color: #000333;
    font-size: 18px;
}

.app_back_base_table_wrapper .app_back_base_overflow_table_wrapper > br {
    display: none;
}

.app_back_base_overflow_table_wrapper {
    width: 100%;
    overflow-x: scroll;
}

.app_back_base_overflow_table_wrapper .table {
    width: 1300px;
}

.user_package_info_table > br, .user_package_info_table .btn-toolbar, .user_package_info_table .pagination{
    display: none;
}

.user_package_info_table .table{
    margin: 0;
}

.admin_edit_video_wrapper > br, .admin_edit_video_wrapper .btn-toolbar, .admin_edit_video_wrapper .pagination{
    display: none;
}

.admin_candidate_list_table > br, .admin_candidate_list_table .btn-toolbar{
    display: none;
}

.admin_candidate_list_table .table{
    margin: 0;
}

.pending_employer_table > br, .pending_employer_table .btn-toolbar{
    display: none;
}

.pending_employer_table .table{
    margin: 0;
}

th.rating_star_td_width {
    font-size: 14px;
}

.label_keep_in_view{
    background-color: #f1c40f;
}

.label_schedule_for_interview{
    background-color: #f7af5b;
}


.label_unprocess{
    background-color: #9ba9be;
}

.label_shortlisted{
    background-color: #7daaea;
}

.label_hired{
    background-color: #26c281;
}

.label_rejected{
    background-color: #c0392b;
}

.background_color_f1c40f{
    background-color: #f1c40f !important;
}

.background_color_9ba9be{
    background-color: #9ba9be !important;
}

.background_color_7daaea{
    background-color: #7daaea !important;
}

.background_color_26c281{
    background-color: #26c281 !important;
}

.background_color_c0392b{
    background-color: #c0392b !important;
}

.background_color_3598dc{
    background-color: #3598dc;
}

.background_color_f36a5b{
    background-color: #f36a5b;
}

.background_color_f7af5b{
    background-color: #f7af5b;
}

.background_color_32c5d2{
    background-color: #32c5d2;
}

.page_title_btn .button_overlay_lock_wrapper {
    z-index: 0;
}

.dashboard_small_title {
    font-size: 15px;
    margin-bottom: 10px;
}

.dashboard_icon {
    color: #fff;
    width: 32px;
    text-align: center;
    height: 32px;
    line-height: 32px !important;
    font-size: 16px;
    margin-right: 10px;
}

.dashboard_icon_total {
    font-size: 26px;
    line-height: 32px;
    vertical-align: top;
}

.dashboard_graph_wrapper .dashboard_graph{
    width: 75%;
    display: inline-block;
    vertical-align: top;
    height: 233px;
}

.graph_label_right_wrapper {
    display: inline-block;
    vertical-align: top;
    float: right;
    padding-top: 30px;
}

.graph_label_right_body:first-child {
    margin-bottom: 14px;
}

.dashboard_graph_wrapper svg:not(:root) {
    height: 100% !important;
}

.graph_label_right {
    display: inline-block;
    vertical-align: top;
}

.graph_label_right_new {
    display: inline-block;
    padding-top: 10px;
}

.graph_label_color{
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 4px;
}

.card_wrapper.dashboard_rank_table th, .card_wrapper.dashboard_rank_table td{
    padding: 11px 8px !important;
}

.card_wrapper.dashboard_rank_table th {
    border-top: 0;
}

.dashboard_rank_table {
    min-height: 305px;
}

.admin_employer_table{
    width: 100%;
    overflow-x: scroll;
}

.admin_employer_table table{
    width: 1500px;
}

.admin_employer_table > br {
    display: none;
}

.available .fc-content:after {
    content: '';
    width: 5px;
    height: 10px;
    position: absolute;
    top: -1px;
    right: 4px;
    border-right: 3px solid #027746;
    border-bottom: 3px solid #027746;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.col-sm-6 .col-sm-8 .birthdayPicker > .form-control {
    max-width: 77px;
}

.title_user_account_type {
    font-size: 16px;
    line-height: 24px;
}

.widget-row .dashboard_employer_stat{
    padding: 0 5px;
}

#InviteLabel{
    font-size: 15px;
}

#candidate-helper .fa-lg {
    color: #4b77be;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 11px 6px 0 0;
    background-color: #fff;
    font-size: 13px;
    text-align: center;
    vertical-align: top;
}

.dropdown-menu.notification .wtable {
    cursor: pointer;
}

.landing_account_nav_bar .hero-area-menu #nav > li {
    vertical-align: top;
}

.landing_account_nav_bar .hero-area-menu ul.nav.navbar-nav > li > a {
    vertical-align: top;
    line-height: 14px;
}

.landing_account_nav_bar .hero-area-menu ul.nav.navbar-nav > li > .for-button {
    padding: 18px 15px !important;
}

.candidate_detail_select2_wrapper .select2 {
    width: 100% !important;
}

.reviewer_popup_section_title{
    font-size: 16px;
    color: #4b77be;
    padding-bottom: 6px;
    margin-bottom: 16px;
    border-bottom: 1px solid #ddd;
}

.screen_overlay_wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 99999;
    display: none;
}

.loading_gif {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    margin: -30px 0 0 -30px;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #666;
    width: 60px;
    height: 60px;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    animation: spin .5s linear infinite;
    -o-animation: spin .5s linear infinite;
    -moz-animation: spin .5s linear infinite;
    -webkit-animation: spin .5s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-o-keyframes spin {
    0% { -o-transform: rotate(0deg); }
    100% { -o-transform: rotate(360deg); }
}

@-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

.morris-hover.morris-default-style{

}

.check_candidate_wrapper{
    position: relative;
}

.check_candidate {
    position: absolute;
    right: -30px;
    box-shadow: rgba(0, 0, 0, 0.3) 3px 2px 6px;
    border-radius: 4px;
    width: 31px;
    height: 30px;
    background: #fff;
    padding: 5px 5px 5px 6px;
    top: 12px;
}

.check_candidate_wrapper.active .check_candidate {
    background: #4b77be;
}

.check_candidate_wrapper .fa-check{
    display: none;
}

.check_candidate_wrapper.active .fa-check{
    display: inline-block;
}

.check_circle {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #fff;
    cursor: pointer;
}

.check_candidate_wrapper.active .selected_candidate{
    outline: 3px solid #4b77be;
}

.select_all_candidate_wrapper{
    padding: 12px 20px;
    border-top: 1px solid #ccc;
}

.btn_select_all_candidate.active {
    color: #fff;
    background-color: #4b77be;
}

.page-header .page-header-top .top-menu .navbar-nav>li#message .dropdown-menu {
    min-width: 300px;
}

.page-header .page-header-top .top-menu .navbar-nav>li#message .dropdown-menu p {
    width: auto;
    white-space: normal;
}

.img_wow_desktop{
    width: 350px;
    margin-left: 14px;
}

.freemium_popup_modal_body{
    padding: 15px 0 80px 20px;
    background-color: #f6faff;
    border-radius: 5px;
}

.freemium_popup_x{
    font-size: 16px;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: top;
    line-height: 30px !important;
}

.freemium_popup_title {
    color: #4b77be;
    line-height: 22px;
    font-size: 18px;
}

.overflow_hide{
    overflow: hidden;
}

.freemium_popup_content{
    font-size: 13px;
    line-height: 20px;
}

.upgrade_package_background{
    width: 100%;
    position: absolute;
    top: 113px;
    left: 0;
    height: 405px;
}

.upgradepage_img_wow_desktop{
    width: 100%;
}

.upgradepage_background_title {
    font-size: 30px;
    color: #4b77be;
}

.upgradepage_background_content {
    font-size: 18px;
}

.upgrade_your_wow_wrapper{
    padding-top: 80px;
}

.btn_exp_wow{
    padding: 10px 60px;
    font-size: 18px;
    line-height: normal;
}

.upgradepage_icon{
    background-color: #e4eaf2;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    float: right;
} 

.icon_double_tick {
    width: 18px;
    position: absolute;
    bottom: -4px;
    right: -8px;
}

.icon_gender_wowintro {
    width: 14px;
    margin-right: 9px;
}

.score_weightage_wrapper{
    padding: 12px 0;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
}

.score_percent{
    width: 100%;
    background-color: #eee;
    border-radius: 3px;
    line-height: 30px;
}

.noUi-horizontal {
    margin: 6px 0;
}

.noUi-connect {
    background: #7daaea;
}

.score_match_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 0;
    border: 2px solid #4b77be;
    border-top-left-radius: 5px;
    cursor: pointer;
}

.ic_score_match{
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

.ic_score_match img{
    width: 12px;
}

.number_score_match{
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background-color: #4b77be;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    min-width: 100px;
}

.number_score_match b{
    font-size: 14px;
    vertical-align: top;
    display: inline-block;
}

.match_donut_chart_wrapper{
    display: none;
    width: 272px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
    position: absolute;
    top: 0;
    left: -285px;
    background-color: #fff;
    font-size: 12px;
    padding: 12px 16px 0;
}

.score_match_wrapper.active .match_donut_chart_wrapper{
    display: block;
}

.donut_color_box{
    width: 12px;
    height: 12px;
    background-color: #7daaea;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
}

.match_donut_chart_wrapper b{
    color: #4b77be;
    font-size: 16px;
    display: block;
}

.donut_list {
    display: inline-block;
    vertical-align: top;
    line-height: 12px;
    font-size: 12px;
    max-width: 82%;
}

.donut_color_box_job_category{
    background-color: #4b77be;
}

.donut_color_box_field_of_study{
    background-color: #ffe133;
}

.donut_color_box_language{
    background-color: #62cb31;
}

.donut_color_box_education_level{
    background-color: #26c283;
}

.donut_color_box_working_experience{
    background-color: #ed6b75;
}

.donut_color_box_position_level{
    background-color: #9b59b6;
}

.donut_color_box_salary_range{
    background-color: #f7af5b;
}

.donut_color_box_location{
    background-color: #1ba39c;
}

.donut_color_box_not_match{
    background-color: #666;
}


.match_donut_chart_wrapper:before {
    position: absolute;
    top: 4px;
    right: -10px;
    display: inline-block!important;
    border-top: 9px solid transparent;
    border-left: 10px solid #bbb;
    border-bottom: 9px solid transparent;
    content: '';
}

.match_donut_chart_wrapper:after {
    position: absolute;
    top: 5px;
    right: -8px;
    display: inline-block!important;
    border-top: 7px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 7px solid transparent;
    content: '';
}

.donut_chart_wrapper{
    width: 240px;
    height: 240px;
    display: block;
    margin: -4px auto 0;
}

.jobcampaign_color_title_wrapper {
    margin: -16px -20px 4px;
    padding: 16px 20px 36px;
    background-color: #37578b;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.onlineinterview_color_title_wrapper {
    margin: -16px -20px 4px;
    padding: 16px 20px 36px;
    background-color: #be994b;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.interview_jobcampaign_color_title {
    background-color: #be994b;
}

.jobcampaign_color_title_wrapper .card_title {
    color: #fff;
}

.jobcampaign_color_title_wrapper .btn_blue_font {
    border: #fff;
}

.hpanel .job_type_normal {
    background: #37578b;
}

.hpanel .job_type_online_interview {
    background: #be994b;
}

.job_type_normal .page_title, .job_type_online_interview .page_title {
    color: #fff;
}

.hpanel .job_type_normal .btn_blue_font, .hpanel .job_type_online_interview .btn_blue_font{
    border: #fff;
}

.online_interview_card_status {
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jobcampaign_color_title_wrapper .page_title {
    font-size: 20px;
    line-height: 28px;
    vertical-align: top;
    color: #fff;
}

.jobcampaign_color_title_wrapper .card_title_fa {
    margin: 2px 10px 0 0;
}

.review_candidate_card_wrapper .jobcampaign_color_title_wrapper, .bold_card_wrapper .jobcampaign_color_title_wrapper {
    padding: 16px 20px 42px;
}

.review_candidate_card_wrapper .jobcampaign_color_title_wrapper .card_title_fa, .bold_card_wrapper .jobcampaign_color_title_wrapper .card_title_fa {
    margin: 0px 10px 0 0;
    line-height: 28px;
    top: 0;
}

.review_candidate_card_wrapper .jobcampaign_color_title_wrapper, .bold_card_wrapper .jobcampaign_color_title_wrapper {
    margin: -16px -20px 14px;
}

.card_title_wrapper.jobcampaign_color_title_wrapper .dropdown-menu {
    left: auto;
    right: 0;
}

.card_title_wrapper.jobcampaign_color_title_wrapper .dropdown-menu:before {
    left: auto;
    right: 9px;
}

.card_title_wrapper.jobcampaign_color_title_wrapper .dropdown-menu:after {
    left: auto;
    right: 10px;
}

.jobcampaign_color_title_wrapper .dropdown-menu>li>a {
    color: #4b77be;
    font-size: 14px;
}

.jobcampaign_color_title_wrapper .dropdown-menu>li>a .page_title_btn_fa{
    color: #4b77be;
    font-size: 14px;
}

.job_type_nav_btn_col {
    border-left: 1px solid #ddd;
    line-height: 52px;
    padding: 0 0 0 16px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

.color_online_interview {
    color: #715821;
}

.pending_review_title {
    display: inline-block !important;
    vertical-align: top;
    color: #cc4b4b;
    margin-left: 43px;
}

.reviewer_name_username_wrapper {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    display: inline-block;
}

.img_peopleKeys {
    width: 100px;
    margin-bottom: 6px;
}

.result_bar_number {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
}

.result_bar_body {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    width: 85%;
    background-color: #f5f5f5;
    border-radius: 3px;
    margin: 0 4px 6px;
}

.result_bar_color {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    border-radius: 3px;
}

.result_bar_color1 {
    background-color: #4b77be;
}

.result_bar_color2 {
    background-color: #ffe133;
}

.result_bar_color3 {
    background-color: #ed6b75;
}

.result_bar_color4 {
    background-color: #7daaea;
}

.result_bar_color5 {
    background-color: #62cb31;
}

.result_bar_color6 {
    background-color: #26c283;
}

.ic_psychometric_blue {
    width: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
}

#psychometric th {
    border-top: 0;
}

.bg_color_walk_in {
    background-color: #fcf7eb;
}

.color_walk_in a {
    color: #be994b;
}

.color_walk_in {
    color: #be994b;
}

#candidate_modal .default_video_image {
    max-width: 350px;
    max-height: 350px;
    height: 350px !important;
}

.university_body_title {
    padding-bottom: 6px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    line-height: 30px;
}

.university_body_row {
    margin-bottom: 10px;
}

.university_body_row:last-child {
    margin-bottom: 0;
}

.university_setting_input {
    height: 30px;
}

.faculty_wrapper {
    padding: 10px 16px;
    margin-top: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.course_wrapper {
    padding: 10px 16px;
    margin-top: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.uni_setting_btn_add {
    margin-top: -6px;
}

.accordion_uni_setting {
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 6px;
    margin-bottom: 6px !important;
    background: #4b77be;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
}

.uni_setting_arrow {
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
}

.uni_setting_arrow .fa-chevron-up {
    color: #fff;
}

.accordion_uni_setting .accordion-toggle.accordion-toggle-styled {
    padding: 8px 20px !important;
}

.uni_setting_dot_body {
    cursor: pointer;
    padding: 1px 6px 0;
}

.btn_uni_setting_3_dot {
    color: #4b77be;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 0 16px;
    line-height: 30px;
    cursor: pointer;
}

.uni_setting_dot_wrapper li:last-child .btn_uni_setting_3_dot {
    border: 0;
}

.btn_delete_uni_setting {
    color: #e7505a;
}

.uni_setting_popup_label {
    text-align: right;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.uni_setting_popup_input {
    height: 30px;
}

.uni_setting_dot_wrapper {
    position: relative;
}

.btn_uni_setting_3_dot_fa {
    margin-right: 10px;
}

.uni_setting_dot_wrapper .dropdown-menu {
    left: auto;
    right: 0;
    min-width: 160px;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 6px;
}

.glyphicon-trash.btn_uni_setting_3_dot_fa {
    margin: 0 11px 0 -1px;
}

.uni_setting_dot_wrapper .dropdown-menu:before {
    position: absolute;
    top: -8px;
    right: 4px;
    display: inline-block!important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #efefef;
    border-left: 8px solid transparent;
    content: '';
}

.uni_setting_dot_wrapper .dropdown-menu:after {
    position: absolute;
    top: -7px;
    right: 6px;
    display: inline-block!important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
}

.accordion_uni_setting_faculty {
    box-shadow: none;
    margin: 0 !important;
    background: #7daaea;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
}

.accordion_uni_setting_faculty:last-child {
    border-radius: 0 0 4px 4px;
    border: 0;
}

.accordion_uni_setting_course {
    background: #fff;
    color: #4b77be;
}

.accordion_uni_setting_course:first-child {
    border-top: 1px solid #ddd;
}

.uni_setting_name_wrapper {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accordion_uni_setting_faculty .accordion_uni_setting_course {
    border-radius: 0;
}

.accordion_uni_setting_faculty:last-child .accordion_uni_setting_course:last-child {
    border-radius: 0 0 4px 4px;
}

.job_public_to_title {
    margin-left: 2px;
    width: 94%;
    display: inline-block;
    vertical-align: top;
}

.job_public_to_wrapper {
    width: 100%;
    max-height: 100px;
    overflow-y: scroll;
    border: 1px solid #e4e5e7;
    border-radius: 4px;
    padding: 4px 8px;
    margin-bottom: 4px;
}

.uni_job_list_card_wrapper .job_list_card_name {
    max-width: 100%;
}

.uni_job_list_fa {
    font-size: 14px;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    vertical-align: top;
    text-align: center;
}

.uni_job_list_long_box {
    width: 88%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}

.col_20_percent {
    width: 20%;
}

.student_description {
    margin: 2px 0 10px;
}

.view_candidate_uni {
    display: block;
    margin-top: 2px;
}

.view_candidate_vta {
    display: block;
    margin-top: 20px;
}

.view_candidate_owi {
    display: block;
    margin-top: 0px;
}

.view_candidate_owi img {
    max-width: 110px;
}

.table .btn_hide_job {
    margin: 0;
}

.table_wrapper .table {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
}

.table_wrapper .btn-toolbar {
    display: none;
}

.uni_card_title_wrapper {
    border-bottom: 1px solid #ddd;
    height: 30px;
    padding-top: 0;
    margin-bottom: 10px;
}

.uni_card_title_wrapper .card_title_fa {
    line-height: 20px;
    margin-top: 0;
}

.uni_job_list_title {
    color: #4b77be;
    font-weight: bold;
}

.uni_home_card_wrapper .stat_view_more_text {
    font-size: 12px;
}

.uni_home_card_wrapper .view_more_wrapper {
    margin: 10px 0 -10px;
    text-align: right;
}

.uni_home_card_wrapper .view_more_wrapper a {
    display: inline-block;
}

.batch_status_color_wrapper {
    display: inline-block;
    vertical-align: top;
}

.batch_status_color_body {
    display: inline-block;
    vertical-align: top;
    margin-right: 14px;
}

.batch_status_color_body:last-child {
    margin-right: 0;
}

.batch_status_color {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    margin: 2px 4px 0 0;
}

.batch_status_color_red {
    background-color: #ed6b75;
}

.batch_status_color_yellow {
    background-color: #ffe133;
}

.batch_status_color_blue {
    background-color: #7daaea;
}

.batch_status_color_green {
    background-color: #26c281;
}

.batch_status_color_title {
    display: inline-block;
    vertical-align: top;
}

.uni_total_batch_invited {
    display: inline-block;
    vertical-align: top;
    width: 11%;
    text-align: right;
}

.batch_status_color_bar_wrapper {
    width: 89%;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

.batch_status_color_bar {
    height: 16px;
    display: inline-block;
    vertical-align: top;
}

.uni_home_card_wrapper .widget-thumb-heading {
    margin-bottom: 0;
    line-height: normal;
    font-weight: normal;
    color: #000333;
    margin-top: 8px;
    text-transform: none;
    font-size: 12px;
}

.uni_home_widget_card_wrapper {
    padding: 14px 16px 10px !important;
}

.uni_widget_icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 70px;
    line-height: normal !important;
    vertical-align: top;
    display: block !important;
}

.uni_widget_title_number_wrapper {
    margin-top: 10px;
}

.uni_widget_title_number_wrapper:last-child {
    margin-top: 6px;
}

.uni_widget_title_small {
    font-size: 12px;
    font-weight: bold;
    color: #000333;
}

.uni_widget_title_big {
    font-size: 14px;
    /*font-weight: bold;*/
    color: #000333;
    margin-bottom: 2px;
}

.uni_widget_number_big {
    font-size: 24px;
    font-weight: bold;
    color: #000333;
}

.background_color_red {
    background-color: #ed6b75;
}

.background_color_yellow {
    background-color: #f1c40f;
}

.background_color_orange {
    background-color: #f7af5b;
}

.background_color_blue {
    background-color: #7daaea;
}

.background_color_tiffany_blue {
    background-color: #32c5d2;
}

.background_color_green {
    background-color: #26c281;
}

.color_red {
    color: #ed6b75;
}

.color_yellow {
    color: #f1c40f;
}

.color_orange {
    color: #f7af5b;
}

.color_blue {
    color: #7daaea;
}

.color_tiffany_blue {
    color: #32c5d2;
}

.color_green {
    color: #26c281;
}

#candidateStatus .pull-left {
    float: right !important;
}

#candidateStatus .pagination {
    margin: 0;
}

#candidateStatus .pull-right {
    display: none;
}

#candidateStatus .table {
    border-bottom: 1px solid #ddd;
}

#candidate_status_wrapper .form-control {
    padding: 0 6px;
    height: 30px;
    line-height: 30px;
}

#candidate_status_wrapper td {
    /*vertical-align: top !important;*/
    line-height: 30px !important;
}

.deferred_reason_wrapper {
    border: 1px solid #e4e5e7;
    padding: 6px 10px;
    border-radius: 4px;
    min-height: 30px;
    line-height: normal !important;
    cursor: pointer;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 218px;
}

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

#securedFormModal .form-group:last-child {
    margin-bottom: 0;
}

#securedFormModal .modal-body {
    padding: 20px;
}

.btn_view_secured_form {
    margin: 1px 0 0 !important;
    padding: 0px 7px;
    vertical-align: top;
    line-height: 26px !important;
}

#candidate_status_wrapper .table .fa-check, #candidate_status_wrapper .table .fa-times {
    line-height: 30px;
}

.gallery_video {
    max-width: none !important;
    max-height: 346px !important;
    margin-bottom: 10px;
    height: 346px !important;
    border-radius: 0;
}

.hpanel .gallery_panel_body {
    padding: 16px 25px;
}

.gallery_col_padding {
    padding: 0 5px;
}

.gallery_name {
    color: #4b77be;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gallery_action .dropdown-menu {
    min-width: 140px;
}

.gallery_action .dropdown-menu .btn_action_dropdown {
    color: #4b77be;
    border-bottom: 1px solid #ddd;
    padding: 8px 10px 7px;
}

.gallery_action .dropdown-menu li:last-child .btn_action_dropdown {
    border-bottom: 0;
}

.landing_floating_header2020 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 2;
    box-shadow: 0 6px 12px rgba(0,0,0,0.3);
    background: #fff;
}

.landing_2020_wowintro_logo {
    height: 46px;
}

.btn_header_landing2020{
    color: #fff;
    line-height: 46px;
    font-size: 16px;
    margin-right: 40px;
    display: inline-block;
    vertical-align: top;
}

.btn_landing2020 {
    margin-right: 14px;
    border-radius: 35px;
    text-align: center;
    width: 160px;
    height: 46px;
    font-size: 16px;
    line-height: 46px;
    font-family: 'Oswald-Regular';
    color: #000333;
    display: inline-block;
    vertical-align: top;
}

.btn_landing2020:last-child {
    margin-right: 0;
}

.btn_landing2020_demo {
    background: #fff;
}

.btn_landing2020_signup {
    background: #FFCC00;
}

.btn_landing2020_dashboard {
    background: #4b77be;
    color: #fff;
}

.background_image_css {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.landing_background_wrapper2020 {
    height: 800px;
    position: relative;
}

.landing_background_wrapper2020_arrow_down {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    cursor: pointer;
}

.landing_mobile_menu_icon_bar {
    background-color: #fff;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.landing_mobile_menu_dropdown {
    color: #4b77be !important;
    padding: 10px 0 !important;
    display: block;
    cursor: pointer;
}

.landing_mobile_navbar_toggle {
    margin: 4px 0;
    padding: 9px 0 9px 10px;
    cursor: pointer;
}

.header_prefix_wrapper {
    height: 86px;
    width: 100%;
}

.landing_mobile_hidden_navbar {
    display: none;
    text-align: left;
    position: absolute;
    padding: 4px 14px 4px;
    right: 3px;
    top: 62px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.active .landing_mobile_hidden_navbar {
    display: block;
}

.landing_background_content_wrapper {
    color: #fff;
    text-align: right;
    float: right;
    margin-top: 240px;
}

.landing_background_content1 {
    font-size: 40px;
    font-family: 'Oswald-Regular';
}

.landing_background_content2 {
    font-size: 26px;
    margin-bottom: 40px;
}

.landing_background_content3 {
    font-size: 16px;
    width: 57%;
    float: right;
}

.wowintro_landing_video_wrapper {
    width: 100%;
    height: 1070px;
    padding: 116px 0 74px;
    position: relative;
}

.wowintro_landing_video_title {
    font-size: 40px;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 10px;
    color: #000333;
    font-family: 'Oswald-Regular';
}

.cant_decide_wrapper {
    padding: 110px 0;
}

.cant_decide_title {
    font-size: 40px;
    text-align: center;
    margin-bottom: 22px;
    color: #fff;
    font-family: 'Oswald-Regular';
}

.cant_decide_content {
    font-size: 20px;
    text-align: center;
    margin-bottom: 60px;
    color: #fff;
}

.cant_decide_button_wrapper {
    text-align: center;
}

.wowintro_landing_video_title_border {
    margin: 0 auto 72px;
    display: block;
}

.wowintro_landing_video {
    width: 1140px;
    height: 600px;
    display: block;
    margin: auto;
    border-radius: 5px;
    border: 0;
}

.wowintro_landing_video_wrapper_btm_triagle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 99.1vw solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 107px solid #f4f8fe;
}

.landing_company_wrapper {
    width: 100%;
    height: 490px;
    background: #f4f8fe;
    position: relative;
    padding-top: 30px;
}

.landing_company {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin: 0 0.5%;
}

.landing_company_box {
    padding: 0 100px;
    text-align: center;
}

.landing_circle_yellow {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background: #ffcc00;
    position: absolute;
    bottom: 60px;
    left: -50px;
}

.landing_circle_light_blue {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    background: #e5edfc;
    position: absolute;
    top: -40px;
    right: 40px;
}

.why_digital_wrapper {
    height: 580px;
    padding-top: 80px;
}

.why_digital_body {
    text-align: center;
    font-size: 0;
    margin: 0 -5%;
}

.why_digital_box {
    display: inline-block;
    vertical-align: top;
    width: 23.3%;
    height: 246px;
    padding-top: 42px;
    margin: 0 5%;
    box-shadow: 0px 15px 20px #6495ED4D;
    border-radius: 20px;
    background: #fff;
}

.why_digital_box_title {
    font-size: 60px;
    font-family: 'Oswald-Bold';
    color: #6495ED;
    margin-bottom: 4px;
}

.why_digital_box_content {
    font-size: 26px;
    line-height: 30px;
}

.oswald_bold {
    font-family: 'Oswald-Bold';
}

.oswald_regular {
    font-family: 'Oswald-Regular';
}

.roboto_bold {
    font-family: 'Roboto-Bold';
}

.landing_choose_a_package_content {
    font-size: 16px;
    color: #fff;
}

.landing_choose_a_package_title {
    font-size: 30px;
    color: #fff;
    margin-bottom: 34px;
}

.landing_choose_a_package_content_bold {
    margin-top: 22px;
}

.landing_choose_a_package_wrapper {
    padding: 80px 0;
}

.landing_choose_a_package_body {
    position: relative;
}

.landing_choose_a_package_btn_wrapper {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.landing_choose_a_package_title_arrow_right {
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 10px;
    margin-top: 18px;
}

.footer_wrapper {
    background: #34495e;
    color: #fff;
    font-size: 16px;
}

.footer_title2020 {
    font-family: 'Roboto-Bold';
}

.footer_fa2020 {
    font-size: 24px;
    margin: 25px 0 25px 15px;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px !important;
    color: #34495e;
}

.footer_body_top {
    border-bottom: 1px solid #fff;
    padding: 80px 0 48px;
}

.footer_link {
    color: #fff;
    margin-top: 24px;
    display: block;
    width: max-content;
}

.footer_body_bottom .footer_link {
    display: inline-block;
    margin-right: 40px;
    margin-top: 39px;
}

a:hover {
    color: inherit;
}

.landing_how_we_help_wrapper {
    padding: 90px 0 160px;
}

.landing_how_we_help_body {
    width: 95%;
    background: #eff4fd;
    border-radius: 0 50px 50px 0;
    font-size: 0;
    padding: 50px 0;
}

.landing_how_we_help_box {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    border-right: 2px solid #e5edfc;
    padding: 72px 10px 20px 50px;
    position: relative;
}

.landing_how_we_help_box:last-child {
    border: 0;
}

.landing_how_we_help_box_quote_img {
    width: 92px;
    height: 88px;
    position: absolute;
}

.landing_how_we_help_box_quote_img_left {
    top: 30px;
    left: 20px;
}

.landing_how_we_help_box_quote_img_right {
    bottom: 100px;
    right: 20px;
}

.landing_how_we_help_content {
    font-size: 16px;
    color: #737488;
    margin-bottom: 24px;
}

.landing_how_we_help_name {
    font-size: 23px;
    font-family: 'Roboto-Bold';
    color: #000333;
    margin-bottom: 12px;
}

.landing_how_we_help_company {
    font-size: 18px;
    color: #737488;
}

.landing_how_we_help_img {
    width: 100px;
    height: 100px;
    margin-right: 24px;
    display: inline-block;
    vertical-align: top;
}

.landing_how_we_help_content_img_wow {
    width: 90px;
    height: 14px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.landing_how_we_help_name_company_wrapper {
    display: inline-block;
    vertical-align: top;
    padding-top: 6px;
    max-width: 70%;
}

.wowintro_landing_video_content {
    font-size: 23px;
    color: #000333;
    text-align: center;
}

.wowintro_landing_video_content_italic {
    font-size: 16px;
    color: #000333;
    font-family: 'Helvetica';
    font-style: italic;
    margin: 16px 0 86px;
    text-align: center;
}

.landing_how_we_help_body_adjust {
    margin-right: -5%;
}

.take_candidate_next_level_box_title {
    font-size: 26px;
    color: #000333;
    font-family: 'Roboto-Bold';
    margin-bottom: 40px;
}

.take_candidate_next_level_box_content {
    font-size: 16px;
    color: #444;
    margin-bottom: 20px;
}

.take_candidate_next_level_box_content:last-child {
    margin-bottom: 0;
}

.take_candidate_next_level_body {
    position: relative;
    font-size: 0;
}

.take_candidate_next_level_body_margin_bottom {
    margin-bottom: 100px;
}

.take_candidate_next_level_body_margin_bottom:last-child {
    margin-bottom: 0;
}

.take_candidate_next_level_box_number {
    position: absolute;
    top: 46px;
    left: 378px;
    width: 136px;
}

.take_candidate_next_level_body_img_right .take_candidate_next_level_box_number {
    left: 0;
}

.take_candidate_next_level_img {
    width: 340px;
    margin-right: 38px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.take_candidate_next_level_body_img_right .take_candidate_next_level_img {
    margin-right: 0;
    float: right;
}

.take_candidate_next_level_box {
    display: inline-block;
    vertical-align: top;
    width: 64%;
    padding-top: 86px;
}

.take_candidate_next_level_wrapper {
    padding: 30px 0 120px;
}

.take_candidate_next_level_img_hidden {
    display: none;
    width: 272px;
    margin: 0 auto 20px;
}

.wowintro_landing_video_wrapper_btm_triagle_left {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 99.1vw solid transparent;
    border-bottom: 107px solid #f4f8fe;
    position: absolute;
    bottom: 0;
    left: 0;
}

.landing_container {
    padding-left: 140px;
    padding-right: 140px;
}

.non_landing .btn_header_landing2020 {
    color: #6495ED;
}

.non_landing .btn_landing2020_demo {
    background: #6496ED;
    color: #fff;
}

.non_landing .landing_mobile_menu_icon_bar {
    background-color: #6495ED;
}

.page_background_title {
    font-size: 40px;
    color: #fff;
    line-height: 80px;
    font-family: 'Oswald-Regular';
}

.features_background_wrapper2020 {
    padding: 80px 0;
    overflow: hidden;
}

.features_img_content_wrapper {
    font-size: 0;
    color: #444;
}

.features_content_wrapper {
    display: inline-block;
    vertical-align: top;
    width: 52%;
    padding-top: 50px;
}

.features_content_title {
    color: #000333;
    font-size: 26px;
    font-family: 'Roboto-Bold';
    margin-bottom: 14px;
}

.features_content {
    font-size: 16px;
}

.features_content_fa_dot {
    font-size: 10px;
    color: #6495ED;
    margin-right: 14px;
    vertical-align: top;
    line-height: 22px !important;
}

.hidden_dot {
    color: #fff;
}

.features_img {
    margin-right: 8%;
    width: 40%
}

.features_img_small {
    width: 100%;
    max-width: 300px;
    display: none;
}

.features_img_content_wrapper_img_right .features_img {
    float: right;
    margin-right: 0;
}

.feature_content_inline_block {
    display: inline-block;
    vertical-align: top;
    width: 95%;
}

.feature_content_inline_block_v_2_dot .feature_content_inline_block {
    width: 90%;
}

.feature_divider {
    width: 90%;
    height: 1px;
    background: rgba(100, 149, 237, 0.3);
    margin: 60px auto 80px;
}

.take_candidate_next_level_image {
    position: relative;
    z-index: 1;
}

.landing_img_bg_shadow {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 60%;
    height: 100px;
    background: transparent;
    box-shadow: 0 10px 20px #6495ED4D;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.btn_month_year_wrapper {
    text-align: center;
    font-size: 0;
}

.btn_month_year_body {
    display: inline-block;
    vertical-align: top;
    width: 204px;
    line-height: 54px;
    color: #6495ED;
    background: #fff;
    font-size: 18px;
    border: 1px solid #6495ED;
    border-radius: 5px 0 0 5px;
    font-family: 'Roboto-Bold';
    cursor: pointer;
}

.btn_month_year_body.active {
    color: #fff;
    background: #6495ED;
}

.btn_month_year_body.btn_year {
    border-radius: 0 5px 5px 0;
    line-height: normal;
    padding: 6px 0;
    height: 56px;
}

.btn_month_year_text_save {
    font-family: 'Roboto-Regular';
    font-size: 16px;
}

.info_pick_a_package {
    color: #4b77be;
    font-size: 20px;
    text-align: center;
    margin: 16px 0 68px;
}

.pick_wowintro_package_title {
    color: #000333;
    font-size: 26px;
    font-family: 'Oswald-Bold';
    margin-bottom: 30px;
}

.pick_wowintro_package_body {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    box-shadow: 0px 13px 30px #6495ED4D;
    border-radius: 30px;
    padding: 30px 0;
    width: 100%;
    background: #fff;
    height: 416px;
    position: relative;
    font-family: 'Oswald-Regular';
}

.pick_wowintro_package_img {
    margin: auto;
    display: block;
    height: 100px;
}

.info_pick_a_package_info {
    font-size: 18px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #4b77be;
    border-radius: 50%;
    margin-right: 10px;
}

.btn_year .btn_month_year_text {
    font-family: 'Roboto-Bold';
}

.pick_wowintro_package_price {
    font-family: 'Oswald-Bold';
    color: #6495ED;
}

.price_b4_sales {
    font-size: 20px;
    font-family: 'Oswald-Light';
    color: transparent;
    opacity: 0.4;
    text-decoration: line-through;
    margin-top: 10px;
}

.price_save {
    font-size: 16px;
    color: transparent;
    margin-top: 6px;
}

.pick_wowintro_package_price_num, .pick_wowintro_package_price_num_year {
    font-size: 66px;
    font-family: 'Oswald-Bold';
    display: none;
    vertical-align: top;
    line-height: 80px;
}

.pick_wowintro_package_price .fa_dollar_sign {
    font-size: 36px;
    font-family: 'Oswald-Regular';
    opacity: 0.5;
    display: inline-block;
    vertical-align: top;
    margin-top: -6px;
}

.pick_wowintro_package_text_per_month {
    font-size: 20px;
    font-family: 'Oswald-Regular';
    opacity: 0.6;
    color: #4b77be;
}

.btn_pick_wowintro_package {
    width: 190px;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    bottom: -26px;
    color: #000333;
    text-align: center;
    background: #FFCC00;
    border-radius: 36px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 1;
    font-family: 'Oswald-Regular';
}

.pick_wowintro_package_body_enterprise .pick_wowintro_package_price {
    font-size: 32px;
    line-height: 80px;
}

.active.price_b4_sales {
    color: #6495ED;
}

.active.price_save {
    color: #6495ED;
}

.pick_wowintro_package_body_advanced {
    background: #FF8B8B;
}

.pick_wowintro_package_body_advanced .pick_wowintro_package_title {
    color: #fff;
}

.pick_wowintro_package_body_advanced .fa_dollar_sign {
    color: #fff;
}

.pick_wowintro_package_body_advanced .pick_wowintro_package_price {
    color: #fff;
}

.pick_wowintro_package_body_advanced .pick_wowintro_package_text_per_month {
    color: #fff;
}

.pick_wowintro_package_body_advanced .pick_wowintro_package_price_b4_sales {
    color: #fff;
}

.pick_wowintro_package_body_advanced .active.price_b4_sales {
    color: #fff;
}

.pick_wowintro_package_body_advanced .active.price_save {
    color: #fff;
}

.pick_a_package_wrapper.background_image_css {
    padding: 0 0 200px;
}

.pick_wowintro_package_body:hover {
    box-shadow: none;
    border: 1px solid #6495ED;
}

.active.pick_wowintro_package_price_num {
    display: inline-block;
}

.active.pick_wowintro_package_price_num_year {
    display: inline-block;
}

.compare_package_table {
    width: 100%;
    background: #f4f8fe;
}

.compare_package_table.compare_package_table_signup {
    width: 100%;
    background: #fff;
}

.compare_package_table th, .compare_package_table td {
    border: 1px solid #E4EAF2;
    padding: 20px 20px;
    text-align: center;
}

.compare_package_table td {
    color: #000333;
    font-size: 16px;
}

.compare_package_text_title {
    font-size: 26px;
    font-family: 'Oswald-Bold';
    color: #000333;
}

.compare_package_text_left {
    font-size: 16px;
    font-family: 'Roboto-Bold';
    text-align: left;
}

.compare_package_text, .compare_package_text_year {
    display: none;
    color: #000333;
    font-size: 16px;
}

.active.compare_package_text, .active.compare_package_text_year {
    display: block;
}

.btn_pick_compare_package {
    width: 200px;
    height: 46px;
    line-height: 46px;
    color: #000333;
    font-size: 16px;
    text-align: center;
    background: #FFCC00;
    border-radius: 36px;
    font-family: 'Oswald-Regular';
    margin: auto;
}

.compare_package_wrapper {
    padding: 0 0 80px;
}

.compare_fa_check_times {
    text-align: center;
    vertical-align: top;
    line-height: normal !important;
    font-size: 30px;
    display: block !important;
    margin: auto;
    color: #26C281;
}

.compare_fa_check_times.fa-times-circle {
    color: #E7505A;
}

.compare_package_text_year_small {
    font-size: 16px;
    text-decoration: line-through;
}

.compare_package_text_year_big {
    font-size: 26px;
    font-family: 'Oswald-Bold';
}

.compare_package_text_left .compare_package_text, .compare_package_text_left .compare_package_text_year {
    font-family: 'Roboto-Bold';
}

.btn_pick_wowintro_package_trial {
    background: #6495ed;
    color: #fff;
}

.btn_pick_wowintro_package_trial, .btn_pick_wowintro_package_trial_year {
    display: none;
}

.btn_pick_wowintro_package_trial.active, .btn_pick_wowintro_package_trial_year.active {
    display: block;
}

.compare_package_table .btn_pick_compare_package_td {
    padding: 20px 10px;
}

.demo_companies_weve_help_wrapper {
    margin: 60px 0;
}

.request_demo_option_wrapper {
    text-align: center;
    font-size: 0;
    margin-bottom: 40px;
}

.request_demo_option_body {
    display: inline-block;
    vertical-align: top;
    width: 204px;
    line-height: 54px;
    color: #6495ED;
    background: #fff;
    font-size: 18px;
    border: 1px solid #6495ED;
    border-radius: 5px 0 0 5px;
    font-family: 'Roboto-Bold';
    cursor: pointer;
}

.request_demo_option_body.active {
    color: #fff;
    background: #6495ED;
}

.request_demo_option_body.btn_employer {
    border-radius: 0 5px 5px 0;
}

.request_demo_question {
    text-align: center;
    font-size: 20px;
    margin: -12px auto 40px;
    color: #000333;
}

.request_demo_answer_body {
    display: none;
    margin: auto;
}

.request_demo_answer_body.active {
    display: block;
}

.request_demo_answer_body_job {
    border: 1px solid #6495ED;
    border-radius: 7px;
    padding: 30px 50px 40px;
    font-size: 18px;
    color: #444;
}

.request_demo_answer_wrapper {
    padding: 20px 0px 30px;
    background: #fff;
    margin: 0 auto 40px;
    width: 100%;
    max-width: 700px;
}

.request_demo_answer_body_info_icon {
    width: 40px;
    margin: 0 auto 26px;
    display: block;
}

.request_demo_answer_body_content_bold {
    margin-bottom: 24px;
}

.request_demo_input_wrapper {
    margin-bottom: 10px;
}

.request_demo_input_wrapper:last-child {
    margin-bottom: 0;
}

.request_demo_input {
    border: 1px solid #ddd !important;
    width: 100%;
    font-size: 20px;
    color: #000333;
    outline: none !important;
    margin-top: 8px;
    padding: 6px 14px;
}

.btn_send_email_to_us {
    background: #FFCC00;
    display: block;
    margin: auto !important;
    cursor: pointer;
    width: 200px;
}

.request_demo_input_title {
    font-size: 20px;
    opacity: 0.6;
    color: #000333;
}

.request_demo_error_message {
    color: red;
    font-size: 14px;
    padding: 6px 14px 0;
}

.request_demo_input#country {
    padding-left: 10px;
}

.pick_wowintro_package_body_advanced:hover {
    border: 1px solid #FF8B8B;
}

.full_package_wrapper {
    display: none;
}

.full_package_wrapper.active {
    display: block;
    margin: 26px auto 40px;
}

.see_full_package {
    cursor: pointer;
    color: #6495ED;
    font-size: 20px;
    font-family: 'Oswald-Regular';
    margin: 80px auto 20px;
    text-align: center;
}

.signup_package_option_wrapper .option_package_blur_cover {
    background: #fff;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.selected .option_package_blur_cover {
    opacity: 0;
}

.pick_wowintro_package_body:hover .option_package_blur_cover {
    opacity: 0;
}

.see_full_package_arrow_down {
    font-size: 16px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 8px;
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.see_full_package.active .see_full_package_arrow_down {
    transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    margin-top: 5px;
}

.full_package_wrapper .compare_package_table {
    background: #fff;
}

.full_package_wrapper .compare_package_table tr:last-child {
    display: none;
}

.package_column.highlight {
    background: #f4f8fe;
}

.checkout_detail_list_body {
    display: none;
}

.checkout_detail_list_body.active {
    display: block;
    background: #DFE6F24D;
    border-radius: 0px 0px 5px 5px;
    padding: 22px 14px;
}

.text_times12 {
    display: none;
}

.text_times12.active {
    display: inline-block;
}

.checkout_detail_wrapper {
    padding: 28px 30px 30px;
    background: #F4F8FE;
    border-radius: 7px;
    margin-bottom: 50px;
}

.checkout_detail_table {
    width: 100%;
}

.checkout_detail_title {
    text-align: center;
    font-size: 22px;
    color: #6495ED;
    font-family: 'Helvetica';
    font-weight: bold;
    margin-bottom: 28px;
}

.checkout_detail_body {
    border: 1px solid #DFE6F2;
    padding: 28px 30px 30px;
    background: #fff;
    border-radius: 7px;
}

.checkout_detail_table_title {
    font-size: 18px;
    color: #000333;
    padding: 16px 0;
    border-bottom: 1px dashed #C2D0E9;
}

.checkout_detail_table_detail {
    font-size: 18px;
    color: #000333;
    font-family: 'Roboto-Bold';
    padding: 16px 0;
    border-bottom: 1px dashed #C2D0E9;
    text-align: right;
}

.checkout_detail_table_detail_discount {
    border-bottom: 2px solid #C2D0E9;
}

.checkout_detail_table_detail_subtotal {
    border-bottom: 4px solid #C2D0E9;
}

.checkout_detail_table_detail_total {
    border-bottom: 4px solid #C2D0E9;
}

.checkout_detail_table_title_big, .checkout_detail_table_detail_big {
    font-size: 25px;
    font-family: 'Roboto-Bold';
}

.checkout_detail_table_info_usd {
    font-size: 20px;
    color: #4b77be;
    margin: 14px auto 30px;
}

.checkout_detail_list_title {
    border-top: 1px solid #DFE6F2;
    border-bottom: 1px solid #DFE6F2;
    padding: 12px 14px;
    color: #000333;
    font-size: 18px;
}

.checkout_detail_table_info_usd_i {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    border: 2px solid #4b77be;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    text-align: center;
    margin-top: 1px;
    font-size: 16px;
    font-weight: bold;
}

.checkout_detail_list {
    font-size: 14px;
    color: #000333;
    display: inline-block;
    vertical-align: top;
}

.checkout_detail_list_dot {
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #C1CDE4;
    margin-top: 4px;
    margin-right: 5px;
}

.checkout_detail_list_box {
    margin-bottom: 8px;
}

.signup_package_wrapper {
    padding: 0 0 100px;
}

.checkout_detail_table_discount_wrapper {
    display: none;
}

.checkout_detail_table_discount_wrapper.active {
    display: table-row;
}

.landing_company_body {
    text-align: center;
    font-size: 0;
    margin: 0 -0.5%;
}

.about_us_divider {
    margin-bottom: 100px;
}

.about_us_quote_wrapper2020 {
    padding: 80px 0;
}

.about_us_quote_wrapper {
    font-size: 28px;
    font-family: 'Oswald-Regular';
    color: #000333;
    text-align: center;
    padding: 50px 95px 40px;
    background-color: #fff;
    position: relative;
}

.about_us_quote_wrapper b {
    font-family: 'Oswald-Bold';
}

.about_us_quote {
    width: px;
    height: px;
    position: absolute;
}

.about_us_quote_left {
    top: 0;
    left: 0;
}

.about_us_quote_right {
    bottom: 0;
    right: 0;
}

.about_us_pic_content_wrapper {
    font-size: 0;
    margin: 80px 0 0;
}

.about_us_pic {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    margin-right: 3%;
}

.about_us__content {
    display: inline-block;
    vertical-align: top;
    width: 51%;
    color: #444;
    font-size: 16px;
}

.faq_wrapper2020 {
    padding: 80px 0;
}

.faq_question_answer_body {
    border: 1px solid #6495ED;
    border-radius: 5px;
    background-color: #EFF4FD;
    margin-bottom: 6px;
}

.faq_question {
    color: #6495ED;
    font-size: 16px;
    line-height: 26px;
    cursor: pointer;
}

.faq_answer_wrapper {
    color: #000333;
    font-size: 14px;
    height: 0;
    overflow: hidden;
}

.faq_answer, .faq_question {
    padding: 12px 14px 12px;
}

.faq_question_answer_arrow {
    font-size: 16px;
    float: right;
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
}

.faq_question_answer_body.active .faq_answer_wrapper {
    height: auto;
}

.faq_question_answer_body.active .faq_question {
    background-color: #6495ED;
    color: #fff;
}

.faq_question_answer_body.active .faq_question_answer_arrow {
    transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    margin-top: 5px;
}

.faq_question:hover {
    background-color: #6495ED;
    color: #fff;
}

.btn_edit_type.active {
    color: #fff;
    background-color: #4b77be;
}

.image-style-side,
.image-style-align-left,
.image-style-align-center,
.image-style-align-right {
    max-width: 50%;
}

.image-style-side {
    float: right;
    margin-left: 1.5em;
}

.image-style-align-left {
    float: left;
    margin-right: 1.5em;
}

.image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}

.image-style-align-right {
    float: right;
    margin-left: 1.5em;
}

.image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}

.image.image_resized img {
    width: 100%;
}

.image.image_resized > figcaption {
    display: block;
}

.ckeditor5_details {
    color: #000333;
    font-size: 16px;
}

.ckeditor5_details p {
    margin-top: 0;
    margin-bottom: 0;
}

.ckeditor5_card_wrapper p {
    margin-top: 0;
    margin-bottom: 0;
}

figure.image {
    margin: auto;
}

figure.image>img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 50px;
}

.ckeditor5_details_blog_wrapper {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.ckeditor5_details_blog_title {
    margin-bottom: 10px;
    font-size: 24px;
}

.ckeditor5_details_blog_content {
    max-height: 800px;
    overflow: hidden;
    position: relative;
}

.ckeditor5_details_blog_content_read_more {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%;
    color: #4b77be;
    line-height: 40px;
    text-align: center;
    background: linear-gradient(360deg, #ddd, transparent);
}

.ckeditor5_details_blog_page .ckeditor5_details_blog_content {
    max-height: none;
}

.package_column {
    width: 18%;
}

.package_column_enterprise .compare_package_text_year_big {
    line-height: 30px;
}

.token .close {
    background-size: contain;
    background-position: center;
}

button.close {
    background-image: none !important;
}

.email_language_wrapper {
    font-size: 0;
}

.email_language_body {
    display: block;
    padding: 0 12px;
}

.change_view_btn_wrapper {
    margin-top: -6px;
}

.candidate_video_wrapper {
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 6px;
}

.cinema_left_padding_5 .icon_live_video_answer_time_play {
    margin-left: 6px;
}

.cinema_left_padding_5 .attempt_wrapper .table {
    margin-bottom: 0;
}

.gallery_view_wrapper .rating-select {
    width: 100% !important;
}

.gallery_view_name_filter {
    padding-right: 0;
}

.gallery_view_rating_filter {
    padding: 0;
}

.cinema_view_rating_percent {
    color: #4b77be;
    font-size:16px;
}

.cinema_view_rating_percent_wrapper {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.cinema_right_padding_5 .update_candidate_stat {
    width: 170px;
    display: inline-block;
    vertical-align: top;
    padding: 6px 0px 6px 6px;
}

.cinema_left_padding_5 .button_wrapper {
    font-size: 0;
}

.btn_view_option {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

.btn_view_option_standard {
    margin-right: 4%;
}

.cinema_card_title {
    margin-bottom: 10px;
}

.img_cinema_next_video {
    width: 100%;
    max-width: 300px;
}

.video_gallery_panel .half_star_grey {
    margin-left: -21px;
}

#addReview .modal-dialog, #modalReview .modal-dialog {
    min-width: 900px;
}

.popover.fade.in {
    z-index: 99999;
}

@media (max-width: 1780px)
{
    .landing_container {
        padding-left: 130px;
        padding-right: 130px;
    }

    .landing_background_content_wrapper {
        margin-top: 222px;
    }

    .btn_header_landing2020 {
        margin-right: 36px;
    }

    .wowintro_landing_video_title_border {
        margin: 0 auto 66px;
    }
}

@media (max-width: 1650px)
{
    .take_candidate_next_level_box {
        width: 62%;
    }
}

@media (max-width: 1600px)
{
    .landing_container {
        padding-left: 116px;
        padding-right: 116px;
    }

    .landing_background_content_wrapper {
        margin-top: 200px;
    }

    .btn_header_landing2020 {
        margin-right: 33px;
    }

    .wowintro_landing_video_title_border {
        margin: 0 auto 60px;
    }

    .wowintro_landing_video_wrapper_btm_triagle {
        border-bottom: 88px solid #f4f8fe;
        border-left: 98.95vw solid transparent;
    }

    .wowintro_landing_video_wrapper_btm_triagle_left {
        border-bottom: 88px solid #f4f8fe;
    }

    .landing_company_wrapper {
        height: 460px;
    }

    .landing_how_we_help_name {
        font-size: 22px;
    }

    .landing_how_we_help_company {
        font-size: 17px;
    }

    .landing_background_wrapper2020 {
        height: 606px;
    }
}

@media (max-width: 1450px)
{
    .take_candidate_next_level_box {
        width: 61%;
    }
}

@media (max-width: 1400px)
{
    .landing_container {
        padding-left: 102px;
        padding-right: 102px;
    }

    .landing_background_content_wrapper {
        margin-top: 170px;
    }

    .btn_header_landing2020 {
        margin-right: 28px;
    }

    .wowintro_landing_video_title_border {
        margin: 0 auto 52px;
    }

    .landing_company_wrapper {
        height: 420px;
    }

    .landing_background_wrapper2020 {
        height: 570px;
    }
}

@media (max-width: 1375px)
{

    .landing_how_we_help_name {
        font-size: 20px;
    }

    .landing_how_we_help_company {
        font-size: 16px;
    }

    .take_candidate_next_level_img {
        width: 290px;
        margin-right: 32px;
    }

    .take_candidate_next_level_box_number {
        left: 322px;
        top: 39px;
        width: 120px;
    }

    .take_candidate_next_level_box {
        padding-top: 73px;
        width: 64%;
    }
}

@media (max-width: 1366px)
{
    .wowintro_landing_video_wrapper_btm_triagle {
        border-left: 98.8vw solid transparent;
    }

    .wowintro_landing_video_wrapper_btm_triagle_left {
        border-right: 98.8vw solid transparent;
    }

    .page_background_title {
        line-height: 80px;
        font-size: 40px;
    }
}

@media (max-width: 1280px)
{
    .landing_container {
        padding-left: 92px;
        padding-right: 92px;
    }

    .landing_background_content_wrapper {
        margin-top: 160px;
    }

    .landing_background_wrapper2020 {
        height: 568px;
    }

    .btn_header_landing2020 {
        margin-right: 26px;
    }

    .wowintro_landing_video_title_border {
        margin: 0 auto 48px;
    }

    .wowintro_landing_video_wrapper_btm_triagle {
        border-left: 98.7vw solid transparent;
        border-bottom: 52px solid #f4f8fe;
    }

    .wowintro_landing_video_wrapper_btm_triagle_left {
        border-right: 98.7vw solid transparent;
        border-bottom: 52px solid #f4f8fe;
    }

    .landing_company_wrapper {
        height: 370px;
    }

    .landing_circle_yellow {
        bottom: 46px;
    }

    .landing_circle_light_blue {
        top: -20px;
        width: 110px;
        height: 110px;
    }

    .landing_how_we_help_content {
        font-size: 15px;
    }

    .take_candidate_next_level_img {
        width: 272px;
        margin-right: 30px;
    }

    .take_candidate_next_level_box_number {
        left: 302px;
        top: 28px;
    }

    .take_candidate_next_level_box {
        padding-top: 60px;
        width: 64%;
    }

    .take_candidate_next_level_box_title {
        margin-bottom: 30px;
    }

    .features_img {
        margin-right: 6%;
    }

    .features_content_wrapper {
        padding-top: 36px;
        width: 54%;
    }

    .features_content {
        font-size: 15px;
    }

    .compare_package_table th, .compare_package_table td {
        padding: 16px 16px;
    }
}

@media (max-width: 1200px)
{
	.widget-thumb {
	    padding: 20px 13px 8px;
	}

	.job_list_card_name{
		max-width: 60%;
	}

    .birthdayPicker > .form-control {
        max-width: 113px;
    }

    #col-cover-preview .cropit-preview.cropit-image-loaded{
        left: -8%;
    }

    .candidate_upcoming_interview_body_padding{
        min-height: 144px;
    }

    .upgrade_package_background {
        height: 346px;
    }

    .container.jobBoardContainer {
        width: 900px;
    }
}

@media (max-width: 1199px)
{
	.company_profile_wrapper {
	    max-width: 670px;
	}

	.company_name_wrapper {
	    padding: 0px 20px;
	    font-size: 22px;
	}

	.company_name_wrapper > a {
	    max-width: 450px;
	}

	.btn_media_wrapper {
	    position: relative;
    	float: right;
    	right: 0;
	}

	.btn_media_wrapper i.fa {
	    width: 34px;
	    height: 34px;
	    line-height: 34px;
	    font-size: 20px;
	}

	.company_detail_body {
	    width: 168px;
	}

	.company_detail_wrapper {
	    padding: 0 20px;
	}

	.col-md-15 .widget-thumb-heading {
	    min-height: 34px;
	}

    .applied_list_star {
        margin-right: 2px;
        font-size: 16px !important;
    }

    .nav_btn_col .dropdown{
        font-size: 14px;
    }

    .all_tag_width{
        max-width: 280px;
    }

    .number_score_match{
        min-width: 90px;
    }

    .match_donut_chart_wrapper {
        width: 222px;
        left: -235px;
    }

    .match_donut_chart_wrapper .right_padding_5{
        padding-right: 15px;
    }

    .match_donut_chart_wrapper .left_padding_5{
        padding-left: 15px;
    }

    .donut_chart_wrapper {
        width: 190px;
        height: 190px;
    }

    .container.jobBoardContainer {
        width: 900px;
    }

    .pending_review_title {
        margin-left: 33px;
    }

    .uni_job_list_long_box {
        width: 86%;
    }

    .view_candidate_owi {
        margin-top: 12px;
    }

    .uni_widget_icon {
        font-size: 50px;
    }

    .uni_total_batch_invited {
        width: 13%;
    }

    .batch_status_color_bar_wrapper {
        width: 87%;
    }

    .gallery_video {
        height: 279px !important;
    }

    .landing_container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .landing_background_content_wrapper {
        margin-top: 148px;
    }

    .landing_background_wrapper2020 {
        height: 532px;
    }

    .wowintro_landing_video_wrapper {
        height: 780px;
        padding: 72px 0 46px;
    }

    .wowintro_landing_video_title_border {
        margin: 0 auto 44px;
    }

    .wowintro_landing_video {
        width: 100%;
        height: 420px !important;
    }

    .wowintro_landing_video_wrapper_btm_triagle {
        border-left: 98.6vw solid transparent;
        border-bottom: 48px solid #f4f8fe;
    }

    .wowintro_landing_video_wrapper_btm_triagle_left {
        border-right: 98.6vw solid transparent;
        border-bottom: 48px solid #f4f8fe;
    }

    .landing_company_wrapper {
        height: 340px;
    }

    .landing_circle_yellow {
        width: 80px;
        height: 80px;
        left: -40px;
        bottom: 36px;
    }

    .landing_circle_light_blue {
        top: -20px;
        width: 100px;
        height: 100px;
    }

    .landing_company_box {
        padding: 0 60px;
    }

    .take_candidate_next_level_box {
        width: 62%;
    }

    .features_content_title {
        font-size: 24px;
    }

    .pick_wowintro_package_body_enterprise .pick_wowintro_package_price {
        font-size: 28px;
        line-height: 70px;
    }

    .pick_wowintro_package_price_num, .pick_wowintro_package_price_num_year {
        font-size: 60px;
        line-height: 70px;
    }

    .pick_wowintro_package_price .fa_dollar_sign {
        font-size: 32px;
        margin-top: -6px;
    }

    .btn_pick_wowintro_package {
        width: 180px;
        font-size: 15px;
    }

    .btn_header_landing2020 {
        margin-right: 18px;
    }

    .video_gallery_panel .half_star_grey {
        margin-left: -19px;
    }

    #addReview .modal-dialog, #modalReview .modal-dialog {
        min-width: auto;
    }
}

@media (max-width: 1100px)
{
    .landing_how_we_help_name_company_wrapper {
        max-width: 60%;
    }

    .btn_header_landing2020 {
        font-size: 14px;
        margin-right: 14px;
    }

    .btn_landing2020 {
        font-size: 14px;
        width: 144px;
        margin-right: 12px;
    }
}

@media (max-width: 1031px)
{
    .compare_package_table_wrapper {
        width: 100%;
        overflow-x: scroll;
        border-right: 1px solid #E4EAF2;
    }

    .compare_package_table {
        width: 1000px;
    }
}

@media (max-width: 991px)
{
	.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a, .page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a{
		height: auto;
		border: 0;
	}

	#collapse-Helper-Employer .well .col-md-6 button {
	    margin-top: 10px;
	}

	#collapse-Helper-Employer .well .col-md-6:last-child {
	    padding: 0;
	}

	.widget-thumb {
	    padding: 20px 20px 8px;
	}

	.card_table_wrapper.latest_job_wrapper{
		overflow-x: scroll;
	}

	.company_profile_wrapper {
	    max-width: 100%;
	}

	.profile-picture-employer {
	    border: 0;
	    margin: auto;
	    display: block;
	    border-radius: 0;
	}

	.company_name_wrapper > a {
	    max-width: 430px;
	}

	.job_list_card_body_left, .job_list_card_body_right {
	    min-height: auto;
	}

	.job_list_card_body_left {
	    margin-bottom: 10px;
	}

	.job_list_card_body_left, .job_list_card_body_right_padding{
		padding: 0 15px;
	}

	.job_list_card_action_btn{
		right: 15px;
	}

	.job_list_card_status_wrapper {
	    position: relative;
	    left: 0;
	}

	.job_list_card_name {
	    margin-bottom: 10px;
	}

	.job_list_filter_body .btn_font_wrapper {
	    margin-top: 0;
	}

	.job_list_filter_body .btn{
		height: 26px;
		padding: 2px 10px;
	}

	.job_list_filter_body .btn_reset_blue .btn{
		margin-bottom: 6px;
	}

	.col-md-15 {
	    width: 50%;
	}

	.col-md-15 .widget-thumb-heading {
	    min-height: auto;
	}

    .profile_video_box #wistia_iframe{
        width: 100%;
    }

    video.thumbnail{
        width: 100%;
    }

    .view_candidate img {
        max-width: 130px;
        margin: auto;
    }

    .avg_candidate_rating_star_wrapper {
        margin-bottom: 4px;
    }

    .candidate_detail_text_max {
        max-width: 84%;
    }

    .card_table_wrapper.latest_job_wrapper.deposited_resume_table {
        overflow: auto;
    }

    .nav_btn_col{
        border-left: 0;
    }

    .all_tag_width {
        max-width: none;
        text-align: left;
        float: none !important;
        margin: 6px 0;
    }

    .with_filter .date_from_border{
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }

    .time_window_note_text_wrapper .time_window_note {
        max-width: 76%;
    }

    .birthdayPicker > .form-control {
        max-width: 134px;
    }

    .account_profil_col.right_padding_5{
        padding-right: 15px;
    }

    .account_profil_col.left_padding_5{
        padding-left: 15px;
    }

    #col-cover-preview .cropit-preview.cropit-image-loaded{
        left: auto;
    }

    #candidate_modal .padding_zero{
        padding: 0 15px;
    }

    #action_status_col{
        padding-top: 10px;
    }

    .btn_application_detail_wrapper .overflow_x_wrapper {
        overflow-x: scroll;
        width: 100%;
    }

    .candidate_home_share_like_wrapper{
        padding-top: 0;
    }

    .home_job_applied_wrapper .overflow_table_wrapper {
        width: 100%;
        overflow-x: scroll;
    }

    .home_job_applied_wrapper .table {
        width: 800px;
    }

    .candidate_upcoming_interview_row{
        margin: 0;
    }

    .candidate_upcoming_interview_body_left_border{
        border-bottom: 1px solid #ddd;
    }

    .candidate_upcoming_interview_body_right_border{
        border-left: 0;
    }

    .wowsume_form_wrapper .upload_note_wrapper {
        width: 65%;
    }

    .view_job_employer_profile_pic{
        display: block;
    }

    #reviewer-grid{
        overflow-x: scroll;
    }

    #reviewer-grid table{
        width: 900px;
    }

    .candidate_upcoming_interview_body_padding{
        min-height: auto;
    }

    .dashboard_employer_wrapper .right_padding_5 {
        padding-right: 15px;
    }

    .dashboard_employer_wrapper .row {
        margin: 0 -5px;
    }

    .dashboard_employer_stat {
        padding: 0 5px;
    }

    .dashboard_employer_wrapper .left_padding_5{
        padding-left: 15px;
    }

    .upgrade_package_background{
        top:62px;
        height: 282px;
    }

    .upgradepage_background_title {
        font-size: 24px;
        margin-bottom: 20px !important;
    }

    .upgradepage_background_content {
        font-size: 16px;
        margin-bottom: 20px !important;
    }

    .btn_exp_wow {
        padding: 8px 50px;
        font-size: 16px;
    }

    .match_donut_chart_wrapper {
        top: 36px;
        left: 0;
    }

    #reviewCandidates .col-md-3.right_padding_5{
        padding-right: 15px;
    }

    #reviewCandidates .col-md-9.left_padding_5{
        padding-left: 15px;
    }

    .match_donut_chart_wrapper:before {
        position: absolute;
        top: -9px;
        left: 4px;
        right: auto;
        display: inline-block!important;
        border-right: 8px solid transparent;
        border-bottom: 9px solid #ddd;
        border-left: 8px solid transparent;
        border-top: 0;
        content: '';
    }

    .match_donut_chart_wrapper:after {
        position: absolute;
        top: -8px;
        left: 5px;
        right: auto;
        display: inline-block!important;
        border-right: 7px solid transparent;
        border-bottom: 8px solid #fff;
        border-left: 7px solid transparent;
        border-top: 0;
        content: '';
    }

    .container.jobBoardContainer {
        width: 750px;
    }

    .upcoming_interview_arrow.btn_review_candiadte {
        width: auto;
    }

    .result_bar_body {
        width: 78%;
    }

    #candidate_modal .default_video_image {
        height: 259px !important;
    }

    .donut_chart_wrapper {
        width: 190px;
        height: 190px;
    }

    .screen_991 {
        /*margin: 0 0 10px -14px !important;*/
        width: 254px !important;
    }

    .uni_card_title_wrapper {
        height: auto;
    }

    .batch_status_color_wrapper {
        float: none !important;
        margin: 6px 0;
    }

    .uni_total_batch_invited {
        width: 18%;
    }

    .batch_status_color_bar_wrapper {
        width: 82%;
    }

    .gallery_video {
        height: 206px !important;
    }

    .landing_background_content_wrapper {
        margin-top: 90px;
    }

    .landing_background_wrapper2020 {
        height: 440px;
    }

    .landing_background_wrapper2020_arrow_down {
        width: 80px;
    }

    .landing_background_content2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .landing_background_content3 {
        font-size: 12px;
        width: 60%;
    }

    .wowintro_landing_video_wrapper {
        height: 650px;
        padding: 58px 0 38px;
    }

    .wowintro_landing_video_title {
        font-size: 30px;
    }

    .wowintro_landing_video_title_border {
        margin: 0 auto 36px;
    }

    .wowintro_landing_video {
        height: 360px !important;
    }

    .wowintro_landing_video_wrapper_btm_triagle {
        border-left: 98.3vw solid transparent;
        border-bottom: 40px solid #f4f8fe;
    }

    .wowintro_landing_video_wrapper_btm_triagle_left {
        border-right: 98.3vw solid transparent;
        border-bottom: 40px solid #f4f8fe;
    }

    .landing_company_wrapper {
        height: 300px;
    }

    .landing_circle_yellow {
        width: 70px;
        height: 70px;
        left: -35px;
        bottom: 36px;
    }

    .landing_circle_light_blue {
        top: -20px;
        width: 90px;
        height: 90px;
    }

    .landing_company_box {
        padding: 0 20px;
    }

    .why_digital_box_title {
        font-size: 40px;
    }

    .why_digital_box_content {
        font-size: 16px;
        line-height: 22px;
    }

    .why_digital_box {
        height: 190px;
    }

    .why_digital_wrapper {
        height: 460px;
    }

    .take_candidate_next_level_img {
        margin: 0 auto 20px;
        display: block;
    }

    .take_candidate_next_level_body_img_right .take_candidate_next_level_img {
        display: none;
    }

    .take_candidate_next_level_img_hidden {
        display: block;
    }

    .take_candidate_next_level_box {
        width: 90%;
        display: block;
        text-align: center;
        margin: auto;
        padding-top: 0;
    }

    .take_candidate_next_level_box_number {
        left: 0;
    }

    .feature_divider {
        margin: 30px auto 30px;
    }

    .features_img {
        display: none;
    }

    .features_img_small {
        display: block;
    }

    .features_content_wrapper {
        padding: 0;
        width: 100%;
    }

    .features_background_wrapper2020 {
        padding: 30px 0 40px;
    }

    .pick_wowintro_package_body {
        margin-bottom: 40px;
    }

    .pick_a_package_wrapper.background_image_css {
        padding: 0 0 60px;
    }

    .landing_choose_a_package_btn_wrapper {
        transform: none;
        top: auto;
        position: relative;
        right: auto;
        margin-top: 20px;
    }

    .footer_wowintro_logo {
        height: 46px;
        margin-bottom: 14px;
    }

    .about_us_pic {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .about_us__content {
        width: 100%;
    }

    .gallery_view_wrapper .padding_zero {
        padding: 0 15px;
    }

    .gallery_rating_percent {
        display: block;
        text-align: right;
    }
}

@media (max-width: 916px)
{
    .landing_circle_yellow {
        width: 60px;
        height: 60px;
        left: -30px;
        bottom: 36px;
    }

    .landing_circle_light_blue {
        top: -20px;
        width: 80px;
        height: 80px;
        right: 20px;
    }

    .landing_company_box {
        padding: 0 15px;
    }
}

@media (max-width: 868px)
{
    .landing_how_we_help_box {
        width: 100%;
        border-right: 0;
        border-bottom: 2px solid #e5edfc;
    }
}

@media (max-width: 825px)
{
    .landing_circle_yellow {
        width: 60px;
        height: 60px;
        left: -30px;
        bottom: 36px;
    }

    .landing_circle_light_blue {
        top: -10px;
    }

    .landing_company_box {
        padding: 0px;
    }
}

@media (min-width: 768px)
{
    .upgrade_modal_dialog {
        width: 700px;
    }
}

@media (max-width: 767px)
{
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-tasks>.dropdown-menu {
    	margin-right: -102px;
	}

	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-notification>.dropdown-menu {
	    margin-right: -148px;
	}

	.profile_view_more_dropdown {
	    top: 0px;
	    right: -12px;
	    transform: none;
	    -o-transform: none;
	    -moz-transform: none;
	    -webkit-transform: none;
	    margin-top: 30px !important;
	}

	.dropdown>.profile_view_more_dropdown:before {
	    top: -8px;
	    right: 9px;
	    left: auto;
	    border-top: 0;
        border-right: 8px solid transparent;
	    border-bottom: 8px solid #e0e0e0;
	    border-left: 8px solid transparent;
	    content: '';
	    transform: none;
	    -o-transform: none;
	    -moz-transform: none;
	    -webkit-transform: none;
	}

	.dropdown>.profile_view_more_dropdown:after {
	    top: -7px;
	    right: 10px;
	    left: auto;
	    border-top: 0;
	    border-right: 7px solid transparent;
	    border-bottom: 7px solid #eee;
	    border-left: 7px solid transparent;
	    content: '';
	    transform: none;
	    -o-transform: none;
	    -moz-transform: none;
	    -webkit-transform: none;
	}

	.right_padding_5{
		padding-right: 15px;
	}

	.left_padding_5{
		padding-left: 15px;
	}

	.package_info_top .col-xs-6:last-child {
	    margin-top: 10px;
	}

	.company_name_wrapper > a {
	    max-width: 400px;
	}

	.testimonial_height_box {
	    min-height: auto;
	}

    .testimonial_wrapper {
        padding: 10px 0 0;
    }

	.testimonial_body {
	    height: 360px;
	}

	.employer_profile_des {
	    padding: 20px 0 0;
	}

	.job_list_card_body_right{
		padding-bottom: 6px;
	}

	.job_list_card_body_right .responsive_job_stat{
		margin-bottom: 10px;
	}

	.job_list_filter_body .padding_zero {
	    padding: 0 15px;
	}

	.job_list_filter_body .margin_zero {
	    margin: 0 -15px;
	}

	.job_list_filter_body .btn_font_wrapper .btn_reset_blue {
	    margin-right: 0;
	}

	.date_from_border {
	    border-right: 0;
	}

	.date_from_col_border{
		border-right: 1px solid #ddd;
	}

	.publish_date_wrapper .input-group{
		width: 100%;
	}

	.col-md-15 {
	    width: 100%;
	}

    .profile_video_box{
        min-height: auto;
    }

    .col_xs_last_btn{
        margin-top: 8px;
    }

    .status_question_wrapper label {
        margin: 7px 0 5px;
    }

    .with_filter .date_from_col_border{
        border-right: 0;
    }

    .date_input_group{
        width: 100%;
    }

    .birthdayPicker > .form-control {
        max-width: none;
        width: 32%;
    }

    .account_profile_input_box{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .account_profile_input_col{
        margin-bottom: 8px;
    }

    .profile_media_wrapper .control-label br {
        display: none;
    }

    .answer_upload_wrapper{
        min-height: auto;
    }

    .candidate_home_profile_pic{
        margin-bottom: 12px;
    }

    .candidate_home_share_btn{
        margin-top: 10px;
    }

    .candidate_upcoming_interview_body_left{
        padding-right: 15px;
    }

    .candidate_upcoming_interview_body_left_border{
        border: 0;
    }

    .candidate_upcoming_interview_body_left_border .candidate_upcoming_interview_body_padding {
        border-bottom: 1px solid #ddd;
    }

    .candidate_upcoming_interview_remark_text{
        margin-bottom: 10px;
    }

    .edit_wowsume_table_wrapper{
        overflow-x: scroll;
    }

    .edit_wowsume_table_wrapper table, .edit_wowsume_table_wrapper .form-horizontal{
        width: 800px;
    }

    .wowsume_form_wrapper .upload_note_wrapper {
        width: 100%;
    }

    .hero-area-menu #nav > li {
        overflow: visible;
    }

    .reviewer_report_table_wrapper{
        overflow-x: scroll;
    }

    .reviewer_report_table{
        width: 900px;
    }

    .access_group_wrapper .padding_zero{
        padding: 0 15px;
    }

    .access_group_select_all{
        margin-top: 0;
    }

    .home_body_wrapper .help_box {
        max-width: 210px;
    }

    .upgradepage_sm{
        text-align: center;
    }

    .upgradepage_sm .upgradepage_img_wow_desktop{
        margin: 40px auto 0px;
        display: block;
        max-width: 300px;
    }

    .upgrade_your_wow_wrapper {
        padding-top: 40px;
    }

    .upgrade_package_background {
        height: 230px;
    }

    .container.jobBoardContainer {
        width: 100%;
    }

    .pending_review_title {
        margin-left: 0;
    }

    .review_table_title_wrapper {
        display: none;
    }

    .jq-ry-container {
        display: inline-block;
        vertical-align: top;
        margin: 2px 0 6px;
    }

    .reviewer_criteria_rating_percentage {
        display: inline-block;
        vertical-align: top;
        margin: 2px 0 0 6px;
        line-height: 20px;
        margin-top: 4px !important;
    }

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

    #candidate_modal .default_video_image {
        height: 350px !important;
    }

    .hero-area-mainmenu {
        padding: 0;
    }

    .hero-area-menu .navbar-toggle {
        margin: 0;
    }

    .hero-area-logo a {
        float: left;
    }

    .hero-area-menu .navbar-collapse {
        top: 30px;
    }

    .hero-area-menu #nav > li {
        float: right;
        text-align: right;
    }

    .hero-area-menu .nav.navbar-nav {
        padding: 0;
        margin: 0;
    }

    .hero-area-menu ul.nav.navbar-nav li a {
        padding: 2px 6px;
    }

    .job_list_card_status_wrapper {
        width: 100%;
    }

    .col_20_percent {
        width: 33%;
        float: left;
    }

    .table_wrapper .rpd-datagrid {
        overflow-x: scroll;
    }

    .table_wrapper .table {
        width: 900px;
    }

    .gallery_video {
        height: 300px !important;
        max-height: 300px !important;
    }

    .landing_background_content3 {
        width: 80%;
    }

    .wowintro_landing_video_wrapper {
        height: 630px;
        padding: 46px 0 28px;
    }

    .wowintro_landing_video_title_border {
        margin: 0 auto 28px;
    }

    .wowintro_landing_video {
        height: 360px !important;
    }

    .wowintro_landing_video_wrapper_btm_triagle {
        border-left: 97.8vw solid transparent;
        border-bottom: 30px solid #f4f8fe;
    }

    .wowintro_landing_video_wrapper_btm_triagle_left {
        border-right: 97.8vw solid transparent;
        border-bottom: 30px solid #f4f8fe;
    }

    .wowintro_landing_video_title {
        font-size: 28px;
    }

    .landing_company_wrapper {
        height: 400px;
    }

    .landing_circle_yellow {
        width: 40px;
        height: 40px;
        left: -20px;
        bottom: 36px;
    }

    .landing_circle_light_blue {
        width: 65px;
        height: 65px;
    }

    .footer_title2020 {
        margin-top: 20px;
    }

    .take_candidate_next_level_box {
        position: relative;
    }

    .take_candidate_next_level_box_number {
        left: 50% !important;
        top: 50%;
        transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    .compare_package_text_title {
        font-size: 20px;
    }

    .compare_package_text_left {
        font-size: 14px;
    }

    .compare_package_text, .compare_package_text_year {
        font-size: 14px;
    }

    .compare_package_text_year_big {
        font-size: 20px;
    }

    .compare_package_text_year_small {
        font-size: 13px;
    }

    .btn_pick_compare_package {
        font-size: 14px;
        width: 164px;
    }

    .compare_package_table th, .compare_package_table td {
        padding: 12px 12px;
    }

    .compare_package_table td {
        font-size: 14px;
    }

    .pick_wowintro_package_body {
        max-width: 280px;
        margin: 0 auto 40px;
        display: block;
    }

    .page_background_title {
        font-size: 30px;
        line-height: 100px;
    }

    .landing_company {
        width: 32.3%;
        margin: 0 0.5%;
        max-width: 160px;
    }

    .why_digital_wrapper {
        height: 830px;
    }

    .why_digital_box {
        display: block;
        margin: 0 auto 16px;
        width: 100%;
        max-width: 200px;
    }

    .about_us_quote_wrapper {
        font-size: 20px;
        padding: 50px 40px 40px;
    }

    .about_us_quote {
        height: 60px;
    }

    .about_us_quote_wrapper2020 {
        padding: 40px 0;
    }
}

@media (max-width: 720px)
{
	.company_detail_body {
	    width: 154px;
	}
}

@media (max-width: 700px)
{
	.card_title_wrapper{
		height: auto;
		padding-bottom: 12px;
	}

	.card_title_wrapper .btn_pull_right {
	    float: none !important;
	    margin-top: 8px;
	}

	.company_name_wrapper > a {
	    max-width: 340px;
	}

	.responesive_view_big{
		display: none;
	}

	.responesive_view_small{
		display: block;
	}

	.company_detail_body {
	    width: 214px;
	}

	.two_page_title_btn{
		float: none !important;
	}

    .landing_circle_yellow {
        width: 40px;
        height: 40px;
        left: -20px;
        bottom: 36px;
    }

    .landing_circle_light_blue {
        top: 10px;
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 640px)
{
    .landing_circle_light_blue {
        top: 50px;
        width: 45px;
        height: 45px;
        right: 15px;
    }
}

@media (max-width: 627px)
{
    .birthdayPicker > .form-control {
        width: 31.4%;
    }
}

@media (max-width: 600px)
{
	.company_name_wrapper {
	    height: auto;
	    line-height: normal;
	    padding: 10px 14px;
	    text-align: center;
	}

	.company_name_wrapper > a {
	    max-width: 100%;
	}

	.btn_media_wrapper {
	    float: none;
	    top: 0;
	    transform: none;
	    -o-transform: none;
	    -moz-transform: none;
	    -webkit-transform: none;
	    margin-top: 6px;
	}

	.company_detail_body {
	    width: 178px;
	}

	.page-header .page-header-top .page-logo{
		float: none;
    	display: inline-block;
	}

	.page-header-top .top-menu, .page-header-top .top-menu .navbar-nav {
	    float: none !important;
	}

    .page-header .page-header-top .top-menu .navbar-nav>li#notification .dropdown-menu{
        min-width: 200px;
    }

    .upgrade_package_background {
        top: 118px;
    }

    .features_content {
        font-size: 13px;
    }

    .features_content_title {
        font-size: 20px;
    }

    .features_content_fa_dot {
        line-height: 20px !important;
        margin-right: 12px;
    }

    .feature_content_inline_block {
        width: 90%;
    }

    .feature_content_inline_block_v_2_dot .feature_content_inline_block {
        width: 79%;
    }

    .request_demo_answer_body_job {
        padding: 20px 20px 18px;
        font-size: 16px;
    }

    .landing_circle_light_blue {
        display: none;
    }

    .checkout_detail_wrapper {
        padding: 10px;
    }

    .checkout_detail_title {
        font-size: 20px;
    }

    .checkout_detail_body {
        padding: 10px;
    }

    .checkout_detail_table_title {
        font-size: 16px;
    }

    .checkout_detail_table_detail {
        font-size: 16px;
    }

    .checkout_detail_table_title_big, .checkout_detail_table_detail_big {
        font-size: 20px;
    }

    .checkout_detail_table_info_usd {
        font-size: 16px;
    }

    .checkout_detail_table_info_usd_i {
        width: 22px;
        height: 22px;
        line-height: 22px;
        margin-top: 0;
        font-size: 14px;
    }

    .checkout_detail_list_title {
        padding: 12px 8px;
        font-size: 16px;
    }

    .checkout_detail_list_body.active {
        padding: 22px 8px;
    }

    .checkout_detail_list {
        width: 88%;
    }
}

@media (max-width: 589px)
{
    .landing_circle_light_blue {
        top: 60px;
    }
}

@media (max-width: 550px)
{
    .cant_decide_wrapper {
        padding-top: 80px;
    }

    .cant_decide_title {
        font-size: 30px;
    }

    .cant_decide_button_wrapper .btn_landing2020 {
        width: 120px;
    }
}

@media (max-width: 528px)
{
	.company_detail_body {
	    width: 148px;
	}

	.job_list_card_name {
	    max-width: 57%;
	}

    .profile_media_wrapper .profile_choose_file_wrapper{
        padding: 0;
    }

    .home_body_wrapper .help_box {
        float: none;
        margin: auto;
    }

    #candidate_modal .default_video_image {
        height: 250px !important;
    }
}

@media (max-width: 520px)
{
    .why_digital_box {
        display: block;
        margin: 0 auto 16px;
    }

    .btn_month_year_body {
        border-radius: 0px !important;
    }

    .request_demo_option_body {
        border-radius: 0px !important;
    }
}

@media (max-width: 480px)
{
	.page-header .top-menu, .page-header .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle, .page-header-fixed-mobile .page-header .top-menu {
	    background-color: inherit;
	}

	.page-header .page-header-top .top-menu {
	    float: left;
	    margin-bottom: 10px;
	}

	.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled{
		padding: 10px;
	}

	.card_title{
		font-size: 16px;
	}

	.job_list_card_label_wrapper {
	    float: none !important;
	    margin-bottom: 8px;
	}

	.job_list_card_name{
		max-width: 100%;
	}

    .profile_media_wrapper .form-control-static.filename-label {
        margin-bottom: 8px;
    }

    .upgrade_package_background {
        top: 128px;
    }

    .landing_background_content_wrapper {
        padding: 0 20px;
    }

    .landing_background_content1 {
        font-size: 34px;
        margin-bottom: 10px;
    }

    .landing_background_content2 {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .wowintro_landing_video_wrapper {
        height: 340px;
        padding: 30px 0 18px;
    }

    .wowintro_landing_video_title_border {
        margin: 0 auto 18px;
    }

    .wowintro_landing_video_title {
        font-size: 26px;
    }

    .wowintro_landing_video {
        width: 100%;
        max-width: 300px;
        height: 170px !important;
    }

    .wowintro_landing_video_wrapper_btm_triagle {
        border-left: 96.3vw solid transparent;
        border-bottom: 18px solid #f4f8fe;
    }

    .wowintro_landing_video_wrapper_btm_triagle_left {
        border-right: 96.3vw solid transparent;
        border-bottom: 18px solid #f4f8fe;
    }

    .landing_company {
        width: 49%;
    }
    
    .landing_company_wrapper {
        height: 500px;
    }
}

@media (max-width: 468px)
{
	.btn_pull_right a:last-child .btn {
	    margin-top: 8px;
	}

	.company_detail_body {
	    width: 126px;
	}

	a:last-child .page_title_btn{
		margin-left: 0;
		margin-top: 8px;
	}

    .btn_export_report_wrapper .btn_light_blue:last-child{
        display: block;
        margin-top: 8px;
    }

    .bad_history_hover_menu {
        left: -165px;
    }

    .btn-group>.dropdown-menu.bad_history_hover_menu:before, .dropdown-toggle>.dropdown-menu.bad_history_hover_menu:before, .dropdown>.dropdown-menu.bad_history_hover_menu:before{
        left: auto;
        right: 40px;
    }

    .btn-group>.dropdown-menu.bad_history_hover_menu:after, .dropdown-toggle>.dropdown-menu.bad_history_hover_menu:after, .dropdown>.dropdown-menu.bad_history_hover_menu:after{
        left: auto;
        right: 41px;
    }

    .birthdayPicker > .form-control {
        width: 100%;
    }

    .btn_type_add {
        float: none !important;
        margin-top: 4px;
        display: block;
    }

    .btn_create_reviewr_wrapper {
        float: none !important;
        margin-top: 6px;
    }
}

@media (max-width: 423px)
{
	.company_detail_container{
		height: auto;
	}

	.company_detail_wrapper {
	    position: relative;
	    transform: none;
	    -o-transform: none;
	    -moz-transform: none;
	    -webkit-transform: none;
	    top: 0;
	    left: 0;
	    padding: 20px;
	}

	.company_detail_body {
	    width: 160px;
	}

	.job_list_card_body_right_padding{
		padding: 0;
	}

    .question_ask_length {
        max-width: 90%;
    }

    .gallery_video {
        height: 250px !important;
        max-height: 250px !important;
    }

    .landing_background_content1 {
        font-size: 30px;
    }

    .landing_background_wrapper2020 {
        height: 360px;
    }

    .landing_background_content2 {
        font-size: 14px;
    }

    .wowintro_landing_video_title {
        font-size: 24px;
    }
}

@media (max-width: 378px)
{
	.overflow_x_wrapper{
		overflow-x: scroll;
		width: 100%;
	}

	.gallery-block{
		width: 150px;
    	height: 150px;
	}

	.job_list_title {
	    margin-bottom: 6px;
	    line-height: 22px;
	    height: auto;
	    max-width: 100%;
	    padding-top: 10px;
	}

	.profile_job_list_title, .text-muted.employer {
	    padding-left: 0;
	    padding-right: 0;
	}

	.profile_job_list_title a {
	    position: relative;
	}

	.company_detail_body {
	    width: 138px;
	}

    .time_window_note_text_wrapper .time_window_note {
        max-width: 68%;
    }

    .profile_media_wrapper .upload_note_body {
        max-width: 146px;
    }

    .img_profile_video_proccessing img {
        width: 100%;
    }

    .candidate_question_n_answer_wrapper .video_answer_wrapper {
        padding: 12px 0 0 !important;
    }

    .answer_upload_wrapper{
        padding: 16px 16px 10px;;
    }

    .video_answer_wrapper .employer_profile_title {
        padding-left: 20px;
        margin-bottom: 0;
    }

    .upgradepage_background_title{
        font-size: 20px;
    }

    .landing_background_content_wrapper {
        margin-top: 30px;
    }
}

@media (max-width: 330px)
{
	.upcoming_interview_number, .upcoming_interview_date{
		margin-right: 8px;
	}

	.publish_date_wrapper .fa{
		display: none;
	}

    .question_ask_length {
        max-width: 88%;
    }
}

@media (max-width: 320px)
{
	.profile-picture-employer{
		width: 100%;
		height: auto;
	}

	.job_list_card_action_btn {
	    position: relative;
	    right: auto;
	    margin-top: 6px;
	}

	.page_title {
	    font-size: 18px;
	}

	.page_title_btn_fa {
	    margin-right: 4px;
	}

	.page_title_btn {
	    padding: 4px 6px;
	    font-size: 13px;
	}

	.card_table_status_title {
	    font-size: 11px;
	}

	.page-header-top .container {
	    padding: 0 10px 0 0;
	}

	.job_list_card_body_right .col-sm-2 {
	    padding: 0 2px;
	}

	.job_list_card_body_left .td_action_dropdown {
	    right: auto;
	    left: 0;
	}

	.job_list_card_body_left .td_action_dropdown:before {
	    right: auto !important;
	    left: 9px !important;
	}

	.job_list_card_body_left .td_action_dropdown:after {
	    right: auto !important;
	    left: 10px !important;
	}

	.review_candidate_note {
		padding: 5px 6px;
    	margin-top: 4px;
	}

	.review_candidate_note {
		padding: 5px 6px;
    	margin-top: 4px;
	}

	.right-note {
		display: inline-block;
		vertical-align: top;
		width: 90%;
		font-size: 12px;
		line-height: 16px;
	}
}