span.top-menu-align{
	line-height:0px;
}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link i {
	font-size: 18px;
	position: absolute;
	right: 10px;
}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link{
	font-size: .875rem;
	padding: 0 15px;
	height: 48px;
}

#search_companies_btn {
	cursor: pointer;
}
.form-inline label {
    display: inline-block;
}

.sv_container .progress-bar{

	font-size: 13px;

}
#loginModal .modal-dialog-centered{
	margin-top: -25px;
}
#dropdown-status {
    left: -12px !important;

}
#btn-search {
	display: flex;
	justify-content: center;
}
.top-menu-companies {
	min-height: 50px;
}
#topmenu-search-btn {
	cursor: default;
}
#topmenu-search-btn input {
	padding: 2px;
	max-width: 70%;
}

.top-menu-companies .dropdown-item.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.file-text, .kv-fileinput-caption .file-caption-name , .input-group.file-caption-main .btn-file{
	line-height: 25px;
}

.footer {
	z-index: 2;
	transition: .3s ease-in;
	margin-top: 15px;
	color:#6c757d;
}
.topbar .navbar-collapse {
    min-height: 70px;
    padding: 0;
}

.menu-bar{
	font-size: 18px !important;
}


#resources-dropdown {
	left: 48px !important;
	top: -48px !important;
	z-index: 1000;
}

#zohohc-asap-web-contentlayout + div {
	background-color: rgba(0,0,0,0) !important;
}


@media (min-width: 769px){
	.lock-nav .topbar {
		padding-left: 20px;
	}
}
@media (min-width: 769px){
	.navbar-header {
		margin-left: 0px;
	}
}
@media (max-width: 1320px){
	.graph-top{
		margin-top:-8px !important;
	}
}
.navbar-brand{
	padding-right: 30px;
}

#text-logo{
	padding-left:15px;
}
.topbar .top-navbar .navbar-header {
	padding-right: 0px;
}
.shadow-dark{
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
}
.skin-purple-dark .topbar{
	background:#F7FAFC !important;
}
.skin-green-dark .topbar {
    background:#F7FAFC !important;
}
.skin-green-dark .sidebar-nav>ul>li.selected>a {
    color: #318f94;
    border-left: 3px solid #318f94;
}
.skin-blue-dark .topbar {
	background:#0178bc;
}


.skin-red-dark .topbar {
    background:#F7FAFC !important;
}
.skin-red-dark .sidebar-nav>ul>li.selected>a {
    color: #F09500;
    border-left: 3px solid #F09500;
}
.sidebar-nav ul li ul {
	padding: 0;
}

.sidebar-nav ul li ul li {
	padding: 10px 0;
	overflow: hidden;
}
.sidebar-nav ul li ul li a{
width: 90% !important;
}
.sidebar-nav ul li ul li a{
	width: 90% !important;
}
.sidebar-nav ul li ul li a i{
	position: absolute;
    right: 15px;
}

.sidebar-nav ul li ul li a {
	padding: 0 15px 0 20px;
}

.breadcrumb-item {
	max-width:550px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
tbody th {
	max-width: 30%
}

.filters_div input, .filters_div select, .filters_div button, .filters_div a {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
#audit_certification_table tbody td {
	white-space: normal;
}

#result_qas tbody td {
	white-space: normal;
}
thead {
	text-align: center;
}

.toggleRow{
	text-align: left !important;
}
.name .view_group_dp {
	text-align: left;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0px;
    padding-left: 0px;
}
.breadcrumb > li + li:before {
	content: '>';
	padding: 0px 5px !important;
}
#menuFlagChange a{
	width: 30px;
	float:left;
	padding: 0px;
}
.selected-flag{
	opacity: 1;
}
#flag-menu{
	z-index: 15000;
	position: fixed;
	bottom: 20px;
}

#menuFlagChange a {
    margin-left: 0px !important;
}
.progress {
	background: #e9ecef !important;
	min-height: 12px;
}

table tbody tr td a span.fa{
	margin-left: 0.5em;
}
.footer {
    padding: 5px 15px;
}
.card-title {
    margin-bottom: 0px;
}
.card-header h4 {
    margin-bottom: 0px;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio, .has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.required label:not(.no-star):after {
    content: " *";
    color: red;
}
#task-content input.form-check-input.bulk-change{
	margin-left: -9px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.no-hover:hover{
	background: initial !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.c-default {cursor: default;}
.c-block {cursor: not-allowed !important;}
.c-pointer {cursor: pointer;}
.d-label{
	padding-top: 0.3rem;
}
.task-width{
	width:calc(100% - 10px);
}
.select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__choice,.flag-icon{
    font-size: .875rem !important;
}
.dropdown-menu .flag-icon {
	margin-right: 0px !important;
}
#flags-menu-change .dropdown-item, #flags-menu-change .dropdown-item:hover{
	border-radius: .25rem !important;
	background-color: unset;
}
#flag-menu .dropdown-toggle::after{
	display:none !important;
}
#languages_top_menu .dropdown-menu {
   padding-left: 5px;
}
#flags-menu-change{
	width: 60px !important;
	text-align: center !important;
	background :none !important;
}
#menuFlagChange {
    padding: 15px 15px 0px 5px;
}

.arrow-company{
	float: left;
	padding: 1px 3px 0px 0px;
}
.sidebar-nav {
    padding: 25px 0 0;
}
.table td,.table th{
	padding: 8px 4px 8px 4px;
}
table.table tbody tr td{
	padding-top: 8px;
	padding-bottom: 8px;
}
.card-list h5.card-title {
 	padding-bottom: 14px;
}
.label-default {
    background-color: #777;
}
.input-group-addon {
    padding: 12px 12px !important;
    font-size: 12px;
}
#joints_list_right li.list-group-item,
.joint_available_list li.list-group-item,
#data_table_card li.list-group-item,
.dual-list li.list-group-item{
    margin: 0px 20px;
}
.form-control{
	border-radius: .25rem !important;
}

table td:last-child .far:not(.toggleSpan i),
table td:last-child .fa:not(.toggleSpan i),
table td:last-child .fas:not(.toggleSpan i){
	margin-right:4px;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.fix-filters tbody tr:first-child td .form-control,
.fix-filters tbody tr:first-child td input
{
	height: 38px;
}
.nested-notify{
	top: -9px;
    right: 32px;
}
.check-box-fix{
	margin-left: -0.25rem;
}

.select2-container--krajee-bs4.select2-selection--multiple.select2-search--inline.select2-search__field,
.select2-container.select2-selection--single,
table tr:first-child.form-control
{
    height: 38px;
}
.select2-selection.select2-selection--multiple{
	min-height: 38px;
}
.badge-priority, .i-rounded {
	width: 20px;
	padding:0;
	height: 20px;
    font-size: 12px;
	border-radius: 50%;
	line-height: 20px;
}

.badge-rounded {
    width: 20px;
    border-radius: 50%;
}
.label-position{
	position: relative;
    margin-left: 2px;
}
.mini-flag{
	font-size: .70rem !important;
}

.item-disabled{
	pointer-events:none;
	opacity: .7;
	background-color: #e9ecef;
}
.badge{
	color:white;
}
.steps {
	pointer-events: none !important;
}

.card-margintop {
	margin-top:20px;
}
.topbar .dropdown-menu .dropdown-item {
	padding: 15px 1.5rem;
}

@media screen and (max-width: 1599px) {
	.card-widget {
	  margin-bottom: 20px;
	}
	.card-widget-container + .row.card-margintop,
	#fullAssessmentsProgress,#tasksProgress{
		margin-top:0;
	}
}
.n-break{
	white-space: nowrap;
}

@media screen and (max-width: 990px) and (min-width: 769px) {
	.left-sidebar .nav-text-box {
		padding: 34px 25px 13px 15px;
	}
}
@media screen and (max-width: 769px) {
	.app-container {
		margin-left:70px;
	}
	.card-widget {
		padding-right:15px;
	}
}

li.disabled {
	cursor: not-allowed;
}
li.disabled a {
	pointer-events: none;
}

.dropdown-toggle.link-priority::after{
	content: none !important;
}

button:disabled {
	cursor: not-allowed;
	pointer-events: all !important;
}
.menu-col{
	padding: 6px 14px !important;
	display: inline-block;
}
.custom-6{
	max-width: 49%;
}
.custom-4{
	max-width: 32.33333%;
}

span.fileRemoveIcon {
    position: absolute;
    right: 5px;
    z-index: 100;
}
.form-group {
    margin-bottom: 4px;
}
.card-header .float-left{
	padding-top:7px;
}
.kv-upload-progress.kv-hidden + .clearfix{
	margin-bottom:22px;
}
.file-error-message {
    margin-top: 15px;
}
.modal.show{
	overflow-y:auto;
}
.fileinput-cancel.fileinput-cancel-button{
	display:none;
}

.leftMenuItem{
	position: relative;
}
.leftMenuItem p{
	margin-bottom: 0;
}
.leftMenuItem a i.fa-circle{
	position: absolute;
	top:12px;
}
.pb-card{
	padding-bottom: 1.8rem!important;
}
.login-container .card, .login-container .flash-alert{
	width:450px;
	margin: 0 auto;
}
.full-center-row{
	width:100%;
	height: 120px;
	padding-top: 15px;
}

.full-center-row .col-xl-4{
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width: 1599px) {
	.card-widget {
	  margin-bottom: 20px;
	}
	.card-widget-container + .row.card-margintop,
	#fullAssessmentsProgress,#tasksProgress{
		margin-top:0;
	}
}
@media screen and (max-width: 990px) and (min-width: 769px) {
	.left-sidebar .nav-text-box {
		padding: 34px 25px 13px 15px;
	}
}
@media screen and (max-width: 769px) {
	.app-container, .footer {
		margin-left:70px;
	}
	.card-widget {
		padding-right:15px;
	}
	#dashboard-container {
		margin-right: 40px;
	}

}

@media screen and (max-width: 1200px) {
	.full-center-row{
		height: 140px;
	}

}
@media all and (-ms-high-contrast:none)
{
	#task-content input.bulk-change.form-check-input{
		margin-left:15px;
	}
}
@keyframes heartbit {
	0% {transform: scale(0);opacity: 0;}
	25% { transform: scale(.1);opacity: .1;}
	50% { transform: scale(.5);opacity: .3;}
	75% { transform: scale(.8);opacity: .5;}
	100% { transform: scale(1);opacity: 0;}
}
.notify .heartbit {
    position: absolute;
    top: -20px;
    right: -4px;
    height: 25px;
    width: 25px;
    z-index: 10;
    border: 5px solid #f62d51;
    border-radius: 70px;
    animation: heartbit 1s ease-out;
    animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.left-menu-notify {
	top: 13px;
	right: 0px
}
/* TODO Update selector once duplicated IDs has been fixed on ALL APPS */
body.platform-layout .left-menu-notify {
	top: 15px !important;
}

.left-menu-item-notify {
	top: -7px;
	right: -22px
}
#zommed_img img{
	position: absolute;
    margin-left: 50%;
	transform: translateX(-50%);
	width: auto;
}
.sidebar-nav ul li a {
    color: darkgrey;
}

.skin-green-dark .page-titles .breadcrumb .breadcrumb-item.active,
.skin-green-dark .sidebar-nav ul li a.active
 .skin-green-dark .sidebar-nav ul li a.active i,
 .skin-green-dark .sidebar-nav ul li a:hover,
 .skin-green-dark .sidebar-nav ul li a:hover i,
 .skin-green-dark .sidebar-nav>ul>li.selected>a,
 .skin-green-dark .sidebar-nav>ul>li.selected>a i {
    color: #318f94;
}
.file-caption-name{
	height: 25px;
}
.comment-box{
	padding: 0 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	width:100%;
	overflow-x: auto;
	font-family: Rubik, sans-serif;
	color:black;
	margin-bottom: 5px;
}
.navbar-expand-md .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
}
/* Files Plugin */
.file-drop-zone{
    height: 100% !important;;
	padding: 5px !important;;
	margin: 0px !important;;

}
.file-drop-zone-title{
	height: 85px !important;;
	padding: 0px !important;;
	line-height: 105px !important;;
}
.file-preview  {
    width: 100% !important;;
	margin-bottom: 5px !important;;
	height: auto !important;;
}
.krajee-default.file-preview-frame .kv-file-content {
    width: 140px !important;;
    height: 10px !important;;
}
.krajee-default .file-other-icon {
    font-size: 2em !important;;
}
.kv-preview-data.file-preview-other-frame{
	width:50px !important;
}
.file-caption-info ,.file-size-info{
	padding-left: 45px !important;
	text-align: center;
}
.krajee-default .file-footer-caption {
	margin: 0px !important;;
}
.file-preview-thumbnails {
   display: inline-block !important;;
}
.file-drop-zone .file-preview-thumbnails {
	width: 100% !important;;
	margin-top: 5px !important;;
}
.file-footer-buttons{
	text-align: center;
}
.btn-remove-file:focus{
	outline:0 !important;
}
.btn-remove-file{
	background: none;
	border:none;
	color: #009efb;
	width: 25px;
}
.krajee-default .file-footer-buttons {
    float: none !important;
}

#survey_process .loader-icon {
	box-sizing: border-box;
    float: left;
	width: 40px;
    margin: -9px -6px;
}
.loader-icon img{
	width: 100%;
}
.check-icon {
    float: left;
    margin: 0px 6px;
    color: #36bea6;
}
.disabled-link{
	pointer-events: none;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/*
Dashboard
*/
.card-widget .skin-green-dark, .skin-green-dark .topbar{
	background: #318f94 !important;
}
#dashboard-container .loader-icon {
box-sizing: border-box;
display: inline-block;
width: 40px;
position: absolute;
margin-top: -3px;
transition: 0.5s;
}
#surveyContainer .loader-icon {
	display: inline-block;
	width: 40px;
	height: 0px;
	margin-top: -8px;
}
.no-backline.breadcrumb .breadcrumb-item::before{
	content: "" !important;
}
.no-backline.breadcrumb .breadcrumb-item + .breadcrumb-item{
	padding-left: 0 !important;
}
.bg-none{
	background: none !important;
}
.dashboard-icon {
width: 90px;
position: absolute;
transition: 0.5s;
top: 20px;
right: 0px;
}
.card .sub-content{
	min-height: 50px;
}
.loader-icon img{
width: 100%;
}

.item-dashboard-li{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bg-gray {
    background-color: #aaa !important;
}
/**
ADD HERE THE COMMON CLASSES ON THE WHOLE APPLICATION
**/

.text-medium{
	font-size: 20px;
}

.custom-btn-disabled{
	cursor: default;
}
.custom-btn-disabled:hover{
	text-decoration: none !important;
	color: white;
}
.z-down{
	z-index: 1040 !important;
}

.btn-ajax-login{
	position: absolute;
    right: 8px;
    top: 8px;
}

#mini-logo.open-logo{
	padding: 0px 57px;
}
.hlp-loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	z-index: 5;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
    margin: 50px auto;
}
.loading-ellipsis:after {
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	-webkit-animation: ellipsis steps(4,end) 900ms infinite;
	animation: ellipsis steps(4,end) 900ms infinite;
	content: "\2026"; /* ascii code for the ellipsis character */
	width: 0px;
}

.m-t-50{
	margin-top : 50px;
}

.progress-bar-simple{
	height: 82px;
}

@keyframes ellipsis {
	to {
		width: 20px;
	}
}

@-webkit-keyframes ellipsis {
	to {
		width: 20px;
	}
}
@media (min-width: 992px){
	.modal-xl {
		max-width: 1200px;
	}
	.modal-lg-x {
		max-width: 900px;
	}
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.disabled {
	outline: none;
	cursor : default;
}
.strict-disabled {
	outline: none !important;
	cursor : not-allowed !important;
	color: #adb5bd !important;
}
.label-fix-width{
	white-space: nowrap;
}
.list-group-item {
    margin-bottom: 0px;
}

/* TOP MENU */

.topbar{
	z-index: 100;
	left: 48px;
	height: 48px;
	width: 100%;
	padding: 0 48px;
	color: black;
}

.topbar-guest{
	z-index: 100;
	width: 100%;
	height: 48px;
	background-color: #F7FAFC;
	position: absolute;
}

.top-navbar {
	height: 48px;
}

.oval {
	position: absolute;
	height: 32px;
	width: 32px;
	background-color: #FFFFFF;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.07);
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	margin: 8px 8px 8px 16px;
}

.page-titles .breadcrumb {
	float: none;
	height: auto;
}

.menu-bar i {
	color: black;
	font-size: 16px;
}

.navbar-nav span {
	color: #4A5568;
}
.navbar-nav i {
	font-size: 16px;
	color: #231F20;
}

#help-desk-btn a, .no_caret a {
	display: flex;
	height: 48px !important;
	justify-content: center;
	align-self: center;
}

.navbar-nav .text-right {
	height: 16px;
	width: 93px;
	color: #4A5568;
	font-size: 14px;
	letter-spacing: -0.16px;
}

.navbar-nav .pt-1 {
	height: 18px;
	width: 127px;
	color: #4A5568;
	font-size: 11px;
	letter-spacing: -0.11px;
}

/* BREADCRUMB */

.page-titles {
	width: 100%;
	margin: 0;
	display: flex;
	align-items: center;
}

.navbar-nav .page-titles span {
	font-size: 14px;

}
.navbar-nav .page-titles .active span {
	color: #10A3D1;
}

span.top-menu-align{
	line-height:0px;
}

#search_companies_btn {
	cursor: pointer;
}
.form-inline label {
    display: inline-block;
}

.sv_container .progress-bar{
	font-size: 13px;
}

#generalModal .modal-dialog-centered{
	margin-top: -25px;
}
#dropdown-status {
    left: -12px !important;

}

.top-menu-companies {
	min-height: 50px;
}
#topmenu-search-btn input {
	padding: 2px;
	max-width: 70%;
}
#search-companies-btn {
	cursor:pointer;
	margin-left: 2px;
	margin-top: -2px;
	padding: 6px 10px !important;
	justify-content: center;
	align-items: center;
}
#search-companies-btn i {
	color: #FFFFFF !important;
}

.top-menu-companies .dropdown-item.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.file-text, .kv-fileinput-caption .file-caption-name , .input-group.file-caption-main .btn-file{
	line-height: 25px;
}

.footer {
	z-index: 2;
	transition: .3s ease-in;
	color:#6c757d;
}
.topbar .navbar-collapse {
    height: 48px;
    padding: 0;
}

.menu-bar{
	font-size: 18px !important;
}

@media (min-width: 769px){
	.lock-nav .topbar {
		padding-left: 20px;
	}
	.navbar-header {
		margin-left: 0px;
	}
	.skin-purple-dark.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a, .skin-purple-dark.mini-sidebar .sidebar-nav #sidebarnav>li>ul {
		background-color: #E2E8F0 !important;
		box-shadow: inset -2px 0px 0px 0px rgba(74,85,104,1);
	}
}
@media (max-width: 1320px){
	.graph-top{
		margin-top:-8px !important;
	}
}
.navbar-brand{
	padding-right: 30px;
}

/* SIDENAV FIXED */

.sidenav-fixed {
	height: 100%; /* Full-height: remove this if you want "auto" height */
	width: 48px; /* Set the width of the sidebar */
	position: fixed; /* Fixed Sidebar (stay in place on scroll) */
	z-index: 101; /* Stay on top */
	top: 0; /* Stay at the top */
	left: 0;
	background-color: #003059;
	overflow: hidden; /* Disable horizontal scroll */
}

.navbar-brand{
	padding: 0;
}

.sidenav-collapse {
	height: 100%;
	width: 230px;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 48px;
	background-color:#F7FAFC;
	overflow-x: hidden;
	transition: 0.5s;
}
.wrapper {
    display: flex;
    width: 100%;
}

.sidenav-collapse h3 {
	height: 22px;
	width: 60px;
	color: #1A202C;
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.2px;
	line-height: 22px;
	margin: 0 0 0 18px;
}

/* SIDENAV ICONS */

.sidebar-nav ul, .sidenav-fixed > ul {
	padding: 0;
    list-style-type: none;
}
.left-sidebar-icons-min #sidebarnav .selected ul {
	display: none !important;
}
.left-sidebar-icons-min #sidebarnav:hover .selected ul {
	display: block !important;
}
#mini-logo {
	margin: 8px;
}

#mini-logo.open-logo {
	padding: 0;
	height: 0;
}

.mini-icons {
	height: 24px;
	margin: 12px 12px 6px 12px;
}

.nav-item-fixed:hover {
	background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);
}

.nav-item-fixed .active  {
	box-shadow: 5px 0px 0px 0px #0178bc inset;
	background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);
}
.menu-active {
	box-shadow: 5px 0px 0px 0px #0178bc inset;
	background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);
}

/* END SIDENAV ICONS */

#text-logo{
	padding-left:15px;
}

/* FLAG MENU */

#menuFlagChange a{
	width: 30px;
	float:left;
	padding: 0px;
}
.selected-flag{
	opacity: 1;
}
#flag-menu{
	z-index: 15000;
	position: fixed;
	bottom: 24px;
}
#flag-menu ul{
	padding: 0;
}
#flag-menu i{
	width: 28px;
	height: 21px;
	margin: 0 10px;
}

.dropdown-menu .flag-icon {
	margin-left: -10px !important;
	margin-top: 5px !important;
}

/* END FLAG MENU */

/* END SIDENAV FIXED */

/* LEFT SIDENAV */

.left-sidebar {
	height: 100vh;
	width: 230px;
	background-color: #F7FAFC !important;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2), 0 1px 3px 0 rgba(0,0,0,0.07);
	z-index:100;
}

.left-sidebar-icons-min {
	width: 48px;
}

.left-sidebar-icons-max {
	width: 180px !important;
}

@media (min-width: 1336px) {
	.left-sidebar-icons-max {
		width: 230px !important;
	}
}

.left-sidebar-icons-min ul li .hide-menu  {
	display:none;
}

.left-sidebar-icons-min ul li .has-arrow:after {
	display: none;
}

.left-sidebar-icons-min ul:hover li .has-arrow:after {
	display: inline-flex;
}

.left-sidebar-icons-min ul:hover li .hide-menu {
	display: flex !important;
}

.left-sidebar-icons-max ul li span  {
	transition: opacity 1s ease-in-out;
 }

.left-sidebar-icons-min .nav-text-box span {
	opacity: 0;
	transition: opacity 0s ease-in-out;
}
.nav-text-box-min{
	opacity: 0 !important;
	transition: opacity 0s ease-in-out !important;
}
.left-sidebar-icons-max .nav-text-box span {
	opacity: 1;
	transition: opacity 1.5s ease-in-out !important;
}
.nav-text-box-max {
	opacity: 1 !important;
	transition: opacity 1.5s ease-in-out !important;
}
.left-sidebar-icons-min .sidebar-nav ul:hover span {
	transition: opacity 1s ease-in-out;
	opacity: 1;
}

.left-sidebar-icons-min .sidebar-icons {
	transform: rotate(180deg);
}
.sidebar-nav {
	padding: 0;
}

.nav-text-box {
	background: #F7FAFC !important;
	height: 48px;
}
.nav-text-box span {
	color: #1A202C;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.2px;
	line-height: 22px;
}
.nav-text-box a i {
	color: #231F20;
}
.nav-text-box a {
	position: absolute;
	right: 0;
}

.sidebar-nav>ul>li {
	margin-top: 0;
	margin-bottom: 0;
}
.sidebar-nav>ul>li>a {
	padding-bottom: 8px;
	padding-top:15px;
	font-size: 13px;
}

.hide-menu{ /*span text*/
	margin-left: 16px;
	position: absolute;
	padding-top: 3px;
	float: left;
}

.leftMenuItem img {
	margin-right: 18px;
}
.scroll-sidebar {
	height: calc(100%);
}

.has-arrow:after {
	margin-right: 14px;
	right: 0;
	height: 16px;
	width: 16px;
	margin-top: 5px;
}
.leftMenuItem{
	position: relative;
}
.leftMenuItem a {
	display: flex !important;
}
.leftMenuItem a i.fa-circle{
	position: absolute;
	top:12px;
}

/* NOTIFY CERTIFICATION */

.left-menu-notify {
	top: 0;
	left: 0;

}

.left-menu-item-notify {
	top: -8px;
	left: 0;
	margin-top: 5px;

}

.notify {
	position: absolute;
	top: 20px;
	right: 3px;

}
.notify .point {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	background-color: #f62d51;

}

.left-menu-notify .point {
	top: 14px;
	left: 30px;
}

.left-menu-item-notify .point {
	top: 14px;
	left: 52px;
}

.notify .heartbit {
    height: 25px;
    width: 25px;
    z-index: 10;
    border: 5px solid #f62d51;
    border-radius: 70px;
    animation: heartbit 1s ease-out;
    animation-iteration-count: infinite;
	animation-iteration-count: infinite;

}

.left-menu-notify .heartbit {
	top: 4px;
	left: 20px;
}

.left-menu-item-notify .heartbit {
	top: 4px;
	left: 42px;
}

/* END NOTIFY CERTIFICATION */

/* SCROLL SIDEBAR */

.ps {
	overflow: initial !important;
	-ms-overflow-style: none !important;
}

.ps__scrollbar-y {
	height: 0 !important;
}

/* END SCROLL SIDEBAR */

/* VERSION SIDEBAR */

.version {
	z-index: 1;
}
.rectangle {
	position: absolute;
	bottom: 0;
	left: -5px;
	height: 200px;
	width: 203px;
	opacity: 0.7;
	background: linear-gradient(90deg, rgba(160,174,192,0.3) 0%, rgba(160,174,192,0) 100%);
	transform: rotate(-10deg);

}
.version p {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: 19px;
	margin-bottom: 95px;
	height: 19px;
	width: 38px;
	color: #A0AEC0;
	font-size: 14px;
	letter-spacing: -0.16px;
	line-height: 19px;
	text-align: center;
	transform: rotate(10deg);
}

@media screen and (max-height: 850px) {
	.ps {
		overflow: hidden !important;
	}
}

@media screen and (max-height: 800px) {
	.version {
		display: none;
	}
}
/* END VERSION SIDEBAR */

/* END LEFT SIDENAV */

/* FOOTER */

.footer {
	border-top: 1px solid #A0AEC0;
	background: transparent;
	padding: 15px 0 0 0;
	margin-right: 30px;

}

.footer p {
	height: 30px;
	width: 100%;
	font-size: 12px;
	letter-spacing: -0.13px;
	line-height: 15px;
}

.footer-guest {
	border-top: 0 !important;
	font-size: 12px;
	margin: 0 4%;
	right: 0;
	bottom: 0;
	position: absolute;
	width: 60%;
}

.footer-guest p#custom-legals {
	color: #A0AEC0;
	height: 70px;
	width: CALC(100% - 76px);
	font-size: 12px;
	letter-spacing: -0.13px;
	line-height: 15px;
}

/* END FOOTER */

/**********work sidebarSettings***************/

.sidebarSettings {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	width: 200px;
	background-color: #f1f1f1;
	overflow: auto;
	z-index: 99;
	color:#54667A;
}
ul.sidebarSettings {
	height: inherit;
	overflow: visible;
	border: none;
}

@media (max-height: 950px) {
	ul.sidebarSettings {
		width: 210px;
		overflow: auto;
		border: none;
	}
}

  .sidebarSettings a {
	display: block;
	padding: 16px;
	text-decoration: none;
	cursor: pointer;
  }
ul.sidebarSettings li a.nav-link,
ul.sidebarSettings li a.nav-link.active {
	border: none !important;
	background-color: transparent !important;
}
ul.sidebarSettings li a.nav-link {
	color: inherit;
}
ul.sidebarSettings li a.nav-link:hover {
	color: #381be7 !important;
}
  .sidebarSettings a.active {
	color: #009EFB !important;
  }

  .sidebarSettings li a:hover {
	background-color: unset !important;
  }
/* BUTTONS */


.btn {
	border-radius: 5px;
	min-height: 32px;
	padding: 6px 16px;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
}
.btn-xs {
	border-radius: 5px;
	min-height: 32px;
	padding: 6px 16px;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
}
.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-group-sm > .btn, .btn-sm {
    border-radius: .2rem;
    font-size: .76563rem;
	line-height: 1.5;
	min-height: auto;
	padding: .25rem .5rem;
}

.btn-xxl {
	height: 60px;
	width: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
    color: #000000;
    background-color: #259bff;
    border-color: #1191ff;
}

.alert-primary hr {
    border-top-color: #0085f7;
}

.alert-primary .alert-link {
    color: #000000;
}

.badge-primary {
    color: #fff;
    background-color: #003059 !important;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
	background-color: #003059;
}

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

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #001425 !important;
}

.border-primary {
    border-color: #003059 !important;
}

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

.btn-primary:hover {
    color: #fff;
    background-color: #001c35;
    border-color: #001425;
}

.btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 48, 89, 0.5);
	background-color: #003059;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #003059;
    border-color: #003059;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #001425;
    border-color: #000c16;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 48, 89, 0.5);
}

.label-primary {
	color: #fff;
	background-color: #003059;
    border-color: #003059;
}

.btn-outline-primary {
    color: #003059;
    background-color: transparent;
    border-color: #003059;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #003059;
    border-color: #003059;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 48, 89, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #003059;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #003059;
    border-color: #003059;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 48, 89, 0.5);
}

.list-group-item-primary {
    color: #000000;
    background-color: #1191ff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #000000;
    background-color: #0085f7;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #1191ff;
}

.table-hover .table-primary:hover {
    background-color: #0085f7;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #0085f7;
}

.text-primary {
    color: #003059 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #001425 !important;
}


/*------------------------------------
- COLOR secondary
------------------------------------*/
.alert-secondary {
    color: #0c81a6;
    background-color: #fbfdfe;
    border-color: #e8f8fd;
}

.alert-secondary hr {
    border-top-color: #d0f1fb;
}

.alert-secondary .alert-link {
    color: #095c77;
}

.badge-secondary {
    color: #212529;
    background-color: #3EC5F0;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
    color: #212529;
	background-color: #3EC5F0;
}

.bg-secondary {
    background-color: #f8f9fa !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #3EC5F0 !important;
}

.border-secondary {
    border-color: #3EC5F0 !important;
}

.btn-secondary {
    color: #212529;
    background-color: #3EC5F0;
    border-color: #3EC5F0;
}

.btn-secondary:hover {
    color: #212529;
    background-color: #1cbbed;
    border-color: #12b5e8;
}

.btn-secondary:focus, .btn-secondary.focus {
	box-shadow: 0 0 0 0.2rem rgba(62, 197, 240, 0.5);
	border-color: #3EC5F0;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #212529;
    background-color: #3EC5F0;
    border-color: #3EC5F0;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #212529;
    background-color: #12b5e8;
    border-color: #10a9da;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(62, 197, 240, 0.5);
}

.btn-outline-secondary {
    color: #3EC5F0;
    background-color: transparent;
    border-color: #3EC5F0;
}

.btn-outline-secondary:hover {
    color: #212529;
    background-color: #3EC5F0;
    border-color: #3EC5F0;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(62, 197, 240, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #3EC5F0;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #212529;
    background-color: #3EC5F0;
    border-color: #3EC5F0;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(62, 197, 240, 0.5);
}

.list-group-item-secondary {
    color: #0c81a6;
    background-color: #e8f8fd;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #0c81a6;
    background-color: #d0f1fb;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #212529;
    background-color: #0c81a6;
    border-color: #0c81a6;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #e8f8fd;
}

.table-hover .table-secondary:hover {
    background-color: #d0f1fb;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #d0f1fb;
}

.text-secondary {
    color: #3EC5F0 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #12b5e8 !important;
}


/*------------------------------------
- COLOR info
------------------------------------*/
.alert-info {
    color: #0c81a6;
    background-color: #fbfdfe;
    border-color: #e8f8fd;
}

.alert-info hr {
    border-top-color: #d0f1fb;
}

.alert-info .alert-link {
    color: #095c77;
}

.badge-info {
    color: #212529;
    background-color: #3EC5F0;
}

.badge-info[href]:hover, .badge-info[href]:focus {
    color: #212529;
    background-color: #3EC5F0;
}

.bg-info {
    background-color: #3EC5F0 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
	background-color: #3EC5F0 !important;
}

.border-info {
    border-color: #3EC5F0 !important;
}

.btn-info {
    color: #212529;
    background-color: #3EC5F0;
    border-color: #3EC5F0;
}

.btn-info:hover {
    color: #212529;
    background-color: #1cbbed;
    border-color: #12b5e8;
}

.btn-info:focus, .btn-info.focus {
	box-shadow: 0 0 0 0.2rem rgba(62, 197, 240, 0.5);
	background-color: #3EC5F0;
}

.btn-info.disabled, .btn-info:disabled {
    color: #212529;
    background-color: #3EC5F0;
    border-color: #3EC5F0;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color: #212529;
    background-color: #12b5e8;
    border-color: #10a9da;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(62, 197, 240, 0.5);
}

.btn-outline-info {
    color: #3EC5F0;
    background-color: transparent;
    border-color: #3EC5F0;
}

.btn-outline-info:hover {
    color: #212529;
    background-color: #3EC5F0;
    border-color: #3EC5F0;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(62, 197, 240, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #3EC5F0;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
    color: #212529;
    background-color: #3EC5F0;
    border-color: #3EC5F0;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(62, 197, 240, 0.5);
}

.list-group-item-info {
    color: #0c81a6;
    background-color: #e8f8fd;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #0c81a6;
    background-color: #d0f1fb !important;
}

.list-group-item-info.list-group-item-action.active {
    color: #212529;
    background-color: #0c81a6;
    border-color: #0c81a6;
}

.table-info,
.table-info > th,
.table-info > td {
    background-color: #e8f8fd;
}

.table-hover .table-info:hover {
    background-color: #d0f1fb;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #d0f1fb;
}

.text-info {
    color: #3EC5F0 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #12b5e8 !important;
}

.text-link {
	color: #009efb !important;
}


/*------------------------------------
- COLOR success
------------------------------------*/
.alert-success {
    color: #16533b;
    background-color: #c2eedc;
    border-color: #b2ead3;
}

.alert-success hr {
    border-top-color: #9ee4c8;
}

.alert-success .alert-link {
    color: white;
}

.badge-success {
    color: white;
    background-color: #31B47F;
}

.badge-success[href]:hover, .badge-success[href]:focus {
    color: white;
	background-color: #31B47F;
}

.bg-success {
    background-color: #31B47F !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #31B47F;
}

.border-success {
    border-color: #31B47F !important;
}

.btn-success {
    color: white;
    background-color: #00852C;
    border-color: #00852C;
}

.btn-success:hover {
    color: white;
    background-color: #006633;
    border-color: #006633;
}

.btn-success:focus, .btn-success.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 1);
	background-color: #00852C;
}

.btn-success.disabled, .btn-success:disabled {
    color: white;
    background-color: #00852C;
    border-color: #00852C;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: white;
    background-color: #268b62;
    border-color: #227f5a;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(49, 180, 127, 0.5);
	background-color: #00852C;
}

.btn-outline-success {
    color: #00852C;
    background-color: transparent;
    border-color: #00852C;
}

.btn-outline-success:hover {
    color: white;
    background-color: #00852C;
    border-color: #00852C;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(49, 180, 127, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #00852C;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
    color: white;
    background-color: #00852C;
    border-color: #00852C;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(49, 180, 127, 0.5);
}

.list-group-item-success {
    color: #16533b;
    background-color: #b2ead3;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #16533b;
    background-color: #9ee4c8;
}

.list-group-item-success.list-group-item-action.active {
    color: white;
    background-color: #16533b;
    border-color: #16533b;
}

.table-success,
.table-success > th,
.table-success > td {
    background-color: #b2ead3;
}

.table-hover .table-success:hover {
    background-color: #9ee4c8;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #9ee4c8;
}

.text-success {
    color: #00852C !important;
}

a.text-success:hover, a.text-success:focus {
    color: #268b62 !important;
}


/*------------------------------------
- COLOR warning
------------------------------------*/
.alert-warning {
    color: #996c10;
    background-color: #fdf9f2;
    border-color: #fbf2df;
}

.alert-warning hr {
    border-top-color: #f9e9c8;
}

.alert-warning .alert-link {
    color: #6b4b0b;
}

.badge-warning {
    color: #212529;
    background-color: #EAB03A;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
    color: #212529;
    background-color: #EAB03A;
}

.bg-warning {
    background-color: #EAB03A !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #EAB03A !important;
}

.border-warning {
    border-color: #EAB03A !important;
}

.btn-warning {
    color: #212529;
    background-color: #EAB03A;
    border-color: #EAB03A;
}

.btn-warning:hover {
    color: #212529;
    background-color: #e6a319;
    border-color: #d99917;
}

.btn-warning:focus, .btn-warning.focus {
	box-shadow: 0 0 0 0.2rem rgba(234, 176, 58, 0.5);
	background-color: #EAB03A;

}

.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #EAB03A;
    border-color: #EAB03A;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d99917;
    border-color: #cb8f15;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(234, 176, 58, 0.5);
}

.btn-outline-warning {
    color: #EAB03A;
    background-color: transparent;
    border-color: #EAB03A;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #EAB03A;
    border-color: #EAB03A;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(234, 176, 58, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #EAB03A;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #EAB03A;
    border-color: #EAB03A;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(234, 176, 58, 0.5);
}

.list-group-item-warning {
    color: #996c10;
    background-color: #fbf2df;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #996c10;
    background-color: #f9e9c8;
}

.list-group-item-warning.list-group-item-action.active {
    color: #212529;
    background-color: #996c10;
    border-color: #996c10;
}

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #fbf2df;
}

.table-hover .table-warning:hover {
    background-color: #f9e9c8;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #f9e9c8;
}

.text-warning {
    color: #EAB03A !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #d99917 !important;
}


/*------------------------------------
- COLOR danger
------------------------------------*/
.alert-danger {
    color: #731030;
    background-color: #f8d2de;
    border-color: #f6c0d1;
}

.alert-danger hr {
    border-top-color: #f2aac1;
}

.alert-danger .alert-link {
    color: #470a1d;
}

.badge-danger {
    color: #fff;
    background-color: #DF205D;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
    color: #fff;
    background-color: #DF205D;
}

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

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #DF205D !important;
}

.border-danger {
    border-color: #DF205D !important;
}

.btn-danger {
    color: #fff;
    background-color: #DF205D;
    border-color: #DF205D;
}

.btn-danger:hover {
    color: #fff;
    background-color: #bf1b4f;
    border-color: #b2194a;
}

.btn-danger:focus, .btn-danger.focus {
	box-shadow: 0 0 0 0.2rem rgba(223, 32, 93, 0.5);
	background-color: #DF205D;
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #DF205D;
    border-color: #DF205D;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b2194a;
    border-color: #a51744;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(223, 32, 93, 0.5);
}

.btn-outline-danger {
    color: #DF205D;
    background-color: transparent;
    border-color: #DF205D;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #DF205D;
    border-color: #DF205D;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(223, 32, 93, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #DF205D;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #DF205D;
    border-color: #DF205D;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(223, 32, 93, 0.5);
}

.list-group-item-danger {
    color: #731030;
    background-color: #f6c0d1;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #731030;
    background-color: #f2aac1;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #731030;
    border-color: #731030;
}

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f6c0d1;
}

.table-hover .table-danger:hover {
    background-color: #f2aac1;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f2aac1;
}

.text-danger {
    color: #DF205D !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #b2194a !important;
}


.btn-primary,  .btn-danger, .btn-secondary, .btn-success, .btn-warning, .btn-default{
	opacity: 0.9;
	border: 0;
}

.btn-primary:hover,  .btn-danger:hover, .btn-secondary:hover, .btn-success:hover, .btn-warning:hover, .btn-default:hover {
	border: 0;
	opacity: 1;
}

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

.btn-primary:hover {
	background-color: #003059;
}

.btn-secondary {
	background-color: #3EC5F0;
	color: #1A202C;
}
.btn-info {
	background-color: #3EC5F0;
	color: #1A202C;
}

.btn-success {
	background-color: #00852C;
	color: #FFFFFF;
}

.btn-warning {
	background-color: #EAB03A;
	color: #1A202C;
}

.btn-danger {
	background-color: #DF205D;
	color: #FFFFFF;
}

.btn-default {
	background-color: #FFFFFF;
	color: #1A202C;
}

.btn-primary,  .btn-danger {
	color: #FFFFFF;
}

.btn-secondary, .btn-warning {
	color: #1A202C;
}

.btn-primary:hover,  .btn-danger:hover {
	color: #FFFFFF;
}

.btn-secundary:hover, .btn-success:hover, .btn-warning:hover {
	color: #FFFFFF;
}


.btn-default:hover {
	background-color: #E2E8F0;
}

/*------------------------------------
- COLOR default
------------------------------------*/
.alert-default {
    color: #c1c1c1;
    background-color: #ffffff;
    border-color: #ffffff;
}

.alert-default hr {
    border-top-color: #ffffff;
}

.alert-default .alert-link {
    color: #a8a8a8;
}

.badge-default {
    color: #212529;
    background-color: #FFFFFF;
}

.badge-default[href]:hover, .badge-default[href]:focus {
    color: #212529;
    background-color: #FFFFFF;
}

.bg-default {
    background-color: #FFFFFF !important;
}

a.bg-default:hover, a.bg-default:focus,
button.bg-default:hover,
button.bg-default:focus {
    background-color: #FFFFFF !important;
}

.border-default {
    border-color: #FFFFFF !important;
}

.btn-default {
    color: #212529;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.btn-default:hover {
    color: #212529;
    background-color: #ededed;
    border-color: #e5e5e5;
}

.btn-default:focus, .btn-default.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
	background-color: #FFFFFF;
}

.btn-default.disabled, .btn-default:disabled {
    color: #212529;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
    color: #212529;
    background-color: #e5e5e5;
    border-color: #dddddd;
}

.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-default {
    color: #212529;
    background-color: transparent;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.btn-outline-default:hover {
    background-color: #ccc;
}

.btn-outline-default:focus, .btn-outline-default.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
	border: 1px solid #ccc;
}

.btn-outline-default.disabled, .btn-outline-default:disabled {
    color: #FFFFFF;
    background-color: transparent;
}

.btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle {
    color: #212529;
    background-color: #FFFFFF;
}

.btn-outline-default:not(:disabled):not(.disabled):active:focus, .btn-outline-default:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-default.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.list-group-item-default {
    color: #c1c1c1;
    background-color: #ffffff;
}

.list-group-item-default.list-group-item-action:hover, .list-group-item-default.list-group-item-action:focus {
    color: #c1c1c1;
    background-color: #ffffff;
}

.list-group-item-default.list-group-item-action.active {
    color: #212529;
    background-color: #c1c1c1;
}

/* Assesment button */
#status_assessment_1 .btn {
	min-height: 0 !important;
	padding: 0;
}
.assessment-details-button {
	background-color: transparent !important;
	color: #10A3D1 !important;
	text-decoration: underline;
	box-shadow: transparent !important;
	margin-top: -5px;
}
.assessment-details-button:focus {
	box-shadow: transparent !important;
	border-color: transparent !important;
}

/* LOGIN PLATFORM */

/* .login-container {
	display: flex;
	justify-content: center;
	align-items: center;
} */
.login {
	width: 446px;
}

.login .card {
	min-height: 369px;
}

.login .card-header {
	text-align: center;
	background: #ffffff;
	padding: 0;
}

.login .card-header h4 {
	color: #2D3748;
	font-size: 24px;
	line-height: 33px;
	margin-top: 41px;
}

.card-body #submit_button {
	min-width: 110px;
	height: 40px;
	/* border-radius: 0; */
	box-sizing: border-box;
	float: right;
	/* background-color: #3EC5F0;
	border: 1px solid #3EC5F0; */
	margin-top: 20px;
	opacity: 0.9;
}

.card-body #submit_button:hover {
	opacity: 1;
}

.card-body input {
	border-left: 0px;
	border: 1px solid #EDF2F7;
}


.btn-login {
	width: 86px;
	height: 40px;
	border: 1px solid #231F20;
	border-radius: 0;
	box-sizing: border-box;
	float: left;
	width: 30%;
	margin: 0 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-login:hover {
	background-color: #3EC5F0;
	border: 1px solid #3EC5F0;
}

.btn-login span {
	color: #1A202C;
}

.table-default,
.table-default > th,
.table-default > td {
    background-color: #ffffff;
}

.table-hover .table-default:hover {
    background-color: #ffffff;
}

.table-hover .table-default:hover > td,
.table-hover .table-default:hover > th {
    background-color: #ffffff;
}

.text-default {
    color: #FFFFFF !important;
}

a.text-default:hover, a.text-default:focus {
    color: #e5e5e5 !important;
}

/* END BUTTONS */

/* LABELS */

.label:before {

    content: ' ';
    display: inline-block;
    width: 10px;
    height: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 5px;

}
.label {
	background: transparent;
    border-radius: 10px;
    font-size: 8px;
    font-weight: bold;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    text-align: initial;
    padding: 3px 5px;
    line-height: 10px !important;
    display: inline-flex !important;
}

.label-primary {
	border: 1px solid #003059;
	color: #003059;
}
.label-primary:before {
	background-color: #003059;
}
.label-success {
	border: 1px solid #31B47F;
	color: #31B47F;
}
.label-success:before {
	background-color: #31B47F;
}
.label-info {
	border: 1px solid #0c81a6;
	color: #0c81a6;
}
.label-info:before {
	background-color: #0c81a6;
}
.label-warning {
	border: 1px solid #EAB03A;
	color: #EAB03A;
}
.label-warning:before {
	background-color: #EAB03A;
}
.label-secondary  {
	border: 1px solid #3EC5F0;
	color: #3EC5F0;
}
.label-secondary:before {
	background-color: #3EC5F0;
}
.label-danger {
	border: 1px solid #DF205D;
	color: #DF205D;
}
.label-danger:before {
	background-color: #DF205D;
}
.label-default {
	border: 1px solid #A0AEC0;
	color: #A0AEC0;
}
.label-default:before {
	background-color: #A0AEC0;
}

.select2-container > span.selection > span > ul > li.select2-selection__choice {
	background-color: #003059 !important;
	border-color: #003059;
	color: #fff
}
.select2-container > span.selection > span > ul > li.select2-selection__choice span{
	color: #fff;
	opacity: 0.8;
	margin: 0px 0px 5px 5px;
}

.topbar .top-navbar .navbar-header {
	padding-right: 0px;
}
.shadow-dark{
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
}

.skin-green-dark .topbar {
    background: #F7FAFC !important;
}
.sidebar-nav>ul>li.selected {
	box-shadow: inset -2px 0px 0px 0px #DF205D;
}
.sidebar-nav>ul>li.selected ul {
	box-shadow: inset -2px 0px 0px 0px #DF205D;
}
.sidebar-nav>ul>li.selected>a {
	border-left: 0 !important;
}

/* SVG SIDEBAR ICONS */
.svg-icons {
	display: inline-flex;
	width: 20px;
	height: 20px;
	background-size: cover;
	background-repeat: no-repeat;
}
.svg-icons-fixed {
	display: inline-flex;
	width: 24px;
	height: 24px;
	background-size: cover;
	background-repeat: no-repeat;
}

.select2-selection__choice {
	float : left;
}

.icon-dashboard {
	background-image: url(../../../files/web/images/sidebar-normal/dashboard.svg);
}
.active .icon-dashboard, .sidebar-nav .selected .icon-dashboard {
	background-image: url(../../../files/web/images/sidebar-current/dashboard.svg);
}
.icon-data-processing {
	background-image: url(../../../files/web/images/sidebar-normal/data.svg);
}
.active .icon-data-processing, .sidebar-nav .selected .icon-data-processing {
	background-image: url(../../../files/web/images/sidebar-current/data.svg);
}
.icon-company {
	background-image: url(../../../files/web/images/sidebar-normal/company_2.svg);
}
.active .icon-company, .sidebar-nav .selected .icon-company {
	background-image: url(../../../files/web/images/sidebar-current/company_2.svg);
}
.icon-task {
	background-image: url(../../../files/web/images/sidebar-normal/action.svg);
}
.active .icon-task, .sidebar-nav .selected .icon-task {
	background-image: url(../../../files/web/images/sidebar-current/action.svg);
}
.icon-event-monitoring {
	background-image: url(../../../files/web/images/sidebar-normal/attention.svg);
}
.active .icon-event-monitoring, .sidebar-nav .selected .icon-event-monitoring {
	background-image: url(../../../files/web/images/sidebar-current/attention.svg);
}
.icon-records-training {
	background-image: url(../../../files/web/images/sidebar-normal/records_trainings.svg);
}
.active .icon-records-training, .sidebar-nav .selected .icon-records-training {
	background-image: url(../../../files/web/images/sidebar-current/records_trainings.svg);
}
.icon-documents {
	background-image: url(../../../files/web/images/sidebar-normal/doc.svg);
}
.active > .icon-documents, .sidebar-nav .selected .icon-documents {
	background-image: url(../../../files/web/images/sidebar-current/doc.svg);
}
.icon-complaince {
	background-image: url(../../../files/web/images/sidebar-normal/complaince.svg);
}
.active .icon-complaince, .sidebar-nav .selected .icon-complaince {
	background-image: url(../../../files/web/images/sidebar-current/complaince.svg);
}
.icon-certification {
	background-image: url(../../../files/web/images/sidebar-normal/certification.svg);
}
.active .icon-certification, .sidebar-nav .selected .icon-certification {
	background-image: url(../../../files/web/images/sidebar-current/certification.svg);
}
.icon-users {
	background-image: url(../../../files/web/images/sidebar-normal/users.svg);
}
.active .icon-users, .sidebar-nav .selected .icon-users {
	background-image: url(../../../files/web/images/sidebar-current/users.svg);
}
.icon-data-discovery {
	background-image: url(../../../files/web/images/sidebar-normal/data-discovery.svg);
}
.active .icon-data-discovery, .sidebar-nav .selected .icon-data-discovery {
	background-image: url(../../../files/web/images/sidebar-current/data-discovery.svg);
}
.icon-data-discovery {
	background-image: url(../../../files/web/images/sidebar-normal/data_discovery.svg);
}
.active .icon-data-discovery, .sidebar-nav .selected .icon-data-discovery {
	background-image: url(../../../files/web/images/sidebar-current/data_discovery.svg);
}
.icon-diagnostics {
	background-image: url(../../../files/web/images/sidebar-normal/diagnostics.svg);
}
.active .icon-diagnostics, .sidebar-nav .selected .icon-diagnostics {
	background-image: url(../../../files/web/images/sidebar-current/diagnostics_active.svg);
}
/* SVG ICONS FIXED SIDEBAR*/
.icon-menu-apps {
	background-image: url(../../../files/web/images/sidebar-normal/menu_apps.svg);
}
.icon-support-tickets {
	background-image: url(../../../files/web/images/sidebar-normal/support_ticket.svg);
}
.icon-support-tickets-lg {
	background-image: url(../../../files/web/images/support_ticket_lg.svg);
}
.icon-support-resources {
	background-image: url(../../../files/web/images/sidebar-normal/support_resources.svg);
}
.icon-support-resources-lg {
	background-image: url(../../../files/web/images/support_resources_lg.svg);
}
.icon-community {
	background-image: url(../../../files/web/images/sidebar-normal/community.svg);
}
.icon-help-center {
	background-image: url(../../../files/web/images/sidebar-normal/help.svg);
	background-repeat: no-repeat;
}
.icon-academy {
	background-image: url(../../../files/web/images/sidebar-normal/academy.svg);
}
.icon-marketplace {
	background-image: url(../../../files/web/images/sidebar-normal/marketplace.svg);
}
.icon-reporting {
	background-image: url(../../../files/web/images/sidebar-normal/reporting.svg);
}
.active .icon-reporting, .sidebar-nav .selected .icon-reporting {
	background-image: url(../../../files/web/images/sidebar-current/reporting.svg);
}


#resources-element {
	z-index: 15000;
	position: fixed;
}

.sidebar-nav>ul>li.selected>ul.icon-dashboard {
	box-shadow: inset -2px 0px 0px 0px #DF205D;
}

.sidebar-nav>ul>li.selected {
	background-color: #E2E8F0;

}

.sidebar-nav>ul>li:hover {
	background-color: #E2E8F0;
	box-shadow: inset -2px 0px 0px 0px rgba(74,85,104,1);

}
.sidebar-nav>ul>li>ul>li:hover {
	font-weight: bold;
	/* background-color: #E2E8F0;
	box-shadow: inset -2px 0px 0px 0px rgba(74,85,104,1);
	transition: opacity 1.5s ease-in-out !important; */
}

.sidebar-nav>ul>li ul {
	background-color: #FFFFFF;
}

.sidebar-nav ul li:hover ul {
	border-right: 0;
}

.sidebar-nav ul li a {
	color: #4A5568 !important;
}
.sidebar-nav ul li a.active {
	font-weight: 600;
}
.skin-blue-dark .topbar {
	background:#F7FAFC;
}

.sidebar-nav ul li ul li{
	z-index: 2;
}

.sidebar-nav ul li ul li a{
	width: 100% !important;
	font-size: 13px;
}
.sidebar-nav ul li ul li a i{
	position: absolute;
    right: 15px;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0px;
    padding-left: 0px;
}


#menuFlagChange a {
    margin-left: 0px !important;
}

table tbody tr td a span.fa{
	margin-left: 0.5em;
}
.card-title {
    margin-bottom: 0px;
}
.card-header h4 {
    margin-bottom: 0px;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio, .has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

#task-content input.form-check-input.bulk-change{
	margin-left: -9px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.c-default {cursor: default;}
.c-pointer {cursor: pointer;}
.d-label{
	padding-top: 0.3rem;
}
.task-width{
	width:calc(100% - 10px);
}
.select2-container--krajee-bs4 .select2-selection--multiple .select2-selection__choice,.flag-icon{
	font-size: .875rem !important;
	color: white !important;
}
#flags-menu-change .dropdown-item, #flags-menu-change .dropdown-item:hover{
	border-radius: .25rem !important;
	background-color: unset;
}
#flag-menu .dropdown-toggle::after{
	display:none !important;
}
#languages_top_menu .dropdown-menu {
   padding-left: 5px;
}
#flags-menu-change{
	width: 48px !important;
	text-align: center !important;
	background :none !important;
	top: -10px !important;
}

#flags-menu-change i {
	height: 21px;
	width: 28px;
}


#flags-menu-change-guest{
	/* text-align: center !important;
	background :none !important;
	margin-top: 15px; */
}

#flags-menu-change-guest i {
	height: 21px;
	width: 28px;
}

#flags-menu-change-guest .dropdown-menu {
	margin-top: 35px;
}
#flags-menu-change-guest .dropdown-item {
	padding: 0;
	padding-left: 10px;
}

#menuFlagChange {
    padding: 15px 15px 0px 5px;
}

#multi-select-company .nav-link span{
	max-width: 150px;
	text-overflow: ellipsis;
    overflow: hidden;
	white-space: nowrap;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.arrow-company{
	float: left;
	padding: 1px 3px 0px 0px;
}

.table td,.table th{
	padding: 8px 4px 8px 4px;
}
.table-sm td, .table-sm th {
    padding: .3rem !important;
}
table.table tbody tr td{
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 0.8rem;
}

#survey table.table tbody tr td:last-child {
	width: 20%;
}
.card-list h5.card-title {
 	padding-bottom: 14px;
}

.input-group-addon {
    padding: 12px 12px !important;
    font-size: 12px;
}
#joints_list_right li.list-group-item,
.joint_available_list li.list-group-item,
#data_table_card li.list-group-item,
.dual-list li.list-group-item{
    margin: 0px 20px;
}
.form-control, .select2-container--krajee-bs4 .select2-selection, .select2-container--user-avatar .select2-selection--single, .select2-container--user-avatar .select2-selection--single{
	border-radius: .25rem !important;
}

.borderInput {
	border: 1px solid #e9ecef !important;
}
table td:last-child .far:not(.toggleSpan i),
table td:last-child .fa:not(.toggleSpan i),
table td:last-child .fas:not(.toggleSpan i){
	margin-right:4px;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default  {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.fix-filters tbody tr:first-child td .form-control,
.fix-filters tbody tr:first-child td input
{
	height: 38px;
}
.nested-notify{
	top: -9px;
    right: 32px;
}
.check-box-fix{
	margin-left: -0.25rem;
}

.select2-container--krajee-bs4.select2-selection--multiple.select2-search--inline.select2-search__field,
.select2-container.select2-selection--single,
table tr:first-child.form-control
{
    height: 38px;
}
.select2-selection.select2-selection--multiple{
	min-height: 38px;
}
.badge-priority, .i-rounded {
	width: 20px;
	padding:0;
	height: 20px;
    font-size: 12px;
	border-radius: 50%;
	line-height: 20px;
}

.badge-rounded {
    width: 20px;
    border-radius: 50%;
}
.label-position{
	position: relative;
    margin-left: 2px;
}

.mini-flag{
	font-size: .70rem !important;
}

.item-disabled{
	pointer-events:none;
	opacity: .7;
	background-color: #e9ecef;
}
.badge{
	color:white;
}
.r-font{
	/* font-family: sans-serif; */
	/* min-width: 27px; */
	padding-left: 10px;
}
.steps {
	pointer-events: none !important;
}

@media screen and (max-width: 1599px) {
	.card-widget {
	  margin-bottom: 20px;
	}
	.card-widget-container + .row.card-margintop,
	#fullAssessmentsProgress,#tasksProgress{
		margin-top:0;
	}
}
.n-break{
	white-space: nowrap;
}

@media screen and (max-width: 990px) and (min-width: 769px) {
	.left-sidebar .nav-text-box {
		padding: 34px 25px 13px 15px;
	}
}
@media screen and (max-width: 769px) {
	.app-container {
		margin-left:70px;
	}
	.card-widget {
		padding-right:15px;
	}

}

.toggle-handle {
	opacity: 0;
}
.toggle-handle:hover {
	opacity: 0;
}

.left-sidebar, .lock-nav .page-wrapper, .lock-nav .footer, .lock-nav .page-titles,.left-sidebar-icons-lock,.left-sidebar-icons-min-lock, .left-sidebar-icons-max-lock, .left-sidebar-icons-lock-breadcrumb, .left-sidebar-icons-min-lock-breadcrumb, .left-sidebar-icons-max-lock-breadcrumb,.left-sidebar-icons-lock-footer,.left-sidebar-icons-min-lock-footer, .left-sidebar-icons-max-lock-footer {
	transition: all 700ms;
}
.left-sidebar {
	left: 48px !important;
	width: 48px;
}

.left-sidebar-icons-lock {
	margin-left: 48px !important;
}
.left-sidebar-icons-min-lock {
	margin-left: 96px !important;
}

.left-sidebar-icons-max-lock {
	margin-left: 226px !important;
}

@media (min-width: 1336px) {
	.left-sidebar-icons-max-lock {
		margin-left: 276px !important;
	}
}

.left-sidebar-icons-lock-breadcrumb {
	margin-left: 0 !important;
}
.left-sidebar-icons-min-lock-breadcrumb {
	margin-left: 60px !important;
}

.left-sidebar-icons-max-lock-breadcrumb {
	margin-left: 190px !important;
}

@media (min-width: 1336px) {
	.left-sidebar-icons-max-lock-breadcrumb {
		margin-left: 240px !important;
	}
}
.left-sidebar-icons-lock-footer {
	margin-left: 70px !important;
}
.left-sidebar-icons-min-lock-footer {
	margin-left: 120px !important;
}
.left-sidebar-icons-max-lock-footer {
	margin-left: 300px !important;
}

.visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s linear;
}
.hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.7s, opacity 0.7s linear;
}


li.disabled {
	cursor: not-allowed;
}
li.disabled a {
	pointer-events: none;
}

.dropdown-toggle.link-priority::after{
	content: none !important;
}

button:disabled {
	cursor: not-allowed;
	pointer-events: all !important;
}
.menu-col{
	padding: 6px 14px !important;
	display: inline-block;
}
.custom-6{
	max-width: 49%;
}
.custom-4{
	max-width: 32.33333%;
}

span.fileRemoveIcon {
    position: absolute;
    right: 5px;
    z-index: 100;
}
.form-group {
    margin-bottom: 4px;
}
.card-header .float-left{
	padding-top:7px;
}
.kv-upload-progress.kv-hidden + .clearfix{
	margin-bottom:22px;
}
.file-error-message {
    margin-top: 15px;
}
.modal.show{
	overflow-y:auto;
}
.fileinput-cancel.fileinput-cancel-button{
	display:none;
}

.pb-card{
	padding-bottom: 1.8rem!important;
}
.login-container .card, .login-container .flash-alert{
	width:480px;
	margin: 0 auto;
}

.full-center-row{
	width:100%;
	height: 120px;
	padding-top: 15px;
}

.full-center-row .col-xl-4{
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width: 1599px) {
	.card-widget {
	  margin-bottom: 20px;
	}
	.card-widget-container + .row.card-margintop,
	#fullAssessmentsProgress,#tasksProgress{
		margin-top:0;
	}
}
@media screen and (max-width: 1550px) {
	.login-sidebar-middle-text {
		margin-left: 15px;
		left: 0 !important;
	}
}

@media screen and (max-width: 990px) and (min-width: 769px) {
	.left-sidebar .nav-text-box {
		padding: 34px 25px 13px 15px;
	}
}
@media screen and (max-width: 769px) {
	.app-container, .footer {
		margin-left:48px;
	}
	.card-widget {
		padding-right:15px;
	}
	#dashboard-container {
		margin-right: 40px;
	}

}

@media screen and (max-width: 1200px) {
	.full-center-row{
		height: 140px;
	}

}
@media all and (-ms-high-contrast:none)
{
	#task-content input.bulk-change.form-check-input{
		margin-left:15px;
	}
}
@keyframes heartbit {
	0% {transform: scale(0);opacity: 0;}
	25% { transform: scale(.1);opacity: .1;}
	50% { transform: scale(.5);opacity: .3;}
	75% { transform: scale(.8);opacity: .5;}
	100% { transform: scale(1);opacity: 0;}
}


#zommed_img img{
	position: absolute;
    margin-left: 50%;
	transform: translateX(-50%);
	width: auto;
}
.sidebar-nav ul li a {
    color: #4A5568;
}

.skin-green-dark .page-titles .breadcrumb .breadcrumb-item.active,
.skin-green-dark .sidebar-nav ul li a.active
 .skin-green-dark .sidebar-nav ul li a.active i,
 .skin-green-dark .sidebar-nav ul li a:hover,
 .skin-green-dark .sidebar-nav ul li a:hover i,
 .skin-green-dark .sidebar-nav>ul>li.selected>a,
 .skin-green-dark .sidebar-nav>ul>li.selected>a i {
    color: #318f94;
}
.file-caption-name{
	height: 25px;
}
.comment-box{
	padding: 0 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	width:100%;
	overflow-x: auto;
	font-family: Rubik, sans-serif;
	color:black;
	margin-bottom: 5px;
}
.navbar-expand-md .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
}
/* Files Plugin */
.file-drop-zone{
    height: 100% !important;;
	padding: 5px !important;;
	margin: 0px !important;;

}
.file-drop-zone-title{
	height: 85px !important;;
	padding: 0px !important;;
	line-height: 105px !important;;
}
.file-preview  {
    width: 100% !important;;
	margin-bottom: 5px !important;;
	height: auto !important;;
}
.krajee-default.file-preview-frame .kv-file-content {
    width: 140px !important;;
    height: 10px !important;;
}
.krajee-default .file-other-icon {
    font-size: 2em !important;;
}
.kv-preview-data.file-preview-other-frame{
	width:50px !important;
}
.file-caption-info ,.file-size-info{
	padding-left: 45px !important;
	text-align: center;
}
.krajee-default .file-footer-caption {
	margin: 0px !important;;
}
.file-preview-thumbnails {
   display: inline-block !important;;
}
.file-drop-zone .file-preview-thumbnails {
	width: 100% !important;;
	margin-top: 5px !important;;
}
.file-footer-buttons{
	text-align: center;
}
.btn-remove-file:focus{
	outline:0 !important;
}
.btn-remove-file{
	background: none;
	border:none;
	color: #009efb;
	width: 25px;
}
.krajee-default .file-footer-buttons {
    float: none !important;
}

#survey_process .loader-icon {
	box-sizing: border-box;
    float: left;
	width: 40px;
    margin: -9px -6px;
}
.loader-icon img{
	width: 100%;
}
.check-icon {
    float: left;
    margin: 0px 6px;
    color: #36bea6;
}
.disabled-link{
	pointer-events: none;
}
/*Auditor*/
.pie-chart {
	display: flex;
	justify-content: center;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/*
Dashboard
*/
.card-widget .skin-green-dark, .skin-green-dark .topbar{
	background: #318f94!;
}

.dashboard-icon {
width: 90px;
position: absolute;
transition: 0.5s;
top: 20px;
right: 0px;
}
.card .sub-content{
	min-height: 50px;
}
.loader-icon img{
width: 100%;
}

.item-dashboard-li{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bg-gray {
    background-color: #aaa;
}
/**
ADD HERE THE COMMON CLASSES ON THE WHOLE APPLICATION
**/

.text-medium{
	font-size: 20px;
}

.custom-btn-disabled{
	cursor: default;
}
.custom-btn-disabled:hover{
	text-decoration: none !important;
	color: white;
}
.z-down{
	z-index: 1040 !important;
}

.btn-ajax-login{
	position: absolute;
    right: 8px;
    top: 8px;
}

.loading-ellipsis:after {
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	-webkit-animation: ellipsis steps(4,end) 900ms infinite;
	animation: ellipsis steps(4,end) 900ms infinite;
	content: "\2026"; /* ascii code for the ellipsis character */
	width: 0px;
}

/*Dashboard*/
.card-body .card-progress h5 {
	display: block;
}
@keyframes ellipsis {
	to {
		width: 20px;
	}
}

@-webkit-keyframes ellipsis {
	to {
		width: 20px;
	}
}
@media (min-width: 992px){
	.modal-xl {
		max-width: 1200px;
	}
	.modal-lg-x {
		max-width: 900px;
	}
}

.sidebar-logo-mini{
	height: 32px;
	width:32px;
}

/* New Login UI */

.main-wrapper-login, .login-row {
	height: inherit;
}
.login-row {
	display: flex;
	flex-wrap: wrap;
}

.login-sidebar-nav {
	width: 32%;
	height: 100%;
	position: fixed;
	background-image: url("/files/images/console_sidebar_bg@2x.jpeg");
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
}

.login-sidebar-nav-img {
	width: 100%;
	height: 100%;
}

.login-page-wrapper {
	margin: 0;
	margin-left: 32%;
	width: 68%;
}

.login-tabs {
	display: flex;
	width: 480px;
	margin: 0 auto;
}
.login-tabs a {
	color: #1A202C;
}

.login-tabs img {
	height: 16px;
	width: 16px;
}

.login-tab-organization,
.login-tab-dpo,
.login-tab-partner {
	height: 60px;
	display: flex;
	align-items: center;
	background-color: #FFFFFF;
	opacity: 71%;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.07);
}

.login-tab-organization span,
.login-tab-dpo span,
.login-tab-partner span {
	text-align: center;
	width: 100%;
}

.login-tab-organization.active {
	opacity: 100%;
	border: none;
	border-top: #3EC5F0;
	border-top-width: 3px;
	border-top-style: solid;
}

.login-tab-dpo.active {
	opacity: 100%;
	border: none;
	border-top: #EAB03A;
	border-top-width: 3px;
	border-top-style: solid;
}

.login-tab-partner.active {
	opacity: 100%;
	border: none;
	border-top: #31B47F;
	border-top-width: 3px;
	border-top-style: solid;
}

.login-sidebar-middle-gradient {
	width: inherit;
	background: linear-gradient(270deg, rgba(0,48,89,0) 0%, #003059 100%);
	height: CALC(50% - 80px);
	display: flex;
	position: absolute;
	top: 34%;
	transform: skew(0deg, -10deg);
}

.login-sidebar-middle-text {
	width: auto;
	height: CALC(50% - 80px);
	position: absolute;
	top: 42%;
	left: 4%;
	color: #ffffff;
}
.login-sidebar-middle-text #img-title {
	/* font-family: 'Open Sans Regular'; */
	font-family: sans-serif;
	font-size: 28px;
	/* line-height: 34px;
	height: 34px; */
	margin-bottom: 8px;

}

.login-sidebar-middle-text span {
	/* font-family: 'Open Sans Regular'; */
	font-family: sans-serif;
	font-size: 14px;
	line-height: 18px;
	height: 92px;
	width: 319px;
	color: #FFFFFF;
	letter-spacing: -0.69px;
	display: block;
}

.login-sidebar-top-gradient {
	width: inherit;
	background: #FFF;
	height: 25%;
	display: flex;
	position: absolute;
	transform: skew(0deg, -10deg);
	opacity: 0.2;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
	background-color: rgba(0, 133, 44, 0.9); /* #00852C; */
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
	background-color: rgba(223, 32, 93, 0.9); /* #DF205D; */
}

.custom-control-label {
	user-select: none;
	text-indent: 20px;
}
.center-modal-vertically {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.required-element::after{
	content:" *" ;
	color:red;
}
.kv-grid-group-row, .kv-grouped-row  {
    background-color: #c4d4d6 !important;
}
.table-hover .kv-grouped-row:hover  {
	background-color: #c0e7ec !important;
}

span.icon-expandible[aria-expanded="true"]:after {
	content: "\2212";
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
span.icon-expandible[aria-expanded="false"]:after {
	content: "\002b";
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

span.icon-expandible-left[aria-expanded="true"]:before {
	content: "\2212";
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
span.icon-expandible-left[aria-expanded="false"]:before {
	content: "\002b";
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

span.icon-expandible,
span.icon-expandible-left {
	font-size: 18px;
	font-weight: 700;
	cursor:pointer;
}

.dropdown-toggle.no-caret::after {
	display: none !important;
}
body.lock-nav .page-wrapper:not(.login-page-wrapper){
	margin-left: 276px;
}
body.lock-nav .page-titles{
	margin-left: 240px
}
body:not(.lock-nav) .page-titles{
	margin-left: 60px;
}
body:not(.lock-nav) .page-wrapper{
	margin-left: 96px;
}
body.lock-nav footer {
	margin-left: 300px !important;
}

.homepage-name {
	cursor: url('../images/pencil-alt-solid.svg') 0 20, text;
}

.user-column-filter + .select2-container .select2-selection__clear {
	font-size: 20px;
	top : 0 !important;
}

/* TODO Update selectors once duplicated IDs has been fixed on ALL APPS */
body:not(.platform-layout) nav.sidebar-nav ul#sidebarnav .waves-effect,
body.platform-layout ul#sidebarnav .waves-effect {
	display: flex !important;
	padding: 12px 13px !important;
}
body:not(.platform-layout) nav.sidebar-nav ul#sidebarnav .has-arrow::after,
body:not(.platform-layout) nav.sidebar-nav ul#sidebarnav .has-arrow.active::after,
body.platform-layout ul#sidebarnav .has-arrow::after,
body.platform-layout ul#sidebarnav .has-arrow.active::after {
	top: calc(50% - 5px);
}
body:not(.platform-layout) nav.sidebar-nav ul#sidebarnav .waves-effect .svg-icons,
body.platform-layout ul#sidebarnav .waves-effect .svg-icons {
	display: inline-block;
}
body:not(.platform-layout) nav.sidebar-nav ul#sidebarnav .waves-effect .hide-menu,
body.platform-layout ul#sidebarnav .waves-effect .hide-menu {
	flex-shrink: 20;
	float: none;
	padding: 0;
	position: initial;
}
body:not(.platform-layout) nav.sidebar-nav ul#sidebarnav > li > ul > li,
body.platform-layout ul#sidebarnav > li > ul > li {
	padding: 0;
}
body:not(.platform-layout) nav.sidebar-nav ul#sidebarnav > li > ul > li > a,
body.platform-layout ul#sidebarnav > li > ul > li > a {
	padding: 10px 0;
}
.studio-confirm-trigger .modal-content *{
	max-width: 100% !important;
}

@media screen and (max-width: 1440px) {
	.filters .select2.select2-container .select2-selection.select2-selection--single {
		height: auto !important;
	}

	.filters .select2.select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
		white-space: break-spaces !important;
		word-wrap: normal !important;
	}
}
.vertical-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.floatThead-container {
	z-index: 80 !important;
}

.btn.disabled, .btn:disabled {
	opacity: 0.65 !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	text-overflow: unset !important;
	white-space: break-spaces !important;
}

/* .select2-container .select2-selection--multiple .select2-search--inline {
	float: inherit !important;
} */

.fixed-icons {
	position: fixed;
	right: 10px;
	/* bottom: 100px; */
	bottom: 30px;
	cursor: pointer;
	z-index: 5;
	display: flex;
	height: auto;
	flex-direction: column;
}

#scroll {
	position: fixed;
	bottom: 5px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	z-index:  5;
	background-color: #009efb;
	text-indent: -9999px;
	/* display: none; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#scroll span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -12px;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-bottom-color: #ffffff
}

#scroll:hover {
	color: rgba(255, 255, 255, 0.5);
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}

#scroll, #support-chat {
	position: relative;
	cursor: pointer;
	width: 50px;
	height: 50px;
	z-index: 5;
	background-color: #009efb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#support-chat span {
	position: relative;
	top: 15%;
	color: #ffffff;
	top: 30%;
	left: 36%;
}

.chat-iframe {
	display: none;
	position: fixed;
	bottom: 65px;
	right: 70px;
	z-index: 999;
}

.chat-iframe.iframe-show {
	display: block;
	animation: fade-in 0.7s ease-in forwards;
}

.chat-iframe.iframe-hide {
	animation: fade-out 0.7s ease-out forwards;
}

.chat-iframe iframe {
	height: 40vh;
}

.chat-iframe-options i {
	position: relative;
	top: 3vh;
	right: 2vh;
	color: #fff;
	float: right;
}

.fixed-bottom {
	right: 20px;
	bottom: 30px;
	left: unset;
}

@keyframes iframe-show {
	0% {
		height: 0vh;
		display: none;
	}
	100% {
		height: 40vh;
		display: inherit;
	}
}

@keyframes iframe-hide {
	0% {
		height: 40vh;
		display: inherit;
	}
	100% {
		height: 0vh;
		display: none;
	}
}
.kv-table-header {
	background: white;
	border: 1px solid #ddd; /* optional: adds a border */
	padding: 10px; /* optional: adds padding */
	color: #333; /* optional: changes the text color */
	/* font-weight: bold; optional: makes the text bold */
}
.sd-dropdown__value {
	text-overflow: inherit !important; /* OVERRIDES ellipsis */
}
.sd-dropdown__filter-string-input {
	position: relative !important; /* OVERRIDES absolute */
}