body {
	font-family: 'Source Sans Pro', sans-serif;
	min-height: 100%;
    background-color: #221C46 !important;
}
.header-top {
	background-color: #221C46;
	padding: 20px 0px;
}

.header-top img {
	width: 126px;
	display: inline-block;
}

.powerd-by-header {
	font-size: 11px;
	color: #fff;
	display: inline-block;
    vertical-align: top;
}

.link-header-top {
	color: #fff;
	display: inline-block;
	margin-left: 30px;
}

.link-header-top:hover {
	color: #D6D6D6;
}

.link-header-top i {
	display: inline-block;
	margin-right: 5px;
	font-size: 14px;
}

.link-header-top a {
	display: inline-block;
	font-size: 14px !important;
	color: #221C46 !important;
}

.link-header-top a:hover {
	text-decoration: none;
	color: #D6D6D6;
}

.col-header-top {
	text-align: right;
	margin-top: 5px;
}

.container-general {
    display: flex;
    align-items: stretch;
	max-width: 1366px !important;
}

.container-header {
	max-width: 1366px !important;
}

.wrapper-general {
	background-color: #221C46;
	padding-bottom: 100px;
}

.select-title {
	border-radius: 10px;
  	border: solid 1px rgba(255, 255, 255, 0.3);
	padding: 20px;
}

.select-title select {
	font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background-color: unset;
    border: none;
	cursor: pointer;
	margin-left: -5px;
}

.select-title select:focus {
	outline: none;
}

.select-title p {
	font-size: 10px;
    font-weight: 600;
	opacity: 0.5;
    text-transform: uppercase;
    color: #fff;
	margin-bottom: 0px;
}

#sidebar {
	margin-right: 30px;
}

#content {
	width: 100%;
	border-radius: 10px;
}

.meniu-sidebar {
	margin-top: 15px;
}

.meniu-sidebar a {
	display: block;
	color: rgba(255, 255, 255, 0.75);
	font-size: 15px;
	line-height: 3.6;
	margin-left: 20px;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}

.meniu-sidebar a:hover {
	text-decoration: none;
	color: #FFF;
}

.select-activ{
	color: #fff !important;
    font-weight: 600;
    border-bottom: 1px solid #fff !important;
}

.select-activ::after {
	content: "1";
	position: absolute;
	width: 7px;
	background-color: #ed424a;
	left: -20px;
	color: #ed424a;
}

.meniu-sidebar i {
	margin-right: 5px;
	width: 18px;
}

.container-gri {
	padding: 80px !important;
	background-color: #F5F6FB;
}

.container-pass-card {
	border-radius: 0px;
  	box-shadow: 0 5px 10px 0 rgba(45, 56, 161, 0.05);
  	background-color: #ffffff;
	padding: 30px;
	height: 100%;
	position: relative;
}

.container-pass-card img {
	width: 45%;
	vertical-align: top;
}

.container-pass-card .optiuni-card {
	width: 53%;
    display: inline-block;
    padding-left: 10px;
}

.optiuni-card h2 {
	font-size: 14px;
  	font-weight: 600;
	color: #434351;
	margin-bottom: 10px;
}

.incarcare-card i {
	margin-right: 5px;
	width: 30px;
	text-align: center;
}

.incarcare-card {
	font-size: 13px;
    color: #434351;
    padding: 5px 8px 7px 9px;
    border-radius: 16px;
	border: solid 1px #fff;
	
}

.incarcare-card-home {
	border: solid 1px rgba(110, 110, 122, 0.3);
}

.incarcare-card:hover {
    border: solid 1px rgba(110, 110, 122, 0.3);
}

.optiuni-card-incarcare i {
	margin-right: 5px;
}

.urmarire-comanda {
	font-size: 13px;
	color: #434351;
	margin-top: 15px;
}

.urmarire-comanda i {
	width: 30px;
	text-align: center;
}

.mai-mult {
	font-size: 13px;
	color: #434351;
	margin-top: 10px;
}

.mai-mult i {
	width: 30px;
	text-align: center;
}

.optiuni-card a {
	display: block;
}

.optiuni-card a:hover {
	color: #434351;
	text-decoration: none;
}

.container-gri h1 {
	color: #434351;
	font-size: 24px;
	margin-bottom: 30px;
	display: inline-block;
}

.container-alb h1 {
	color: #434351;
	font-size: 24px;
	margin-bottom: 60px;
}

.container-alb {
	background-color: #fff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 80px !important;
}

.titlu-recomandari {
	color: #afb2c4;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 0px;
}

.titlu-recomandari::after {
	content: "";
    position: absolute;
    bottom: 1px;
    left: 65px;
    right: 0;
    height: 0.5em;
    border-top: 1px solid #ebedf7
}

.container-recomandari img {
	width: 45%;
	vertical-align: top;
	filter: grayscale(100%);
    opacity: 0.3;
}

.container-recomandari img:hover {
	width: 45%;
	vertical-align: top;
	filter: grayscale(0%);
    opacity: 1;
}

.container-recomandari .optiuni-card {
	width: 52%;
    display: inline-block;
    padding-left: 10px;
}

.container-recomandari .optiuni-card h2 {
    margin-bottom: 5px !important;
    width: 80%;
    line-height: 1.4;
	margin-top: -2px;
}

.container-recomandari .mai-mult {
    margin-top: 28px !important;
}

.container-recomandari .mai-mult i {
    width: 20px;
	text-align: left;
}

.rand-recomandari {
	padding: 30px 0px !important;
}

.container-breadcrumbs {
	border-radius: 10px;
  	background-color: #5c62bd;
	margin-bottom: -16px;
}

.breadcrumb {
	background-color: unset !important;
	padding: 16px !important;
}

.breadcrumb a {
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
}

.breadcrumb a:hover {
	color: #fff;
	text-decoration: none;
}

.breadcrumb li {
	color: #fff !important;
	text-transform: uppercase;
	font-size: 10px;
	opacity: 0.6 !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #fff !important;
    content: "/";
}

.container-status {
	display: inline-block;
	width: 49%;
}

.container-status p {
	font-size: 13px;
	color: #434351;
    opacity: 0.75;
}

.container-status-actual p {
	font-weight: 600;
	opacity: 1;
}

.header-top-login img {
	width: 146px;
}

.col-header-top-login {
	margin-top: 12px;
}

.header-top-login {
	background-color: unset;
}

.body-login {
	background-color: #221C46;
	background-image: url(/i/interaktiv/bg-login.png);
	background-repeat: no-repeat;
	background-position: 20% 0%;
    background-size: 1080px;
}

.wrapper-content-login {
	width: 80%;
    margin: auto;
	text-align: center;
}

.container-date-login {
	width: 48%;
	display: inline-block;
	padding: 50px 65px;
	background-color: #fff;
	z-index: 1;
	height: 460px;
    vertical-align: top;
    position: relative;
}

.container-slick-login {
	width: 43%;
	display: inline-block;
  	box-shadow: 0 20px 40px 0 rgba(5, 10, 53, 0.25);
  	background-color: #ebedf7;
	padding: 30px 30px 30px 48px;
	margin-left: -18px;
	height: 500px;
	width: 685px;
	
}

.container-header-login {
	padding: 50px 0px 150px 0px;
}

.container-date-login img {
	width: 162px;
	margin: auto;
	display: block;
	margin-bottom: 15px;
}

.subtitlu-login {
	color: #555564;
    line-height: 1.6;
    text-align: center;
    font-size: 15px;
    margin: auto;
	margin-bottom: 30px;
}

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

.formular-login p {
	font-size: 13px;
  	font-weight: 600;
	color: #33343e;
	text-transform: uppercase;
	margin-bottom: 4px;
	margin-top: 12px;
	text-align: left;
	display: inline-block;
}

.btn-login {
	display: block;
	margin-top: 20px;
	width: 100%;
}

.btn-small-red {
	background-color: #ed424a;
	font-size: 13px;
  	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 0px;
	border: none;
}

.btn-small-red:focus {
	outline: none;
}

.btn-small-red:hover {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}

.utilizator-login, .parola-login {
	width: 100%;
    border: 1px solid #e2e3f1;
	font-size: 15px;
    padding: 8px 12px;
}

.utilizator-login:focus, .parola-login:focus {
	outline: none;
}

.formular-login a {
	color: #555564;
	font-size: 13px;
	margin-top: 20px;
	display: inline-block;
}

.formular-login a:hover {
	color: #555564;
	text-decoration: none;
}

.deschide-cont {
	float: right;
}

.parola-after {
	position: relative;
}

.parola-after::after {
	content: "\f06e";
    font-family: FontAwesome;
    position: absolute;
    right: 12px;
    top: 7px;
    font-size: 18px;
    color: #555564;
	cursor: pointer;
}

.slick-login img {
	width: 100%;
}

.slick-login .slick-slide:focus {
	outline: none;
}

.slick-login {
	margin-bottom: 0px !important;
}

.slick-login .slick-dots {
    position: absolute;
    bottom: -32px;
}

.slick-login .slick-dots li.slick-active button:before {
	opacity: 1 !important;
    color: #ed424a !important;
	font-size: 14px;
}

.slick-login .slick-dots li button:before {
	font-size: 14px;
}

.container-terms-login a {
	font-size: 14px;
	color: #fff;
	float: right;
}

.container-max-width {
	max-width: 1366px !important;
}

.container-terms-login {
    margin-top: -50px;
}

.container-terms-login a:hover {
	color: #fff;
	text-decoration: none;
}

.count-facturi {
	font-size: 11px;
    font-weight: 600;
    background-color: #ed424a;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 72px;
    width: 18px;
    height: 18px;
    line-height: 1.6;
    text-align: center;
}

.link-mesaje {
	position: relative;
}

.count-mesaje {
	font-size: 11px;
    font-weight: 600;
    background-color: #ed424a;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: -12px;
    width: 18px;
    height: 18px;
    line-height: 1.6;
    text-align: center;
}

.optiuni-card-incarcare {
	padding-left: 0px !important;
	margin-right: 20px;
	width: 40% !important;
}

.container-pass-card-incarcare img {
	width: 46%;
}

.optiuni-card-incarcare a {
	margin-bottom: 7px;
}

.incarcare-card-pin {
	margin-bottom: 0px;
}

.tiltu-card-incarcare {
	color: #434351;
    font-size: 24px;
}

.subtitlu-incarca-card {
	margin-bottom: 30px;
    color: #434351;
    font-size: 11px;
}

.numar-angajati {
	font-size: 30px;
    font-weight: 600;
    color: #434351;
    text-align: center;
    background-color: #f4f5fa;
    display: block;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    padding-top: 24px;
    margin: auto;
    margin-bottom: 10px;
	margin-top: 15px;
}

.angajati-cu-card {
	font-size: 14px;
	color: #434351;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.text-angajati-card {
	color: #434351;
	opacity: 0.75;
	line-height: 1.5;
	font-size: 12px;
	text-align: center;
	max-width: 77%;
    margin: auto;
	
}

.container-angajati-card {
	height: 100%;	
}

.container-alb-incarcare {
	padding: 30px !important;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.container-header-tabel-card {
	margin-bottom: 24px;
}

.select-card, .select-departament {
	border-radius: 20px;
    border: solid 1px #d7daec;
    padding: 8px 20px;
	font-size: 13px;
	color: #434351;
}

.select-card:focus, .select-departament:focus {
	outline: none;
}

.select-departament {
	margin-left: 10px;
}

.export-fisier {
	border-radius: 20px;
  	background-color: #ebedf7;
	color: #434351 !important;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 12px 20px 9px 20px;
	display: inline-block;
	margin-left: 10px;
}

.export-fisier:hover {
	text-decoration: none;
	color: #434351;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}

.search-input i {
	opacity: 0.75;
	color: #434351;
	font-size: 16px;
	vertical-align: text-bottom;
}

.search-input input {
	opacity: 0.5;
	color: #434351;
	font-size: 13px;
	border: none;
    margin-left: 10px;
}

.search-input input:focus {
	outline: none;
}

.search-input {
	float: right;
    border: solid 1px #d7daec;
    padding: 6px 40px 6px 15px;
}

.tabel-carduri th {
	padding: 10px 20px;
	padding-bottom: 10px;
}

.tabel-carduri td {
	padding: 10px 20px;
	font-size: 13px;
	white-space: nowrap;
}

.tabel-angajati-eligibili td {
	padding: 8px 20px;
}

.first-color {
	color: #434351;
}

.first-color-opacity-50 {
	color: #434351;
	opacity: 0.50;
}

.first-color-opacity {
	color: #434351;
	opacity: 0.75;
}

.second-color {
	color: #6e6e7a;
}

.cap-tabel th {
	font-size: 11px;
	color: #434351;
	text-transform: uppercase;
}

.cap-tabel {
	line-height: 3;
}

.cap-tabel:hover {
	box-shadow: unset !important;
}

.tabel-carduri tr {
	cursor: pointer;
}

.tabel-carduri tr:nth-child(even) {
  	background-color: #F4F5FA;
}

.tabel-carduri tr:hover {
 	box-shadow: 0 10px 20px 0 rgba(5, 10, 53, 0.15);
}

.tabel-carduri {
	width: 100%;
}

.tabel-carduri tr th:nth-child(1) {
	padding-left: 40px;
}

.tabel-angajati-eligibili tr th:nth-child(1) {
	padding-left: 20px;
}

.tabel-istoric-fisiere tr th:nth-child(1) {
	padding-left: 20px;
}

.tabel-carduri tr td:nth-child(1) {
	position: relative;
	padding-left: 40px;
}

.tabel-istoric-fisiere tr td:nth-child(1) {
	position: relative;
	padding-left: 20px;
}

.tabel-angajati-eligibili tr td:nth-child(1) {
	padding-left: 20px;
}

.tabel-carduri tr td:nth-child(1)::before {
	font-family: FontAwesome;
  	content: "\f044";
	position: absolute;
	top: 10px;
    left: 15px;
}

.rand-istoric-incarcare {
	padding: 25px 25px 40px 25px;;
}

.select-nume-fisier {
	border: none;
    font-size: 11px;
    color: #434351;
    text-transform: uppercase;
    font-weight: bold;
}

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

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

.tabel-istoric-fisiere tr td:nth-child(1)::before {
	display: none;
}

.tabel-angajati-eligibili tr td:nth-child(1)::before {
	display: none;
}


.container-linii-pagina {
	background-color: #ebedf7;
	padding: 30px !important;
}

.linii-pagina {
	color: #434351;
	font-size: 15px;
	opacity: 0.75;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 0px;
}

.select-linii-pagina {
	border-radius: 5px;
    border: solid 1px #d7daec;
    font-size: 15px;
    color: #434351;
    background-color: unset;
    padding: 6px 0px;
	width: 40px;
	height: 40px;
	opacity: 0.75;
}

select {
	cursor: pointer;
}

select:focus {
	outline: none;
}

.puncte-puncte {
	border-radius: unset !important;
  	border: unset !important;
}

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

.container-paginatie i {
	font-size: 13px;
	
}

.container-paginatie a {
	font-size: 15px;
	color: #434351;
	opacity: 0.75;
	border-radius: 5px;
  	border: solid 1px #d7daec;
	display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 7px;
	
}

.container-paginatie a:hover {
	color: #434351;
	text-decoration: none;
}

.container-linii-pagina {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.col-tabel {
	overflow-x: scroll;
}

.radius-bottom-left-15 {
	border-bottom-left-radius: 15px;
}

.radius-bottom-right-15 {
	border-bottom-right-radius: 15px;
}

.tabel-valori-incarcate td {
	font-size: 13px;
}

.tabel-valori-incarcate {
	width: 100%;
}

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

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

.total-valori-incarcate {
	text-align: center;
    font-size: 14px;
	margin-bottom: 0px;
}

.numar-total-valori-incarcate {
	font-size: 42px;
  	font-weight: 600;
	text-align: center;
}

.btn-gri {
	background-color: #fff;
    color: #221C46 !important;
    font-size: 13px;
    font-weight: 300;
    display: inline-block;
    text-align: center;
    border: 3px solid #221C46;
}

.btn-rosu {
	border-radius: 21.5px !important;
    background-color: #ed424a !important;
    color: #fff !important;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 20px;
    display: inline-block;
	text-align: center;
}

.btn-gri:hover, .btn-rosu:hover {
	text-decoration: none;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}

.latime-buton {
	width: 170px;
}

.margine-buton-dreapta {
	margin-right: 20px;
}

.container-bts-valori-incarcate {
	margin-top: 30px;
	text-align: center;
}

.incarcare-angajati-eligibili {
	font-size: 14px;
}

.numar-mare {
	font-size: 42px;
	font-weight: 600;
	margin-bottom: 0px;
}

.padding-left-30 {
	padding-left: 30px !important;
}

a:hover {
	text-decoration: none !important;
}

.incarca-fisier-xls:hover {
	color: #434351;
}

.incarca-fisier-xls {
	font-size: 14px;
	display: block;
    text-align: center;
}

.container-incarca-fisiere-xls i {
	font-size: 42px;
    display: block;
    text-align: center;
	margin-bottom: 10px;
}

.container-alb-taburi {
	padding-top: 0px !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #434351 !important;
	font-weight: 600;
	font-size: 13px;
    background-color: #fff !important;
    border-color: unset !important;
	border: none;
}

.nav-tabs .nav-link {
	color: #434351 !important;
	font-size: 13px;
	background-color: #EBEDF7;
	border: none !important;
}

.nav-tabs {
    border-bottom: unset !important;
}

.nav-link {
	padding: 12px 0px !important;
}

.taburi-incarca-carduri {
	margin-top: -43px;
}

.nav-tabs .nav-item {
    margin-right: 5px;
}

.rand-informatii-incarcare {
	padding: 70px 80px 80px 80px;
}

.text-informatii-incarcare {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 10px;
	max-width: 80%;
}

.btn-rosu-mic {
	background-color: #1B51DC;
    color: #fff !important;
    font-size: 13px;
    text-transform: unset;
    font-weight: 600;
    padding: 8px 20px;
    display: inline-block;
    text-align: center;
}

.btn-gri-mic {
	border-radius: 17.5px;
    background-color: #ebedf7;
    color: #434351 !important;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 8px 20px;
    display: inline-block;
	text-align: center;
}

.btn-rosu-mare {
	border-radius: 21.5px;
    background-color: #ed424a;
    color: #fff !important;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
    display: inline-block;
    text-align: center;
}

.filmulet-incarca {
	margin-top: 30px;
}

.text-informatii-incarcare-secundar {
	padding-left: 20px;
}

#incarcare-istoric, #incarcare-angajati-eligibili {
	display: none;
}

.container-alb-incarcare-carduri {
	background-color: #fff;
}

.rand-taburi {
	padding: 0px 80px 0px 80px;
}

.rand-angajati-eligibili {
	padding: 25px 25px 30px 25px;
}


.tabel-angajati-eligibili input[type=number]::-webkit-inner-spin-button, 
.tabel-angajati-eligibili input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.input-total-tichete input {
	line-height: 1;
    font-size: 13px;
    margin: 8px auto !important;
}

.input-numar-tichete input {
	box-shadow: inset 0 1px 3px 0 rgba(67, 67, 81, 0.15);
    border: solid 1px #d7daec;
    background-color: #ffffff;
    width: 50px;
    padding: 2px;
    display: block;
    margin: auto;
    border-radius: 5px;
	text-align: center;
}

.container-paginatie-angajati-eligibili {
	
}

#incarcare-date-fisier {
	display: none;
}

.cap-tabel-angajati-eligibili th {
	padding: 0px 20px !important;
}

.cap-tabel-angajati-eligibili {
	background-color: #7076cb !important;
}

.cap-tabel-angajati-eligibili th:nth-child(1) {
	color: #fff;
	font-weight: 500;
}

.btn-aplica {
	border-radius: 20px;
    background-color: #2d38a1;
    padding: 4px 15px;
    color: #fff;
    font-weight: 500;
}

.btn-aplica:hover {
	color: #fff;
}

.search-input-angajati-eligibili {
	float: unset;
    padding: 6px 15px 6px 15px;
	display: inline-block;
	margin-bottom: 10px;
}

.btn-angajati-eligibili {
	float: right;
}

.btn-angajati-eligibili:hover {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}

.eroare-fisier {
	box-shadow: 0 10px 20px 0 rgba(5, 10, 53, 0.15);
    background-color: #ffe4e5 !important;
	position: relative;
}

.eroare-fisier td {
	border-top: solid 1px #ee212b;
	border-bottom: solid 1px #ee212b;
}

.eroare-fisier td:last-child {
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.rand-date-fisier {
	padding: 30px 25px 30px 25px;
}

.container-exclamatie-eroare {
	display: inline-block;
	margin-bottom: 10px;
}

.container-exclamatie-eroare p {
	display: inline-block;
	margin-left: 10px;
    font-size: 13px;
    font-weight: 600;
}

.container-exclamatie-eroare i {
	color: #ee212b;
    font-size: 13px;
}

#paginatie-angajati-eligibili {
	display: none;
}

.txt-eroare {
	color: #ed424a;
	font-weight: 600;
}

.popup-eroare-date {
	display: none;
}

.eroare-fisier:hover::after {
	content: "CNP Invalid; Virgula in campul tichete";
	position: absolute;
	left: 0;
	top: 40px;
    padding: 20px;
    border-radius: 5px;
    background-color: #434351;
    color: #fff;
    font-size: 13px;
}

.container-felicitari {
    padding: 80px !important;
    background-color: #fff;
	position:relative;
}

.container-alb-asociat {
	border-radius: 15px;
}

.container-optiuni-asociat {
    box-shadow: 0 5px 10px 0 rgba(45, 56, 161, 0.05);
    background-color: #ffffff;
    padding: 40px;
    text-align: center;
}

.container-optiuni-asociat i {
	font-size: 48px;
	color: #434351;
	margin-bottom: 10px;
}

.container-optiuni-asociat p {
	font-size: 14px;
  	font-weight: 600;
	color: #434351;
}

.container-optiuni-asociat:hover {
	box-shadow: 0 20px 20px 0 rgba(45, 56, 161, 0.15);
}

.col-imbox {
	background-color: #fff;
	padding: 35px !important;
}

.col-mesaje {
	background-color: #eeeff9;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	padding: 100px 40px 300px 40px !important;
}

.container-inbox {
	position: relative;
	height: 100%;
	min-height: 500px;
}

.container-inbox h1 {
	font-size: 24px;
	color: #434351;
	margin-bottom: 35px;
}

.search-mesaje {
	float: unset;
	margin-bottom: 30px;
}

.subiect-mesaj {
	margin-bottom: 0px;
    color: #6e6e7a;
    font-size: 12px;
	line-height: 1.5;
}

.data-mesaj {
	font-weight: 600;
	color: #434351;
	font-size: 9px;
}

.wrapper-mesaj {
	padding: 10px 0px;
	border-bottom: 1px solid #ebedf7;
	position: relative;
}

.mesaj-activ {
	border-top: 1px solid #ebedf7;
}

.mesaj-activ::after {
	content: "";
    width: 6px;
    height: 100%;
    background-color: red;
    top: 0;
    left: -35px;
    position: absolute;
}

.nr-mesaje {
	font-size: 9px;
    color: #ffffff;
    width: 16px;
    height: 16px;
    background-color: #ee212b;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    padding-top: 1px;
    position: absolute;
    right: 0;
    top: 10px;
}

.subiect-mesaj-nou:focus, .textarea-mesaj:focus {
	outline: none;
}

.subiect-mesaj-nou {
	border-radius: 7px;
    border: solid 1px #d4d6ef;
    background-color: #f5f6fb;
    width: 100%;
    padding: 6px 14px;
    margin-bottom: 13px;
	font-size: 14px;
}

.textarea-mesaj {
	height: 124px;
    border-radius: 7px;
    border: solid 1px #d4d6ef;
    background-color: #f5f6fb;
    width: 100%;
    padding: 6px 14px;
	font-size: 14px;
}

.submit-message {
	text-align: center;
    float: right;
    width: 43px;
    height: 43px;
    border-radius: 21.5px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    background-color: #ed424a;
    padding-top: 9px;
    color: #fff;
	margin-top: -32px;
    z-index: 9;
    position: relative;
    margin-right: -10px;
}

.submit-message:hover {
    color: #fff;
}

.btn-albastru-mare {
	border-radius: 21.5px;
    background-color: #2d38a1;
    color: #fff;
    text-transform: uppercase;
	text-align: center;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
}

.btn-albastru-mare:hover {
    color: #fff;
}

.btn-albastru-mare:hover {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}

.btn-mesaj-nou {
	width: 100%;
    position: absolute;
    bottom: 0;
}

.col-corespondenta {
	padding: 0px !important;
}

.wrapper-raspunsuri {
	padding: 40px;
	background-color: #f5f6fb;
	border-top-right-radius: 15px;
}

.container-trimite-mesaj {
	background-color: #eeeff9;
    padding: 40px;
	border-bottom-right-radius: 15px;
}

.raspuns-operator {
	border-radius: 7px;
    box-shadow: 0 5px 10px 0 rgba(45, 56, 161, 0.05);
    background-color: #ffffff;
    color: #6e6e7a;
    padding: 30px;
    margin-right: 40px;
	margin-bottom: 0px;
	font-size: 14px;
}

.data-mesaj-operator {
	color: #6e6e7a;
    font-size: 10px;
}

.container-raspuns-operator, .container-raspuns-client {
	margin-bottom: 20px;
}

.raspuns-client {
	margin-right: 0px;
    margin-left: 40px;
	margin-bottom: 8px;
}

.data-mesaj-client {
	text-align: right;
    display: block;
}

.container-text-inlocuire-carduri p {
	font-size: 14px;
	line-height: 1.5;
}

.container-text-inlocuire-carduri a {
	color: #3d3ebb;
}

.container-text-inlocuire-carduri a:hover {
	color: #3d3ebb;
}

.info-instructiuni {
	float: right;
	color: #434351;
	opacity: 0.75;
	padding-top: 7px;
    margin-right: 30px;
}

.info-situatie-retururi {
	margin-right: 0px;
}

.info-instructiuni i {
    margin-right: 5px;
}

.select-pin-digital {
	border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(45, 56, 161, 0.1);
    border: solid 1px #e2e3f1;
    background-color: #ffffff;
    padding: 3px 10px;
    font-size: 11px;
    color: #434351;
    text-transform: uppercase;
    font-weight: 700;
	min-width: 120px;
	max-width: 120px;
}

.select-adresa-livrare-card {
	border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(45, 56, 161, 0.1);
    border: solid 1px #e2e3f1;
    background-color: #ffffff;
    padding: 3px 10px;
    font-size: 11px;
    color: #434351;
    text-transform: uppercase;
    font-weight: 700;
	min-width: 180px;
    max-width: 180px;
}

.tabel-carduri tr td .select-pin-digital {
	text-transform: none;
	font-weight: normal;
	padding: 4px 10px;
}

.tabel-carduri tr td .select-adresa-livrare-card {
	text-transform: none;
	font-weight: normal;
	padding: 4px 10px;
}

.container-alb-inlocuire-carduri {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.nota-pret-tva {
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	display: block;
}

.container-text-confirmare-comanda p {
	font-size: 13px;
	line-height: 1.5;
}

.container-valoare-comanda {
	padding-top: 40px;
}

.txt-pin-informatii {
	font-size: 14px;
	line-height: 1.5;
	width: 90%;
}

.rand-pin-informatii {
	padding: 40px 80px;
}

.txt-pin-informatii a {
	color: #4840c7;
}

.txt-pin-informatii a:hover {
	color: #4840c7;
}

#inlocuire-pin-angajati {
	display: none;
}

.txt-alege-pin {
	max-width: 80%;
	padding-top: 20px;
}

.suport-plastic {
	color: #434351;
	font-size: 12px;
	display: inline-block;
    vertical-align: top;
	margin-left: 5px;
}

.filmulet-comanda {
	margin-top: 0px;
}

.btn-macheta-comanda {
	margin-left: 20px;
    margin-top: 20px;
}

.btn-adauga-angajati {
	margin-right: 10px;
}

.container-exclamatie-eroare-comanda {
	margin-top: 20px;
}

.editeaza-arunca i {
	margin: auto 5px;
}

.editeaza-arunca a {
	color: unset;
}

.eroare-angajat {
    background-color: #ffe4e5 !important;
}

.rand-istoric-fisiere-comanda {
	padding: 50px 80px 80px 80px;
	text-align: center;
}

.rand-istoric-fisiere-comanda i {
	font-size: 100px;
	color: #ebedf7;
	display: block;
    text-align: center;
}

.rand-istoric-fisiere-comanda p {
	font-size: 18px;
	text-align: center;
}

.tabel-comanda-carduri-confirmare {
	width: 100%;
}

.tabel-comanda-carduri-confirmare tr td:last-child {
	font-size: 11px;
	font-weight: 600;
}

.tabel-comanda-carduri-confirmare td {
	font-size: 13px !important;
	padding: 5px 0px;
}

.container-info-comanda-confirmare i {
	font-size: 24px;
	margin-bottom: 15px;
}

.container-info-comanda-confirmare p {
	font-size: 13px;
	line-height: 1.5;
}

.container-gri-tichete {
	position: relative;
}

.rand-pasi-tichete {
	position: absolute;
    top: -28px;
    right: 25px;
}

.rand-pasi-tichete a {
	background-color: rgba(255, 255, 255, 0.15);
	color: #fff;
	padding: 6px 14px;
}

.rand-pasi-tichete a:hover {
	color: #fff;
}

.rand-pasi-tichete .active {
	background-color: #f5f6fb;
	color: #434351;
	font-weight: 600;
}

.rand-pasi-tichete .active:hover {
	color: #434351;
}

.btn-pasi-tichete {
	float: right;
}

.container-img-btn  {
	display: inline-block;
    width: 20%;
	vertical-align: top;
}

.container-img-btn img {
	width: 100%;
}

.container-img-btn a {
	display: block;
	margin-top: 15px;
}

.hero-tabel-tichete {
	display: inline-block;
    width: 75%;
    margin-left: 30px;
}

.select-valoare-tichet {
	min-width: unset !important;
	max-width: unset !important;
}

.tabel-hero-tichete tr:nth-child(even) {
    background-color: unset !important;
}

.hover-user-tichete i:hover {
	border-radius: 5px;
  	background-color: #2d38a1;
	color: #fff;
	padding: 6px;
}

.hover-user-tichete i {
	border-radius: 5px;
  	background-color: unset;
	padding: 6px;
}

.tabel-hero-tichete {
	width: 104%;
}

.tabel-hero-tichete th {
    padding: 0px 20px !important;
}

.taburi-tichete {
	float: right;
	margin-right: -15px;
}

.nav-link-last {
	margin-right: 0px !important;
}

.container-select-beneficiar-tichete p {
	color: #575568;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: -10px;
	margin-left: 5px;
}

.select-beneficiar-tichete {
	background-color: unset;
    border: none;
    border-bottom: 3px solid #daddef;
	color: #434351;
    font-weight: 600;
	padding: 10px 0px;
}

.container-select-beneficiar-tichete {
	margin-top: -51px;
	margin-left: -20px;
}

.text-informatii-tichete {
	max-width: 100%;
	margin-bottom: 20px;
}

.text-informatii-tichete:last-child {
	max-width: 85%;
	margin: auto;
	display: block;
}

.btn-adauga-linie {
	float: right;
}

.container-retur-tichete {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	margin-bottom: 20px;
}

.container-retur-tichete:last-child {
	margin-bottom: 0px;
}

.container-retur-tichete p {
	margin-left: 30px;
	font-size: 14px;
}

.container-retur-tichete img {
	filter: grayscale(100%);
}

.container-retur-tichete:hover img {
	filter: unset;
}

.container-retur-tichete:hover::after {
	content: "\f00c";
    position: absolute;
    right: 0;
    top: 24px;
    font-size: 30px;
    width: 30px;
    height: 30px;
    font-family: FontAwesome;
}

.container-pass-card-retur h2 {
	font-size: 21px;
	text-align: center;
	max-width: 60%;
    margin: auto;
    margin-bottom: 30px;
}

.container-select-retur-tichete p {
	font-size: 12px;
    color: #555564;
    margin-bottom: 5px;
}

.select-valoare-nominala-retur {
	border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(45, 56, 161, 0.1);
    border: solid 1px #e2e3f1;
    background-color: #ffffff;
    padding: 10px;
    color: #434351;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
}

.container-select-retur-tichete {
	width: 46%;
	display: inline-block;
}

.wrapper-select-retur {
	max-width: 80%;
	margin: auto;
}

.container-select-retur-tichete:first-child {
	margin-right: 20px;
}

.total-retur {
	font-size: 18px;
	text-align: center;
	margin-top: 30px;
}

.container-gri {
	position: relative;
}

.total-retur span {
	font-weight: 600;
}

.btn-pasi-retur {
	margin: auto;
    display: table;
}

.container-pass-card-retur {
	padding-top: 80px;
}

.container-retur-confirmare {
	text-align: center;
}

.container-retur-confirmare i {
	color: #434351;
    font-size: 30px;
    text-align: center;
    margin: auto;
    display: block;
    margin-bottom: 10px;
}

.container-retur-confirmare input {
	width: 80%;
    border-radius: 5px;
    box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.07);
    border: solid 1px #e2e3f1;
    background-color: #ffffff;
    padding: 5px 10px;
    color: #555564;
	margin-top: 10px !important;
	font-size: 11px;
	text-align: center;
	margin: auto;
}

.container-retur-confirmare p {
	font-size: 13px;
    padding-top: 40px;
    max-width: 60%;
    text-align: center;
    margin: auto;
}

.margine-retur-tichete {
    padding-top: 50px !important;
}

.iban-retur-tichete {
	padding-top: 0px !important;
}

.info-retur-tichete {
    content: "\f05a";
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 30px;
	color: #434351;
	opacity: 0.75;
}

.container-data p {
	font-sie: 13px;
	margin-bottom: 0px;
}

.container-data span {
	font-size: 13px;
	font-weight: 600;
}

.container-data:nth-child(1) {
	margin-bottom: 20px;
}

.container-detalii-comanda-descarca a {
	display: block;
	margin-top: 20px;
	font-size: 13px;
	color: #434351;
}

.container-detalii-comanda-descarca p {
	color: #434351;
	opacity: 0.75;
	display: inline-block;
	margin-bottom: 0px;
}

.container-detalii-comanda-descarca i {
	margin-right: 10px;
	color: #2d38a1 !important;
	width: 20px;
}

.tabel-detalii-comanda tr td:nth-child(1) {
    position: relative;
    padding-left: 20px;
}

.tabel-detalii-comanda tr td:nth-child(1)::before {
    content: unset;
}

.tabel-detalii-comanda tr th:nth-child(1) {
    padding-left: 20px;
}

.tabel-head-comenzi tr:nth-child(even) {
    background-color: #EAECF6 !important;
    border-radius: 20px;
}

.select-tip-comenzi {
	background-color: unset;
}

.culoare-descarca {
	color: #2d38a1;
}

.vezi-livrare i {
	color: #2d38a1;
}

.select-comanda-finalizata {
	border-radius: 20px;
    border: solid 1px #d7daec;
    padding: 9px 10px;
    max-width: unset;
    min-width: unset;
	box-shadow: unset;
	margin-right: 10px;
}

.export-fisier-comenzi {
	margin-left: 0px;
}

.wrapper-text-stickere img {
	width: 100%;
}

.wrapper-text-stickere {
  	box-shadow: 0 5px 10px 0 rgba(45, 56, 161, 0.05);
  	background-color: #ffffff;
}

.wrapper-text-stickere p {
	font-size: 14px;
	line-height: 1.5;
	display: inline-block;
	width: 62%;
	margin-bottom: 0px;
}

.wrapper-text-stickere i {
	color: #353bae;
	display: inline-block;
	font-size: 24px;
	width: 30px;
	margin-right: 10px;
	vertical-align: top;
    padding-top: 7px;
}

.container-text-stickere {
	padding: 20px 40px 0px 60px; 
}

.container-text-stickere:nth-child(5) {
	padding-bottom: 50px;
}

.container-text-stickere:nth-child(2) {
	padding-top: 50px !important;
}

.wrapper-formular-stickere {
  	box-shadow: 0 5px 10px 0 rgba(45, 56, 161, 0.05);
  	background-color: #ffffff;
	padding: 40px;
}

.container-img-stickere p {
	font-size: 18px;
	line-height: 1.3;
	display: inline-block;
	width: 50%;
	padding-top: 20px;
}

.container-img-stickere img {
	display: inline-block;
	width: 45%;
    vertical-align: top;
    margin-left: 10px;
}

.container-img-stickere {
	margin-bottom: 20px;
}

.container-formular-stickere label {
	display: block;
	font-size: 12px;
    color: #555564;
	margin-bottom: 7px;
	margin-top: 10px;
}

.container-formular-stickere input, .container-formular-stickere select, .container-formular-stickere textarea {
	width: 100%;
	border-radius: 5px;
  	box-shadow: 0 2px 4px 0 rgba(45, 56, 161, 0.1);
  	border: solid 1px #e2e3f1;
  	background-color: #ffffff;
	padding: 8px 10px;
	color: #555564;
}

.input-autocolante {
	width: 49%;
	display: inline-block;
}

.input-autocolante:first-of-type {
	margin-right: 2px;
}

.btn-form-stickere {
	margin-top: 10px;
}

.container-meniu-profil h1 {
	font-size: 24px;
	margin-bottom: 35px;
}

.linkuri-meniu-profil {
	border: none !important;
	position: relative;
	padding: 5px 0px;
}

.cat-meniu-profil {
	font-size: 11px;
  	font-weight: 600;
	color: #434351;
	border-bottom: 1px solid #ebedf7;
	padding-bottom: 8px;
	text-transform: uppercase;
}

.linkuri-meniu-profil a {
	font-size: 14px;
	color: #6e6e7a;
}

.link-activ::after {
	content: "";
    width: 6px;
    height: 100%;
    background-color: #00EB5E;
    top: 0;
    left: -35px;
    position: absolute;
}

.link-activ a {
	font-weight: 600;
}

.cat-meniu-profil:last-of-type {
	margin-top: 30px;
}

.container-info-client {
    box-shadow: 0 5px 10px 0 rgba(45, 56, 161, 0.05);
    background-color: #ffffff;
    padding: 40px;
}

.container-info-client h3 {
	font-size: 15px;
  	font-weight: 600;
	text-transform: uppercase;
	color: #434351;
	margin-bottom: 30px;
}

.container-date-client i {
	font-size: 24px;
	width: 30px;
	color: #2d38a1;
	display: inline-block;
	vertical-align: top;
    padding-top: 2px;
}

.container-date-client p {
	font-size: 11px;
	color: #575568;
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.container-date-client span {
	font-size: 18px;
  	font-weight: 600;
	display: block;
	color: #434351;
}

.container-date-client {
	margin-bottom: 20px;
}

.container-date-client:last-of-type {
	margin-bottom: 0px;
}

.col-info-client {
    background-color: #eeeff9;
    padding: 60px 80px !important;
}

.col-lista-puncte-livrare {
	background-color: #F5F6FB;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    padding: 40px !important;
	min-height: 480px;
}

.col-lista-puncte-livrare h1 {
	font-size: 15px;
  	font-weight: 600;
	text-transform: uppercase;
}

.select-alege-produsul {
	background-color: unset;
	padding: 7px 14px;
    text-transform: none;
    font-size: 13px;
    color: #434351;
    opacity: 0.75;
    font-weight: normal;
	float: right;
}

.search-input-livrare {
	display: inline-block;
	float: unset;
	padding: 4px 20px 4px 15px;
}

.col-lista-unitati h1, .col-detalii-contact h1 {
	display: inline-block;
}

.col-lista-unitati {
	overflow-x: scroll;
}

.col-detalii-contact tr td:nth-child(2) {
	text-align: right;
}

.col-detalii-contact h1 {
	display: inline-block;
	margin-bottom: 20px;
}

.acord-termeni input {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.acord-termeni p {
	font-size: 12px;
	color: #6e6e7a;
	margin-bottom: 0px;
	text-transform: none;
    width: 90%;
	display: inline-block;
}

.acord-termeni a {
	font-size: 12px;
	color: #6e6e7a;
	margin-top: 0px;
	display: inline-block;
	text-decoration: underline;
}

.container-date-register, .container-slick-register {
	height: 530px;
}

.info-utilizator, .info-parola {
	margin-top: 0px !important;
	display: inline-block;
	margin-left: 5px;
}

.info-utilizator i, .info-parola i {
	vertical-align: text-top;
}

.incarcare-card-home:hover {
	box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1);
}

.container-header .navbar-toggler {
	display: none;
}

.container-header .navbar-brand {
	display: none !important;
}

.container-header .navbar {
	float: right;
}

.sidebar-general {
	display: block;
}





@media only screen and (max-width: 767px) {
	.navbar-sidebar {
		right: 60px !important;
	}
	
	.sidebar-general {
		display: none;
	}
	
	.container-header .navbar-collapse {
		width: 100vw;
    	margin-right: -31px;
    	text-align: center;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 1px;
    	padding: 10px;
    	margin-top: 10px;
	}
	
	.navbar-toggler:focus, .navbar-toggler:hover {
		outline: none;
	}
	
	.navbar-light .navbar-toggler {
		border: none;
	}
	
	.container-header .navbar-toggler-icon {
		filter: brightness(0) invert(1);
	}
	
	.container-header .navbar-toggler {
		position: absolute;
    	top: -30px;
    	right: 0px;
	}
	
	.navbar-brand {
		display: inline-block;
	}
	
	.container-general {
    	display: block;
	}
	
	.container-header .navbar-toggler {
		display: inline-block;
	}
	
	#sidebar {
    	margin-right: 0px;
		margin-bottom: 30px;
	}
	
	.container-alb {
    	padding: 20px !important;
	}
	
	.container-gri {
    	padding: 20px !important;
	}
	
	.container-pass-card .optiuni-card {
    	width: 100%;
    	margin-top: 15px;
	}
	
	.container-pass-card img {
    	width: 100%;
	}
	
	.link-header-top {
    	margin-bottom: 10px;
		margin-left: 0px;
	}
}

td#t21ContentBody {
    background-color: #221C46 !important;
}