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

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

/* 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: #fcd901; 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: #fcd901; }
.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;}

.alb {color: #fff;}
.galben { color: #fcd901;}
.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; }

/* 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; }

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

.box-2 { padding: 10px; }
.box-2 .ico { font-size: 2.5em; padding: 10px; }

/* 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; }

/* 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) {
}