@font-face {
  font-family: 'Rockwell-Bold';
  src:url('../fonts/RockwellBold/RockwellBold.eot');
  src:url('../fonts/RockwellBold/RockwellBold.eot?#iefix') format('embedded-opentype'),
	  url('../fonts/RockwellBold/RockwellBold.woff') format('woff'),
	  url('../fonts/RockwellBold/RockwellBold.ttf')  format('truetype'),
	  url('../fonts/RockwellBold/RockwellBold.svg#RockwellBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src:url('../fonts/Poppins-Regular/Poppins-Regular.eot');
  src:url('../fonts/Poppins-Regular/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
	  url('../fonts/Poppins-Regular/Poppins-Regular.woff') format('woff'),
	  url('../fonts/Poppins-Regular/Poppins-Regular.ttf')  format('truetype'),
	  url('../fonts/Poppins-Regular/Poppins-Regular.svg#Poppins-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Medium';
  src:url('../fonts/Poppins-Medium/Poppins-Medium.eot');
  src:url('../fonts/Poppins-Medium/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
	  url('../fonts/Poppins-Medium/Poppins-Medium.woff') format('woff'),
	  url('../fonts/Poppins-Medium/Poppins-Medium.ttf')  format('truetype'),
	  url('../fonts/Poppins-Medium/Poppins-Medium.svg#Poppins-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    display: block;
    z-index: 1;
    color: #fff;
    font-weight: 200;
    background-size: none;
    background-position: center center;
}
.sidebar, .main-panel, .sidebar-wrapper, .navbar-fixed, .navbar-minimize {
    -webkit-transition-property: top, bottom, width;
    transition-property: top, bottom, width;
    -webkit-transition-duration: 0s, 0s, 0s;
    transition-duration: 0s, 0s, 0s;
    -webkit-transition-timing-function: linear, linear, ease;
    transition-timing-function: linear, linear, ease;
    -webkit-overflow-scrolling: touch;
}
.main-panel {
    background: rgba(203, 203, 210, 0.15);
    position: relative;
    float: right;
    width: calc(100% - 260px);
}
.sidebar .nav .profile-dropdown {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
.wrapper.royalsoft-wrapper.inactive .sidebar .logo {
	opacity: 0;
}
.wrapper.royalsoft-wrapper.inactive .main-panel .logo {
	opacity: 0;
}

.modal {
	z-index: 5555555555;
	overflow: auto !important;
}
.modal .modal-dialog {
	overflow: auto !important;
}
.modal .modal-dialog .modal-content {
	overflow: auto !important;
}
.btn-green {
	background-color: #28a745 !important;
	border-color: #28a745 !important;
}
.btn-green:hover {
	color: #ffffff;
}
.btn-indigo {
	background-color: #9368e9 !important;
	border-color: #9368e9 !important;
	color: #ffffff;
	-webkit-transition: opacity 100ms ease-in-out;
	-moz-transition: opacity 100ms ease-in-out;
	-o-transition: opacity 100ms ease-in-out;
	transition: opacity 100ms ease-in-out;
	opacity: 1;
}
.btn-indigo:hover {
	color: #ffffff;
	opacity: 0.8;
}
.timepicker[readonly] {
	background-color: transparent;
}
.bg-purple {
	background-color: rgba(63, 193, 202, 0.75);
}
.bg-purple:hover {
	background-color: #117a8b !important;
}
body.no-scroll, body.NoScrollFacebookPopup {
	overflow: hidden;
}
.royalsoft-wrapper .sidebar .logo {
	background-color: #ffffff;
	padding: 12px 15px 9px;
}
.royalsoft-wrapper .sidebar .logo img {
	max-width: 230px;
	max-height: 53px;
	width: 100%;
	height: 100%;
}
.sidebar .user .info a {
	padding: 15px 14px;
	margin: 0px 10px 3px;
	border-radius: 6px;
}
.royalsoft-wrapper {
    -webkit-transition: opacity 100ms ease-in-out;
	-moz-transition: opacity 100ms ease-in-out;
	-o-transition: opacity 100ms ease-in-out;
	transition: opacity 100ms ease-in-out;
	opacity: 1;
}
.royalsoft-wrapper.inactive {
	opacity: 0;
}
.container-for-loader {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    -webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
}
#loader {
  	border: 16px solid #f3f3f3;
  	border-radius: 50%;
  	border-top: 16px solid #3fc1ca;
  	width: 120px;
  	height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
  	animation: spin 2s linear infinite;
}
.container-for-loader h4 {
	color: #435259;
}
@-webkit-keyframes spin {
  	0% {
  		-webkit-transform: rotate(0deg);
  	}
  	100% {
  		-webkit-transform: rotate(360deg);
  	}
}

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

/* Popover styles */

.popover.bs-popover-bottom .arrow {
	left: 50% !important;
}
.popover .popover-header {
	text-align: center;
	color: red;
}
.popover .popover-body {
	
}
/* End Popover styles */

/* Facebook Popover styles */
.facebook-popup-wrapper {
	display: block;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 19;
	z-index: 1032;
}
.facebook-popup-wrapper.old-facebook-cookie {
	display: none;
}
.facebook-popup-wrapper #facebook-popup-container {
	max-width: 760px;
	padding: 25px 35px;
	z-index: 20;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-color: #ffffff;
	max-height: 90vh;
	overflow: auto;
	width: calc(100% - 20px);
}
.facebook-popup-wrapper #facebook-popup-container .facebook-popup-header {
	position: relative;
	padding-top: 40px;
	display: inline-block;
	width: 100%;
}
.facebook-popup-wrapper #facebook-popup-container .facebook-popup-header .popup-fb-close-button {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	background-color: rgba(190, 194, 196, 0.75);
	color: #ffffff;
	font-size: 40px;
	border-radius: 100%;
	line-height: 1.08;
	text-align: center;
	cursor: pointer;
}
.facebook-popup-wrapper #facebook-popup-container .facebook-popup-body {
	padding-bottom: 10px;
}
.facebook-popup-wrapper #facebook-popup-container .facebook-popup-body .facebook-popup-text-container {
	width: 100%;
	padding-right: 0px;
	display: inline-block;
	/* float: left; */
}
.facebook-popup-wrapper #facebook-popup-container .facebook-popup-body .facebook-popup-graphic-container {
	width: 60%;
	display: inline-block;
	float: right;
}
.facebook-popup-wrapper #facebook-popup-container .facebook-popup-footer {
	display: none;
	position: relative;
	height: 28px;
	overflow: hidden;
}
.facebook-popup-wrapper #facebook-popup-container .facebook-popup-footer iframe {
	height: 28px;
}
/* End Facebook Popover styles */

.intentional-error-underline {
	border: 5px solid red !important;
}
.btn-social {
	color: #ffffff;
	border: none;
	padding: 1px;
	margin-bottom: 0px;
	margin-right: 10px;
}
.btn-social:last-child {
	margin-right: 0px;
}
.btn-social:hover {
	color: #ffffff;
}
.btn-social.social-facebook {
	background-color: #425f9b;
}
.btn-social.social-facebook:hover {
	background-color: #33518f;
}
.btn-social.social-facebook i {
	border-right: 1px solid #33518f;
}
.btn-social.social-linkedin {
	background-color: #0079b8;
	/* display: none; */
}
.btn-social.social-linkedin:hover {
	background-color: #006396;
}
.btn-social.social-linkedin i {
	border-right: 1px solid #006396;
}
.btn-social.social-google {
	background-color: #df4a32;
}
.btn-social.social-google:hover {
	background-color: #d0432f;
}
.btn-social.social-google i {
	border-right: 1px solid #d0432f;
}
.btn-social i {
	font-size: 20px !important;
	padding: 7px;
	vertical-align: middle;
	display: inline-block;
	width: 35px !important;
	text-align: center;
}
.btn-social span {
	padding: 7px 10px;
	display: inline-block;
}
.login-container .with-label {
	position: relative;
	padding-left: 90px;
	padding-right: 90px;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.login-container .with-label label {
	position: absolute;
	top: 7px;
	left: 97px;
	width: 36px;
	height: 36px;
	padding-top: 9px !important;
	background-color: #eaeaea;
	z-index: 1;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}
.login-container .with-label input {
	width: 100%;
	padding-left: 51px;
}
.login-container .keep-same-outpadding {
	padding-top: 15px;
	padding-left: 90px;
	padding-right: 90px;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	position: relative;
}
.login-container .keep-same-outpadding .reseteaza-parola {
	position: absolute;
	top: -7px;
	right: 95px;
	padding: 0px;
	margin-bottom: 0px;
}
input[type="checkbox"] {
	margin-right: 10px;
	opacity: 0;
}
input[type="checkbox"] + label.cool-checkbox {
	position: relative;
	padding-top: 0px !important;
}
input[type="checkbox"] + label.cool-checkbox:before {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -28px;
	background-color: #ffffff;
	border: 1px solid #AAAAAA;
	display: block;
	height: 18px;
	width: 18px;
	border-radius: 3px;
}
input[type="checkbox"] + label.cool-checkbox:after {
	display: none;
	content: '\f00c';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -26px;
	font-family: "FontAwesome";
	color: #495057;
	font-size: 14px;
}
input[type="checkbox"]:checked + label {
	color: #4cbdc1;
}
input[type="checkbox"]:checked + label.cool-checkbox:after {
	display: inline-block;
}

input[type="radio"] {
	margin-right: 10px;
	opacity: 0;
}
input[type="radio"] + label.cool-checkbox {
	position: relative;
	padding-top: 0px !important;
}
input[type="radio"] + label.cool-checkbox:before {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -28px;
	background-color: #ffffff;
	border: 1px solid #AAAAAA;
	display: block;
	height: 18px;
	width: 18px;
	border-radius: 3px;
}
input[type="radio"] + label.cool-checkbox:after {
	display: none;
	content: '\f00c';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -26px;
	font-family: "FontAwesome";
	color: #495057;
	font-size: 14px;
}
input[type="radio"]:checked + label {
	color: #4cbdc1;
}
input[type="radio"]:checked + label.cool-checkbox:after {
	display: inline-block;
}
.make-line-around-text-container {
	width: 100%;
	position: relative;
	height: 20px;
	margin-bottom: 8px;
}
.make-line-around-text-container:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 1px;
	background-color: #eaeaea;
}
.make-line-around-text-container div {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	width: 310px;
	text-align: center;
	z-index: 2;
	background-color: #ffffff
}
.mobile-navigation-container {
	display: none;
	padding: 0px;
}
.mobile-navigation-container .pvr-box {
	padding: 14px 2rem;
	margin-bottom: 0px;
}
.mobile-navigation-container .logo {
	max-width: 200px;
	width: 100%;
	display: inline-block;
	opacity: 1;
	-webkit-transition: opacity 0ms ease-in-out;
	-moz-transition: opacity 0ms ease-in-out;
	-o-transition: opacity 0ms ease-in-out;
	transition: opacity 0ms ease-in-out;
}
.show-mobile-navigation {
	float: right;
	font-size: 30px;
	z-index: 2;
	color: #1fadb2;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
.show-mobile-navigation:active, .show-mobile-navigation:focus {
	color: #1fadb2;
}
.show-mobile-navigation:hover {
	color: #435259;
}
input[readonly="readonly"]:hover {
	cursor: not-allowed;
}
.visible-container {
	display: block;
}
.invisible-container {
	display: none;
}
.modal-content .modal-header {
	text-align: center;
	display: block;
	position: relative;
}
.modal-content .modal-header:after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 30px;
	right: 30px;
	height: 1px;
	background-color: #ced4da;
}
.modal-content .modal-header .modal-title {
	font-size: 28px;
}
.modal-content .modal-header .close {
	position: absolute;
	top: 5px;
	right: 0px;
	z-index: 2;
	margin: 0px;
}
#date-incomplete-modal .modal-content .modal-body, #foaie-pontaj-modal .modal-content .modal-body {
	text-align: center;
	padding: 15px 40px;
}
.modal-content .modal-body {
	padding: 15px 30px;
}
.modal-content .modal-body .half-container {
	width: 50%;
	display: inline-block;
}
.modal-content .modal-body .half-container .program-mobile-label {
	display: none;
}
.modal-content .modal-body .half-container .program-normal-label {
	display: inline-block;
}
.modal-content .modal-footer {
	display: block;
	text-align: center;
	padding-bottom: 25px;
}
.modal-content .modal-body .zilele-saptamanii-container div {
	float: left;
}
.modal-content .modal-body .zilele-saptamanii-container label {
	margin-right: 20px;
}
#adauga-angajat-modal .modal-dialog, #editeaza-angajat-modal .modal-dialog {
	max-width: 700px;
}
.label-has-icon {
	position: relative;
}
.label-has-icon label {
	position: absolute;
	top: 1px;
	right: auto;
	bottom: 1px;
	left: 1px;
	width: 44px;
	background-color: #e9ecef;
	color: #5e656b;
	margin-bottom: 0px;
	text-align: center;
	font-size: 18px;
	padding-top: 5px;
}
.label-has-icon label i {

}
.label-has-icon input {
	padding: 6px 0px 6px 60px;
	display: block;
	width: 100% !important;
	border: 1px solid #ced4da;
	border-radius: 4px;
}
.label-has-icon select {
	padding: 5px 0px 5px 60px;
	display: block;
	width: 100% !important;
	height: 38px !important;
	border: 1px solid #ced4da;
	border-radius: 4px;
}
/* MAKE INTRODU PONTAJ ZILNIC MODAL */
.modal.introdu-pntj .modal-dialog {
	max-width: 952px;
}
.modal.introdu-pntj .modal-body .form-group input {
	height: 44px;
	border: 1px solid #ced4da !important;
}
.modal.introdu-pntj .modal-body .form-group input[type="checkbox"] {
	width: auto;
	height: auto;
}
.modal.introdu-pntj .modal-body .above-container {
	width: 100%;
	display: block;
}
.modal.introdu-pntj .modal-body .above-container .days-container {
	width: 60%;
	display: inline-block;
	padding-right: 20px;
	vertical-align: top;
}
.modal.introdu-pntj .modal-body .above-container .days-container .input-container {
	margin: 0px 10px 0px 0px;
	float: left;
}
.modal.introdu-pntj .modal-body .above-container .employees-container {
	width: 40%;
	padding-left: 20px;
	display: inline-block;
	height: 273px;
}
.modal.introdu-pntj .modal-body .above-container .employees-container .employees-scroll-container {
	padding-left: 2px;
	height: 233px;
	overflow-y: auto;
}
.modal.introdu-pntj .modal-body .above-container .employees-container .form-group {
	margin-bottom: 9px;
}
.modal.introdu-pntj .modal-body .above-container .employees-container .form-group:last-of-type {
	margin-bottom: 0px;
}
.modal.introdu-pntj .modal-body .above-container .employees-container .form-group label {
	word-wrap: break-word;
	max-width: 90%;
}
.modal.introdu-pntj .modal-body .above-container .employees-container .form-group:last-of-type label {
	margin-bottom: 0px;
}
.modal.introdu-pntj .modal-body .form-group.label-has-icon {
	margin-bottom: 25px;
}
.modal.introdu-pntj .modal-body .form-group.label-has-icon:last-of-type {
	margin-bottom: 0px;
}
.modal.introdu-pntj .modal-body .form-group.label-has-icon input {
	text-align: left;
	padding: 10px 0px 10px 60px;
}
.modal.introdu-pntj .modal-content .modal-footer {
	text-align: right;
}
.custombox-fadein.custombox-content {
	z-index: -1;
}
.custombox-fadein.custombox-content.custombox-open {
	z-index: 9999;
}
a:hover, a:focus {
	color: #ffffff;
}
.delete-confirmation {
	display: none;
	position: absolute;
	padding: 10px;
	width: 250px;
	background-color: #ffffff;
	border: 1px solid #eaeaea;
	border-radius: 6px;
	top: -4px;
	right: 100%;
	z-index: 3;
}
.delete-confirmation.make-visible {
	display: block;
}
.delete-confirmation p {
	word-wrap: break-word;
}
.delete-confirmation .delete-confirmation-actions {
	text-align: center;
}
.delete-company-confirmation {
	display: none;
	position: absolute;
	padding: 10px;
	width: 250px;
	background-color: #ffffff;
	border: 1px solid #eaeaea;
	border-radius: 6px;
	top: -4px;
	right: 100%;
	z-index: 3;
}
.delete-company-confirmation.make-visible {
	display: block;
}
.delete-pontaj-confirmation {
	display: none;
	position: absolute;
	padding: 10px;
	width: 250px;
	background-color: #ffffff;
	border: 1px solid #eaeaea;
	border-radius: 6px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0px;
	z-index: 3;
	text-align: left;
}
.delete-pontaj-confirmation.make-visible {
	display: block;
}
.delete-pontaj-confirmation p {
	word-wrap: break-word;
	font-size: 14px;
}
.delete-pontaj-confirmation .delete-confirmation-actions {
	text-align: center;
}
.delete-pontaj-confirmation .delete-confirmation-actions a {
	padding: 5px 15px;
}
.royalsoft-wrapper .steps-company-details .pvr-header:after {
	display: none;
}
.royalsoft-wrapper .steps-company-details ul {
	display: block;
	padding-left: 0px;
	margin-bottom: 0px;
	text-align: center;
}
.royalsoft-wrapper .steps-company-details ul li {
	display: inline-block;
	padding-right: 70px;
	position: relative;
}
.royalsoft-wrapper .steps-company-details ul li:after {
	content: '\f101';
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 25px;
	font-size: 30px;
	color: #ced4da;
}
.royalsoft-wrapper .steps-company-details ul li:last-of-type {
	padding-right: 0px;
}
.royalsoft-wrapper .steps-company-details ul li:last-of-type:after {
	display: none;
}
.royalsoft-wrapper .steps-company-details ul li span {
	font-size: 13px;
	color: #ced4da;
	display: block;
	text-align: left;
}
.royalsoft-wrapper .steps-company-details ul li p {
	display: inline-block;
	color: #ced4da;
	font-size: 20px;
	margin: 0px;
	font-family: 'Poppins-Medium';
	padding-bottom: 5px;
	opacity: 1;
}
.royalsoft-wrapper .steps-company-details ul li.active p {
	color: #1fadb2;
	border-bottom: 2px solid #1fadb2;
}
.royalsoft-wrapper .steps-company-details ul li.completed span, .royalsoft-wrapper .steps-company-details ul li.completed p {
	color: #909294;
}
.royalsoft-wrapper .steps-company-details .company-details label {
	text-align: left;
}
.royalsoft-wrapper .steps-company-details .adauga-angajati-container {
	margin-bottom: 20px;
}
.royalsoft-wrapper .steps-company-details .adauga-angajati-container .adauga-angajati-container-text {
	font-size: 14px;
	color: #909294;
	margin-top: 6px;
	display: inline-block;
	float: right;
}
.royalsoft-wrapper .second-step-company-details .submit-group {
	text-align: right;
}
.datele-companiei-wrapper .main-panel {
	width: 100% !important;
}
small {
	color: red;
}
small.normal {
	color: #212529;
}
p.no-margin-modal-legend {
	margin-bottom: 3px;
	margin-right: 10px;
	display: inline-block;
	line-height: 1;
}
.legenda-modal-container .legend-container p.no-margin-modal-legend:last-of-type {
	margin-right: 0px;
}
.legenda-modal-container .legend-container {
	margin-bottom: 0px;
}
.employee-name-foaie-de-pontaj {
	color: #212529;
	-webkit-word-break: normal;
	-ms-word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 3px -3px 3px -4px;
}
.employee-function-foaie-de-pontaj {
	color: #909294;
	-webkit-word-break: normal;
	-ms-word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 3px -3px 3px -4px;
	font-size: 12px;
}
hr {
	border-top: 1px solid #ced4da;
}
hr.margin-3 {
	margin: 3px;
}
p.copyright a:hover {
	 text-decoration: underline;
}
.program-inegal-container .program-inegal-legends .legend-container p {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 3px;
	font-size: 14px;
	color: #909294;
}
.program-inegal-container .program-inegal-legends .legend-container p strong {
	color: #212529;
}
.program-automat-text-descriptiv .red-border {
	border: 2px solid  red;
	border-radius: 4px;
	padding: 5px 10px;
}
.program-automat-text-descriptiv .red-border p {
	margin-bottom: 0px;
}
.contact-mail-button {
	color: #1fadb2;
}
.contact-mail-button:hover {
	color: #1fadb2;
	text-decoration: underline;
}
.form-input-container {
	margin-bottom: 15px;
}
.form-input-container textarea {
	resize: none;
}
.half-input-container {
	width: 50%;
	float: left;
}
.half-input-container {
	padding-right: 20px;
}
.half-input-container:nth-of-type(2n) {
	padding-left: 20px;
	padding-right: 0px;
}
.full-input-container {
	width: 100%;
}
.send-email .submit-group {
	text-align: right;
}
label a {
	color: #1fadb2;
	text-decoration: underline;
}
label a:hover, label a:focus, label a:active {
	color: #1fadb2;
}
.btn-social {
	position: relative;
}
.btn-social .overlay-conditii-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0;
}
.modal-footer button[disabled="disabled"] {
	background-color: #435259 !important;
}
/*---------------------------------------   CLEARFIX   ----------------------------------------------*/

.clearfix:before,
.clearfix:after {
    content: ''; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
/*---------------------------------------   PROFILUL COMPANIEI   ----------------------------------------------*/

.royalsoft-wrapper .sidebar .logo {
	text-align: center;
	height: 73.9px;
}
.royalsoft-wrapper .logo-normal {
	display: inline-block !important;
	padding: 5px !important;
}
.royalsoft-wrapper .sidebar .sidebar-wrapper .nav > li > a .sidebar-mini, .royalsoft-wrapper .sidebar .sidebar-wrapper .user .info > ul > li > a .sidebar-mini {
	font-size: 18px;
	float: none;
	vertical-align: middle;
	display: inline-block;
}
.royalsoft-wrapper .sidebar .user .info span {
    display: inline-block;
}
.sidebar .user .info li.active a, .sidebar .user .info li a:hover {
	background-color: rgba(63, 193, 202, 0.55);
	-webkit-transform: translateY(1px) scale(1.02);
	-moz-transform: translateY(1px) scale(1.02);
	-o-transform: translateY(1px) scale(1.02);
	-ms-transform: translateY(1px) scale(1.02);
	transform: translateY(1px) scale(1.02);
}
.royalsoft-wrapper .main-panel .content {
	min-height: calc(100vh - 62px);
}
.royalsoft-wrapper .main-panel .content.foi-pontaj-content {
	padding: 15px 0px 0px;
}
.royalsoft-wrapper .company-details .form-group {
	margin-bottom: 20px;
	position: relative;
	padding-left: 30%;
}
.royalsoft-wrapper .company-details .image-container {
	text-align: center;
	padding-left: 0px;
	width: 125px;
	height: 125px;
	border: 3px solid #1fadb2;
	border-radius: 100%;
	vertical-align: middle;
	margin: 0px auto 20px;
}
.royalsoft-wrapper .company-details .image-container img {
	height: 100%;
	max-height: 125px;
	width: 100%;
	max-width: 125px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: 50%;
    left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.royalsoft-wrapper .company-details label {
	display: inline-block;
	margin: -1px 0px 0px 0px;
	width: 30%;
	text-align: right;
	padding-right: 20px;
	float: left;
	line-height: 0.9;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0px;
}
.royalsoft-wrapper .company-details input:not([type="submit"]) {
	display: block;
	width: 100%;
	float: left;
}
.royalsoft-wrapper .company-details .form-group.submit-group {
	margin-bottom: 0px;
	text-align: right;
}
.royalsoft-wrapper .company-details input[type="submit"], .royalsoft-wrapper .company-details button[type="submit"] {
	margin-top: 20px;
	border: none;
	background-color: rgba(63, 193, 202, 0.75);
	border-radius: 8px;
	color: #ffffff;
	padding: 10px 20px;
	cursor: pointer;
}
.royalsoft-wrapper .company-details input[type="submit"]:hover, .royalsoft-wrapper .company-details button[type="submit"]:hover {
	background-color: #435259 !important;
}
.royalsoft-wrapper .company-details input#company-logo {
	border: none;
	padding: 0px;
}
.royalsoft-wrapper .company-employees .row {
	margin-bottom: 20px;
}
.royalsoft-wrapper .company-employees .form-group {
	margin-bottom: 0px;
	position: relative;
}
.royalsoft-wrapper .company-employees .form-group label {
	position: absolute;
	line-height: 0.9;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0px;
	text-align: right;
	padding-right: 20px;
	width: 155px;
}
.company-employees .actions .btn-group {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 15px;
	z-index: 1;
	position: absolute;
}
.company-employees .actions .form-buttons-w {
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	border-radius: 50%;
	background-color: transparent;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
.company-employees .actions .form-buttons-w:last-of-type {
	margin-right: 0px;
}
.royalsoft-wrapper .company-employees input[type="submit"], .royalsoft-wrapper .company-employees button {
	margin-top: 20px;
	border: none;
	background-color: #9368E9;
	border-radius: 8px;
	color: #ffffff;
	padding: 10px 20px;
	cursor: pointer;
}
.adauga-angajat-btn {
	float: right;
	display: inline-block;
	position: relative;
	padding: 5px 10px;
	z-index: 2;
}
.foaie-de-pontaj-container {
	display: block;
}
.foaie-de-pontaj-container a {
	display: block;
	padding: 20px;
	font-size: 25px;
}
#adauga-angajat-modal form label {
	display: block;
}
#adauga-angajat-modal form label.checkbox-label {
	display: inline-block;
}
#adauga-angajat-modal form input[type="text"] {
	width: 300px;
}
#adauga-angajat-modal form select {
	width: 300px;
	height: 30px;
}
.hide-until-checked, .hide-for-normal-program {
	display: none;
}

#editeaza-angajat-modal form label {
	display: block;
}
#editeaza-angajat-modal form label.checkbox-label {
	display: inline-block;
}
#editeaza-angajat-modal form input[type="text"] {
	width: 300px;
}
#editeaza-angajat-modal form select {
	width: 300px;
	height: 30px;
}
.btn-edit-angajat, .btn-editeaza-angajat {
	padding: 0px !important;
	background-color: transparent !important;
	margin-top: 0px !important;
	color: #909294;
	margin-right: 10px;
	border-radius: 50% !important;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
.btn-edit-angajat:hover, .btn-editeaza-angajat:hover {
	color: #1fadb2 !important;
}
.sterge-angajatul-btn {
	color: #909294;
}
.sterge-angajatul-btn:hover, .sterge-angajatul-btn:focus {
	color: #dc3545;
}
.program-inegal-table {
	width: 100%;
	border: 1px solid #ced4da;
	border-radius: 4px;
}
.program-inegal-table thead {
	border-bottom: 1px solid #ced4da;
}
.program-inegal-table thead th {
	text-align: center;
	border-right: 1px solid #ced4da;
	border-left: 1px solid #ced4da;
	font-size: 16px;
	font-family: 'Poppins-Medium';
}
.program-inegal-table tbody tr td {
	border-right: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	min-width: 50px;
}
.program-inegal-table tbody tr td td {
	border-right: none;
	border-bottom: 1px solid #ced4da;
	text-align: center;
}
.program-inegal-table tbody tr td tr td {
	height: 51px;
	font-family: 'Poppins-Medium';
}
.program-inegal-table tbody tr td tr:nth-of-type(3) td {
	border-bottom: none;
}
.program-inegal-table input {
	width: 100% !important;
	border: none !important;
}

/*---------------------------------------   CONTUL MEU   ----------------------------------------------*/

.royalsoft-wrapper .center-container {
	display: flex;
	justify-content: center;
	align-items: center;
}
/*---------------------------------------   FOAIE DE PONTAJ   ----------------------------------------------*/
.manually-completed.invalid-completed-manually, 
.intentional-error-underline, 
.invalid-nan-completion, 
.input-invalid-completed0,
.input-invalid-completed1,
.input-invalid-completed2,
.input-invalid-completed3,
.input-invalid-completed4 {
	border: 5px solid red;
}
.pvr-wrapper .pvr-header {
	padding-bottom: 20px;
	border-bottom: 1px solid #ced4da;
}
.pvr-wrapper .pvr-header:after {
	width: 150px;
}
.pvr-header p {
	display: inline-block;
	opacity: 0.5;
	margin: 0px 0px -15px -135px;
	font-size: 75%;
	line-height: 1;
	vertical-align: bottom;
}
.pvr-header p input {
	border: none;
	width: 135px;
}
.pontaj-table {
	width: 100%;
	max-width: 100%;
	display: block;
	overflow-x: auto;
	font-size: 14px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	-o-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;
}
.pontaj-table.active {
	opacity: 1;
	visibility: visible;
}
.pontaj-table thead {
	border: 2px solid #000000;
	background-color: #eaeaea;
}
.pontaj-table thead th, .pontaj-table tbody td:first-of-type, .pontaj-table tbody td:last-of-type {
	padding: 5px;
	text-align: center;
	border-right: 1px solid #ced4da;
}
.pontaj-table thead th:nth-of-type(2) {
	min-width: 90px;
	width: 90px;
}
.pontaj-table thead th:last-of-type {
	border-right: none;
}
.pontaj-table tbody td {
	padding: 0px;
	text-align: center;
	border-top: none;
	border-right: 1px solid #ced4da;
	border-bottom: 2px solid #000000;
	border-left: none;
	min-height: 33px;
	height: 33px;
}
.pontaj-table tbody td:first-of-type {
	border-left: 2px solid #000000;
}
.pontaj-table tbody td.employee-name-pntj, .pontaj-table tbody td.program-pntj table tr td {
	text-align: center;
	padding: 5px !important;
}
.pontaj-table tbody td.employee-name-pntj span {
	height: 100%;
	padding-bottom: 25px;
	/* make hr full width */
	/* max-width: 102px; */
	max-width: 96px;
	line-height: 1.1;
}
.pontaj-actions-container {
	display: inline-block;
	float: right;
	position: relative;
	z-index: 2;
}
.pontaj-actions-container button[type="submit"], .pontaj-actions-container .pntj-btn-action {
	border: none;
	border-radius: 6px;
	cursor: pointer;
	padding: 6px 10px 4px;
	color: #ffffff !important;
	white-space: nowrap;
	display: inline-block;
	line-height: 22px;
}
.pontaj-actions-container .pntj-btn-action {
	margin-bottom: 15px;
	margin-right: 10px;
	vertical-align: top;
	font-size: 14px;
}
.pontaj-actions-container .pntj-btn-action:last-of-type {
	margin-right: 0px;
}
.pontaj-actions-container.foi-pontaj-actions .pntj-btn-action {
	padding-left: 20px;
	padding-right: 20px;
}
.pontaj-actions-container .pntj-btn-action.copy-ant {
	padding-bottom: 7px;
	padding-top: 3px;
}
.pontaj-actions-container .pntj-btn-action .fa-external-link {
	transform: rotate(-135deg);
}
.pontaj-actions-container .pntj-btn-action.copy-ant span {
	vertical-align: sub;
	line-height: 16px;
}
.pontaj-actions-container .pntj-btn-action .fa-share-square-o {
	transform: rotate(90deg);
}
.pontaj-table tbody .pontaj-total {
	padding: 5px !important;
}
.tooltip {
	display: none;
}
.pontaj-table tbody td .form-group {
	margin-bottom: 0px;
	position: relative;
	height: 100%;
}
.pontaj-table tbody td table {
	width: 100%;
	height: 100%;
	font-size: inherit;
}
.pontaj-table tbody td table td:first-of-type, .pontaj-table tbody td table td:last-of-type {
	border-left: none;
	border-right: none;
}
.pontaj-table tbody td table tr:last-of-type td {
	border-bottom: none;
}
.pontaj-table tbody td table tr td {
	padding: 5px;
	border-bottom: 1px solid #ced4da;
}
.pontaj-table.pontaj-first-part tbody td, .pontaj-table.pontaj-first-part tbody td table tr td {
	max-width: 5.27%;
	width: 100%;
}
.pontaj-table.pontaj-second-part tbody td, .pontaj-table.pontaj-second-part tbody td table tr td {
	max-width: 5.56%;
	width: 100%;
	padding: 0px;
}
.pontaj-table.pontaj-second-part tbody td.pontaj-column {
	min-width: 70px;
}
.pontaj-table tbody td:last-of-type {
	border-right: 2px solid #000000;
}
.pontaj-table tfoot {
	border-top: 2px solid #000000;
}
input.timepicker {
	font-size: 100%;
	padding: 0px;
	border: 5px solid #ffffff;
	text-align: center;
	height: 100%;
	/*background-color: #ffffff !important;*/
	background-color: #ffffff;
	color: #909294;
}
input.timepicker:hover, input.timepicker:focus, input.timepicker:active {
	border: 5px solid #ffffff;
}
.current-day input.timepicker {
	color: #ffffff;
}
.form-group.hours-total input {
	color: #212529;
}
.current-day input.timepicker:focus, .current-day input.timepicker:active {
	color: #212529;
}
input.timepicker + button {
	position: absolute;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: transparent;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	border: none !important;
}
.datetimepicker table thead {
	width: 185px;
	display: block;
}
.datetimepicker table thead th {
	height: 0px !important;
	overflow: hidden !important;
	visibility: hidden !important;
	padding: 0px !important;
	display: none;
}
input.total-2-weeks {
	width: 69px;
	cursor: not-allowed !important;
	background-color: transparent;
	font-size: 110%;
}
th[visible="false"], td[visible="false"] {
	display: none;
}
.pontaj-table tbody .pontaj-table-row .employee-name-pntj .employee-name-div .delete-pontaj-row-btn {
	position: absolute;
	bottom: 5px;
	left: 5px;
	color: #909294;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
	z-index: 2;
}
.pontaj-table tbody .pontaj-table-row .employee-name-pntj .employee-name-div .delete-pontaj-row-btn:hover, .pontaj-table tbody .pontaj-table-row .employee-name-pntj .employee-name-div .delete-pontaj-row-btn:focus {
	color: red;
}
.pontaj-table tbody .pontaj-table-row .employee-name-pntj .employee-name-div .delete-pontaj-row-btn i {
	font-size: 20px;
}
/* Legend Container */
.foaie-pontaj-form .royalsoft-container-pntj .legend-container {
	position: absolute;
	top: -10px;
	left: 0px;
	width: 100%;
	z-index: 0;
}
.foaie-pontaj-form .royalsoft-container-pntj .legend-container p {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0px;
	color: #909294;
}
.foaie-pontaj-form .royalsoft-container-pntj .legend-container p span {
	color: #1fadb2;
	margin-right: 3px;
}
.foaie-pontaj-form .royalsoft-container-pntj .legend-container p strong {
	color: #212529;
}
.foaie-pontaj-form .royalsoft-container-pntj .legend-container p:last-of-type {
	margin-right: 0px;
}

/* MAKE TOP SCROLLBAR FOR TABLE */
.top-scrollbar-element {
	margin-top: -10px;
	margin-bottom: 10px;
	height: 20px;
	width: 100%;
	max-width: 100%;
	display: block;
	overflow-x: auto;
}
.top-scrollbar-element div {
	display: block;
	height: 20px;
}
/* MAKE TABLE FIXED COLUMNS */
.royalsoft-container-pntj {
	position: relative;
	padding-top: 50px;
	padding-left: 210px;
	padding-right: 80px;
	padding-bottom: 20px;
}
.pontaj-table thead {
	border-left: none;
	border-right: none;
}
.pontaj-table.active th {
	height: 75px;
	width: 70px;
	background-color: #f4f4f7;
}
.pontaj-table.active th:first-of-type, .pontaj-table.active th:nth-of-type(2) {
	position: absolute;
	width: 109px;
	height: 77px;
	top: 70px;
	left: 0px;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
	background-color: #f4f4f7;
	text-align: left;
}
.pontaj-table.active th:nth-of-type(2) {
	width: 101px;
	left: 109px;
	border-left: none;
}
.pontaj-table.active th:last-of-type {
	/*position: absolute;*/
	width: 80px;
	height: 75px;
	/*top: 50px;*/
	/*right: 0px;*/
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 1px solid #ced4da;
	background-color: #f4f4f7;
}
.pontaj-table.pontaj-second-part th table {
	width: 100%;
}
.pontaj-table.pontaj-second-part th table tr td {
	padding: 0px;
	min-height: auto;
	height: auto;
	border: none !important;
	font-size: 12px;
}
.pontaj-table.pontaj-second-part th table tr:first-of-type td {
	color: #909294;
}
.pontaj-table.pontaj-second-part th table tr:first-of-type td.curent-day {
	color: #212529;
}
.pontaj-table.pontaj-second-part th table tr td .day-number-thead {
	font-size: 16px;
}
.pontaj-table.pontaj-second-part th table tr td a {
	font-size: 12px;
	color: #1fadb2;
}
.pontaj-table.active tr td.employee-name-pntj, .pontaj-table.active tr td.program-pntj {
	position: absolute;
	max-width: 109px;
	width: 109px;
	height: 134px;
	top: 56px;
	left: 0px;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
	vertical-align: middle;
}
.pontaj-table.active tr td.program-pntj {
	max-width: 101px;
	width: 101px;
	left: 109px;
	border-right: 1px solid #ced4da;
	border-left: none;
}
.pontaj-table.active tr td.employee-name-pntj .employee-name-div {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
}
.pontaj-table.active tr td.employee-name-pntj .employee-name-div span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	word-wrap: break-word;
	font-size: 12px;
}
.pontaj-table.active tr td.pontaj-total, .pontaj-table.active tr td.pontaj-total-in-luna {
	/*position: absolute;*/
	max-width: 80px;
	width: 80px;
	height: 134px;
	/*top: 56px;*/
	/*right: 0px;*/
	border-left: 1px solid #ced4da;
	/*border-right: 2px solid #000000;*/
}
/* ore suplimentare checkbox */
.switch {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 34px;
	bottom: 15px;
	margin-bottom: 0px;
	margin-top: 20px;
}
.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #17a2b8;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
	border-radius: 10px;
}
.slider:before {
	content: "";
	position: absolute;
	height: 12px;
	width: 12px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}
.slider:after {
	content: "AUTO";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #000000;
	font-size: 11px;
	left: auto;
	right: 5px;
}
.switch input:checked + .slider {
 	background-color: #ccc;
}
.switch input:focus + .slider {
  	box-shadow: 0 0 1px #ccc;
}
.switch input:checked + .slider:before {
	-webkit-transform: translateX(35px);
	-moz-transform: translateX(35px);
	-o-transform: translateX(35px);
	-ms-transform: translateX(35px);
	transform: translateX(35px);
}
.switch input:checked + .slider:after {
	content: "MAN";
	left: 8px;
	right: auto;
}
/* ore suplimentare input ore */
.ore-supl-noapte-changed.hide {
	display: none;
}
.ore-supl-noapte.hide {
	display: none;
}
.display-based-checkbox {
	color: #212529 !important;
	border: 1px solid #212529 !important;
}

/* ziua libera */
.free-day-column {
	background-color: #fee090 !important;
}
input.timepicker.free-day-column {
	/* background-color: #fee090 !important;
	border-color: #fee090 !important; */
	border-radius: 0px;
}

.pontaj-table tbody td.ore-suplimentare {
	height: auto;
}

/* Pagination */
.pagination {
	padding-top: 20px;
	float: right;
	display: inline-block;
	max-width: 100%;
}
.pagination > li {
	margin-bottom: 5px;
	float: left;
}
.pagination > li > a {
	color: #121212 !important;
	padding: 4px !important;
	text-align: center;
	width: 33px;
}
.pagination > li > a:hover {
	color: #121212;
}
.pagination > .active > a {
	background-color: #17a2b8 !important;
	border-color: #17a2b8 !important;
	color: #ffffff !important;
}

/*---------------------------------------   FOI DE PONTAJ   ----------------------------------------------*/

.royalsoft-wrapper .pontaj-total-details .form-group {
	position: relative;
	width: 100%;
	display: inline-block;
}
.royalsoft-wrapper .pontaj-total-details .form-group label {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 45px;
	height: 43px;
	padding-top: 9px !important;
	background-color: #eaeaea;
	z-index: 1;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	text-align: center;
}
.royalsoft-wrapper .pontaj-total-details .form-group select {
	font-size: 130%;
	height: 45px;
	max-width: 100%;
	padding-left: 55px;
	-webkit-appearance: none;
}
.royalsoft-wrapper .pontaj-total-details .form-group.submit-group {
	display: inline-block;
	width: 25%;
	margin-bottom: 0px;
}


/*---------------------------------------   FOI DE PONTAJ2   ----------------------------------------------*/
.make-background-grey {
	background-color: rgba(242, 243, 246, 0.1);
	box-shadow: none;
}
.months-legend-container {
	display: block;
	padding: 0px 2rem;
}
.months-legend-container p {
	display: inline-block;
	margin-right: 50px;
	margin-bottom: 0px;
}
.months-legend-container p:last-of-type {
	margin-right: 0px;
}
.months-legend-container p span {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2px;
}
.months-legend-container p .green-legend {
	background-color: #28a745;
}
.months-legend-container p .yellow-legend {
	background-color: #ffc107;
}
.months-legend-container p .grey-legend {
	background-color: #cccccc;
}
.months-legend-container .grey-border-container {
	padding-top: 20px;
	border-bottom: 1px solid #eaeaea;
}
.tabla-lunilor {
	display: block;
	width: 100%;
	padding-left: 0px;
	margin-bottom: 0px;
	font-size: 0px;
}
.tabla-lunilor .month {
	width: 16.666665%;
	display: inline-block;
	text-align: center;
	margin-top: 30px;
	vertical-align: top;
}
.tabla-lunilor .month .month-container {
	position: relative;
	width: 200px;
	display: inline-block;
}
.tabla-lunilor .month .month-container .month-images {
	position: relative;
	width: 200px;
	height: 200px;
}
.tabla-lunilor .month .month-container .month-images img {
	max-width: 100%;
}
.tabla-lunilor .month .month-container .month-images .icon {
	position: absolute;
	top: 0px;
	right: -15px;
	z-index: 1;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
.tabla-lunilor .month .month-container .month-images .icon img {
	max-width: 100%;
}
.tabla-lunilor .month .month-container .year-text {
	position: absolute;
	top: 27px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 26px;
	font-family: 'Rockwell-Bold';
	color: #495057;
	letter-spacing: 2px;
}
.tabla-lunilor .month .month-container .month-text {
	position: absolute;
	top: 90px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 60px;
	font-family: 'Rockwell-Bold';
	color: #495057;
	letter-spacing: 2px;
}
.tabla-lunilor .month .month-container .month-actions {
	margin-top: 10px;
	clear: both;
}
.tabla-lunilor .month .month-container .month-actions .edit-pontaj-btn, .tabla-lunilor .month .month-container .month-actions .descarca-pontaj-btn {
	display: inline-block;
	margin-bottom: 0px;
}
.tabla-lunilor .month .month-container .month-actions .edit-pontaj-btn {
	float: left;
}
.tabla-lunilor .month .month-container .month-actions .descarca-pontaj-btn {
	float: right;
}

/*---------------------------------------   LOGIN VIEW   ----------------------------------------------*/
.royalsoft-app {
	display: table;
	width: 100%;
	min-height: 100vh;
}
.royalsoft-app .navbar .container {
	max-width: 100%;
}
.royalsoft-app main.royalsoft-main {
	height: 100%;
	display: table-row;
	position: relative;
}
.royalsoft-app main.royalsoft-main .container label {
	padding-top: 13px;
}
.royalsoft-app footer {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0 -2px 4px rgba(0,0,0,.04);
}
.footer .copyright {
	margin: 0px;
	padding: 20px 15px;
}

.skip-btn {
	padding: 10px 20px;
	margin-top: 20px;
	font-size: 18px;
	border-radius: 8px;
}
.green-text {
	color: #1fadb2;
}
.green-text:hover {
	color: #1fadb2;
}
.partners-table {
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}
.partners-table .partner {
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 50px 30px;
	width: 25%;
	float: left;
	opacity: 0.8;
	-webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	-o-transition: opacity 400ms ease-in-out;
	-ms-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;
}
.partners-table .partner:hover {
	opacity: 1;
}


.sidebar .nav {
    overflow: auto;
    height: calc(100vh - 90px);
}
/*---------------------------------------   COMPANIILE MELE   ---------------------------------------*/

.table-responsive.list-companies table {
	/*background-color: #f4f5f7;*/
	border-spacing: 0 !important;
	border-collapse: collapse !important;
}
.table-responsive.list-companies th {
	text-align: center;
	border: 1px solid #eaeaea !important;
	background-color: #f4f5f7 !important;
}
.table-responsive.list-companies th:first-of-type {
	width: 105px;
}
.table-responsive.list-companies th:nth-of-type(3) {
	width: 130px;
}
.table-responsive.list-companies th:nth-of-type(4) {
	width: 106px;
}
.table-responsive.list-companies th:last-of-type {
	width: 80px;
}
.table-responsive.list-companies td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #eaeaea !important;
}
.table-responsive.list-companies td:first-of-type a {
	width: 100%;
}
.table-responsive.list-companies td:nth-of-type(2) {
	text-align: left;
	vertical-align: top;
	min-width: 200px;
}
.pontaj-actions-container .add-company-btn {
	padding: 5px 10px;
}
.sterge-compania-btn {
	color: #909294;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
.sterge-compania-btn:hover {
    color: #dc3545;
}
.editeaza-compania-btn:hover {
    color: rgba(63, 193, 202, 0.55);
}
/*---------------------------------------   RESPONISVE VIEW   ---------------------------------------*/

@media only screen and (max-width: 1700px) {
	.tabla-lunilor .month {
		width: 20%;
	}
}

@media only screen and (max-width: 1550px) {
	.foaie-pontaj-form .royalsoft-container-pntj .legend-container {
		top: -20px;
	}
	.steps-company-details div.row .col-sm-12.col-lg-6.offset-lg-3 {
		flex: none;
		max-width: 800px !important;
		margin-left: 50% !important;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media only screen and (max-width: 1500px) {
	.royalsoft-container-pntj {
		padding-top: 70px;
	}
	.pontaj-table.active th:first-of-type, .pontaj-table.active th:nth-of-type(2) {
		top: 90px;
	}
}

@media only screen and (max-width: 1450px) {
	.tabla-lunilor .month {
		width: 25%;
	}
	.half-input-container:nth-of-type(2n), .half-input-container {
	    /*padding-left: 20px;
	    padding-right: 0px;*/
	    padding-left: 0px;
	    padding-right: 0px;
	    width: 100%;
	}
}

@media only screen and (max-width: 1301px) {
/* FOAIE DE PONTAJ */
	/*.pontaj-actions-container button[type="submit"] span, .pontaj-actions-container .pntj-btn-action span {
		display: none;
	}
	.tooltip {
		display: block !important;
	}*/
}

@media only screen and (max-width: 1300px) {
/* ALL PAGES */
	.sidebar-mini .sidebar {
		width: 260px;
		overflow: hidden;
	}
	.sidebar-mini .sidebar .sidebar-wrapper {
		width: 100%;
	}
	.sidebar-mini .sidebar .profile-dropdown .sidebar-normal {
	    -webkit-transform: translate3d(0px, 0, 0) !important;
	    -moz-transform: translate3d(0px, 0, 0) !important;
	    -o-transform: translate3d(0px, 0, 0) !important;
	    -ms-transform: translate3d(0px, 0, 0) !important;
	    transform: translate3d(0px, 0, 0) !important;
	    opacity: 1 !important;
	}
	.sidebar-mini .sidebar:hover .sidebar-normal {
		margin: 0px 0px 0px !important;
		padding: 0px !important;
	}
	.sidebar-mini .main-panel {
		width: calc(100% - 260px);
	}
	.royalsoft-wrapper .royalsoft-scroll-x {
	    padding: 10px;
	}
	.pontaj-table thead th, .pontaj-table tbody td:first-of-type, .pontaj-table tbody td:last-of-type {
		padding: 2px;
		min-width: 35px;
	}
}

@media only screen and (max-width: 1210px) {
	.royalsoft-container-pntj {
		padding-top: 100px;
	}
	.pontaj-table.active th:first-of-type, .pontaj-table.active th:nth-of-type(2) {
		top: 120px;
	}
}

@media only screen and (max-width: 1200px) {
	.tabla-lunilor .month {
		width: 33.333333%;
	}
}

@media only screen and (max-width: 1023px) {
	.navbar-brand {
		margin-bottom: 0px !important;
		margin-right: 0px !important;
	}
	.navbar-brand img {
		max-width: 100%;
	}
	body.mobile-menu-active .mobile-navigation-container .logo {
		opacity: 0;
	}
	.royalsoft-wrapper .sidebar .logo {
		padding: 14px 15px 7px 18px;
	}
	.royalsoft-wrapper .sidebar .logo img {
	    max-width: 200px;
	}
	.sidebar {
	    right: auto !important;
	    left: 0px;
	    -webkit-transform: translate3d(0, 0, 0);
	    -moz-transform: translate3d(0, 0, 0);
	    -o-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	    z-index: 10;
	}
	.sidebar-mini .sidebar {
		width: 0px;
		overflow: hidden;
	}
	.mobile-navigation-container {
		display: block;
	}
	.show-mobile-navigation {
		display: inline-block;
	}
	body.mobile-menu-active .sidebar {
		width: 260px;
	}
	.sidebar-mini .main-panel {
		width: 100%;
		margin-left: 0px;
	}
	
	.foaie-pontaj-form .royalsoft-container-pntj .legend-container p {
		font-size: 14px;
	}
	.months-legend-container p {
		margin-right: 17px;
		font-size: 14px;
	}
	/* make table scrollable under 1023*/
	.foaie-pontaj-form {
		overflow-x: scroll;
		margin-bottom: -60px;
	}
	.royalsoft-container-pntj {
		padding-left: 0px;
		padding-right: 0px;
	}
	.foaie-pontaj-form .royalsoft-container-pntj .legend-container {
	    top: 0px;
	}
	.pontaj-table {
		overflow-x: visible;
		margin-left: 25px;
	}

	/* target only chrome and safari */
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		.pvr-wrapper.foaie-pontaj-wrapper {
			margin-bottom: 40px;
			padding-bottom: 0px;
			overflow-y: hidden;
		}
		.main-panel .footer {
			margin-top: -20px;
		}
	}

	@-moz-document url-prefix() {
		.pvr-wrapper.foaie-pontaj-wrapper {
			margin-bottom: 40px;
			padding-bottom: 0px;
			overflow-y: visible;
		}
		.main-panel .footer {
			margin-top: 0px;
		}
	}
	.first-container-no-scrollbar-y {
		overflow-y: hidden;
	}
	.position-table-no-scrollbar-y {
		position: relative;
	}
	.position-table-no-scrollbar-y .royalsoft-container-pntj {
		position: static;
	}

	.pontaj-table.active th:first-of-type, .pontaj-table.active th:nth-of-type(2), .pontaj-table.active th:last-of-type {
		position: static;
	}
	.pontaj-table.active tr td.employee-name-pntj, .pontaj-table.active tr td.program-pntj {
		position: static;
	}
	.pontaj-table.active tr td.pontaj-total {
		position: static;
	}
	.top-scrollbar-element {
		display: none;
	}
	/* Login */
	.login-container .with-label {
		padding-left: 0px;
		padding-right: 0px;
	}
	.login-container .with-label label {
		top: 1px;
		left: 7px;
		text-align: center;
	}
	.login-container .with-label div {
		padding-left: 6px;
	}
	.login-container .keep-same-outpadding {
		padding-top: 15px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.login-container .keep-same-outpadding .reseteaza-parola {
		right: 14px;
	}
	.make-line-around-text-container div {
		line-height: 0.8;
	}
	.modal.introdu-pntj .modal-dialog {
		max-width: calc(100% - 20px);
		padding-left: 0px;
		padding-right: 0px;
	}
	.modal.introdu-pntj .modal-body .above-container .days-container {
		width: 100%;
		margin-bottom: 20px;
		padding-right: 0px;
	}
	.modal.introdu-pntj .modal-body .above-container .employees-container {
		width: 100%;
		padding-left: 0px;
	}
	.modal.introdu-pntj .modal-content .modal-footer {
	    text-align: center;
	}

	.sidebar .user {
		border-bottom: none;
	}
	.main-panel .content {
		padding: 0px;
		overflow-x: hidden;
	}
	.pontaj-table {
		margin-left: 0px;
	}
	.pvr-box {
	    padding: 1.5rem 1rem;
	}
	
}

@media only screen and (max-width: 800px) {
	.steps-company-details div.row .col-sm-12.col-lg-6.offset-lg-3 .pvr-header li p {
		font-size: 17px;
	}
}

@media only screen and (max-width: 767px) {
	.facebook-popup-wrapper {
		/* display: none; */
	}
	body.NoScrollFacebookPopup {
		overflow-y: visible !important;
	}
	.tabla-lunilor .month {
		width: 50%;
	}
	.months-legend-container p {
		display: block;
	}
	.register-container label {
		padding-top: 0px !important;
	}

	.royalsoft-app main.royalsoft-main .container {
		position: static;
		top: 0%;
		left: 0%;
		-webkit-transform: translateX(0%) translateY(0%);
		-moz-transform: translateX(0%) translateY(0%);
		-o-transform: translateX(0%) translateY(0%);
		-ms-transform: translateX(0%) translateY(0%);
		transform: translateX(0%) translateY(0%);
	}
	.steps-company-details div.row .col-sm-12.col-lg-6.offset-lg-3 .pvr-header li {
		display: block;
		text-align: left;
		margin-bottom: 10px;
		padding-right: 0px;
	}
	.steps-company-details div.row .col-sm-12.col-lg-6.offset-lg-3 .pvr-header li:after {
		display: none;
	}
	.steps-company-details div.row .col-sm-12.col-lg-6.offset-lg-3 .pvr-header li:last-of-type {
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 720px) {
	.royalsoft-container-pntj {
		padding-top: 120px;
	}
}

@media only screen and (max-width: 639px) {
	.steps-company-details div.row .col-sm-12.col-lg-6.offset-lg-3 .company-details .form-group {
		padding-left: 0px;
	}
	.steps-company-details div.row .col-sm-12.col-lg-6.offset-lg-3 .company-details label {
		width: 100%;
		position: static;
	}
	.steps-company-details div.row .col-sm-12.col-lg-6.offset-lg-3 .company-details input {
		width: 100%;
	}
}

@media only screen and (max-width: 570px) {
	.royalsoft-container-pntj {
		padding-top: 145px;
	}
}

@media only screen and (max-width: 539px) {
	.tabla-lunilor .month {
		width: 100%;
	}
}

@media only screen and (max-width: 479px) {
	.royalsoft-wrapper .company-details .form-group:nth-of-type(7) label {
		margin-left: -20px;
		padding-right: 0px;
	}
	.login-container .with-label label {
		top: 1px;
	}
	.btn-social {
		margin-bottom: 2px;
	}
	.foaie-de-pontaj-container a {
		font-size: 20px;
	}
	.modal-content .modal-body .half-container .program-mobile-label {
		display: inline-block;
	}
	.modal-content .modal-body .half-container .program-normal-label {
		display: none;
	}
	.btn-social span {
		display: none;
	}
	.steps-company-details div.row .col-sm-12.col-lg-6.offset-lg-3 .adauga-angajati-container-text {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 470px) {
	.royalsoft-container-pntj {
		padding-top: 165px;
	}
}

@media only screen and (max-width: 451px) {
	.royalsoft-container-pntj {
		padding-top: 190px;
	}
}

@media only screen and (max-width: 389px) {
	.royalsoft-container-pntj {
		padding-top: 215px;
	}
}

@media only screen and (max-width: 373px) {
	.royalsoft-container-pntj {
		padding-top: 240px;
	}
}

@media only screen and (max-width: 351px) {
	.make-line-around-text-container div {
		width: 280px;
	}
}

@media only screen and (max-width: 331px) {
	.royalsoft-container-pntj {
		padding-top: 260px;
	}
}

@media only screen and (max-width: 309px) {
	.royalsoft-container-pntj {
		padding-top: 285px;
	}
}

@media only screen and (max-width: 290px) {
	.royalsoft-container-pntj {
		padding-top: 310px;
	}
}

@media only screen and (max-width: 284px) {
	.royalsoft-container-pntj {
		padding-top: 330px;
	}
}

/* Prettify - Start */
body {
	height: auto !important;
	width: 100% !important;
	position: relative !important;
	min-height: 100vh !important;
}
body .royalsoft-app {
	display: block;
}
.royalsoft-app main.royalsoft-main {
    height: 100%;
    display: flex;
	position: relative;
	padding: 0px !important;
	min-height: 100vh;
}
.login-container .card-body {
	padding: 50px;
}
.login-container .input-group-prepend i {
	font-size: 18px;
}
.login-container .form-group {
	padding-left: 50px;
	padding-right: 50px;
}
.login-container .form-group:last-child {
	margin-bottom: 0px;
}
.login-container .btn-purple {
	min-width: 190px;
}
.login-actions button {
	float: right;
	margin-bottom: 0px;
}
.login-actions .checkbox {
	float: left;
	padding-top: 7px;
	padding-bottom: 7px;
}
.login-actions .checkbox label {
	margin-bottom: 0px;
	font-size: 14px;
}
.login-container .reseteaza-parola {
	line-height: 15px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	right: 50px;
	top: -18px;
	font-size: 14px;
	color: #212529;
	-webkit-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	opacity: 0.25;
}
.login-container .reseteaza-parola:hover {
	color: #1fadb2;
	opacity: 1;
	text-decoration: none;
}
.login-container .line-text {
	position: relative;
	line-height: 25px;
	height: 25px;
	text-align: center;
	margin-top: -8px;
	margin-bottom: 8px;
}
.login-container .line-text:after {
	content: "";
	height: 1px;
	width: 100%;
	background: #d3d4d5;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 12px;
}
.login-container .line-text span {
	background-color: #ffffff;
	color: #d3d4d5;
	display: inline-block;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 25px;
	font-size: 14px;
	position: relative;
	z-index: 2;
}
.login-social {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}
.login-social:after {
	content: "";
	height: 1px;
	width: 100%;
	background: #d3d4d5;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.register-action label {
	font-size: 16px;
	line-height: 38px;
	float: left;
	padding: 0px !important;
	margin: 0px;
}
.register-action a {
	margin-bottom: 0px;
	float: right;
}
.login-modal .modal-dialog {
	padding: 50px 30px;
	margin: 0 auto !important;
	min-height: 100vh;
	max-width: 695px;
}
.login-modal .modal-content .modal-header {
	padding-left: 30px;
	padding-right: 30px;
}
.login-modal .modal-header h5.modal-title {
	font-size: 20px;
	padding-top: 2px;
}
.login-modal .modal-content .modal-header .close {
	right: 15px;
}
.login-modal .modal-content .modal-footer {
	padding-bottom: 30px;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
}
.login-modal .modal-content .modal-footer button {
	margin-bottom: 0px;
	min-width: 190px;
	border: none !important;
}
.login-modal .modal-content .row {
	padding-left: 15px;
	padding-right: 15px;
}
.login-modal-content {
	float: left;
	width: calc(100% - 200px);
}
.login-modal-content input[type="checkbox"] + label.cool-checkbox::before {
	top: 12px;
	left: -30px;
}
.login-modal-content input[type="checkbox"] + label.cool-checkbox::after {
	top: 12px;
	left: -28px;
}
.login-modal-content a {
	color: #1fadb2;
}
.login-modal-content a:hover {
	text-decoration: underline;
}
.login-modal-content p {
	margin-bottom: 25px;
}
.login-modal-content p span {
	font-family: 'Poppins-Medium', 'Open Sans', Arial, Helvetica, sans-serif;
}
.login-modal-graphic {
	float: left;
	width: 200px;
}
input[type="checkbox"]:checked + label {
    color: #212529;
}
.login-footer-text p {
	font-size: 14px;
	color: #ffffff;
}
.login-footer-text a {
	font-size: 14px;
	color: #17a2b8;
}
.login-footer-text .copyright {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}
.register-captcha {
	float: left;
	max-height: 58px;
	max-width: 228px;
}
.register-button {
	float: right;
	margin-top: 11px;
	margin-bottom: 11px;
}
.g-recaptcha {
	display: inline-block;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
}
.g-recaptcha > div {
	height: 100% !important;
	width: 100% !important;
}
.g-recaptcha > div > div {
	font-size: 0px;
}
.invalid-feedback {
	margin-top: 0px;
}
.terms-check 
.terms-check label {
	font-size: 14px;
}
.form-control::-webkit-input-placeholder { color: #bbbbbb; }
.form-control::-moz-placeholder { color: #bbbbbb; }
.form-control:-ms-input-placeholder { color: #bbbbbb; }
.form-control:-moz-placeholder { color: #bbbbbb; }



.royalsoft-wrapper .steps-company-details .adauga-angajati-container {
    margin: 0px;
}
.royalsoft-wrapper .steps-company-details .adauga-angajati-container .adauga-angajati-container-text {
	float: left;
	line-height: 38px;
	margin: 0px;
	color: #909294;
}
.royalsoft-wrapper .steps-company-details .adauga-angajati-container button {
	margin: 0px;
	float: right !important;
	border: 1px solid #FB404B !important;
	background-color: #FB404B !important;
	color: #FFFFFF;
	padding: 8px 10px;
}
.royalsoft-wrapper .steps-company-details .submit-group {
	margin-bottom: 0px;
}
.royalsoft-wrapper .steps-company-details .submit-group .btn {
	font-size: 14px !important;
	margin-bottom: 0px;
}
.royalsoft-wrapper .steps-company-details  hr {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}
.modal .fa-user-o::before {
	content: "\f007" !important;
	font-weight: 300 !important;
}
.modal .fa-calendar::before {
	content: "\f073" !important;
	font-weight: 300 !important;
}
.modal .fa-clock-o::before {
	content: "\f017" !important;
	font-weight: 300 !important;
}
.modal .fa-hourglass-start::before {
	content: "\f251" !important;
	font-weight: 300 !important;
}
.modal .fa-coffee::before {
	content: "\f0f4" !important;
	font-weight: 300 !important;
}
.modal .fa-calendar-check-o::before {
	content: "\f274" !important;
	font-weight: 300 !important;
}
.form-group .fa-calendar-check-o::before {
	content: "\f274" !important;
	font-weight: 300 !important;
}
.data-repeater-row .fa-pencil::before {
	content: "\f303" !important;
	font-weight: 300 !important;
}
.data-repeater-row .fa-trash-o::before {
	content: "\f2ed" !important;
	font-weight: 300 !important;
}
.sterge-compania-btn .fa-trash-o::before {
	content: "\f2ed" !important;
	font-weight: 300 !important;
}
.royalsoft-wrapper .fa-trash-o::before {
	content: "\f2ed" !important;
	font-weight: 300 !important;
}
.royalsoft-wrapper .fa-share-square-o::before {
	content: "\f14d" !important;
	font-weight: 300 !important;
}
.royalsoft-wrapper .fa-check-square-o::before {
	content: "\f14a" !important;
	font-weight: 300 !important;
}
.royalsoft-wrapper .fa-user-plus::before {
	content: "\f234" !important;
	font-weight: 300 !important;
}

.data-repeater-row .actions {
	text-align: right;
}
.data-repeater-row .actions .btn-group {
	position: static;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	display: inline-block;
}
.delete-confirmation {
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	right: 55px;
	top: 0px;
}	
.delete-confirmation p {
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}
.delete-confirmation-actions a {
	width: 40%;
	margin-left: 5% !important;
	margin-right: 5% !important;
	float: left;
}

#adauga-angajat-modal form label.checkbox-label {
	margin-bottom: 0px;
}
.program-automat-text-descriptiv .red-border {
	background-color: #cce5ff;
	border: 1px solid #b8daff;
}
.program-automat-text-descriptiv .red-border p {
	font-size: 14px !important;
}
.zilele-saptamanii-container > div {
	width: 14.285%
}
.zilele-saptamanii-container > div input[type="checkbox"]:checked + label.cool-checkbox {
    color: #17a2b8;
}
.program-inegal-legends p {
	width: 33.33%;
	float: left;
	margin: 0px !important;
}
.program-inegal-legends p:first-of-type {
	width: 100%;
	display: block;
	margin-right: 0px !important;
	margin-bottom: 5px !important;
}
.program-inegal-legends br {
	display: none;
}
.legend-container:before, .legend-container:after { content: '';  display: table; }
.legend-container:after { clear: both; }
.legend-container {
	margin-bottom: 15px;
}
.modal-content .modal-header .modal-title {
	font-size: 18px;
	text-align: left !important;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
}
.modal-content .modal-header .close {
    position: absolute;
    top: 5px;
    right: 15px;
    z-index: 2;
    margin: 0px;
}
.program-inegal-table thead th {
    text-align: center;
    border-right: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    font-size: 16px;
	font-family: 'Poppins-Medium';
	font-weight: normal;
}
#adauga-angajat-modal form .program-inegal-table input[type="text"] {
    font-size: 14px;
}
.program-inegal-table tbody tr td tr td {
    /* height: 45px; */
	font-family: 'Poppins-Medium';
	height: 53px;
}
.modal-content .modal-body {
    padding-bottom: 0px;
}
.company-details .form-group.image-container {
	position: relative;
	overflow: hidden;
}
.company-details .form-group.image-container img {
	height:auto;
	width: auto;
	max-height: 100%;
	min-height: 100%;
}
.partners-table {
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
}
.partner-item {
	height: 150px;
	font-size: 0px;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.partner-item:nth-child(4n+1) {
	border-left: none;
}
.partner-item a {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.partner-item img {
	max-width: 90%;
	display: inline-block;
}

.list-companies table th {
	font-size: 14px !important;
	vertical-align: middle !important;
}

.table.table-separate tbody tr:hover {	
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: none !important;
	transform: none !important;
}

.list-companies h6 {
	font-size: 16px;
	font-family: 'Poppins-Medium';
	font-weight: 400 !important;
	margin-bottom: 5px;
	text-transform: none !important;
}
.list-companies p {
	font-size: 14px;
	font-weight: 400 !important;
	margin-bottom: 0px;
}
.months-legend-container p {
	font-size: 14px;
}
.royalsoft-container-pntj .legend-container p {
	font-size: 14px;
}
.royalsoft-container-pntj {
	padding-right: 0px;
}
.pontaj-table.active tr td.employee-name-pntj .employee-name-div span {
    text-align: left;
	font-size: 13px;
	text-transform: capitalize;
}
.pontaj-table tbody td.employee-name-pntj, .pontaj-table tbody td.program-pntj table tr td {
    text-align: center;
    padding: 5px !important;
    font-size: 13px;
}
#pontaj-table-front input.timepicker {
	border-radius: 0px !important;
	border-width: 2px !important;
}
#pontaj-table-front input.timepicker:focus {
	background-color: #ffffff !important;
}
.free-day-column {
    background-color: #f0e9ff !important;
}
input.timepicker.free-day-column {
    background-color: #f0e9ff !important;
    border-color: #f0e9ff;
    border-radius: 0px !important;
}
.ore-suplimentare {
	position: relative;
}
.ore-suplimentare .switch {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 20px;
}
.switch input:checked + .slider::after {
	color: #212529;

}
.slider::after {
    color: #ffffff;
}
.switch input:checked + .slider::before {
	background: #5e656b;
}
td.ore-suplimentare {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
#pontaj-table-front .ore-suplimentare input.hours-supl.timepicker {
	border: 1px solid #cccccc !important;
	border-radius: 3px !important;
	height: 34px;
}
#pontaj-table-front .ore-suplimentare input.hours-supl.timepicker.display-based-checkbox-initial {
	border: 1px solid #ffffff !important;
	border-radius: 3px !important;
}
#pontaj-table-front th {
	font-size: 13px !important;
	font-weight: 400;
	font-family: 'Poppins-Medium';
	line-height: 20px;
}


@media only screen and (max-width: 1199px) {
	.partner-item {
		border-left: 1px solid #e6e6e6;
	}
	.partner-item:nth-child(4n+1) {
		border-left: 1px solid #e6e6e6;
	}
	.partner-item:nth-child(3n+1) {
		border-left: none;
	}
}

@media only screen and (max-width: 992px) {
	.partner-item {
		border-left: 1px solid #e6e6e6;
	}
	.partner-item:nth-child(4n+1) {
		border-left: 1px solid #e6e6e6;
	}
	.partner-item:nth-child(3n+1) {
		border-left: 1px solid #e6e6e6;
	}
	.partner-item:nth-child(2n+1) {
		border-left: none;
	}
}

.company-details .form-group span {
	position: absolute;
	left: 30%;
	background: #eaeaea;
	color: rgb(33, 37, 41);
	display: block;
	line-height: 38px;
	height: 38px;
	width: 38px;
	text-align: center;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	border: 1px solid #ced4da;
	z-index: 1;
}
.company-details .form-group span i {
	margin-top: -1px;
}
.company-details .form-group input {
	padding-left: 48px;
}
.company-details .form-group span.help-block {
	width: 70%;
	top: 26px;
	left: 30%;
	background-color: transparent;
	border: none;
	text-align: left;
	padding-left: 50px;
}
.data-repeater-row .row {
	position: relative;
}
.data-repeater-row  .form-group span {
	position: absolute;
	background: #eaeaea;
	color: rgb(33, 37, 41);
	display: block;
	line-height: 38px;
	height: 38px;
	width: 38px;
	text-align: center;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	border: 1px solid #ced4da;
}
.data-repeater-row .form-group span i {
	margin-top: -1px;
}
.data-repeater-row .form-group input {
	padding-left: 48px;
}
.data-repeater-row .actions {
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
}
.data-repeater-row .actions i {
	font-size: 1rem !important;
	margin-top: -2px;
} 
.data-repeater-row .btn-group a.btn-edit-angajat {
	height: 38px;
	width: 35px;
	line-height: 38px;
	text-align: center;
	border-radius: 0px !important;
	border: 1px solid #ced4da;
	background-color: #ffffff !important;
	margin: 0px !important;
	float: left;
}
.data-repeater-row .btn-group a.btn-editeaza-angajat {
	height: 38px;
	width: 35px;
	line-height: 38px;
	text-align: center;
	border-radius: 0px !important;
	border: 1px solid #ced4da;
	background-color: #ffffff !important;
	margin: 0px !important;
	float: left;
}
.data-repeater-row .btn-group a.sterge-angajatul-btn {
	height: 38px;
	width: 35px;
	line-height: 38px;
	text-align: center;
	border-top-left-radius: 0rem;
	border-bottom-left-radius: 0rem;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	border: 1px solid #ced4da;
	border-left: none !important;
	background: #ffffff;
	float: right;
}
.data-repeater-row .btn-group a.btn-edit-angajat:hover {
	background-color: #1fadb2 !important;
	border: 1px solid #1fadb2 !important;
}
.data-repeater-row .btn-group a.btn-edit-angajat:hover i {
	color: #ffffff !important;
}
.data-repeater-row .btn-group a.btn-editeaza-angajat:hover {
	background-color: #1fadb2 !important;
	border: 1px solid #1fadb2 !important;
}
.data-repeater-row .btn-group a.btn-editeaza-angajat:hover i {
	color: #ffffff !important;
}
.data-repeater-row .btn-group a.sterge-angajatul-btn:hover {
	background-color: #dc3545 !important;
	border: 1px solid #dc3545 !important;
}
.data-repeater-row .btn-group a.sterge-angajatul-btn:hover i {
	color: #ffffff !important;
}
.table-name-day {
	position: absolute;
	left: 0px;
	right: 0px;
	font-size: 10px;
	/* z-index: 2; */
	z-index: -1;
	top: 100%;
	line-height: 12px;
}

.pontaj-table.active tr td.employee-name-pntj, .pontaj-table.active tr td.program-pntj {
	height: 144px;
}
.pontaj-table.active tr.pontaj-table-row > td {
	border-bottom: 12px solid #ced4da;
} 
.pontaj-table.active th:first-of-type, .pontaj-table.active th:nth-of-type(2) {
	border-top: 2px solid #212529;
	border-left: 2px solid #212529;
	border-bottom: 2px solid #212529;
}
.pontaj-table.active th:nth-of-type(2) {
	border-left: none;
}
.pontaj-table.active .pntj-big-body > tr:last-child > td {
	border-bottom: 2px solid #212529;
}

.pontaj-table.active .pntj-big-body > tr:last-child > td.employee-name-pntj, 
.pontaj-table.active .pntj-big-body > tr:last-child > td.program-pntj {
    height: 134px;
}
.pontaj-table.active .pntj-big-body > tr:last-child > td .table-name-day {
	display: none;
}
@media only screen and (max-width: 1023px) {
	.login-container .card-body {
		padding: 35px;
	}
	.login-container .form-group {
		padding-left: 25px;
		padding-right: 25px;
	}
	.login-container .reseteaza-parola {
		right: 25px;
	}
}
@media only screen and (max-width: 767px) {
	.royalsoft-app .navbar-brand {
		width: 200px !important;
		text-align: center !important;
	}
	.login-container .form-group {
		padding-left: 0px;
		padding-right: 0px;
	}
	.login-container .card-body {
		padding: 35px 15px;
	}
	.login-container .reseteaza-parola {
		right: 0px;
	}
	.login-actions button {
		width: 100%;
	}
	.login-actions .checkbox {
		padding-bottom: 14px;
		margin-top: -10px;
	}
	.login-container .line-text span {
		padding: 0px 10px;
	}
	.login-container .form-group.login-social {
		margin-bottom: 10px;
	}
	.login-container .form-group.register-action label {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.login-container .form-group.register-action a {
		width: 100%;
	}
	.register-container .form-group.terms-check label {
		padding-left: 40px;
	}
	.register-container .form-group.terms-check input[type="checkbox"] + label.cool-checkbox::before {
		left: 10px;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		top: 3px;
	}
	.register-container .register-button {
		width: 100%;
	}
	.register-container .register-captcha {
		max-width: none;
		max-height: 100%;
		width: 100%;
	}
	.register-container .g-recaptcha {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.login-modal-graphic {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
		padding-top: 10px;
	}
	.login-modal-content {
		width: 100%;
	}
	.login-modal-content input[type="checkbox"] {
		position: absolute;
	}
	.login-modal-content form {
		padding-left: 30px;
	}
	.login-modal .modal-content .modal-body {
		padding: 15px 20px;
	}
	.login-modal .modal-footer button {
		width: 100%;
	}
	.login-modal .modal-content .modal-header {
		padding-left: 20px;
		padding-right: 20px;
	}
	.login-modal .modal-content .modal-footer {
		padding-left: 20px;
		padding-right: 20px;
	}
	.modal-content .modal-header::after {
		left: 20px;
		right: 20px;
	}
}

/* Prettify -  End  */
.list-payments {
    overflow: auto;
}

/* Cookie Consent - Start */
#cookie-notice {
    font-family:inherit;
    font-size: 14px;
    max-width: 400px;
    width: 100%;
    color: #ffffff;
    background:#435258;
    padding: 20px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    line-height: 1.5;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    border-radius: 5px;
    margin: 0px;
    visibility: hidden;
    z-index: 1000000;
}
#cookie-notice p {
    font-size: 14px;
}
#cookie-notice a {
    color: #ffffff;
	font-size: 14px;
	text-decoration: underline;
}
#cookie-notice button{
    color: inherit;
    background: #36b4b8;
    border: 0;
    padding: 10px;
    margin-top: 10px;
    width: 100%;
    cursor: pointer;
}