body {
	font-size: 0.8rem;
}

.bg-body {
    background: url(../images/palmleafs.png) #f2f2f2 no-repeat top center;
}

.form-control {
	font-size: 0.8rem;
}

.btn {
	font-size: 0.8rem;
}

.input-group-text {
	font-size: 0.8rem;
}

.btn-circle {
	font-size: 0.8rem;
}

h1, .h1 {
  font-size: 2rem;
}

h2, .h2 {
  font-size: 1.7rem;
}

h3, .h3 {
  font-size: 1.5rem;
}

h4, .h4 {
  font-size: 1.3rem;
}

h5, .h5 {
  font-size: 1rem;
}

h6, .h6 {
  font-size: 1rem;
}

.table-option {
	cursor: pointer;
	font-size: 22px;
	margin: 0px 5px;
}

.table-option:hover {
	text-shadow: 0px 0px 3px #4e73df;
}

.form-validate .form-control.error, .form-control.error {
	border-color:#f34235
}
.form-validate .form-control.valid,.form-validate .form-control.valid:focus, .form-control.valid:focus {
	border-color:#4caf50
}

.error
{
	color: #f34235;
	font-size: 0.7rem;
	font-weight: 400;
	line-height: 1.5;
}

.badge-large
{
	font-size: 0.8rem;
}

.adauga_renuta
{
	cursor: pointer;
}


.topbar-bg {
	background-color: #E22208;
}

.bibi-black {
	color: #1b1b1b !important;
}

.bibi-green {
	color: #1cc88a !important;
}

.bibi-red {
    color: #e60004 !important;
}

.bibi-white {
    color: #ffffff !important;
}

.bibi-purple {
    color: #2F14E3;
}

.bibi-orange {
    color: #FA4302;
}

.maintopbar {
    position: relative;
    z-index: 2;
	box-shadow: 0px 0.125rem 5px rgb(0 0 0 / 20%) !important;
}

.secondtopbar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 65%;
    height: 100%;
    border-top: 4.375rem solid #1b1b1b;
    border-right: 4.375rem solid transparent;
}

.topbar .topbar-divider {
    width: 0;
    border-right: 1px solid #1b1b1b;
    height: calc(4.375rem - 2rem);
    margin: auto 1rem;
}

.sidebar-dark #sidebarToggle {
    background-color: #E22208;
}
.sidebar-dark #sidebarToggle::after {
    color: #fff;
}

.sidebar-dark #sidebarToggle:hover {
    background-color: rgba(230, 0, 4, 0.75);
}

.sidebar-dark.toggled #sidebarToggle::after {
    color: #fff;
}

.titlu_proiect {
    color: #fff;
    z-index: 1;
    font-size: 1.2rem;
}

.btn-bibi-black {
    color: #fff;
    background-color: #1b1b1b;
    border-color: #1b1b1b;
}

.btn-bibi-black:hover {
    color: #fff;
    background-color: rgba(27, 27, 27, 0.75);
    border-color: rgba(27, 27, 27, 0.75);
}

.btn-bibi-dark {
    color: #fff;
    background-color: #5a5c69;
    border-color: #5a5c69;
}

.btn-bibi-dark:hover {
    color: #fff;
    background-color: rgba(77, 79, 90, 0.75);
    border-color: rgba(77, 79, 90, 0.75);
}

.btn-bibi-red {
    color: #fff;
    background-color: #E22208;
    border-color: #E22208;
}

.btn-bibi-red:hover {
    color: #fff;
    background-color: rgba(230, 0, 4, 0.75);
    border-color: rgba(230, 0, 4, 0.75);
}

.btn-bibi-green:hover {
    color: #fff;
    background-color: rgba(28, 200, 138, 0.75);
    border-color: rgba(28, 200, 138, 0.75);
}

.btn-bibi-green {
    color: #fff;
    background-color: #1cc88a;
    border-color: #1cc88a;
}

.btn-bibi-lila {
    color: #fff;
    background-color: #AD0BE2;
    border-color: #AD0BE2;
}

.btn-bibi-lila:hover {
    color: #fff;
    background-color: rgba(173, 11, 226, 0.75);
    border-color: rgba(173, 11, 226, 0.75);
}

.loginys {
    width: 40%;
    height: 100%;
    transform: skewX(170deg);
    background: #ffed00;
    position: absolute;
    top: 0;
    right: 85%;
}

.align-content-center {
    align-content: center !important;
}

.lh-inherit {
    line-height: inherit !important;
}

.dot {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
}

.btn-light {
    border: 1px solid #d1d3e2 !important;
}

.page-content-box {
	border-left: 3px solid #c01d07 !important;
}
.page-header-content {
	border-bottom: 1px solid #bfbfc3;
}
.ph-heading {
	border-bottom: 2px solid #E22208;
	display: inline-block;
	margin-bottom: -2px !important;
}
.pc-card {
    border: none;
    border-radius: 2px;
}
.pc-card-btn {
    border-radius: 6px;
}
.pc-card-heading {
	line-height: 1.3;
	padding: 0.375rem 0.75rem;
}
.card-header {
	border-bottom: 0px;
	background: rgba(112,118,144,0.1);
}
.table td {
	border-bottom: 1px dotted #5a5c69;
}
.inner-body-height {
	min-height: calc(100vh - 8.375rem);
}

.setting {
    border-top: 1px dotted #707690;
}
label.setting-label {
    transition: all .25s;
    margin: 0;
    padding: 1.5em;
    min-width: 190px;
    max-width: 190px;
    background: rgba(112,118,144,0.1);
	color: #5a5c69 !important;
	font-weight: 600;
}
.setting-field {
    transition: all .25s;
    padding: 1em;
	display: inline-block;
}
.setting:hover .setting-field, .setting:hover label.setting-label {
    background: rgba(112,118,144,0.15);
}
.setting-button {
	padding-top: 1rem;
	border-top: 1px dotted #5a5c69;
}
@media (max-width: 768px) {
	label.setting-label {
		padding: 1rem;
		min-width: 7rem;
		max-width: 7rem;
	}
	#utilizator-table_length, #utilizator-table_filter {
		text-align: left !important;
	}
	#utilizator-table_wrapper>.row>div[class^="col-"]:first-child {
		padding-left: 0;
		padding-right: 0;
	}
	#utilizator-table_wrapper>.row>div[class^="col-"]:last-child {
		padding-left: 0;
		padding-right: 0;
	}
}

.btn-bibi-purple {
    color: #fff;
    background-color: #2F14E3;
    border-color: #2F14E3;
}
.btn-bibi-purple:hover {
    color: #fff;
    background-color: rgba(47, 20, 227, 0.75);
    border-color: rgba(47, 20, 227, 0.75);
}
.btn-bibi-turquoise {
    color: #fff;
    background-color: #20D5E3;
    border-color: #20D5E3;
}
.btn-bibi-turquoise:hover {
    color: #fff;
    background-color: rgba(32, 213, 227, 0.75);
    border-color: rgba(32, 213, 227, 0.75);
}
.btn-bibi-teal {
    color: #fff;
    background-color: #158D96;
    border-color: #158D96;
}
.btn-bibi-teal:hover {
    color: #fff;
    background-color: rgba(21, 141, 150, 0.75);
    border-color: rgba(21, 141, 150, 0.75);
}
.btn-bibi-blue {
    color: #fff;
    background-color: #206FE3;
    border-color: #206FE3;
}
.btn-bibi-blue:hover {
    color: #fff;
    background-color: rgba(32, 111, 227, 0.75);
    border-color: rgba(32, 111, 227, 0.75);
}
.btn-bibi-darkblue {
    color: #fff;
    background-color: #0E4596;
    border-color: #0E4596;
}
.btn-bibi-darkblue:hover {
    color: #fff;
    background-color: rgba(14, 69, 150, 0.75);
    border-color: rgba(14, 69, 150, 0.75);
}
.btn-bibi-orange {
    color: #fff;
    background-color: #FA4302;
    border-color: #FA4302;
}
.btn-bibi-orange:hover {
    color: #fff;
    background-color: rgba(250, 67, 2, 0.75);
    border-color: rgba(250, 67, 2, 0.75);
}
.btn-bibi-green {
    color: #fff;
    background-color: #23B019;
    border-color: #23B019;
}
.btn-bibi-green:hover {
    color: #fff;
    background-color: rgba(35, 176, 25, 0.75);
    border-color: rgba(35, 176, 25, 0.75);
}
.help-block {
    display: inline-block;
    border-radius: 2px;
    padding: 0.5em 0.5em 0.5em calc(16px + 1em);
    margin: 0.5em 0.5em 0 0.5em;
    background: rgba(112,118,144,0.15);
    color: #707690;
    position: relative;
    font-weight: 600;
}
.help-block::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23707690'%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm8.93 4.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM8 5.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E") no-repeat center/contain;
    left: 0.5em;
    top: 0.5em;
}
.help-block::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 6px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23707690' d='M0 6L4.646.183c.195-.244.512-.244.707 0L10 6H0z'/%3E%3C/svg%3E") no-repeat center/contain;
    left: 10px;
    bottom: 100%;
    z-index: 1;
    opacity: .15;
}
tr.dotted-border-bottom > th, td {
	border-bottom: 1px dotted #5a5c69;
}
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.required {
    color: #5a5c69;
    font-weight: 600;
}

.td-nowrap {
    white-space: nowrap;
}

@media (min-width: 1024px) {

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

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

}

@media
  only screen 
and (max-width: 760px), (min-device-width: 768px) 
and (max-device-width: 1024px)  {

    .table-custom-responsive table, .table-custom-responsive thead, .table-custom-responsive tbody, .table-custom-responsive th, .table-custom-responsive td, .table-custom-responsive tr {
        display: block;
    }

    .table-custom-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-custom-responsive tr {
      margin: 0 0 1rem 0;      
    }
      
    .table-custom-responsive tr:nth-child(odd) {
      background: #eee; 
      border-top: 1px solid #888;
      border-bottom: 1px solid #888;     
    }

    .table-custom-responsive td {
        border: none;
        border-bottom: 1px dotted #5a5c69;
        position: relative;
        padding-left: 0.75rem;
        text-align: left !important;
        padding-top: 25px;
    }

    .table-custom-responsive td:before {
        position: absolute;
        top: 0;
        /*left: 6px;*/
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left !important;
        font-weight: bold;
    }

    /*
    .table-custom-responsive td:nth-of-type(1):before { content: ""; }
    .table-custom-responsive td:nth-of-type(2):before { content: ""; }
    .table-custom-responsive td:nth-of-type(3):before { content: ""; }
    .table-custom-responsive td:nth-of-type(4):before { content: ""; }
    .table-custom-responsive td:nth-of-type(5):before { content: ""; }
    .table-custom-responsive td:nth-of-type(6):before { content: ""; }
    .table-custom-responsive td:nth-of-type(7):before { content: ""; }
    .table-custom-responsive td:nth-of-type(8):before { content: ""; }
    .table-custom-responsive td:nth-of-type(9):before { content: ""; }
    .table-custom-responsive td:nth-of-type(10):before { content: ""; }
    .table-custom-responsive td:nth-of-type(11):before { content: ""; }
    .table-custom-responsive td:nth-of-type(12):before { content: ""; }
    .table-custom-responsive td:nth-of-type(13):before { content: ""; }
    .table-custom-responsive td:nth-of-type(14):before { content: ""; }
    .table-custom-responsive td:nth-of-type(15):before { content: ""; }
    */

    .table-custom-responsive div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center !important;
    }

}

.label-click {
    cursor: pointer;
}

.checkbox-lg .custom-control-label::before, 
.checkbox-lg .custom-control-label::after {
  top: .8rem;
  width: 1.55rem;
  height: 1.55rem;
}

.checkbox-lg .custom-control-label {
  padding-top: 13px;
  padding-left: 6px;
}

.badge.larger-badge {
  font-size: 1.1em;
}

.bg-alerta {
    padding: 6px;
    margin-top: 2px;
    margin-right: 5px;
    background-color: #ddd;
    border-radius: 8px;
    font-size: 0.9em;
    max-width: 300px;
}

.alerta-remove {
    top: -5px;
    position: relative;
    float: right;
    cursor: pointer;
}

.grey_background {
    background-color: #f3f3f3;
}

.open_filters_title {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
}

.open_filters_title:after {
    content: ">";
    position: absolute;
    right: 20px;
    font-weight: 900;
    transform: rotate(90deg);
}

.open_filters_title_mobile_open {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
}

.open_filters_title_mobile_open:after {
    content: ">";
    position: absolute;
    right: 20px;
    font-weight: 900;
    transform: rotate(270deg);
}

.th-folder {
  background-color: rgba(226, 34, 8, 0.15);
  color: #E22208 !important;
  font-size: 15px;
}