* {
	padding: 0;
	margin: 0;
}

/* ======= Variables ========*/
::-webkit-scrollbar {
	width: 13px;
	height: 13px;
}

::-webkit-scrollbar-thumb {
	background: #c3bfbf; 
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background: #888; 
}

/* ======= Base Styles ========*/
body {
	color: #545454;
	background: #e8f0ee;
	vertical-align: top;
	font: 14px Palatino, sans-serif;
}

input[type=image]{
	outline: none;
	cursor: pointer;
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

i {
	cursor: pointer;
	color: #fff;
	font-size: 24px;
}

img {
	border: 0;
	text-decoration: none;
	vertical-align: middle;
	margin: 0px;
	max-width: 500px;
	cursor: pointer;
	outline: none;
}

a {
	text-decoration: underline;
	color: #3e6a98;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
	color: #e0dbe1;
}

hr {
	height: 0.1px;
	border: 0;
	background: #7397b5;
	color: #7397b5;
	padding: 0;
	margin: 5px 0px 3px 0px;
}

li {
	list-style-type: none;
	padding-left: 10px;
}

fieldset {
    background: #FFF url('./img/abo/fieldsetbg.jpg') repeat-x 0px 0px;
    margin: 0px 0px 20px 0px;
    padding: 2px;
    border: 1px solid #7FAAFF;
    border-top: 0px;
}

legend {
    width: 100%;
    background: #FAFAFA url('./img/abo/optsbg.gif');
    height: 20px;
    margin: -5px 0px 10px -13px;
    padding: 5px 0px 0px 10px;
    border: 1px solid #D0E5EC;
    border-bottom: 2px solid #3B6CC9;
}

textarea {
	font: 14px Tahoma,sans-serif;
	resize: vertical;
	min-height: 25px;
	max-height: 200px;
}

table {
    padding: 2px;
    empty-cells: show;
	background: transparent;

}

th {
    border: none;
    text-align: center;
    font-size: 11px;
    padding: 5px 3px;
    color: #444;
}

td {
    padding: 4px 6px 0px 4px;
    border: none;
    white-space: nowrap;
    empty-cells: show;
}

a.button {
	line-height: 22px;
	border: 1px solid #D3D3D3;
	background-color: #FAFAFA;
	margin: 5px;
	padding: 3px 5px;
	z-index: 3;
}


/* ======= Layout ========*/
.Content, #RightSide{
	display: inline-block;
}

#RightSideTop{
	border-bottom: 1px solid #fff;
	height: 50px;
}

#TopAction{
	border-bottom: 1px solid #fff;
}

#mm_placeHolder {
	background-color: #9dd1e5;
	border-bottom: 1px solid #fff;
    width: 100%;
    min-height: 45px;
    height: auto;
    margin: 0px;
    padding-top: 0px;
    z-index: 110;
	position: fixed;
}

#MainMenu li a img{
    margin: -2px 7px 2px 0px;
	outline: none;
}

#MainMenuSide li a img{
    margin: -2px 7px 2px 0px;
	outline: none;
}

#LocalApp {
    height: 26px;
    line-height: 26px;
    font-size: 11px;
    padding-left: 10px;
    font-weight: bold;
}

#Content {
    padding:0px;
    margin:0px;
    overflow: auto;
}

#LeftSide {
	background-color: #9dd1e5;
    height: 100%;
    transition: transform 0.15s ease-in-out;
    z-index: 1038;
    float: left;
    width: 220px;
    
}

.leftSidePos{
	position: fixed;
}

#LeftSide h1 {
    font-size: 12px;
    background-color: #CFDEFF;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}

#RightSide {
	display: none;
    padding: 0px;
    margin-left: 1px;
    overflow: auto;
	float: right;
	height: 100%;
    width: 15%;
}

#TopAction {
    padding: 0px;
    margin: 0px 0px;
	min-height: 50px;
	width: 100%;
}

#Footer {
	clear:both;
}

.Contentfilter{
	float: right;
	width: 50px;
	margin-right: 255px;
}

.Contentfilter i{
	font-size: 14px;
}

.ResetFiltre button{
	width: 177px;
}

.ResetFiltre i{
	font-size: 18px;
}

.content-row{
	margin-top: 47px;
	margin-left: 221px;
	/* margin-bottom: 40px; */
}

.expandMenuRotate i{
	transform: rotate(180deg);
}

.LeftSideExpand{
	transform: translateX(0px) !important;
	display: block;
}

.FooterExpand{
	margin-left: 221px !important;
}

.TopActions{
	padding-top: 10px;
    padding-bottom: 10px;
	margin-left: 5px;
}

.TopActions input{
	margin-bottom: 5px;
}

.topaction-line{
	display: inline-block;
}

.topaction-line input{
	margin-right: 5px;
}

.topaction-hidden{
	margin-left: 10px;	
	margin-top: 3px;	
	display: none;
}

.TopActiondropbtn{
	margin-top: 8px;
	height: 10px;
	cursor: pointer;
}

.TopAction-dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border-radius: 10px;
}

.TopAction-dropdown-content button{
	display: flex;
    width: 150px;
	margin: 6px;
}

.TopAction-dropdown-content a {
	color: black;
	padding: 12px 16px;	
	text-decoration: none;
	display: block;
	cursor: pointer;
	font-weight: bold;
}

.TopAction-dropdown-content a:hover {
	background-color: #ddd;
}

.top-l-menu{
    margin-bottom: 2px;
    border-right: 1px solid #CFDEFF;
	line-height: 1.0;
    padding: 0;
    list-style: none;
    z-index: 99;
}

.top-l-menu li {
    float: left;
    position: relative;
    cursor: pointer;
	width: 140px;
	padding-left: 0px;
	top: 3px;
}

.top-l-menu a {
	font-size: 17px;
	padding: .75em 1em;
    text-decoration: none;
	color: #13a;
	display: block;
}

.top-l-menu i {
	text-decoration:none;
	font-size: 18px;
	color: #3642a8;
}

.top-r-menu{
	float: right;
    display: inline-block;
}

.top-r-menu li {
    border-left: 1px solid #fff;
    display: inline-flex;
    height: 46px;
}

.top-r-menu a {
	color: #13a;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    border-left: none;
    border-top: none;
    padding: 0px 15px 0px 0px;
}

.top-r-menu i{
	padding: 12px 0px 10px 10px;
	text-decoration:none;
	font-size: 18px;
	color: #3642a8;
	margin-right: 5px;
}

.top-r-menu  img{
	padding: 12px 0px 10px 10px;
	text-decoration:none;
}

.indicator-menu{
	margin-top: 14px !important;
	margin-left: 8px !important;
}

.top-r-menu-dropdownContent{
	display: none;
	margin-top: 35px;
    position: absolute;
    background-color: #9dd1e5;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
	width: 200px;
    border-radius: 3px;
}

.top-r-menu-dropdownContent li{
	margin: 0px;
	width: 198px;
	padding: 0px;
	border-bottom: 1px solid #fff;
}

.top-r-menu-dropdownContent-show{
	display: block;
}

.labellogoutDisabled{
	display: none;
}

.top-r-menu-dropdownContent-show a{
    color: #13a;
    text-decoration: none;
    display: block;
    cursor: pointer;	
}

.sidenav {
	background-color: #9dd1e5;
	height: 100%;
	width: 219px;
	margin-top: -25px;
	z-index: 1;
	top: 0;
	left: 0;
	overflow-x: auto;
	padding-top: 20px;
	overflow-y: auto;
}

.sidebar-dropdown{
	padding-left: 0px;
}

.activ-link{
	color: #616161 !important;
}

.sidenav a, .dropdown-btn {
    padding: 1px 0px 6px 9px;
    text-decoration: none;
    font-size: 16px;
    color: #13a;
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
    padding-top: 5px;
}

.sidenav i{
	color: #3642a8;
	padding: 5px;
	font-size: 20px;
}

.sidenav a:hover, .dropdown-btn:hover {
	color: #f1f1f1;
}

.dropdown-container-active{
	display: block !important;
}

.dropdown-container {
	display: none;
	padding-left: 8px;
}

.dropdown-container li{
	padding-left: 0px;
}

.dropdown-container a{
	display: flex;
    align-items: center;
    padding-top: 5px;
}

.iarrow {
	float: right;
	margin-left: auto;
}

.hideLeftMenu{
	display: none;
}

.expandMenu{
	display: none;
	cursor: pointer;
}

#Header {
    margin-bottom: 20px;
}

#AjaxSearchDiv{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 5px 10px 5px 5px;
    z-index: 100;
}

#AJAXSearch.offmode {
    color: #666666;
    font-style: italic;
}

#SearchResults {
    position: absolute;
    top: 24px;
    right: 10px;
    min-width: 400px;
    z-index: 400;
}

#SearchResults table {
    float: right;
    min-width: 500px;
    overflow: hidden;
}

#Loader {
	position: absolute;
	top: 330px;
	left: 700px;
	width: 300px;
	height: 140px;
	z-index: 102;
	text-align: center;
	background: url('../img/abo/loader_bg.png');
	padding-top: 40px;
}


#LoaderActionPanel {
	position: absolute;
	left: 35%;
	width: 300px;
	height: 140px;
	z-index: 102;
	text-align: center;
	background: url('../img/abo/loader_bg.png');
	padding-top: 40px;
}

/* ======= Components ========*/
.bgcol1 {
    background: #FFF;
}

.bgcol2 {
    background: #F0F3F3;
}

.tbltext {
    font-size: 14px;
}

.tbltext label {
    font-size: 14px;
    font-weight: bold;
}

.tblAlignLeft {
    text-align: left;
}

.tblAlignJustify {
    text-align: justify;
}

.tblAlignRight {
    text-align: right;
}

.tblAlignCenter {
    text-align: center;
}

.colorFile:visited {
    color: #ac39ac;
}

.ColoredFC {
    color: #DF0101;
}

.fie {
	float: left;
	padding: 2px;
	margin: 1px;
	min-height: 45px;
	width: auto;
}

.fie label {
	display: block;
	padding: 0px 5px 2px 3px;
	color: #555;
	font-size: 15px;
	font-weight: bold;
}

.fie select {
    width: 162px;
    height: 24px;
    border-radius: 3px;
    border: 2px solid #b4aaaa;
    outline: none;

}

.fie input {
    width: 230px;
    border-radius: 3px;
    height: 20px;
    border: 2px solid #b4aaaa;
    outline: none;
}


.fie input:focus{
    color: #495057;
    background-color: #b4aaaa;
    border-color: #44ea42;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(53 141 48);
}

.fie select:focus{
	color: #495057;
    background-color: #fff;
    border-color: #adbbad;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(124 125 124);
}

.fie textarea {
	width: 350px;
	height: 100px;
	font: 14px Tahoma, sans-serif;
	border-radius: 3px;
	border: 2px solid #337ab7;
	outline: none;
}

.fse {
	background-color: #9dd1e5;
    clear: both;
    padding: 5px;
	text-indent: 25px;
}

.fse-pre{
	height: 30px;
}

.scrollTableContainer {
    overflow: auto;
    padding: 0px 0px 4px 4px;
    border: 1px solid #EFEFF7;
    font-size: 12px;
}

.scrollTableContainer table {
	width: 99%;
	max-height: 95%; 
}

.scrollTableContainer table a {
	font-weight: bold; 
}

.scrollTableContainer th {
	border-top: 2px solid #FFF;
	font-size: 14px;
}

.scrollTableContainer tr {
	cursor: pointer;
}

.scrollTableContainer tr:hover {
	background-color: #e9ecef; 
}

.selectedRow {
	background-color: #9AD40E;
	line-height: 16px; 
	color: #000; 	
}

.scrollTableContainer tr:hover.selectedRow {
	background-color: #9AD40E; 
}

.scrollTableContainer tr a:hover {
	color: #000;
	font-weight: bold; 
}

.scrollTableContainerF {
	position: absolut;
	overflow: auto;
	padding: 0px 0px 4px 4px;
	border: 1px solid #EFEFF7;
	font-size: 12px;
}

.scrollTableContainerF th {
	border-top: 2px solid #FFF;  padding: 5px 3px;
}

.scrollTableContainerF table {
	width: 99%; max-height: 95%;
}

.scrollTableContainerF table a {
	font-weight: bold;  
}

.scrollTableContainerF tr {
	cursor: pointer;
	cursor: url;  
}

.scrollTableContainerF tr:hover {
	background-color: #BCD4EC; 
}

.selectedRow {
	background-color: #9AD40E;
	line-height: 16px;
	color: #000;		
}

.scrollTableContainerF tr:hover.selectedRow {
	background-color: #9AD40E; 
}

.scrollTableContainerF tr a:hover {
	color: #000;
	font-weight: bold;
}

.scrollingtable {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	font-size: 12px;
	width: auto;
	min-width: 100%;
	height: 250px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.scrollingtable * {
	box-sizing: border-box;
}

.scrollingtable > div {
	position: relative;
	border-top: 1px solid white;
	height: 100%;
	padding-top: 20px;
}

.scrollingtable > div:before {
	top: 0;
	background: red;
}

.scrollingtable > div:before,
.scrollingtable > div > div:after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 50%;
	left: 0;
}

.scrollingtable > div > div {
	max-height: 100%;
	overflow: scroll;
	overflow-x: hidden;
	border: 1px solid white;
}

.scrollingtable > div > div:after {
	background: white;
}

.scrollingtable > div > div > table {
	width: 100%;
	border-spacing: 0;
	margin-top: -20px;
}

.scrollingtable > div > div > table > caption {
	position: absolute;
	top: -20px;
	margin-top: -1px;
	width: 100%;
	font-weight: bold;
	text-align: center;
}

.scrollingtable > div > div > table > * > tr > * {
	padding: 0; font-size: 12px;
}

.scrollingtable > div > div > table > thead {
	vertical-align: bottom;
	white-space: nowrap;
	text-align: center;
}
.scrollingtable > div > div > table > thead > tr > * > div {
	display: inline-block;
	padding: 0 6px 0 6px;

}

.scrollingtable > div > div > table > thead > tr > :first-child:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	border-left: 1px solid white;
}

.scrollingtable > div > div > table > thead > tr > * > div[label]:before,
.scrollingtable > div > div > table > thead > tr > * > div > div:first-child,
.scrollingtable > div > div > table > thead > tr > * + :before {
	position: absolute;
	top: 0;
	white-space: pre-wrap;
	color: #444;
	font-size: 13px;
}

.scrollingtable > div > div > table > thead > tr > * > div[label]:before,
.scrollingtable > div > div > table > thead > tr > * > div[label]:after {content: attr(label);}
.scrollingtable > div > div > table > thead > tr > * + :before {
	content: "";
	display: block;
	min-height: 20px;
	padding-top: 1px;
	border-left: 1px solid white;
	
}
.scrollingtable .scrollbarhead {float: right;}
.scrollingtable .scrollbarhead:before {
	position: absolute;
	width: 100px;
	top: -1px;
	background: white;
}
.scrollingtable > div > div > table > tbody > tr:after {
	content: "";
	display: table-cell;
	position: relative;
	padding: 0;
	border-top: 1px solid white;
	top: -1px;
}

.scrollingtable > div > div > table > tbody {
	vertical-align: top;
}

.scrollingtable > div > div > table > tbody > tr {
	background: white;
}

.scrollingtable > div > div > table > tbody > tr > * {
	padding: 4px 6px 0px 4px; border: none; white-space: nowrap;  empty-cells: show;
}

.scrollingtable > div > div > table > tbody:last-of-type > tr:last-child > * {
	border-bottom: none;
}

.scrollingtable > div > div > table > tbody > tr:nth-child(even) {
	background: #f0f2f2;
}

.scrollingtable > div > div > table > tbody > tr:nth-child(even):hover {
	background: #bcd3eb;
}

.scrollingtable > div > div > table > tbody > tr > * + * {
	border-left: 1px solid white;
}

#tabel-r th{
  margin-top: 0px;
  font-size: 13px;
  max-height: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.footer {
    width: 100%;
    line-height: 46px;
    background-color: #9dd1e5;
	text-align: center;
	color: #6c757d;
	position: fixed;
	bottom: 0px;
}

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

.footer i{
	color: #8b7e7e;
	margin-right: 5px;
	font-size: 19px;
}

.fieldset {
	background: #ffffff;
	overflow: auto;
    margin-bottom: 20px;
    border-bottom: 1px solid #9c9c9c33;
}

.fieldsetActionPanel {
	overflow: auto;
	margin-bottom: 30px;
}

.fieldsetAntet {
	background: #fff url('/img/abo/body_bg.png') repeat-x ;
	overflow: auto;
	border-top: 1px solid #ffffff;
	margin-bottom: 30px;
}

.fieldsetAntet form{
	background-color: none;
}

.legend {
	line-height: 16px;
	margin: 0px;
	padding: 6px 0px 6px 0px;
	text-align: left;
	text-indent: 30px;
	color: #444;
	font-weight: bold;
	font-size: 15px;
}

.legendAntet {
	background-color: #9dd1e5;
	line-height: 20px;
	margin: 0px;
	padding: 10px 0px;
	text-align: left;
	text-indent: 20px;
	color: #13a;
	font-weight: bold;
	font-size: 15px;
}

.legendAntet-extend{
	padding: 16.5px 0px;
}

.return{
	cursor: pointer;
	text-decoration: none;
	margin-right: 12px;
	padding: 2px 5px;
	border-radius: 7px;
	border: 1px solid #aee0f2;
	font-size: 14px;
	color: #3e6a98;
}

.fieldsetbody {
	padding: 10px 10px 10px 10px;
	overflow: auto;
}

.fieldsetbody h1{
	font-size: 20px;
	padding: 15px;
	text-indent: 10px;
	text-align: left;
	text-decoration: underline;
}

.fieldsetbody h2{
	font-size: 18px;
	padding: 15px;
	text-indent: 10px;
	text-align: left;
}

.fieldsetbody h3{
	font-size: 16px;
	padding: 15px;
	text-indent: 10px;
	text-align: left;
}

.fieldsetbody h4{
	font-size: 20px;
	padding: 15px;
	text-indent: 10px;
	text-align: left;
}

.fieldsetbody h5{
	font-size: 18px;
	padding: 15px;
	text-indent: 10px;
	text-align: left;
}

.fieldsetbodyForm {
	background-color: #cee8f2;
	padding: 10px 10px 10px 10px;
	overflow: auto;
}

.fieldsetbodyForm h1{
	font-size: 20px;
	padding: 15px;
	text-indent: 10px;
	text-align: left;
	text-decoration: underline;
}

.fieldsetbodyForm h2{
	font-size: 18px;
	padding: 15px;
	text-indent: 10px;
	text-align: left;
}

.fieldsetbodyForm h3{
	font-size: 16px;
	padding: 15px;
	text-indent: 10px;
	text-align: left;
}

.fieldsetbodyForm h4{
	font-size: 20px;
	padding: 15px;
	text-indent: 10px;
	text-align: left;
}

.fieldsetbodyForm h5{
	font-size: 18px;
	padding: 15px;
	text-indent: 10px;
	text-align: left;
}

.fieldsetbodyForm li {
	padding: 2px 0px;
}

.fieldsetbodyForm {
	padding: 10px 10px 10px 10px;
	overflow: auto;
	font-weight: bold;
}

.fieldsetFooter {
	background-color: #FAFDFD;
	margin: -20px 5px 20px 5px;
	line-height: 22px;
	padding: 0px 10px;
	border: 1px solid #9c9c9c33;
	border-top: 0px;
}

.fieldsetFooter a{
	cursor: pointer;
}

.fieldsetFooter i{
	font-size: 17px;
	color: #454b4e;
}

.fieldsetbody li {
	padding: 2px 0px;
}

.fieldsetFooterForm {
	background-color: #FAFDFD;
	margin: -20px 5px 20px 5px;
	line-height: 22px;
	padding: 0px 10px;
	border: 1px solid #7FAAFF;
	border-top: 0px;
}

.actionPanel {
    padding: 0 0 10px 0;
    border: 1px solid #7FAAFF;
    width: 180px;
	margin: 0px 0px 10px 10px;
}

.clear {
    clear: both;
}

.clearl{
    clear: left;
		outline: none;
}
.clearr{
    clear: right;
}

.hiddenLink {
	background-color: #8dbcce;
	text-decoration: none;
	position: fixed;
	padding-top: 15px;
	padding-bottom: 15px;
	bottom: 0px;
	width: 220px;
	cursor: pointer;
	font-weight: bold;
	color: #13a;
}

.hiddenLinktextQa {
	float: right;
	margin-right: 10px;
}

.hiddenLinktext {
	max-width: 200px;
	text-align: left;
	color: #3e6a98;
	z-index: 1;
	font-size: 12px;
	margin-right: 10px;
	margin-left: 10px;
	position: fixed;
}

.hiddenLinktext {
	display: none;
}

.user-name-menu {
	background-color: #8dbcce;
    text-decoration: none;
	padding-bottom: 11px;
	width: 220px;
    margin-bottom: 30px;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.user-name-menu p {
	color: #13a;
	padding-left: 5px;
	text-align: left;
    padding-top: 9px;
    padding-bottom: 0px;
}


.tooltip {
	visibility: hidden;
	position: fixed;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.ajax button:hover{
	background-color: #383;
}

.pager	{
   padding: 1px;
   padding-right: 10px;
   margin: 2px 4px;
   float: left;
   width: auto;
   line-height: 16px;
   border-right: 1px solid #78A3F8;
   font-weight: bold;
}

.pager i{
   color: #555;
   cursor: pointer;
   vertical-align: unset !important;
   font-size: 22px;
}

.pager input {
   text-align: center;
   background: #FFF;
   outline: none;
   border-radius: 4px;
   height: 20px;
   border: 2px solid #4E9E7E;
}

.quickfind {
   padding: 2px 20px 0px 14px;
   margin: 0px 4px 2px 4px;
   float: left;
   line-height: 18px;
   /* border-right: 1px solid #78A3F8; */
   white-space: nowrap;
}

.quickfind i{
   color: #555;
   cursor: pointer;
   font-size: 20px;
}

.quickfind input[type="text"] {
   text-align: center;
   height: 20px;
   background: #FFF;
   margin-top: -2px;
   outline: none;
   border-radius: 4px;
   border: 2px solid #4E9E7E;
}

.quickfind select {
	border: 1px solid #FFF;
}

.quickfind image {
	height: 20px;
	width: 20px;
}

.btnShowHide{
   float: right;
   width: 100px;
   margin-right: 10px;
}

.btnShowHide a{
   text-decoration: none;
   cursor: pointer
}

.btnShowHide i{
   width: 30px;
   font-size: 15px;
}

#AtaseazaFisier {
   display: none;
   position: absolute;
   z-index: 100;
   top: 100px;
   left: 100px;
   width: 400px;
   height: 120px;
}

#Attachments ul {
   margin: 20px 10px 0px 20px;
   list-style-type: none;
}

#AdaugaComentariu{
   display: none;
   position: absolute;
   z-index: 100;
   top: 100px;
   left: 100px;
   width: 400px;
   height: 160px;
}

#Comments dl {
   margin: 10px 5px 0px 5px;
}

#Comments dl dt{
   background: #EAEAEA;
   border: 1px #C3C3C3 solid;
   border-bottom: 0;
   overflow: auto;
}

#Comments dl dd{
   margin-bottom: 10px;
   padding: 3px 10px 5px 20px;
   font-style: italic;
   clear: both;
   background: #FFF;
   border: 1px #C3C3C3 solid;
   border-top: 0;
}

#Comments dl dd textarea{
   font-style: italic;
   border: none;
   width:100%;
   height: 50px;
}

#Comments .titluComment {
	margin: 2px 30px 2px 10px;
	font-weight: bold;
	float: left;
	width: 300px;
}

#Comments .autorComment {
	margin: 2px 50px 2px 10px;
	font-weight: bold;
	float: left;
	width: 400px;
}

#Comments .categorieComment {
	float: left;
	width: 200px;
}

#Comments .buttons {
	float: right;
	width: 60px;
}

.minMax {
	min-height: 90px;
	max-height: 520px;
}

#CommentsPozition dl dt{
   background: #EAEAEA;
   border: 1px #C3C3C3 solid;
   border-bottom: 0;
   overflow: auto;
}

#CommentsPozition dl dd{
   margin-bottom: 10px;
   padding: 3px 10px 5px 10px;
   clear: both;
   background: #FFF;
   border: 1px #C3C3C3 solid;
   border-top: 0;
}

#CommentsPozition .autorComment {
	margin: 2px 50px 2px 10px;
	font-weight: bold;
	float: left;
	width: 400px;
}

#CommentsPozition .buttons {
	float: right;
	width: 60px;
}

#History dl {
	margin: 10px 5px 0px 5px;
}

#History dl dt{
	border: 1px #C3C3C3 solid;
	border-bottom: 0;
	overflow: auto;
}

#History dl dd{margin-bottom: 5px;
	padding: 3px 10px 5px 20px;
	clear: both;
	background: #FFF;
	border: 0px #C3C3C3 solid;
	border-top: 0;
}

#History .Tip { margin: 2px 0px 2px 0px;
	padding: 0 20px 0 0;
	font-weight: bold;
	float: left;
	width: auto;
	overflow: auto;
}

#History .TipData { margin: 2px 0px 2px 0px;
	padding: 0 0px 0 10;
	font-weight: bold;
	float: left;
	width: 70%;
	overflow: auto;
}

#History .Titlu {float: left;
	width: 200px;
	margin: 2px 0px 2px 270px;
	overflow: auto;
}

#Level1 {
   background: #cee6f0;
}

#Level2 {
   background: #ddd5f0;
   margin: 0px 0px 0px 30px;
   font-style: italic;
}

#Level3 {
   background: #d5f0d9;
   margin: 0px 0px 0px 50px;
   font-style: italic;
}

#abOverlay{	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #2E4E86;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#abDialogBox{ position: absolute;
	min-width: 280px;
	min-height: 180px;
	background: #FFF url('./img/abo/prompt_bg.jpg') no-repeat bottom right;
	top: 200px;
	left: 200px;
	z-index: 102;
	margin: auto;
}

#abDialogBoxClose{float: right;
	margin: 6px;
}

#abDialogBoxTitle{background: url('./img/abo/prompt_header.gif') repeat-x;
	line-height: 24px;
	font-size: 14px;
	padding: 0px 0px 3px 10px;
	font-weight: bold;
}

#abDialogBoxMessage{clear: both;
	font-size: 12px;
	margin: 10px 20px;
	color: #666;
	height: 40px;
}

#abDialogBoxInput{ margin: 10px 0px 20px 20px;
	padding: 2px;
	line-height: 16px;
	border: 1px solid #666;
	width: 230px;
}

#abDialogBoxSubmit{float: left;
	 width: 100px;
	margin: 0px 10px 20px 30px;
}

#abDialogBoxCancel{ float: left;
	width: 100px;
}

.leftOverlay{
   position: fixed;
   display: none;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0,0,0,0.5);
   z-index: 2;
   cursor: pointer;
}

/*.accordionContainer {background: #FFF url('./img/abo/fieldsetbg.jpg') repeat-x 0px -5px;   border: 1px solid #c6d5e1; padding: 5px 10px 10px 10px; margin:0px 0px 16px 0px; min-height:60px; }
*/
.menuOrdonare {
   padding: 1px;
   margin: -1px 4px;
   float: left;
   line-height: 20px;
}

.limenuOrdonare{
   border-radius: 5px;
}

.jsFullScreen {position: absolute; z-index: 100; left: 5px; top: 50px; width: 98%; height: 92%; }
.jsFullScreen .minMax{max-height: 90%}

.tableActions {margin: 5px 10px -5px 10px; border: 1px solid #FFAA55; background: #FFFED8; padding: 5px; }

.antetbody {
   margin: 10px 10px 10px 10px;
   overflow: auto;
   font-size: 14px;
   margin-top: 15px;
   margin-bottom: 15px;
}


span.DetailElement {
   margin: 0px 0px;
   line-height: 15px;
}

.DetailElement strong {margin: 0px 0px; }

#DetailElementID{
   margin-right: 10px;
}

.hiddable {
   display: none;
}

.atasamenteRaspuns {
   margin: 0px;
   padding: 1px 10px;
}

.div1 {
   border: 1px solid #c3c3c3;
   padding: 0px 5px 5px 5px;
   background: #FAFAFA;
   margin: 3px;
   border-radius: 5px;
}
.div1 h1 {
   font-size: 12px;
   font-weight: bold;
   margin: 0px 0px 5px 0px;
}

.div2 {
   border: 0;
   padding: 0px 5px 5px 5px;
   background: #ffffff;
   margin: 3px;
}

.div3 {
   border: 0px solid #c3c3c3;
   padding: 0px 5px 5px 5px;
   background: #FAFAFA;
   margin: 3px;
}

.div3 h1 {
   font-size: 12px;
   font-weight: bold;
   margin: 0px 0px 5px 0px;
}

.raspuns {
	border-bottom: 1px solid #C3C3C3;
	margin: 0px 5px 5px 5px;
	clear: left;
	overflow: auto;
}

.antet_raspuns {
	float: left;
	width: 150px;
}

.raspuns .mesaj {
	border: 1px solid #E5E5E5;
	background: #FAFAFA;
	width: auto;
	padding: 2px 5px;
	float: left;
}

.atasamenteRaspuns {
	clear: left;
}

#listModules {
	width: 500px;
	margin: 30px;
	background: #FFF;
}

#listModules a {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0px;
	padding: 3px 10px;
}

#listModules li {
	margin: 4px 10px 10px 0px;
	list-style-type: none;
}

#listModules li img {
	vertical-align: middle;
	outline: none;
}

#listModules p {
	background: #FAFAFA;
	padding: 10px 5px;
}

.redAlert {
	position: absolute;
	border: 1px solid red;
	background-color: #F8F6DD;
	padding: 5px;
}

.redAlert {
	border: 1px solid red;
	background-color: #F8F6DD;
	padding: 5px;
}

.redTitle {color: red;
	font-weight: bolder;
}

select.wide {
	outline: none;
	border-radius: 4px;
	height: 24px;
	border: 2px solid #4E9E7E;
	width: 170px;
}

select.expand{
	width: auto;
}

#thumb {
	position: absolute;
	top: 1px;
	left: 100px;
}

.minMIN {
	max-height: 300px;
}

.btn{
	-webkit-appearance: default-button;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 2px solid transparent;
    padding: 4px 12px;
    font-size: 14px;
  	border-radius: 4px;
  	outline: none;
}

.btn-filtre{
	margin-top: 15px;
	margin-left: -10px;
	-webkit-appearance: none;
	color: #3e6a98;
	background-color: #ded7d7;
    outline: none;
	font-weight: bold;
}

.btn-filtre:hover{
	background-color: #cbcbcb;
}

.btn-default{
	-webkit-appearance: none;
	color: #333;
    background-color: #fff;
    border-color: #ccc;
    outline: none;
}

.btn-primary{
	color: #fff;
    background-color: #337ab7;
    border-color: #337ab7 ;
    outline: none;
	text-decoration: none;
}

.btn-login{
	color: #fff;
    background-color: #337ab7;
    border-color: #337ab7 ;
    outline: none;
}

.btn-filtreOpen{
	color: #203e7a;
    background-color: #4E9E7E;
    border-color: #4E9E7E;
    outline: none;
	margin-top: 2px;
}

.btn-reset{
	color: #203e7a;
    background-color: #4E9E7E;
    border-color: #4E9E7E;
    outline: none;
}

.btn-danger{
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
	outline: none;
}

.btn-secondary{
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
	outline: none;
}

.btn-success{
	color: #fff;
    background-color: #28a745;
    border-color: #28a745;
	outline: none;
}

.btn-info{
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
	outline: none;
}


.btn-sm{
	padding: .15rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-search{
	width: 52px !important;
	height: 23px !important;
	margin-left: 2px;
	padding: 0px !important;
	line-height: 0px !important;	
}

.btn-xs{
	padding: .25rem .4rem;
    font-size: .875rem;
    line-height: 1;
    border-radius: .2rem;
}

.btn-sm-action{
	padding: .10rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-default:hover{
	background-color: #fff;
	border: 2px solid #FF0000;
}

.btn-primary:hover{
	color: #fff;
    background-color: #0069d9;
    border-color: #ffc830;
}

.btn-success:hover{
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}


.btn-login:hover{
	background-color:  #1fc8e3;
	border:  2px solid #117a8b ;

}

.btn-danger:hover{
    background-color: #e16666;
	border:  2px solid #d43f3a;
}

.btn-secondary:hover{
	background-color: #949ba1;
	border:  2px solid #6c757d;
}

.btn-info:hover{
	color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.btn-filtreOpen:hover{
    background-color: #3cb53c ;
    border-color: #4E9E7E ;
    outline: none;
    color: #fff81a;	
}

.btn-reset:hover{
    background-color: #3cb53c ;
    border-color: #4E9E7E ;
    outline: none;
    color: #fff81a;
}

.btn-search{
	width: 52px;
	height: 23px;
	margin-left: 2px;
	padding: 0px !important;
	line-height: 0px !important;
}

.file-upload .file-select{
	display:block;
	color: #34495e;
	cursor:pointer;
	height:40px;
	line-height:40px;
	text-align:left;
	background:#FFFFFF;
	overflow:hidden;
	position:relative;
	border-radius: 7px;
	margin: 10px 10px 5px 5px;
}

.file-upload .file-select .file-select-button{
	float: left;
	background: #dce4ec;
	padding:0 10px;
	display:inline-block;
	height:40px;
	line-height:40px;
}

.file-upload .file-select .file-select-name{	
	text-overflow: ellipsis;
    overflow: hidden;
    width: 395px !important;
    white-space: nowrap;
    display: inline-block;
    padding: 0 10px;
}

.file-upload .file-select:hover{
	border-color:  #34495e;
	transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;
}

.file-upload .file-select:hover .file-select-button{
	background: #34495e;
	color:#FFFFFF;
	transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;
}

.file-upload.active .file-select{
	border-color: #4E9E7E;
	transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;
}

.file-upload.active .file-select .file-select-button{
	background: #4E9E7E;
	color: #FFFFFF;
	transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;
}

.file-upload .file-select input[type=file]{
	cursor:pointer;
	position:absolute;
	height: 100%;
	width: 100px !important;
	top:0;
	left:0;
	opacity:0;
	filter:alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled{
	opacity:0.65;
}

.file-upload .file-select.file-select-disabled:hover{
	cursor:default;
	display:block;
	border: 2px solid #dce4ec;
	color: #34495e;
	cursor:pointer;
	height:40px;
	line-height:40px;
	margin-top:5px;
	text-align:left;
	background:#FFFFFF;
	overflow:hidden;
	position:relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button{
	background:#dce4ec;
	color:#666666;
	padding:0 10px;
	display:inline-block;
	height:40px;
	line-height:40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name{
	line-height:40px;
	display:inline-block;
	padding:0 10px;
}

.dpDiv{
	background-color: #fcfcfc;
	border-radius: 10px;
}

.dpTable{
	padding-bottom: 10px;
}

.dpTR{
	cursor: pointer;
}

.dpTh{
	border-radius: 3px;
}

.dpTD{
	text-align: center;
}

.dpTodayButtonTR{
	text-align: center;
}

.dpButtonTD{
	padding-top: 15px;
	padding-bottom: 15px;
}

.dpButtonTD i {
	color: #545F6A;
}

.dpTh{
	color: #ffffff;
	background-color: #545F6A;
}

.dpTitleText{
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

.dpTodayButton{
	background-color: #545F6A !important;
	text-align: center;
	cursor: pointer;
	border: 2px solid transparent;
	padding: 4px 12px;
	border-radius: 4px;
	color: #ffff;
}

.dpTD:hover{
	padding-top: 1px;
	border-radius: 12px;
	background-color: #545F6A;
	color: #ffffff;
}

.dpDayHighlightTD:hover{
	padding-top: 1px;
	border-radius: 12px;
	background-color: #545F6A;
	color: #ffffff;
}

.dpDayHighlightTD{
	padding-left: 6px;
	text-align: center;
	padding-top: 1px;
	border-radius: 12px;
	background-color: #545F6A;
	color: #ffffff;
}

.loginDenied{
	color: red;
	margin-bottom: 10px;
	font-weight: bold;
}

.container-body-login {
    background: #2E4E86 ;
    vertical-align: top;
    text-align: center;
	margin-top: 15%;
	overflow: hidden;
}

.container-body-login table{
    background-color: transparent;
    padding-top: 15px;
    padding-left: 10px;
    padding-bottom: 20px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}

.fie-login{
    padding: 2px;
    margin: 1px;
    min-height: 40px;
}

.fie-login input{
    min-width: 300px;
    border-radius: 3px;
    background-color: #f5f8fa;
    border: solid 1px #cbd6e2;
    padding: 6px;
    font-size: 16px;
    width: 300px !important;
    outline: none;
}

.login-input{
    width: 100px;
    height: 40px;
    font-size: 18px;

}

.loginInput:focus{
    color: #495057;
    background-color: #fff;
    border-color: #63d9ec;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(0,521,355,.50);
}

.error-pageNotfound {
	padding: 80px 15px;
	text-align: center;
}

.error-pageNotfound-actions {
	margin-top:15px;
	margin-bottom:15px;
}

.error-pageNotfound-actions .btn {
	margin-right:10px;
}

.message_notification{
	display: block;
	font-weight: bold;
	font-size: 12px;
	width: 300px;
    background-color: #c1e2b3;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
}

.message_notificationerr{
	display: block;
	font-weight: bold;
	font-size: 12px;
	width: 500px;
    background-color: #c1e2b3;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
	color: #ff0000;
}

.antet_detalii_stare{
	display: flex;
}

.antetbody-details{
	width: auto;
	position: relative;
	float: left;
	min-height: 100px;
	height: auto;
	margin-top: 10px; 
}

.antet_stariDisponibile{
	margin-bottom: 15px;
}

.antet_stariDisponibile input[type = 'button']{
	background-color: #17a2b8;
    border-color: #17a2b8;
}

.antet_stari_buton{
	text-align: center;
}

.antetbody-states{
	float: right;
}

.confirm-states{
	font-weight: bold;
	width: 510px;
	border-radius: 5px;
}

.confirm-states h3{
	padding-left: 15px;
	padding-top: 20px;
	white-space: normal;
}

.confirm-states textarea{
	width: 470px;
	max-width: 470px;
}

.btn-states{
	width: 140px;
    padding: .10rem .5rem;
    font-size: .850rem;
    line-height: 1.5;
    border-radius: .2rem;
	color: #fff;
    background-color: #4d9f93;
    border-color: #28a745;
	margin-left: 18%;
}

.btn-primary-states{
	color: #fff;
    background-color: #337ab7;
    border-color: #337ab7 ;
    outline: none;
	text-decoration: none;
}

.btn-primary-states:hover{
	color: #fff;
    background-color: #0069d9;
    border-color: #ffc830;

}

.btn-states:hover{
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.button_current{
	margin: 5px 0px;
	padding-right: 47px;
	float: right;
}

.button_current h4{
	margin-right: 15px;
	text-align: center;
}

.button_current input{
	display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
	position: relative;
}

.button_current span{
	color: red;
}

.button_states{
	text-align: left;
	clear: right;
	max-width: 500px;
	width: 315px;
	float: right;
}

.button_state_input h4{
	text-align: center;
	margin: 20px 0px 5px 0;
	margin-left: 20px;
}

.button_state_select h4{
	text-align: center;
	margin: 20px 0px 5px 0;
	margin-left: -30px;
}

.button_states input{
	margin-bottom: 5px;
    display: inline-block;
    max-width: 145px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.select-states-all {
	width: 100%;
	margin-left: 20%;
    max-width: 183px;
    border: 1px solid grey;
    border-radius: 0.25em;
    padding-bottom: 3px;
    cursor: pointer;
    line-height: 1.1;
    outline: none;
}

.select-state {
	-webkit-appearance: auto;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: inherit;
	width: 100%;
    padding-top: 2px;
    padding-left: 0px;
}

.message_alerts_states{
	position: relative;
    padding: .2rem 5.1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
	margin: 60px 0px 5px 0 !important;
}

.nav-tabs-p {
	padding: 0px !important;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
}

.nav-tabs {
	padding: 0px !important;
    border-bottom: 3px solid #fff;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active-tab {
    color: #495057;
    background-color: #f1f1f1;
}

.nav-item input{
	font-weight: bold;
	
}

.nav-tabs .nav-link {
	outline: none;
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-link {
	cursor: pointer;
    display: block;
    padding: .3rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.nav-link:hover{
	margin-bottom: -1px;
	background-color: #fff;
    border: 1px solid white;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-tabs-antet {
	padding: 0px !important;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
}

#multipleTabs{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: 3px solid #17a2b8;
}

.nav-tabs-antet {
	padding: 0px !important;
    border-bottom: 3px solid #fff;
}

.nav-tabs-antet .nav-item-antet.show-antet .nav-link-antet, .nav-tabs-antet .nav-link-antet.active-antet {
    color: #495057;
    background-color: #e0e5ee;
}

.nav-item-antet{
	padding: 0px;
}

.nav-item-antet input{
	font-weight: bold;
	
}

.nav-tabs-antet .nav-link-antet {
	outline: none;
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-link-antet {
	cursor: pointer;
    display: block;
    padding: .3rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.nav-link-antet:hover{
	margin-bottom: -1px;
	background-color: #e0e5ee;
    border: 1px solid white;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.antet_label{
	width: auto;
    height: 18px;
	min-width: 200px;
	max-width: 300px;
    text-align: center;
    padding: 2px 15px;
    margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #aee0f2;
	border-radius: 3px;
	font-weight: bold;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.antet_label h4{
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	font-size: 14px;
}

.antet_label span{
	font-size: 15px;
    color: #1b8c04;
}

.antet_expandTicket{
	width: auto;
    height: 15px;
	max-width: 128px;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.antet_expandTicket h4{
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	font-size: 14px;
}

.antet_stare{
	display: inline-flex;
}

.antet_stare i{
	font-size: 23px;
	margin-left: 5px;
}

.antet_label_stare{
	width: auto;
    height: 18px;
	max-width: 300px;
    text-align: center;
    padding: 2px 15px;
    margin-bottom: 10px;
	border: 1px solid #aee0f2;
	border-radius: 3px;
	font-weight: bold;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.antet_label_stare h4{
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	font-size: 14px;
	
}

.antet_label_stare span{
	font-size: 15px;
    color: #1b8c04;
}

.home-aplication{
	float: left;
	margin-left: 30px;
	margin-top: 50px;
}

.home-aplication a{
	min-width: 100px;
	width: auto;
	text-align: center;
	display: inline-block;
	margin-right: 70px;
	margin-bottom: 20px;
	text-decoration: none;	
}

.home-aplication a:hover{
	color: #FF0000;
}

.show {
	display: block;
}

.dashboard{
	height: 100%;
	overflow: auto;
	margin-left: 10px;
}

.dashboard-app{
	border-left: 1px solid #fff;
    height: 52px;
    width: 100%;
    position: fixed;
	margin-left: -1px;
}

.dashboard-app h1{
	padding: 11px;
}

.dashboard-item{
	display: inline-block;
	margin-top: 10px;
	width: 300px;
    height: 100%;
}

.dashboard-app-left{
	float: left;
	margin: -5px 5px 0 0;
}

.img-col{
	width: 40px;
	font-size: 5em;
}

.pull-left{
	float: left;
	font-size: 15px;
	color: #575757;
}

.pull-right{
	float: right;
	font-size: 15px;
	color: #575757;
}

.pull-right i{
	font-size: 21px;
	color: #575757;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary a{
	font-weight: bold;
}

.panel-col{
    margin-bottom: 20px;
	margin-right: 3%;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.panel-heading {
    padding: 20px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-footer{
	padding: 20px 10px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel-footer a span{
	color: #575757;
}

.panel-footer i{
	margin-top: -10px;
	color: #575757;
}

.panel-footer-companies{
	height: 35px;
    padding: 5px 0px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel-footer-companies button{
	float: right;
	margin-right: 10px;
}

.tab1 i{
	float: right;
}

/* #tabel-r th{
  margin-top: 0px;
  font-size: 13px;
  max-height: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
} */

.tdMultiRowsParent td{
  padding: 0 !important;
}

.tableMultiRows{
  background-color: transparent;
}

.tableMultiRowsTr{
  background-color: transparent;
  float: left;
  width: 250px !important;
}

.tableMultipRowsTdOne td{
  padding: 0 !important;
  white-space: normal;
}

.tableMultipRowsTdOne {
  text-align: left;
  white-space: normal;
}

.tableMultiRowsTdTwo{
  text-align: left;
  white-space: normal;
  font-weight: bold;
}

#rows {
	margin-left: 5px;
}

#rowsMultiLabel{
    text-align: justify;
    word-break: break-word;
    margin-right: 2px;
}

#rowsMultiTable{
  display: inline-block;
  font-weight: bold;
  word-break: break-all;
  text-align: justify;
}

.mergeTable tr td{
	height: 25px;
}

.classTd{
	font-weight: bold;
}

#ticketOpen {
	border-collapse: collapse;
	width: 107%;
	margin-left: -10px;
	margin-top: -20px;
}

#ticketOpen td, #ticketOpen th {
	border: none;
	padding: 8px;
	cursor: pointer;
}

#ticketOpen tr:nth-child(even){
	background-color: #f2f2f2;
}

#ticketOpen tr:hover {
	background-color: #ddd;
}

#ticketOpen th {
	font-size: 14px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: left;
}

.dashboard{
	flex-flow: row wrap;
    position: relative;
}

.dashboard-item{
	flex-direction: column;
}

.ContentgalleryAntet-files{
	display: inline-flex;
	flex-wrap: wrap;
	float:left;
}

.ContentgalleryAntet-img{
	display: inline-flex;
	flex-wrap: wrap;
	margin-top:10px;
	float:left;
	clear:left;
}

.galleryAntet{
	margin-right: 10px;
}

.galleryAntet p{
	width: 100px;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}

.galleryAntet img{
    float: left;
    width:  100px;
    height: 100px;
    background-size: cover;
	background-color: #f7f7f7;
    padding: .25rem;
    border: 1px solid #d0d0d0;
    border-radius: .25rem;
}

.filesAntet{
	margin-right: 5px;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.activStatisctic{
	color: #ff0000;
}

.popUpColor-child .circle{
	cursor: pointer;
}

.popUpColor-child{
	-webkit-box-shadow: 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 5px rgb(0 0 0 / 12%), 0px 5px 5px -3px rgb(0 0 0 / 20%);
    box-shadow: 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 5px rgb(0 0 0 / 12%), 0px 5px 5px -3px rgb(0 0 0 / 20%);
	border-radius: 5px;
}

.popUpColor{
	position: absolute;
    background-color: white;
    width: 65px;
	
}

.triangle-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #5f6368;
	margin: 10px 0 0 10px;
}

.circle-display {
	height: 12px;
	width: 12px;
	background-color: #0B8043;
	border-radius: 50%;
	margin-top: -5px;
}

.circle {
	height: 20px;
	width: 20px;
	background-color: #0B8043;
	border-radius: 50%;
	margin-top: 3px;
}

.square {
	display: inline-flex;
	height: 23px;
	width: 45px;
	padding-left: 5px;
	background-color: #f1f3f4;
}

.square-display-js {
	height: 15px;
	width: 15px;
	padding-left: 5px;
	background-color: #f1f3f4;
	border-radius: 2px;
	margin-top: 5px;
}

.square-display {
	height: 10px;
	width: 10px;
	padding-left: 5px;
	background-color: #f1f3f4;
	border-radius: 2px;
}

.hr-antet{
	margin: 10px 0 10px 0;
}

.multiselect {
	width: 340px ;
}

.selectBox {
	width: 340px;
	position: relative;
}

.selectBox select {
	width: 340px;
	border: 2px solid #b4aaaa;
}

.overSelect {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#checkboxes {
	margin-top :2px;
	padding-top:2px;
	display: none;
	border: 1px #dadada solid;
	height: 250px;
	width: 340px;
	z-index: 10;
	position:absolute;
	background-color: #fff; 
}

/* Added new */
.selectCheckBox {
	position: relative;
}

.selectCheckBox select {
	border: 2px solid #b4aaaa;
}

.checkboxes {
	margin-top: 0px;
	padding-top: 2px;
	display: none;
	border: 1px solid #767676;
	height: auto;
	width: 250px;
	z-index: 10;
	position:absolute;
	background-color: #fff; 
}

.checkboxes label {
	display: block;
	font-size: 14px; 
	font-weight: 400;
	color :#fff;
	padding: 5px;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.checkboxes label:hover {
	background-color: #1967D2;
	color: #fff !important;
	padding: 5px;
}

.checboxesList {
	margin-top: -3px;
}

.checboxesList input[type="checkbox"] {
	width: 15px; 
	height: 14px; 
	float: left; 
	margin-right: 4px;
    margin-top: 1px;
}

.checboxesScroll input[type="checkbox"] {
	width: 15px; 
	height: 14px; 
	float: left; 
	margin-right: 4px;
    margin-top: 1px;
}

.selectDeselectButton {
	height: 24px !important;
	margin: 2px 2px 2px 10px !important;
	padding: 2px 2px 4px 2px !important; 
	width: 95px !important;
	cursor: pointer;
}

.ws-normal{
	white-space: normal
}

#checboxesScroll{
	overflow-y: scroll;
	height: 200px;
	width: 335px;
}

#checkboxes label {
  display: block;
  font-size:14px; 
  font-weight:400;
  color :#333;
}

#checkboxes label:hover {
  background-color: #495057;
  color: #fff;
}

#checboxesScroll input[type="checkbox"] {
	width: 15px; 
	height: 14px; 
	float: left; 
	margin-right: 2px;	
}

.SelectDeselectButton {
	height: 24px !important;
	margin: 2px 2px 2px 10px !important;
	padding: 2px 2px 4px 2px !important; 
	width: 95px !important;
}

.SelectDeselectButton:focus {
	color: #fff !important;
}

#checkboxes hr {
	width: 330px; 
	margin: 0px 0px 10px 5px;
}

.limit-text-show {
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

.fieldsetT { 
	background-color: #FAFDFD; 
	margin: -20px 0px 20px 0px; 
	line-height: 22px; 
	padding: 0px 10px; 
	border: 1px solid #f7d59e; 
	border-top: 0px; 
}

.fieldsetT a{
	text-decoration: none;
}

.fieldsetT tr:hover {
	background-color: #ffffff; 
}

.fieldsetT td:hover {
	background-color: #ffffff;
}

.btnPG {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btnPGA {
	color: red; 
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px #f2c67e;
	box-shadow: inset 0 3px 5px #f2c67e;
}

.btnPG:focus,
.btnPG:active:focus,
.btnPG.active:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btnPG:hover,
.btnPG:focus {
	color: #333;
	text-decoration: none;
}
.btnPG:active,
.btnPG.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btnPG.disabled,
.btnPG[disabled],
fieldset[disabled] .btnPG {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

/* Table  */
.aplus-container {
    width: 80%;
}

.aplus-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}

.aplus-table th {
	font-weight: normal;
}

.aplus-table td {
	font-weight: bold;
}

.aplus-table th,
.aplus-table td {
    padding: 7px;
	font-size: 13px;;
    vertical-align: top;
    border: 1px solid #dee2e6;
	outline: none;
}

.aplus-table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.aplus-table tbody + tbody {
    border-top: 2px solid #dee2e6;
}

.aplus-table .aplus-table {
    background-color: #fff;
}

.aplus-table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.aplus-table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.1);
}

.aplus-table-bordered {
    border: 1px solid #dee2e6;
}

.aplus-table-bordered th,
.aplus-table-bordered td {
    border: 1px solid #dee2e6;
}

.aplus-table-bordered thead th,
.aplus-table-bordered thead td {
    border-bottom-width: 2px;
}

.aplus-editable-wrapper {
	display: flex;
	align-items: center;
	font-size: 14px;
}

.aplus-editable-wrapper .icon {
	margin-right: 8px;
	color: #007bff;
}

.aplus-editable-wrapper .aplus-editable {
	flex: 1;
	outline: none;
	border: none;
	background: transparent;
	width: 100%;
	min-height: 20px;
}

.spinner {
	width: 15px;
	height: 15px;
	display: none;
	background-size: contain;
	animation: spin 1s linear infinite;
	margin-left: 15px;
}

.spinner-black {
	background: url('data:image/svg+xml,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7.229 1.173a9.25 9.25 0 1011.655 11.412 1.25 1.25 0 10-2.4-.698 6.75 6.75 0 11-8.506-8.329 1.25 1.25 0 10-.75-2.385z"></path></svg>') no-repeat center center;
}

.spinner-white {
	background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23ffffff"%3E%3Cpath d="M7.229 1.173a9.25 9.25 0 1011.655 11.412 1.25 1.25 0 10-2.4-.698 6.75 6.75 0 11-8.506-8.329 1.25 1.25 0 10-.75-2.385z"%3E%3C/path%3E%3C/svg%3E') no-repeat center center;
}

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

.btn-spiner.loading .spinner {
	display: block; 
}

.btn-spiner.loading .button-text {
	display: none;
}

/* ======= Utils ========*/
.bold{
	font-weight: bold;
}

.huge{
	font-size: 20px;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.t-left{
	text-align: left;
}

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

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

.warning{
	color: #ff0000;
}

.upper{
	text-transform: uppercase;
}

.lower{
	text-transform: lowercase;
}

.red {
	color: #ff0000 !important;
}

.yellow {
	color: #ffc000 !important;
}

.red-background {
	background-color: #ff0000 !important;
	border-radius: 2px;
}

.yellow-background {
	background-color: #ffc000 !important;
	border-radius: 2px;
}
.redBorder {
	border: 2px solid #ff0000 !important;
}

.white{
	color: #ffffff !important;
}

.black{
	color: #000000 !important;
}

.green {
	color: #008000;
}

.d-none{
	display: none !important;
}

.d-block{
	display: block !important;
}

.d-inline-flex{
	display: inline-flex;
}

.d-flex{
	display: flex;
}

.d-inline-grid{
	display: inline-grid;
}

.d-inline-block{
	display: inline-block;;
}

.f-left{
	float: left;
}

.f-r{
	float: right;
}

.f-w-n{
	font-weight: normal !important;
}

.pre-wrap{
	white-space: pre-wrap;
}

.pre-line{
	white-space: pre-line;
}

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

.short-t {
	overflow: hidden;
}

.position-fixed {
	position: fixed;
}

.bottom-0 {
	bottom: 0;
}

.bottom-30 {
	bottom: 30px;
}

.start-50 {
	left: 50%;
}

.translate-middle-x {
	transform: translateX(-50%);
}

.p3 {
	padding: 1rem;
}


/* ======= Media Queries ========*/

.valid-input-err {
	border: 2px solid #ff0000 !important;
}

.checboxesList {
	max-height: 300px;
	overflow-y: auto;
}

.checboxesList label {
	color: #000 !important;
}

.icon-arrow-left {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%234a4a4a' d='M16.5 10a.75.75 0 0 1-.75.75h-9.69l2.72 2.72a.75.75 0 0 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 1 1 1.06 1.06l-2.72 2.72h9.69a.75.75 0 0 1 .75.75Z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

.icon-arrow-left:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ff6600' d='M16.5 10a.75.75 0 0 1-.75.75h-9.69l2.72 2.72a.75.75 0 0 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 1 1 1.06 1.06l-2.72 2.72h9.69a.75.75 0 0 1 .75.75Z'/%3E%3C/svg%3E");
}

.tags-container {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 5px;
}

.tag {
	display: flex;
	align-items: center;
	background-color: #e0e0e0;
	padding: 5px 8px;
	border-radius: 16px;
	font-size: 14px;
	color: #212529;
}

.tag span {
	margin-right: 8px;
}

.tag button {
	margin-left: 5px;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 16px;
	line-height: 1;
}

.navigator-image i:hover {
	color: #d4d4d4 !important;
}

.btn-link {
	border: none;
	outline: none;
	background: none;
	cursor: pointer;
	text-decoration: underline;
	color: #3e6a98;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
}

.btn-link:hover {
	text-decoration: none;
	color: #e0dbe1;
}

.cardOpen {
	border-collapse: collapse;
	width: 107%;
	margin-left: -10px;
	margin-top: -20px;
}

.cardOpen td, .cardOpen th {
	border: none;
	padding: 8px;
	cursor: pointer;
}

.cardOpen tr:nth-child(even){
	background-color: #f2f2f2;
}

.cardOpen tr:hover {
	background-color: #ddd;
}

.cardOpen th {
	font-size: 14px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: left;
}