/* generic classes*/
.relative{position:relative;}
.auto{margin:0 auto;}
.no_data, .no-data{text-align:center !important; font-style: italic; background-color: rgb(17 24 39 / 8%) !important;}
.vtop{vertical-align: top !important;}
.vcenter{vertical-align: middle;}
.fixed{position:fixed;}
.rem {text-decoration:line-through;}
.options{max-width: 170px; min-width: 75px; text-align: right}
.table td.o{text-align: right;}
.hide{display:none;}
.pointer{cursor: pointer;}
a{cursor: pointer;}
.block{display: block;}
small{line-height: 10px;}
.underline{text-decoration: underline}
.up{text-transform:uppercase}
.del{text-decoration: line-through;}
.wrap{ text-wrap: wrap; }
.nowrap{ text-wrap: nowrap; }
.done{  text-decoration: line-through;}
.done::marker{
  font-family: "FontAwesome"; 
  content: "\f00c";
  padding-right: 5px;;
}
.borderless{border:none;}
.text-right{ text-align: right}
.icon{ font-size: 30px;}
.icon-lg{ font-size: 45px;}

.m10{margin-bottom:10px;}
.m20{margin-bottom:20px;}
.m30{margin-bottom:30px;}
.m40{margin-bottom:40px;}
.w30{width: 30px !important;}
.w40{width: 40px !important;}
.w50{width: 50px !important;}
.w100{width: 100px !important;}
.w120{width: 120px !important;}
.w140{width: 140px !important;}
.w150{width: 150px !important;}
.w200{width: 200px !important;}
.mw500{max-width: 500px;}
.mw600{max-width: 600px;}
.f120{font-size: 120%}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.modal-dialog .panel-heading{
  font-size: 20px;
}
#list .progress{
  margin-bottom: 0;
}
#list .progress-bar{
  overflow: initial;
  color: #333;
}
.bg-primary a{ color: #f1f1f1;}
.bg-primary .dropdown a, .bg-primary .dropdown-item { color: inherit;}

.bg{ background-color: #f1f1f1;}
.r{color:red;}
.b{font-weight: bold;;}
.d{font-size: 10px; color:silver;  }
.hint{font-size: 12px; color:#999; display: none;}
.sub{font-size: 12px;}
.err{ color: red; font-size:12px; font-weight: normal; display: block;}
.input-group+.err{text-align: right;}
.border_red{border-color: red !important;}
.err p{margin:0; padding:0;}
a.link{font-weight: 600; font-family: Arial, Helvetica, sans-serif;}
.c{text-align: center;}
.m:after{ content: "*"; color: red;}
.kw{cursor: pointer}
.table .highlight{ background: yellow;}
tr th.weekend,
tr.weekend,
td.weekend{ background: rgb(229, 231, 235);}
.sm{font-size: 70% !important;}
.table-pontaj .out:after,
.table-reportweek .out::after{ content: '#'; color: red; vertical-align: middle;}
.date-sm, .time-sm{
  text-align: center;
  font-weight: bold;
  width: 90px;
  border:none;
  border-bottom: 1px solid gray;
  cursor: pointer;
}
.time.time-sm{  width: 65px; }
.help::after{ font-family: "FontAwesome"; content: " \f05a"; font-style:normal; cursor: pointer; }

.table thead th.vertical {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  max-height: 180px;
  text-transform:none;
  vertical-align: middle;
  /* font-weight: normal;; */
}

/* .form-check-label{
  cursor: pointer;
  font-size: 160%;
  font-weight: 600;
  margin-bottom: 5px;;
}
.form-check.badge{
  padding: 10px 15px 5px;
} 
.form-check .form-check-input{
  margin: 0 5px 0 0;
}
*/
.form-text {
  margin-top: 0.15rem;
  font-size: 0.7em;
  color: #687282;
}
/* .form-control:disabled, .form-control[readonly] {
  border:none;
  background: inherit;
  padding: 0;
  box-shadow: none;;
} */

#loader{
	display:none; 
	height:100%; 
	text-align:center;  
	z-index:2000;  
	position: fixed;  
	left:0;  
	top:0;  
	width:100%;
	background: #E0E0E0 url(../img/ajax-loader.gif) center center no-repeat;
	opacity:0.4; 
	filter:alpha(opacity=40); 
}

#per_page{
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  width: 30px;
}

#perm .item{
  min-margin: 5px;
}
.spacer{display: inline-block; width: 50px}

@media (max-width: 1024px){
  #per_page {padding-left: 1px; padding-right:1px;}
  .spacer{ width: 25px;}

}

@media (max-width: 768px){
  #clear_btn {
    display: none;
  }
  .spacer{width: 5px;}
  .content{
    padding: 5px;;
  }

  #filter_form .btn span{
    display: none;;
  }

  #filter_form .form-search{
    width: 100px !important;
  }
  #filter_form select{
    display: inline-block;;
  }
  #filter_form .input-group {
    width: 150px;
    display: inline-flex;
    /* display: inline-block;; */
    /* display: inline-block;; */
  }

  .table td.o{padding: 2px 0;}
}

.popover-header{
  color: white;
}
.popover-body{
  color: black;
  background: white;
  border: 1px solid black;
}

.docs{
  color: black;
  background-color: #fcf2e3;
  border-color: #fbebd5;
  padding: 1rem;
  border-radius: 0.5rem;
}
.docs a{ text-decoration: underline;}

/** bootstrap changes **/
.alert p{margin: 0 0 1px 0; font-size: 12px; line-height: 15px;}
.alert { margin-bottom: 5px;}

.pagination { margin: 0;}


.counter{
	color: #777;	
	font-size:11px;
	margin-top: -15px;
  padding-right:10px;
  text-align: right
}
.counter.warning{
	color: red;
}
.modal form {margin-bottom:0;}

.form-actions{
	margin-top: 10px;
}
.actions {
  border-bottom: 1px solid rgba(17, 24, 39, 0.125);
   text-align: right;
}

.box-header form{
	padding: 2px;
}

#filter_form input:focus{
  box-shadow: none;;
}


table .fa-power-off,
table .fa-check{
  border-radius: 25px;
	padding: 5px 8px;
  width: 30px;
  text-align: center;
	line-height: 1.42857143;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}

table .fa-power-off{
	background: #999;
	
	
}
table .fa-check{
	background: #78cd51;
		
}
td.img{
	padding: 0;
}

@media (max-width: 768px)
{
  /* #list .table tr td:first-child,
  #list .table tr th:first-child
  {
    display:none;
  } */

  /* #add i{
    display:none;
  } */
  div.col-3{
    padding-left:0;
    padding-right:0;
  }
  .hide-sm, .d-xs-none{
    display: none !important;
  }
}


/*** sortable css **/
th.headerSortUp { 
    background-image: url(../img/asc.gif); 
     padding-left:20px !important
} 
th.headerSortDown { 
    background-image: url(../img/desc.gif); 
     padding-left:20px !important;
} 
th.header {    
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left;    
    margin-left: -1px; 
} 

.char i{
  margin-bottom: 20px;;
}


/******* twitter typehead plugin css fixes ***/


.twitter-typeahead {
  width: 100%;
}
.tt-dropdown-menu {
   width:100%;        
}

.twitter-typeahead .tt-hint
{
	width: 100%;
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius:4px;
}

.twitter-typeahead .hint-small
{
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    line-height: 1.5;
}

.twitter-typeahead .hint-large
{
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
    line-height: 1.33;
}

.twitter-typeahead{
width:100%;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
  font-size: 12px;
}
.tt-dropdown-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  width:100%;        
}

.tt-suggestion {
  display: block;
  padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion.tt-is-under-cursor a {
  color: #fff;
}

.tt-suggestion p {
  margin: 0;
}


.database-tables .opt{
  display: none;
  float:right;
}
.database-tables li:hover .opt
{
  display: block;
}

.database-tables li{
  padding:2px 5px 2px 20px;
}

.database-tables{
  max-height: 250px;
  overflow-y:auto;
}
td.img{
  padding: 1px !important;
}
.panel-content form input{
	margin-bottom: 8px;	
}

tfoot{
  font-weight: bold;

}
td.td-qty{
  width: 50px !important;
}
.row-qty input{
  border: 1px solid #eee;
  text-align: center;
}
/* .form-control[readonly]{
  background-color: white;
} */

.tip{
  border-bottom: 1px dashed #333;
  color: #333;
  cursor: pointer;
}

/************ file upload plugin *********/
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 20px;
  direction: ltr;
  cursor: pointer;
}


/** project css **/

.group input{
	background-color:aliceblue;
	font-weight: bold;

}

.questions input{
	background: white;
	font-weight: normal;;
}

.table-indicatii  input{
	border: 1px solid silver;
	border-radius: 4px;
	text-align: center;
}

.table-indicatii .group{
	font-weight: bold;
	font-size: 14px;
}

.table-indicatii tr td {
	padding: 5px 1px !important;
	vertical-align: middle !important;;
}
.shift2, .shift3{
	display: none;
}

#questions input{
  width:auto;
  display: inline-block;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
	background: var(--bs-body-color);
	font-weight: bold;
	color: white;
}



.table-indicatii td{
  white-space: normal;
}
main.content{
  min-height: 500px;
  /* overflow: visible; */
}
.card-timesheet{
  /* min-height: 350px; */
}
.card .table-indicatii th{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: white !important;
  background: var(--bs-body-color);
}
.list-group-item{
  border-bottom: 0.0625rem solid rgba(17, 24, 39, 0.125);
}
@media (min-width: 768px)
{
  #filter_form.form-inline .form-control,
  #filter_form.form-inline .input-group,
  #filter_form.form-inline .input-group-btn
  {
    width: auto;
    display: inline-block;
  }
}
@media (max-width: 500px)
{
  .hide-xs{
    display: none;;
  }
}

.tinyinline{
  background:rgba(213, 217, 206, 0.125)
}

.btn-fixed{
  position: fixed;
  top: 300px;
  right: 0px;
}

strong{
  font-weight: 700;;
}

#cntfiles .form-control{
  border:none;
  box-shadow: none;;
}

.card .table-transport td,
.card .table-transport th{
  padding: 10px 5px;
}
.card .table-transport th{
  text-align: center;
  color: white;
  /* background: silver; */
}
.table-transport .center{
  text-align:center;
}
.btn-clear{
  float:right;
}
.close{
  border:none;
  color:white;
  float: right;
  background: transparent;;
}
.card-header{
  font-weight: bold;
  padding: 10px 20px;;
}
.card-header .badge{
  margin-bottom: 0;
}
.dashboard .card{
  margin-bottom: 10px;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.dashboard .card p{
  line-height: 1.3;
}
.dashboard .card h3{
  font-size: 15pt;
}
.dashboard .col{
  padding-left: 5px;
  padding-right: 5px;
}

input.field{
  width: auto;
}

.card .table-xs th,
.card .table-xs td{
  padding: 6px 4px;
}

.nav-pills .nav-link.active{
  background: black;
  color: white;
}

.table-pontaj .fullname{
  min-width: 150px;
  text-align: left;
  /* font-weight: 600; */
}
.table-pontaj th,
.table-pontaj td{
  padding: 3px 2px !important;
}

.table-pontaj th{
  text-align: center;
  vertical-align: middle;
}
.table-pontaj td{
  width:25px;
  text-align: center;;
}

.table-pontaj .d{
  font-size: 10px;
  color: gray;
}

.card .table-sm td,
.card .table-sm th{
  padding: 5px 3px;
}

.btn-group label, .selcells label {
  width: 40px;
  margin-bottom: 5px;
}
.dropdown-menu{
  border: 1px solid;
}
.dropdown-menu .note{
  text-transform: none;
  font-size: 12px;
  color: gray;
  padding-top: 5px;
  text-align: left;
  font-weight: normal;;
}
.bg-primary,
.bg-primary .btn-link{
  color: #eee ;
}
input,select{
  border: 1px solid;
}
.week-days span{
  display: inline-block;
  width: 19px;
}

.time{
  display: inline-block;
  width: 100px;
  margin-bottom: 5px;
}

dl.infolist dd{
  font-weight: bold;
  content: '-';
}
.infolist dd:empty::before{
  content:'-';
}

fieldset{
  border: 1px solid silver;
  border-radius: 5px;
  padding: 7px;
  background: #eee;
}
fieldset legend{
  /* color: gray; */
  border-bottom: 1px solid silver;
  font-size: 100%;;
  
}

.list-group-horizontal li{
  text-align: center;
  padding-left: 0;
  border-bottom: none;
}

.abscolor{
  min-width: 18px; 
  min-height: 18px; 
  text-align:center;
  font-size: 12px;
  font-family: 'Courier New', Courier, monospace;
  /* border-radius: 10px;  */
  display: inline-block;
  position: absolute;
  margin-top: 3px;
  padding-top: 1px;
  /* border: 1px solid black; */
}

.abstype{
  display: inline-block;
  padding-left: 25px;
}

td.abs{
  font-size: 75%;
  /* border:none; */
  position: relative;
  /* border-radius: 25px;; */
}
.abs .warning{
  position: absolute;
  width: 10px;
  height: 10px;
  top:0;
  right:0%;
  background: white;
  border:2px solid red;
  border-radius: 5px;
}

label.mlabel{
  display: block;
  padding-top:10px;
  padding-bottom:5px;;
}

.table-edit-week td{
  border-bottom: none;
  border-top: 1px solid silver;
}
tr.no-border td{
  border:none;
}
.staj sub{
  font-size: 50%;
  margin-right: 3px;
}



.card .table-smm td,.card .table-smm th {
  padding: 0.3rem 1.5rem;
  
}



/* .table-responsive{  overflow-y: auto; height: 70vh;} */
/* table must be wrapped in div.table-responsive */
table.res th, table.res td {
  white-space: nowrap;
  padding: 10px 20px;
  font-family: Arial;
}
table.res tr th:first-child, table.res td:first-child{
  position: sticky;
  min-width: 100px;
  left: 0;
  z-index: 10;
  /* background: #fff; */
}
table.res tr th:first-child{
  z-index: 11;
}
table.res tr th{
  position: sticky;
  top: 0;
  z-index: 9;
  background: #fff;
}

.slot{
  display: inline-block;
  width: 30px;
  height: 30px;
  padding-top: 3px;
  color: white;
  border: 1px solid white;
  text-align: center;
  font-size: 14px;
  font-family: 'Courier New', Courier, monospace;
}
.slot-ok{
  background-color: green;
}
.slot-nok{
  background-color: burlywood;
}


/* training and training plans modules */
.select2-container{
  width: 100%;;
}
.select2-container .select2-choice .select2-arrow{
  display:none;
}
.select2-container-multi .select2-choices li{
  float:none !important;
  padding: 5px ;
}
.select2-container-multi .select2-choices .select2-search-choice{
  margin: 5px;
  padding: 10px;
}

.bg-drx{
  background: #0097ac !important;;
  color: white;
}


.card table.table-participant td,
.card table.table-participant th{
  padding: 5px 3px 5px 10px;  
}

.signature{
  width:300px; 
  border-bottom: 1px solid black;
  font-weight: bold;
}
.actions {
  border-bottom: 1px solid rgba(17, 24, 39, 0.125);
  text-align: right;
}

.participation-list{
  max-width: 800px;
  background: white;
  padding: 0px 30px 50px 50px;
}

img.sign{
  max-width: 90px;
}

.signature img.sign{ max-width: 140px; vertical-align: baseline;;}
table.table-participant tr td:first-child{
  text-align: center;;
}
@media (max-width: 768px)
{
  .participation-list{
    padding:0;
  }
  /* #list td, #list th,
  table.table-participant td, table.table-participant th{
    padding: 1px;
  } */
  /* .row{
    margin-left: 0px;
  } */
  .card .table td,
  .card .table th{
    padding: 6px 2px;
  }
  .table td.o{padding: 2px 0;}
  .table  .list-group-item{ padding: 2px;  }
}  

.dashboard-grid .col {
  padding: 5px;
}
.dashboard-grid .card-body{
  height: 190px;
  overflow: hidden;
}
.dashboard-grid .card-header {
  padding: 5px 0;
  overflow: hidden;
  height: 35px;
}

.apex .card{
  height: 450px;
}
.apex .card-header{
  padding: 4px 15px;
  font-size: 14px;
  text-wrap: nowrap;
}

.apex .card{
  margin-bottom: 15px;
}

.candidates .card-header{
  font-size: 80%;
  font-weight: bold;;
}
.card-header .close{
  font: normal normal normal 22px FontAwesome;
  border:none;
  float:right;
  color: white;
  background: none;;
}
.card-header .close::before{
  content: "\f00d";
}
.notes li{
  font-size: 80%;
  padding-left: 5px;
  color: gray;
}

.btn-abs{
  position: absolute;
  top:0;
  right: 0;
  height: 100%;
}

.alerts p{
  font-size: 1rem;
  line-height: 1.5rem;;
  /* line-height: 20px; */
}
.alerts .alert{
  /* background-color: transparent; */
  /* background: transparent\9; */
  /* border: 5px solid; */
}