@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);

@media only screen and (min-width: 1024px) {
.container { width: 100%; }
}

.dt-table-header { background: #ffcc00; font-weight: bold; color: #444; transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; font-size: 0.9em; font-weight: 600; text-align: left; text-transform: uppercase; }
.dt-table-header div:last-child { text-align: right }

/* SETARI GENERALE */
html, body {height: 100%;}
body { background-color: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; color: #222; }
.wrapper {min-height: 100%; position: relative; padding-bottom: 80px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* SECTIUNI PAGINA */
.header { background: #ffcc00; padding-top: 10px; padding-bottom: 5px; margin-bottom: 1px; }
#footer { height: 70px; position: absolute; bottom: 0; color: #ddd;  width: 100%; background: #444; }
.copyright { position: absolute; bottom: 10px; right: 10px; text-align: right; color: #ccc; font-size: 12px; font-style: italic; }

/* CULORI */
.bg-alb   {background-color: #fff;}
.bg-galben { background-color: #ffeb00; }
.bg-orange {background-color: #ef8148;}
.bg-rosu  {background-color: #d8304c;}
.bg-verde {background-color: #a7d247;}
.bg-negru {background-color:#000;}
.bg-gri   {background-color:#555; color: #fff !important; }
.bg-1     {background-color: #DFE5E9;}
.bg-3     {background-color: #F2F2F2;}

.alb {color: #fff;}
.galben { color: #ffeb00;}
.orange {color: #ef8148;}
.rosu {color: #d8304c;}
.verde {color: #a7d247;}
.negru {color:#000;}
.gri { color: #555; }
.color-1 { color: #b6b6b5; }

.status-1 { color: #1d1d1d; }
.status-2 { color: #6195ff; }
.status-3 { color: #2ed23e; }
.status-4 { color: #da422d; }
.status-5 { color: #fd70c6; }
.status-6 { color: #6126f5; }
.status-7 { color: #64e3d9; }

.st-1 { color: #ffa400; }
.st-2 { color: #0067ff; }
.st-3 { color: #ff2e00; }
.st-4 { color: #000000; }
.st-5 { color: #0dc500; }
.st-6 { color: #ff2e00; }
.st-7 { color: #000000; }

/* FORMATE TEXT */
.mic {font-size: 12px;}
.mic-mic {font-size: 11px;}
b, strong {font-weight: 600;}

.subtire {font-weight: 400;}
.mediu {font-weight: 600;}
.gros {font-weight: 700;}

.txt-1 { font-weight: 700; font-size: 1.6em; }
.txt-2 { color: #afdefa; font-size: 1.9em; padding: 15px; margin: 0; font-weight: 300; background: #0d77b6; }
.txt-3 { font-size: 1.6em;  }
.txt-4 { font-size: 3em;  }
.txt-5 { color: #222; font-size: 1.9em; padding: 10px; margin: 0; font-weight: 300; background: #d8dfe4; }

.fs-20 { font-size: 20px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-36 { font-size: 36px; }

/* BOX ELEMENTS */
.box-1 { width: 100%; color: #fff; overflow: hidden; }

/* LISTE */
.lista-1 { margin: 0; font-size:11px; }
.lista-1 li {margin: 0; padding: 0 10px; float: right; border-left: 1px dotted #444; }
.lista-1 li:last-child { border-left: none; }
.lista-1 li img {float: left; margin-right: 5px; }
.lista-1:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.lista-2 { text-transform: uppercase; letter-spacing: 0.08em; line-height: 1.2em; }

.slide-menu-list { background-color: #0d77b6; }
.slide-menu-list .mi { display: block; color: #fff; font-size: 1.2em; padding: 7px; padding-left: 15px; border-bottom: 1px dotted #afdefa; }
.slide-menu-list .lvl1 { padding-left: 10px; font-size: 0.8em; }
.slide-menu-list a:hover { color: #fbea0a; }

/* Dialogul Adauga documente */
#add-doc-box { background: #fff; max-width: 35em; }

/* CLASE */
.lock { background: url(../images/lock.png) left no-repeat; padding-left: 40px; height: 28px; padding-top: 20px; color: #888; }

/* FILE UPLOAD INPUT */
.file-choose { position: relative; overflow: hidden;}
.file-choose input[type="file"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }

/* EDITOR */
.wysiwyg-edit { min-height: 350px; }

.qr-code { width: 95px; height: 95px; position: absolute; top: 20px; right: 20px; }

/* HINTS */
.hint-area { position: relative; }
.hint-wnd { z-index: 1; }
.hint { padding: 5px; border-bottom: 1px dotted #ccc; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.hint.selected { background-color: #4f7092; color: #fff; }

.ps-scrollbar { overflow: hidden; position: relative; }
.height100 { height: 100% !important; }
.iebox { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.hint-wnd { background-color: #f1f1f1; }

.vscroll { overflow-y: auto; height: 275px; }

.correct-input select,.correct-input select.full-width {margin-bottom:0;height:31.25px; float:right; width: 190px; margin-right:10px;}
.correct-input .button {float:right;}
.chenar{ background:white; padding:6px; color:black; font-size:14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.button.button-gol { background:none; color:#ffcc00; border:1px solid #ffcc00; }

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .tabletp-0 { display: none; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}
/* Stefan */

.button.buton-orange, button.buton-orange, input[type="submit"].buton-orange, input[type="reset"].buton-orange, input[type="button"].buton-orange { background: #D8BE11; color: #020202; }
.button.buton-orange:hover, button.buton-orange:hover, input[type="submit"].buton-orange:hover, input[type="reset"].buton-orange:hover, input[type="button"].buton-orange:hover { background: #EDD449; color: #020202; }

.fake-input { padding: 7px 10px; margin-bottom: 15.5px; font-weight: bold; color: #f00; background: #eee;}
.bg-perioadaIncetare, .legenda-perioadaIncetare:before  {background-color: #F7D3AF;}
.bg-incetat, .legenda-incetat:before  {background-color: #F7D9D9;}

.only-2 { display: block;} /* CONCEDII MEDICALE */

.tichete_masa { display: block; }
.platit_orar { display: block;}
.plata_card { display: block; }
.functie_baza { display: block; }
.ore_suplimentare{ display: block; }

.legenda-preavizSituatie:before  {background-color: #FF8800;}
.legenda-suspendatSituatie:before  {background-color: #FF000C;}

.legenda:before { content: '';width: 1em; height: 1em;display: inline-block;margin-right: 5px;position: relative;top: 2px;border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}


/* accordion cereri plata concedii*/
.table-in-table td:first-child:not(.exception) { width: 13%; }
.table-in-table td:nth-child(2):not(.exception) { width: 5%; }
.table-in-table td:nth-child(3):not(.exception) { width: 15%; }
.table-in-table td:nth-child(4):not(.exception) { width: 15%; }
.table-in-table td:nth-child(5):not(.exception) { width: 10%; }
.table-in-table td:nth-child(6):not(.exception) { width: 15%; }
.table-in-table td:nth-child(7):not(.exception) { width: 15%; }
.table-in-table td:last-child:not(.exception) { width: 12%; }

.tabel-1 tbody tr.trigger { background: #fff  }
.tabel-1 tbody tr.trigger.dt-accordion-active td { font-weight:700; }

.trigger .plus-minus:after {
  content: "+";
  display: inline-block;
  padding-right: 5px;
}

.trigger.dt-accordion-active .plus-minus:after {
  content: "-";
  display: inline-block;
  padding-right: 5px;
}