/*******************
/* Dynamic Styles
*******************/
a {
	color: #129B49;
	text-decoration: none!important;
	}

body {
	margin:0;
	overflow-x:hidden;
	color:#99ABB4;
	font-weight:300;
	background: #EEF5F9;
}

.text-muted {
    color: #99ABB4!important;
}
.body{font-size:14px;}

.page-wrapper{
    background: #EEF5F9;
}

.container-fluid {
	padding-bottom: 16px;
	}

.topbar ,.main-menu-ho,.both_side_top .sidebar_par,.menu_bar{
		background: #273B92!important;
		}



.topbar .navbar-light .navbar-nav .nav-item > a.nav-link ,.both_side_top .sidebar_par{
    color: #FFFFFF!important;
  }

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
	color: #FFFFFF !important;
}

.topbar ul.dropdown-user li a {
		color: #67757C;
		}

.navbar-nav li.nav-item a:hover {
	background: #129B49!important;
	color: #FFFFFF!important;
	}

li.nav-item.dropdown.show {
	background: #129B49!important;
	color: #FFFFFF!important;
	}

.dropdown-menu {
	color: #67757C;
	}

.row.data_vw input[type="button"] {
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    background: #129B49 !important;
    color: #FFFFFF!important;
    border: none;
    margin: 0 auto;
}

.row.data_vw input[type="button"]:hover, #portrait_rec .btn-success:hover, .time_drtn .btn:hover, #result_page .btn-success:hover {
	background-color: #273B92!important;
	color: #FFFFFF!important;
	border:none;
	transition: ease 0.4s;
	}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
	border-left: 4px solid #129B49!important;
	}

.btn.btn-success, #result_page .btn-success {
    width: 100%!important;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
	border-radius: 5px!important;
    padding: 10px!important;
		background: #129B49!important;
	color: #FFFFFF!important;
    border-color: #129B49!important;
	    border: none;
	box-shadow: 0 2px 2px 0 rgba(89,89,89,.14), 0 3px 1px -2px rgba(89,89,89,.2), 0 1px 5px 0 rgba(89,89,89,.12)!important;
	}

.btn.btn-success:hover, #result_page .btn-success:hover {
	background-color: #273B92!important;
	color: #FFFFFF!important;
	transition: .3s ease-in;
	}

.btn.btn-success.active, #result_page .btn-success.active {
	background-color: #273B92!important;
	color: #FFFFFF!important;
}

.btn-info {
		background: #129B49!important;
	color: #FFFFFF!important;
	border: 1px solid #129B49!important;
		width: 150px;
	font-size: 16px;
	margin: 0 auto;

    box-shadow: 0 2px 2px 0 rgba(89,89,89,.14), 0 3px 1px -2px rgba(89,89,89,.2), 0 1px 5px 0 rgba(89,89,89,.12)!important;
    transition: .2s ease-in;
}
.btn-info:hover {
	background: #273B92!important;
    border: 1px solid #273B92!important;
    box-shadow: 0 2px 2px 0 rgba(89,89,89,.14), 0 3px 1px -2px rgba(89,89,89,.2), 0 1px 5px 0 rgba(89,89,89,.12)!important;
    color: #FFFFFF!important;
	}
.btn-info:focus {
	background: #273B92!important;
    border: 1px solid #273B92!important;
    color: #FFFFFF!important;
	box-shadow: 0 2px 2px 0 rgba(89,89,89,.14), 0 3px 1px -2px rgba(89,89,89,.2), 0 1px 5px 0 rgba(89,89,89,.12)!important;
	}

div.dropdown-item {
	cursor: pointer;
	}

table.primary thead tr th {
	background-color: #273B92!important;
	color: #FFFFFF!important;
	}

table.secondary thead tr th {
	background-color: #129B49!important;
	color: #FFFFFF!important;
	}

table.accent thead tr th {
	background-color: #999999!important;
	color: #FFFFFF!important;
	}

a.paginate_button.current {
	background-color: #129B49!important;
	border: 1px solid #129B49!important;
	color: #FFFFFF!important;
	}

a.paginate_button:hover {
	background-color: #273B92!important;
	border: 1px solid #273B92;
	color: #FFFFFF;
	}

table.guarantee-table thead tr th {
	background-color: #129B49!important;
	color: #FFFFFF!important;
	}

.tabulator-col.primary-color, .tabulator-col-title.primary-color {
	background-color: #273B92!important;
	border-color: #273B92!important;
	color: #FFFFFF!important;
	}

.tabulator-col.secondary-color, .tabulator-col-title.secondary-color {
	background-color: #129B49!important;
	border-color: #129B49!important;
	color: #FFFFFF!important;
	}

.tabulator-col.accent-color, .tabulator-col-title.accent-color {
	background-color: #999999!important;
	border-color: #999999!important;
	color: #FFFFFF!important;
	}

.tabulator-col.primary-color:hover, .tabulator-col.primary-color:hover .tabulator-col-title.primary-color, .tabulator-col.secondary-color:hover, .tabulator-col.secondary-color:hover .tabulator-col-title.secondary-color {
	background-color: #999999!important;
	color: #FFFFFF!important;
	transition: background-color 0.3s ease-in;
	}

.tabulator-col.accent-color:hover, .tabulator-col.accent-color:hover .tabulator-col-title.accent-color {
	background-color: #129B49!important;
	color: #FFFFFF!important;
	transition: background-color 0.3s ease-in;
	}

.tabulator-group-level-0 {
	background: #999999!important;
	color: #FFFFFF!important;
	}

.tabulator-row.tabulator-group span {
	color: #FFFFFF!important;
	}

.tabulator-row.tabulator-group:hover {
	background-color: #333333!important;
	border-bottom: 1px solid #333333!important;
    border-right: 1px solid #333333!important;
    border-top: 1px solid #333333!important;
	transition: background-color 0.3s ease-in;
	}

.tabulator .tabulator-footer .tabulator-page {
	cursor: default;
    /*color: #99abb4;*/
    /*color: #FFFFFF!important;*/
    /*border: 1px solid transparent;*/
    /*border: 1px solid #129B49!important;*/
    /*background: 0 0;*/
    /*background-color: #129B49!important;
    color: #FFFFFF!important;*/
    box-shadow: none;
    box-sizing: border-box;
    /*display: inline-block;*/
    min-width: 1.5em;
    padding: .5em 1em!important;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
}

.tabulator .tabulator-footer .tabulator-page.active {
	background-color: #129B49!important;
	border: 1px solid #129B49!important;
	color: #FFFFFF!important;
	}

.tabulator .tabulator-footer .tabulator-page:hover {
	background-color: #273B92!important;
	border: 1px solid #273B92!important;
	color: #FFFFFF!important;
	}

.position-row {
	background-color: #129B49!important;
	color: #FFFFFF!important;
	white-space: pre-wrap!important;
	}

.interviews-list .tabulator-col, .interviews-list .tabulator-col-title {
	background: #129B49!important;
	border-color: #129B49!important;
	color: #FFFFFF!important;
	}

.primary-background {
	background: #273B92!important;
	background-color: #273B92!important;
	color: #FFFFFF!important;
	}

.secondary-background {
	background-color: #129B49!important;
	background: #129B49!important;
	color: #FFFFFF!important;
	}

.accent-background {
	background: #999999!important;
	border-color: #999999!important;
	color: #FFFFFF!important;
	}
/*
div.hidden-list .tabulator-col, div.hidden-list .tabulator-col-title {
	background-color: #129B49!important;
	border-color: #129B49!important;
    color: #FFFFFF!important;

	}
div.hidden-list .tabulator-col:hover, div.hidden-list .tabulator-col:hover .tabulator-col-title {
	background-color: #273B92!important;
	transition: background-color 0.3s ease-in;
	}
	*/
div.hidden-list .tabulator-col.primary-color, div.hidden-list .tabulator-col-title.primary-color {
	background-color: #273B92!important;
	border-color: #273B92!important;
    color: #FFFFFF!important;

	}
div.hidden-list .tabulator-col.secondary-color, div.hidden-list .tabulator-col-title.secondary-color {
	background-color: #129B49!important;
	border-color: #129B49!important;
    color: #FFFFFF!important;

	}
div.hidden-list .tabulator-col.accent-color, div.hidden-list .tabulator-col-title.accent-color {
	background-color: #999999!important;
	border-color: #999999!important;
    color: #FFFFFF!important;

	}
div.hidden-list .tabulator-col.primary-color:hover, div.hidden-list .tabulator-col:hover .tabulator-col-title.primary-color,  div.hidden-list .tabulator-col.secondary-color:hover, div.hidden-list .tabulator-col:hover .tabulator-col-title.secondary-color{
	background-color: #999999!important;
	transition: background-color 0.3s ease-in;
	}

div.hidden-list .tabulator-col.accent-color:hover, div.hidden-list .tabulator-col:hover .tabulator-col-title.accent-color {
	background-color: #273B92!important;
	transition: background-color 0.3s ease-in;
	}

.primary-color-border {

	}

.secondary-color-border {

	}

.accent-color-border {

	}

select.tabulator-page-size {
	box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    background-color: #ffffff;
    color: #99abb4;
    padding: 4px;
    font-size: 14px;
    cursor: pointer;
    border-radius: .25rem;
	}

.age {
	min-width: 120px;
	}


.alert {
	padding: 1px 2px 1px 2px!important;
	}

.alert.caution {
	background-color: #FFEEBA;
	}

.alert.alert1 {
	background-color: #FFB182;
	}

.alert.warning {
	background-color: #FF8875;
	}

.overall-score.green, .score.green {
	background:#129B49!important;
	margin-right:5px
	}
.overall-score.pink, .score.pink {
	background:#FF4C4C!important;
	margin-right:5px
	}
.overall-score.yellow, .score.yellow {
	background:#FF8100!important
	}
.overall-score.blue, .score.blue {
	background:#304F9B!important
	}
.overall-score.orange, .score.orange {
	background-color:#9A12B3!important
	}

table.winners-table thead tr th {
	background: #129B49!important;
	color: #FFFFFF!important;
	}

table.indv-winners thead tr th {
	background: #273B92!important;
	color: #FFFFFF!important;
	}

.bg-color00 {
	background-color: #009EFB!important;
	color: #FFFFFF;
	}

.bg-danger {
	background-color: #273B92!important;
	}

.bg-cashin {
	background-color: #28A745!important;
	}

.bg-primary {
	background-color: #FFB22B!important;
	}

.bg-warning, .bg-color-sendoutleader, .bg-color-sendoutoneleader, .table_head_send_out_one {
	background-color: #26C7DA!important;
	color: #FFFFFF;
	}

.bg-job-orders, .bg-color-joborderleader, .table_head_job_order {
	background-color: #FC4B6C!important;
	color: #FFFFFF;
	}

.bg-resume, .bg-color-resmailleader, .table_head_res_mail {
	background-color: #1E8F31!important;
	color: #FFFFFF;
	}

.bg-emails, .bg-color-emailleader {
	background-color: #7A7676!important;
	color: #FFFFFF;
	}

.bg-success, .bg-color-numberofcallsleader, .table_head_number_of_calls {
	background-color: #3622D6!important;
	color: #FFFFFF;
	}

.bg-phone, .bg-color-phonetimeleader, .table_head_phone_time {
	background-color: #1C1C1C!important;
	color: #FFFFFF;
	}

.bg-bulk {
	background-color: #D987005!important;
	}

.bg-sms, .bg-color-smsleader, .table_head_sms {
	background-color: #6C1A82!important;
	color: #FFFFFF;
	}

.bg-cand-int, .table_head_candidate_intrested {
	background-color: #826B3D!important;
	}

.bg-cds, .table_head_cds {
	background-color: #B967C2!important;
	}

.bg-sent-to-ae, .table_head_pc_send_to_ae {
	background-color: #FC4B6C!important;
	}

.bg-pc-so1, .table_head_pc_so1 {
	background-color: #26C7DA!important;
	}

.bg-color-addcandidateleader, .table_head_add_candidate {
	background-color: #6F5039!important;
	color: #FFFFFF;
	}

.btn-info.dropdown-toggle {
	background-color: #273B92!important;
	border-color: #273B92!important;
	color: #FFFFFF!important;
	}

.btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:active {
	background-color: #129B49!important;
	border-color: #129B49!important;
	transition: background-color 0.3s ease-in;
	}

.dropdown-item {
	color: #99ABB4!important;
	}

.dropdown-item:active {
	background-color: #999999!important;
	color: #FFFFFF!important;
	}

.dropdown-item:hover, .dropdown-item:focus {
	background-color: #129B49!important;
	color: #FFFFFF!important;
	}

div.card-header {
	background-color: #999999;
	border-color: #999999;
	}

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
	background-image: linear-gradient(#273B92, #273B92), linear-gradient(#999999, #999999)
	}
.form-control:focus {
	border-color: #273B92;
	box-shadow: 0 0 0 0.2rem #273B92;
	}

.btn.btn-primary.clear-btn {
	background-color: #999999;
	color: #FFFFFF;
	}

.btn.btn-primary.clear-btn:hover {
	background-color: #129B49;
	color: #FFFFFF;
	}

.multiselect.dropdown-toggle.btn.btn-default {
	background-color: #273B92;
	color: #FFFFFF;
	padding: 10px;
	text-align: center;
	border-color: #273B92;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	margin: 0 auto;
	/*box-shadow: 0 2px 2px 0 #273B92;*/
	}

.multiselect.dropdown-toggle.btn.btn-default:hover {
	background-color: #129B49;
	color: #FFFFFF;
	border-color: #129B49;
	box-shadow: 0 2px 2px 0 #999999;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #1e88e5;
  border-color: #1e88e5;
}

.right-sidebar .rpanel-title {
  background: #1e88e5;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
  border-left: 4px solid #1e88e5;
}

.text-themecolor {
  color: #129B49!important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #1e88e5;
  color: #1e88e5;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #1e88e5;
}

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
  background: #1e88e5;
  color: #ffffff;
  border: 1px solid #1e88e5;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
  background: #1e88e5;
  opacity: 0.7;
  border: 1px solid #1e88e5;
}

.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
  background: #028ee1;
}

/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
  background: #fff;
}

.sidebar-nav ul li a {
  color: #607d8b!important;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
	background: #129B49!important;
  color: #FFFFFF!important;
}

.sidebar-nav ul li.nav-small-cap {
  color: #99abb4!important;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
	background: #129B49!important;
	color: #FFFFFF!important;
	}

.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i {
  color: #ffffff!important;
}

.sidebar-nav > ul > li.active > a:after, .sidebar-nav > ul > li.active:hover > a:after {
  border-color: #ffffff!important;
}

.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
  color: #FFFFFF!important;
}

.sidebar-nav > ul > li > a i {
  color: #99abb4!important;
}

.sidebar-nav > ul > li > a.active {
  font-weight: 400;
  background: #ffffff;
  color: #FFFFFF!important;
}

.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
	background: #273B92!important;
	color: #FFFFFF!important;
	border-color: #273B92!important;
	}

ul.nav.nav-tabs.profile-tab {
	background-color: #999999;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	}

ul.nav.nav-tabs.profile-tab li.nav-item a.nav-link.active {
	color: #273B92;
	border-bottom: 2px solid #273B92;
}

ul.nav.nav-tabs.profile-tab li.nav-item a.nav-link {
	color: #ffffff;
	/*color: #FFFFFF;*/
}

ul.nav.nav-tabs.profile-tab li.nav-item a:hover {
	color: #129B49;
	}

.remove_scroll{overflow: hidden;}

.card-outline-info .card-header {
    background: #999999;
    border-color: #999999;
}

.primary-bg {
	background: #273B92!important;
}

.secondary-bg {
	background: #129B49!important;
}

.accent-bg {
	background: #999999!important;
}

.slider-handle {
	background: #273B92!important;
}

.slider-selection {
	background: #273B92!important;
	opacity: 0.8!important;
}

.slider-track {
	background: #999999!important;
	opacity: 0.4!important;
}


#navbarNav > ul > li > a.active {
	background: #129B49!important;
}

.accordion-item {
	border: 1px solid #273B92!important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #129B49;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(18 155 73 / 25%);
}

.accordion-button:not(.collapsed) {
    color: #FFFFFF!important;
    background-color: #129B49!important;
}



@media print
{

.interviews-list .tabulator .tabulator-header .tabulator-headers {
	background-color: #129B49!important;
	}

#positions-container .tabulator-headers {
	background-color: #273B92!important;
	}

}

.tabulator-col.job_order_chip_color, .tabulator-col-title.job_order_chip_color {
	background-color: #3622D6!important;
	border-color: #3622D6!important;
	color: #FFFFFF!important;
}


.tabulator-col.send_outs_chip_color, .tabulator-col-title.send_outs_chip_color {
	background-color: #1E8F31!important;
	border-color: #1E8F31!important;
	color: #FFFFFF!important;
}

.tabulator-col.placements_chip_color, .tabulator-col-title.placements_chip_color {
	background-color: #FFB22B!important;
	border-color: #FFB22B!important;
	color: #FFFFFF!important;
}

.tabulator-col.resmails_chip_color, .tabulator-col-title.resmails_chip_color {
	background-color: #616161!important;
	border-color: #616161!important;
	color: #FFFFFF!important;
}

.btn.btn-success.send_outs_chip_color {
	background: #1E8F31!important;
    border-color: #1E8F31!important;
}

.btn.btn-success.send_outs_chip_color:hover {
	background-color: #273B92!important;
	transition: .3s ease-in;
}

.tabulator-col.send_out_two_chip_color, .tabulator-col-title.send_out_two_chip_color {
    background: #14CE00!important;
    border-color: #14CE00!important;
}

.btn.btn-success.send_out_two_chip_color {
    background: #14CE00!important;
    border-color: #14CE00!important;
}

.btn.btn-success.send_out_two_chip_color:hover {
    background-color: #273B92!important;
	transition: .3s ease-in;
}

.tabulator-col.send_out_three_chip_color, .tabulator-col-title.send_out_three_chip_color {
    background: #69D397!important;
    border-color: #69D397!important;
}

.btn.btn-success.send_out_three_chip_color {
    background: #69D397!important;
    border-color: #69D397!important;
}

.btn.btn-success.send_out_three_chip_color:hover {
    background-color: #273B92!important;
	transition: .3s ease-in;
}

/*.job_order_chip_color {
    background: #3622D6!important;
    border-color: #3622D6!important;
}*/

.btn.btn-success.job_order_chip_color {
    background: #3622D6!important;
    border-color: #3622D6!important;
}

.btn.btn-success.job_order_chip_color:hover {
    background-color: #273B92!important;
	transition: .3s ease-in;
}

/*.placement_chip_color {
    background: #FFB22B!important;
    border-color: #FFB22B!important;
}*/

.btn.btn-success.placement_chip_color {
    background: #FFB22B!important;
    border-color: #FFB22B!important;
}

.btn.btn-success.placement_chip_color:hover {
    background-color: #273B92!important;
	transition: .3s ease-in;
}

.tabulator-col.placement_chip_color, .tabulator-col-title.placement_chip_color {
	background-color: #FFB22B!important;
	border-color: #FFB22B!important;
	color: #FFFFFF!important;
}

.btn.btn-success.res_mail_chip_color {
	background-color: #616161!important;
	border-color: #616161!important;
	color: #FFFFFF!important;
}

.btn.btn-success.res_mail_chip_color:hover {
	background-color: #273B92!important;
	transition: .3s ease-in;
}

#chipboard .btn.btn-success.send_outs_chip_color:hover {
	background-color: #273B92!important;
	transition: .3s ease-in;
}

.input-group > label > i {
	font-size: 20px!important;
}

#ajaxloading {
    position: absolute;
    background: #273B9230!important;
    z-index: 999;
    width: 100vw;
    height: 100%;
}

.frame-bottom{
	background: #129B49!important;
}
</style>

	<style>


@-webkit-keyframes chartjs-render-animation {
    from {
        opacity: 0.99
    }

    to {
        opacity: 1
    }
}

@keyframes chartjs-render-animation {
    from {
        opacity: 0.99
    }
    to {
        opacity: 1
    }
}

.chartjs-render-monitor {
    -webkit-animation: chartjs-render-animation 0.001s;
    animation: chartjs-render-animation 0.001s;
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
	min-height: 400px!important;
}


.page-wrapper {
    margin-left: 0 !important;
}





.btn-circle.right-side-toggle {
    display: none;
}



.ldr_btn {
    padding: 10px;
    cursor: pointer;
    background: #fff !important;
    color: #333;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    font-size: 14px;
}



.fa-sort-up:before,
.fa-sort-asc:before,
.fa-sort-up:before,
.fa-sort-asc:before {
    color: #007700
}

i.fa.fa-sort-desc {
    color: #CC0000;
    font-size: 42px;
    line-height: 0
}

.round.round-info {
    background: #fff !important
}

.fa.fa-sort-up,
fa fa-sort-desc {
    font-size: 42px;

}

h5.m-b-0.sub_value {
    color: #455a64;
    line-height: 22px;
    display: flex
}

.reslt_arw {
    margin-top: 20px
}

table.table.stylish-table.color th,
table.table.stylish-table.color td {
    color: #455a64
}

span.ct-label.ct-horizontal.ct-end,
span.ct-label.ct-vertical.ct-start {
    color: #455a64;
}

h4.m-b-0.font-lgiht yr {
    font-size: 14px;
    line-height: 35px;
}

.row.cntr_details {
    margin: 0 auto;
    text-align: center
}

h5.m-b-0.sub_value.size,
h5.m-b-0.sub_value.prcnt_value {
    font-size: 16px !important;
    font-weight: 500;
}

h5.m-b-0.sub_value.prcnt_value {
    float: right;
}

.custom-select.pull-right.mnth {
    font-size: 14px;
    line-height: 25px;
}

.row.page-titles {
    /*display: none;*/
}

h4.m-b-0.font-lgiht.yr {
    display: flex;
    font-size: 15px;
}

.card-title {
    margin-bottom: 1.5rem !important;
}

.overlap {
    position: relative
}

@media (max-width: 1080px) {
    .prcnt_value {
        width: 26%
    }
}