body.h-100 { min-height:100% !important; }
[data-notify="progressbar"] { margin-bottom: 0px; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 5px; }
.box-body.desktop-scrollable-x { overflow-x:auto; overflow-y:visible; }

.alert-success [data-notify="progressbar"] { background-color: #008949; }

[data-notify="icon"] { font-size: 18px; }
[data-notify="title"] { font-weight: 600; font-size: 18px; }

.alert-danger [data-notify="progressbar"] { background-color: #BF2C1C; }

.line-error { background: rgba(255, 0, 0, 0.4) !important;}

.relative { position: relative; }
.pointer { cursor: pointer; }
.text-white { color: #fff !important; }

.btn-hspace, .btn-space {
    margin-right: 5px;
}

.fe-red-dot-required{ color: red; font-weight: bold; }

.rel-padding5px{
  position: relative; padding: 5px 30px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.container .row, .content .row {
    margin-right: -15px;
    margin-left: -15px;
}

.rel-padding5px10px{
  position: relative; padding: 5px 10px;
}

.rel-padding15px10px{
  position: relative; padding: 15px 10px; height: 54.5px;
}

.rel-padding25px{
  position: relative; padding: 25px 30px;
}


.bb {border-bottom: 1px solid #f4f4f4; }
.db { display: block }
.d-flex { display: flex; }
.justify-spb{ justify-content: space-between; }
.tools-right{position: absolute; right: 10px; top: 12px;}
.single-btn-right{margin:2.5px;}
.no-profile-picture{
  width: 50px;
  height: 50px;
  margin-right:10px;
  border-radius:100%;
  background-color: #d0cfd0;
  text-align:center;
  color:#707271;
  line-height: 50px;
  font-size:20px;
  display:inline-block;
}
.no-profile-picture.small > img { width: 30px; height: 30px; }
.no-profile-picture.x-small > img { width: 20px; height: 20px; }
.no-profile-picture.xx-small > img { width: 17px; height: 17px; }
.no-profile-picture.bg-grey { background-color: #555; color:#fff; }

.tasks-icons { 
  line-height:37px;
  height: 10%;
  width: 10%;
  margin-bottom: 5px;
}

.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-16 { font-size: 16px; }

.no-profile-picture.small { width:30px; height:30px; line-height: 30px; font-size: 16px; }
.no-profile-picture.x-small { width:20px; height:20px; line-height: 20px; font-size: 11px; }
.no-profile-picture.xx-small { width:17px; height:17px; line-height: 17px; font-size: 9px; }

.input-group-btn:last-child>.btn.round { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.custom-radio input {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.overflowhidden{
  overflow: hidden;
}

.has-error .select2-selection--multiple,.modliv.has-error { border-color: #f00; }
.cerculet { display: inline-block; border-radius: 50%;width: 1.3em; height:1.3em; border: 1px solid #444; position: relative; }
.cerculet.selected { transform: scale(2, 2); box-shadow: 3px 3px 5px #666; }
.select2-dropdown{ z-index:100000; }

td .form-group { margin-bottom: 0; }
.tscale { transform: scale(1.5); }

.box .overlay {z-index:100000 !important;}

.overlay-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.overlay-page i {
  font-size: 25px;
}
.box.box-none { border-top: none; }
.box.box-clean { border: none !important; box-shadow: none !important; }

.modal-main-icon { display: inline-block; height: 45px; width: 45px; line-height: normal; font-size: 50px; }

p.form-control { margin-bottom: 0; }

.xs-mt-50 {
    margin-top: 50px!important;
}

.mt-20 {
  margin-top: 20px;
}

.mt-15 {
  margin-top: 15px;
}

.non-editable{
  pointer-events: none;
  background-color: lightgray !important;
}

.box-mic { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; padding-left : 40px; position: relative; }

.box-mic.msg:before {
  content: "\f0e6";
  font-size: 24px;
  font-family: FontAwesome;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  color: #ededed;
  z-index: 1001;
}
.box-mic.bc:before{
  content: "\f0ae";
  font-size: 24px;
  font-family: FontAwesome;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  color: #ededed;
  z-index: 1001;
}
.box-mic.img:before{
  content: "\f1c5";
  font-size: 24px;
  font-family: FontAwesome;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  color: #ededed;
  z-index: 1001;
}

.box-mic.att:before {
  content: "\f0c6";
  font-size: 24px;
  font-family: FontAwesome;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  color: #ededed;
  z-index: 1001;
}

.box-mic:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.box-mic .box-mic-data { margin-bottom:0; font-size:12px; }
.box-mic .box-mic-owner { color : #76BFED; margin-bottom: 0; }

.box-mic .box-mic-content { color: #444; font-size: 12px; margin-bottom: 0; }

.plr-1 { padding-left: 15px !important; }
.plr-2 { padding-left: 30px !important; }
.plr-3 { padding-left: 45px !important; }
.plr-4 { padding-left: 60px !important; }

[hidden] {
  display: none !important;
}

img.ascunsa { -webkit-filter: grayscale(100%);  filter: grayscale(100%); }

.widget-user .widget-user-header {
	height: 220px;
}

.mr-5 { margin-right: 5px !important;}
.ml-5 { margin-left: 5px !important;}
.ml-6 { margin-left: 6px !important;}

.mb-5 { margin-bottom: 5px !important;}
.mb-10 { margin-bottom: 10px !important;}
.mb-0 { margin-bottom: 0 !important; }
.mb-15 { margin-bottom: 15px !important;}

.mt-0 { margin-top: 0 !important; }
.mt-30 { margin-top: 30px !important; }
.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td { vertical-align: middle; }

.upload-pic-box {
	display: inline-block; width: 80px; height: 60px; overflow: hidden; position: relative; vertical-align: middle; background-image: url(../images/upload_img.png); background-size: cover;
	text-align: center; font-size: 11px;
}
.upload-pic-box .progress { position: absolute; bottom: 1px; left: 0; width: 100%; margin-bottom: 0; }

.upload-pic-box.upload-error:after {
	content: '\F00D'; display: block; position: absolute; bottom: 14px; left: 8px; font-family: "FontAwesome"; color: #dd4b39; font-size: 32px;
}
.upload-pic-box.upload-ok:after {
	content: '\F00C'; display: block; position: absolute; bottom: 14px; left: 8px; font-family: "FontAwesome"; color: #00a65a; font-size: 32px;
}

img.auto-scale {max-width: 100%; height: auto; }
img.full-width {width:100%; height:auto;}
.doc-info-image .profile-user-img{
  width: 70px !important;
}

/* TOOLTIP */
.theme-a .ui-element-inline { max-width: 35em; }
.dt-tooltip { cursor: help; }
.ui-tooltip-content.theme-a { padding: 10px; background: #DCDCDC; color: #303030; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle;
}

.ps-container { position: relative; }

.pick-img-ctn { padding: 1px;  }
.pick-img-ctn img { cursor: pointer; }
.pick-img-ctn img.selected { border: 2px solid #f00; }

.status-1 { background-color: #00a65a !important; color: #fff;}
.status-2 { background-color: #d33724 !important; color: #fff;}
.status-3 { background-color: #00a7d0 !important; color: #fff;}
.status-4 { background-color: #db8b0b !important; color: #fff;}
.status-5 { background-color: #555299 !important; color: #fff;}
.status-6 { background-color: #b5bbc8 !important; color: #fff;}

.bg-white-calendar { background-color:transparent; }
.bg-white { background-color: #fff; }

/* NESTABLE */
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 20px;
}
.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dd-list .dd-list {
  padding-left: 30px;
}
.dd-collapsed .dd-list {
  display: none;
}
.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
}
.dd-handle {
  display: block;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #c7cbd5;
  background: #f6f6f8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dd-handle:hover {
  color: #36a9e1;
  background: white;
}
.dd-handle .icon {
  float: right;
  font-size: 16px;
  margin-left: 10px;
}
.dd-handle .icon:hover {
  text-decoration: none;
}
.dd-item > button {
  display: block;
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  font-weight: bold;
}
.dd-item > button:before {
  content: '+';
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
}
.dd-item > button[data-action="collapse"]:before {
  content: '-';
}
.dd-item > button[data-action="remove"]:before {
  content: 'x';
  margin-top: -4px;
  font-size:16px;
  line-height: 1;
  color: #dc3545!important;
  text-shadow: 0 1px 0 #fff;
}
.dd-placeholder,
.dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}
.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}
.dd-dragel > .dd-item .dd-handle {
  margin-top: 0;
}
.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

/* PRELOADER */
#page-preloader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #f8f9fa; z-index: 100500; }
#page-preloader .spinner { position: absolute; top: 50%; left: 50%; display: block; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; border: 3px solid transparent; border-top-color: #5c5c5c; border-radius: 50%; z-index: 1001; -webkit-animation: spin 2.5s infinite linear; animation: spin 2.5s infinite linear; }
#page-preloader .spinner:before, #page-preloader .spinner:after { position: absolute; border-radius: 50%; content: ''; }
#page-preloader .spinner:before { top: 5px; right: 5px; bottom: 5px; left: 5px; border: 3px solid transparent; border-top-color: #3c8dbc; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
#page-preloader .spinner:after { top: 15px; right: 15px; bottom: 15px; left: 15px; border: 3px solid transparent; border-top-color: #ffffff; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }

#modal-preloader .dark-mode{ position: fixed; top: 55%; right: 0; bottom: 30%; left: 0; background: #f8f9fa; z-index: 100500; }
#modal-preloader .spinner { position: absolute; left: 50%; display: block; width: 40px; height: 40px; margin-left: -20px; border: 3px solid transparent; border-top-color: #5c5c5c; border-radius: 50%; z-index: 1001; -webkit-animation: spin 2.5s infinite linear; animation: spin 2.5s infinite linear; }
#modal-preloader .spinner:before, #modal-preloader .spinner:after { position: absolute; border-radius: 50%; content: ''; }
#modal-preloader .spinner:before { top: 5px; right: 5px; bottom: 5px; left: 5px; border: 3px solid transparent; border-top-color: #3c8dbc; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
#modal-preloader .spinner:after { top: 15px; right: 15px; bottom: 15px; left: 15px; border: 3px solid transparent; border-top-color: #ffffff; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }


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

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

.box-body.freeflow-x { overflow-x:auto; overflow-y:visible; }

.bg0td {
  background: #D02424; color:white;text-align:center;
}
.bg1td {
  background: #5885DE; color:white;text-align:center;
}
.bg2td {
  background: #21C66E; color:white;text-align:center;
}
.bg3td {
  background: #CFD943; color:white;text-align:center;
}
.bg4td {
  background: #DE8B0E; color:white;text-align:center;
}
.bg5td {
  background: #FBDB08; color:white;text-align:center;
}
.bg99td {
  background: #767468; color:white;text-align:center;
}
.bg-gritd {
  background: #F2F2F2; color:white;text-align:center;
}
.bggreytd {
  background: #727272; color:white;text-align:center;
}

.border-tablem tbody tr td.mbg0td:first-child:before{
  background: #D02424;
}
.border-tablem tbody tr td.mbg1td:first-child:before{
  background: #5885DE;
}
.border-tablem tbody tr td.mbg2td:first-child:before{
  background: #21C66E;
}
.border-tablem tbody tr td.mbg3td:first-child:before{
  background: #CFD943;
}
.border-tablem tbody tr td.mbg4td:first-child:before{
  background: #DE8B0E;
}
.border-tablem tbody tr td.mbg5td:first-child:before{
  background: #FBDB08;
}
.border-tablem tbody tr td.mbg99td:first-child:before{
  background: #767468;
}
.border-tablem tbody tr td.mbg-gritd:first-child:before{
  background: #F2F2F2;
}
.border-tablem tbody tr td.mbg-greytd:first-child:before{
  background: #727272; color: #FFF;
}

.bg0 {background: #D02424;}
.bg1 {background: #5885DE;}
.bg2 {background: #21C66E;}
.bg3 {background: #CFD943;}
.bg4 {background: #DE8B0E;}
.bg5 {background: #FBDB08;}
.bg99 {background: #767468;}
.bg-gri {background: #F2F2F2;}
.bg-grey {background: #727272; color: #FFF; border-radius: 10px; overflow: hidden;}
table tr.bg-turcoaz {background: #588EA3 !important; color:#FFF !important;}
table tr.bg-white-gray {background: #F3F1F0 !important; color:#000 !important;}
table tr.bg-white {background: #FFFFFF !important; color:#000 !important;}
table tr.bg-turcoaz-b {background: #93b4bf !important; color:#000 !important;}


.table-striped { background:#fff; }
.form-control.static-field{height: auto;min-height: 32px;}
.td-max { white-space: normal !important; }
.td-max .inner { width:350px; }

.doc-flow { overflow:show; }
.doc-flow-outer { width:130px; height:65px; position:relative; float:left; margin:7px 0; }
.doc-flow-inner { position:absolute; width:100%; height:100%; text-align:center; line-height:1.2; }
.doc-flow-content { position:relative; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); top:50%; display:block; }
.doc-flow-circle.hover:hover { cursor:pointer; color:#fff; }
.doc-flow-circle.hover:before { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;}
.doc-flow-circle:before { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:100%; height:100%; position: absolute; display:block; content:''; border:1px solid; border-left:7px solid; }
.doc-flow-circle.bg-1:before { border-color:#D81B60; }
.doc-flow-circle.bg-2:before { border-color:#dd4b39; }
.doc-flow-circle.bg-3:before { border-color:#ff851b; }
.doc-flow-circle.bg-4:before { border-color:#f39c12; }
.doc-flow-circle.bg-5:before { border-color:#00a65a; }
.doc-flow-circle.bg-6:before { border-color:#39CCCC; }
.doc-flow-circle.bg-7:before { border-color:#00c0ef; }
.doc-flow-circle.bg-8:before { border-color:#3c8dbc; }
.doc-flow-circle.bg-9:before { border-color:#605ca8; }
.doc-flow-circle:not(.hover) { color:#fff; }
.doc-flow-circle.hover.bg-1:hover:before, .doc-flow-circle.bg-1:not(.hover):before, .label.bg-1 { background-color:#D81B60; }
.doc-flow-circle.hover.bg-2:hover:before, .doc-flow-circle.bg-2:not(.hover):before, .label.bg-2 { background-color:#dd4b39; }
.doc-flow-circle.hover.bg-3:hover:before, .doc-flow-circle.bg-3:not(.hover):before, .label.bg-3 { background-color:#ff851b; }
.doc-flow-circle.hover.bg-4:hover:before, .doc-flow-circle.bg-4:not(.hover):before, .label.bg-4 { background-color:#f39c12; }
.doc-flow-circle.hover.bg-5:hover:before, .doc-flow-circle.bg-5:not(.hover):before, .label.bg-5 { background-color:#00a65a; }
.doc-flow-circle.hover.bg-6:hover:before, .doc-flow-circle.bg-6:not(.hover):before, .label.bg-6 { background-color:#39CCCC; }
.doc-flow-circle.hover.bg-7:hover:before, .doc-flow-circle.bg-7:not(.hover):before, .label.bg-7 { background-color:#00c0ef; }
.doc-flow-circle.hover.bg-8:hover:before, .doc-flow-circle.bg-8:not(.hover):before, .label.bg-8 { background-color:#3c8dbc; }
.doc-flow-circle.hover.bg-9:hover:before, .doc-flow-circle.bg-9:not(.hover):before, .label.bg-9 { background-color:#605ca8; }
.doc-flow-circle .doc-flow-content { padding-left:15px; text-align:left; }
.doc-flow-outer:not(.doc-flow-circle):not(.doc-flow-empty) { width:40px;}
.doc-flow-outer:not(.doc-flow-circle):last-child { display:none; }
.doc-flow i.fa { font-size:1.5em; color:#555; }

.iban-container .form-group { max-width: 300px; }

/* Header custom pentru tabel registru de casa */
.headercustom td, .headercustom th{border-top: 2px solid #4188CC !important; border-bottom: 1px solid #4188CC;}
.headerorange td, .headerorange th{border-top: 2px solid #D6934D !important; border-bottom: 1px solid #D6934D;}
.headergray td, .headergray th{border-left: 1px solid #9E9999 !important;border-right:  1px solid #9E9999;}
.headeraqua th { background: #00c0ef; color:#fff; }
.headeraquaactive th { background: #acacad; color:#fff; }
.headergraya th { background: #9E9999; color:#fff; }

/* Otto Raport Saptamanal */
.headergreenO th { background: #00B04C; color:#fff; }
.headeryellowO th { background: #E7FF6B; color:#fff; }


/* modal entries */
.sums .title, .sums .desc { display: block; float:left; }
.sums .list-group-item { background-color:#f9f9f9; }
.sums .desc { float:right; }

.label.label-equalized, .label.label-equalized-txt { display:inline-block; vertical-align: bottom; line-height: 15.5px;}
.label.label-equalized {width:25px; font-size: 10.5px;padding-top: 0.5px; padding-bottom: 0.5px; }
.label.label-equalized-txt{font-size: 100%; padding: 1px 0.6em; font-weight: normal; font-size: 13.5px; color: #000;} 
.dark-mode .label.label-equalized-txt{ color: white;} 

.select2-container--default .select2-selection--multiple .select2-selection__choice{
  border: none;
}
.select2-selection.select2-selection--multiple{
  min-height:34px;
}

tr.under-thead td { background:#00c0ef; color:white; font-weight:bold; }

.mada1  td { background-color: #FFE0E0; color:#C93A3A;}
.mada2  td { background-color: #D6DFFF; color:#2F50BC;}
.mada3  td { background-color: #AAAAAA; color:#594A4A;}

.info-box-link{
  cursor:pointer;
}
.info-box-link:hover{
  opacity: 0.7;
}

.direct-chat-msg { position: relative; }
.direct-chat-time { float:left; width: 45px; display:block; font-size:12px; color:#999; padding:5px 0; line-height:1.1; text-align: center; }
.direct-chat-text { margin-left:52px; }
.direct-chat-text .reply { background: rgba(255,255,255,0.4); padding:5px; margin-bottom:1em; }
.direct-chat-text .reply span { display:block; }
.direct-chat-text .reply span.header { font-size:0.8em; margin-bottom:5px; }
.direct-chat-text .reply span.body { font-style:italic; }

.bugete-rosu {background: #d33724 !important;color:white !important; text-align:center;}
.bugete-verde {background: #00a65a !important;color:white !important;text-align:center;}
.bugete-grey {background: #727272 !important;color:white !important;text-align:center;}
.bugete-info {background: #00c0ef !important;color:white !important;text-align:center;}
.bugete-info2 {background: #0073b7 !important;color:white !important;text-align:center;}
.bugete-fucsia {background: #ca2c92 !important;color:white !important; text-align:center;}
.bugete-teal {background: #39CCCC !important;color:white !important; text-align:center;}

.bugete-primary {background: #3c8dbc !important;color:white !important;text-align:center;}
.bugete-warning {background: #f79e2c !important;color:white !important;text-align:center;}
.bugete-portocaliu {background: #f79e2c !important;color:white !important;text-align:center;}
.bugete-verdedeschis {background: #53ff3c !important;color:white !important;}
.bugete-negru {background: #000000 !important;color:white !important;text-align:center;}
.bugete-maroon {background: #D81B60 !important;color:white !important;text-align:center;}
.bugete-yellow {background: #FFC107 !important;color:white !important;text-align:center;}

.text-warning { color: #f79e2c; }
.text-developer { color: rgb(31, 106, 27); }

.exceptie-parent td {padding-top:0 !important; padding-bottom: 0 !important;}

.copy-tr {padding: 0px 0px;}
.copy-tr div {padding: 5px; height: 50%; text-align:center; font-weight:600; vertical-align: middle; margin-bottom: 1px;}



.copy2-tr div {padding: 5px; height: 50%; text-align:center; font-weight:600;}
.copy2-tr div:first-child {margin-bottom: 1px;}
.copy2-tr.pseudo {position:absolute; left:0; top:0; padding: 1px 0px;}
.copy2-tr.pseudo div {padding:4px;}
/* TASKURI - TIMELINE */
.dot {
  height: 85px;
  width: 85px;
  border-radius: 50%;
  display: inline-block;
  padding: 3px;
}
.main-timeline-section{
  position: relative;
  width: 100%;
  margin:auto;
  height:100px;
}
.main-timeline-section .timeline-end{
  position: absolute;
  background:#ffffff;
  border-radius:100px;
  top:50%;
  transform: translateY(-50%);
  border:3px solid #00a65a;
  width:30px;
  height:30px;
  right:0px;
}
.main-timeline-section .timeline-start{
  position: absolute;
  background: #00a65a;
  border-radius:100px;
  top:50%;
  transform: translateY(-50%);
  width:30px;
  height:30px;
  z-index: 1;
}
.main-timeline-section .conference-center-line{
  position: absolute;
  width:100%;
  height:2px;
  top:50%;
  transform: translateY(-50%);
  background: #00a65a;
}

.main-timeline-section .conference-center-line.danger {
  background: #FC2E00;
}
.main-timeline-section .conference-center-line2.warning,.main-timeline-section .conference-center-dot {
  background: #ED7309;
}

.main-timeline-section .conference-center-line2.danger,.main-timeline-section .conference-center-dot {
  background: #FC2E00;
}

.main-timeline-section .conference-center-line2{
  position: absolute;
  width:50%;
  height:6px;
  top:50%;
  left:15px;
  transform: translateY(-50%);
  background:#00a65a;
  text-align: right;
  overflow: visible;
}
.main-timeline-section .conference-center-dot{
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  vertical-align: bottom;
}
.timeline-article{
    position: relative;
    min-height: 100px;
    float:left;
}
.timeline-article .content-date{
    position: absolute;
    top: 10%;
    left: 0px;
    font-size:15px;
}
.timeline-article .meta-date{
    position: absolute;
    top: 50%;
    left: 80px;
    transform: translateY(-50%);
    width:20px;
    height:20px;
    border-radius: 100%;
    background:#fff;
    border:3px solid #337ab7;
    z-index:1;

}
.timeline-article .content-box, .timeline-dot .content-box {
  box-shadow: 2px 2px 4px 0px #c1c1c1;
  border-radius: 5px;
  background-color: #fff;
  width: 280px;
  position: absolute;
  top: 70%;
  padding:10px;
  z-index:1000;
}

.timeline-article .content-box.content-box-top{
  top:auto;
  bottom: 75%;
}
.timeline-article-top .content-box.content-box-top:before{
  top:auto;
  bottom:-20px;
  transform: rotate(-180deg);
  left:-10px;
  margin-left: 50%;
}



.timeline-article .content-box .inner{
    width:100%; height:280px; overflow-y: auto;
}

.timeline-article-top .content-box:before {
  content: " ";
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  top:-20px;
  border:10px solid transparent;
  border-bottom-color: #337ab7;
}
.timeline-article-bottom .content-date{
  top: 59%;
}
.timeline-article-bottom .content-box{
  top: 0%;
}
.timeline-article-bottom .content-box:before, .timeline-dot .content-box:before {
  content: " ";
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  bottom:-20px;
  border:10px solid transparent;
  border-top-color:#F2635F;
}
.te-label{
  position:absolute;
  right:0px;
  top: 10px;
}
.user-image{
  border-radius:50%;
  float:left;
  width:50px;
  height:50px;
  margin-right:10px;
  margin-top:-2px;}

.user-image-liste{
  border-radius:50%;
  float:left;
  width:40px;
  height:40px;
  margin-right:10px;
  margin-top:-2px;}

  .user-image-small{
    border-radius:50%;
    float:left;
    width:30px;
    height:30px;
    /* margin-left:4px; */
    margin-top:-2px;
    }

.timeline-article .content-box.content-box-left, .timeline-article .content-box.content-box-right {top:28px;}
.timeline-article .content-box.content-box-right { left:auto; }
.timeline-article .content-box.content-box-left:before, .timeline-article .content-box.content-box-right:before { top:10px; }
.timeline-article .content-box.content-box-left:before { left:-20px; right:auto; transform: rotate(-90deg); }
.timeline-article .content-box.content-box-right:before { right:-20px; left:auto; transform: rotate(90deg); }

/* leads timeline */
.leads-timeline.main-timeline-section { margin:50px 0 30px 0; overflow-x:auto; overflow-y: visible; }
.leads-timeline.main-timeline-section .conference-center-line { height:3px; min-width:1200px; }
.leads-timeline.main-timeline-section .timeline-start, .leads-timeline.main-timeline-section .timeline-now { background:#ffffff; border:3px solid #00a65a; }
.leads-timeline.main-timeline-section .timeline-date span { position:absolute; bottom:-30px !important; top:auto !important; }
.leads-timeline.main-timeline-section .ts-label { left:0; }
.leads-timeline.main-timeline-section .te-label { right:0; }
.leads-timeline.main-timeline-section .timeline-date.danger { border-color: #FC2E00;  }
.leads-timeline.main-timeline-section .timeline-date.warning { border-color: #ED7309;  }
.leads-timeline.main-timeline-section .timeline-now { position: absolute; border-radius:100%; top:50%; transform: translateY(-50%); width:30px; height:30px; z-index: 1; }
.leads-timeline.main-timeline-section .timeline-now span { left:-25px; display:block; text-align: center; width:80px; }
.timeline-dot .content-box { display: none; z-index:101; width: 140px; top:-54px; left:-61px; }
.timeline-dot .content-box#start-box, .timeline-dot .content-box#end-box { width:100px; line-height:1; top:-77px; }
.timeline-dot .content-box#start-box { left:-3px; right:auto; }
.timeline-dot .content-box#end-box { right:-3px; left:auto; }
.timeline-dot .content-box:before { border-top-color: #337ab7; }
.timeline-dot .content-box#start-box:before { right:auto; left:13px; }
.timeline-dot .content-box#end-box:before { left:auto; right:-7px; }
.timeline-dot { width:100%; height:100%; position: relative; cursor:pointer; }
.timeline-dot .content-box.show { display: block; }
.leads-timeline.main-timeline-section .conference-center-dot { z-index: 1; width:24px; height:24px; border:3px solid #ecf0f5; background: #00a65a; }
.leads-timeline.main-timeline-section .conference-center-dot.warning, .leads-timeline.main-timeline-section .conference-center-line.warning { background: #ED7309; }
.leads-timeline.main-timeline-section .conference-center-dot.danger { background: #FC2E00; }

/* sticky footer */
.sticky-footer.st { width:100%; position:fixed; z-index:900; left:0; bottom:0; box-shadow: 0px 10px 31px -11px rgba(0,0,0,1); }
.sticky-footer.st .dropdown-menu { top:auto; bottom:100%; margin-bottom:5px; }
.sticky-footer.st .pagination, .sticky-footer .scrollTop { display:none; }
.sticky-footer.st .scrollTop { display:block; }

.otto-tooltip{ color:#F00; cursor:pointer;  }
.otto-tooltip:after{ content:"\f06a"; display:inline-block; margin-left:5px; font-family: "FontAwesome"; }
.otto-tooltip span{ display:inline-block; }

#calendar-macarale .perioada-item, #calendar-macarale .perioada-header { position:relative; overflow:hidden; padding:0; }
#calendar-macarale .calendar-item { position: absolute; top:0; display:table; height:100%; min-height:36px; cursor:pointer; font-size:0.9em; }
#calendar-macarale .calendar-item > div { display:table-cell; vertical-align: middle; text-align:center; position: relative; height:100%; }
#calendar-macarale .calendar-item > div span.bg { position:absolute; height:100%; width:100%; left:0; top:0; border-radius:6px; display:block; }
#calendar-macarale .calendar-item > div span.txt { padding:0 10px; position: relative; display:inline-block; }
#calendar-macarale .grid { position:absolute; width:100%; height:100%; top:0; left:0; }
#calendar-macarale .grid th { padding: 0 10px; text-align:center; }
#calendar-macarale .grid td { border-left:1px solid #ccc; border-right:1px solid #ddd; }

.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
    white-space: normal;
}

.skin-black .sidebar-menu .treeview-menu>li>a>span.highlight-section { color: #fff; background-color: #888e90; }
.skin-blue .sidebar-menu .treeview-menu>li>a>span.highlight-section { color: #fff; background-color: #888e90; }
.skin-purple .sidebar-menu .treeview-menu>li>a>span.highlight-section { color: #fff; background-color: #888e90; }
.skin-green .sidebar-menu .treeview-menu>li>a>span.highlight-section { color: #fff; background-color: #888e90; }
.skin-red .sidebar-menu .treeview-menu>li>a>span.highlight-section { color: #fff; background-color: #888e90; }
.skin-yellow .sidebar-menu .treeview-menu>li>a>span.highlight-section { color: #fff; background-color: #888e90; }

.skin-black-light .sidebar-menu .treeview-menu>li>a>span.highlight-section { color: #000; background-color: #d8d8d8; }
.skin-blue-light .sidebar-menu .treeview-menu>li>a>span.highlight-section { color: #000; background-color: #d8d8d8; }
.skin-purple-light .sidebar-menu .treeview-menu>li>a>span.highlight-section { color: #000; background-color: #d8d8d8; }
.skin-green-light .sidebar-menu .treeview-menu>li>a>span.highlight-section { color: #000; background-color: #d8d8d8; }
.skin-red-light .sidebar-menu .treeview-menu>li>a>span.highlight-section { color: #000; background-color: #d8d8d8; }
.skin-yellow-light .sidebar-menu .treeview-menu>li>a>span.highlight-section { color: #000; background-color: #d8d8d8; }

/* ALERTE TASKURI HOME PAGE */
.border-tablem tbody tr td:first-child{
  border-bottom: 1px solid #fff;
  position: relative;
  padding-left: 13px;
}

.border-tablem tbody tr td.no-before{
  padding-left:0px;
}

.border-tablem tbody tr td.no-before-tabel:first-child:before {
  padding-left:0px;
  height:200px;
}

.border-tablem tbody tr td:first-child:before{
  content: " ";
  display:block;
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0px;
}
.border-tablem tbody tr td.rosu:first-child:before{
  background: red;
}
.border-tablem tbody tr td.portocaliu:first-child:before{
  background: orange;
}
.border-tablem tbody tr td.albastru:first-child:before{
  background: #00c0ef;
}
.border-tablem tbody tr td.verde:first-child:before{
  background: #00a65a;
  border-radius: 20px;
}
.border-tablem tbody tr td.primary:first-child:before{
  background: #357ca5;
}
.border-tablem tbody tr td.info1:first-child:before{
  background: #00c0ef;
  border-radius: 20px;
}
.border-tablem tbody tr td.info2:first-child:before{
  background: #0073b7;
}
.border-tablem tbody tr td.negru:first-child:before{
  background: #000000;
}
.border-tablem tbody tr td.grey:first-child:before{
  background: #727272;
  border-radius: 20px;
}
.border-tablem tbody tr td.galben:first-child:before{
  background: #FFC107;
}
.border-tablem tbody tr td.maroon:first-child:before{
  background: #D81B60;
}
.border-tablem tbody tr td.fucsia:first-child:before{
  background: #ca2c92;
}
.border-tablem tbody tr td.cert-bg-1:first-child:before{
  background: #00a65a;
  border-radius:3px;
}
.border-tablem tbody tr td.cert-bg-2:first-child:before{
  background: #f56954;
  border-radius:3px;
}
.border-tablem tbody tr td.cert-bg-3:first-child:before{
  background: #eea83f;
  border-radius:3px;
}
.border-tablem tbody tr td.cert-bg-4:first-child:before{
  background: #00c0ef;
  border-radius:3px;
}
.border-tablem tbody tr td.cert-bg-5:first-child:before{
  background: #3c8dbc;
  border-radius:3px;
}
.border-tablem tbody tr td.cert-bg-6:first-child:before{
   background: #d33724;
   border-radius:3px;
 }
.border-tablem tbody tr td.cert-bg-7:first-child:before{
  background: #f79e2c;
  border-radius:3px;
}


.red-border-table td:before{
  content: " ";
  display:block;
  width: 8px;
  height: 100%;
  background: red;
  position: absolute;
  left: 0;
  top: 0;
}
.todo-table tr:hover td:last-child .tools:before{
  display:inline-block;
  font-family:"FontAwesome";
  content:"\f1f8";
}
.todo-table-container{
  overflow:auto;
  /* max-height:304px; */
  max-height:347px;
}

.patrat-rosu-background{
  background: red ;
  color:#fff;
  border-bottom: 1px solid #fff;
  max-width: 150px;
  text-align: center
}
.patrat-portocaliu-background{
  background: orange ;
  color:#fff;
  border-bottom: 1px solid #fff;
  max-width: 150px;
  text-align: center
}
.patrat-albastru-background{
 background: #00c0ef ;
  color:#fff;
  border-bottom: 1px solid #fff;
  max-width: 150px;
  text-align: center
}
.timeline-back{
  position: relative;
  width: 150px;
  height: 28px;
  border-radius: 50px;
  overflow: hidden;
  background: #CEC8C8
}
.timeline-back .antibiotic-pill, .timeline-back .antibiotic-pill-orange, .timeline-back .antibiotic-pill-green, .timeline-back span {
  display: block;
  position: absolute;
  height: 100%;
}
.timeline-back .antibiotic-pill{
  left: 0;
  top: 0;
  background: red;
}
.timeline-back .antibiotic-pill.green{
  background: #00a65a;
}
.timeline-back .antibiotic-pill.orange{
  background: #f39c12;
}
.timeline-back .antibiotic-pill.red{
  background: #dd4b39;
}
.timeline-back .antibiotic-pill.blue-deschis{
  background: #00c0ef;
}
.popover.mada-popover .popover-content b{
  color:orange
}
.popover.mada-popover2 .popover-content b{
  color:#00c0ef
}

.timeline-back span{
  top: 4px;
  color:#fff;
  text-align: center;
  width: 100%;
}
.todo-table td:not(.rosu), .todo-table td:not(.portocaliu), .todo-table td:not(.albastru){
border-bottom: 1px solid #fff;
}
.border-portocaliu td:before{
  content:" ";
  display: block;
  width: 8px;
  height: 100%;
  background: orange;
  position: absolute;
  left: 0;
  top: 0;
}
.buton-rosu, .buton-portocaliu, .buton-albastru{
  width:28px;
  height: 30px;
}
.buton-rosu{
  background-color: red;
}
.buton-portocaliu, .buton-albastru{
  margin-left: 20px;
}
.buton-portocaliu{
  background-color: orange;
}
.buton-albastru{
  text-align: center;
  background-color: #00c0ef;
}

 .buton-gri{
  border-radius:50%;
  width: 28px;
  height:28px;
  left: 165px;
  top:19px;
  background-color: #B7B7B7;
}
 .buton-gri2{
  border-radius:50%;
  width: 28px;
  height:28px;
  left: 165px;
  top:19px;
  background-color: #B7B7B7;
}
.board-parent{
  background: #B3D8E0;
  color:#fff;
  line-height: 20px;
  border-radius:5%;
  display:inline-block;
  padding:50px;
  border-color: #B3D8E0;
}
/* TASKURI STATUS */
 .taskuri-primary,.taskuri-success,.taskuri-danger,.taskuri-black,.listet-danger,.listet-success{
    color:#fff;
    border-bottom: 1px solid #fff;
    height: 100%;
    text-align: center
 }
 .taskuri-primary{
    background: #3c8dbc ;
 }
  .taskuri-success,.listet-success{
    background: #00a65a ;
  }
  .taskuri-danger,.listet-danger{
    background: #d33724 ;
  }
  .taskuri-black{
    background: #000000 ;
  }
  .taskuri-table tbody tr td:first-child,.liste-table tbody tr td:first-child{
  border-bottom: 1px solid #fff;
  position: relative;
  padding-left: 13px;
}
.taskuri-table tbody tr td:first-child:before,.liste-table tbody tr td:first-child:before{
  content: " ";
  display:block;
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.taskuri-table tbody tr td.color-margin-task.linie-1:first-child:before{ background-color: #00a65a; }
.taskuri-table tbody tr td.color-margin-task.linie-2:first-child:before{ background-color: #3c8dbc; }
.taskuri-table tbody tr td.color-margin-task.linie-3:first-child:before{ background-color: #3c8dbc; }
.taskuri-table tbody tr td.color-margin-task.linie-4:first-child:before{ background-color: #000000; }
.taskuri-table tbody tr td.color-margin-task.linie-5:first-child:before{ background-color: #d33724; }

.liste-table tbody tr td.color-margin-task.linie-1:first-child:before{ background-color: #00a65a; }
.liste-table tbody tr td.color-margin-task.linie-2:first-child:before{ background-color: #d33724; }
  @media only screen and (max-width: 959px) {
    .box-primary .box-header .col-md-6{ margin-left: -15px;}
    .box-primary .box-header .row .col-xs-12{margin-left: -9px;}
    .col-lg-9 .box-primary .box-header {height: 40px !important;}
    .col-md-9 .box-primary hr{margin-bottom: 5px !important; margin-top: 5px !important;}
    .box-header>.box-tools { position: absolute; left: 0px; text-align:right; }
    .box-body { overflow-x:auto; overflow-y:visible; }
    .box-body>.table tbody tr td { position: relative; }
    .box-body>.table tbody tr .open { position: static; }
    .box-body>.table tbody tr .open>.dropdown-menu { right: 0px; top: auto; bottom: 65px; }
    /* .box-body>.table tbody tr:last-child .open>.dropdown-menu, .box-body>.table tbody tr:nth-last-child(2) .open>.dropdown-menu, .box-body>.table tbody tr:nth-last-child(3) .open>.dropdown-menu { top:auto; bottom:100%; } */
  }
  @media only screen and (min-width: 700px) {
    .dd { float: left; width: 100%; }
    .table-responsive {
      margin-bottom: 0px; border: none;
    }
  }

/* sidebar icons enhancements */
.sidebar-menu .treeview-menu>li { margin-bottom:4px; padding-left:12px; }
.sidebar-menu .treeview-menu>li>a { padding-left:22px; line-height:16px; }
.sidebar-menu .treeview-menu>li>a i { position: absolute; display: block; left:0; top:6px; }
.sidebar-menu .treeview-menu>li>a:not(:hover) i.cbmsicon { opacity:0.75; }
/* tiles */
.tile { width:100%; position: relative; margin-bottom:30px; display: block; }
.tile.tile-inline { width:160px; display: inline-block; margin-bottom:0; }
.tiles-row { padding-top: 0.5em; margin-bottom:1em; background: #c5cad4; }
.tiles-row .tile { margin-bottom:0.5em; color:#fff; }
.tile:before { content:''; display:block; width:100%; }
.tile.tile-square:before { padding-bottom:100%; }
.tile.tile-gold:before { padding-bottom:61.8%; }
.tile.tile-wide:before { padding-bottom:33.333%; }
.tile-content { position: absolute; width:100%; height:100%; display: table; top:0; left:0; }
.tile-row { display: table-row; }
.tile-icon, .tile-text { display:table-cell; text-align: center; vertical-align: middle; padding:0 1em; }
.tile-icon { height:61.8%; padding-top:2em; }
.tile.tile-wide .tile-icon { padding-top:1em; }
.tile-text { height:38.2%; }
.tile-icon i { height:100%; width:100%; }
.tile-text span { display: inline-block; text-transform: uppercase; }
.tile.tile-wide .tile-text span { text-transform: none; white-space: nowrap; overflow: visible; }
.tile.bg-none { color:#000; opacity:0.66; }
.tile.bg-none:hover { opacity:1; }
.tiles-row .tile:hover { color:#404040; }
.tiles-row .tile:hover .cbmsicon:before { filter: invert(75%); -webkit-filter: invert(75%); }
.btn.btn-constrans {width: 40px;}
/* .modal-sterge-button { height: 34px; border-radius:20px; line-height:20px; } */
.table-condensed.tabel-constrans>tbody>tr>td:last-child{padding-right: 0;}
/* custom icons css: cbms_icons/cbmsicons.css  */


table.google-visualization-orgchart-table {
    border-collapse: separate;
}

.chart_div td.google-visualization-orgchart-node {
position:relative;
border-radius: 5px;
padding-left: 15px;
background: #fff;
border-color:  #00a65a;
color:#000;
width: 200px;
padding-left: 25px;
padding-right: 25px;
text-align: center;

}


.chart_div td.google-visualization-orgchart-node:before {
content:" ";
display: block;
position: absolute;
height: 100%;
width: 10px;
top:0;
left: 0;
background: #00a65a;

}
.chart_div td.google-visualization-orgchart-node div.before-options{
  float: right;
  position:absolute;
  top: 0;
  right: 0;
}

.patrat-culoare{
  width: 10px;
  height: 10px;
}

.left{ text-align:left;}

.task-card { background: #f9f9f9; padding:1em; border-radius:5px; margin:5px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); padding-left:2em; position: relative; overflow:hidden; }
.task-card:not(:last-child) { margin-bottom:15px; }
.task-card:before { content:''; display: block; position: absolute; top:0; left:0; width:5px; height:100%; }
.task-card.task-status-0:before { background-color:#d2d6de; }
.task-card.task-status-1:before { background-color:#3c8dbc; }
.task-card.task-status-2:before { background-color:#00c0ef; }
.task-card.task-status-3:before { background-color:#00a65a; }
.task-card .table>thead>tr>th, .task-card .table>tbody>tr>th, .task-card .table>tfoot>tr>th { border:none; }
.task-card .table>thead>tr>td, .task-card .table>tbody>tr>td, .task-card .table>tfoot>tr>td { border-color: #dfdfdf; }

/* lead status progress */
.table.table-r3 { background-color:transparent; }
.table.table-r3 tr:hover { cursor: pointer; opacity:0.8; }
.table.table-r3 td { padding:0; height:40px; }
.table.table-r3 td.bg-red, .table.table-r3 td .bg-red, .table-leads td .bg-red { background-color: #f56954 !important; }
.table.table-r3.double td { height:80px; border-radius:10px; }
.table.table-r3.double td.bg-none { background-color: none !important; }
.table.table-r3.table-borderless td { border-color:transparent; padding:5px 0; }
.table-r3 td.fixed-width { width:30px; text-align: center; }
.table-r3 td.pbg, .table-r3 td .txt { position: relative; border:none !important; }
.table-r3 td .ppc { display: block; height: 100%; position: absolute; left:0; top:0; width:100%; border-radius:10px; }
.table-r3 td .dt-tooltip { position: absolute; left:5px; }
.table-r3 td .txt { line-height: 30px; padding:5px; white-space:nowrap; text-overflow:ellipsis; }
.table-r3 td .txt.has-img { padding-left:40px; }
.table.table-r3 td .user-image { width:30px; height:30px; margin:0; }

.clearfix-jon{ display:none; }
@media (min-width: 1300px) {
  .clearfix-jon { clear: both; display: table; }
  .col-lg-2.quintuplet { width: 20%; }
}

@media (min-width: 992px) {
.modal-xxl {
    width: 1300px !important;
}
}
@media (min-width: 768px) {
    .cbms-widget-boxes .small-box .inner { padding-bottom:52px; }
    .cbms-widget-boxes .small-box .inner p { max-height:42px; left:10px; bottom:5px; }
}
@media (max-width: 767px) {
    .cbms-widget-boxes .small-box .inner { padding-bottom:37px; }
    .cbms-widget-boxes .small-box .inner p { max-height:34px; width:100%; left:0; bottom:10px; }
    .table-responsive{border: 0px solid #ddd}
    .navbar-collapse.pull-left+.navbar-custom-menu { right: 0px;}
}

@media (max-width: 991px){
  .dark-mode .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {border: 1px solid  #444; background:  #444}
  .dark-mode .content-header>.breadcrumb{background: #585858;}
  table td .navbar-nav { margin-right: 20px !important;}
  .dar-mode .tab-content .newbox { background: #444 !important;}
  .nav-tabs-custom .tab-content .newbox{ background: transparent !important; }
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
    max-width:1200px;
  }
  .fiveboxes{ width: 20%; }
}

/* timeline leads */
.timeline-leads.timeline:before {
    bottom:30px;
}
.timeline-leads.timeline>li>.timeline-item {
    background: #f9f9f9;
}
.timeline-leads.timeline>li>.timeline-item.disabled>.timeline-header {
    color:#fff;
}
.timeline-body .changes-box .blockquote-label {
    padding:1em 20px 1em 0;
    text-align:right;
    width:100px;
    font-weight:bold;
    line-height: 1.19;
}
.timeline-body .changes-box blockquote .text-red {
    text-decoration: line-through;
}

.cod-prod{ color: #a94442; }/*background-color: #00c0ef ; border-radius: 10%; padding: 2px; font-weight: bold;*/
.modal { background: rgba(0,0,0,0) !important;}
.modal-toggle { display: none; }
.modal-toggle.show { display: block; }
.modal-toggle.btn.show { display: inline-block !important; }

.table tr.priority > td:first-child { position: relative; padding-left:13px; }
.table tr.priority > td:first-child:before { content:''; width:8px; height:100%; display: block; position: absolute; top:0; left:0; }
.table tr.priority-1 > td:first-child:before, .table tr.priority-1 td.priority-bg,
.table tr.priority-2 > td:first-child:before, .table tr.priority-2 td.priority-bg,
.table tr.priority-3 > td:first-child:before, .table tr.priority-3 td.priority-bg,
.table tr.priority-5 > td:first-child:before, .table tr.priority-5 td.priority-bg { color:#fff; }
.table tr.priority-1 > td:first-child:before, .table tr.priority-1 td.priority-bg, .bg-priority-1 { background:#f56954; }
.table tr.priority-2 > td:first-child:before, .table tr.priority-2 td.priority-bg, .bg-priority-2 { background:#f39c12; }
.table tr.priority-3 > td:first-child:before, .table tr.priority-3 td.priority-bg, .bg-priority-3 { background:#00a65a; }
.txt-priority-1 { color:#f56954; }
.txt-priority-2 { color:#f39c12; }
.txt-priority-3 { color:#00a65a; }
/* .table tr.priority-4 > td:first-child:before, .table tr.priority-4 td.priority-bg, .bg-priority-4 { background:#d2d6de; } */
/* .table tr.priority-5 > td:first-child:before, .table tr.priority-5 td.priority-bg, .bg-priority-5 { background:#b5bbc8 } */

.table td.ellipsis { max-width:200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tooltip .tooltip-inner {
    max-width: 400px !important;
    color:#303030;
    background-color:#DCDCDC;
}

.tooltip.top .tooltip-arrow { border-top-color: #DCDCDC; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #DCDCDC; }
.tooltip.left .tooltip-arrow { border-left-color: #DCDCDC; }
.tooltip.right .tooltip-arrow { border-right-color: #DCDCDC; }

.actions-container .v-separator { display:inline-block; height:22px; width: 1px; margin: 0 5px; background: #eee; position: relative; top:10px; }

.table .filled-cell { padding:5px; height:80px; }
.table .filled-cell.date-cell, .table .filled-cell table, .table .filled-cell table td  { width:160px; height:80px; }
.table .filled-cell.filled-cell-narrow, .table .filled-cell.filled-cell-narrow table, .table .filled-cell.filled-cell-narrow table td  { width:120px; }
.table .filled-cell.date-cell { padding-left:0; padding-right:0; }
.table .filled-cell table { background:#e0e2e8; position: relative; }
.table .filled-cell table td { overflow:hidden; }
.table .filled-cell table td i { position: absolute; top:5px; left:5px; }
.table .filled-cell .ppc { position: absolute; height:80px; display: block; top:0; left:0; }
.table .filled-cell .txt { position:relative; }

.table .filled-cell.five-rows { height:200px;}
.table .filled-cell.date-cell.five-rows, .table .filled-cell.five-rows table, .table .filled-cell.five-rows table td  {  height:200px; }

.table .filled-cell-pnl { padding:5px; height:80px; }
.table .filled-cell-pnl.date-cell, .table .filled-cell-pnl table, .table .filled-cell-pnl table td  { min-width:120px;max-width:180px; height:80px; }
.table .filled-cell-pnl.date-cell { padding-left:0; padding-right:0; }
.table .filled-cell-pnl table { background:#e0e2e8; position: relative; }
.table .filled-cell-pnl table td { overflow:hidden; }
.table .filled-cell-pnl table td i { position: absolute; top:5px; left:5px; }
.table .filled-cell-pnl .ppc { position: absolute; height:80px; display: block; top:0; left:0; }
.table .filled-cell-pnl .txt { position:relative; }

.table .filled-cell-pnl.five-rows { height:200px;}
.table .filled-cell-pnl.date-cell.five-rows, .table .filled-cell-pnl.five-rows table, .table .filled-cell-pnl.five-rows table td  {  height:200px; }

.btn.btn-grey { background:#727272 !important; color: white; }
.btn.btn-white { background:#fff !important; }
.btn.btn-transparent { background:none !important; }
.btn.btn-circle { border-radius: 100%; width:36px; padding:6px; }
.btn.btn-circle-blue { border-radius: 100%; width:36px; padding:6px; background-color: rgb(51, 122, 183);}
.btn.btn-circle-red { border-radius: 100%; width:36px; padding:6px; background-color: #dd4b39;}
.btn.btn-circle-green { border-radius: 100%; width:36px; padding:6px; background-color: #00a65a;}
.btn.btn-circle-teal { border-radius: 100%; width:36px; padding:6px; background-color: #39CCCC;}
.btn.btn-circle-orange { border-radius: 100%; width:36px; padding:6px; background-color: #f79e2c;}
.btn.btn-circle-info { border-radius: 100%; width:36px; padding:6px; background-color: #00c0ef;}
.btn.btn-circle-grey { border-radius: 100%; width:36px; padding:6px; background-color: #727272 ;}
.btn.btn-circle:not(.btn-transparent, .btn-default) { color:#fff; }
.btn.btn-circle.btn-transparent { border:2px solid #000; }
.btn.btn-circle.btn-lg { width:48px; padding:10px; }
.btn.btn-circle.btn-sm { width:32px; padding:5px; }
.btn.btn-xs.btn-ico { width:25px; text-align:center; }

.cbms-widget-boxes .glyphicon { font-size:75px; right:10px; }
.cbms-widget-boxes .small-box .inner { position: relative; }
.cbms-widget-boxes .small-box .inner p { overflow: hidden; position: absolute; }

.nowrap { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:block; }
.nowrap.pr-2 { padding-right:2em; }
.nowrap + .tooltip > .tooltip-inner { max-width:100% !important; }
.nowrap-flex { display:flex; }
.nowrap-flex .nowrap { flex-grow: 1; width:0; }

.progressbar { position:relative; border-radius:12px; overflow: hidden; }
.progressbar .progress { position:absolute; height:100%; top:0; left:0; display:block; }
.progressbar .txt { position: relative; padding:0; line-height:24px; display: block; text-align:center; font-weight:bold; }
.progressbar-large { border-radius:16px; }
.progressbar-large .text { line-height:32px; }
.progressbar .ppc { position: absolute; height:100%; top:0; left:0; display: block; }

/* STICKY TABLE HEAD */
.tableFixHead          { overflow-y: auto; max-height: 80vh; }
.tableFixHead thead th { position: sticky; top: 0; padding: 50px; background:#fff;z-index:1; }

.tableFixHeadPadding          { overflow-y: auto; max-height: 80vh; }
.tableFixHeadPadding thead th { position: sticky; top: -10px; background:#fff; z-index:1;}


.tableFixColumn           { position: sticky; left: 0; padding: 50px; background:#fff; }
th.tableFixColumn { position: sticky; left: 0; padding: 50px; background:#fff; z-index:1 ;}

.tableFixHeadAqua          { overflow-y: auto; max-height: 80vh; }
.tableFixHeadAqua thead th { position: sticky; top: 0; padding: 50px; background:#00c0ef; color:#fff; z-index: 1;}
.tableFixHeadAquaSimple { position: sticky; top: 0; padding: 50px; background: #31cff7; color:#fff; z-index: 1;}

.tableFixHead thead tr.fixHeadAqua th { position: sticky; top: 0; background:#00c0ef; color:#fff; z-index: 1;}
.tableFixHead thead tr.fixHeadBlue th { position: sticky; top: 46px; background:#0073b7; color:#fff; z-index: 1;}
.tableFixHead thead tr.fixHead1 th { position: sticky; top: 0px; background:#fff; z-index: 1;}
.tableFixHead thead tr.fixHead2 th { position: sticky; top: 44px; background:#fff; z-index: 1;}
.tableFixHead thead tr.fixHead3 th { position: sticky; top: 88px; background:#fff; z-index: 1;}
.tableFixHead thead tr.fixHead4 th { position: sticky; top: 132px; background:#fff; z-index: 1;}

.dark-mode .lc-sm-icons { color: white; }
.lc-sm-icons { color: gray; }

/*Small calendar*/ 
.small-calendar {
  min-width: 75% !important;
}

.dark-mode .small-calendar {
  color: white !important;
  background: #585858;
}

.dark-mode .small-calendar:hover {
  color: black !important;
}

.dark-mode #small-day-calendar .e-other-month .small-calendar{
  color: grey !important;
} 

.dark-mode #small-day-calendar .e-month th {
  color: white !important;
} 

.dark-mode #small-day-calendar .e-today .small-calendar{
  color: black !important;
} 

.dark-mode #small-day-calendar .e-title {
  color: white !important;
}

.dark-mode #small-day-calendar .e-selected .small-calendar, .dark-mode #small-day-calendar .e-focused-date .small-calendar{
  color: white !important;
  background: #999;
} 

span.small-calendar {
  border: none !important;
}

/** STICKY CALENDAR HEADER*/
.calendarFixHead          { overflow-y: auto; max-height: 310px; }
.calendarFixHead .fc-header-toolbar  { position: sticky; top: 0; background:#fff; z-index: 2;}
/* fisa angajat */
.tableFixHead thead tr.fa1 th { position: sticky; top: 0; background:#00c0ef; color:#fff; z-index: 1;}
.tableFixHead thead tr.fa2 th { position: sticky; top: 30px; background:#8cbddb; color:#fff; z-index: 1;}
.tableFixHead thead tr.fa3 th { position: sticky; top: 60px; background:#00c0ef; color:#fff; z-index: 1;}
.tableFixHead thead tr.fa4 th { position: sticky; top: 90px; background:#8cbddb; color:#fff; z-index: 1;}
.tableFixHead thead tr.fa5 th { position: sticky; top: 0; background:#ffffff; color:rgb(0, 0, 0); z-index: 1;}

/* radio-box styling */
.radio-box { float:left; }
.radio-box .radio { margin:0; }
.radio-box .radio label  { position: relative; width:100%; height:34px }
.radio-box .radio label input { visibility: hidden; }
.radio-box .radio label .deco { display: block; position: absolute; width:100%; height:100%; top:0; left:0; color:#fff; text-align:center; }
.radio-box .radio label .deco i { width:100%; position: absolute; left:0; top:10px; }
.radio-boxes-sm .radio-box label { height:24px;  }
.radio-boxes-sm .radio-box label .deco i { top:5px; }
.radio-box.radio-box-circle { margin-right:1em; width:34px; }
.radio-box.radio-box-circle label { width:34px; overflow: hidden; }

/*Calendar*/
.fc-row.fc-week.fc-widget-content { z-index: 0;}

/* DASHBOARD STYLING */
.dashboard-grey { background-color: #ECF0F5; }
.no-box-shadow { box-shadow: none; }

.morris-hover{position:absolute;z-index:1000}
.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}
.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}

.checkbox-wrap:not(:first-child) .checkbox { padding-left:20px; }
.checklist-title { width: 100%; }
.dark-mode .input-check { background: #6e6e6e; }
.dark-mode span.input-check { background: #444; }
span.input-check { background: #f4f4f4; }

.nav-tabs-custom .tab-pane { overflow-x:auto; }
.dropdown-menu.reversed-direction { top:auto; right:0; bottom:100%; left:auto; }
.dropdown-menu.expanded { position: relative; float:none !important; }

.no-hex { background-image:url('transparency.png'); background-repeat:repeat; }

.border-top-10{ border-top: 1px solid #eee; padding-top: 10px; }

.modal-lead-candidates .hidden { display:none; }
.table-lead-candidates .row-candidate:hover { cursor:pointer; background-color:rgba( 0, 185, 241, 0.1); }
.table-lead-candidates .row-candidate.selected { background-color:rgba( 0, 185, 241, 0.25); }


#maintenance-page { color:#409cff; }
#maintenance-page #particles-js { background-color:#000; top:0; left:0; background-size:cover; }
#maintenance-page #logo { margin-top:10%; margin-bottom:50px; }
#maintenance-page .content { font-size:18px; }
#maintenance-page .content h1 { font-size:2em; text-transform: uppercase; }
#maintenance-page #countdown span { font-size: 2em; color:#fff; }


.show-search-task{ height:500px; overflow:auto; width:100%; }

.checkbox-wraps .checkbox-wrap .checkbox { position:relative; display:block; padding-right:30px; }
.checkbox-wraps .checkbox-wrap .link { position:absolute; top:0; right:0; }

.nestable-lists .dd-empty { min-height:30px !important; background-color: #fff; }
.nestable-lists p { position:relative; left:-15px; }
.nestable-lists .dd-handle:hover { background-color:#f6f6f8; color:#668; cursor:pointer; }

.box.box-no-shadow { box-shadow:none; }
.list-group.list-items-unbordered li { border:none; }

.sidebar-menu li ul li .pull-right-container {
  right: 20px;
  margin-top: -10px;
}

.open-search { position: relative; }
/*.search-results-wrap { position:absolute; width:100%; display:none; z-index:100;  }*/
.open-search .search-results-wrap { background: #f2f2f2; color:#000; }
.search-results-wrap.show { display:block; }
.search-results-container { overflow-y:auto; overflow-x:hidden; }
.open-search .search-results-container { max-height:400px; }
.open-search .search-extras { background:#ebeef0; padding:0.5rem 0; }
.search-results { list-style: none; margin:0; padding:0; position: relative; }
.open-search .search-results figure { width:40px; height:40px; margin:0 0.5rem; background-repeat:no-repeat; background-size:contain; background-position: center; float:left; overflow: hidden; display:block; border-radius:100%; }
.search-results span { height:24px; display:block; }
.open-search .search-results span { padding:12px 0; }
.open-search .search-results span.no-results { padding:12px 1em; }
.search-results li { white-space: nowrap; overflow: hidden; cursor:pointer; font-size:14px; }
.open-search .search-results li { height:50px; padding:6px 0; }
.open-search .search-results li a { display:block; height:100%; }
.open-search .search-results li a:hover, .open-search .search-results li a:focus { color:inherit; }
.open-search .search-results li.selected, .search-results-container, .box-widget { position:relative; z-index:1;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.15);
}
.open-search .search-results li.selected { background:#f9f9f9; }

.td-label{ display: inline-block; width: 16px; height: 16px; float:left; margin-right: 5px;}

.box-header .form-text-view {
  font-size: 18px;
  font-weight: 600;
  padding: 0 12px;
  line-height: 1;
}

.box-header .form-group {
  margin: 0px;
  /* display:inline-block; */
}

.box-header .input-group {
  width: 30% !important;
}

.form-text-view {
  /* display: block; */
  width: 100%;
  max-width:1000px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  position:relative;
}

.dark-mode .form-text-view{ color: white !important ;}

.form-text-view span.label{
  margin-top: 10px;
  margin-right: 4px;
  border-radius: 7px !important; 
  font-size: 85%;
  font-weight: 600;
}

.has-error .select2-selection{
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.form-group.has-error .form-control, .form-group.has-error .input-group-addon, .form-group.has-error .form-text-view {
  border-color: #a94442;
  border: 1px solid #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(240, 81, 81, 0.075);
  box-shadow: inset 0 1px 1px rgba(240, 81, 81, 0.075);
}

.dash-btn {
  font-size: 17px; padding:1px 2.5px 1px 2.5px;
}

/* Sesiuni */
.nav-tabs-ses-boxes { padding:15px; }
.nav-tabs-ses-boxes, .nav-tabs-ses-boxes>.tab-content { background:none; }
.nav-tabs-ses-boxes .tab-content, .nav-tabs-ses-boxes .tab-pane .box-body { padding:0; }
.nav-tabs-ses-boxes .tab-pane { overflow: unset; }
.nav-tabs-ses-boxes .nav-tabs { border:none !important; }
.nav-tabs-ses-boxes .tab-pane .box-body .box-mese { margin-top:15px !important; }
.nav-tabs-ses-boxes .tab-pane .box-body .box-part-tab { margin-top:15px !important; }
.nav-tabs-ses-boxes .tab-pane .box-body .box { margin-top:15px !important; }
.content-header > h1.ld-box-wrapper-title { font-size:2.5em; margin: 20px 0; }
.nav-tabs-ses-boxes li.tab-btn a { border-radius:4px; }
.nav-tabs-ses-boxes li.tab-btn a { background-color: #d2d6de; border:none; color:#555; }
.dark-mode .nav-tabs-ses-boxes li.tab-btn a { background-color: #515050; border:none; color:#d2d6de; }
.dark-mode .nav-tabs-ses-boxes li.tab-btn.btn-note .btn-notea { background-color: #515050 !important; border:none; color:white !important; }
.nav-tabs-ses-boxes li.tab-btn a:hover, .nav-tabs-ses-boxes li a:focus { background-color: #3c8dbc; color:white; }
.nav-tabs-ses-boxes li.tab-btn.active a, .nav-tabs-ses-boxes li.tab-btn.active a:hover, .nav-tabs-ses-boxes li.tab-btn.active a:focus { background-color: #555; color:white; border:none; }
.dark-mode .nav-tabs-ses-boxes li.tab-btn.active a, .dark-mode .nav-tabs-ses-boxes li.tab-btn.active a:hover, .dark-mode .nav-tabs-ses-boxes li.tab-btn.active a:focus { background-color: #d2d6de; color:black; border:none; }
/* END SESIUNI */

/* lEADS DASHBOARD */
.nav-tabs-ld-boxes { padding:15px; }
.nav-tabs-ld-boxes, .nav-tabs-ld-boxes>.tab-content { background:none; }
.nav-tabs-ld-boxes .tab-content, .nav-tabs-ld-boxes .tab-pane .box-body { padding:0; }
.nav-tabs-ld-boxes .tab-pane { overflow: unset; }
.nav-tabs-ld-boxes .nav-tabs { border:none; }
.nav-tabs-ld-boxes .tab-pane .box-body .box { margin-top:15px; }
.content-header > h1.ld-box-wrapper-title { font-size:2.5em; margin: 20px 0; }
.nav-tabs-ld-boxes li.tab-btn a { border-radius:4px; }
.nav-tabs-ld-boxes li.tab-btn a { background-color: #d2d6de; border:none; color:#555; }
.dark-mode .nav-tabs-ld-boxes li.tab-btn a { background-color: #555; border:none; color:#d2d6de; }
.nav-tabs-ld-boxes li.tab-btn a:hover, .nav-tabs-ld-boxes li a:focus { background-color: #3c8dbc; color:white; }
.nav-tabs-ld-boxes li.tab-btn.active a, .nav-tabs-ld-boxes li.tab-btn.active a:hover, .nav-tabs-ld-boxes li.tab-btn.active a:focus { background-color: #555; color:white; border:none; }
.dark-mode .nav-tabs-ld-boxes li.tab-btn.active a, .dark-mode .nav-tabs-ld-boxes li.tab-btn.active a:hover, .dark-mode .nav-tabs-ld-boxes li.tab-btn.active a:focus { background-color: #d2d6de; color:black; border:none; }
.ld-box-container .box-trigger { cursor:pointer; }
.ld-box-container { border-radius:8px; }
.ld-box-title { margin-top:10px; }
.ld-box-container .btn-box-tool { color:#fff; }
.ld-box-1 { border-radius:8px; overflow: hidden; }
.ld-box-1 .nav-stacked, .ld-box-1 .widget-user-header { 
    -webkit-box-shadow: 0px 0px 8px 5px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 8px 5px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 8px 5px rgba(0,0,0,0.20);
}
.ld-box-1 .widget-user-header { padding-right:15px; cursor:pointer; min-height: 154px; position: relative; }
.ld-box-1 .widget-user-username { margin-left:0; margin-right:75px; font-size:22px; }
.ld-box-1 .widget-user-desc { margin-left:0; margin-right:75px; font-size:30px; position: absolute; left:15px; bottom:5px; }
.ld-box-1 .widget-user-circle { position: absolute; right:15px; top:25px; width:65px; height:65px; border-radius:100%; font-size:18px; text-align:center; line-height: 65px; }
.ld-box-1 .box-footer { border-top:none; }
.ld-box-1 .nav-stacked li span.badge { width:45px; }

.ld-box-1 .nav-stacked li a { padding-top:12px; height:42px; }
.ld-box-1 .nav-stacked li a ul { width:80px; margin:0; padding:0; margin-right:10px; position:relative; z-index:1000; }
.ld-box-1 .nav-stacked li a li.badge.ids-link { display:inline-block; width:18px; margin-right:5px; margin-bottom:3px; height:18px; padding:0; }
.ld-box-1 ul.nav.responsabili { margin:0; padding:0; list-style:none; }
.ld-box-1 ul.nav.responsabili li a.ids-link { position: relative; display: block; padding:12px 15px 10px 50px; }
.ld-box-1 ul.nav.responsabili li a.ids-link .no-profile-picture { position: absolute; top:8px; left:15px; }
.ld-box-1 ul.nav.responsabili li .lead-count { font-size:16px; line-height:18px; font-weight: bold; }
.ld-box-1 ul.nav.responsabili li .badge.ids-link { width:30px; }
.ld-box-1 ul.nav.responsabili li .badge.ids-link.bg-red { background-color:#f56954 !important; }
.ld-box-1 ul.nav.responsabili li .badge.ids-link.bg-green { background-color:#00a65a !important; }
.ld-box-1 .widget-user-header.bg-contractare { background-color:#00a65a; }
.ld-box-1 .widget-user-header.bg-ofertare    { background-color:#39CCCC; }
.ld-box-1 .widget-user-header.bg-intalnire   { background-color:#f39c12; }
.ld-box-1 .widget-user-header.bg-contactare  { background-color:#00c0ef; }
.ld-box-1 .widget-user-header.bg-inactive    { background-color:#555; }
.ld-box-1 .widget-user-header.bg-suspendat   { background-color:#3c8dbc; }
.ld-box-1 .widget-user-header.bg-nu          { background-color:#605ca8; }
.ld-box-1 .widget-user-header.bg-numar       { background-color:#ca2c92; }
.ld-box-1 .widget-user-header.bg-refuz       { background-color:#dd4b39; }
.ld-box-1 .widget-user-header.bg-ascuns      { background-color:#000; }

.chart-buttons .chart-btn { display: inline-block;}
.chart-buttons .chart-btn:hover { cursor:pointer; }
.chart-buttons.zone .chart-btn { padding:10px; text-transform:uppercase; }
.chart-buttons.users .chart-btn { border-radius:100%; width:50px; height:50px; position: relative; overflow: hidden; margin:0 5px;  }
.chart-buttons.users .chart-btn:before { content:''; display: block; position: absolute; width:100%; height:100%; background-color: rgba(236, 240, 245, 0.5); top:0; left:0; }
.chart-buttons.users .chart-btn img { position: relative; }
.chart-buttons.users .chart-btn.removed img { opacity: 0.5; }
.chart-buttons.zone .chart-btn.removed { text-decoration:line-through; }

.chartLegend .btn.type-toggler { background-color: transparent; font-size: 16px; padding: 10px 15px; border:none; box-shadow: none; margin-bottom:15px; }
.chartLegend .btn.type-toggler:hover, .chartLegend .btn.type-toggler:focus, .btn.canvas-trigger.selected { color:inherit; border:none; box-shadow: none; }
.chartLegend .btn.type-toggler.selected { font-size:22px; }
.btn.canvas-trigger.selected { font-size: 17px; }
/* LD END */


.btn-divider, .btn-divider-left{
  vertical-align: middle;
  display: inline-block;
  width: 1px;
  background-color: #eee;
  margin: 0 10px;
}

/*styluri scoase din cod*/
.box-header-grey {background: #ecf0f5; padding: 20px;}
.box-solid-task {background: #ecf0f5 !important;}
.collapsed-box-task {background-color: rgba(255,255,255,0.5);}
.collapsed-box-task2 {background-color: rgba(255,255,255,0.5);}
.direct-chat-warning-task {background: #f9f9f9;}
.butoane-edit{margin-left: 10px; padding-left: 10px; border-left: 1px solid #eee; display:inline-block}
.check-task {border-radius: 2px;    padding: 10px;background: #f4f4f4;margin-bottom: 2px; border-left: 2px solid #00a65a !important; color: #444;}
.fa-exclamation-circle-pontaj {color: red; font-size: 1.5em;}
.negru{color: #000000;}
.alb{color: #FFFFFF;}
.negrud{color: #000000;}
.doc-info-image-oferte{border-right: 1px solid #eee;}
.oferteb{margin-left: 10px; padding-left: 10px; border-left: 1px solid #eee; display:inline-block}
.livrare{color: #000000;}
.negru1{color: #000000;}
.alb1{color: #f2f2f2;}
.table th.zisaptamana{ text-align: center;min-width: 45px ;color:#000000}
.table th.zisaptamana.weekend{color: red;}
.table th.zileraport.zilew{color: red}
.table th.zileraport{text-align: center; color: #000000;}
.table th.zileraport.backgroundzile{background: #f9f9f9;}
.box-solid{background-color: transparent;}
.move-t-taskuri a{color: #000000}
.portlet-header-taskurid a{color: #000000;}
.callout.callout-warning, .alert-warning, .label-warning,  .modal-warning .modal-body {background-color: #f39c12 !important; border-radius: 10px;overflow: hidden;}
.callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {background-color: #00a65a !important; border-radius: 10px;overflow: hidden;}
.callout.callout-info, .alert-info, .label-info, .modal-info .modal-body { background-color: #00c0ef !important; border-radius: 10px; overflow: hidden;}
.callout.callout-grey, .alert-grey, .label-grey, .modal-grey .modal-body { background-color: rgb(217, 217, 217) !important; border-color: #b5b5b5; border-radius: 10px; overflow: hidden; }
.dark-mode .callout.callout-grey, .alert-grey, .label-grey, .modal-grey .modal-body { background-color: rgb(217, 217, 217) !important; border-color: #b5b5b5; border-radius: 10px; overflow: hidden; color: black !important;}
.label-info-v2 { background-color: #008bcc !important; border-radius: 10px; overflow: hidden;}
.label-grey-outline { border: 1px solid #363636; border-radius: 10px; overflow: hidden; color: #000;}
.dark-mode .label-grey-outline { border: 1px solid #fff; border-radius: 10px; overflow: hidden; color: #fff; }
.callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {background-color: #dd4b39 !important; border-radius: 10px;overflow: hidden;}
.btn-sm{border-radius: 20px;}
.label-primary, .modal-primary .modal-body {background-color: #3c8dbc !important; border-radius: 10px;}
.label{border-radius: 20px !important;}

.zilenelucrate{background-color: #F7D9D9; text-align: center;}
.zilenelucraterosi{background-color: #F7D9D9; text-align: center; color: red;}
.alb2{background: white;}
.xs-mt-50 .btn-success{border-radius: 20px;}
.content-html .dropdown .dropdown-toggle {border-radius: 15px;}
.box-tools .add-item{border-radius: 20px;}
.box-tools .dropdown .dropdown-toggle{border-radius: 20px;}
.custom-box:hover > .custom-box-tools[elements="4"]{ min-width: 8.8%; }
.custom-box:hover > .custom-box-tools[elements="5"]{ min-width: 12%; }
.col-xs-12 .box-primary .box-body .dropdown-toggle{border-radius: 20px;}
.content-header .btn-primary{border-radius: 20px;}
.no-before-tabel .bugete-verde{border-radius: 10px; overflow: hidden;}
.table-striped .dropdown .dropdown-toggle {border-radius: 20px;}
.label-danger-amanat-gri{background-color: grey !important;}
.table .filled-cell table { border-radius: 10px; overflow: hidden;}

.custom-box {
  border-radius: 2px;
  padding: 10px;
  background: #f4f4f4;
  margin-bottom: 2px;
  border-left: 2px solid #e6e7e8;
  color: #444;
}
.dark-mode .custom-box {
  border-radius: 2px;
  padding: 10px;
  background: #444;
  margin-bottom: 2px;
  border-left: 2px solid #444;
  color: #f4f4f4;
}

#drop-area {
  border: 2px dashed black;
  border-radius: 20px;
  width: 400px;
  font-family: sans-serif;
  margin: 100px auto;
  padding: 20px;
}
#drop-area.highlight {
  border-color: purple;
}
p {
  margin-top: 0;
}
.my-form {
  margin-bottom: 10px;
}
.drag-area{
  border: 2px dashed black;
  height: 500px;
  width: 700px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.drag-area.active{
  border: 2px solid black;
}
.drag-area .icon{
  font-size: 100px;
  color: black;
}
.drag-area header{
  font-size: 30px;
  font-weight: 500;
  color: black;
}
.drag-area span{
  font-size: 25px;
  font-weight: 500;
  color: black;
  margin: 10px 0 15px 0;
}
.drag-area button{
  padding: 10px 25px;
  font-size: 20px;
  font-weight: 500;
  border: none;
  outline: none;
  background: black;
  color: #5256ad;
  border-radius: 5px;
  cursor: pointer;
}
.drag-area img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.priority-bg{ border-radius: 10px;}
.bg-primary {color: #fff; border-radius: 10px; overflow: hidden;}
.modal-footer .btn {border-radius: 20px; }
.modal-footer .btn-primary { border-color: #367fa9;}
.btn-green {border-radius: 20px; background-color: #00a65a;}
/* .modal-xxl .modal-footer .btn-primary {border-radius: 100%; border-color: #367fa9;} */
.modal-footer .btn-success{border-radius: 20px;}
.modal-footer .modal-ckall-button{border-radius: 20px; color: #f2f2f2;}
.fv-modal-stack-1 .modal-lg .box .modal-footer .modal-ckall-button{border-radius: 100%; color: #f2f2f2;}
.modal .pull-left{border-radius: 20px;}
.box-primary .box-body .open .dropdown-menu{border-radius: 20px;}
.box-primary .box-body .open {border-radius: 20px;}
.box-primary .box-header .open .pull-right{border-radius: 20px;}
.box-primary .box-header .open .dropdown-menu{border-radius: 20px;}
.modal-open .fv-modal-stack-1 .modal-lg .box .btn-info{border-radius: 20px;}
.col-md-3 .nav-tabs-custom .tab-content .table-condensed .dropdown .dropdown-toggle{border-radius: 10px;}
/* .col-lg-3 .tab-content .active .pull-right{border-radius: 10px;} */
.notificari .notification-action-btn{margin-left: 240px;}
.notificari .dropdown-menu{margin-left: 100px; border-radius: 20px;}
.notificari .necitit .notification-icon .fa-eye-slash{color: #f39c12;}
.notificari .citit .notification-icon .fa-eye{color: green;}
.label-equalized-top3 {position: relative; top: -2px;}
.timeline-article .content-date {position: absolute;top: 70%;left: 0px;font-size: 15px;}
.te-label {position: absolute;right: 0px;top: 70px;}
.modal-dialog .box .modal-body .xs-mt-50 .btn{border-radius: 20px;}
.col-md-4 .box-primary .box-body p a{border-radius: 20px;}
.tab-content .active .box-none .box-body .panel-group .panel-default .panel-heading a{border-radius: 10px;}
.box-body .panel-group .panel-default .panel-heading .btn{border-radius: 20px;}
.content-html .open .pull-right{border-radius: 20px;}
.wrapper .content-wrapper .container-fluid .box-body .btn{border-radius: 20px;}
.col-md-6 .open .dropdown-menu {border-radius: 20px;}
.col-lg-9 .nav-tabs-custom .tab-content .active .clearfix .btn{border-radius: 20px;}
.tab-content .active .direct-chat-info .box-footer .pull-right{border-radius: 20px !important;}
.col-xs-12 .clearfix .open .pull-right{border-radius: 20px;}
.tab-content .active .row .col-md-6 .box-defaul .text-right .btn-primary{border-radius: 20px;}
.active .col-lg-4 .col-xs-12 .text-right .btn-primary{border-radius: 20px;}
.active .row .col-md-6 .box-info .text-right .btn-primary{border-radius: 20px;}
.col-md-6 .box-warning .text-right .btn-primary{border-radius: 20px;}
.col-md-6 .box.box-success .text-right .btn-primary{border-radius: 20px;}
.content-html .mb-0 .dt-tooltip .pbg {background-color: transparent !important;}
.col-lg-9 .box-primary .box-header .box-tools .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.col-lg-9 .box-primary .box-header .box-tools .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.last-btn { background: #00c0ef !important; }
.last-btn:hover {border-top-right-radius: 20px !important; border-bottom-right-radius: 20px !important; }
/*raport PNL*/
.box .tableFixHead .tip_raport_2 tr td.totaluri.br-left .pseudo {border-top-left-radius: 15px !important ;border-bottom-left-radius: 15px !important;}
.box .tableFixHead .tip_raport_2 tr td.totaluri.br-right .pseudo {border-top-right-radius: 15px !important ;border-bottom-right-radius: 15px !important;}
.box .tableFixHead .tip_raport_1 tr td.totaluri.br-left .pseudo {border-top-left-radius: 15px !important ;border-bottom-left-radius: 15px !important;}
.box .tableFixHead .tip_raport_1 tr td.totaluri.br-right .pseudo {border-top-right-radius: 15px !important ;border-bottom-right-radius: 15px !important;}
.tab-content .active .box-footer .pull-right{border-radius: 20px !important;}
.container-fluid .open .pull-right{border-radius: 20px;}

table td.filled-cell-dark .pseudo-dark{border-radius: 20px !important;}
.tip_raport_2 .priority-bg{border-radius: 20px !important;}
.tip_raport_2 .priority-bg .txt div {border-radius: 20px !important;}
/*Raport Pnl*/

.box-solid-task .desktop-scrollable-x .ui-sortable .portlet{border-radius: 10px;}
.box-solid .desktop-scrollable-x .tb .portlet2{border-radius: 10px;}
.margin-r-5 .fa-trash{color: red;}
.margin-r-5 .fa-3x {color: #fff !important; width: 40px !important;}
.btn-primary-facturiemise{border-radius: 20px;}
.tabbgprod{background-color: #d9edf7;}
.bg-gri-color{border-top: 1px solid white;}
.bg-gri-s1color{text-align: right; border-top: 1px solid white;}
.bg-gri-s2color{text-align: right;}
.modal-body .text-center .btn-primary{border-radius: 20px}
.modal-body .text-center .btn-default{border-radius: 20px}
.bgcv{background: transparent;}
.nav-tabs-custom .tab-content .active .table .dropdown .dropdown-toggle{border-radius: 20px;}
.btn-default-save{border-radius: 20px;background-color: #00a65a !important; border-color: #008d4c !important; }
.dropdown-menu>li>a:hover {border-radius: 20px;}
.with-border .salveaza, .slideInUp .btn {border-radius: 20px;}
/*modele acte adauga paragraf*/
.box-body .panel-group .panel-default .panel-heading.panel-heading-button .note-para .btn-group .btn.note-btn:last-of-type{border-top-right-radius: 20px !important; border-bottom-right-radius: 20px !important;}
.box-body .panel-group .panel-default .panel-heading.panel-heading-button .note-btn-group .btn, .box-body .panel-group .panel-default .panel-heading.panel-heading-button .note-btn-group.note-para .btn.note-btn:last-of-type{border-radius: 0px;}
.box-body .panel-group .panel-default .panel-heading.panel-heading-button .note-btn-group .btn.note-btn:first-of-type{border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.box-body .panel-group .panel-default .panel-heading.panel-heading-button .note-btn-group .btn.note-btn:last-of-type{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.box-body .panel-group .panel-default .panel-heading.panel-heading-button .note-btn-group .dropdown-toggle{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
/*raport incasari plati*/
.raportplati{background-color: #ECF3FC !important};
.raportplati-last{border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-right: 10px solid white;}
.raportplati-last{border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-right: 10px solid white;}
.firstitem{border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.lastitem{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.lastitem:hover{border-top-right-radius: 20px !im ;  border-bottom-right-radius: 20px;}

.pull-right .form-group .fa.pull-right{border-radius: 20px;}

/*widget*/
.bdradius10{border-radius: 10px; overflow: hidden;}
.bdradius20{border-radius: 100% !important; overflow: hidden;}
.bdradius20-2{border-radius: 20px; overflow: hidden;}
.btn.btn-xs.bdradius20-2{border-radius: 20px; overflow: hidden;} /*intrari iesiri deselecteaza facturi*/

.table-transparent>tbody>tr:nth-of-type(odd){background-color: white;}/*linie tabel raport plati*/
.profit-pnl td, .venit-pnl td, .cost-pnl td {border-bottom: 5px solid white;}/*raport plati*/

.panel-default .panel-heading .in .col-xs-12 .form-group{margin-top: 10px;}/*modele acte*/
.modal-footer-tva{border-top: none !important;}/*modal adauga situatie tva*/
/*bugete*/
.filled-cell-bugete{border: none !important; padding: 5px !important; position: relative; width: 170px !important;}
.filled-cell-bugete i{position: absolute; top: 10px; left: 10px}
.filled-cell-bugete b{position: relative;}
.table tr .filled-cell-bugete::before{ content: ""; width: 160px; height: 160px; position: absolute; top: 0; left: 0; background: #e0e2e8; margin: 5px!important; display: block; box-sizing: border-box; border-radius: 10px;}
.table tr.priority-3 > td:first-child:before, .table tr.priority-3 td.priority-bg, .bg-priority-3, .table tr.priority-3 .filled-cell-bugete:last-child::before {background: #00a65a !important;}
.table tr.priority-2 > td:first-child:before, .table tr.priority-2 td.priority-bg, .bg-priority-2, .table tr.priority-2 .filled-cell-bugete:last-child::before{ background: #f39c12 !important;}
.table tr.priority-1 > td:first-child:before, .table tr.priority-1 td.priority-bg, .bg-priority-1, .table tr.priority-1 .filled-cell-bugete:last-child::before{background: #f56954 !important;}
.prefiltre{display:block; max-width:280px;}
.dropdown-menu-prefiltre{border-radius: 15px;}
.clearfix .btn-group .open .dropdown-menu{border-radius: 20px;}
.col-md-3 .info-box-link span{border-radius: 10px;}
.dropdown-menu .user-footer .pull-right a,.dropdown-menu .user-footer .pull-left a {border-radius: 20px;} /*user footer*/
.nav-tabs-ld-boxes .nav-tabs .open .pull-right {border-radius: 20px;}
.col-md-3 .box-primary .clearfix .btn-default{border-radius: 100%;}
.box-profile .pull-right .fa-save{color: #f2f2f2;}
.btn-div .btn{height: 35px; width: 38px; text-align: center;}
.btn.btn-xs{border-radius: 100% !important;}
.nav-tabs-custom .tab-content .active .box-footer{background-color: transparent;}
.bg-stocuri .pseudo{border-radius: 15px !important;}/*raport stocuri*/
.chart-container{border-radius: 15px !important;}
.capitol-stanga{margin-left: -20px;}
.interval-dark-1{border-top-left-radius: 20px !important ;border-bottom-left-radius: 20px !important; }
.interval-dark-12{border-top-right-radius: 20px !important ;border-bottom-right-radius: 20px !important; }
.status-semi-rotund-top{border-top-left-radius: 10px !important ;border-top-right-radius: 10px !important; }
.status-semi-rotund-bottom{border-bottom-left-radius: 10px !important ;border-bottom-right-radius: 10px !important; }
.box.box-info-red{border-top-color: #C0392B;}
.timeline-back-concediu{display: inline-block; top: 3px; font-size:12px; width:120px !important;} 
.status-radius .bg-aqua, .status-radius .label-success, .status-radius .label-success, .status-radius .label-primary, .status-radius .label-default{border-radius: 10px;}
.copy2-tr .bg-aqua, .copy2-tr .label-success, .copy2-tr .label-success, .copy2-tr .label-primary, .copy2-tr .label-default{border-radius: 10px;}
.bg_calendardark{text-align: center;background:#f9f9f9}
/*modale rotunjite*/
.modal-lg .modal-content.box{border-radius: 20px;}
.modal-dialog .modal-content.box{border-radius: 20px;}
.modal-dialog .modal-content .modal-body{border-top-left-radius: 20px; border-top-right-radius: 20px;}
.modal-lg .modal-content .modal-body{border-top-left-radius: 0px; border-top-right-radius: 0px;}
.modal-dialog .modal-content .modal-body.att , .modal-dialog .modal-content .modal-body.form{border-top-left-radius: 0px; border-top-right-radius: 0px;}
.modal-dialog .modal-content{border-radius: 20px;}
.pnlicon{text-align: center;}
.dark-mode .box.dark{background-color: #585858;}
.dark-mode .bg_calendardark{text-align: center;background: #585858;}
.btn.btn-xs.unselectFF.radiusnot{border-radius: 0px !important; margin-bottom:-10px}
.btn.btn-xs.unselectBO.radiusnot{border-radius: 0px !important; margin-bottom:-10px}
.box-header.folders{padding: 30px !important;}
.container-attachmentsfolder{ box-shadow: 5px 5px 10px -2px rgb(0 0 0 / 20%);  border-radius: 10px; padding: 20px; margin-top:20px; position: relative; background: #ffffff; margin-bottom: 20px; width: 100%;}
.folder{background-color:lightseagreen; border-color:#ddd;}
.folder-icon{color: black;}
.breadcrumb.folderes{margin-right: 25px;}
.divfolders{border-bottom: 1px solid #f4f4f4; padding: 10px;}
.dropdown-menu{border-radius: 20px;}
.sectiunifolders{font-size: 18px; color: lightseagreen;}
.centreprograme{padding: 10px;}
.box-tools.fisa{float: right; padding: 10px;}
.sidebar-menu .treeview-menu .menu-level4{padding-left:0px;}
.sidebar-menu .treeview-menu .menu-level4>a{padding-left:15px; font-size: 12px;}
.factura-capitole-light{background-color:azure;}
/*SO butoane sterge si adauga Eva(17.11.2021)*/
.specs .specs-form-1 .col-md-4 .form-group .btn-danger , .specs .specs-form-1 .col-md-4 .form-group .btn-primary{ border-radius: 100% !important;}
.specs .specs-form-1 .col-md-4 .form-group .btn{padding: 6px 10px !important;}
.smaller-btn{
  max-height: 34px !important;
}
/*SO butoane sterge si adauga*/
.with-border .pull-left{position: absolute; top: 50%; transform: translateY(-50%);} /*interior oferta optimizare mobil*/
.dark-mode .factura-capitole-light{background-color:#444;}
/*notificari*/
.sticky {
  position: sticky;
  bottom: 0;
  align-self: flex-end;
}

.necitit {
  background-color: #f2f2f2;
}

.notification-icon {
  padding : 5%;
}

.notificari h4 {
  margin-top: 0px;
  margin-bottom: 5px;
  padding-top: 10px;
}

.notificari hr {
  margin-top: 0px;
  margin-bottom: 0px;
}

.notification-action-btn {
  border: none;
  background-color: transparent;
}

.dropdown-menu.notificari {
  overflow: hidden auto; 
  max-height: 1000%; 
}

.all-notifications {
  text-align: center;
}

.optiuni-notificari {
  padding-top: 3%;
  font-size: 20px; 
}

.action-notificari {
  padding-right: 5%;
}

.colored-tooltip + .tooltip > .tooltip-inner {background-color: #c5c8c9;}
.colored-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#c5c8c9; }

/*bonuri de retur*/
.exceptie-parent .warning{background-color: transparent;} 
.dark-mode .border-tablem tbody tr td.warning:first-child:before {background: #f79e2c;}
.dark-mode .tablem tbody tr td:first-child:before {content: " "; display: block; width: 8px; height: 100%;position: absolute;left: 0;top: 1px;}

/* DARK MODE */
.dark-mode .container-attachmentsfolder{ box-shadow: 5px 5px 10px -2px rgb(0 0 0 / 20%);  border-radius: 10px; padding: 20px; margin-top:20px; position: relative; background: #515050; margin-bottom: 20px; width: 100%;}
.dark-mode .folder{background-color:lightseagreen; border-color:#585858;}
.dark-mode .divfolders{border-bottom: 1px solid #585858; padding: 5px;}
.dark-mode .folder-icon{color: white;}
.dark-mode .skin-black .wrapper, .dark-mode .skin-black .main-sidebar, .dark-mode .skin-black .left-side {background-color: #222d32; border-right: 1.5px solid #444;} /*culoare meniu*/
.dark-mode .skin-black .sidebar-menu>li.header {color: #4b646f;background:#222d32; border-bottom: 1px solid #444; }
.dark-mode .tiles-row {background-color:  #222d32;} 
.dark-mode .content-wrapper { background-color: #585858} /* culoare spate context*/
.dark-mode .tile.bg-none { color:#f2f2f2; }  
.dark-mode .box { background-color: #515050} /*culoare tabel*/
.dark-mode .box thead th{ border-top: 1px solid #444 !important;}
.dark-mode .fc-unthemed .fc-content, .dark-mode .fc-unthemed .fc-divider, .dark-mode .fc-unthemed .fc-list-heading td, .dark-mode .fc-unthemed .fc-list-view, .dark-mode .fc-unthemed .fc-popover, .dark-mode .fc-unthemed .fc-row, .dark-mode .fc-unthemed tbody, .dark-mode .fc-unthemed td, .dark-mode .fc-unthemed th, .dark-mode .fc-unthemed thead {
border-color: #444 !important;}
.dark-mode .tiles-row .tile:hover { color:#f2f2f2; }
.dark-mode .form-control-plain[disabled], .form-control-plain[readonly] { background-color: #444 !important; }
/*header diferite culori*/
.dark-mode .skin-black .main-header .navbar { background-color: #403D3D;}
.dark-mode .skin-black-light .main-header .navbar {background-color: #403D3D;}
.dark-mode .skin-black .main-header>.logo {background-color: #403D3D; color: #fff; border-right: 1.5px solid #444;}
.dark-mode .skin-black-light .main-header>.logo {background-color: #403D3D; color: #fff; border-right: 1.5px solid #444;}
.dark-mode .main-footer{ background: #403D3D; color: #f2f2f2; border-top: #555}
.dark-mode .skin-black .main-header .navbar .nav>li>a{ color: #f2f2f2;}
.dark-mode .skin-black .main-header .navbar>.sidebar-toggle{color: #fff; border-right: 1.5px solid #444; background-color: #403D3D;}
.dark-mode .skin-black-light .main-header .navbar .nav>li>a{ color: #f2f2f2;}
.dark-mode .skin-black-light .main-header .navbar>.sidebar-toggle{color: #fff; border-right: 1.5px solid #444; background-color: #403D3D;}
.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer {background-color: #515050;}
/*culori text tabel*/
.dark-mode .box-header {color: #f2f2f2; }
.dark-mode .content-html {color: #FFFFFF; align-items: center;}
.dark-mode .bugete-rosu {background: #d33724 !important; color: white;text-align: center;}
.dark-mode .bugete-info {background: #00c0ef !important; color: white;text-align: center;}
.dark-mode .bugete-verde {background: #00a65a !important; color: white; text-align: center;}
.dark-mode .box-body{color: #f2f2f2; }
.dark-mode .fc-unthemed .fc-list-empty {background-color: #444}
/*.dark-mode .fc-toolbar{ background-color: #515050;}*/
.dark-mode .table-striped{background: #515050}
.dark-mode .table-striped.table-striped-cashflow{background: #585858;}

.dark-mode .table-striped>tbody>tr:nth-of-type(odd){background-color: #585858;}linie tabel
.dark-mode .table-transparent>tbody>tr:nth-of-type(odd){background-color: #585858;}/*linie tabel raport plati*/
.dark-mode .profit-pnl td, .dark-mode .venit-pnl td, .dark-mode .cost-pnl td {border-bottom: 5px solid #585858;}/*raport plati*/

.dark-mode .table-striped>tbody>tr>td>a>p{color: #f2f2f2;}/*linie tabel ceva*/
.dark-mode .border-tablem tbody tr td.verde:first-child:before {background: #04B45F;}
.dark-mode .bugete-rosu{background: #FE2E2E;}
.dark-mode .border-tablem tbody tr td.rosu:first-child:before {background: #FE2E2E;}
.dark-mode .tabel{background-color:#403D3D; }
.dark-mode .skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a, .dark-mode .skin-black .main-header .navbar .navbar-right>li>a {
border-left: 1.5px solid #444;}
.dark-mode .skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a, .dark-mode .skin-black-light .main-header .navbar .navbar-right>li>a {
  border-left: 1.5px solid #444;}
.dark-mode .skin-black .main-header .navbar-nav>li>a {border-right: 1.5px solid #444;}
.dark-mode .skin-black .main-header .navbar .nav>li>a:hover, .dark-mode .skin-black .main-header .navbar .nav>li>a:active, .dark-mode .skin-black .main-header .navbar .nav>li>a:focus, .dark-mode .skin-black .main-header .navbar .nav .open>a, .dark-mode .skin-black .main-header .navbar .nav .open>a:hover, .dark-mode .skin-black .main-header .navbar .nav .open>a:focus, .dark-mode .skin-black .main-header .navbar .nav>.active>a {
background: #444;color: #ffffff;}
.dark-mode .skin-black-light .main-header .navbar-nav>li>a {border-right: 1.5px solid #444;}
.dark-mode .skin-black-light .main-header .navbar .nav>li>a:hover, .dark-mode .skin-black .main-header .navbar .nav>li>a:active, .dark-mode .skin-black .main-header .navbar .nav>li>a:focus, .dark-mode .skin-black .main-header .navbar .nav .open>a, .dark-mode .skin-black .main-header .navbar .nav .open>a:hover, .dark-mode .skin-black .main-header .navbar .nav .open>a:focus, .dark-mode .skin-black .main-header .navbar .nav>.active>a {
background: #444;color: #ffffff;}
.dark-mode .bg-white-calendar {background-color: transparent}
.dark-mode #calendar .fc-center h2{color:#fff;}
.dark-mode .dropdown .dropdown-menu{ background-color: grey; border-color: #444;}
.dark-mode .dropdown-menu>li>a {color: #f2f2f2;}
.dark-mode .navbar-nav>.notifications-menu>.dropdown-menu>li.header, .dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li.header, .dark-mode .navbar-nav>.tasks-menu>.dropdown-menu>li.header{
  background-color:  #444; color: white; border-color: #444}
.dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {color: black; border-color: #515050}
.dark-mode .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, .dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, .dark-mode .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{
  background-color:  #444;  color: black; border-color: #444}
.dark-mode .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .dark-mode .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{
  border-bottom: 1px solid #403D3D;; border-color: #515050}
.dark-mode .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .dark-mode .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
  border-bottom: 1px solid #515050}
.dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {color: #f2f2f2;}
.dark-mode .box-header>.box-tools .dropdown-menu>li>a {color: white !important}
.dark-mode .box.box-primary {border-top-color: #A9E2F3  }/*linie tabel 1 pagina*/
.dark-mode .bg-red{ background-color: #FA5858 !important;}
.dark-mode .buton-rosu { background-color: #FE2E2E; }
.dark-mode .border-tablem tbody tr td{border-bottom: 1px solid #444;}
.dark-mode .todo-table td:not(.rosu), .dark-mode .todo-table td:not(.portocaliu), .dark-mode .todo-table td:not(.albastru) {border-bottom: 1px solid transparent;}
.dark-mode .patrat-rosu-background {background-color: #FE2E2E;}
.dark-mode .box-footer {background-color: #515050; border-top: 1px solid #403D3D; }
.dark-mode .bb {border-bottom: 2px solid #403D3D;}
.dark-mode .box-body div>small{ color: #D6D6D7;}
.dark-mode .content-wrapper .content-header h1, .dark-mode .content-wrapper .content-header span{ color: #fff;}
.dark-mode .content-wrapper .content-header h1>small{color: #D6D6D7;}
.dark-mode .box.box-primary .box-footer h4{ color: #ffff;}
.dark-mode .content-header>.breadcrumb>li>a {color: #D6D6D7;}
.dark-mode .table>thead>tr>th, .dark-mode .table>tbody>tr>th, .dark-mode .table>tfoot>tr>th, .dark-mode .table>thead>tr>td, .dark-mode .table>tbody>tr>td, .dark-mode .table>tfoot>tr>td {border-top: 1px solid #444;}
.dark-mode .taskuri-table tbody tr td:first-child, .dark-mode .liste-table tbody tr td:first-child {border-bottom: 1px solid #444;}
.dark-mode .taskuri-primary, .dark-mode .taskuri-success, .dark-mode .taskuri-danger, .dark-mode .taskuri-black, .dark-mode .listet-danger, .dark-mode .listet-success {border-bottom: 1px solid #444;}
/*filtre*/
.dark-mode .breadcrumb>.active  {color: #ffff;}
.dark-mode .form-control { background-color: #444; border-color: #444; color: white;}
.dark-mode .select2-selection--multiple { background-color: #444; border-color: #403D3D; color: white; }
.dark-mode .select2-dropdown{border-color: #444;}
.dark-mode .select2-selection--single, .dark-mode .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #444; border-color: #403D3D; color: white; }
.dark-mode .select2-results {background-color: #444; border-color: #444; color: white; }
.modal-open .select2-container--open .select2-dropdown--below, .modal-open .select2-container--open .select2-results__options, .modal-open .select2-container--open .select2-results{border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.dark-mode .select2-results__options {background-color: #444; }
.dark-mode .select2-search__field{background-color: #444;  color: #ffffff}
/* .dark-mode .select2-container--default.select2-container--focus .select2-selection--multiple, .dark-mode .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #403D3D !important;} */
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {color: white;}
.dark-mode .select2-container--default .select2-results__option[aria-selected=true], .dark-mode .select2-container--default .select2-results__option[aria-selected=true]:hover {
color: white; background-color: #585858;}
.dark-mode .select2-search--dropdown {background-color: #444; }
.dark-mode .box-header.with-border {border-bottom: 0px solid #444;}
.dark-mode .box-footer {color: #f2f2f2;}
.dark-mode .modal-content.box{color: #FFFFFF;} /*modal adauga*/
.dark-mode .close {color: #ffffff;}
/*iconita atentionari*/
.dark-mode .text-danger {color:  #E74C3C;}
/*buton default*/

.dark-mode .btn-default{background-color: grey; color: #F2F2F2; border-color: grey;}
.dark-mode .modal .pull-left{border-radius: 20px;}

.dark-mode .btn-default:hover {background-color: #515050;  color:#F2F2F2; border-color: #444;}
.dark-mode .btn-default.active.focus, .btn-default.active:focus, .dark-mode .btn-default.active:hover, .dark-mode .btn-default:active.focus, .dark-mode .btn-default:active:focus, .dark-mode .btn-default:active:hover, .dark-mode .open>.dropdown-toggle.btn-default.focus, .dark-mode .open>.dropdown-toggle.btn-default:focus, .dark-mode .open>.dropdown-toggle.btn-default:hover {
color: white; background-color: #444;border-color: #4444;}
.dark-mode .table>thead>tr>th {border-bottom: 1px solid #444;}
.dark-mode .dropdown-menu>li>a:hover {background-color: #585858;color: white; border-radius: 20px;}
.dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {color: white;}
/*Agauga atasamentr*/
.dark-mode .modal-content{background-color: #444; color: white;}
.dark-mode .modal-body{background-color: #585858 !important;}
.dark-mode .modal-content { background: #585858; }
.fv-modal-stack-1 .modal-lg .box .modal-header{ border-bottom: 0 !important;}
.dark-mode .modal-header{border-bottom: 1px solid black;}
.modal-footer{border-top: 1px solid transparent;} /* Linie neagra scoasa de la modale*/

.dark-mode .text-muted {color: #fff;}
.dark-mode .input-group .input-group-addon {border-radius: 0; border-color: #444; background-color: #444; color: #fff;}
.dark-mode .text-success {color: #00a65a;}

.dark-mode .fc-widget-header {background: #999;}
.dark-mode .fc-content-skeleton {color: #f2f2f2;}
.dark-mode .fc-unthemed td.fc-today {background: #515050; }
.dark-mode .fc-body{color: #f2f2f2;}
.dark-mode .tableFixHead thead th {background: #515050;}
.dark-mode .calendarFixHead .fc-header-toolbar { background: #515050; }
.dark-mode .table-bordered>thead>tr>th, .dark-mode .table-bordered>tbody>tr>th, .dark-mode .table-bordered>tfoot>tr>th, .dark-mode .table-bordered>thead>tr>td, .dark-mode .table-bordered>tbody>tr>td, .dark-mode .table-bordered>tfoot>tr>td {
  border: 1px solid  #585858}
.dark-mode .table-bordered {border: 1px solid  #585858;}
.dark-mode .tableFixColumn {background: #515050;}
.dark-mode .box-footer {border-bottom: #403D3D;}
.dark-mode .dropdown-menu {background-color: grey; color: white; border: 1pc  #444}

.dark-mode .box.box-success>h3{color: #f2f2f2;}
.dark-mode .info-box{background: transparent;}
.dark-mode .info-box-content{color: #f2f2f2;}
.dark-mode .nav-tabs-custom {background: #444;}
.dark-mode .nav-tabs-custom>.nav-tabs>li>a {color: #f2f2f2;}
.dark-mode .nav-tabs-custom>.nav-tabs>li.active>a {border-right-color: #515050; border-left-color: #515050;}
.dark-mode .nav-tabs-custom>.nav-tabs>li.active>a, .dark-mode .nav-tabs-custom>.nav-tabs>li.active:hover>a {background: #444;}
.dark-mode .nav-tabs-custom>.tab-content {background: #444;}
.dark-mode .table.table-striped{color: #f2f2f2}

.dark-mode .table.table-condensed{color: #f2f2f2;}
.dark-mode .tab-content{color: #f2f2f2;}
.dark-mode .active{color: white;}
.dark-mode .nav-tabs-custom>.nav-tabs {border-bottom-color: #515050;}
.dark-mode .box.box-success>hr{border-top: 2px solid #444;}
.dark-mode .box-header>hr{border-top: 2px solid #444;}
.dark-mode .doc-flow i.fa { color: #f2f2f2;}
.dark-mode .lead{color: #f2f2f2;}
.dark-mode .bg-gray.disabled{background-color: #444;}
.dark-mode .tableFixHeadAqua thead th {background: #1A5276;}
.dark-mode .tableFixHeadAquaSimple {background: #1A5276;}
.dark-mode .btn-info {color: #fff; background-color: #5bc0de; border-color: #46b8da;}
.dark-mode .btn-info:hover, .dark-mode .btn-info:active, .dark-mode .btn-info.hover {background-color: #00acd6; border-color: #46b8da;}
.dark-mode .tableFixHead thead tr.fa5 th {background: #515050; color: #f2f2f2;}
.dark-mode .tableFixHead thead tr.fa1 th {background: #515050;}
.dark-mode .tableFixHead thead tr.fa3 th {background: #154360;}
.dark-mode .tableFixHead thead tr.fa4 th {background: #1A5276;}
.dark-mode .tableFixHead thead tr.fa2 th {background: #1A5276;}
.dark-mode .btn.btn-white {background: #515050 !important;}
.dark-mode .btn.btn-white.view-ncr {background: #444 !important;}
.dark-mode .text-info {color: #3498DB;}
.dark-mode .text-blue {color: #3498DB !important;}
.dark-mode .cod-prod {color: #CD6155;}
.dark-mode .cbms-widget-boxes .bg-aqua { border-radius: 10px; overflow: hidden;}
.dark-mode .bg-gray-active {background-color: #3c3c3c !important;}
.dark-mode a:hover, .dark-mode a:active, .dark-mode a:focus {outline: none; text-decoration: none; color: lightblue;}
.dark-mode a{color: #67b7e9;}
.dark-mode .text-red{color: #f76046 !important}
.dark-mode .bg-red, .callout.callout-danger, .dark-mode .alert-danger, .dark-mode .alert-error, .dark-mode .label-danger, .dark-mode .modal-danger .modal-body {
background-color: #C0392B !important;} 
.dark-mode .form-group.has-error label {color: #C0392B;}
.dark-mode .headeraqua th {background: #1A5276; color: #fff;}
.dark-mode .content-header>h4>b{color: #f2f2f2;}
.dark-mode .content-header>h4{color: #f2f2f2;}
.dark-mode .dashboard-grey{background-color: #515050;}
.dark-mode .donut-legend{color: #f2f2f2;}
.dark-mode .content-header>h5{color: #f2f2f2;}
.dark-mode .tableFixHead thead tr.fixHeadAqua th {background: #1A5276;}
.dark-mode .tableFixHead thead tr.fixHeadBlue th {background: #154360;}
.dark-mode td.totaluri .pseudo {opacity: 0.8;}
.dark-mode td.totaluri.br-right {border-right: 5px solid #444;}
.dark-mode .bg-gray-active {color:#f2f2f2}
.dark-mode table tr.bg-turcoaz-b {color: #f2f2f2 !important; }
.dark-mode .nav{color: #f2f2f2;}
.dark-mode .box-body>hr{border-top: 2px solid #444;}
.dark-mode .btn-app{background-color: #444; border: 1px solid #444; color: #f2f2f2;}
.dark-mode .btn-box-tool {color: #f2f2f2; }
.dark-mode .error-page {color: #f2f2f2;}
.dark-mode .tableFixHead thead tr.fixHead1 th {background: #444;}
.dark-mode .tableFixHead thead tr.fixHead2 th {background: #444;}
.dark-mode .tableFixHead thead tr.fixHead3 th {background: #444;}
.dark-mode .tableFixHead thead tr.fixHead4 th{background: #444;}
.dark-mode .tableFixHeadPadding thead tr th{background: #444;}
.dark-mode .box-header>hr{border-top: 1px solid #444;}
.dark-mode .text-black {color: #f2f2f2 !important;}
.dark-mode .panel-default>.panel-heading {background-color: #444; border-color: gray; color: #f2f2f2;}
.dark-mode .panel-body{background-color: gray; color: #000;}
.dark-mode .note-editor.note-frame .note-editing-area .note-editable {background-color: grey;}
.dark-mode .panel-default {border-color: #444;}
.dark-mode .note-editor.note-frame .note-statusbar {background-color: #444;}
.dark-mode .list-group-item {background-color: #515050;}
.dark-mode .nav>li>a:hover, .dark-mode .nav>li>a:active, .dark-mode .nav>li>a:focus, .dark-mode .nav>li.active a:hover, .dark-mode .nav>li.active a:focus {color: #f2f2f2; background: #444;}
.dark-mode .bugete-warning {background: #f79e2c !important; color: white; text-align: center; }
.dark-mode .bugete-primary {background: #3c8dbc !important; color: white;text-align: center;}
.dark-mode .form-control {border-color: #403D3D;}
.dark-mode .taskuri-primary {background: #3c8dbc !important;}
.dark-mode .bg-primary {color: #fff; border-radius: 10px; overflow: hidden;}
/*ordonare*/
.dark-mode .dd-handle {background: #444; border-color: #444;}
.dark-mode .dd-placeholder, .dark-mode .dd-empty {background: #444; color: #f2f2f2;}
.dark-mode .dd-handle:focus  {color: #f2f2f2;}
/*leads*/
.dark-mode .nav-stacked>li>a {color: #f2f2f2;}
.dark-mode .box .nav-stacked>li {border-bottom: 1px solid #444;}
.dark-mode .box-footer {border-bottom: 1px solid #444;}
.dark-mode .timeline-leads.timeline>li>.timeline-item {background: #515050;}
.dark-mode .timeline>li>.timeline-item>.timeline-header {color: #f2f2f2; border-bottom: 1px solid #515050;}
.dark-mode .task-card {background: #515050;}
.dark-mode .table .filled-cell table {background: none;}

/*rapoarte bugete*/
.dark-mode .color-palette{ background: #444 !important; color:#fff;}
.dark-mode .tdBack {background: #515050;}
.dark-mode .tdBack1 {background: #444;}

/*oferte de pret*/
.dark-mode .well {background-color: #515050; border: 1px solid #444;}
.dark-mode .tdtrat {background: #808080; }
.dark-mode .box.box-primary>hr{border-top: 1px solid #444;}
.dark-mode .tab-pane.active>hr{border-top: 1px solid #515050 !important;}
.dark-mode .border-top-10 {border-top: 1px solid #444;}
.dark-mode .bg-gri {background: #515050;}
.dark-mode hr{ border-top: 1px solid #444;}
.dark-mode .nowrap.profile-username.text-center{color: #f2f2f2;}

.dark-mode .portlet-header{color: #f2f2f2 !important;}
.dark-mode .nav-tabs-custom>.nav-tabs>li>a, .dark-mode .nav-tabs-custom>.nav-tabs>li>a:hover{background: none;}
.dark-mode .nav-tabs-custom>.nav-tabs>li>a:hover{color: gray;}
.dark-mode .box-body.clearfix{border-top: 1px solid #444 !important; border-bottom: 1px solid #444 !important;}
.dark-mode .btn.btn-xs.dropdown-toggle.text-primary.pull-right{background: #515050 !important; border-radius: 10px;}
.dark-mode .btn.btn-white.btn-lg{color:white !important;}
.dark-mode .btn.btn-white.btn-lg>a{color:white !important;}
.dark-mode .headerorange td, .dark-mode .headerorange th {border-top: 2px solid #444 !important;border-bottom: 1px solid #444;}
/*bonuri de retur*/
.dark-mode .exceptie-parent .warning{background-color: transparent;}
.dark-mode .border-tablem tbody tr td.warning:first-child:before {background: #f79e2c;}
.dark-mode .tablem tbody tr td:first-child:before {content: " "; display: block; width: 8px; height: 100%;position: absolute;left: 0;top: 1px;}
.dark-mode .text-warning {color: #D6D6D7;}

/**raport pnl*/
.interval-dark{ position: relative; background: none !important;}
.dark-mode .interval-dark{ position: relative; background: #585858 !important;}
.interval-dark b, .interval-dark span{ position: relative;}
.interval-dark::before{ background: #e0e2e8 !important; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: '';}
.interval-dark.first::before {border-top-left-radius: 15px !important ;border-bottom-left-radius: 15px !important;}
.interval-dark.last::before {border-top-right-radius: 15px !important ;border-bottom-right-radius: 15px !important;}
.dark-mode .interval-dark::before { background: #515050 !important; }
.dark-mode .pseudo-dark {background: #515050 !important;}
.dark-mode .profit-pnl .priority-bg{background: #515050 !important; border-radius: 10px;}
.dark-mode .profit-pnl td, .dark-mode .venit-pnl td, .dark-mode .cost-pnl td {border-bottom: 4px solid #585858;}
.dark-mode .tip_raport_2 td.totaluri.br-right {border-right: 5px solid #585858;}
.dark-mode .tip_raport_1 td.totaluri.br-right {border-right: 5px solid #585858;}
.dark-mode .tip_raport_1>thead>tr>th{border-bottom: 1px solid #585858;}
.dark-mode .tip_raport_2>thead>tr>th{border-bottom: 1px solid #585858;}
.dark-mode .box .tableFixHead thead th {background: #585858;}
.dark-mode .profit-pnl {border-top: 5px solid #585858;}
.dark-mode .table td.filled-cell-dark {border-right: 5px solid #585858 !important; border-left: 10px solid #585858 !important;}
.dark-mode .bgcv{background: #585858 !important;}
.dark-mode .tip_raport_2{background: #585858;}
.dark-mode .tip_raport_1{background: #585858;}
.dark-mode .tip_raport_1 .profit-pnl .no-bg { background: #585858 !important;}
.dark-mode .tip_raport_1 .venit-pnl .no-bg { background: #585858 !important;}
.dark-mode .tip_raport_1 .cost-pnl .no-bg { background: #585858 !important;}
.dark-mode .tip_raport_2 .profit-pnl .no-bg { background: #585858 !important;}
.dark-mode .tip_raport_2 .venit-pnl .no-bg { background: #585858 !important;}
.dark-mode .tip_raport_2 .cost-pnl .no-bg { background: #585858 !important;}
/*raport cashflow*/
.dark-mode .table td.dark .pseudo{background-color:  #585858 ;}
.table td.dark .pseudo{border-radius: 20px !important;}
.dark-mode .darkr1 td.totaluri.br-right{border-right: 5px solid #585858;}
.dark-mode .table .darkr1 td .totaluri.pseudo{background-color:  #585858 ;}
.table td.darkr1 .pseudo{border-radius: 20px !important;}
.dark-mode .table tr.darkr1 td.filled-cell .pseudo {background-color: #585858;}
.table tr.darkr1 td.filled-cell .pseudo {border-radius: 20px;}

.dark-mode td.totaluri.bg-four .pseudo {background: #1A5276;}
.dark-mode .table .color-palette>td>a{color: gray;}
.dark-mode .link{color: grey;}

.dark-mode .fixHeadAqua>th{background: #1A5276 !important;}
.dark-mode .note-status-output{background: #444;}
.dark-mode .note-editor.note-frame .note-statusbar{border-top: 1px solid #444;}
.dark-mode .pagination>li>a{background: #444; color: #f2f2f2;}
.dark-mode .pagination>li>a, .dark-mode .pagination>li>span{border: 1px solid #444;}
.dark-mode .pagination>li>a:focus, .dark-mode .pagination>li>a:hover, .dark-mode .pagination>li>span:focus, .dark-mode .pagination>li>span:hover {color: #f2f2f2; background-color: #515050; border-color: #444;}

/*styluri scoase*/
.dark-mode .box-header-grey {background: #585858; padding: 20px;}
.dark-mode .box-solid-task {background-color: #585858 !important;}
.dark-mode .column {background-color: #515050;}
.dark-mode .column2 {background-color: #515050;}
.dark-mode .collapsed-box-task {background-color: #515050;}
.dark-mode .collapsed-box-task2 {background-color: #515050;}
.dark-mode .locatie{color: #f2f2f2;}
.dark-mode .portlet-task-content {background-color: #444;}
.dark-mode .line {border-top: 1px solid #515050;}
.dark-mode .direct-chat-warning-task {background: #515050;}
.dark-mode .direct-chat-text{background: #7fbcff; border: 1px solid #7fbcff; color: #f2f2f2;} 
.dark-mode .direct-chat-text:after, .dark-mode .direct-chat-text:before {border-right-color: #7fbcff} 
.dark-mode .right .direct-chat-text:after , .dark-mode .right .direct-chat-text:before{ border-right-color: transparent !important;}
.dark-mode .direct-chat-text .reply{background: rgba(255,255,255,0.4); color: #444; border-radius: 10px;}
.dark-mode .todo-list>li {background: #444; border-left: 2px solid #585858; color: #f2f2f2;} 
.dark-mode .todo-list .custom-box {background: #444; border-left: 2px solid #585858; color: #f2f2f2;} 
.dark-mode .progress{background-color: #444;}
.dark-mode .butoane-edit{margin-left: 10px; padding-left: 10px; border-left: 1px solid #444; display:inline-block}
.dark-mode .check-task {border-radius: 2px;    padding: 10px;background: #444; margin-bottom: 2px; border-left: 2px solid #00a65a; color: #444;}
.dark-mode .fa-exclamation-circle-pontaj {color:  rgba(255, 0, 0, 0.6); font-size: 1.5em;}
.dark-mode .ore-dark-mode{color: white !important}
.dark-mode .negru{color: #FFFFFF;}
.dark-mode .alb{color: #000000;}
.dark-mode .negrud{color: #FFFFFF;}
.dark-mode .doc-info-image-oferte{border-right: 1px solid #444;}
.dark-mode .oferteb{margin-left: 10px; padding-left: 10px; border-left: 1px solid #444; display:inline-block}
.dark-mode .form-control::selection{background-color: lightblue !important;}
.dark-mode .livrare{color: #f2f2f2;}
.dark-mode .negru1{color: #ff22ff;}
.dark-mode .alb1{color: #000000;}
.dark-mode .table th.zisaptamana{ text-align: center;min-width: 45px ;color:#FFFFFF}
.dark-mode .table th.zisaptamana.weekend{color: rgb(255,0,0,0.6)}
.dark-mode .table th.zileraport.zilew{color: rgb(255,0,0,0.6)}
.dark-mode .table th.zileraport{text-align: center; color: #ffffff;}
.dark-mode .table th.zileraport.backgroundzile{background: transparent;}
.dark-mode .box-solid{background-color: transparent;}
.dark-mode .fc-unthemed .fc-divider, .dark-mode .fc-unthemed .fc-list-heading td, .dark-mode .fc-unthemed .fc-popover .fc-header {background: grey;}
.dark-mode svg tspan{fill: #fff;}
.dark-mode .proiecte-an {color: #fff;}
.dark-mode input{background-color: #515050;}
.dark-mode select{background-color:   #515050;}
/* .dark-mode textarea:focus, .dark-mode input:focus {border:1px solid #515050; outline: none !important; } */
.dark-mode .move-t-taskuri a{color: #f2f2f2}
.dark-mode .portlet-header-taskurid a{color: #f2f2f2;}
.dark-mode .table tr .filled-cell-bugete::before{ content: ""; width: 160px; height: 160px; position: absolute; top: 0; left: 0; background: grey; margin: 5px!important; display: block; box-sizing: border-box; border-radius: 10px;}
.dark-mode .table tr.priority-3 > td:first-child:before, .dark-mode .table tr.priority-3 td.priority-bg, .dark-mode .bg-priority-3, .dark-mode .table tr.priority-3 .filled-cell-bugete:last-child::before {background: #00a65a !important;}
.dark-mode .table tr.priority-2 > td:first-child:before, .dark-mode .table tr.priority-2 td.priority-bg, .dark-mode .bg-priority-2, .dark-mode .table tr.priority-2 .filled-cell-bugete:last-child::before{ background: #f39c12 !important;}
.dark-mode .table tr.priority-1 > td:first-child:before, .dark-mode .table tr.priority-1 td.priority-bg, .dark-mode .bg-priority-1, .dark-mode .table tr.priority-1 .filled-cell-bugete:last-child::before{background: #f56954 !important;}
.dark-mode .box-body-leads {background: #515050;}
.dark-mode .with-border-leads {background: #515050;}
.dark-mode .ld-box-1 .widget-user-header.bg-ofertare {background-color: #39CCCC;}
.dark-mode .ld-box-1 .widget-user-header.bg-contractare {background-color: #00a65a;}
.dark-mode .ld-box-1 .widget-user-header.bg-intalnire {background-color: #f39c12;}
.dark-mode .ld-box-1 .widget-user-header.bg-contactare {background-color: #00c0ef;}
.dark-mode .text-left{color: #f2f2f2;}
.dark-mode .doc-info-image-oferte img{color: #f2f2f2;}
.dark-mode .dt-tooltip img{color: #f2f2f2;}
.dark-mode .fc-header-toolbar{background: #444;}
.dark-mode .bg-white{background: #585858; background-color: #585858 !important; color:white; }
.dark-mode .btn-primary.active, .dark-mode .btn-primary:active, .dark-mode .open>.dropdown-toggle.btn-primary {color: #fff;background-color: #444;border-color: #444;}
.dark-mode .btn-group a i{color: #f2f2f2;}
.dark-mode .btn-info {color: #fff; background-color: #5bc0de; border-color: #46b8da;}
.dark-mode .tools-right a i{color: #f2f2f2;}
.dark-mode .box-tools a i{color: #f2f2f2;}
.dark-mode .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover, .dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover, .dark-mode .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
background: grey;}
.dark-mode .timeline-article .content-box, .dark-mode .timeline-dot .content-box {box-shadow: 2px 2px 4px 0px #666;border: 2px solid #444; background-color: #444;}
.dark-mode .changed {color: #f2f2f2;}
.dark-mode .content-date {color: #f2f2f2;}
.dark-mode .main-timeline-section .timeline-end {background: #444;}
.dark-mode .timeline-title{color: #f2f2f2;}
.dark-mode .todo-list>li .tools {color: #f2f2f2;}
.dark-mode .fc-widget-header span{color: #f2f2f2;}/*agenda zilei*/
.dark-mode .fc-unthemed .fc-list-item:hover td{background-color: #515050; color: #f2f2f2;}
.dark-mode .fc-unthemed .fc-list-item td{color: #f2f2f2;}
.dark-mode .table .filled-cell table {background: gray; border-radius: 10px; overflow: hidden;}

.dark-mode .btn-divider {background-color: #444;}
.dark-mode .fa-envelope-o{color: #f2f2f2 !important;}
.dark-mode .fa-fw{color: #f2f2f2 !important;}
.dark-mode .hint2mention{background-color: #444;}
.dark-mode .dropdown-menu>.divider { background-color: #515050 !important;}
.dark-mode .collapse{color: #000;}
.dark-mode .content-box-top{color:#f2f2f2;}
.dark-mode .timeline-article .meta-date{background: #444;}
.dark-mode .chart_div td.google-visualization-orgchart-node {background: grey; color: #f2f2f2;}
.dark-mode .google-visualization-orgchart-linebottom {border-bottom: 1px solid #67b7e9;}
.dark-mode .google-visualization-orgchart-lineleft {border-left: 1px solid #67b7e9;}
.dark-mode .google-visualization-orgchart-table * { margin: 0;padding: 1px;}
.dark-mode .zilenelucrate{background-color: rgb(255,0,0,0.2); text-align: center;}
.dark-mode .zilenelucraterosi{background-color: rgb(255,0,0,0.2); text-align: center; color: red;}
.dark-mode .alb2{background: #515050;}
.dark-mode .label-danger-amanat-gri{background-color: grey !important;}
.dark-mode .tab-content .active a{color: #f2f2f2;}
.dark-mode .tab-content .active a .doc-leg{color: #67b7e9;}
.dark-mode .tab-content .active a:hover .doc-leg{color: #3c8dbc;}
.dark-mode .col-md-4 .box-primary .box-body a{color: #f2f2f2;}
.dark-mode .btn-sm{border-radius: 20px;}
.dark-mode .bg-light-blue, .dark-mode .label-primary, .dark-mode .modal-primary .modal-body {background-color: #3c8dbc !important; border-radius: 10px;}
.dark-mode .label{border-radius: 20px !important;}
.dark-mode .xs-mt-50 .btn-success{border-radius: 20px;}
.dark-mode .box-tools .add-item{border-radius: 20px;}
.dark-mode .content-html .dropdown .dropdown-toggle {border-radius: 15px;}
.dark-mode .box-tools .dropdown .dropdown-toggle{border-radius: 20px;}
.dark-mode .col-xs-12 .box-primary .box-body .dropdown-toggle{border-radius: 20px;}
.dark-mode .content-header .btn-primary{border-radius: 20px;}
.dark-mode .text-primary {color: #f2f2f2;}
.dark-mode .no-before-tabel .bugete-verde{border-radius: 10px; overflow: hidden;}
.dark-mode .table-striped .dropdown .dropdown-toggle {border-radius: 20px;}
.dark-mode .form-group label{color: #f2f2f2;}
.dark-mode .nav-tabs{border-bottom: 1px solid #444;}
.dark-mode .nav-tabs-ld-boxes .nav-tabs { border:none; }
.dark-mode .nav-tabs>li>a:hover {border-color: #444 #444 #444;}
.dark-mode .text-light-blue {color: lightblue !important;}
.dark-mode .btn-divider, .dark-mode .btn-divider-left {background-color: #444;}
.dark-mode .fc-content{color: #000;}
.dark-mode .btn-default .btn-divider-left{background-color: lightgrey;}
.dark-mode .modal-fotter .btn-primary {background-color: #3c8dbc;border-color:  #515050; border-radius: 20px;}
.dark-mode .list-group-item{border: 1px solid #444;}
.dark-mode .box-primary .box-body .open .dropdown-menu{border-radius: 20px;}
.dark-mode .box-primary .box-body .open {border-radius: 20px;}
.dark-mode .box-primary .box-header .open .pull-right{border-radius: 20px;}
.dark-mode .box-primary .box-header .open .dropdown-menu{border-radius: 20px;}
.dark-mode .main-timeline-section {color: #f2f2f2;}
.dark-mode .box-mic-content{color: #f2f2f2;}
.dark-mode .nav-tabs-custom .tab-content .active .box-body .dropdown-menu{border-radius: 20px;}
.dark-mode .box-tools .open .pull-right{border-radius: 20px;}
.dark-mode .navbar-static-top .pull-right .navbar-nav .open .dropdown-menu{border: 1px solid #444;}
.dark-mode .modal-open .fv-modal-stack-1 .modal-lg .box .btn-info{border-radius: 20px;}
.dark-mode .col-md-3 .nav-tabs-custom .tab-content .table-condensed .dropdown .dropdown-toggle{border-radius: 10px;}
.dark-mode .col-md-3 .nav-tabs-custom .tab-content .table-condensed .open .expanded{background-color: #515050; border-radius: 20px;}
.dark-mode .col-md-9 .box-primary .box-body .row .table-responsive .table-striped .callout-info a{color: lightgrey;}
.dark-mode .col-md-9 .box-primary .box-body .row .table-responsive .table-striped .callout-info a:hover{color: grey;}
.dark-mode .panel-group .panel-heading+.panel-collapse>.list-group, .dark-mode .panel-group .panel-heading+.panel-collapse>.panel-body {border-top: 1px solid #444;}
.dark-mode .col-lg-3 .tab-content .active .pull-right{border-radius: 10px;}
.dark-mode .col-xs-12 .form-group .hint2mention{color: #000; background-color: grey;}
.dark-mode .navbar-static-top .pull-right .navbar-nav .messages-menu .notificari .necitit{background-color: #444;}
.dark-mode .navbar-static-top .pull-right .navbar-nav .messages-menu .notificari .citit{background-color: #515050;}
.dark-mode .navbar-static-top .pull-right .navbar-nav .messages-menu .notificari .necitit .notification-icon .text-aqua{color: #f2f2f2 !important;}
.dark-mode .navbar-static-top .pull-right .navbar-nav .messages-menu .notificari .necitit .pull-right{color: #f2f2f2;}
.dark-mode .navbar-static-top .pull-right .navbar-nav .messages-menu .notificari .citit .notification-icon .text-aqua{color: #f2f2f2 !important;}
.dark-mode .navbar-static-top .pull-right .navbar-nav .messages-menu .notificari .citit .pull-right{color: #f2f2f2;}
.dark-mode .navbar-static-top .pull-right .navbar-nav .messages-menu .notificari .citit h4 a{color: #f2f2f2;}
.dark-mode .navbar-static-top .pull-right .navbar-nav .messages-menu .notificari .citit p a{color: #f2f2f2;}
.dark-mode .col-md-3 .box-primary .text-center .divider-left{background-color: #CACFD2;}
.dark-mode .col-md-3 .box-primary .text-center .divider-left .glyphicon-duplicate{color: #515050;}

.dark-mode .notificari .notification-action-btn{margin-left: 250px;}
.dark-mode .notificari .dropdown-menu{margin-left: 100px; border-radius: 20px; background-color: grey;}
.dark-mode .notificari .necitit .notification-icon .fa-eye-slash{color: #f39c12;}
.dark-mode .notificari .citit .notification-icon .fa-eye{color: #4CB90C;}
.dark-mode .box-warning .no-padding .table-striped .open .expanded{border-radius: 20px; background-color: grey;}
.dark-mode .col-xs-12 .box-primary .no-padding .table>tbody+tbody { border-top: 2px solid #444;}
.dark-mode .content-html .open .expanded{background-color: grey;}
.dark-mode .box-primary .table-striped .open .expanded{background-color: grey;}
.dark-mode .tableFixHead .tip_raport_2 .table td.filled-cell {width: 20px; padding: 0;border-right: 5px solid #585858;border-left: 10px solid #585858;position: relative;}
.dark-mode .table td.filled-cell-stocuri{ border-right: 5px #585858; border-left: 10px #585858;}/*raport stocuri*/
.dark-mode .table td.filled-cell {width: 20px; padding: 0;padding-right: 5px; padding-left: 10px; position: relative;}
.dark-mode .box .no-padding .table-striped .bg-gray{ color: #f2f2f2; }
.dark-mode .fa-calendar{color: #f2f2f2 !important;}
.dark-mode .row .table-responsive .td-max .inner .text-primary{background-color: #515050; border-radius: 10px;}
.dark-mode .mb-5 .col-xs-12 {color: #f2f2f2;}
.dark-mode .panel-heading .note-para .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.dark-mode .tableFixHead .tip_raport_2 tr.iamchild td{background-color: #585858 !important;}
.dark-mode .callout-info p a{color: #f2f2f2;}
.dark-mode .direct-chat-warning{background: #515050 !important;}
.dark-mode .messages-menu .notificari .optiuni-notificari{border-top: 1px solid #666}
.dark-mode .tabbgprod{background-color: #515050;}
.dark-mode .table>thead>tr>td, .dark-mode .table>thead>tr>th{border-top: 1px solid #666;}
.dark-mode .bg-gri-color{border-top: 1px solid #444;}
.dark-mode .bg-gri-s1color{text-align: right; border-top: 1px solid #444;}
.dark-mode .bg-gri-s2color{text-align: right;}
.dark-mode .todo-table td:not(.rosu), .dark-mode .todo-table td:not(.portocaliu), .dark-mode .todo-table td:not(.albastru){
border-bottom: 1px solid #444;}
.dark-mode .table-responsive .table-striped .display-child-0 .display-parent{color: #3498DB;}
.dark-mode .bgcomanda {background-color:#444 !important;}
.dark-mode .bgcv th{border-top: 1px solid #585858 !important;}
.dark-mode .iamchild .text-right a{color:#67b7e9;}
.dark-mode .iamchild .text-center a{color:#67b7e9;}
.table-striped .mb-0 .pbg{background-color: transparent !important;}/*culare tabel mic bugete*/
.dark-mode .proiectebg{background-color: #515050 !important;}
.dark-mode .fa-download{color: white;}
.dark-mode .col-md-3 .box-success{color: #f2f2f2;}
.dark-mode .fc-event-container{background-color: #444;}
.dark-mode .direct-chat-text a{color: white;}
.dark-mode .row .col-md-8 .box-primary .nav-tabs>li.active>a, .dark-mode .row .col-md-8 .box-primary .nav-tabs>li.active>a:focus, .dark-mode .row .col-md-8 .box-primary .nav-tabs>li.active>a:hover{
 background-color: #444; border: 1px solid #444; }
.dark-mode .nav-tabs>li.active>a, .dark-mode .nav-tabs>li.active>a:focus, .dark-mode .nav-tabs>li.active>a:hover{color: #f2f2f2;}
.dark-mode .modal-footer-tva{border-top: none;}/*modal adauga situatie tva*/
.dark-mode .modal-body-tva{background-color: #444 !important;}
.dark-mode .modal-body-tva .col-md-4 .form-group .form-control{background-color: #515051 !important;}
.dark-mode .nav-tabs>li.active>a{background-color: #444; border: solid 1px #444;}
.img-responsive-dark{margin-top: 25px; border-radius: 5px;}
 /*raport incasari plati*/
.dark-mode .raportplati{background-color: #515050 !important};
.dark-mode .profit-pnl{background-color: transparent !important;}
.dark-mode .table-striped .iamchild td{color: #f2f2f2;}
.dark-mode .table-striped .iamchild.bg-white-gray td{background-color: #585858 !important;}
.dark-mode .table-transparent{background-color: #585858;}
.dark-mode .raportplati-last{ border-right: 10px solid #585858;}
.dark-mode .direct-chat-info .box-footer{ background-color: #444;}
.dark-mode .col-lg-3 .nav-tabs-custom .tab-content .active .box-footer{background-color: #444;}
.dark-mode .box-body .bugetC-an, .dark-mode .box-body .bugetV-an{color: white;}
.dark-mode .box-info .box-body .clearfix .container-table table th{background-color: darkred !important;}
.dark-mode .col-sm-8 .nav .open .pull-right{background-color: #444;}
.dark-mode .table-responsive .table-striped .callout-info a{color: #f2f2f2;}

.dark-mode .table-select2-bg .select2-selection--multiple {background: #515050; border-color: #666;}
.dark-mode .table-select2-bg .form-control {background: #515050; border-color: #666;}
.dark-mode .box-primary .clearfix .salveaza{border-radius: 100%}
.bugete-no-border>tbody>tr>th, .bugete-no-border>tbody>tr>td{border-top: none} /*raport bugete*/
.bugete-no-border>tbody>tr>td{border-bottom: none !important} /*raport bugete*/

.dark-mode .dropdown.open .dropdown-menu li a:focus{background: #585858;}
.dark-mode .no-bg .priority-bg {border-radius: 20px !important;}
.dark-mode .bugete-no-border>tbody>tr>th, .dark-mode .bugete-no-border>tbody>tr>td{border-top: none} /*raport bugete*/
.dark-mode .text-right .open .pull-right li a{color: #f2f2f2;}
.dark-mode .chart-container-stocuri .chart-container{background-color: #444}/*raport strocuri*/
.dark-mode td.totaluri.bg-stocuri{border-right: 5px solid #585858;}
.dark-mode .profit-pnl{background-color: #585858;}
.dark-mode .venit-pnl{background-color: #585858;}
.dark-mode .interval-dark-1, .dark-mode .interval-dark-2,.dark-mode .interval-dark-3,.dark-mode .interval-dark-4,.dark-mode .interval-dark-5,.dark-mode .interval-dark-6,.dark-mode .interval-dark-7,.dark-mode .interval-dark-8,.dark-mode .interval-dark-9,.dark-mode .interval-dark-10,.dark-mode .interval-dark-11,.dark-mode .interval-dark-12{background-color: #515050 !important; }
.dark-mode .table .dark td.filled-cell{border-left: 10px solid #585858 ; border-right: 5px solid #585858;}
.dark-mode .table .dark td.br-right{border-right: 5px solid #585858 ;}
.dark-mode .fv-modal-stack-1 .modal-lg .box .modal-body-tva{background-color:#585858 !important}
.dark-mode .btn:hover, .dark-mode .btn:focus{color:white;}
.dark-mode .bg-gray-dark{background-color: grey !important;}
.dark-mode .bg-aqua-dark{background-color: #154360 !important;}
.dark-mode .table>tbody>tr>td.warning{background-color: transparent;}
.dark-mode .has-error .select2-selection, .dark-mode .input-group.has-error .form-control{border-color: #a94442 !important;}
.dark-mode .color-specificatii{background-color: #444;}
.box-none .pull-left .open .dropdown-menu {border-radius: 20px;}
.dark-mode .edit-task-information-btn {color: white;}
.dark-mode .program-text{ padding-left: 15px; padding-top: 5px; width: 430px; height: 45px; background-color: #515050; margin-bottom: 20px; border-radius: 20px; color: white;}
.dark-mode .categorii-product{height:40px; width:130px; box-shadow: 5px 5px 10px -2px rgb(0 0 0 / 20%); padding:3px;  border-radius: 20px; background-color: #515050; margin-bottom:15px; color:#fff; margin-right:10px; overflow:hidden; text-align:center; float:left; font-size:11px; }

.btn-note .btn-notea:focus, .btn-note .btn-notea:hover, .nav-tabs-ses-boxes li.tab-btn.active.btn-note .btn-notea{ background-color: #36a9e1 !important}
/*product knowledge*/
.programuri{ margin-top: 30px; width: 30%; position: absolute;}
.programuri-tabel{width: 70%; position: relative; background-color: white; float: right; top: 30px; right: 20px;}
.programuri-tabel td, .programuri-tabel th{ text-align: center;}
.programuri-tabel table{padding-left: 20px;}
.programuri-tabel table{width: 100%; border-collapse: collapse; }
.programuri-tabel table td, .programuri-tabel table th{border: 1px solid black;}
.program-text{ padding-left: 15px; padding-top: 5px; width: 420px; height: 45px; background-color: white; margin-bottom: 20px; border-radius: 20px;}
.program-modul{ float: right; padding-right: 20px; padding-bottom: 20px;}
.categorii-product{height:40px; width:130px; padding:3px;  border-radius: 20px; background-color: #fff; margin-bottom:15px; color:#515050; margin-right:10px; overflow:hidden;  float:left; font-size:12px; }
.box-categorii-product{margin-left: 15px; text-align: center;}
.fisaevaluaretext{min-width: 100%; height: 60px;}
.dropdown-menu-familii{border-top-left-radius: 20px !important; border-top-right-radius: 20px !important;}

/*URSAN RADU*/

/* .dark-mode textarea:focus, .dark-mode input:focus, .dark-mode select:focus {border:1px solid #515050; outline: #3c8dbc solid 0.5px; } */

.dark-mode textarea:focus, .dark-mode input:focus, .dark-mode select:focus {
  border-color: #515050 !important;
  outline: #3c8dbc solid 0.5px !important;
  box-shadow: 0px -1px 5px 0px rgba(25, 163, 243, 0.77) !important;
}
.select2 input:focus{
  border-color: none !important;
  outline: none !important;
  box-shadow: none !important;

}

textarea:focus, input:focus, select:focus, .select2-selection select:focus {
  border-color: #80bdff !important;
  outline: #3c8dbc solid 0.5px !important;
  box-shadow: 0px -1px 5px 0px rgba(25, 163, 243, 0.77) !important;
}


.d-inline-block{ display: inline-block !important;}
.d-inline{ display: inline !important;}
.ml-5{ margin-left: 5px !important;}
.mr-5{ margin-right: 5px !important;}

.z-200 .tooltip{ z-index: 1000;}
.back-audit{
  background-color: #F2F2F2;
}

.brd-2{ border: 2px solid !important; border-radius: 5px; }
.brd-1{ border: 1px solid !important; }

.board{
  border-radius: 5px;
  padding: 10px;
  background: rgba(244, 244, 244, 0.5);
  margin-bottom: 10px;
  border-left: 2px solid;
  color: #444;
}

.btn-colorselector{
  border-radius: 50% !important;
}

.box-header .box-title-text{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.box-title-text{
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    margin: 5px 5px;
    line-height: 1;
    padding: 8px 10px;
    border-radius: 20px;
}

.box-title-checklist{
  font-size: 18px;
  margin: 0px;
  line-height: 1;
}
.att-del-button{
    position: absolute;
    top: 0px;
    right: 0px;
}
.btn-header{
  width: 31px !important;
  padding: 4px !important;
  margin: 0 3px !important;
  border-radius: 100%;
  font-size: 15px;
}

.border-1{ border: 1px solid; }
.border-2{ border: 2px solid; }

.timeline-audit .box{ 
  border-top: 2px solid #d2d6de;
  margin-bottom: 0px !important; 
  z-index: 100;
}

.timeline-audit .borna{
  border: 2px solid #d2d6de;
  line-height: 26px !important;
  left: 6px !important;
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  /* color: #666; */
  border-radius: 50%;
  text-align: center;
}

.timeline-audit.new-design .timeline:before, .timeline-audit:before  {
  width: 0px;
}

.timeline-audit.new-design .box{ 
  border-top: 0px solid #d2d6de;
  border-left: 2px solid;
  margin-bottom: 0px !important; 
  z-index: 100;
  border-radius: 10px;
}
.timeline-audit.new-design .linie-urs.first-dot:not(:last-child){
  border-left: 2px solid;
  border-color: rgb(192, 191, 191);
}

.timeline-audit.new-design .timeline .my-curve:before{
  content: '';
  position: absolute;
  top: 0px;
  width: 20px;
  height: 40px;
  left: 10px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: rgb(192, 191, 191);
  border-radius: 0 0 0 15px;
}


.timeline-checklist .timeline .my-curve:before {
  content: '';
  position: absolute;
  top: 0px;
  width: 20px;
  height: 40px;
  left: 10px;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-color: rgb(192, 191, 191);
  border-radius: 0 0 0 15px;
}


.timeline-checklist .timeline .my-curve:before {
  top: -20px;
  height: 50%;
}

.timeline-checklist .timeline:before{
  content: none !important;
}

.timeline-audit.new-design .timeline .last-dot.my-curve:before {
  top: -15px;
  width: 40px;
}

.timeline-audit.new-design .timeline .my-line:not(:last-child):after {
  content: '';
  position: absolute;
  top: 0px;
  width: 2px;
  height: 100%;
  background: rgb(192, 191, 191);
  left: 10px;
}


.timeline-audit .borna.center{ top:5px !important;}
.timeline-audit li:first-child>.borna.center{ top:15px !important;}
.timeline-audit li:first-child>.borna{ top:9px !important;}
.timeline-audit li:first-child>a>i.btn-audit.fa{ margin-top:44px;}

.timeline-audit .timeline{ padding: 0px 0 0 0 !important; margin: 0px !important;}
.timeline-audit .borna-data{ font-size: 12px; border: none;}
.timeline-audit .timeline-item{ 
  margin-right:0px !important; 
  /* padding-bottom: 15px! important; */
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.1) !important;
  box-shadow: 0 0 0 rgba(0,0,0,0.1) !important;
  margin-left: 40px !important;
  padding: 0 0 1px 0 !important;
}

.my-curve .timeline-item{
  margin-left: 20px !important;
}

.form-group p{ margin:0px; }

.timeline-audit .nav-tabs-custom>.nav-tabs>li.active { border-top-color: #d2d6de;}
.timeline-audit .nav-tabs-custom>.nav-tabs>li.active>a { border-left-color: #f4f4f4; border-right-color: #f4f4f4; }

.timeline-audit .timeline:before, .timeline-audit:before  {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #ddd;
    left: 20px;
    margin: 0;
    border-radius: 2px;
}

.timeline-item.no-margin{
  margin: 0px !important;
}
.timeline-audit .no-before.timeline:before, .no-before.timeline-audit:before {
  width: 0px;
}

.timeline-audit .timeline-body, .timeline-audit .timeline-footer, .timeline-audit .timeline-header {
    padding: 10px 0px 10px 10px !important;
}

.content-butoane-audit:first-child{
  margin: 0 0 0 30px !important;
}
.content-butoane-audit{
  padding-bottom: 10px;
  padding : 10px 10px 15px 10px;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
  float:left; 
  position:relative; 
  margin:0 10px;
}

.horizontal.collapse {
  -webkit-transition: width 0.35s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.35s ease;

    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;

    width: 0px;
}
.horizontal.collapse.in {
  width: 100%;
}

.timeline-audit .content-butoane-audit input[type=range]{ min-width: 290px; }
.timeline-audit .timeline>li{ 
  padding-top: 10px !important; 
  padding-bottom: 0px !important;
  margin-top: 0px !important; 
  margin-bottom: 0px !important;
  margin-right: 0px !important; 
}
.timeline-audit .timeline>li.template-li{ margin-top: 20px !important; margin-bottom: 20px !important; margin-right: 0px !important; padding-top: 0px !important; }
.timeline-audit .timeline>li:first-child{ margin-top: 0px !important; padding-top: 10px !important; }
/* .timeline-audit .timeline>li:first-child.last-dot{ top: 10px; } */
.timeline-audit .timeline>li:first-child.first-dot{ margin-top: 0px !important; padding-top: 0px !important; z-index: 90; }

.timeline-audit li .btn-audit.fa {
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    color: #666;
    border-radius: 50%;
    text-align: center;
    left: 11px !important;
    margin-top: 35px;
    background: none;
}

.timeline-audit li .btn-audit.center {
  margin-top: 15px;
}

.timeline-audit li .moveUp-audit.fa {
    font-size: 15px;
    margin-top: -2px !important;
    left:-10px !important;
}

.timeline-audit li .moveDown-audit.fa {
    font-size: 15px;
    margin-top: 12px !important;
    left:-10px !important;
}

.timeline>li.last-dot {
    height: 30px;
    margin-bottom: 5px !important;
}

.timeline-header>.box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

.timeline>li>a>.fa {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 6px;
    top: 0;
    padding-bottom: 20px;
}

.color-btn fa, .btn-colorselector fa{
  margin-right:0px !important;
}

/* 
.shake {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
} 

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
*/



.shake{
  -webkit-animation: ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

/* The slider itself */
input[type=range] {
  -webkit-appearance: none;  /* Override default CSS styles */
  /* appearance: none; */
  width: 100%; /* Full-width */
  height: 10px; /* Specified height */
  background: #d3d3d3; /*Grey background */
  outline: none; /*Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  border-radius: 10px;
}
.range .min, .range .max{
  padding-bottom:5px;
}

/* Mouse-over effects */
input[type=range]:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 20px; /* Set a specific slider handle width */
  height: 20px; /* Slider handle height */
  border-radius: 50%;
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

input[type=range]::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  border-radius: 50%;
  cursor: pointer; /* Cursor on hover */
}

.form-control-plain[disabled], .form-control-plain[readonly] {
  background-color: white !important;
}

.cart-overview-product-item:hover {
  background-color: rgba(236, 240, 245, 0.5);
  cursor: pointer;
}

form .multiply .form-group { position:relative; }
form .multiply label.delete-clone { position:relative; }
form .multiply label.delete-clone:hover { cursor:pointer; color:#dd4b39; }

.display-none {
  display: none;
}

.asocieri {background-color: #f3f3f3; padding: 10px; border: 1px solid white; border-radius: 6px}
.children-box {padding: 10px; border: 1px solid white; border-radius: 6px}
.dark-mode .asocieri{border: 1px solid gray; background-color: #808080}
.dark-mode .children-box { padding: 10px; border: 1px solid gray; border-radius: 6px }
.contenthtml-collapsible-box { padding:0 15px; }
.contenthtml-collapsible-box > .acordeon { padding:5px 10px; }
.contenthtml-collapsible-box > .acordeon { border:1px solid #ccc; background: #eee; }
.dark-mode .contenthtml-collapsible-box > .acordeon { border:1px solid #404040; background: #808080; }
.responsabil-plati{width: 20px; height: 20px;}

.tile-inline-pos{width: 150px; display: inline-block; margin-right: 20px; margin-top: -20px;padding-right: 80px; float: right;}
.tile-text-pos{padding: 0em;}
.main-header-pos{height: 80px; background-color: white;}
.main-header-pos .logo{height: 80px; }
.logo-lg-pos{padding-top: 12px ;}
.tile-content-pos{padding-top: 10px;}
.box-casedemarcat{width: auto; height: 510px; border-radius: 20px; position: relative;}
.box-total{height: 90px; border-radius: 20px;}
.selected-gest{ background-color: #f39c12 !important; border-color: #e08e0b !important; color: #fff !important;}
.selected-bf{ background-color: #f39c12 !important; border-color: #e08e0b !important; color: #fff !important;}
.selected-sectiune{ background-color: #dd4b39 !important; border-color: #d73925 !important; color: #fff !important; }
.bt-casedemarcat-comenzi{background-color: grey; border: 2px solid lightgrey; color: white; padding: 10px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer; border-radius: 20px;}
/* .bt-casedemarcat{background-color: #4CAF50; border: 2px solid lightgrey; color: white; padding: 10px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer; border-radius: 20px; margin-right: 0px; } */
.bt-casedemarcat{border-radius: 10px; color:white; border:2px solid lightgray; background-color: #4CAF50;  padding: 5px; width: 95px;}
.search-container{font-size: 20px; padding-top: 15px;  width: 100%; text-align: center;}
.comenzi-pos{position: absolute; bottom: 0px; width: 100%; text-align: center; padding-bottom: 20px;}
.cantitate-pos{position:absolute; bottom: 0px; padding-bottom:10px; width: 100%; text-align: center;}
.comenzi-rapide-pos{color: white; width: 100%; text-align: center; }
.table-pos{border-radius: 20px; margin-top: 5px !important;}
.table-pos td, .table-pos th{padding-left: 0px !important; padding-right: 20px !important;}
.pos-cantitate{padding:20px; width: 50%;}
.bt-pos{border-radius: 10px; border:1px solid darkgray; width:38px; height:38px;}
.bt-pos.minus{margin-right: 4px;}
.bt-pos.plus{margin-left: 4px;}
.bt-casedemarcat.adauga{padding: 8px 14px; width: 130px;}
.pos-count{text-align: center; height:38px; padding-top:0px; border-radius:10px; border:1px solid darkgray;}
.table.table-pos{font-size: 16px;}
.pos-search{border-radius: 20px; border:1px solid darkgray; margin-left: 10px; margin-top: 20px; height:40px; padding-left: 10px;}
.pos-search-bon{border-radius: 20px; border:1px solid darkgray; margin-left: 10px; padding-left: 10px;}
.content-html.produse-pos tr{width: 100% !important;}
.table-pos thead td{margin-left: 20px;}
.table-scroll{overflow: scroll; height: 375px;}
.table-scroll-bon{overflow: scroll; height: 325px; margin-top: -25px;}
/* .content-html.produse-pos{ display:block; overflow:auto;height:290px; width: 100%;} tabel scrolabil cu cap de tabel fix dar se strica la un momendat
.table.table-pos thead{padding-top:10px; width:100% !important; display:inline-table !important;} */
.modal-footer-pos{text-align: center;}
/* .discount-pos{background-color: grey; border: 2px solid lightgrey; color: white; text-align: center;  border-radius: 20px;} */
.btn.btn-default.bt-casedemarcat:active,.btn.btn-default.bt-casedemarcat:hover,.btn.btn-default.btn-default-mail.bt-casedemarcat:hover,.btn.btn-default.btn-default-close.bt-casedemarcat:hover{background-color: #999; color: white;}
.btn-default-mail{background-color: #367fa9;}
.btn-default-close{background-color: red;}
.dd-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.5); }
.table>tbody+tbody { border: 0; }
.btn-outline-primary { border: 1px solid #00c0ef; color: black; }
.btn-outline-primary:hover { background-color: #00c0ef; color: white; }
.btn-outline-secondary { border: 1px solid #3c8dbc; color: black; }
.btn-outline-secondary:hover { background-color: #3c8dbc; color: white; }
.btn-outline-danger { border: 1px solid #dc3545; color: black; }
.btn-outline-danger:hover { background-color: #dc3545; color: white; }
.no-transition { transition: none !important; }
/* calendar concediu */
.calendar-concediu{ background: #f9f9f9;}
.dark-mode .calendar-concediu-2{ background: #444}
.dark-mode .calendar-concediu{ background: none}
.zilelbr{color: red;}
/* taskuri de pe calendar */
.task-calendar-text {color: black !important;}
.task-calendar-text:hover {color: black !important;}
/* highlight selectie persoane pentru mesaje cu @ */
.search-results .selected{background: lightslategray !important; color: white;}
/* resize pentru calendar taskuri pe mobile */
.resized-calendar{min-height: 350px !important;}
.fc-time-grid-container{min-height: 350px !important;}
.fc-day-grid-container{min-height: 305px !important;}
/* width mai mare pentru fereastra de pop-ul din calendar general */
.fc-popover{width: 50% !important;}
.nav-tabs-custom>.nav-tabs>li.active.active-portocaliu { border-top-color: #f79e2c; }
.nav-tabs-custom>.nav-tabs>li.active.active-info { border-top-color: #00c0ef; }
.nav-tabs-custom>.nav-tabs>li.active.active-grey { border-top-color: #727272; }
.nav-tabs-custom>.nav-tabs>li.active.active-green { border-top-color: #00a65a; }
.nav-tabs-custom>.nav-tabs>li.active.active-red { border-top-color: #dd4b39; }
.nav-tabs-custom>.nav-tabs>li.active.active-blue { border-top-color: #3c8dbc; }
.nav-tabs-custom>.nav-tabs>li.active.active-teal { border-top-color: #39CCCC; }
.box.box-teal { border-top-color: #39CCCC; }
.btn-teal { background-color: #39CCCC; border-color: #39CCCF; color: white; }
.btn-teal:hover { background-color: #32b9bb; color: white; }
.fc-popover{width: 50% !important;}
.fc-popover{width: 50% !important;}
/* cursor pointer pentru hover optiuni checkbox */
.checkbox-options-cursor{cursor: pointer;}
/* afisare inline optiuni checkbox-uri */
.lista-inline {display:flex; list-style: none; justify-content: center; margin:0; padding:0;  }
.lista-inline li {padding-left:10px;}
.lista-inline li:last-child {padding-right:10px;}
.image-update {width: 70%; margin-left: 15%;}
.nav-tabs-custom .tab-pane .table tr:first-child th, .nav-tabs-custom .tab-pane .table tr:first-child td{ border-top: none !important;  }
.badge-danger {background-color: #dd4b39; color: white;}

.select2-container--open>.selection>.select2-selection {border: 1px solid rgb(60, 141, 188); }
.box .overlay, .overlay-wrapper .overlay { z-index: 50; background: rgba(255,255,255,0.7); border-radius: 20px; }
td>.callout-info { margin: 0px; }

.dark-mode .form-control-plain[disabled], .form-control-plain[readonly] {
  background-color: #444 !important;
}
.bugete-success {background: #00a65a !important; color:white !important;text-align:center;}
.bugete-danger {background: #d33724 !important;color:white !important; text-align:center;}
.btn-aqua { background-color: #00c0ef; border-color: #01add8; color: white; }
.btn-aqua:hover, .btn-aqua:focus { background-color: #0299be; border-color: #01add8; color: white; outline: 0 !important; }

/* .bugete-success {background: #00a65a;color:white;text-align:center;}
.bugete-danger {background: #d33724;color:white; text-align:center;} */

/* style gantt-chart */
.gt-container {
  position: relative;
  background-color: #ecf0f5;
}
.dark-mode .gt-container {
  position: relative;
  background-color: #585858;
}
.overflow-auto { overflow: auto; width: 100%;}
.gt-grid, .gt-bars {
  position: absolute; width: 100%; height: 100%; overflow: hidden;    
}
.gt-grid:after { clear: both; }
.gt-day { min-height: 100%; height: 100%; height: 100%; width: 0; border-left: 1px solid #d5d5d5; float: left; text-align: center; font-size: .8em;  }
.gt-day:last-child {border-right: 1px solid #d5d5d5; }
.dark-mode .gt-day { color: white; border-left: 1px solid #6f6e6e;}
.dark-mode .gt-day:last-child {border-right: 1px solid #6f6e6e; }
.gt-today { background: rgb(217, 228, 242);}
.dark-mode .gt-today { background: gray; }
.gt-day.gt-borna { background: #337ab7;}

.gt-bar {
  cursor: grab;
  position: absolute; border-radius: 3px; text-align: center;
  height: 20px;
  color: #fff;
  transition: all .1s ease-out;
  z-index: 1;
}
.resize-left {
  cursor: col-resize;
  position: absolute; opacity: 0; width: 7px; height: 100%; background: rgb(60, 59, 59); left: 0; top: 0;
}
.gt-bar:hover .resize-left { opacity: 0.5; }
.gt-bar:hover { box-shadow: 2px 2px 4px #666; }
.resize-right { 
  cursor: col-resize;
  position: absolute; opacity: 0; width: 7px; height: 100%; background: rgb(60, 59, 59); right: 0; top: 0;
}
.gt-bar:hover .resize-right { opacity: 0.5; }
.bar-txt { position: relative; color: black;}
.bar-progress { position: absolute; left: 0; bottom: 0; height: 100%; border-radius: 3px; }
.gt-arrows{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .1s ease-out;
}
.gt-arrows .arrow{
  position: absolute;
  border-left: 2px solid black;
  border-bottom: 2px solid black;
  border-bottom-left-radius: 3px;
}
.dark-mode .gt-arrows .arrow{
  position: absolute;
  border-left: 2px solid lightgray;
  border-bottom: 2px solid lightgray;
  border-bottom-left-radius: 3px;
}
.gt-arrows .arrow:after{
  content:'>';
  position: absolute;
  right: 0;
  bottom: -11px;
  font-weight: 700;
  color: black;
}
.dark-mode .gt-arrows .arrow:after{
  content:'>';
  position: absolute;
  right: 0;
  bottom: -11px;
  font-weight: 700;
  color: lightgray;
}
.gantt-btn-options { opacity: 0; }
.gt-bar:hover .gantt-btn-options { opacity: 1; }
.gt-wrapper { display: flex; }
.gantt-panel {  border-collapse: separate; border-spacing: 0 20px;}
.gt-tr-head {  border-bottom: 1px solid #d5d5d5; padding: 10px;}
.dark-mode .gt-tr-head .gt-th { color: white; border-bottom: 1px solid #6f6e6e; padding: 10px;}
.gt-tr-head .gt-th { border-bottom: 1px solid #d5d5d5; padding: 10px;}
.gt-th .gt-tr{
  height: 20px;
  padding: 10px;
  border-bottom: 1px solid #d5d5d5;
}
.gt-tr .gt-td {
 max-width: 120px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.gt-btn-icon { color: black; }
.dark-mode .gt-btn-icon { color: white; }
.dark-mode .btn.btn-white.btn-cmd-gt { background: #585858 !important; }
.btn.btn-white.btn-cmd-gt { background: #ecf0f5 !important; }

/* owl nav */
.owl-prev span, .owl-next span {
	color: #FFF;
}

.owl-prev span:hover, 
.owl-next span:hover {
	color: #8199A3;
}

.owl-prev, .owl-next {
	position: absolute;
	top: 0;
	height: 100%;
  font-size: 50px !important;
}

.owl-prev {
	left: 7px;
}

.owl-next {
	right: 7px;
}

button:focus, button:active {
   outline: none;
}

/* chestionare */
.info-tip { color: black; cursor: help; }
.dark-mode .info-tip { color: white; cursor: help; }

.axa-val-culoare { color: black; }

.dark-mode .axa-val-culoare { color: white; }

.chestionar-title-culoare { color: black; }
.dark-mode .chestionar-title-culoare { color: white; }

.criterii-lnk { color: #444; }
.dark-mode .criterii-lnk { color: #F2F2F2; }

.nealocat {background-color: #f39c12 !important; border-radius: 10px;}
.alocat {background-color: #3c8dbc !important; border-radius: 10px;}
.introdus {background-color: #33CCFF !important; border-radius: 10px;}
.valid {background-color: #00a65a !important; border-radius: 10px;}
.del-chestionar {background-color: #d33724 !important; border-radius: 10px;}

.edit-btn-clr { color: black; }
.dark-mode .edit-btn-clr { color: lightgray; }

.link-chestionare { color: gray !important; }
.dark-mode .link-chestionare { color: #e1ebe4 !important; }

/* Design nou CBC */
.bckg-green { background-color: #7ad5a9 !important; }
.pills-container { display: flex; flex-wrap: wrap; font-size: 13px !important; }
.dt-pills { overflow: hidden; padding-right: 70px; position: relative; }
.dt-pills-large { height : 60px; }
.dt-pills-large-wtext { height : 80px; }
.dt-pills-small { height : 37px; }
.dt-pills-small-wtext { height : 57px; }
.pills-btn { position: absolute; right: 0; top: 20px; }
.pills-btn button, .pills-btn a { margin-bottom: 3px; }
.dt-pills-small .pills-btn { top: 10px; }
.dt-pills-small-wtext .pills-btn, .dt-pills-large-wtext .pills-btn { top: 30px; }
.pills-off { right: 35px; }
.pills-plus { margin-right:30px; cursor: pointer; }
.special-tab { padding:5px 10px; box-shadow: 7px 7px 5px -2px rgb(0 0 0 / 10%); margin:6px; font-size: 13px; border-radius: 10px; overflow: hidden; background-color: #f3f2f2; text-align:center; cursor: pointer; }
.dt-pills-large .special-tab, .dt-pills-large-wtext .special-tab { height:45px; width:134px; }
.dt-pills-small .special-tab, .dt-pills-small-wtext .special-tab { height:22px; line-height: 1; }
.counter-pill { height:22px; line-height: 1; }
.dark-mode .special-tab { background-color: #515050; color: #fff; }
.r-table-cont { background-color: #f3f2f2; border-radius:10px; padding:10px; margin:6px; box-shadow: 7px 7px 5px -2px rgb(0 0 0 / 10%); }
.dark-mode .r-table-cont { background-color: #515050; }
.r-table-part td { border-bottom:1px solid #777 !important; border-top:1px solid #777 !important; }
.r-table-part th { border-bottom:0px !important; }
.r-table-part > thead > tr { border: 1px solid #777; border-left: 1px solid #777; border-right: 1px solid #777; }
.r-table-part:not(.r-table-lp) th, .r-table-part:not(.r-table-lp) td { padding:2px !important; }
.r-table-lp th, .r-table-lp td { padding:2px 2px 1px 2px !important; }
.r-table-part { margin-bottom:10px; }
.dark-mode .r-table-part a{ color: #fff; }
.r-table-part a { color : #000; }

.dark-mode .r-table-zll td { border:2px solid #d5d5d5 !important; }
.r-table-zll td { border:2px solid #777  !important; }
.r-table-zll th { border-bottom:0px !important; }
.r-table-zll th, .r-table-zll td { padding:2px !important; }
.r-table-zll { margin-bottom:0px; }
.dark-mode .r-table-zll a { color: #fff; }
.r-table-zll a { color : #000; }
.r-table-zll { max-width: 500px; }

#special-table-container { font-size: 13px !important; }
.pills-plus-serii, .pills-plus-module, .pills-plus-statusuri, .pills-plus-mtabs { display: none; }
.dark-mode .pills-plus { color: #fff; }
.r-txt-basic { color: #000; }
.dark-mode .r-txt-basic { color: #fff; }
.dark-mode .pills-plus { color: #fff; }
.editable-select:not(.pro) { cursor: default; }
.cp-mr-16 { cursor:pointer; margin-right: 16px; }
.dot-prospect { height: 14px; width: 14px; border-radius: 50%; display: inline-block; margin-left:6px; margin-bottom:-1px; }
.dot-prospect.pro { margin-bottom: -3px; }
.dot-prospect-small-group { height: 10px; width: 10px; border-radius: 50%; display: inline-block; }
.dt-btn-prospecti { height: 20px; width: 21px; }
.dt-btn-prospecti > .glyphicon { margin-left: -2px; }
.r-table-lp tr > td { vertical-align:top !important; }
.r-table-lp tr > td.td-status > span { line-height:1; }
.btn-check-lp, .btn-times-lp { width: 34px; height: 33px; border: 1px solid #333 !important; }
.dark-mode .btn-check-lp, .dark-mode .btn-times-lp { background-color: #515050;  }
.td-status > span { 
  padding: 2px 0px 2px 0px; margin-right:16px; cursor: pointer;
}
.td-status > span:not(:first-of-type) { font-size: 16px; padding-top: 0px; padding-bottom:0px; } 
.td-status { width: 150px; }

.new-counters * { font-size: 15px; font-weight: bold; box-shadow: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.r-table-cont.viz-ses { border-top-left-radius: 0px; border-top-right-radius: 0px; }

/* CHECKBOX STYLING - CBC*/
/* The switch - the box around the slider */
.r-switch {
position: relative;
display: inline-block;
width: 40px;
height: 20px;
margin-bottom:0px;
}

.part-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

/* Hide default HTML checkbox */
.r-switch input.access-check, .part-switch input.access-check {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.r-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: -6px;
  right: -2px;
  bottom: 0;
  background-color: red;
  -webkit-transition: .4s;
  transition: .4s;
}

.part-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: red;
  -webkit-transition: .4s;
  transition: .4s;
}


.r-slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  right: 30px;
  bottom: 3px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.part-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  }

input.access-check:checked + .r-slider, input.access-check:checked + .part-slider { background-color: green; }
input.access-check:focus + .r-slider, input.access-check:focus + .part-slider { box-shadow: 0 0 1px green; }
input.access-check:checked + .r-slider:before, input.access-check:checked + .part-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.r-slider.round, .part-slider.round { border-radius: 24px; }
.r-slider.round:before, .part-slider.round:before { border-radius: 50%; }
/* END CHECKBOX STYLING */
/* END Design nou CBC */

.colors_ncr{width: 5%; display: inline-block !important; }
@media screen and (max-width: 700px) {

  .colors_ncr{
    width: 8%; display: inline-block !important;
  }
}

.roundck {
  position: relative;
}

.roundck label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
}

.roundck label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 5px;
  left: 24%;
  opacity: 0;
  position: absolute;
  top: 25%;
  transform: rotate(-45deg);
  width: 8px;
}

.roundck input[type="checkbox"] {
  visibility: hidden;
}

.roundck input[type="checkbox"] + label.label-disabled {
  background-color: #d9d9d9 !important;
}

.roundck input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.roundck input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.no-bg-callout-grey { border: 1px solid; border-color: #b5b5b5; border-radius: 10px; }
.dar-mode .no-bg-callout-grey { border-color: #515050; }

.progress-new {
  border: 1px solid #97a0b3;
  border-radius: 20px;
  width: 93%;
  float: right;
}

.dark-mode .progress-new {
  border: 1px solid #585858;
  border-radius: 20px;
  width: 93%;
  float: right;
}

.progress-new-mobile {
  border: 1px solid #97a0b3;
  border-radius: 20px;
  width: 93%;
  float: right;
}

.dark-mode .progress-new-mobile {
  border: 1px solid #585858;
  border-radius: 20px;
  width: 93%;
  float: right;
}

.progress-new.sm {
  height:17px;
}
.progress-new-mobile.sm {
  height:15px;
  margin-top: 5%;
}

.progress-bar-success-new{
  background: #00a65a;
  border-radius: 20px;
}

.pos-new-bar{
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px !important;
  padding-left: 40px !important;
}

.progress-bar-percentage-task{
  position: absolute;
  padding-left:50%;
  transform: translateX(-15%);
  margin-top: -3px; 
}

.progress-bar-percentage-task-mobile{
  position: absolute;
  padding-left:50%;
  transform: translateX(-30%);
  margin-top: -4px; 
}

/* Gantt styles continued*/
.gantt-task-progress{
  margin-top:10px;
  margin-bottom: 15px;
  width: 100% !important;
}

.gantt-percentage-task{
  transform: translateX(-8%) !important;
  color: black;
}

.dark-mode .gantt-percentage-task{
  transform: translateX(-8%) !important;
  color: white;
}

.nav-tabs-custom .box-footer-mc {
  background-color: #fff !important;
}

.dark-mode .nav-tabs-custom .box-footer-mc {
  background-color: #515050 !important;
}

.bckg-disabled-dm { background-color: grey !important;}
.bckg-disabled-lm { background-color: #D9D9D9 !important;}

.r-filtru-container { padding-left: 5px; margin-top: -14px; }
.r_lp_aplica_filtre { display: none; }
.r_lp_aplica_filtre .form-group input, .r_lp_aplica_filtre .form-group .select2 .select2-selection { border-radius: 10px; background-color: #f3f2f2; }
.dark-mode .r_lp_aplica_filtre .form-group input, .dark-mode .r_lp_aplica_filtre .form-group .select2 .select2-selection { background-color: #515050; }

.text-arrangement { max-width: 100%; word-wrap: break-word; }

.vertical-line{
  border: 4px solid #d73925;
  border-radius: 30px;
  height: 25px;
  position: relative;
  top: 50%;
  width: 0;
  transform: translateY(-50%);
}

.activitate-viz-r {
  min-height: 100px;
  max-height: 500px;
  overflow: visible scroll;
  margin-top:0px;
}

.activitate-viz-border-r {
  border-top: 1px solid #f4f4f4;
}

.dark-mode .activitate-viz-border-r {
  border-top: 1px solid black;
}

.box-task-flow{
  margin-bottom: 0px !important;
  border-top: 0px !important;
  background-color: white !important;
  border-bottom: 1px solid #f4f4f4 !important;
}

.dark-mode .box-task-flow{
  margin-bottom: 0px !important;
  border-top: 0px !important;
  background-color: #444 !important;
  border-bottom: 1px solid #515050 !important;
}

.doc-leg-task{
  float: right;
}

.doc-leg-task-icon{
  font-size:18px; 
  margin-top:10px;
  cursor: pointer;
  color: black !important;
  margin-right:5px;
}

.dark-mode .doc-leg-task-icon{
  font-size:18px; 
  margin-top:10px;
  cursor: pointer;
  color: white !important;
}

/* CBC - design Masterplan*/
.r-equal-rows {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.r-mp-tables { font-size: 12px; 
  margin-bottom: 2px;
}
.r-mp-tables1>thead>tr:first-of-type>th { text-align: center; }
.r-mp-tables1>thead>tr:nth-of-type(2)>th, .r-mp-tables1>thead>tr>td { background-color: #305496; color: #fff; }
.dark-mode .r-mp-tables1>thead>tr:nth-of-type(2)>th, .dark-mode .r-mp-tables1>thead>tr>td { background-color: #00abe7; color: #000; }
.r-mp-tables1 tbody td div{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.r-mp-tables1 tbody th div{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.day-mp { cursor: pointer }
.r-mp-tables1 thead td { 
  text-align: center;
}
.r-mp-tables-cont { margin: 4px; padding: 4px; border: 2px solid #305496; }
.dark-mode .r-mp-tables-cont { border: 2px solid #00abe7; }

.r-mp-tables2>thead>tr>td { background-color: #305496; color: #fff; }
.dark-mode .r-mp-tables2>thead>tr>td { background-color: #00abe7; color: #000; }

.r-mp-tables td.r-zll > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.r-mp-tables-zll td{ background-color: #305496; color: #fff; }
.dark-mode .r-mp-tables-zll td { background-color: #00abe7; color: #000; }
.mp-top-border { border-top: 2px solid #305496 !important; }
.dark-mode .mp-top-border { border-top: 2px solid #00abe7 !important; }
.mp-grid-container {
  display: grid;
  grid-template-columns: 14% repeat(7, minmax(0, 1fr));
}
.mp-grid-container-second {
  display: grid;
  grid-template-columns: 44% 28% 28%;
  font-size: 12px;
}
.mp-grid-container-third {
  display: grid;
  grid-template-columns: 8% repeat(8, 9%) repeat(3, minmax(0, 1fr));
  grid-auto-flow: row;
}
.mp-grid-container > .mp-grid-item, .mp-grid-container-second > .mp-grid-item, .mp-grid-container-third > .mp-grid-item:not(.no-border) {
  border: 1px solid #444444;
  padding: 1px;
  word-wrap: break-word;
}
.mp-grid-container > .mp-grid-item span { width: 100%; }
.mp-tbl-outside { border: 2px solid #305496; width:95%; margin-bottom:15px;}
.dark-mode .mp-tbl-outside { border: 2px solid #00abe7; }
.mp-grid-container .mp-grid-item-top-row { border-top: 2px solid #444444 !important; }
.mp-grid-container-third .mp-grid-item-top-row { text-align: center; }
.mp-cbc-blue-bg { background-color: #305496; }
.mp-cbc-blue { color: #305496; }
.dark-mode .mp-cbc-blue { color: #00abe7; }
.dark-mode .mp-cbc-blue-bg { background-color: #00abe7; }
.mp-grid-container>.mp-grid-item-flex {
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.mp-cbc-orange-bg { background-color: #fff2cc; }
.mp-cbc-pink-bg { background-color: #fce4d6; }
.mp-cbc-lblue-bg { background-color: #e2efda; }
.mp-grid-container-third:not(.third-total) .mp-grid-item { padding: 2px; }
.mp-grid-container-third.third-total .mp-grid-item {
  padding: 3px;
  font-weight: bold;
  word-break: break-word;
}
/* end */

/* CBC - Design Raport Turnover */
.mp-grid-container-turnover, .mp-grid-container-turnover-second {
  display: grid;
  font-weight: bold;
  padding: 3px;
  font-size: 12px;
  word-wrap: break-word;
}
.mp-grid-container-turnover {
  grid-template-columns: 16% repeat(3, 28%);
}
.mp-grid-container-turnover-second {
  grid-template-columns: 24% 76%;
}
.mp-tbl-outside-turnover {
  padding: 1px;
  font-size: 12px;
}
.mp-turnover-lightblue {
  background-color: #ddebf7;
}
.mp-grid-container-turnover .mp-grid-item,
.mp-grid-container-turnover-second .mp-grid-item {
  min-height: 18px;
  padding: 0px 1px 0px 1px;
}
.mp-grid-container-turnover .mp-bl,
.mp-grid-container-turnover-second .mp-bl {
  border-left: 2px solid #444444 ;
}
.mp-grid-container-turnover .mp-br,
.mp-grid-container-turnover-second .mp-br {
  border-right: 2px solid #444444 ;
}
.mp-grid-container-turnover .mp-bt,
.mp-grid-container-turnover-second .mp-bt {
  border-top: 2px solid #444444 ;
}
.mp-grid-container-turnover .mp-bb,
.mp-grid-container-turnover-second .mp-bb {
  border-bottom: 2px solid #444444 ;
}
.mp-grid-container-turnover .mp-border {
  border: 2px solid #444444 ;
}
.mp-grid-container-turnover .mp-grid-item:not(.mp-cbc-blue-bg):not(.mp-turnover-lightblue),
.mp-grid-container-turnover-second .mp-grid-item:not(.mp-cbc-blue-bg):not(.mp-turnover-lightblue) {
  background-color: #<?php echo $defaultCellBackgroundColor; ?> 
}
.mp-normal-font {
  font-weight: normal;
}
.mp-grid-container-turnover .mp-cbc-blue, 
.mp-grid-container-turnover-second .mp-cbc-blue {
  padding: 2px;
}
/* */

.pding-15 { padding:15px; }
.plati-interior .box-footer{border-top: none;}
.plati-interior .table-striped2 tr td {border-top: 1px solid #444 !important;}

.border-chestionar {height:30px; border-bottom: 1px solid #5bc0de !important; margin-left:5px; margin-right:5px; }
.content-wrapper-proiecte{ margin-left:0px !important; }

.tst-r-corect { border: 3px solid #00c100; }
.tst-r-gresit { border: 3px solid #ff2b2b; }

.cbc-dep-select{ transform: translate(0px, 3px); }
.tst-r-gresit { border: 3px solid #ff2b2b; }
.tst-r-gresit { border: 3px solid #ff2b2b; }

/* Teste, bilete orale */
.dark-mode .r-design-teste .bw { background-color: #585858; }
.dark-mode .r-design-teste .box-body { background-color: #585858; }
.r-design-teste > .bw { border-top:none; border-radius:10px; box-shadow:unset; background-color: #ecf0f5; }
.r-design-teste .bw > .box-header { padding-bottom:0px; border-radius: 10px; padding-top:0px; box-shadow: 5px 5px 10px -2px rgb(0 0 0 / 20%); padding: 10px 20px; background-color: #7ad5a9; }
.r-design-teste { margin-top: 10px; }
.t-raspunsuri { background-color: #5bc0de; border-radius:10px; min-height:40px; padding:10px; margin-bottom:10px; box-shadow: 5px 5px 10px -2px rgb(0 0 0 / 20%);}

.pos-select-rez-dep{ width:25%; transform: translate(0, -12px); }
.pos-select-rez-type{ width:25%; transform: translate(0, -15px); }
.btn-compara-rezultate { cursor:pointer; position:relative; padding: 5px 10px; height:100%;border-radius: 10px; align-items: center; transform: translate(10px, 13px); height: 33px; display: table; vertical-align: middle;}
.btn-print-analize { cursor:pointer; position:relative; padding: 5px 10px; height:100%;border-radius: 10px; align-items: center; height: 33px; display: table; vertical-align: middle; margin-bottom: 10px;} 

.btn-trimite-fise { cursor:pointer; position:relative; padding: 5px 10px; height:100%;border-radius: 10px; align-items: center; transform: translate(10px, 35px); float: right; top:50px; right:15px;}
.btn-trimite-fise-view-table {  cursor:pointer; padding: 5px 10px; height:100%;border-radius: 10px; align-items: center; float: right; top:50px; right:15px; }
.dark-mode .caption-table-comp{ color: white; }
.caption-table-comp{ color: black; }

.btn-trimite-fise-info-proiect { cursor:pointer; padding: 5px 10px; height:100%;border-radius: 10px; align-items: center; margin-left:84%;}

.cl-danger{ background: rgb(215, 61, 50, 0.2); color:rgb(215, 61, 50); }
.cl-warning{ background: rgb(244, 180, 0, 0.2); color:rgb(244, 180, 0); }
.cl-info{ background: rgb(87, 181, 227, 0.2); color:rgb(87, 181, 227); }
.cl-success{ background: rgb(83, 169, 63, 0.2); color:rgb(83, 169, 63); }

.cbc-dep-select .form-group .select2 .selection .select2-selection { border-radius: 10px !important; }
.cbc-dep-select .form-group #tip_rez { border-radius: 10px !important; }
.cbc-rez-dep .form-group .select2 .selection .select2-selection { border-radius: 10px !important; }

.dark-mode .boxes-cbc{ background: #585858; border-top: 1px solid #585858 !important; border-bottom: 1px solid #585858 !important; }
.boxes-cbc{ background: #ecf0f4; border-top: 1px solid #ecf0f4 !important; border-bottom: 1px solid #ecf0f4 !important; }
.rez-bar{ padding: 5px 10px; border-radius: 10px; align-items: center; width:100px; }

.checkbox-large {
  width: 20px;
  height: 20px;
}

.bg-gradient-primary {
  background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}

.nav-tabs>.tab-axa.tab-btn{margin-bottom: 3px !important; margin-left: 2px !important;}
.nav-tabs-ses-boxes>.nav-tabs>.tab-btn{margin-left: 2px !important;}

.text-color-cbc-rez{ color:#6e0003; }

.analize-arrow-up { color:#00a65a; }
.analize-arrow-down { color: #d33724; }
.analize-arrow-equal { color: #f79e2c; }

.analize-tr{ background: #fff !important; }
.dark-mode .analize-tr{ background: #515050 !important; }


.table>tbody>tr>td.special-td-th{ border-top: 0 !important; }
.nested-table-analize { margin: 0 !important; }

.special-td-th.first-child { background: #f9f9f9; }
.special-td-th.second-child { background: #fff; }
.special-td-th { padding:0px !important; }

.cbc-caption-table { color: black; }
.dark-mode .cbc-caption-table { color: white; }

.dark-mode .special-td-th.first-child { background: #585858; }
.dark-mode .special-td-th.second-child { background: #515050; }

.hide-form-element { display: none !important; }
.top-left-align-cbc td, .top-left-align-cbc th { vertical-align: top !important; text-align: left !important; }
.dark-mode .color-text-mode { color: #fff; }
.color-text-mode { color: #000; }

.bottom-shadow{
  -webkit-box-shadow: 0px 18px 13px -12px rgba(0,0,0,0.68); 
  box-shadow: 0px 18px 13px -12px rgba(0,0,0,0.68);
}

.doc-flow-outer.cbc-flow{ height:80px !important; }

.change-price-highlight { cursor:pointer !important; }
.change-price-highlight:hover { color: #dd4b39 !important; }

.change-grade-highlight { cursor:pointer !important; }
.change-grade-highlight:hover { color: #dd4b39 !important; }

.row-tables-inline { display: flex; }

.table-cbc-border td, .table-cbc-border th{
  border: 1px solid black;
  padding: 5px;
}

.dark-mode .table-cbc-border td, .dark-mode .table-cbc-border th{
  border: 1px solid gray;
  padding: 5px;
}
.month-table-psa { padding: 5px; }
.month-table-psa td, .month-table-psa th{ padding: 5px; border: 1px solid gray; }
.targeted-psa { cursor:help; background-color: red; opacity: 0.5; }
td.targeted-cbc-psa:hover { opacity: 1 !important; }
.h-scroll { overflow: auto; }
.row-tables-psa { display: flex; }
.li-psa{ cursor: pointer; }
.li-psa.active>a { background-color: lightgray !important; }
.dark-mode .li-psa.active>a { background-color: darkgray !important; }

.mp-grid-sp { padding-top:7px !important; padding-bottom:7px !important;}

.mute-li { background: #ffffff !important; border-left: #ffffff !important;}
.dark-mode .mute-li { background: #515050 !important; border-left: #515050 !important; }

.msg-editable { cursor:context-menu; }
.textarea-edit-msg { background-color: #7fbcff; color: white;  border: none; outline: none; }
.dark-mode .mute-li { background: #515050 !important; border-left: #515050 !important; }
.dark-mode .mute-li { background: #515050 !important; border-left: #515050 !important; }
.dark-mode .table-responsive .tabel-totaluri { color: #f2f2f2;}

.table-single-color { background-color: #ecf0f4; color: black; border:1px solid gray; }
.table-single-color td, .table-single-color th { background-color: #ecf0f4; color: black; border:1px solid gray; }

.dark-mode .table-single-color { background-color: #585858; color: white; border:1px solid gray; }
.dark-mode .table-single-color td, .dark-mode .table-single-color th { background-color: #585858; color: white; border:1px solid gray; }

.modal-header { border-bottom: 0 !important; }

.modul-task { box-shadow: 2px 5px 2px 2px rgb(211 211 211 / 35%); border: 1px solid gray; border-radius: 10px; padding: 10px; margin-bottom:15px; }
.dark-mode .modul-task { box-shadow: 2px 5px 2px 2px rgb(0 0 0 / 15%); }
.modul-task:hover{ background-color: rgba(236,240,244,255); }
.dark-mode .modul-task:hover{ background-color: rgba(88,88,88,255); } 
.mt-20px { margin-top: 20px; }
.modul-task a {color: #67b7e9 !important; }
.modul-task a:hover {color: #1e92d9 !important; }

.modul-task.minim { border-left: 10px solid #04cb33; }
.modul-task.normal { border-left: 10px solid #ffcc02; }
.modul-task.maxim { border-left: 10px solid #fe0000; }
.tablestrip-tsk { background-color: lightgray; color: black; border-radius: 15px; box-shadow: 2px 5px 2px 2px rgb(211 211 211 / 35%);}
.dark-mode .tablestrip-tsk { box-shadow: 2px 5px 2px 2px rgb(0 0 0 / 15%); }
.tablestrip-tsk th { border-bottom: 0 !important; }
.tsk-highlight { font-size:17px; font-weight: 1000; }
.positon-status-tsk {  float: right; margin-right:25px;}
.positon-status-tsk i { margin-left:5px; margin-right:5px; font-size: 25px;}
.sort-filter-tsk li { list-style-type: none; display:inline-flex; padding-right:20px;}
.sort-filter-tsk li a{ text-decoration: none;}
.sort-filtre{ 
  display: inline-block;
  margin: 1px !important;
  vertical-align: middle;
  width: 250px;
  margin-right: 10px !important;
}
.left-filtre{ 
  display: inline-block;
  margin: 1px !important;
  vertical-align: middle;
  width: 350px;
  margin-right: 10px !important;
}
.stat-tsk { font-size:15px; }
.stat-tsk.selected { border: 4px solid lightgreen; border-radius: 50%;}
.user-img-tsk.selected { border: 4px solid lightgreen; width:35px !important; height:35px !important; }
.dark-mode .btn-actions-tsk { border: 1px solid #d2d6de; color:white; background: none; }
.btn-actions-tsk { border: 1px solid #444; background: none; color:black; border-radius:4px; padding: 10px 15px;}
.dark-mode .btn-actions-tsk:hover { background-color: #3b3a39; }
.btn-actions-tsk:hover { background-color: lightgray; }
.no-profile-picture.med { width:35px; height:35px; font-size:16px; line-height:35px; border-radius: 50% !important; box-shadow: 2px 2px 10px 3px rgb(0 0 0 / 15%);}
.user-image.med { width: 35px; height:35px; }
.stat-div-tsk div i { padding: 5px; }
.fa.stat-tsk { color:#707271; background:#d0cfd0; border-radius: 50%; width:30px; text-align:center; height:30px; padding:8px;}
.box.tsk-mele { border-top: none; box-shadow: 5px 5px 10px 5px rgb(0 0 0 / 20%);}
.no-pl-pr { padding-left: 0 !important; padding-right: 0 !important; }
.no-ml-mr { margin-left: 0 !important; margin-right: 0 !important; }
.stat-div-tsk .div-icn-stat-tsk { margin-left: 5px; margin-right: 5px; border: 4px solid #d0cfd0; }
.div-icn-stat-tsk { float: right !important; box-shadow: 2px 2px 10px 3px rgb(0 0 0 / 15%); border-radius: 50%;}
.div-icn-stat-tsk.selected { border: 4px solid lightgreen; }
.content-taskurile-mele { max-height:500px; overflow:auto; width:100%;}
.descriere-tsk-mele { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ml-mr-15px { margin-left: 15px; margin-right: 15px; }
.ml-mr-25px { margin-left: 25px; margin-right: 25px; }
.dark-mode .modul-task .dropdown-menu>li>a { color: #f2f2f2 !important;}
.modul-task .dropdown-menu>li>a { color: black !important; }
.dark-mode .lista-inline a { color: #f2f2f2 !important; }
.lista-inline a{ color: black !important; }
.span-nealocate.selected { border: 4px solid lightgreen; }
.span-nealocate.selected i{ font-size: 28px !important; }
.pull-right-rounded-important{ border-radius: 50% !important; }
.msg-preloader-opacity{ opacity: 0.5 !important;}
.d_flex_gap_5{ display: flex !important; gap:5px !important;}
.eticheta-task { margin-left: 0 !important; color: black !important; font-size: 10px;  border-radius:20px !important; padding:3px; font-weight:bold; line-height:1;white-space:nowrap;vertical-align:baseline; }
.eticheta-task.principala { background-color: #f39c12 !important; }
.eticheta-task.suplimentara { background-color: #D3D3D3 !important; }
.br-10 { border-radius:10px; }
.overlay-taskuri { float:unset; display:flex; justify-content: center; }
.overlay-taskuri i { font-size: 25px; }
.text-items { word-break: break-word; }
.icn-green { color: green; }
.textarea-psa { width: 100%; height:100px; border:none; outline:none; }
.tabel-psa-rasp td{ border: 1px solid black; }
.info-table-cbc th { border-bottom: 3px solid #632423; border-right: 1px solid #632423; padding: 5px; }
.info-table-cbc{ border: 2px solid black; }
.info-table-cbc th{ border: 1px solid black; width:80px; }
.row-tables-cbc { display:flex; }
.month-table-cbc { padding: 5px; }
.month-table-cbc td, .month-table-cbc th { border: 1px solid black; padding: 5px; }
.month-table-cbc .targeted { cursor:help; background-color: red; opacity: 0.5; }
.month-table-cbc td.targeted:hover { opacity: 1 !important; }
.textarea-rez-prp { width: 100%; height:120px; }
.dark-mode .textarea-rez-prp { background-color: #585858; }
.textarea-rez-prp-inv { width: 100%; height:120px; }
.dark-mode .textarea-rez-prp-inv { background-color: #585858; }
.progress-calendar-task { border:1px lightgray; border-radius: 20px;}
.btn-raport-prp { padding: 5px 10px; border-radius: 15px; cursor:pointer; }
.filtre-items-tasks .box{ border-radius: 12px; border: 1px solid #d2d6de; }
.custom-radio.prioritate-item-task { padding-right:0 !important; padding-left:0 !important; }
.pos-new-bar, .opt-tasg-gen { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.inside-ul { list-style: none; }
.inside-ul, .normal-li, .timeline-checklist {
  position: relative;
}
.inside-ul {
  list-style: none;
  padding-left: 30px;
}

.inside-ul .normal-li::before, .inside-ul .timeline-checklist::before{
  position: absolute;
  left: -15px;
  top:0;
  border-left: 1.5px solid #D3D3D3;
  border-bottom: 1.5px solid #D3D3D3;
  border-bottom-left-radius: 10px;
  content: "";
  width: 14px;
  height: 1.5em;
}

.inside-ul .timeline-checklist::before{
  height: 8em;
  transform: translate(0, -20px);
}

.inside-ul .normal-li::after, .inside-ul .timeline-checklist::after{
  position: absolute;
  left: -15px;
  bottom:0;
  border-left: 1.5px solid #D3D3D3;
  content: "";
  height: 100%;
}

.inside-ul .normal-li:last-child::after, .inside-ul .timeline-checklist:last-child::after{
  display: none;
}

.todo-list .normal-li .custom-box.done .text{
  font-weight: 500;
}

.todo-list>li.done .text{
  text-decoration: none;
}

.sticky-header {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #fff;
}
.dark-mode .sticky-header{
  background-color: #585858;
}
.dark-mode .box .table-striped .bg-gray{ color: #f2f2f2; }

.no-sort::after { display: none!important; }
.no-sort::before { display: none!important; }
.tabel-rezervare { border-right: 4px solid #f9f9f9;border-bottom: 4px solid #f9f9f9;border-left: 4px solid #f9f9f9;}
.dark-mode .tabel-rezervare {border-right: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid transparent; background-color: transparent !important;}
.dark-mode .fv-modal-stack-1 .modal-dialog .box .overlay-wrapper { background-color: transparent!important;}

input[readonly="1"] { pointer-events: none; }

.bd-radius-5 { border-radius: 5px !important; }
.mar-40{margin-right: 40px;}
.custom-color .radio{margin-left: -20px !important;}

.col-border {
  border-right: 2px solid #dee2e6; /* Folosim o culoare mai subtilă pentru separator */
; /* Asigură că toate coloanele au aceeași înălțime minimă */
}

.vertical-center {
  display: flex;
  min-height: 150px;
  flex-direction: column;
  justify-content: center; /* Acest stil va centra conținutul pe verticală */
}

.interactive-block {
    display: flex;
    align-items: center; /* Centrat vertical */
    justify-content: space-between; /* Distribuie spațiu */
    margin-bottom: 10px; /* Spațiu între blocuri */
    padding: 10px;
    border: 1px solid #ccc; /* Adaugă un border ușor */
    background-color: #f2f8ff; /* Culoare de fundal ușor diferită */
}

.interactive-block-selected{
  background-color: #c9e4f0;
}
.mail-icon{position:absolute;font-weight:600;right:7px;top:7px}

.table-pl {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}
.table-pl th, .table-pl td {
  border: 1px solid #000;
  text-align: center;
  padding: 8px;
  box-sizing: border-box; /* Asigură-te că padding-ul și border-ul sunt incluse în lățime */
}
.col-wide {
  width: 40%; /* Setat la 45% cum ai menționat inițial */
  font-size: 25px;
}
.col-small {
  width: 15%; /* Ajustat la (100% - 45%) / 3 */
  font-size: 18px;
}
.col-bigger{
  font-size: 32px;
}
.double-row {
  height: 100px;
}

.bordertabel td{ border: 1px solid gray !important;}

.width-100{
  width: 100% !important;
}

.fara-dorder-bottom{ border-top: 1px solid #ffffff !important; }
.img-preview-modelf{ max-width: 99%; height: auto; display: block; }
.ellipsis-60ch {
  display: inline-block;
  max-width: 60ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-90{
  width: 90% !important;
}

.text-primary{
  color: #3c8dbc;
}

.collapser-filtre-externe {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btns-filtre-externe{
  display: flex;
  justify-content: flex-end;
}


.mr-10{
  margin-right: 10px;
}

.w-350 { width:350px; }