@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.ico {
  display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  font-size: 1.333333em; line-height: 0.75em; vertical-align: -15%;
}

.pointer { cursor: pointer; }

p, h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }

/* LINKURI */
a {color: #EDD167; text-decoration: none; cursor: pointer;}
a:hover {color: #fff;}

/* REQUIRED || INVALID FORM ELEMENTS */
.invalid-form-field { background-color: #f99d8d !important; }
.required-form-field { background-color: #fffbdb !important; }
label.invalid-form-field { color: #f07a84; background-color: transparent; }
label.required-form-field { color: #000; background-color: transparent; }

/* MOBIL ON/OFF */
.mobile-0 { display: block; }
.mobile-1 { display: none; }

/* MENIU PRINCIPAL */
.desktop-menu .main-menu { list-style: none; font-size: 14px; text-transform: uppercase; font-weight: 700; position: relative; display: inline-block; vertical-align: bottom; text-align: left; }
.desktop-menu .main-menu:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

.desktop-menu .main-menu li {  display: inline-block; float: left; position: relative; cursor: pointer; }
.desktop-menu .main-menu li .mi { padding: 95px 15px 35px 15px; display: block; color: #fff; }
.desktop-menu .main-menu li .mi.selected { color: #fff; background: #EDD167; }
.desktop-menu .main-menu li .mi.show { color: #fff; background: #EDD167; }

.desktop-menu .main-menu ul.lvl1 { background: #EDD167; position: absolute; white-space: nowrap; min-width: 180px; display: block; visibility: hidden; font-size: 11px; z-index: 2; }
.desktop-menu .main-menu ul.lvl1 { -webkit-transform:scale(1,.7); transform:scale(1,.7); }

.desktop-menu .main-menu ul.lvl1 li { display: block; width: 100%; }
.desktop-menu .main-menu ul.lvl1 li .mi { padding:10px 15px; display: block; color: #444; border-bottom: 1px solid #fff197; }
.desktop-menu .main-menu ul.lvl1 li .mi.show { background: #003A4B; color: #fff; }
.desktop-menu .main-menu ul.lvl1 span.lvl2:after { content: '>'; display: block; position: absolute; right: 10px; bottom: 10px; }

.desktop-menu .main-menu ul.lvl2 { background: #000; position: absolute; margin-left: 100%; top: 0; white-space: nowrap; display: block; visibility: hidden; }
.desktop-menu .main-menu ul.lvl2 { -webkit-transform:scale(.5,1); transform:scale(.5,1); }

.desktop-menu .main-menu ul.lvl2 li { display: block; width: 100%; }
.desktop-menu .main-menu ul.lvl2 .mi { padding: 5px; padding-right: 15px; display: block; color: #fff; }
.desktop-menu .main-menu ul.lvl2 .mi:hover { background: #666; color: #fff; }

.desktop-menu .main-menu ul.lvl1, .desktop-menu .main-menu ul.lvl2 { opacity: .5; transform-origin:0% 0%; -webkit-transform-origin:0% 0%; }
.desktop-menu .main-menu ul.lvl1.show, .desktop-menu .main-menu ul.lvl2.show { visibility: visible; opacity: 1; -webkit-transform:scale(1,1); transform:scale(1,1); -webkit-transition:-webkit-transform 0.2s ease-out; transition:transform 0.2s ease-out; }

/* MENU FOOTER */
.menu-footer:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.menu-footer { display: inline-block; margin-top: 10px; margin-bottom: 20px; }
.menu-footer li { float: left; display: inline-block; margin-right: 20px; }
.menu-footer li a, .menu-footer li .selected { color: #fff; display: block; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.menu-footer li a:hover { color: #fffb62; }
.menu-footer li .selected { color: #fffb62; }

/* SCROLL */
.v-scroll { max-height:100%; overflow-x: hidden; overflow-y: auto; }

/* SLIDE MENU */
.left-pane { background: #47a3da; position: fixed; width: 240px; height: 100%; top: 0; z-index: 10; left: -240px; }
.left-pane.pane-slide { left: 0; }

.right-pane {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    background: #ddd; position: fixed; width: 240px; height: 100%; top: 0; z-index: 10; right: -240px;
    padding: 10px;
}
.right-pane.pane-slide { right: 0; border-left: 1px solid #444; }

.top-pane { background: #47a3da; position: fixed; width: 100%; height: 60px; top: -60px; z-index: 10; right: 0; }
.top-pane.pane-slide { top: 0; }

.slide-body { overflow-x: hidden; position: relative; left: 0; }
.slide-body.slide-right { left: 240px; }
.slide-body.slide-left { left: -240px; }

.left-pane, .right-pane, .top-pane, .slide-body { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.header .show-left-pane { margin-right: 20px; cursor: pointer; }
.header .show-right-pane { position: absolute; right: 6px; top: 6px; cursor: pointer; }

/* EDITOR */
.wysiwyg {font-size: 14px; line-height: 1.4em; margin-bottom: 30px;}
.wysiwyg .titlu-1, .wysiwyg .titlu-2, .wysiwyg .titlu-3, .wysiwyg .titlu-4 {line-height: 1.2em;}
.wysiwyg p { margin-bottom: 1.2em; }
.wysiwyg:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; clear: both; width: 0; height: 0; }
.wysiwyg img { max-width: 100%; height: auto; }
.wysiwyg ul { list-style: disc;  margin-left: 20px; }
.wysiwyg table { border-collapse: collapse; }
.wysiwyg td { border: 1px solid #ccc; padding: 10px; vertical-align: middle;}
.wysiwyg td p { margin: 0; }
.wysiwyg h2 { margin-bottom: 1em; font-size: 1.3em; font-weight: 600; }

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

/* DIALOGURI */
.ui-dialog-content.image img { max-width: 90%; max-height: 90%; border: 2px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ui-dialog .ui-dialog-content.image img {max-width: 100%; max-height: 100%;}
.ui-dialog .ui-dialog-content.image { text-align: center; }

/* DIALOG STERGE */
.ui-dialog-content.confirm-delete { background-color: #fff; border-bottom-left-radius : 10px; border-bottom-right-radius : 10px; }

.ui-dialog-content.success { color: #a7d247; background-color: #fff; border-bottom-left-radius : 10px; border-bottom-right-radius : 10px; }
.ui-dialog-content.error   { color: #d8304c; background-color: #fff; border-bottom-left-radius : 10px; border-bottom-right-radius : 10px; }
.ui-dialog-content.msg     { color: #555;    background-color: #fff; border-bottom-left-radius : 10px; border-bottom-right-radius : 10px; }

/* NOTIFICARE */
.ui-notificare { width: 33em; }

/* PAGINATIE */
.paginatie:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; clear: both; width: 0; height: 0; }
.paginatie li { display: inline-block; float: left; margin: 0px 1px; margin-right: 10px; }
.paginatie li a, .paginatie li .pagina-selectata { padding: 5px 10px; border: 1px solid #444; display: inline-block; background-color: #f3f3f3; color: #444; }
.paginatie li a:hover { background-color: #fffb62; }
.paginatie li .pagina-selectata { background-color: #fffb62; }

/* POZITIONARE */
.pad-20 {padding: 20px !important;}
.pad-10 {padding: 10px !important;}
.pad-5  {padding: 5px !important;}
.pad-0  {padding: 0px !important;}

.pb-20 {padding-bottom: 20px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-5  {padding-bottom: 5px !important;}
.pb-0  {padding-bottom: 0px !important;}

.mb-40 {margin-bottom: 40px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-20, .mb {margin-bottom: 20px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-5  {margin-bottom: 5px !important;}
.mb-0  {margin-bottom: 0 !important;}

.mt-20 {margin-top: 20px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-5  {margin-top: 5px !important;}
.mt-0  {margin-top: 0 !important;}

.mr-20 {margin-right: 20px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-5  {margin-right: 5px !important;}
.mr-0  {margin-right: 0 !important;}

.ml-20 {margin-left: 20px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-5  {margin-left: 5px !important;}
.ml-0  {margin-left: 0 !important;}

.bo-bo { border-bottom: 1px solid #eee; }
.bo-to { border-top: 1px solid #eee; }
.bo-le { border-left: 1px solid #eee; }
.bo-ri { border-right: 1px solid #eee; }

.relativ { position: relative; }

.upp { text-transform: uppercase; }

.jos {position: absolute; bottom: 0;}
.sus {position: absolute; top: 0;}
.stanga {position: absolute; left: 0;}
.dreapta {position: absolute; right: 0;}

.left  { float: left; }
.right { float:  right; }

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

.rounded-10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.rounded-5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.shadow { box-shadow: 2px 2px 10px #aaa; }
.v-shadow { box-shadow: 2px 0px 10px #aaa; }
.h-shadow { box-shadow: 0px 2px 10px #aaa; }

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

/* TABELE */
.tabel-1.full-width, .tabel-2.full-width { width: 100%; }
.tabel-1 { border-collapse: collapse; border-spacing: 0; background-color: transparent; }
.tabel-1 th { font-size: 1.1em; font-weight: 600; text-align: left; text-transform: uppercase; padding: 5px 3px; border-bottom: 3px solid #ccc; }
.tabel-1 tbody td { border-bottom: 1px solid #ccc; text-align: left; padding: 5px 3px; vertical-align: middle; }
.tabel-1 tbody tr:nth-child(2n+1) { background-color: #eee; }
.tabel-1 tr td:last-child, .tabel-1 tr th:last-child { text-align: right }
.tabel-1 tr td:last-child { padding-right: 10px; }
.tabel-1 .prev {vertical-align: middle; height: 40px; width: auto; margin-right: 5px;}

td input:last-child, td textarea:last-child, td select:last-child { margin-bottom: 0 !important; }

.tabel-2 { border-collapse: collapse; }
.tabel-2 th {padding: 5px 10px; background: #DFE5E9; text-align: left;}
.tabel-2 td {padding: 5px 10px; border-bottom: 1px dotted #DFE5E9; vertical-align: middle;}
.tabel-2 td:last-child, .tabel-2 th:last-child {text-align: right;}

/* DRAG */
td.dropzone { background-color: rgba(235,147,92,.3); }

/* BUTOANE */
.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
  width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center;
}

.button:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    display: inline-block; cursor: pointer; line-height: normal;
    color: #000; background: #fffb62;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    font-size: 13px; font-weight: 400; text-decoration: none;
    margin-bottom: 10px;  padding: 5px 15px;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover,input[type="button"]:hover { background: #fff; }
.button:hover.bg-gri { background: #000; }

/* SOCIAL BUTTONS */
.social-buttons-list { display: inline-block; }
.social-buttons-list:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.social-buttons-list li { display: inline-block; float: left; margin-left: 2px; margin-right: 2px; }

/* LANG BUTTONS */
.lang-buttons-list { display: inline-block; margin-top: 10px; }
.lang-buttons-list:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.lang-buttons-list li { display: inline-block; float: left; margin-left: 5px; margin-right: 5px; }

/* SHARE BUTTONS */
.share-buttons { display: inline-block; }
.share-buttons:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; clear: both; width: 0; height: 0; }
.share-buttons li { display: inline-block; float: left; margin-right: 20px; padding-top: 8px; vertical-align: bottom;  }

/* BREADCRUMBS */
.breadcrumbs { padding-left: 10px; height: 40px; overflow: hidden; border-radius: 5px; margin-top: 20px; font-size: 1.2em;}
.breadcrumbs a { color: #EDD167; }
.breadcrumbs a:hover { color: #fff; }
.breadcrumbs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; clear: both; width: 0; height: 0; }
.breadcrumbs li { display: inline-block; padding: 9px; float: left; padding-right: 30px; margin-right: 5px; background: transparent url(../images/ui/breadcrumb.png) right top no-repeat; }

/* TABS */
.tabs-header:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; clear: both; width: 0; height: 0; }
.tabs-header .tab-trigger { cursor: pointer; padding: 10px 15px; display: inline-block; background-color: #444; color: #fff; float: left; margin-right: 3px; }
.tabs-header .tab-trigger.selected { background-color: #fff; color: #444; }

.dt-tabs .tab { background-color: #fff; color: #444; padding: 20px; position: relative; }

/* FORME */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

label { color: #444; font-size: 13px; padding-right: 5px; padding-bottom: 3px; }

input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="url"], input[type="password"], select, textarea {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    border: 1px solid #888; background: #fff; color: #888; padding: 8px 10px; outline: none;
    font-size: 13px; font-weight: 400; margin-bottom: 5px; height: 2.5em;
}
textarea { height: auto; }

input[type="text"].full-width, input[type="number"].full-width, input[type="email"].full-width, input[type="date"].full-width, input[type="url"].full-width, input[type="password"].full-width, select.full-width, textarea.full-width { width: 100%; margin-bottom: 15px; }

.vertical label,.vertical .button, .vertical input[type="text"], .vertical input[type="number"], .vertical input[type="email"], .vertical input[type="date"], .vertical input[type="url"], .vertical input[type="password"], .vertical select, .vertical textarea {
    width: 100%; max-width: 100%; display: block;
}
.vertical .ck-box label { display: inline; }

input[type="checkbox"], input[type="radio"] {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    margin-right: 10px;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .wysiwyg {font-size: 12px;}
    .mobile-0 { display: none !important; }
    .mobile-1 { display: block !important; }
}

/* WAIT... */
@keyframes wait-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg);}
}

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

.wait { padding: 10px; text-align: center; display: none; }
.wait:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; clear: both; width: 0; height: 0; }
.wait img { margin-right: 10px; vertical-align: middle;}
.wait img { animation: wait-spin 2s linear  infinite; -webkit-animation:wait-spin 2s linear infinite;  }
.wait span {font-size: 14px; font-weight: bold; }