/* Customscrollbar */

.mCustomScrollbar{ -ms-touch-action: inherit; touch-action: inherit; /* MSPointer events – direct all pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: inherit; touch-action: inherit }
.mCustomScrollBox { position: relative; height: 100%; max-width: 100%; outline: none; direction: ltr }
.mCustomScrollBox.mCSB_vertical { overflow: hidden; }
.mCSB_container { width: 100% !important; height: auto; display: table; }
.mCSB_inside > .mCSB_container { margin-right: 0 }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 }
.mCSB_scrollTools { position: absolute; width: 4px; height: auto; left: auto; top: 0; right: 0; bottom: 0 }
.mCSB_outside + .mCSB_scrollTools { right: -26px }
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0 }
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto }
.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0 }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px }
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; padding-bottom: 6px }
.mCSB_horizontal.mCSB_inside > .mCSB_container.mCS_no_scrollbar_x { padding: 0; }
.mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100% }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 6px; top: auto; right: 0; bottom: 0; left: 0; background: #f5f7f8;}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px }
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0; background: #737d86; border-radius: 4px;}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0 }
.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out }
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 6px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; background: #68707a; }
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px }
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px }
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0 }

/*body { overflow-x: hidden; }*/

/* Scoll wrapper */

.scroller-wrap .mCS-ext.mCSB_scrollTools .mCSB_dragger { width: 5px; background: #737d86; border-radius: 6px;}
.scroller-wrap .mCSB_scrollTools .mCSB_draggerRail { width: 5px; }
.scroller-wrap { margin-bottom: 50px; }

.animated { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@keyframes flip {
    0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); -ms-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}
.animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip }
@-webkit-keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 30deg); transform: perspective(400px) rotate3d(1, 0, 0, 30deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0 }
    30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); transform: perspective(400px) rotate3d(1, 0, 0, 5deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px) }
}
@keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 30deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 30deg); transform: perspective(400px) rotate3d(1, 0, 0, 30deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0 }
    30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); transform: perspective(400px) rotate3d(1, 0, 0, 5deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in }
    100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px) }
}
.flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX }
@-webkit-keyframes flipOutX {
    0% { -webkit-transform: perspective(400px); transform: perspective(400px) }
    30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); transform: perspective(400px) rotate3d(1, 0, 0, 5deg); opacity: 1 }
    100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 30deg); transform: perspective(400px) rotate3d(1, 0, 0, 30deg); opacity: 0 }
}
@keyframes flipOutX {
    0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px) }
    30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); transform: perspective(400px) rotate3d(1, 0, 0, 5deg); opacity: 1 }
    100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 30deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 30deg); transform: perspective(400px) rotate3d(1, 0, 0, 30deg); opacity: 0 }
}
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important }

#ext-main { width: 100%; min-height: 100%; display: block; position: relative; }
.ext-ico { background: url('../img/sprite.png') 0 0 no-repeat; display: block; }
.ext-ico.i-vanzari { width: 30px; height: 30px; background-position: 0 0; }
.ext-ico.i-produse { width: 30px; height: 30px; background-position: -40px 0; }
.ext-ico.i-gestiune { width: 30px; height: 30px; background-position: -80px 0; }
.ext-ico.i-marketing { width: 30px; height: 30px; background-position: -120px 0; }
.ext-ico.i-actualizari { width: 30px; height: 30px; background-position: -160px 0; }
.ext-ico.i-rapoarte { width: 30px; height: 30px; background-position: 0 -40px; }
.ext-ico.i-seo { width: 30px; height: 30px; background-position: -40px -40px; }
.ext-ico.i-cms { width: 30px; height: 30px; background-position: -80px -40px; }
.ext-ico.i-servicii { width: 30px; height: 30px; background-position: -120px -40px; }
.ext-ico.i-multistore { width: 30px; height: 30px; background-position: -160px -160px; }
.ext-ico.i-setari { width: 30px; height: 30px; background-position: -160px -40px; }
.ext-ico.i-setari-2 { width: 30px; height: 30px; background-position: -160px -80px; }
.ext-ico.i-hamb { width: 30px; height: 30px; background-position: -200px 0; }
.ext-ico.i-notificari { width: 30px; height: 30px; background-position: -240px 0; }
.ext-ico.i-mesaj { width: 30px; height: 30px; background-position: -200px -40px; }
.ext-ico.i-mag { width: 30px; height: 30px; background-position: -240px -40px; }
.ext-ico.i-mag-2 { width: 30px; height: 30px; background-position: -400px -40px; }
.ext-ico.i-close-1 { width: 10px; height: 10px; background-position: -280px 0; }
.ext-ico.i-cautare { width: 40px; height: 40px; background-position: -320px 0; }
.ext-ico.i-calendar { width: 20px; height: 20px; background-position: -280px -40px; }
.ext-ico.i-calendar-left { width: 30px; height: 30px; background-position: -4px -85px; }
.ext-ico.i-calendar-right { width: 30px; height: 30px; background-position: -46px -85px; }
.ext-ico.i-sgt-lt { width: 40px; height: 40px; background-position: 0 -80px; }
.ext-ico.i-sgt-rt { width: 40px; height: 40px; background-position: -40px -80px; }
.ext-ico.i-optiuni { width: 30px; height: 16px; background-position: -360px 0; }
.ext-ico.i-cont { width: 30px; height: 30px; background-position: -200px -80px; }
.ext-ico.i-flag { width: 30px; height: 30px; background-position: -360px -120px; }
.ext-ico.i-multisite { width: 30px; height: 30px; background-position: -400px -120px; }
.ext-ico.i-hd-optiuni { width: 30px; height: 30px; background-position: -200px -160px; }
.ext-ico.i-actiuni {width: 30px; height: 30px; background-position: -240px -200px;}
.ext-ico.i-filtreaza {width: 30px; height: 30px; background-position: -280px -200px;}
.ext-ico.i-coloane {width: 30px; height: 30px; background-position: -320px -200px;}
.ext-ico.i-istoric {width: 30px; height: 30px; background-position: -360px -200px;}
.ext-ico.i-curier {width: 30px; height: 30px; background-position: -400px -200px;}
.ext-ico.i-export {width: 30px; height: 30px; background-position: 0 -280px;}
.ext-ico.i-monitor-blank {width: 60px; height: 30px; background-position: -320px -240px;}

.ext-ico.i-conversie { width: 30px; height: 30px; background-position: -240px -80px; }
.ext-ico.i-valoarecos { width: 30px; height: 30px; background-position: -280px -80px; }
.ext-ico.i-cosa { width: 30px; height: 30px; background-position: -320px -80px; }
.ext-ico.i-clientinoi { width: 30px; height: 30px; background-position: -360px -80px; }
.ext-ico.i-abonatinewsletter { width: 30px; height: 30px; background-position: -400px -80px; }
.ext-ico.i-review { width: 30px; height: 30px; background-position: -200px -120px; }
.ext-ico.i-comenzifinal { width: 30px; height: 30px; background-position: -240px -120px; }
.ext-ico.i-comenzianul { width: 30px; height: 30px; background-position: -280px -120px; }
.ext-ico.i-produsenoi { width: 30px; height: 30px; background-position: -320px -120px; }
.ext-ico.i-blank { width: 66px; height: 60px; background-position: -40px -160px; }
.ext-ico.i-stats { width: 20px; height: 20px; background-position: -120px -160px; }
.ext-ico.i-accept { width: 20px; height: 20px; background-position: -120px -200px; }
.ext-ico.i-decline { width: 20px; height: 20px; background-position: -140px -200px; }

.ext-ico.i-multi-level { width: 10px; height: 10px; background-position: -10px -160px; }
.activ .ext-ico.i-multi-level { background-position: -20px -160px; }

.ext-ico.i-eye { width: 30px; height: 30px; background-position: -240px -160px; }
.ext-ico.i-bin { width: 30px; height: 30px; background-position: -280px -160px; }
.ext-ico.i-attach { width: 30px; height: 30px; background-position: -320px -160px; }
.ext-ico.i-close-white { width: 30px; height: 30px; background-position: -200px -200px; }
.ext-ico.i-bills { width: 30px; height: 30px; background-position: -160px -200px; }

.ext-ico.i-info { width: 8px; height: 12px; background-position: -140px -160px; }
.ext-ico.i-ajutor { width: 18px; height: 18px; background-position: -360px -40px; }
.ext-ico.i-ajutor-2 { width: 18px; height: 18px; background-position: -380px -40px; }
.ext-ico.i-ajutor-3 { width: 30px; height: 30px; background-position: 0 -200px; }

.ext-logo { width: 130px; height: 21px; display: block; background: url('../img/logo@2x.png') 0 0 no-repeat; margin: 3px 0 7px; background-size: cover;}
.ext-logo.v2 {width: 200px; height: 40px; background: url('../img/logo-2@2x.png') 0 0 no-repeat; margin: 0; background-size: cover;}
.ext-container { width: 100%; position: relative; display: block; }

.ext-ico.i-move {width: 30px; height: 30px; background-position: -80px -120px;}
.ext-ico.i-edit {width: 30px; height: 30px; background-position: -120px -120px;}
.ext-ico.i-sterge {width: 30px; height: 30px; background-position: -160px -120px;}
.ext-ico.i-add-img {width: 44px; height: 44px; background-position: -240px -240px; position: absolute; top: 50%; margin-top: -22px; left: 50%; margin-left: -22px;}
.ext-ico.ext-avatar {width: 24px; height: 24px; background-position: -400px -240px; position: absolute; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px;}

.ext-ico.rg-1 {width: 24px; height: 24px; background-position: -80px -280px;}
.ext-ico.rg-2 {width: 24px; height: 24px; background-position: -120px -280px;}
.ext-ico.rg-3 {width: 24px; height: 24px; background-position: -120px -320px;}
.ext-ico.rg-4 {width: 24px; height: 24px; background-position: -120px -360px;}
.ext-ico.rg-5 {width: 24px; height: 24px; background-position: -120px -400px;}
.ext-ico.rg-6 {width: 24px; height: 24px; background-position: -80px -320px;}
.ext-ico.rg-7 {width: 24px; height: 24px; background-position: -80px -360px;}
.ext-ico.rg-8 {width: 24px; height: 24px; background-position: -80px -400px;}
.ext-ico.rg-9 {width: 24px; height: 24px; background-position: -160px -280px;}
.ext-ico.rg-10 {width: 24px; height: 24px; background-position: -160px -320px;}
.ext-ico.rg-11 {width: 24px; height: 24px; background-position: -160px -360px;}
.ext-ico.rg-12 {width: 24px; height: 24px; background-position: -160px -400px;}
.ext-ico.rg-13 {width: 24px; height: 24px; background-position: -200px -280px;}
.ext-ico.rg-14 {width: 24px; height: 24px; background-position: -200px -320px;}
.ext-ico.rg-15 {width: 24px; height: 24px; background-position: -200px -360px;}
.ext-ico.rg-16 {width: 24px; height: 24px; background-position: -200px -400px;}
.ext-ico.rg-17 {width: 24px; height: 24px; background-position: -240px -320px;}
.ext-ico.rg-18 {width: 24px; height: 24px; background-position: -240px -360px;}
.ext-ico.rg-19 {width: 24px; height: 24px; background-position: -240px -400px;}
.ext-ico.rg-20 {width: 24px; height: 24px; background-position: -280px -320px;}
.ext-ico.rg-21 {width: 24px; height: 24px; background-position: -280px -360px;}

.dragsort-placeholder { width: 20% !important; position: relative; }
.dragsort-placeholder-inner { content: ''; width: 100%; height: 100%; display: block; position: absolute; padding-right: 20px; }
.dragsort-placeholder-inner:before { content: ''; width: 100%; height: 100%; display: block; border: 1px dashed #dde4e7;}

/* SVG icons */

.svg-darkmode {font-size: 26px; line-height: 30px; cursor: pointer;}
.svg-lightmode {font-size: 26px; line-height: 30px; cursor: pointer;}
.svg-notificari {font-size: 26px; line-height: 30px;}
.svg-multilimba {font-size: 26px; line-height: 30px; cursor: pointer;}
.svg-multistore {font-size: 26px; line-height: 30px; cursor: pointer;}
.svg-goto {font-size: 24px; line-height: 30px; cursor: pointer;}
.svg-cont {font-size: 29px; line-height: 30px; cursor: pointer;}
.svg-vanzari {font-size: 26px; line-height: 30px; cursor: pointer; text-align: center;}
.svg-produse {font-size: 27px; line-height: 30px; cursor: pointer; text-align: center;}
.svg-rapoarte {font-size: 28px; line-height: 30px; cursor: pointer; text-align: center;}
.svg-actualizari {font-size: 30px; line-height: 30px; cursor: pointer; text-align: center;}
.svg-marketing {font-size: 28px; line-height: 30px; cursor: pointer; text-align: center; font-weight: 350;}
.svg-cms {font-size: 28px; line-height: 30px; cursor: pointer; text-align: center;}
.svg-cauta {font-size: 28px; line-height: 30px; cursor: pointer; text-align: center;}
.svg-integrari {font-size: 28px; line-height: 30px; cursor: pointer; text-align: center;}
.svg-setari {font-size: 28px; line-height: 30px; cursor: pointer; text-align: center;}
.svg-ajutor {font-size: 28px; line-height: 30px; cursor: pointer; text-align: center;}
.svg-actiuni {font-size: 21px; line-height: 26px;}
.svg-vezi {font-size: 27px; line-height: 30px;}
.svg-sterge {font-size: 26px; line-height: 30px;}
.svg-ataseaza {font-size: 28px; line-height: 30px;}
.svg-info {font-size: 21px; line-height: 22px; font-variation-settings: 'FILL' 1;}
.svg-accept {width: 20px; line-height: 20px;}
.svg-inchide {font-size: 22px; line-height: 20px; width: 20px;}
.svg-calendar {font-size: 22px; line-height: 20px;}
.svg-curier {font-size: 21px; line-height: 26px;}
.svg-export {font-size: 21px; line-height: 26px;}
.svg-filtreaza {font-size: 21px; line-height: 26px;}
.svg-coloane {font-size: 20px; line-height: 26px;}
.svg-info-green {font-size: 17px; line-height: 18px; font-variation-settings: 'FILL' 1; color: #54bb7d !important;}

/*.ext-svg:hover {font-variation-settings: 'FILL' 1;}*/

/* Lightmode + Darkmode mods */

#ext-main.lightmode .ext-meniu .ext-item.ext-lightmode {display: none !important;}
#ext-main.darkmode .ext-meniu .ext-item.ext-darkmode {display: none !important;}

#ext-main.lightmode .ext-svg {color: #737d86;}
#ext-main.lightmode .ext-header .ext-svg:hover {color: #2f3941;}
#ext-main.darkmode .ext-header .ext-svg:hover {color: #ffffff;}

/* JS CLASSES STYLE */

.ext-slidedown-link-js { cursor: pointer; }

/* Grid */

.ext-wrapper { width: 100%; display: block; }
.ext-wrapper-row { width: 100%; display: block; }
.ext-wrapper-row.centered {max-width: 980px; margin: 0 auto !important;}
.ext-wrapper-row.with-border { border-bottom: 1px solid #dde4e7; }
.ext-wrapper-row.with-border:last-child { border: none; }
.ext-wrapper-row.with-bg { background: #f5f7f8; }

.ext-integrari-row { padding: 10px; }

.ext-container.with-padd { padding: 10px; }
.ext-container.with-padd-lr {padding: 0 10px;}
.ext-container.ext-container-block { display: block; }
.ext-container.ext-container-iblock { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; text-rendering: optimizespeed; }
.ext-container.ext-container-table { display: table;}
/* Ugly fix for white-space: nowrap. Use with caution. */
.ext-container.ext-container-table.ext-whitespace-hack { table-layout: fixed; }

.ext-container.display-mobile { display: none; }

.ext-col { display: block;}
.ext-col.with-border { border-bottom: 1px solid #dde4e7;}
.ext-col.with-border-top { border-top: 1px solid #dde4e7;}
.ext-col.with-bg {background-color: #f5f7f8;}
.ext-col.with-padd { padding: 10px;}
.ext-col.with-padd-2 { padding: 10px 10px 5px; }
.ext-col.with-padd-lr { padding: 0 10px;}
.ext-col.with-padd-tb { padding: 5px 0;}
.ext-col.with-padd-tb2 {padding: 14px 0;}
.ext-col.with-padd-tb3 {padding: 10px 0;}
.ext-col.with-padd-b { padding: 0 0 20px;}
.ext-col.with-padd-b2 {padding: 0 0 15px;}
.ext-col.with-padd-b3 {padding: 0 0 10px;}
.ext-col.with-padd-b4 {padding: 0 0 5px;}
.ext-col.with-padd-t {padding: 20px 0 0;}
.ext-col.with-padd-t2 {padding: 15px 0 0;}
.ext-col.with-padd-t3 {padding: 10px 0 0;}
.ext-col.ext-col-float { float: left; }
.ext-col.ext-col-inline { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto }
.ext-col-inline.ext-align-middle { vertical-align: middle !important;}
.ext-col.ext-inline span {display: inline-block;}

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

.ext-inline-reverse { direction: rtl; }
.ext-inline-reverse .ext-col.ext-col-inline { direction: ltr }

.ext-fix-inline-block:not(.ext-inline-reverse) .ext-col-inline:first-child { margin-right: 10px; }
.ext-fix-inline-block.ext-inline-reverse .ext-col-inline:last-child { margin-right: 15px; }

.ext-col.ext-col-td { display: table-cell; vertical-align: top }
.ext-col.ext-col-td.align-bottom {vertical-align: bottom;}
.ext-col.ext-col-td.with-border-left { border-left: 1px solid #dde4e7; }
.ext-col.hide-desktop {display: none;}

.ext-col.ext-c-1 { width: 100%; }
.ext-col.ext-c-2 { width: 50%; }
.ext-col.ext-c-3 { width: 33.33%; }
.ext-col.ext-c-4 { width: 25%; }
.ext-col.ext-c-5 { width: 20%; }
.ext-col.ext-c-6 { width: 75%; }
.ext-col.ext-c-7 { width: 60%; }
.ext-col.ext-c-8 { width: 40%;}
.ext-col.ext-c-9 { width: 66.66%;}

/*
* Custom grid -> produs-3
* Se recomanda sa fie separat de restul gridului unde avem dimensiuni relativ fix ( 100%, 50%, 33.33%, 25%, 20% )
*/

.ext-custom-grid .ext-col.ext-c-custom-1 { width: 10%; }
.ext-custom-grid .ext-col.ext-c-custom-2 { width: 12%; }
.ext-custom-grid .ext-col.ext-c-custom-3 { width: 14%; }
.ext-custom-grid .ext-col.ext-c-custom-4 { width: 17%; }
.ext-custom-grid .ext-col.ext-c-custom-5 { width: 23%; }


.ext-col-float.ext-c-2:nth-child(2n+1) { clear: left; }

/* Grafic */

.ext-graph { width: 100%; height: 220px; display: block; position: relative; }
.ext-graph.v2 { height: 480px; }
.ext-graph .grafic-wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; }
.ext-graph .highcharts-container { width: 100% !important; }
.ext-graph .highcharts-container svg { width: 100% !important; }

/* Grafic tooltip */

/*.ext-graph .highcharts-tooltip { padding-top: 50px !important; }*/
/*.highcharts-tooltip { top: 50px; position: absolute; }*/
/*.highcharts-tooltip > path { margin-top: 100px; }*/

/* TOOLTIP */
#simpleTooltip { text-align:left; position: absolute; z-index: 3000; height: 16px; padding-top: 4px; }
#simpleTooltip.viewport-right { background-image: none; }
#simpleTooltip h3,#tooltip div { margin: 0; }
#simpleTooltip h3 { font-size: 11px; line-height: normal; font-weight: normal; color: #ffffff; background: #59626F; padding: 3px 7px 4px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; white-space: nowrap; text-shadow: none; }

/* Clearfixes */

.ext-col-float.ext-c-4:nth-child(4n+1) { clear: left; }

/* Buttons */

.ext-btn { height: 40px; display: block; line-height: 40px; cursor: pointer; border-radius: 4px; text-align: center; white-space: nowrap; }
.ext-btn.stil-1 { background: #de3549; color: #ffffff; font-weight: 700; font-size: 15px; padding: 0 15px; }
.ext-btn.stil-2 { background: #ffffff; color: #2f3941; font-weight: 700; font-size: 15px; padding: 0 15px; border: 1px solid #bdc8cd; line-height: 38px; }
.ext-btn.stil-1:hover { background: #2f3941; }
.ext-btn.stil-2:hover { border-color: #2f3941; }
.ext-btn.v1 { min-width: 80px; }
.ext-btn.v2 { min-width: 120px; }
.ext-btn.v3, .ext-btn.v3i { min-width: 90px; }
.ext-btn.v4 { min-width: 140px; }
.ext-btn.v5 { min-width: 130px; }
.ext-btn.v6, .ext-btn-link.v6 {min-width: 110px;}

.ext-btn.with-ext-ico { padding-left: 40px; position: relative; }
.ext-btn.with-ext-ico .ext-ico { position: absolute; left: 4px; top: 50%; margin-top: -15px; }
.ext-btn.with-ext-ico .ext-svg {position: absolute; left: 7px; top: 50%; margin-top: -15px;}

/* Inputs */

.ext-input { width: 100%; height: 40px; display: block; border: 1px solid #bdc8cd; overflow: hidden; border-radius: 4px; background: #ffffff; }
.ext-input input { width: 100%; height: 100%; color: #2f3941; font-size: 15px; display: block; border: none; background: transparent; padding: 0 5px 0 12px; }
.ext-input input::-webkit-input-placeholder { color: #737d86; }
.ext-input input:-moz-placeholder { color: #737d86; opacity: 1; }
.ext-input input::-moz-placeholder { color: #737d86; opacity: 1; }
.ext-input input:-ms-input-placeholder { color: #737d86; }
.ext-input input:placeholder-shown { color: #737d86; }
.ext-input.focus { border: 2px solid #bdc8cd; padding: 1px; }
.ext-input.focus input { padding: 0 4px 0 10px; line-height: 36px;}

.ext-input.v2 {height: 30px; border-color: #dde4e7; border-radius: 3px; background: #f5f7f8; position: relative; overflow: visible;}
.ext-input.v2 input {font-size: 13px;}
.ext-input.v2 .ext-sg { width: 7px; height: 14px; display: block; position: absolute; left: -7px; top: 8px; }
.ext-input.v2 .ext-sg:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #f5f7f8 transparent transparent; display: block; top: 1px; right: 0; position: absolute; z-index: 2; }
.ext-input.v2 .ext-sg:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 7px 8px 7px 0; border-color: transparent #dde4e7 transparent transparent; display: block; top: 0; right: 0; position: absolute; z-index: 1; }

.ext-input.with-icon { position: relative; }
.ext-input.with-icon .ext-ico, .ext-input.with-icon .ext-svg { position: absolute; top: 9px; right: 9px; z-index: 1; }
.ext-input.with-icon input { padding-right: 35px; z-index: 2; position: relative;}
.ext-input.with-icon.focus .ext-ico, .ext-input.with-icon.focus .ext-svg { margin-top: -1px; margin-right: -1px;}

/* Select-Multiplu */

.ext-select-multiplu { width: 100%; display: block; }
.ext-select-multiplu select { width: 100%; height: 160px; background: #ffffff; color: #2f3941; font-size: 15px; padding: 5px 10px; border: 1px solid #bdc8cd; border-radius: 4px; }

/* TAGIT */

.ext-input-with-tagit { height: auto; min-height: 40px; line-height: 40px; }
.ext-input-with-tagit input { line-height: 38px; }
.ext-input-with-tagit.focus { padding: 0; }
.ext-input-with-tagit.focus input { line-height: 36px; padding: 0 14px; }

.ext-input-with-tagit ul.tagit { width: 100%; min-height: 38px; padding: 1px 5px; overflow: auto; margin-left: inherit; margin-right: inherit; background: #ffffff none; border-radius: 0; border: none; box-shadow: none; display: block; }
.ext-input-with-tagit.focus ul.tagit { min-height: 36px; padding: 0 4px; }
.ext-input-with-tagit ul.tagit li { display: block; float: left; }
.ext-input-with-tagit ul.tagit li.tagit-choice { background: #3c424a; height: 30px; border-radius: 3px; margin: 3px 4px 3px 0; position: relative; line-height: inherit }
.ext-input-with-tagit .tagit-label { line-height: 30px; display: block; color: #ffffff; font-size: 15px; }
.ext-input-with-tagit input.tagit-hidden-field { display: none }
.ext-input-with-tagit ul.tagit li.tagit-choice-read-only { padding: 0 30px 0 10px; }
.ext-input-with-tagit ul.tagit li.tagit-choice-editable { padding: 0 30px 0 10px; }
.ext-input-with-tagit ul.tagit li.tagit-new { margin: 3px 0; line-height: 30px; padding: 0px; }
.ext-input-with-tagit.focus ul.tagit li.tagit-new { line-height: 30px; }
.ext-input-with-tagit ul.tagit li.tagit-new:first-child { padding-left: 15px; }
.ext-input-with-tagit.focus ul.tagit li.tagit-new:first-child { padding-left: 14px; }
.ext-input-with-tagit ul.tagit li.tagit-choice a.tagit-label { cursor: pointer; text-decoration: none }
.ext-input-with-tagit ul.tagit li.tagit-choice .tagit-close { width: 9px; height: 9px; position: absolute; right: 10px; top: 50%; margin-top: -4px; cursor: pointer; }
.ext-input-with-tagit ul.tagit li.tagit-choice .tagit-close .ui-icon.ui-icon-close { width: 9px; height: 9px; display: block; background: url('../img/sprite.png') -290px 0; }
.ext-input-with-tagit ul.tagit li.tagit-choice .tagit-close .text-icon { display: none }
.ext-input-with-tagit ul.tagit li.tagit-choice input { display: block; float: left; margin: 2px 5px 2px 0 }
.ext-input-with-tagit ul.tagit input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0; padding: 0; width: inherit; background-color: inherit; outline: none; height: 30px; line-height: 30px; }

/* Textarea */

.ext-textarea { width: 100%; min-height: 80px; border: 1px solid #bdc8cd; border-radius: 4px; background: #ffffff; display: block; }
.ext-textarea textarea { width: 100%; height: 100%; border: none; background: none; padding: 12px; font-size: 15px; color: #2f3941; line-height: 20px;}
.ext-textarea.v2 { height: 300px; }

.ext-textarea-with-btn { width: 100%; display: block; position: relative; }
.ext-textarea-with-btn .ext-btn { width: 140px; position: absolute; right: 19px; top: 19px; }
.ext-textarea-with-btn .ext-textarea { padding-right: 160px; }

/* Select */

.ext-select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #bdc8cd; cursor: pointer; border-radius: 4px; }
.ext-select select { width: 100%; height: 24px; margin-top: 7px; color: #2f3941; font-size: 15px; cursor: pointer; }
.ext-select.sel-stil { overflow: hidden; padding: 0; color: #2f3941; position: relative; background: #ffffff; }
.ext-select.sel-stil:before { content: ''; width: 12px; height: 7px; display: block; position: absolute; right: 14px; top: 16px; background: url('../img/sprite.png') -400px 0; }
.ext-select.sel-stil select::-ms-expand { display: none; }
.ext-select.sel-stil select { height: 38px; z-index: 1; background: transparent; position: relative; border: 0; padding: 0 33px 0 14px; -webkit-appearance: none; -moz-appearance: none; text-overflow: ''; margin-top: 0; }
/*@-moz-document url-prefix() {
    .ext-select.sel-stil select {
       text-indent: -2px;
    }
}*/

/* Notificare */

.ext-notificare-container, .ext-notificare-container *, .ext-notificare-container *:before, .ext-notificare-container *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.ext-notificare-container { width: 340px; display: block; position: fixed; top: 70px; right: 0; padding-right: 40px; overflow: hidden; z-index: 9999999; }

.ext-notificare-container .ext-notificare { width: 100%; display: block; position: relative; margin-bottom: 20px; border-radius: 4px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); overflow: hidden; color: #ffffff; font-size: 15px; line-height: 20px; display: block; padding: 10px 75px 10px 15px; }
.ext-notificare.ext-notificare-succes { background: #54bb7d; }
.ext-notificare.ext-notificare-eroare { background: #de3549; }
.ext-notificare.ext-notificare-info { background: #4496af; }
.ext-notificare.ext-notificare-warning { background: #b5a04d; }
.ext-notificare-container .ext-not-container-close { width: 60px; height: 100%; position: absolute; right: 0; top: 0; cursor: pointer; }
.ext-notificare-container .ext-not-container-close:before { content: ''; width: 1px; height: 100%; display: block; position: absolute; left: 0; top: 0; background: #ffffff; background: rgba(255, 255, 255, .3); }
.ext-notificare-container .ext-not-container-close .ext-ico { position: absolute; left: 15px; top: 50%; margin-top: -15px; }

/* Calendar modul */
.ext-calendar-modul { height: 430px; overflow-y: scroll; padding: 10px; margin-bottom: 10px !important; }
.ext-calendar-modul table { width: 100%; margin: 0 }
.ext-calendar-modul th { text-align: center; width: 20px; height: 30px; white-space: nowrap; font-size: 15px; text-transform: uppercase; color: #2f3941; font-weight: 700; }
.ext-calendar-modul td { text-align: center; width: 20px; height: 30px; white-space: nowrap; font-size: 15px; }


/* Datepicker */

.ext-calendar-container-js { position: relative; }
.daterangepicker { display: none; width: 100%; min-width: 500px; max-width: 500px; position: absolute; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); color: inherit; background-color: #ffffff; border: 1px solid #bdc8cd; border-radius: 4px; margin-top: 20px !important; left: 0 !important; }
.daterangepicker.opensleft { left: auto !important; right: 0 !important; }
.daterangepicker.single { min-width: 250px; max-width: 250px; }
.daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: '' }
.daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #bdc8cd }
.daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #f5f7f8; border-left: 6px solid transparent }
.daterangepicker.opensleft:before { right: 9px }
.daterangepicker.opensleft:after { right: 10px }
.daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto }
.daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto }
.daterangepicker.opensright:before { left: 9px }
.daterangepicker.opensright:after { left: 10px }
.daterangepicker.dropup { margin-top: -5px }
.daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc }
.daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #ffffff }
.daterangepicker.dropdown-menu { z-index: 9999 }
.daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none }
.daterangepicker.show-calendar .calendar { display: block }
.daterangepicker .calendar { display: none; width: 50%; }
.daterangepicker.single .calendar { width: 100%; border: none; border-radius: 0 0 4px 4px; }
.daterangepicker.single .calendar-table { border-radius: 0 0 4px 4px !important; }
.daterangepicker .calendar.single .calendar-table { border: none }
.daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; }
.daterangepicker .calendar-table { border-radius: 4px; background-color: #ffffff }
.daterangepicker table { width: 100%; margin: 0 }
.daterangepicker th { text-align: center; width: 20px; height: 30px; white-space: nowrap; font-size: 15px; text-transform: uppercase; color: #2f3941; font-weight: 700; }
.daterangepicker td { text-align: center; width: 20px; height: 30px; white-space: nowrap; font-size: 15px; }
.daterangepicker td span { width: 100%; line-height: 26px; display: block;  position: relative; border-radius: 3px; cursor: pointer; }
.daterangepicker td span.available:hover, .daterangepicker th.available:hover { background-color: #3c424a; border-color: transparent; color: inherit; border-radius: 3px; font-weight: 700; color: #ffffff; }
.daterangepicker td span.week, .daterangepicker th.week { font-size: 80%; color: #ccc }
.daterangepicker td span.off, .daterangepicker td span.off.in-range, .daterangepicker td span.off.start-date, .daterangepicker td span.off.end-date { background-color: #ffffff; border-color: transparent; color: #737d86 }
.daterangepicker td span.in-range { background-color: #e5f3fc; border-color: transparent; border-radius: 0 }
.daterangepicker td span.start-date { border-radius: 3px 0 0 3px }
.daterangepicker td span.end-date { border-radius: 0 3px 3px 0 }
.daterangepicker td span.start-date.end-date { border-radius: 3px }
.daterangepicker td span.active, .daterangepicker td span.active:hover { background: #5cb5f3; font-weight: 700; color: #ffffff; }
.daterangepicker th.month { width: auto }
.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through }
.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default }
.daterangepicker select.monthselect { margin-right: 2%; width: 56% }
.daterangepicker select.yearselect { width: 40% }
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0 }
.daterangepicker .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; height: 30px; line-height: 30px; display: block; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100% }
.daterangepicker .input-mini.active { border: 1px solid #08c; border-radius: 4px }
.daterangepicker .daterangepicker_input { display: none; }
.daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px }
.daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed }
.ranges { width: 100%; padding: 14px; clear: left; display: block; float: none; text-align: left }
.ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100% }
.ranges ul:after { content: ' '; width: 0; height: 0; padding: 0; margin: 0; display: block; visibility: hidden; overflow: hidden; font-size: 0; line-height: 0; clear: both; }
.ranges li { width: 20%; float: left; font-size: 13px; padding: 3px 5px; cursor: pointer }
.ranges li.active { background-color: #08c; border: 1px solid #08c; color: #ffffff }
.daterangepicker .range_inputs { display: none; }
.table-condensed thead tr:first-child { background: #f5f7f8; }
.table-condensed thead tr:first-child th { height: 50px; border-bottom: 1px solid #dde4e7; }
.table-condensed th.month { font-size: 15px; font-weight: 700; text-transform: uppercase; }
.ranges div { width: 100%; height: 30px; display: block; line-height: 30px; border-radius: 3px; background: #737d86; color: #ffffff; text-align: center; font-weight: 700; font-size: 15px; }
.ranges div.active { background: #3c424a; }
.ranges div:hover { background: #3c424a; }
.daterangepicker .ext-calendar-heading { width: 100%; display: block; background: #f5f7f8; border-bottom: 1px solid #dde4e7; }
.daterangepicker .ext-calendar-heading .ext-calendar-heading-inner { width: 100%; display: block; color: #3c424a; font-size: 15px; text-transform: uppercase; line-height: 20px; text-align: center; font-weight: 700; position: relative; padding: 15px 37px; }
.daterangepicker .calendar-table { padding: 19px; }
.daterangepicker .calendar.left .ext-calendar-heading { border-radius: 4px 0 0 0; }
.daterangepicker .calendar.right .ext-calendar-heading { border-radius: 0 4px 0 0; }
.daterangepicker.single .calendar.left .ext-calendar-heading { border-radius: 4px 4px 0 0; }
.daterangepicker .prev.available { width: 30px; height: 30px; position: absolute; left: 8px; top: 10px; display: block; cursor: pointer; }
.daterangepicker .next.available { width: 30px; height: 30px; position: absolute; right: 8px; top: 10px; display: block; cursor: pointer; }
.daterangepicker.single .ranges ul { width: 100% }
.daterangepicker.single .calendar.left { clear: none }
.daterangepicker.ltr { direction: ltr; text-align: left }
.daterangepicker.ltr .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0 }
.daterangepicker.ltr .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0 }
.daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar { float: left }
.daterangepicker.ltr .ranges { float: left }
.daterangepicker .calendar.left { clear: none !important }

.daterangepicker .range_inputs.show_me {
    display: block;
    width: auto;
    background: none;
    border-top: 1px solid #dde4e7;
    border-radius: 0;
    overflow: hidden;
    clear: both;
    height: 1%;
    margin: 14px -14px 0 -14px;
    padding: 14px 20px 0 20px;
}
.daterangepicker.single .ranges {
    padding-top: 0;
}
.daterangepicker.single .range_inputs.show_me {
    margin-top: 0;
}
.daterangepicker .range_inputs.show_me:hover {
    background: none;
}
.daterangepicker .range_inputs.show_me button {
    font-size: 13px;
    padding: 3px 10px;
    cursor: pointer;
    height: 30px;
    display: block;
    border-radius: 3px;
    background: #737d86;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    border: 0;
    float: right;
    margin-left: 10px;
}
.daterangepicker .range_inputs.show_me button {
    background: #de3549;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    padding: 0 10px;
}
.daterangepicker .range_inputs.show_me button:hover {
    background: #2f3941;
}
.daterangepicker .range_inputs.show_me button.btn-default {
    background: #ffffff;
    color: #2f3941;
    font-weight: 700;
    font-size: 15px;
    padding: 0 10px;
    border: 1px solid #bdc8cd;
}
.daterangepicker .range_inputs.show_me button.btn-default:hover {
    border-color: #2f3941;
}
.daterangepicker .range_inputs.show_me button:focus { outline: 0; }

.calendar { border-bottom: 1px solid #dde4e7; }
.calendar.left { border-right: 1px solid #dde4e7; clear: left; }
.calendar.right { border-left: 1px solid #dde4e7; margin-left: -1px; }

/* File-choose */

.ext-file-choose { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; cursor: pointer; filter: alpha(opacity=1); opacity: 0.01; }
.ext-file-choose-c { position: relative; }
.ext-file { position: relative; padding-right: 140px; }
.ext-file .ext-btn { width: 120px; position: absolute; right: 0; top: 0; }

/* Dropdown general */

.ext-dropdown { width: 130px; display: none; background: #ffffff; border: 1px solid #bdc8cd; border-radius: 4px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.059); padding: 9px 10px; position: absolute; top: 0; left: 0; z-index: 20; text-align: left}
.ext-dropdown .separator { width: 100%; display: block; padding: 10px;}
.ext-dropdown .separator:before { content: ''; width: 100%; height: 1px; display: block; background: #dde4e7; }
.ext-dropdown .ext-dropdown-link { color: #2f3941; font-size: 15px; display: block; line-height: 20px; padding: 4px 10px; border-radius: 3px; font-weight: 400;}
.ext-dropdown .ext-dropdown-link:hover { background: #3c424a; color: #ffffff; }
.ext-dropdown .ext-dropdown-link.ext-dropdown-link-activ { color: #737d86; background: transparent; }
.ext-dropdown.with-anim { visibility: hidden; display: block; }
.ext-dropdown.with-anim.animated { visibility: visible; }
.ext-dropdown .ext-sg { width: 12px; height: 7px; display: block; position: absolute; left: -12px; top: 18px; }
.ext-dropdown .ext-sg:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent #ffffff transparent transparent; display: block; top: 1px; right: 0; position: absolute; z-index: 2; }
.ext-dropdown .ext-sg:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 6px 7px 6px 0; border-color: transparent #bdc8cd transparent transparent; display: block; top: 0; right: 0; position: absolute; z-index: 1; }
.ext-optiuni-link { cursor: pointer; display: block;}
.ext-optiuni-link.v2 {height: 14px;}
.ext-optiuni .ext-optiuni-link.v2 .ext-svg {line-height: 16px;}
.ext-optiuni-link.v3 {height: 21px;}
.ext-optiuni-link.v3 .ext-ico.i-optiuni {position: absolute; top: 3px; right: -37px;}
.ext-optiuni-link.v3 .ext-svg {position: absolute; top: -3px; right: -33px;}
.ext-optiuni-link.activ .ext-ico.i-optiuni {background-position: -360px -24px;}
.ext-dropdown .ext-dropdown-txt {font-size: 13px; color: #737d86; line-height: 20px; padding: 4px 10px;}
.ext-dropdown .ext-dropdown-txt.eroare {color: #de3449;}

.nr-comenzi { width: calc(100% - 20px); height: 10px; border-radius: 4px; margin: 4px 0 4px 10px !important; background: #b3e3fb; overflow: hidden; position: relative; }
.nr-comenzi .fill { height: 10px; border-radius: 4px 0 0 5px; background-color: #41b8f5; }
.nr-comenzi.eroare .fill {background-color: #de3549;}

.ext-dropdown.v2 { width: 180px; left: auto; top: 25px; right: -6px; }
.ext-dropdown.v3 { width: 230px; left: 0; top: 50px; }
.ext-dropdown.v4 { width: 140px; left: auto; right: -6px; top: 55px; }
.ext-dropdown.v4.big {width: 180px;}
.ext-dropdown.v5 { width: 200px; left: auto; right: -2px; top: 50px; }
.ext-dropdown.v6 {width: 230px; left: auto; right: -6px; top: 34px;}
.ext-dropdown.v6.fix {right: -44px;}
.ext-dropdown.v7 {width: 100%; left: 0; top: 51px;}
.ext-dropdown.v8 {width: 250px; left: 0; top: 42px;}
.ext-dropdown.v9 {width: 170px; left: auto; right: -2px; top: 50px;}
.ext-dropdown.tooltip {width: 260px; left: calc(100% + 15px); top: -11px;}
.ext-dropdown.tooltip .continut {padding: 5px 10px; font-size: 13px; line-height: 20px;}

.ext-dropdown.w230 { width: 230px; }

.ext-dropdown-js { z-index: 30; }

.ext-dropdown .ext-sg-top { width: 12px; height: 7px; display: block; position: absolute; right: 14px; top: -7px; }
.ext-dropdown .ext-sg-top:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #ffffff transparent; display: block; top: 2px; right: 1px; position: absolute; z-index: 2; }
.ext-dropdown .ext-sg-top:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 0 6px 7px 6px; border-color: transparent transparent #bdc8cd transparent; display: block; top: 0; right: 0; position: absolute; z-index: 1; }

.ext-dropdown .ext-sg-left { width: 7px; height: 12px; display: block; position: absolute; left: -7px; top: 15px; }
.ext-dropdown .ext-sg-left:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #ffffff transparent transparent; display: block; top: 1px; right: 0; position: absolute; z-index: 2;}
.ext-dropdown .ext-sg-left:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 7px 8px 7px 0; border-color: transparent #dde4e7 transparent transparent; display: block; top: 0; right: 0; position: absolute; z-index: 1;}

.ext-dropdown.with-status .ext-dropdown-link {padding-left: 28px; position: relative;}
.ext-dropdown.with-status .bullet {width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 10px; top: 50%; margin-top: -4px;}

.ext-chk-wrap { position: relative; }
.ext-chk-wrap .ext-dropdown { left: 30px; top: -16px }

/* Cautare */

.ext-input-cautare { padding: 0 46px 0 1px; position: relative; }
.ext-input-cautare.focus .ic-btn { margin-top: -1px; margin-right: -1px;}
.ext-input-cautare input { padding: 0 14px; }
.ext-input-cautare.focus { padding: 1px 47px 1px 1px; }
.ext-input-cautare.focus input { padding: 0 13px;}
.ext-input-cautare .ext-ico, .ext-input-cautare .ext-svg { position: absolute; right: 0; top: 0; }
.ext-input-cautare .ic-btn { width: 40px; height: 40px; display: block; position: absolute; top: -1px; right: -1px; }
.ext-input-cautare .ic-btn:hover .ext-ico { background-position: -320px -40px; }
.ext-input-cautare .ic-btn:hover .ext-svg {color:#2f3941 !important;}
.ext-cautare.with-dropdown {position: relative;}
.ext-input-cautare .ext-svg {line-height: 40px; width: 40px; color:#737d86;}

/* Modifica-url */

.ext-modifica-url { width: 100%; position: relative; }
.ext-modifica-url .ext-modifica-url-base, .ext-modifica-url .ext-modifica-url-base a { width: 100%; max-width: 100%; height: 40px; border-bottom: 1px solid #dde4e7; line-height: 39px; font-size: 15px; display: block; color: #008beb; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ext-modifica-url .ext-modifica-url-initial { position: relative; padding-right: 110px; }
.ext-modifica-url .ext-modifica-url-initial .ext-btn { display: inline-block; position: absolute; right: 0; top: 14px; }
.ext-modifica-url .ext-col { padding: 0 10px; }
.ext-modifica-url .ext-col:first-child { padding-left: 0; }
.ext-modifica-url .ext-col:last-child { padding-right: 0; }
.ext-modifica-url .ext-modifica-url-modified { width: 100%; display: block; position: relative; padding-right: 100px; display: none; }
.ext-modifica-url .ext-mu-btn-inline { width: 80px; height: 40px; display: block; position: absolute; right: 0; top: 14px; }
.ext-modifica-url .ext-item { width: 50%; height: 100%; display: block; float: left; }
.ext-modifica-url .ext-item.v2 { float: right; }
.ext-modifica-url .ext-item .ext-btn { border: 1px solid #bcc8cd; position: relative; }
.ext-modifica-url .ext-item .ext-ico, .ext-modifica-url .ext-item .ext-svg { position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -11px; }
.ext-modifica-url .ext-item.v1 .ext-btn { border-radius: 4px 0 0 4px; }
.ext-modifica-url .ext-item.v2 .ext-btn { border-left: 0; border-radius: 0 4px 4px 0; }
.ext-modifica-url .ext-item .ext-btn:hover .ext-ico.i-accept { background-position: -120px -220px; }
.ext-modifica-url .ext-item .ext-btn:hover .ext-ico.i-decline { background-position: -140px -220px; }
.ext-modifica-url .ext-item .ext-btn:hover .ext-svg {color: #2f3941 !important;}

/* Pagina-preturi-optiuni */

.ext-container-optiuni { width: 100%; padding-right: 60px; display: block; position: relative;}
.ext-container-optiuni .delete { display: none; }
.ext-container-optiuni .filtru-del.sterge {top: 38px; right: 10px;}

.ext-container-optiuni.v2 {padding-right: 80px;}
.ext-container-optiuni.v2 .ext-switcher-btn {position: absolute; right: 40px; top: 10px;}
.ext-container-optiuni.v2 .ext-optiuni {position: absolute; right: 5px; top: 3px;}

/* Status */

.ext-status { width: 100%; display: block; height: 30px; line-height: 30px; color: #ffffff; background: #2f3941; border-radius: 3px; font-size: 13px; text-align: center; padding: 0 10px; font-weight: 700; }
.ext-status.rezervat { background: #41b8f5; }
.ext-status.depozit { background: #ff8a00; }
.ext-status.plasata   { background: #41b8f5; }
.ext-status.procesare { background: #ff8a00; }
.ext-status.deschis { background: #ff8a00; }
.ext-status.asteptare, .ext-ticket-inner .ext-ticket-item.asteptare { background: #67a6ef; }
.ext-status.livrare   { background: #743deb; }
.ext-status.finalizat, .ext-status.activ { background: #54bb7d; }
.ext-status.anulat, .ext-status.inactiv { background: #de3549; }
.ext-status.returnata { background: #f544bd; }
.ext-status.data {background: #dde4e7; color: #737d86; font-weight: 400;}

.badge-alerta {width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 20px; color: #ffffff; font-weight: 700; background: #de3549; display: block; font-size: 12px; margin-left: 20px !important; margin-top: 10px !important;}


/* Switcher */

.ext-switcher-btn { width: 30px; height: 16px; display: block; position: relative; overflow: hidden; }
.ext-switcher-btn input { width: 0; height: 0; display: block; opacity: 0; visibility: hidden; }
.ext-switcher-btn .ext-switcher { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #737d86; border-radius: 8px; cursor: pointer; }
.ext-switcher-btn .ext-switcher-round { width: 10px; height: 10px; background: #ffffff; position: absolute; left: 4px; top: 3px; border-radius: 50%; display: block; }

.ext-switcher.checked .ext-switcher-round { left: 16px; }
.ext-switcher.checked { background: #54bb7d; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; }

/* Checkbox list */

.ext-check-list .ext-cl-txt { width: 100%; color: #2f3941; font-size: 13px; line-height: 18px; font-weight: 400; display: block; padding-bottom: 4px;}
.ext-check-list .ext-item { display: block; margin-bottom: 5px; }
.ext-check-list .ext-item:last-child { margin: 0; }
.ext-check-list.ext-check-list-inline { margin: 0 0 -5px -5px; }
.ext-check-list.ext-check-list-inline .ext-item { padding: 0 5px 5px; float: left; margin: 0; }

.ext-check-list .ext-item-nv2 .ext-check label { padding-left: 43px; }
.ext-check-list .ext-item-nv2 .ext-check .ext-nivel-hlp { width: 2px; height: 100%; display: block; position: absolute; left: 27px; top: 0; padding: 4px 0; max-height: 19px; }
.ext-check-list .ext-item-nv2 .ext-check .ext-nivel-hlp:after { content: ''; width: 1px; height: 100%; display: block; background: #818488; display: inline-block; vertical-align: top }
.ext-check-list .ext-item-nv2 .ext-check .ext-nivel-hlp:before { content: ''; width: 1px; height: 100%; display: block; background: #b5b7b9; display: inline-block; vertical-align: top }

/* Checkbox */

.ext-check { line-height: 19px; position: relative; display: inline-block;}
.ext-check label { color: #2f3941; display: block; padding-left: 20px; line-height: 22px; font-size: 15px; font-weight: 400; cursor: pointer;}
.ext-check input { width: 14px; height: 14px; position: absolute; top: 50%; margin-top: -7px; left: 0; }

.ext-check.v2 label { font-size: 13px; line-height: 19px; }
.ext-check.v2 input { top: 2.5px; margin-top: 0; }

.ext-check.with-info label {display: inline-block;}

/* Preloader */

@keyframes ext-spinner { to {transform: rotate(360deg);} }

.ext-mask-preloader { width: 100%; height: 100%; display: none; background: rgba(53, 61, 67, .9); position: fixed; left: 0; top: 0; z-index: 9999;}
.ext-mask-preloader .ext-preloader {height: 80px; display: block; position: absolute; top: 50%; margin-top: -40px; left: 50%; margin-left: -60px; }
.ext-mask-preloader .ext-preloader .ext-txt { color: #ffffff; font-weight: 700; display: block; font-size: 15px; line-height: 20px; text-align: center; }
.ext-mask-preloader .ext-prel-an { width: 32px; height: 32px; display: block; position: relative; margin: 0 auto 10px; }
.ext-mask-preloader .ext-prel-an:before { content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border-top: 2px solid #ffffff; border-right: 2px solid transparent; animation: ext-spinner .4s linear infinite; }

/* Imagini */

.ext-img.img-fix { width: 50px; height: 50px; display: block; background: #ffffff; position: relative; border: 1px solid #dde4e7; border-radius: 4px; overflow: hidden; }
.ext-img img { max-width: 100%; max-height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; position: absolute; border-radius: 3px;}
.ext-img.img-fix.v2 {width: 40px; height: 40px;}
.ext-img.img-fix.v3 {margin-bottom:15px;display:inline-block;}
.ext-img.v2 img {max-width: 75%; max-height: 75%; border-radius: 0;}

.ext-img-2.img-fix { width: 100%; height: 120px; display: block; background: #ffffff; position: relative; text-align: center;}
.ext-img-2.img-fix img { max-width: 80%; max-height: 60%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; position: absolute; }
.ext-img-2.img-fix .ext-svg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 80px; line-height: 120px;}

/* GALERIE */

.ext-galerie {display: block; padding: 0 10px;}
.ext-galerie-img {display: inline-block; margin: 0 20px 20px 0 !important; border-radius: 4px; overflow: hidden; border: 1px solid #dde4e7 !important; position: relative; width: 120px; height: 120px; background: #f5f7f8;}
.ext-galerie-img img, .ext-galerie-img .ext-svg {position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; max-height: 100%; max-width: 100%;}
.ext-galerie-img .ext-badge-box {width: 100%; height: 100%; display: none;}
.ext-galerie-img .ext-badge-box .ext-svg {font-size: 22px; line-height: 28px;}
.ext-galerie-img:hover .ext-badge-box {display: block;}
.ext-galerie-img .badge {width: 30px; height: 30px; background: #f5f7f8; border: 1px solid #bec8cd; position: absolute; cursor: pointer;}
.ext-galerie-img .badge:hover {background: #efefef;}
.ext-galerie-img .badge.muta {border-radius: 3px 0 3px 0; left: -1px; top: -1px;}
.ext-galerie-img .badge.edit {border-radius: 0 3px 0 3px; right: -1px; top: -1px;}
.ext-galerie-img .badge.sterge {border-radius: 3px 0 3px 0; bottom: -1px; right: -1px;}
.ext-galerie-img .badge.check {border-radius: 0 3px 0 3px; left: -1px; bottom: -1px;}
.ext-galerie-img .badge .ext-chk-wrap {margin: 7px;}
.ext-galerie-img .ext-svg {font-size: 54px; line-height: 54px; text-align: center; height: 54px; color: #737d86 !important;}

/* Camp general */

.ext-camp-form .ext-label { font-size: 13px; color: #2f3941; line-height: 20px; display: inline-block; margin: 0 0 8px; }
.ext-camp-form .ext-label.with-info {display: inline-block;}
.ext-camp-form .ext-label.v2 { font-size: 15px; font-weight: 700; }
.ext-camp-form .ext-label.v3 {margin-bottom: 0;}
.ext-camp-form .ext-label .ext-nt { color: #737d86; }
.ext-camp-form .ext-label.v2 .ext-nt { font-size: 13px; font-weight: 400; }
.ext-camp-form .ext-label.with-border { padding-bottom: 8px; margin: 0 0 15px; border-bottom: 1px solid #dde4e7; }
.ext-camp-form .ext-label.display-mobile {display: none;}

.info-wrap {display: inline-block; position: relative; margin-left: 10px !important;}
.info-badge {display: block; font-size: 13px; line-height: 20px; color: #737d86; cursor: pointer; position: relative; padding-left: 25px !important; min-height: 14px;}
.info-badge .ext-ico {position: absolute; left: 0; top: 1px;}
.info-badge .ext-svg {position: absolute; left: 0; top: 0; line-height: 20px; font-size: 21px; font-variation-settings: 'FILL' 1; color: #de3549 !important;}

.ext-camp-form .ext-label.with-icon-1 .ext-nt { position: relative; padding-left: 17px; margin-left: 9px; }
.ext-camp-form .ext-label.with-icon-1 .ext-ico { position: absolute; left: 0; top: 3px; }
.ext-camp-form .ext-label.with-icon-1 .ext-svg {position: absolute; left: -5px; top: 0;}

.ext-camp-form.with-btn {padding-right: 60px; position: relative;}
.ext-camp-form.with-btn a.sterge {bottom: 0; top: auto;}

/* TICKETE */

.ticket {border: 1px solid #dde4e7; border-radius: 4px; margin-bottom: 20px !important;}
.tickete .ext-col.ext-col-td {vertical-align: middle;}
.ticket .ext-status {width: 100px; border-radius: 0 3px 3px 0;}
.ticket .ext-status.info {border-radius: 3px 0 0 3px; border-right: 1px solid #ffffff; background-color: #737d86; margin-right: -20px;}
.ticket .ext-optiuni {position: relative;}
.ticket .id-ticket {font-size: 15px;}
.tickete .ticket:last-child {margin-bottom: 0 !important;}
.nume-ticket {font-size: 17px; line-height: 23px; font-weight: 700; margin-bottom: 5px !important;}

.ext-ticket-inner {border-radius: 4px; display: block; white-space: nowrap; overflow: hidden; font-size: 0; }
.ext-ticket-inner .ext-ticket-item {background-color: #737d86; color: #ffffff; font-weight: 700; font-size: 15px; line-height: 40px; min-width: 120px; border-right: 1px solid #ffffff; display: inline-block; text-align: center; padding: 0 10px; height: 40px; border-radius: 4px 0 0 4px;}
.ext-ticket-inner .ext-ticket-item:last-child {border: none; border-radius: 0 4px 4px 0;}

/* SOCIETATI */

.societati .ext-container-table {border: 1px solid #dde4e7; border-radius: 4px; min-height: 50px; position: relative;}
.societati .ext-col.ext-col-td {vertical-align: middle; padding: 15px 10px;}
.societati .ext-status {width: 80px;}
.societati .ext-optiuni {position: relative;}
.societati .ext-c-1:first-child .ext-col.ext-col-td {padding: 10px;}

/* Istoric update-uri */

.ext-istoric-update {position: relative; padding-left: 160px; padding-right: 20px;}
.ext-istoric-update li .data {position: absolute; left: -160px; top: 35px; font-size: 15px; color: #2f3941; line-height: 18px;}
.ext-istoric-update li {padding: 30px 0 35px; border-bottom: 1px solid #dde4e7; position: relative;}
.ext-istoric-update li:first-child {padding-top: 10px;}
.ext-istoric-update li:first-child .data {top: 15px;}
.ext-istoric-update li:last-child {border: none; padding-bottom: 10px;}
.ext-istoric-update:before {content: ''; width: 1px; height: calc(100% + 40px); position: absolute; top: -20px; left: 120px; background-color: #dde4e7;}
.ext-istoric-update li .nume-update {font-size: 17px; line-height: 20px; color: #de3549; font-weight: 700; position: relative; margin-top: 4px;}
.ext-istoric-update li .nume-update:before {content: ''; width: 13px; height: 13px; border-radius: 50%; background-color: #de3549; border: 2px solid #ffffff; position: absolute; left: -46px; top: 4px;}
.ext-istoric-update li .continut, .ext-istoric-update li .continut p {font-size: 13px; line-height: 20px; color: #2f3941; display: block;}
.ext-istoric-update li .continut h4 {font-size: 15px; line-height: 20px; color: #2f3941; padding: 8px 0;}

/* Erori */

.ext-camp-form.ext-eroare .ext-check-list { border: 2px solid #de3549; padding: 0 4px; }

.ext-camp-form.ext-eroare .ext-input { border: 2px solid #de3549; padding: 1px; }
.ext-camp-form.ext-eroare .ext-input input { padding: 0 13px; }

.ext-camp-form.ext-eroare .ext-input.with-icon input { padding-right: 35px; }
.ext-camp-form.ext-eroare .ext-input.with-icon .ext-ico { margin-top: -1px; margin-right: -1px; }

.ext-camp-form.ext-eroare .ext-select { border: 2px solid #de3549; }
.ext-camp-form.ext-eroare .ext-select select { padding: 0 32px 0 13px; margin-top: -1px; }
.ext-camp-form.ext-eroare .ext-select.sel-stil:before { top: 15px; right: 13px; }

.ext-camp-form.ext-eroare .ext-textarea{ border: 2px solid #de3549; padding: 1px; }

.ext-input-cautare.ext-eroare { border: 2px solid #de3549; }
.ext-input-cautare.ext-eroare .ic-btn { margin-top: -1px; margin-right: -1px;}
.ext-input-cautare.ext-eroare input { padding: 0 13px; }

.ext-label.ext-label-eroare { font-weight: 700; color: #de3549; padding: 8px 0 0; margin: 0; line-height: 15px;}

.ext-camp-form .ext-label.ext-label-eroare {line-height: 0; display: none;}
.ext-camp-form.ext-eroare .ext-label.ext-label-eroare {line-height: 15px; display: inline-block;}

.ext-modifica-url .ext-input.ext-eroare {border: 2px solid #de3549; padding: 1px;}
.ext-modifica-url .ext-input.ext-eroare input { padding: 0 13px; }

/* Heading Warning */

.ext-warning {position: relative; background-color: #ffa912; top: 0; height: 60px; z-index: 20; width: calc(100% + 90px); margin-top: -15px !important; margin-bottom: 15px !important; margin-left: -75px !important; padding: 5px 150px 5px 75px;}
.ext-table {display: table; width: 100%; height: 100%;}
.ext-warning .ext-svg {position: absolute; left: 13px; top: 50%; margin-top: -16px; color:#ffffff !important; font-size: 33px;}
.ext-warning:before {background-color: #ffcb71; content: ''; width: 1px; height: 20px; position: absolute; left: 60px; top: 50%; margin-top: -10px;}
.ext-warning .ext-txt-1 {color: #ffffff; font-size: 15px; line-height: 20px; vertical-align: middle; display: table-cell;}
.ext-warning a { text-decoration: none; color: #ffffff; }
.ext-warning .ext-btn {width: 130px; background: transparent; border: 1px solid; border-color: rgba(255, 255, 255, 0.5); color: #ffffff; font-weight: 700; font-size: 15px; position: absolute; right: 10px; top: 50%; margin-top: -20px; line-height: 38px;}
.ext-warning .ext-btn:hover {border-color: #ffffff;}
.ext-warning .ext-btn .ext-svg {color:#ffffff !important; line-height: 30px;}

/* Warnings */

.warning {min-height: 30px; height: auto; margin: 0 0 10px !important; border: 1px solid #ffdfba; width: 100%; padding: 5px 10px; border-radius: 3px; background-color: #ffead1;}
.warning.v2 {margin: 10px 0 !important;}
.warning.v3 {margin: 20px 0 0 !important;}
.warning.v4 {margin: 5px 0 !important; width: max-content; border: none;}
.warning.eroare {border-color: #ffccce; background-color: #fce2e3;}

.warning-ok {min-height: 30px; height: auto; margin: 0 0 10px !important; border: 1px solid #ffdfba; width: 100%; padding: 5px 10px; border-radius: 3px; background-color: #54bb7d7d;}
.warning-ok.v2 {margin: 10px 0 !important;}
.warning-ok.v3 {margin: 20px 0 0 !important;}
.warning-ok.v4 {margin: 5px 0 !important; width: max-content; border: none;}
.warning-ok.eroare {border-color: #ffccce; background-color: #fce2e3;}
.warning-ok .ext-txt-1.alerta {color: #ffffff !important;}

/* Heading */

.heading { font-weight: 700; font-size: 27px; color: #737d86; line-height: 40px; display: block; padding: 4px 0;}
.heading.v2 {font-size: 23px; line-height: 28px; color: #2f3941; }
.heading.v3 {font-size: 15px; line-height: 21px; color: #2f3941;}
.heading.v4 {font-size: 19px; line-height: 25px;}
.heading.v5 {color:#737d86;}
.heading.with-padd-b { padding-bottom: 17px; font-size: 23px; line-height: 27px;}
.heading.stil-2 { font-weight: 400; }
.heading.stil-3 { font-size: 19px; line-height: 25px; color: #2f3941; }
.heading.with-switcher { position: relative; padding-right: 60px; }
.heading.with-switcher-option {position: relative; padding-right: 80px;}
.heading.with-switcher .ext-switcher-btn { position: absolute; right: 0; top: 10px; }
.heading.with-switcher-option .ext-switcher-btn { position: absolute; right: 40px; top: 10px; }
.heading.with-switcher-option .ext-optiuni { position: absolute; right: 0; top: 10px; }
.heading.v3.with-switcher-option .ext-switcher-btn {top: 3px; }
.heading.v3.with-switcher-option .ext-optiuni {top: 3px; }
.heading .id-produs, .heading .id-comanda, .heading .valoare-cos, .heading .id-ticket, .heading .nume-campanie {color: #2f3941;}
.heading .id-furnizor {color: #737d86;}
.heading.with-icon {position: relative; padding-left: 30px;}
.heading.with-icon .ext-ico, .heading.with-icon .ext-svg {position: absolute; left: 0; top: 6px;}

.ext-optiuni .ext-svg {color: #737d86; line-height: 28px;}

/* Texts */

.ext-txt-1 { color: #2f3941; font-size: 13px; line-height: 19px; display: block; font-weight: 400; }
.ext-txt-1.v2 {font-size: 15px; line-height: 21px;}
.ext-txt-1.v3 {font-size: 17px !important; line-height: 23px !important;}
.ext-txt-1.stil-1 { color: #737d86; font-weight: 700; text-transform: uppercase; }
.ext-txt-1.stil-2 { font-weight: 500; }
.ext-txt-1.stil-3 { font-weight: 700; }
.ext-txt-1.stil-4 {color: #737d86;}
.ext-txt-1.stil-5 {text-transform: uppercase;}

.ext-txt-1 a {text-decoration: underline !important; color: #00aceb;}
.ext-txt-1.with-switcher {padding-left: 40px; padding-right: 160px; position: relative;}
.ext-txt-1.with-switcher .ext-switcher-btn {position: absolute; left: 0; top: 2px;}
.ext-txt-1.with-switcher a {position: absolute; font-size: 13px; right: 0; top: 0;}
.ext-txt-1.one-line {overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width: 170px;}

.ext-link-general, a.ext-link-general { color: #00aceb; font-size: 13px; line-height: 19px; display: block; font-weight: 400; text-decoration: underline !important; }
.ext-link-general.v3, a.ext-link-general.v3 { display: inline-block; }
.ext-link-general.v2, a.ext-link-general.v2 {font-size: 15px; line-height: 50px;}
.ext-link-general:hover, a.ext-link-general:hover, .ext-txt-1 a:hover { text-decoration: none !important; cursor: pointer;}

.id-market, a.id-market {font-size: 13px; line-height: 19px; color: #00aceb; display: inline-block; font-weight: 400; text-decoration: underline; cursor: pointer;}
.id-market:hover, a.id-market:hover {text-decoration: none;}

.ext-txt-1.eroare { color: #de3549; }
.ext-txt-1.succes { color: #54bb7d; }
.ext-txt-1.alerta { color: #ec8000; }

.ext-txt-with-buttons { width: 100%; position: relative; min-height: 60px; padding: 0 220px 20px 0; }
.ext-txt-with-buttons .ext-btn-inline { position: absolute; right: 0; top: -10px; }
.ext-txt-with-buttons .ext-txt1 { font-size: 13px; color: #737d86; line-height: 15px; display: block; padding-bottom: 5px; }
.ext-txt-with-buttons .ext-txt2 { font-size: 15px; color: #2f3941; line-height: 20px; display: block; }

.ext-txt-list .ext-txt-item { width: 100%; display: block; line-height: 20px;}
.ext-txt-list .ext-txt-with-icon { padding-left: 16px; position: relative; line-height: 20px; font-weight: 700; }
.ext-txt-list .ext-txt-with-icon.v2 { font-size: 15px; line-height: 22px; }
.ext-txt-list .ext-txt-with-icon.v3 { font-size: 15px; line-height: 22px; font-weight: 400; }
.ext-txt-list .ext-txt-with-icon .ext-ico { position: absolute; left: 0; top: 0; }
.ext-txt-list .ext-txt-with-icon .ext-svg {position: absolute; left: -3px; top: 0; font-size: 17px; line-height: 18px; color:#54bb7d !important; cursor: initial;}

.ext-txt-list-inline .ext-txt-item { width: auto; display: inline-block; padding-right: 15px; }
.ext-txt-list-inline .ext-txt-item:last-child { padding: 0; }

.ext-text-general { font-size: 15px; color: #2f3941; display: block; line-height: 21px; }
.ext-text-general.with-bg { background: #f5f7f8; border-radius: 4px; padding: 20px; }
.ext-text-general.with-bg.v2 {background: #ebeff1; padding: 9.5px 15px;}
.ext-text-general.with-bg.v3 {border: 1px solid #BDC8CD;}
.ext-text-general.level-2 {padding-left: 30px !important; position: relative;}
.ext-text-general.level-2.v3 {padding-left: 15px !important;}
.ext-text-general.level-2:before, .ext-text-general.level-3:before {content: ''; width: 2px; height: 10px; background-color: #737d86; position: absolute; top: 50%; margin-top: -5px; left: 15px;}
.ext-text-general.level-2.v3:before, .ext-text-general.level-3.v3:before {left: 0;}
.ext-text-general.level-3 {padding-left: 45px !important; position: relative;}
.ext-text-general.level-3.v3 {padding-left: 30px !important;}
.ext-text-general.level-3:after {content: ''; width: 2px; height: 10px; background-color: #737d86; position: absolute; top: 50%; margin-top: -5px; left: 30px;}
.ext-text-general.level-3.v3:after {left: 15px;}

/* Inline Links */

.ext-list-link-inline { width: 100%; display: block; margin: -5px 0; }
.ext-list-link-inline .ext-list-link { color: #2f3941; font-size: 15px; font-weight: 700; display: block; line-height: 20px; }
.ext-list-link-inline .ext-list-link:hover { color: #737d86; }
.ext-list-link-inline .ext-list-link.ext-list-link-with-icon { position: relative; padding: 5px 0 5px 35px; }
.ext-list-link-inline .ext-list-link.ext-list-link-with-icon .ext-ico { position: absolute; left: 0; top: 0; }
.ext-list-link-inline .ext-list-link.ext-list-link-with-icon .ext-svg {position: absolute; left: 0; top: 0;}
.ext-list-link-inline .ext-list-link-item { float: left; display: block; margin-right: 20px; }
.color-sp1 { color: #de3549; font-weight: 400; }

/* Blank */

.ext-blank { width: 100%; display: block; padding: 100px 0; }
.ext-blank .ext-ico { margin: 0 auto 30px; }
.ext-blank .ext-txt { color:#737d86; font-size: 15px; line-height: 21px; display: block; }
.ext-blank .ext-txt-row { text-align: center; display: block; margin-bottom: 10px; }
.ext-blank .ext-txt-row:last-child { margin: 0; }

/* Breadcrumbs */

.ext-breadcrumbs { width: 100%; padding: 4px 20px; }
.ext-breadcrumbs .ext-bd-item { float: left; padding-right: 20px; position: relative;}
.ext-breadcrumbs .ext-bd-item:after { content: ''; width: 4px; height: 8px; display: block; background: url('../img/sprite.png') 0 -160px no-repeat; position: absolute; right: 7px; top: 6px; }
.ext-breadcrumbs .ext-bd-item:last-child:after { display: none; }
.ext-breadcrumbs .ext-bd-item:last-child { padding-right: 0; }
.ext-breadcrumbs .ext-bd-link { color: #737d86; font-size: 11px; display: inline-block; line-height: 14px; padding: 3px 0; position: relative;}
.ext-breadcrumbs a:hover { text-decoration: underline; color: #2f3941; }

/* Header */

.ext-header { width: 100%; min-width: 320px; display: block; background: #f5f7f8; border-bottom: 1px solid #dde4e7; padding: 15px; position: fixed; top: 0; z-index: 9800; border-left: 60px solid #de3549;}
.ext-header:before {content: ''; width: 60px; height: 1px; background-color: #de3549; position: absolute; left: -60px; bottom: -1px;}
.ext-header.with-warning {padding-bottom: 0;}
.ext-header-offset { display: none; }
.ext-header .ext-logo { margin: 3px 0 7px; }
.ext-hd-col.v1 { float: left; }
.ext-hd-col.v2 { float: right; line-height: 0;}
.ext-header .ext-hd-col.v1 {margin-left: -60px;}

.ext-meniu-link { width: 45px; height: 30px; display: block; }
/*.ext-meniu-link.activ:before {content: ""; width: 121px; height: 63px; background-color: #ffffff; border-right: 1px solid #dde4e7; position: absolute; left: 45px; top:-15px;}*/
.ext-meniu .ext-item {padding-right: 15px; margin-right: 15px; float: left; position: relative;}
.ext-meniu .ext-item:before { content: ''; width: 1px; height: 20px; position: absolute; right: 0; top: 5px; display: block; background: #dde4e7; }
.ext-header .ext-hd-col.v1 .ext-item:first-child {padding-right: 0;}
.ext-header .ext-hd-col.v1 .ext-item:first-child:before { content: ''; width: 30px; height: 1px; position: absolute; left: 0; top: auto; bottom: -15px; display: block; background: #e87280; }
.ext-header .ext-hd-col.v1 .ext-item:last-child {margin-left: 0; padding-left: 20px;}
.ext-header .ext-hd-col.v1 .ext-item:last-child:before {display: none;}
.ext-header.v2 .ext-hd-col.v1 .ext-item:last-child {padding-left: 0;}
.ext-meniu .ext-item:nth-last-child(2) {padding-right: 0; margin-right: 0;}
.ext-meniu .ext-item:nth-last-child(2):before {display: none;}
.ext-meniu .ext-nume {font-size: 14px; line-height: 30px; color: #737d86; font-weight: 700; text-transform: uppercase;}

.ext-link-notificari { width: 30px; height: 30px; display: block; position: relative; cursor: pointer; }
.ext-optiuni-link .nr, .ext-link-notificari .nr { min-width: 23px; min-height: 23px; border: 2px solid #f5f7f8; color: #ffffff; font-size: 9px; font-weight: 700; line-height: 19px; border-radius: 50%; text-align: center; display: block; position: absolute; top: -9px; right: -5px; background: #54bb7d; padding: 0 4px;}

.ext-btn-container.ext-btn-notificari { margin-bottom: 20px; }
.ext-btn-container.ext-btn-notificari .ext-btn-inner { background: transparent; border: none; }
.ext-btn-container.ext-btn-notificari .ext-btn-item { width: 50%; display: block; float: left; border: none; }
.ext-btn-container.ext-btn-notificari .ext-btn-item:first-child .ext-btn-link { border-right: none; border-radius: 4px 0 0 4px; }
.ext-btn-container.ext-btn-notificari .ext-btn-item:last-child .ext-btn-link { border-radius: 0 4px 4px 0; }
.ext-btn-notificari .ext-btn-item .ext-btn-link { border: 1px solid #58616c; color: #ffffff; font-weight: 700; }
.ext-btn-notificari .ext-btn-item .ext-btn-link.tab-link-activ { color: #737d86; }
.ext-btn-container.v2 { display: inline-block; }

.ext-hd-show-mobile { display: none; }

/* Sidebar */

.ext-sidebar { width: 180px; height: 100%; top: 0; padding-top: 60px; left: 0; position: fixed; display: block; background: #ffffff; z-index: 200;}
.ext-sidebar.with-warning {padding-top: 120px;}
.ext-sidebar:before { content: ''; width: 60px; height: 100%; position: absolute; top: 0; left: 0; background: #de3549; z-index: 1;}
.ext-sidebar .ext-sd-meniu { width: 100%; padding: 5px 0; display: block;}
.ext-sidebar .ext-sd-meniu .ext-svg {color: #ffffff !important;}
.ext-sidebar .ext-sd-inner { width: 60px; height: 100%; z-index: 2;  top: 0; position: relative; }
.ext-sidebar .ext-sd-item { width: 60px; display: block; padding: 5px 0; }
.ext-sidebar .ext-sd-link { width: 60px; height: 30px; display: block; position: relative; }
.ext-sidebar .ext-sd-link .ext-ico, .ext-sidebar .ext-sd-link .ext-svg { position: absolute; left: 15px; top: 0; width: 30px;}
/*.ext-sidebar .ext-sd-link.activ:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #dde4e7 transparent transparent; display: block; top: 5px; right: 0; position: absolute; }*/
/*.ext-sidebar .ext-sd-link.activ:before { content: ''; width: 3px; height: 100%; position: absolute; left: 0; top: 0; background: #de3549; }*/
.ext-meniu-link { cursor: pointer; }
.ext-meniu-link.v0 {display: none;}
.ext-sidebar .ext-sd-link-activ:before, .ext-sidebar .ext-sd-link:hover:before { content: ''; width: 36px; height: 36px; position: absolute; left: 12px; top: -3px; background: #b22a3a; border-radius: 4px;}
.ext-sidebar .ext-sd-dropdown { width: 0; height: 100%; position: absolute; left: 60px; background: #ffffff; top: 0; padding: 10px 0 40px; display: none; overflow: hidden;}
.ext-sidebar .ext-sd-dropdown:before {content: ''; width: 1px; height: 100%; background-color: #dde4e7; position: absolute; right: 0; top: 0;}
.ext-sidebar .ext-sd-list { padding: 0 20px; }
.ext-sidebar .ext-sd-dropdown-nv3 { padding-top: 8px; display: none; }
.ext-sidebar .ext-sd-item-nv2 { padding: 5px 0; }
.ext-sidebar .ext-sd-link-nv2 { color: #2f3941; font-size: 15px; font-weight: 700; line-height: 20px; position: relative; display: block; cursor: pointer; }
.ext-sidebar .ext-sd-link-nv2.activ, .ext-sidebar .ext-sd-link-nv2:hover { color: #737d86; }
.ext-sidebar .ext-sd-link-nv3 { color: #2f3941; font-size: 13px; font-weight: 400; line-height: 18px; display: block; }
.ext-sidebar .ext-sd-link-nv3.ext-sd-link-nv3-activ { text-decoration: underline }
.ext-sidebar .ext-sd-link-nv3:hover { text-decoration: underline }
.ext-sidebar .ext-sd-item-nv3 { padding: 2px 0; }
.ext-sidebar .ext-sd-item-nv3:last-child { padding-bottom: 0; }
.ext-sidebar .ext-sd-head { padding-bottom: 15px; margin-bottom: 5px; border-bottom: 1px solid #dde4e7; color: #2f3941; font-size: 15px; font-weight: 700; line-height: 20px; display: block; }
.ext-meniu-link.v2, .ext-sidebar .ext-sd-container { display: none; }
.ext-sidebar .ext-sd-link-nv2.with-drop:before {content: ' '; width: 0; height: 0; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #737d86 transparent transparent transparent; display: block; top: 9px; right: 0; position: absolute;}
.ext-sidebar .ext-sd-link-nv2.with-drop.activ:before { border-width: 0 4.5px 5px 4.5px; border-color: transparent transparent #737d86 transparent; }
.ext-sidebar.activ .ext-sd-inner { width: 180px; border-right: 1px solid #dde4e7;}
.ext-sidebar.activ .ext-sd-item { width: 100%; }
.ext-sidebar.activ .ext-sd-link { width: auto; height: auto; min-height: 30px; padding: 5px 15px 5px 80px; font-size: 15px; color: #2f3941; font-weight: 700; line-height: 20px; }
.ext-sidebar.activ .ext-sd-link.activ, .ext-sidebar .ext-sd-link:hover { color: #737d86; }
.ext-sidebar.activ .ext-sd-dropdown { left: 180px; display: block;}
.ext-sidebar .ext-sd-link.ext-sd-link-activ { color: #737d86; }

.ext-sidebar-2 { width: 0; height: 100%; top: 0; right: 0; overflow: hidden; position: fixed; display: block; background: #2f3941; z-index: 200;}
.ext-sidebar-2 .ext-sd-inner { width: 320px; height: 100%; display: none; padding: 80px 20px 20px 20px; }
.ext-sidebar-2 .sd-head { color: #ffffff; font-size: 23px; font-weight: 700; line-height: 28px; margin-bottom: 20px; }
.ext-sidebar-2 .ext-sd-item { border-bottom: 1px solid #58616c; padding-bottom: 15px; margin-bottom: 15px; display: block; }
.ext-sidebar-2 .ext-sd-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.ext-sidebar-2 .ext-data { color: #737d86; font-size: 11px; line-height: 16px; font-weight: 700; display: block; margin-bottom: 5px; }
.ext-sidebar-2 .ext-txt { color: #ffffff; font-size: 13px; line-height: 19px; font-weight: 400; display: block; }
.ext-sidebar-2 .scroller-wrap { border-bottom: 1px solid #58616c; padding-bottom: 10px; }
.ext-sidebar-2 .ext-sd-inner .link-notificari { color: #ffffff; font-size: 13px; text-decoration: underline; display: inline-block; margin: 15px 0; }
.ext-sidebar-2 .ext-sd-inner .link-notificari:hover { text-decoration: none; }

/* Modal meniu */

.ext-modal-meniu-mobile { width: 100%; height: 100%; position: fixed; top: auto; left: 0; display: none; z-index: 999; background: #31373d; padding: 0 0 20px; }
.ext-modal-meniu-mobile .ext-close-meniu-mobile { width: 40px; height: 40px; position: absolute; right: 0; top: -40px; background: #de3549; cursor: pointer; z-index: 3; border-radius: 0 0 0 4px; }
.ext-modal-meniu-mobile .ext-close-meniu-mobile .ext-ico { position: absolute; top: 50%; left: 50%; margin-left: -5px; margin-top: -5px; }
.ext-modal-meniu-mobile .ext-mm-link { color: #ffffff; font-size: 16px; display: block; line-height: 23px; position: relative; padding: 10px 40px 10px 20px; border-bottom: 1px solid #464e57; font-weight: 700; }
.ext-modal-meniu-mobile .ext-mm-link.activ { color: #737d86; }
.ext-modal-meniu-mobile .ext-mm-link.activ .ico { background-position: 0 -50px; }
.ext-modal-meniu-mobile .ext-mm-link.nv1 { padding-left: 60px; }
.ext-modal-meniu-mobile .ext-mm-link .ext-svg { position: absolute; left: 15px; top: 6px; }
.ext-modal-meniu-mobile .ext-mm-link.nv2 { font-size: 14px; line-height: 20px; }
.ext-modal-meniu-mobile .ext-mm-link.nv3 { font-size: 13px; line-height: 20px; font-weight: 400; border: none; padding: 5px 20px; }
.ext-modal-meniu-mobile .ext-mm-nivel-1 { position: relative; z-index: 1; }
.ext-modal-meniu-mobile .ext-mm-nivel-2 { display: none; }
.ext-modal-meniu-mobile .ext-mm-nivel-3 { display: none; border-bottom: 1px solid #464e57; }
.ext-modal-meniu-mobile .ext-mm-link .ico { position: absolute; top: 18px; right: 20px; }

.ext-modal-meniu-mobile .ext-mm-link.with-level:before {content: ' '; width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #737d86 transparent transparent transparent; display: block; top: 20px; right: 20px; position: absolute;}
.ext-modal-meniu-mobile .ext-mm-link.with-level.activ:before { border-width: 0 4px 4px 4px; border-color: transparent transparent #737d86 transparent; }

.modal-meniu-mobile .item { display: block; }

.modal-meniu-mobile .mCSB_scrollTools { z-index: 10; }

.ext-modal-meniu-mobile .ext-mm-inner { display: block !important; }

/* Login */

.ext-login-main .ext-login-container { text-align: center; position: absolute; width: 100%; height: 100vh; left: 0; top: 0; display: table; }
.ext-login-container .ext-login-content {position: relative; display: table-cell; vertical-align: top;}

.ext-login-content .ext-login-left {width: 26%; height: 100vh; float: left; background: #ffffff; display: table; text-align: center; padding-bottom: 50px; position: relative;}
.ext-login-content .ext-login-right {width: 74%; height: 100vh; float: left; display: block; background-color: #dde4e7;}

.ext-login-content .ext-login-box { width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.ext-login-box .ext-login-box-inner { width: 100%; padding: 40px; max-width: 320px; margin: 0 auto;}
.ext-login-box-inner .ext-login-box-row { width: 100%; display: block; margin-bottom: 20px; }
.ext-login-box-inner .ext-login-box-row.v2 { margin-bottom: 40px; }
.ext-login-box-inner .ext-login-box-row.v3 { margin-bottom: 0; }
.ext-login-box-inner .txt-help { color: #737d86; font-size: 15px; line-height: 18px; display: block; margin-bottom: 10px;}
.ext-login-box-inner .txt-help:hover {text-decoration: none; color: #2f3941;}
.ext-login-box-inner .ext-logo { margin: 0 auto; }

.ext-login-box-inner .ext-camp-form { width: 100%; display: block; margin-bottom: 20px;}
.ext-login-box-inner .ext-btn { width: 100%; display: block;}
.ext-login-content .copy {width: calc(100% - 80px); color: #737d86; font-size: 13px; line-height: 17px; display: block; position: absolute; left: 40px; bottom: 0; padding: 16px 0; border-top: 1px solid #dde4e7; text-align: center;}
.ext-login-content .ext-login-bg {width: 100%; height: 100%;}
.ext-login-content .ext-login-bg img {width: 100%; height: 100%; object-fit: cover;}

/* Produse */

.ext-btn-container .ext-btn-inner { display: block; background: #ffffff; white-space: nowrap; border: 1px solid #bdc8cd; border-radius: 4px;}
.ext-btn-container .ext-btn-item { display: inline-block; min-width: 90px; text-align: center; border-left: 1px solid #dde4e7; }
.ext-btn-container .ext-btn-with-dropdown { position: relative; }
.ext-btn-container .ext-btn-item:first-child { border-left: 0; }
.ext-btn-container .ext-btn-link { color: #2f3941; font-size: 15px; font-weight: 700; line-height: 38px; display: block; padding: 0 15px; cursor: pointer;}
.ext-btn-container .ext-btn-link.with-ext-ico {padding-left: 40px; position: relative;}
.ext-btn-container .ext-btn-link.with-ext-ico .ext-ico { position: absolute; left: 7px; top: 50%; margin-top: -15px; }
.ext-btn-container .ext-btn-link.with-ext-ico .ext-svg { position: absolute; left: 10px; top: 50%; margin-top: -13px; }
.ext-btn-container .ext-btn-link:hover { color: #737d86; }
.ext-btn-container .ext-btn-link.status {line-height: 30px; height: 30px; border-radius: 3px; color: #ffffff; font-size: 13px; font-weight: 700; min-width: 170px; padding: 0 5px;}
.ext-btn-container .ext-btn-link.status.finalizat, .ext-dropdown.with-status .bullet.finalizat, ul.comanda-client .bullet.finalizat, .ext-ticket-inner .ext-ticket-item.finalizat {background-color: #54bb7d;}
.ext-btn-container .ext-btn-link.status.anulat, .ext-dropdown.with-status .bullet.anulat, ul.comanda-client .bullet.anulat {background-color: #de3549;}
.ext-btn-container .ext-btn-link.status.procesare, .ext-dropdown.with-status .bullet.procesare, ul.comanda-client .bullet.procesare, .ext-ticket-inner .ext-ticket-item.deschis {background-color: #ff8a00;}
.ext-btn-container .ext-btn-link.status.curier, .ext-dropdown.with-status .bullet.curier, ul.comanda-client .bullet.curier {background-color: #18b9e1;}
.ext-btn-container .ext-btn-link.status.rezervare, .ext-dropdown.with-status .bullet.rezervare, ul.comanda-client .bullet.rezervare {background-color: #c831bf;}

.ext-btn-container .ext-btn-link .svg-rapoarte {font-size: 21px; line-height: 26px;}

.ext-btn-link-with-sgt.activ .ext-sgt, .ext-btn-link-with-sgt.tab-link-activ .ext-sgt { width: 12px; height: 7px; display: block; position: absolute; left: 50%; margin-left: -6px; bottom: -22px; }
.ext-btn-link-with-sgt.activ .ext-sgt:before, .ext-btn-link-with-sgt.tab-link-activ .ext-sgt:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #ffffff transparent; display: block; top: 2px; right: 1px; position: absolute; z-index: 2; }
.ext-btn-link-with-sgt.activ .ext-sgt:after, .ext-btn-link-with-sgt.tab-link-activ .ext-sgt:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 0 6px 7px 6px; border-color: transparent transparent #dde4e7 transparent; display: block; top: 0; right: 0; position: absolute; z-index: 1; }
.ext-btn-link-with-sgt.ext-btn-link-with-dropdown .ext-sgt { bottom: -13px; z-index: 31; }

/* Integrari */

.ext-txt-link-container .ext-txt-item { display: inline-block; padding: 0 10px;}
.ext-txt-link-container .ext-txt-link { font-weight: 700; font-size: 15px; display: block; line-height: 21px; color: #2f3941; position: relative; }
/*.ext-txt-link-container .ext-txt-link .ext-optiuni {display: inline-block;}*/
.ext-txt-link-container .ext-txt-link .ext-link-general {font-size: 15px; line-height: 21px; color: #00aceb; font-weight: 700;}
.ext-txt-link-container .ext-txt-link.tab-link-activ, .ext-txt-link-container .ext-txt-link.tab-link-activ .ext-link-general, .ext-txt-link-container .ext-txt-link:hover { color: #737d86; text-decoration: none !important; cursor: pointer;}
.ext-txt-link-container .ext-txt-link.tab-link-activ:before { content :''; width: 100%; height: 3px; background: #de3549; bottom: -16px; left: 0; position: absolute;  }
.ext-txt-link-container .ext-txt-link.ext-txt-link-activ { color: #737d86; }
.ext-txt-link-container .ext-txt-link.ext-txt-link-activ:before { content :''; width: 100%; height: 3px; background: #de3549; bottom: -16px; left: 0; position: absolute;  }

.ext-box-integrari { width: 100%; display: block; background: #ffffff; border: 1px solid #dde4e7; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05); border-radius: 4px; padding: 20px; position: relative; }
.ext-integrari-row .ext-col {padding: 10px;}
.ext-integrari-row.v2 .ext-box-integrari {padding-top: 0;}
.ext-box-integrari .ext-ebi-row { margin-bottom: 10px; z-index: 2;}
.ext-box-integrari .ext-ebi-row:last-child { margin-bottom: 0; }
.ext-box-integrari .ext-switcher-btn { position: absolute; top: 9px; right: 9px; z-index: 3; }
.ext-box-integrari .ext-txt-1 {text-align: center; padding-top: 10px; margin-top: 10px; border-top: 1px solid #dde4e7; height: 50px; overflow: hidden;}
.ext-integrari-row.v2 .ext-box-integrari .ext-txt-1 {margin-top: 0; height: 30px;}
.ext-box-integrari .ext-switcher-btn {position: absolute; top: 10px; right: 10px;}
.ext-box-integrari .badge-box {position: absolute; left: 10px; top: 10px; z-index: 10;}

.badge-box {width: auto; background-color: #DE3549; font-size: 9px; color: #fff; line-height: 12px; padding: 2px 10px; border-radius: 100px; text-transform: uppercase; font-weight: 700;}

/* Rapoarte generale - Dashboard */

.rg-box-wrap {display: flex; flex-wrap: wrap; width: 100%;}
.rg-box-wrap.v2 {margin-bottom: -10px;}
.rg-box {display: flex; width: 20%; padding: 0 10px;}
.rg-box ul {padding: 20px 20px 20px 60px; border: 1px solid #dde4e7; border-radius: 4px; background-color: #ffffff; width: 100%;}
.rg-box ul li {padding-left: 20px; position: relative; border-left: 1px solid #dde4e7; margin-bottom: 20px;}
.rg-box ul li.head, .rg-box ul li.bottom, .rg-box ul li.w-raport {padding-left: 0; border: none; margin-left: -40px;}
.rg-box ul li.w-raport {margin-bottom: 30px;}
.rg-box ul li.bottom {margin-bottom: 0 !important;}
.rg-box ul li:last-child {margin-bottom: 5px;}
.rg-box .ext-text-general {font-size: 13px; line-height: 15px; margin-top: -5px; margin-bottom: 5px;}
.rg-box ul li p:last-child {font-weight: 700; font-size: 25px; line-height: 25px; margin-bottom: -5px;}
.rg-box .ext-ico, .rg-box .ext-svg {position: absolute; left: -45px; top: 50%; margin-top: -12px;}
.rg-box .ext-txt-1.v3 {color: #2f3941 !important;}
.rg-box .ext-raport-c {text-align: center;}
.rg-box .ext-raport-c img {max-height: 170px; width: auto; max-width: 100%;}

.rg-box.v2 {margin-bottom: 20px;}
.rg-box.v2 ul {padding-left: 20px;}
.rg-box.v2 ul li {padding-left: 0; border: none; margin-left: 0 !important; margin-bottom: 10px;}
.rg-box.v2 ul li p:last-child {font-size: 13px; line-height: 17px; color: #737d86; font-weight: 400;}
.rg-box.v2 ul li.w-raport {margin: 25px 0;}
.rg-box-wrap.v3 .rg-box.v2, .rg-box-wrap.v3 .rg-box {margin-bottom: 5px;}

.rg-box .ext-svg {color: #737d86; font-size: 27px; line-height: 24px; cursor: initial;}
.rg-box .ext-svg.svg-cont, .rg-box .ext-svg.svg-retur, .rg-box .ext-svg.svg-retururi, .rg-box .ext-svg.svg-service, .rg-box .ext-svg.svg-blacklist {font-size: 30px;}

/* Tab-uri rapoarte - Dashboard */

.ext-tabs-link {width: 100%; display: flex; flex-wrap: wrap; position: relative;}
.ext-tabs-link .ext-tab {width: 20%; display: flex; padding: 10px; z-index: 2; position: relative;}
.ext-tabs-link .ext-tab-link {cursor: pointer;}
.ext-tabs-link .ext-tab ul {background-color: #ffffff; border-radius: 4px; border: 1px solid #dde4e7; padding: 15px 20px 20px; width: 100%;}
.ext-tabs-link .ext-tab-link ul {border-radius: 4px 4px 0 0; background-color: #f5f7f8;}
.ext-tabs-link .ext-tab ul li {margin-bottom: 15px;}
.ext-tabs-link .ext-tab ul li:last-child {margin-bottom: 0;}
.ext-tabs-link .ext-tab .valoare {font-size: 25px; line-height: 30px; color: #2f3941;}
.ext-tabs-link .ext-tab .statistica {border-radius: 3px; background-color: #ebeff1; font-size: 15px; line-height: 18px; color: #737d86; display: inline-block; font-weight: bold; padding: 6px 10px; margin-top: 5px;}
.ext-tabs-link .ext-tab .statistica.pozitiva {background-color: #c1e9d1; color: #1f9f52;}
.ext-tabs-link .ext-tab .statistica.w-arrow {padding-right: 30px; position: relative;}
.ext-tabs-link .ext-tab .statistica.w-arrow.pozitiva:before {content: ''; width: 0; height: 0; border-style: solid; border-width: 0 4.5px 5px 4.5px; border-color: transparent transparent #1f9f52 transparent; -webkit-transform:rotate(360deg); position: absolute; right: 10px; top: 12px;}
.ext-tabs-link .ext-tab .statistica.w-arrow.pozitiva.scadere:before {border-width: 5px 4.5px 0 4.5px; border-color: #1f9f52 transparent transparent transparent; top: 13px;}
.ext-tabs-link .ext-tab .statistica.negativa {background-color: #f9d0d2; color: #de3549;}
.ext-tabs-link .ext-tab .statistica.w-arrow.negativa:before {content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #de3549 transparent transparent transparent; -webkit-transform:rotate(360deg); position: absolute; right: 10px; top: 13px;}
.ext-tabs-link .ext-tab-link ul:hover {background-color: #ffffff;}
.ext-tabs-link .ext-tab-link.tab-activ ul { background: #ffffff; border-top-width: 5px; padding-top: 11px; border-bottom-color: #ffffff;}
.ext-tabs-link .ext-tab-link.tab-activ:before {content: ''; width: calc(100% - 22px); height: 1px; background-color: #ffffff; position: absolute; left: 11px; bottom: 9px; z-index: 2;}
.ext-tabs-container .ext-tabs { width: calc(100% + 20px); margin-left: -10px; display: block; position: relative; z-index: 1;}
.ext-tab-content { height: 0; overflow: hidden;}
.ext-tab-content.tab-activ { height: auto; overflow: visible; border-top: 1px solid #dde4e7; background-color: #ffffff; margin-top: -11px; position: relative;}

.ext-raport-ora {display: table; width: 100%; margin-bottom: -5px;}
.ext-raport-ora .ext-txt-1 {font-weight: bold; display: block; text-align: center;}
.ext-raport-ora li {display: table-cell; padding: 0 10px; border-right: 1px solid #dde4e7;}
.ext-raport-ora li:last-child {border: none;}
.ext-raport-ora li .ext-txt-1:first-child {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #dde4e7;}

.ext-tabs-link.v2 .ext-tab ul {padding: 15px 20px;}
.ext-tabs-link.v2 .ext-tab ul li {padding-bottom: 15px; border-bottom: 1px solid #dde4e7;}
.ext-tabs-link.v2 .ext-tab ul li:last-child {padding: 0; border: none;}
.ext-tabs-link.v3 .ext-tab {width: 33.33%;}

/* Rapoarte individuale */

.box-wrap {display: flex; flex-wrap: wrap; width: 100%;}
.box-raport {display: flex; padding: 0 10px; width: 50%;}
.box-raport ul {border-radius: 4px; border: 1px solid #dde4e7; padding: 15px 20px 15px 170px; position: relative; min-height: 100px; width: 100%;}
.box-raport ul .statistica {width: 130px; height: 60px; border-radius: 3px; background-color: #999; font-size: 31px; line-height: 40px; text-align: center; padding: 10px 5px; font-weight: 700; position: absolute; left: 20px; top: 20px;}
.box-raport.pozitiv .statistica {color: #1f9f52; background-color: #c1e9d1;}
.box-raport.negativ .statistica {color: #de3549; background-color: #f9d0d2;}
.box-raport .titlu {text-transform: uppercase; font-weight: 700; margin: 3px 0; font-size: 17px; line-height: 23px;}
.box-raport.pozitiv .titlu {color: #1f9f52;}
.box-raport.negativ .titlu {color: #de3549;}

/* Rapoarte */

.ext-rapoarte { width: 320px; display: block; padding: 0 0 15px;}
.ext-rapoarte .ext-rapoarte-item { width: 100%; padding: 15px 15px 15px 70px; display: block; position: relative; }
.ext-rapoarte .ext-rapoarte-item .ext-ico { position: absolute; left: 20px; top: 50%; margin-top: -15px;}
.ext-rapoarte .ext-rapoarte-text { display: block; border-left: 1px solid #dde4e7; padding-left: 18px; }
.ext-rapoarte .ext-rapoarte-head { color: #737d86; font-size: 31px; font-weight: 700; line-height: 36px; margin-bottom: 5px; display: block; }
.ext-rapoarte .ext-rapoarte-info { color: #737d86; font-size: 14px; line-height: 16px;}

.ext-rapoarte-2 { position: relative; }
.ext-rapoarte-2:before { content: ''; width: 1px; height: 100%; background: #dde4e7; position: absolute; left: -10px; top: 0; }
.ext-rapoarte-2-container .ext-col:first-child .ext-rapoarte-2:before { display: none; }
.ext-rapoarte-2 .ext-txt { width: 100%; display: block; color: #737d86; font-size: 15px; line-height: 20px; text-align: center; margin-bottom: 8px; }
.ext-rapoarte-2 .ext-txt:last-child { margin: 0; }
.ext-rapoarte-2 .ext-txt.ext-txt-1 { font-weight: 700; text-transform: uppercase; }
.ext-rapoarte-2 .ext-txt.ext-txt-2 { color: #2f3941; font-size: 23px; font-weight: 700; line-height: 27px; }

.ext-col.title-with-btn { position: relative; padding-right: 70px; }
.title-with-btn .ext-ico { position: absolute; left: 50%; margin-left: -10px; top: 50%; margin-top: -10px; }
.ext-optiuni-rapoarte { width: 68px; height: 68px; position: absolute; right: -10px; top: -10px; border-left: 1px solid #dde4e7; }
.ext-optiuni-rapoarte .ext-optiuni-link { cursor: pointer; }
.ext-optiuni-rapoarte .ext-dropdown { right: 12px; top: 78px;}

/* Categorie */

.ext-meniu-vertical { width: 381px; position: relative; background: #ffffff; }
.ext-meniu-vertical:before { content: ''; width: 1px; height: 100%; position: absolute; right: 0; top: 0; display: block; background: #dde4e7; }
.ext-meniu-vertical-structura .ext-mv-link { color: #2f3941; display: inline-block; font-size: 15px; font-weight: 400; line-height: 20px; padding: 10px 0; }
.ext-meniu-vertical-structura .ext-mv-link:hover { color: #737d86; }
.ext-meniu-vertical-structura .ext-mv-link.nv1 { font-weight: 700; }
.ext-meniu-vertical-structura .ext-mv-link-activ:before { content: ''; width: 3px; height: 100%; position: absolute; left: 0; top: 0; background: #de3549; display: block; z-index: 2; }
.ext-meniu-vertical-structura .ext-mv-link-activ { color: #737d86; }
.ext-meniu-vertical-structura .ext-cm-nivel { width: 100%; display: none; }
.ext-meniu-vertical-structura .item { position: relative; }
.ext-meniu-vertical-structura .item:after {content: ''; width: calc(100% - 40px); height: 1px; background: #dde4e7; position: absolute; left: 20px; top: 0;}
.ext-meniu-vertical-structura .ext-switcher-btn {position: absolute; right: 20px; top: 13px; z-index: 3; }

.ext-meniu-vertical-structura .ext-slidedown-link { width: 20px; height: 30px; position: absolute; left: 0; top: 5px; z-index: 2; }
.ext-meniu-vertical-structura .ext-slidedown-link .ext-ico { position: absolute; top: 10px; }
.ext-meniu-vertical-structura .ext-slidedown-link .ext-svg {position: absolute; top: 5px;}

.ext-meniu-vertical-structura .ext-mv-link-container { width: 100%; display: block; position: relative; display: block; }
.ext-meniu-vertical-structura .li-nv1 > .ext-mv-link-container { padding: 0 50px 0 80px; }
.ext-meniu-vertical-structura .li-nv1 > .ext-slidedown-link { left: 20px; }
.ext-meniu-vertical-structura .li-nv2 > .ext-mv-link-container { padding: 0 50px 0 100px; }
.ext-meniu-vertical-structura .li-nv2 > .ext-slidedown-link { left: 40px; }
.ext-meniu-vertical-structura .li-nv3 > .ext-mv-link-container { padding: 0 50px 0 120px; }
.ext-meniu-vertical .ext-meniu-vertical-head { font-size: 23px; display: block; line-height: 27px; color: #737d86; font-weight: 700; padding: 16px 20px; }
.ext-meniu-vertical .ext-btn-inline { padding: 0 10px; }
.ext-meniu-vertical .ext-btn-inline .ext-item { width: 50%; }
.ext-meniu-vertical-structura .id-badge {width: 30px; height: 20px; border-radius: 2px; background: #737d86; color: #ffffff; text-align: center; line-height: 20px; font-size: 11px; display: block; position: absolute; top: 10px;}
.ext-meniu-vertical-structura .li-nv1 .id-badge {left: 40px;}
.ext-meniu-vertical-structura .li-nv2 .id-badge {left: 60px;}
.ext-meniu-vertical-structura .li-nv3 .id-badge {left: 80px;}
.ext-meniu-vertical-structura .li-nv4 > .ext-mv-link-container { padding: 0 50px 0 130px; }
.ext-meniu-vertical-structura .li-nv4 .id-badge {left: 100px;}

.ext-meniu-vertical-v2 { width: 181px; }
.ext-meniu-vertical-v2 .ext-meniu-vertical-head { font-weight: 400; margin-bottom: 4px; }
.ext-meniu-vertical-structura-v2 .li-nv1 > .ext-mv-link-container { padding: 0 20px; }

.ext-meniu-vertical .svg-plus {font-size: 18px; line-height: 20px;}
.ext-meniu-vertical .svg-minus {display: none;}
.ext-meniu-vertical .activ .svg-minus {display: block; font-size: 18px; line-height: 20px;}
.ext-meniu-vertical .activ .svg-plus {display: none;}

/* Ordonare categorii */

.ordonare-categorii {max-height: 300px; overflow-y: scroll;}
.ordonare-personalizata {max-height: 250px; overflow-y: scroll;}

/* Paginare */

.ext-paginare { padding: 5px; }
.ext-paginare .ext-paginare-item { float: left; padding: 5px; }
.ext-paginare .ext-paginare-link { min-width: 40px; height: 40px; background: #ffffff; border: 1px solid #bdc8cd; border-radius: 3px; display: block; color: #31373d; font-size: 15px; font-weight: 700; line-height: 38px; text-align: center; padding: 0 5px; cursor: pointer; }
.ext-paginare .ext-paginare-link.activ { color: #737d86; }
.ext-paginare .ext-paginare-link-ico { min-width: 0; width: 40px; height: 40px; position: relative;}
.ext-paginare .ext-paginare-link-ico .ext-ico, .ext-paginare .ext-paginare-link-ico .ext-svg { position: absolute; left: -1px; top: -1px; }
.ext-paginare .ext-paginare-link:hover { border-color: #2f3941; }
.ext-paginare .ext-paginare-item { color: #737d86; line-height: 40px; font-size: 15px; font-weight: 700; }
.ext-paginare .ext-info { font-size: 13px; font-weight: 400; }

.ext-paginare .ext-svg {width: 40px; height: 40px; line-height: 40px; color: #737d86 !important;}

.ext-paginare-more { position: relative; }

.ext-paginare { float: left; }
.ext-paginare-info { float: right; }

.ext-paginare .ext-dropdown { width: 40px; left: 5px; bottom: 60px; top: auto; padding: 5px 3px; text-align: center;}
.ext-paginare .ext-dropdown .ext-dropdown-link { padding: 5px 2px; border-radius: 3px;}
.ext-paginare .ext-dropdown .ext-sg { top: auto; bottom: -7px; left: 14px; }
.ext-paginare .ext-dropdown .ext-sg:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #ffffff transparent transparent transparent; display: block; top: -1px; right: 2px; position: absolute; z-index: 2; }
.ext-paginare .ext-dropdown .ext-sg:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 6px 7px 0 6px; border-color: #2f3941 transparent transparent transparent; display: block; top: 0; right: 0; position: absolute; z-index: 1; }

.ext-paginare .pg-mobile { display: none; }

/* Filtre */

.ext-filtre-container { background: #ffffff; }
.ext-filtre-container .ext-col > .ext-txt-general { font-size: 15px; }

.ext-btn-inline .ext-item { float: left; padding: 10px; }
.ext-btn-inline.v2 .ext-item {float: none; display: inline-block;}

/* Coloane filtre */

.filtru-container { width: 100%; background: #f5f7f8; display: block; position: relative;}
.filtru-container .flt-label { color: #2f3941; font-size: 13px; display: block; line-height: 18px; }
.filtru-container .filtru-check { width: 100%; position: relative; display: block; padding: 6px 10px 6px 40px; }
.filtru-container .filtru-check input[type="checkbox"] { width: 13px; height: 13px; position: absolute; top: 8px; left: 14px; }

.ext-dragsort-trigger-filtru { width: 5px; height: 100%; position: absolute; left: 0; top: 0; display: block; background: #dde4e7; z-index: 2; cursor: move !important;}
.dragsort-item { padding: 5px 10px; }
.dragsort-list .dragsort-item { width: 20%; }

/* dragsort-list-2 */

.ext-filtru-container { margin-bottom: -20px !important; }
.ext-filtru-container .ext-reference { width: 40px; height: 40px; display: block; background: #f5f7f8; border-radius: 4px; line-height: 40px; color: #737d86; font-size: 15px; font-weight: 400; top: 0; text-align: center; }
.ext-filtru-container .field-filtru { padding-left: 60px; padding-right: 70px; }
.ext-filtru-container .ext-col.ext-c-1 { padding: 0 0 20px; }
.ext-filtru-container .dragsort-placeholder { width: 40px !important; height: 40px; display: block; margin-bottom: 20px; }
.ext-filtru-container .dragsort-placeholder .dragsort-placeholder-inner { padding: 0; border-radius: 4px; }
.ext-filtru-container .ext-field-filtru .ext-col-modal.v5 { padding: 0 20px 0 0; }

.ext-filtru-container .field-filtru .sterge, .filtru-del.sterge { width: 40px; height: 40px; background: url('../img/sprite.png') -1px -121px no-repeat; background-color: #ffffff; border: 1px solid #bcc8cd; border-radius: 4px; position: absolute; right: 0; top: 0; display: block;}
.ext-filtru-container .field-filtru .sterge:hover, .filtru-del.sterge:hover { background-color: #ffffff; background-position: -1px -121px; border-color: #2f3941; }
.ext-filtru-container .field-filtru .adauga { width: 40px; height: 40px; background: url('../img/sprite.png') -41px -121px no-repeat; background-color: #ffffff; border: 1px solid #bcc8cd; border-radius: 4px; position: absolute; right: 0; top: 0; display: block;}
.ext-filtru-container .field-filtru .adauga:hover { background-color: #ffffff; background-position: -41px -121px; border-color: #2f3941; }
.ext-filtru-container .ext-field-filtru input[type="checkbox"] { right: 59px; top: 14px; }

/* intrebari si raspunsuri */

.ext-tabel-row .ext-tabel-cell .sterge { width: 40px; height: 40px; background: url('../img/sprite.png') -1px -121px no-repeat; background-color: #ffffff; border: 1px solid #bcc8cd; border-radius: 4px; position: relative; float:left; display: block;}
.ext-tabel-row .ext-tabel-cell .sterge:hover { background-color: #ffffff; background-position: -1px -121px; border-color: #2f3941; }
.ext-tabel-row .ext-tabel-cell .adauga { width: 40px; height: 40px; background: url('../img/sprite.png') -41px -121px no-repeat; background-color: #ffffff; border: 1px solid #bcc8cd; border-radius: 4px; position: relative; float:left; display: block;}
.ext-tabel-row .ext-tabel-cell .adauga:hover { background-color: #ffffff; background-position: -41px -121px; border-color: #2f3941; }

/* Tab */

.tab-link-js { cursor: pointer; }

.tab-content-js { display: none; }
.tab-content-js.tab-activ { display: block; }
.tab-link-activ { position: relative; }

/* Tabel */
.ext-tabel.v2 {border-top: 1px solid #dde4e7;}
.ext-tabel.scroller-wrap-hor { margin-bottom: -1px; }
.ext-tabel .ext-tabel-row { border-bottom: 1px solid #dde4e7; }

.ext-tabel .ext-tabel-row:nth-child(2n+1) { background: #f5f7f8; }
.ext-tabel .ext-tabel-row:hover { background: #e5f7fd; }
.ext-tabel .ext-tabel-row.ext-tabel-head, .ext-tabel.v5 .ext-tabel-row:nth-child(2n+1), .ext-tabel.v5 .ext-tabel-row:hover { background: #ffffff; }

.ext-tabel .ext-tabel-row:not(:nth-child(-n+3)):nth-last-child(-n+3) .ext-dropdown.v2, .ext-tabel.v5 .ext-tabel-row .ext-dropdown.v2 {top: auto; bottom: 25px; }
.ext-tabel .ext-tabel-row:not(:nth-child(-n+3)):nth-last-child(-n+3) .ext-dropdown.v2 .ext-sg-top, .ext-tabel.v5 .ext-tabel-row .ext-dropdown.v2 .ext-sg-top { top: auto; bottom: -5px; }
.ext-tabel .ext-tabel-row:not(:nth-child(-n+3)):nth-last-child(-n+3) .ext-dropdown.v2 .ext-sg-top:before, .ext-tabel.v5 .ext-tabel-row .ext-dropdown.v2 .ext-sg-top:before { border-width: 5px 5px 0 5px; border-color: #ffffff transparent transparent transparent; }
.ext-tabel .ext-tabel-row:not(:nth-child(-n+3)):nth-last-child(-n+3) .ext-dropdown.v2 .ext-sg-top:after, .ext-tabel.v5 .ext-tabel-row .ext-dropdown.v2 .ext-sg-top:after { border-width: 6px 7px 0 7px; border-color: #bdc8cd transparent transparent transparent; top: 2px; right: -0.5px; }
.ext-tabel .ext-tabel-head .ext-txt-1 { position: relative; }
.ext-tabel .ext-tabel-head .ext-txt-1.with-order { cursor: pointer; padding-right: 15px;}
.ext-tabel .ext-tabel-head .ext-txt-1.with-order:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 4px 3.5px 0 3.5px; border-color: #737d86 transparent transparent transparent; display: block; top: 50%; margin-top: -2px; right: 0; position: absolute; z-index: 2; }
.ext-tabel .ext-tabel-head .ext-txt-1.with-order.desc:before { border-width: 0 3.5px 4px 3.5px; border-color: transparent transparent #737d86 transparent; }

.ext-tabel .ext-tabel-row .svg-goto {font-size: 26px;}

.ext-tabel .ext-tabel-row { padding: 10px; }
.ext-tabel .ext-tabel-cell { padding: 10px; vertical-align: middle; text-align: left; white-space: nowrap }
.ext-tabel.v2 .ext-tabel-cell {padding: 15px 10px; vertical-align: top;}
.ext-tabel.v3 .ext-tabel-cell {vertical-align: top;}
.ext-tabel.v4 .ext-tabel-cell {padding: 15px 10px;}
.ext-tabel.v5 .ext-tabel-cell {padding: 14px 10px;}
.ext-tabel.v5 .ext-status {max-width: 160px;}
.ext-tabel.v5 .ext-check label {font-size: 13px;}
.ext-tabel.v5 .ext-camp-form .ext-item:last-child label {color: #737d86;}
.ext-tabel.v5 .ext-check-list.ext-check-list-inline .ext-item {padding-bottom: 0;}
.ext-tabel.v5 .ext-tabel-cell:first-child {padding-left: 0;}
.ext-tabel.v3 .ext-link-general, .ext-tabel.v3 .ext-txt-1 {display: inline;}
.ext-tabel.ext-tabel-v2 .ext-tabel-cell { padding: 15px 10px; }
.ext-tabel.ext-tabel-v2 .ext-tabel-head-cell { padding: 15px 10px; }
.ext-tabel .ext-tabel-head-cell { padding: 15px 10px; }
.ext-tabel.v2 .ext-tabel-head-cell { padding: 10px; }
.ext-tabel.v2 .ext-tabel-head-cell.v2 { padding: 10px 10px 10px 0; }
.ext-tabel .ext-tabel-cell:first-child { padding-left: 20px; }
.ext-tabel .ext-tabel-cell:last-child { padding-right: 20px; }
.ext-tabel.v2 .ext-tabel-cell:last-child { padding-right: 60px; padding-left: 20px;}
.ext-tabel .ext-link-general, .ext-tabel .ext-txt-1 { display: inline-block; max-width: 100%; vertical-align: top; white-space: normal;}
.ext-tabel.v2 .ext-link-general, .ext-tabel.v2 .ext-txt-1 { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: top;}
.ext-tabel.v2 .ext-tabel-cell.v2 {padding-left: 30px; position: relative;}
.ext-tabel.v2 .ext-tabel-cell.v3 {vertical-align: middle; position: relative;}
.ext-tabel.v2 .ext-tabel-cell.v3:after {content: ''; width: 1px; height: 40px; background-color: #dde4e7; position: absolute; top: 50%; margin-top: -20px; right: 10px;}
.ext-tabel.v2 .ext-tabel-cell.v3:first-child:after, .ext-tabel.v2 .ext-tabel-cell.v3:last-child:after, .ext-tabel.v2 .ext-tabel-cell.v3:nth-last-child(2):after {display: none;}
.ext-tabel.v2 .ext-tabel-cell.v3:last-child {padding-left: 10px; padding-right: 10px;}
.ext-tabel.v2 .ext-txt-1.v2 {position: absolute; left: 0; top: 15px;}
/*.ext-tabel.v2 .ext-tabel-cell.v3 .ext-optiuni {top: 0;}*/
.ext-tabel.v2 .ext-tabel-cell.ext-clearfix {position: relative;}

.ext-tabel .ext-switcher-btn, .ext-tabel .ext-select { display: inline-block; margin-right: 15px; vertical-align: middle;}
.ext-tabel .ext-optiuni { display: inline-block; position: relative; vertical-align: middle;}
.ext-tabel.v2 .ext-optiuni {top: 50%; margin-top: -17px; right: 20px; position: absolute;}
.ext-tabel .ext-optiuni-link { cursor: pointer; height: 24px; display: inline-block;}
.ext-tabel.fix-tabel { overflow: hidden; }
.ext-tabel .ext-select {height: 30px; line-height: 28px; max-width: 150px;}
.ext-tabel .ext-select.v2 {height: 30px; line-height: 28px; max-width: 100%;}
.ext-tabel .ext-select.sel-stil select {height: 28px; font-size: 13px;}
.ext-tabel .ext-select.sel-stil::before {top: 12px; right: 10px;}

.ext-tabel-cell .ext-list {padding-left: 20px;}
.ext-tabel-cell .ext-list .ext-txt-1.alerta {display: inline;}
.ext-tabel-cell .ext-list li.obs {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ext-tabel-cell .ext-list .badge-alerta {margin-left: 10px !important; margin-top: 0 !important; display: inline-block;}

.ext-tabel.v3 .ext-status {min-width: 150px;}
.ext-tabel.v3 .ext-tabel-cell:first-child {padding-top: 27px;}
.ext-tabel.v3 .ext-tabel-head .ext-tabel-cell:first-child {padding-top: 17px;}
.ext-tabel.v3 .ext-tabel-cell:last-child {vertical-align: middle;}
.ext-tabel.v3 .ext-tabel-cell {position: relative;}
.ext-tabel.v3 .ext-tabel-cell:before {content: ''; width: 1px; height: calc(100% - 40px); position: absolute; left: 10px; top: 20px; background-color: #dde4e7;}
.ext-tabel.v3 .ext-tabel-cell:nth-child(2):before, .ext-tabel.v3 .ext-tabel-cell:first-child:before, .ext-tabel.v3 .ext-tabel-cell:last-child:before, .ext-tabel.v3 .ext-tabel-head .ext-tabel-cell:before {display: none;}

.ext-tabel.v6 {margin-top: -10px;}
.ext-tabel.v6 .ext-tabel-head-cell {padding: 10px;}
.ext-tabel.v6 .ext-tabel-head-cell:first-child {padding-left: 20px;}
.ext-tabel.v6 .ext-tabel-cell.with-border {position: relative;}
.ext-tabel.v6 .ext-tabel-cell.with-border:before {content: ''; width: 1px; height: 20px; background-color: #dde4e7; position: absolute; top: 50%; margin-top: -10px; right: 0;}
.ext-tabel.v6 .ext-status {min-width: 60px;}

.tabel-fixed { top: 60px; position: fixed; width: auto; display: none; border: none; background: #ffffff; z-index: 30; }

/* Mesagerie */

.ext-mesagerie-persoane { padding: 5px; }
.ext-mesagerie-persoane .ext-msgp-item { float: left; padding: 5px; }
.ext-mesagerie-persoane .ext-msgp-txt { width: 100%; max-width: 220px; height: 30px; color: #ffffff; font-size: 13px; font-weight: 700; display: block; line-height: 30px; padding: 0 15px; background: #3c424a; border-radius: 4px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ext-mesagerie-persoane .ext-msgp-item p {line-height: 30px; font-size: 13px; color: #737d86;}
.ext-mesagerie {padding: 10px 30px;}
.ext-mesagerie .ext-msg { width: 100%; min-height: 50px; position: relative; padding-left: 70px; padding-bottom: 20px; }
.ext-mesagerie.istoric .ext-msg {display: none;}
.ext-mesagerie.istoric .ext-msg:last-child {display: block; padding-bottom: 0;}
.ext-mesagerie .ext-msg-content { width: 100%; display: block; background: #f5f7f8; border: 1px solid #dde4e7; padding: 15px 20px; border-radius: 4px; position: relative; }
.ext-mesagerie .ext-msg-info-container { width: 100%; display: block; }
.ext-mesagerie .ext-msg-continut { width: 100%; border-bottom: 1px solid #dde4e7; padding-bottom: 15px; margin-bottom: 15px; }
.ext-mesagerie .ext-msg-continut.v3 {border-bottom: none; border-top: 1px solid #dde4e7; padding: 15px 0 0; margin: 15px 0 0;}
.ext-mesagerie .ext-msg-continut .heading {color: #2f3941;}
.ext-mesagerie .ext-msg-continut .heading.small {font-size: 13px; text-transform: uppercase; line-height: 20px; margin-bottom: 5px;}
.ext-mesagerie .ext-msg-info { color: #737d86; font-size: 13px; display: block; line-height: 19px; }
.ext-mesagerie .ext-msg-info.with-switcher {padding-right: 40px; position: relative;}
.ext-mesagerie .ext-msg-info.with-switcher .ext-switcher-btn {position: absolute; right: 0; top: 50%; margin-top: -8px;}
.ext-mesagerie .ext-msg-info.v2 { width: 100%; display: block; text-align: right; font-size: 11px; line-height: 15px; margin-top: 10px; }
.ext-mesagerie .ext-msg-info.v3 {font-size: 15px;}
.ext-mesagerie .ext-msg-autor { color: #2f3941; }
.ext-mesagerie .ext-msg-avatar { width: 58px; height: 58px; border: 4px solid #ffffff; display: block; position: absolute; left: 0; top: 0; background: #de3549; border-radius: 50px; z-index: 2; overflow: hidden; }
.ext-mesagerie .ext-msg-avatar.v2 {background: #737d86;}
.ext-mesagerie .ext-msg-avatar-txt { width: 100%; display: block; line-height: 50px; font-size: 19px; font-weight: 700; color: #ffffff; text-transform: uppercase; text-align: center; }
.ext-mesagerie .ext-msg-avatar-icon {position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px;}
.ext-mesagerie span.ext-msg-view-more {padding-left: 15px; position: relative;}
.ext-mesagerie span.ext-msg-view-more:before {content: '...'; position: absolute; left: 0; top: 0; color: #737d86;}
.ext-mesagerie .ext-msg-decorator { content: ''; width: 4px; height: 100%; position: absolute; left: 27px; top: 0; z-index: 1; display: block; padding-top: 30px; }
.ext-mesagerie .ext-msg-decorator:before { content: ''; width: 100%; height: 100%; z-index: 1; display: block; background: #dde4e7; }
.ext-mesagerie .ext-sg { width: 9px; height: 16px; display: block; position: absolute; left: -9px; top: 17px; }
.ext-mesagerie .ext-sg:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 7px 7px 7px 0; border-color: transparent #f5f7f8 transparent transparent; display: block; top: 1px; right: 0; position: absolute; z-index: 2; }
.ext-mesagerie .ext-sg:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 8px 9px 8px 0; border-color: transparent #dde4e7 transparent transparent; display: block; top: 0; right: 0; position: absolute; z-index: 1; }

.ext-mesagerie-textarea { padding: 0 10px 20px 80px !important; margin-top: -20px !important; position: relative;}
.ext-mesagerie.ext-mesagerie-textarea .ext-msg-avatar {left: 30px; top: 10px;}
.ext-msg-textarea { padding: 10px; }

.ext-mesagerie.v2 {padding: 15px 20px;}
.ext-mesagerie.v2 .ext-msg-continut.v3 {border: none; margin: 0; padding: 0;}
.ext-mesagerie.v3 .ext-msg {padding-bottom: 30px;}

.ext-mesagerie .ext-msg-continut.v3 ul, .ext-mesagerie .ext-msg-continut.v3 ol {margin-bottom: 15px;}
.ext-mesagerie .ext-msg-continut.v3 ol {list-style-type: decimal; padding-left: 20px;}
.ext-mesagerie .ext-msg-continut.v3 ul li {padding-left: 20px; position: relative; margin-bottom: 5px;}
.ext-mesagerie .ext-msg-continut.v3 ol li {margin-bottom: 5px;}
.ext-mesagerie .ext-msg-continut.v3 ul li:before {content: ''; width: 6px; height: 6px; border-radius: 3px; background-color: #737d86; position: absolute; left: 0; top: 8px;}
.ext-mesagerie .ext-msg-continut.v3 a {text-decoration: underline;}
.ext-mesagerie .ext-msg-continut.v3 a:hover {text-decoration: none;}
.ext-mesagerie .ext-msg-continut.v3 .msg-img {width: 100%; height: auto; display: block;}
.ext-mesagerie .ext-msg-continut.v3 .msg-img img {max-width: 100%; height: auto;}
.ext-mesagerie .ext-msg-continut.v3 pre {background-color: #ffffff;border: 1px solid #dde4e7;line-height: 19px;padding: 6px 10px;border-radius: 3px;}

.ext-mesagerie .ext-fisiere {border-top: 1px solid #dde4e7; padding: 15px 0 0; margin: 15px 0 0; width: 100%;}
.ext-mesagerie .ext-fisier {width: 200px; height: 50px; border: 1px solid #bcc8cd; border-radius: 4px; padding: 7px 10px 3px 50px; position: relative; background-color: #ffffff; margin: 15px 20px 5px 0; float: left;}
.ext-mesagerie .ext-fisier:hover {border: 1px solid #2f3941;}
.ext-mesagerie .ext-fisier .ext-ico, .ext-mesagerie .ext-fisier .ext-svg {position: absolute; left: 10px; top: 10px;}
.ext-mesagerie .ext-fisier .ext-txt-1 {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/* Continut */

.ext-continut { font-size: 15px; color: #2f3941; display: block; line-height: 21px; }
.ext-continut p { margin-bottom: 15px; }
.ext-continut p:last-child { margin-bottom: 0; }
.ext-txt-general { color: #737d86; line-height: 20px; font-size: 15px; }
.ext-txt-general.nume-magazin {color: #00aceb; font-weight: 700; text-transform: uppercase;}
.ext-txt-general.eroare {color: #de3449;}
.ext-txt-general.stil-1 {font-weight: 700; color: #2f3941;}
.ext-txt-general .link {text-decoration: underline !important;}
.ext-txt-general .link:hover {text-decoration: none !important;}

.ext-continut ul, .ext-continut ol {margin-bottom: 15px;}
.ext-continut h1 { color: #2f3941; font-size: 25px; margin-bottom: 15px; line-height: 33px;}
.ext-continut h2 { color: #2f3941; font-size: 23px; margin-bottom: 15px; line-height: 31px;}
.ext-continut h3 { color: #2f3941; font-size: 21px; margin-bottom: 15px; line-height: 28px;}
.ext-continut h4 { color: #2f3941; font-size: 19px; margin-bottom: 15px; line-height: 25px;}
.ext-continut h5 { color: #2f3941; font-size: 17px; margin-bottom: 15px; line-height: 22px;}
.ext-continut table { max-width: 100%; border: 1px solid #bcc8cd; margin-bottom: 15px; font-size: 14px; line-height: 19px;}
.ext-continut table tbody tr th, .ext-continut table tbody tr td { padding: 5px; vertical-align: top; border-top: 1px solid #bcc8cd; border-right: 1px solid #bcc8cd; }

.ext-continut.v2 { font-size: 13px; color: #737d86; line-height: 19px; }
.ext-continut.margin-top { margin-top: 5px; }

.ext-info-box {position: relative;}
.ext-info-box:before {content: ''; width: calc(100% + 40px); height: 1px; background: #dde4e7; position: absolute; left: -20px; top: -20px;}
.ext-info-box .ext-continut {font-size: 13px; line-height: 20px; color: #2f3941;}
.ext-info-box .ext-continut .heading {margin-bottom: 10px;}

.ext-view-more .ext-view-more-link {display: inline-block; cursor: pointer;}
.ext-view-more .view-more {margin-top: 10px; display: none; position: relative;}
.ext-view-more .view-more:before { content:''; width: 100%; height: 80px; display:block;position:absolute;top:-81px;right:0;bottom:0;left:0;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0) 33%,#ffffff 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0) 33%,#ffffff 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,0) 33%,#ffffff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=0)}
.ext-view-more .ext-continut { max-height: 120px; display: block; overflow: hidden; }

#ext-footer { padding-left: 180px; }
#ext-footer.full-width {padding-left: 0;}
#ext-footer .ext-ft-inner { width: 100%; display: block; border-top: 1px solid #dde4e7; padding: 15px 20px; }
#ext-footer .ext-ft-txt { color: #737d86; font-size: 13px; font-weight: 400; display: block; line-height: 20px;}

.ext-tabel-inner tbody { width: 100%; overflow: hidden; }
.ext-tabel-inner .dropdown { overflow: hidden; }

/* Modale responsive */

#ntz_modal > .window { box-sizing: border-box; }
.popup-container table .select { width: 100%; }

/*#ntz-modal .ext-modal */

.ext-modal-container .window { padding: 0; overflow: hidden; border-radius: 4px; }
.ext-modal-container .btn-inchide { width: 30px; height: 30px; display: block; background: url('../img/sprite.png') -360px -160px no-repeat; top: 15px; right: 13px; z-index: 300; background-color: transparent; }
.ext-modal-container .btn-inchide:hover { background-position: -400px -160px; }
.ext-modal-container .ext-modal-title .ext-container { padding-top: 6px; padding-bottom: 6px; padding-right: 53px; }
.ext-modal-container .window.w800 { max-width: 800px; width: 100%; margin-left: auto; margin-right: auto; }
.ext-modal-container .window.w620 { max-width: 620px; width: 100%; margin-left: auto; margin-right: auto; }
.ext-modal-container .window.w820 { max-width: 820px; width: 100%; margin-left: auto; margin-right: auto; }
.ext-modal-container .ext-continut a {color: #00aceb; text-decoration: underline;}
.ext-modal-container .ext-continut a:hover {text-decoration: none;}
.ext-modal-container .ext-tabel.ext-tabel-v2 .ext-tabel-head-cell {padding: 10px;}
.ext-modal-container .ext-tabel .ext-tabel-cell:first-child {padding-left: 20px;}
.ext-modal-container .tabel-fixed {display: none !important;}

.ext-modal-container .fix-export-csv .ext-btn-inline .ext-item { width: 50%; }
.ext-modal-container .ext-from-container-inner { padding: 0 10px; }
.ext-modal-container .popup-container { border-radius: 0; border: none; padding-top: 10px; padding-bottom: 0; }
.ext-modal-container .popup-container table.tip-1 tr td { border: none; padding-bottom: 0; }
.ext-modal-container .popup-container .btn-select { width: 40px; height: 40px; background: url('../img/sprite.png') 0 0 no-repeat; display: block; background-color: #ffffff; border: 1px solid #bcc8cd; border-radius: 4px; }
.ext-modal-container .popup-container .btn-select.sus-maxim { background-position: 0 -240px; }
.ext-modal-container .popup-container .btn-select.sus { background-position: -40px -240px; }
.ext-modal-container .popup-container .btn-select.dreapta { background-position: -80px -240px; }
.ext-modal-container .popup-container .btn-select.stanga { background-position: -120px -240px; }
.ext-modal-container .popup-container .btn-select.jos { background-position: -160px -240px; }
.ext-modal-container .popup-container .btn-select.jos-maxim { background-position: -200px -240px; }
.ext-modal-container .popup-container .btn-select:hover { border-color: #2f3941; }
.ext-modal-container #container.fix-export-csv .buttons_container { width: 40px; margin-left: -20px; }
.ext-modal-container #container select { height: 400px; height: 282px; }
.ext-modal-container #container #fromSelectBox, .ext-modal-container #container #toSelectBox { margin: 0 0 10px; background: #ffffff; color: #2f3941; font-size: 15px; padding: 10px; border: 1px solid #bdc8cd; border-radius: 4px; }

/* General unordered list */

ul.general-list { margin: 0; padding: 0; list-style-type: none; list-style-position: inside; }
ul.general-list li { margin-bottom: 4px; }
ul.general-list.small-font li { font-size: 12px; }

/* Detalii comanda client */

ul.comanda-client {border-bottom: 1px solid #dde4e7; padding-bottom: 10px; margin-bottom: 20px;}
ul.comanda-client:last-child {border-bottom: none; margin: 0;}
ul.comanda-client li {padding-bottom: 5px; font-size: 15px; line-height: 20px; color: #2f3941; position: relative;}
ul.comanda-client li.ext-dropdown-item {padding-bottom: 0; margin-bottom: 0; font-size: initial;}
ul.comanda-client li.with-bullet {padding-right: 10px;}
ul.comanda-client li.with-btn {padding-right: 60px;}
ul.comanda-client li span, ul.comanda-client li p {display: inline-block; padding-right: 5px;}
ul.comanda-client li a {display: inline-block;}
ul.comanda-client li .ext-link-general {margin-right: 20px;}
ul.comanda-client li span {color: #737d86;}
ul.comanda-client .bullet {width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 5px; right: 0;}
ul.comanda-client .edit-btn {width:auto; min-width: 54px; height: 20px; padding: 0 5px; border-radius: 2px; border: 1px solid #bdc8cd; text-align: center; line-height: 18px; font-size: 11px; position: absolute; top: 0; right: 0; background: #ffffff; color: #2f3941;}
ul.comanda-client .ext-btn-with-dropdown {position: absolute !important; right: 0; top: 0;}
ul.comanda-client .edit-btn:hover {color: #737d86;}
ul.comanda-client .ext-dropdown.v2 {top: 31px; right: 0; }

/* Editor overwrites. border-box-ul din reset-temporar modifica felul in care apar meniurile in editor. */

.el-rte .toolbar ul, .el-rte .toolbar ul * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.el-rte .toolbar ul li label { line-height: 15px; }

/* Temporar */

#ext-content { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 0 0 180px; }
#ext-content.full-width {padding-left: 0;}
.ext-modal-container { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#container-principal, #container-principal #container-continut { background: transparent; min-width: 1000px;}

#container-continut { padding: 0; }

#container-continut #navigare span { color: #31373d; }
#container-continut #navigare span.par { color: #2f3941; }
#container-continut #navigare a:hover .par{ color: #737d86; }

#container-continut .box { border: 1px solid #ccc; box-shadow: none !important;}
#container-continut .box.st { border-left: 0;}
#container-continut .box.dr { border-right: 0;}
#container-continut #sidebar { box-shadow: none; border: 1px solid #ccc; border-right: none; }
#container-continut .box .tip-1 tr.filtre td.activitate, #container-continut .box .tip-1 tr.paginare td, #container-continut #sidebar .continut, #container-continut .box .top .continut, #container-continut .box .bottom .continut, #container-continut .box .tip-1 tr.tabs td { border-radius: 0 !important; }

#container-continut #navigare span, #container-continut #navigare span .margine { background: transparent; }
#container-continut #navigare span .margine:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 16px 0 16px 13px; border-color: transparent transparent transparent #ccc; display: block; top: 0; right: 0; position: absolute; z-index: 1; }
#container-continut #navigare span .margine:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 16px 0 16px 13px; border-color: transparent transparent transparent #ffffff; display: block; top: 0; right: 1px; position: absolute; z-index: 2;}

#container-continut #navigare span:not(.margine):before { content: ''; width: 100%; height: 1px; top: 0; position: absolute; left: 0; background: #ccc; z-index: 3;}
#container-continut #navigare span:not(.margine):after { content: ''; width: 100%; height: 1px; bottom: 0; position: absolute; left: 0; background: #ccc; z-index: 3;}

html, body { background: #ffffff; }

.ext-body-helper {margin: 0;}
html:not(.ext-body-helper){ overflow-x: hidden; }
* {-webkit-overflow-scrolling: touch;}

/**/

@media only screen and (max-width: 1500px) {
    .ext-raport-ora {display: block; overflow: auto;}
}

@media only screen and (max-width: 1420px) {
    .ext-rapoarte-2-container .ext-col.ext-c-4 { width: 50%; }
    .ext-rapoarte-2-container .ext-col.ext-c-4:nth-child(2n+1) { clear: left; border: none; }
    .ext-rapoarte-2-container .ext-col.ext-c-4:nth-child(2n+1) .ext-rapoarte-2:before { display: none;}
}

@media only screen and (max-width: 1330px) {
    .ext-tabel-resize-1 .ext-col.ext-col-td { width: 40%; }
    .ext-tabel-resize-1 .ext-col.ext-col-td.ext-c-1 { width: 60%; }
    .ext-integrari-row.v2 .ext-box-integrari .ext-txt-1 {height: 50px;}

    .rg-box {width: 33.33%; margin-bottom: 20px !important;}
    .rg-box:last-child, .rg-box:nth-last-child(2) {margin-bottom: 0 !important;}
    .rg-box ul {padding-right: 10px;}
    .rg-box ul li p:last-child {font-size: 22px; line-height: 27px;}
    .rg-box ul li {padding-left: 10px;}
    .rg-box.v2 {width: 20%;}
    .rg-box.v2 ul {padding-right: 20px;}
    .rg-box.v2:last-child, .rg-box.v2:nth-last-child(2) {margin-bottom: 20px !important;}
    .rg-box-wrap.v3 .rg-box {width: 50%;}
    .rg-box-wrap.v3 .rg-box.v2 {width: 33.33%; margin-bottom: 5px !important;}
}

@media only screen and (max-width: 1200px) {
    .ext-col.ext-c-5 { width: 25%; }
    .ext-tabel.v2 .ext-tabel-cell.v3:after {right: 0;}
    .ext-tabs-link .ext-tab .valoare {font-size: 22px; line-height: 28px;}
}

@media only screen and (max-width: 1100px) {
    .ext-meniu-vertical .ext-btn-inline .ext-item { float: none; width: 100%; }
}

@media only screen and (max-width: 1080px) {
    .ext-login-content .ext-login-right {width: calc(100% - 280px);}
}

@media only screen and (max-width: 1000px) {

    .ext-col.ext-c-1 > .ext-col-float.ext-c-2 { width: 100%; }

    .ext-col.ext-c-4 { width: 50%; }
    .ext-col.ext-c-5 { width: 33.33%; }

    .ext-col.ext-c-4:nth-child(2n+1) { clear: left; }
    .ext-col.ext-c-4:nth-child(4n+1){ clear: none; }

    .ext-container.hide-mobile { display: none; }
    .ext-col.hide-mobile { display: none; }
    .ext-col.hide-desktop { display: table-cell; }

    .tickete .ext-col.ext-c-5 {width: 46% !important; display: inline flow-root;}
    .ticket .ext-col.ext-col-td:last-child {display: inline flow-root; width: 8%;}
    .tickete .ext-col.ext-c-7 {width: 100%;}
    .ext-ticket-inner .ext-ticket-item {min-width: 95px; font-size: 14px; padding: 0 5px;}

    .ext-filtre-container { padding: 10px; }
    .ext-filtre-container .ext-container.with-padd { padding: 0; }

    .ext-btn-container .ext-btn-inner { display: table; width: 100%; }
    .ext-btn-container .ext-btn-item { display: table-cell; min-width: 0; }
    .ext-btn-container.centered-dropdown .ext-dropdown { left: 50%; margin-left: -90px; }


    .ext-container.display-mobile.ext-container-block { display: block; }
    .ext-container.display-mobile.ext-container-table { display: table; }

    .dragsort-list .dragsort-item { width: 25%; }
    .dragsort-placeholder { width: 25% !important; }

    .ext-paginare { text-align: center; float: none; display: block; }
    .ext-paginare-info { display: none; }
    .ext-paginare-inner { display: inline-block; }

    .ext-txt-general { width: 100%; padding-bottom: 10px; }

    .ext-meniu-vertical-v2 .ext-meniu-vertical-head { padding: 0 10px; margin-bottom: 0 }

    .ext-container.ext-container-table.ext-tabel-resize-2 { height: auto !important; display: block; }
    .ext-tabel-resize-2 .ext-col.ext-col-td { width: 100%; display: block; }
    .ext-tabel-resize-2 .ext-col.ext-col-td.ext-c-1 { width: 100%; display: block; }
    .ext-tabel-resize-2 .ext-col.ext-col-td.with-border-left { border-left: none; border-bottom: 1px solid #dde4e7; }
    .ext-btn-item .ext-dropdown.v5.fix {left: 0;}

    .societati .ext-container-table {padding: 10px;}
    .societati .ext-col.ext-col-td, .societati .ext-c-1:first-child .ext-col.ext-col-td {padding: 5px 10px;}
    .societati .ext-c-1 .ext-col.ext-col-td:last-child {padding: 0 0 10px;}
    .societati .ext-optiuni {position: absolute; top: 18px; right: 20px;}
    .ext-tabel-resize-2 .societati .ext-col.ext-col-td {width: auto; display: inline-block;}
    .ext-tabel-resize-2 .societati .ext-col.ext-col-td:first-child {width: 100%; padding-right: 40px;}

    .ext-dropdown.tooltip {left: 0; top: 28px;}
    .ext-dropdown.tooltip .ext-sg-left {display: none;}

    .ext-custom-grid .ext-col.ext-c-custom-1 { width: 25%; }
    .ext-custom-grid .ext-col.ext-c-custom-2 { width: 25%; }
    .ext-custom-grid .ext-col.ext-c-custom-3 { width: 25%; }
    .ext-custom-grid .ext-col.ext-c-custom-4 { width: 50%; }
    .ext-custom-grid .ext-col.ext-c-custom-5 { width: 25%; }

    .ext-container-optiuni .filtru-del.sterge {top: auto; bottom: 10px;}

    .ext-login-content .ext-login-left {width: 100%;}
    .ext-login-content .ext-login-right {display: none !important;}

    .ext-mesagerie {padding: 10px;}
    .ext-mesagerie.ext-mesagerie-textarea .ext-msg-avatar {left: 10px;}
    .ext-mesagerie-textarea {padding-right: 0 !important; padding-left: 60px !important; width: calc(100% + 10px);}

    .ext-tabel-cell .ext-list {padding-left: 10px;}
    .badge-alerta {margin-left: 10px !important;}
    .ext-tabel-cell .ext-list li.obs {-webkit-line-clamp: 3;}

    .ext-tabs-link .ext-tab .valoare {font-size: 20px; line-height: 25px;}
    .ext-tabs-link .ext-tab-link ul {padding-left: 10px; padding-right: 10px; padding-bottom: 15px;}
    .ext-tabs-link .ext-tab .statistica {font-size: 13px;}
    .ext-tabs-link .ext-tab {width: 33.33%;}
    .ext-tabs-link .ext-tab-link {width: 100%; float: none; border-radius: 3px;}
    .ext-tabs-link .ext-tab-link ul {border-radius: 3px;}
    .ext-tabs-link .ext-tab-link.tab-activ ul {border-radius: 3px; border-bottom-color: #dde4e7;}
    .ext-tabs-link .ext-tab-link ul li, .ext-tabs-link .ext-tab-link ul li:first-child {display: inline-block; margin: 0 20px 0 0; min-width: 140px;}
    .ext-tab-content.tab-activ {margin-top: 0; border-top: none;}
    .rg-box.v2 {width: 33.33%;}

    .box-raport ul {padding-left: 140px;}
    .box-raport ul .statistica {width: 100px; height: 50px; font-size: 24px; line-height: 30px;}

}

@media only screen and (max-width: 900px) {
    .ext-container.ext-container-table.ext-tabel-resize-1 { height: auto !important; display: block; }
    .ext-tabel-resize-1 .ext-col.ext-col-td { width: 100%; display: block; }
    .ext-tabel-resize-1 .ext-col.ext-col-td.ext-c-1 { width: 100%; display: block; }
    .ext-col.ext-col-td.with-border-left { border-left: none; border-bottom: 1px solid #dde4e7; }
    .ext-input.v2 {margin-top: 20px; margin-bottom: 10px;}
    .ext-input.v2 .ext-sg {left: 20px; top: -7px; }
    .ext-input.v2 .ext-sg:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #f5f7f8 transparent; display: block; top: 2px; right: 1px; position: absolute; z-index: 2; }
    .ext-input.v2 .ext-sg:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 0 6px 7px 6px; border-color: transparent transparent #dde4e7 transparent; display: block; top: 0; right: 0; position: absolute; z-index: 1; }
    .ext-meniu-vertical { border-bottom: 1px solid #dde4e7; }
    .ext-warning .ext-txt-1 {font-size: 13px; line-height: 15px;}

    .ext-tabel.v4 .ext-tabel-cell.v2 {width: 100%;}
}

@media only screen and (max-width: 820px) {
    .dragsort-list .dragsort-item { width: 50%; }
    .dragsort-placeholder { width: 50% !important; }
    .ext-col.ext-c-3, .ext-col.ext-c-9 {width: 100%;}
    .ext-col.ext-c-5 { width: 50%; }
    .ext-camp-form .ext-label.display-mobile {display: block;}

    .ext-col.ext-align-right.ext-c-3 {text-align: left;}

    .ext-txt-with-buttons { padding-right: 0; padding-bottom: 10px; }
    .ext-txt-with-buttons .ext-btn-inline { position: relative; top: auto; right: auto; margin-top: 10px; margin-left: -10px; }
    .ext-txt-with-buttons .ext-btn-inline .ext-item { width: auto; }
    .ext-modal-container .fix-export-csv .ext-btn-inline .ext-item { width: 100%; float: none; display: block; }

}

@media only screen and (max-width: 700px) {
    .ext-hd-col.v2 .ext-meniu .ext-item {padding-right: 10px; margin-right: 10px;}
    .ext-hd-col.v2 .ext-meniu .ext-item:last-child {margin-right: 0;}
    .ext-hd-col.v2 .ext-meniu .ext-item:nth-last-child(2) {padding-right: 0; margin-right: 0;}
    .ext-meniu .ext-nume {font-size: 12px;}
    .ext-header .ext-logo {width: 110px; height: 14px; background-size: contain; margin-top: 8px;}

    .rg-box {width: 50%;}
    .rg-box:last-child {margin: 0!important;}
    .rg-box:nth-last-child(2) {margin-bottom: 20px !important;}
    .ext-tabs-link .ext-tab, .rg-box.v2 {width: 50%;}
    .box-raport, .ext-tabs-link.v3 .ext-tab {width: 100%;}
    .box-raport:first-child {margin-bottom: 20px;}
    .rg-box-wrap.v3 .rg-box.v2 {width: 50%; margin-bottom: 20px !important;}
    .rg-box-wrap.v3 .rg-box.v2:last-child {margin-bottom: 5px !important;}
}

@media only screen and (max-width: 580px) {
    .ext-hd-col.v2 .ext-meniu .ext-item {padding-left: 5px; margin-left: 5px;}

    .ext-header {background: #de3549; border-bottom: 1px solid #de3549;}
    .ext-meniu .ext-nume, #ext-main.lightmode .ext-header .ext-svg {color: #ffffff;}
    #ext-main .ext-header .ext-svg {margin-top: 3px;}
    .ext-header .ext-hd-col.v1 .ext-item:last-child {padding-left: 0;}

    .ext-sidebar { display: none !important; }
    #ext-content { padding-left: 0 !important; }
    #ext-footer { padding-left: 0 !important; }
    .ext-meniu-link.v1, .ext-meniu-link.v2 { display: none; }
    .ext-meniu-link.v0 { display: block; width: 35px;}
    .ext-integrari-row, .ext-integrari-row .ext-col {padding: 10px;}

    .ext-col.ext-c-4 { width: 100%; float: none;}
    .ext-col.ext-c-4:nth-child(2n+1) { clear: none; }
    .ext-col.ext-c-7.v-ticket {width: 60% !important; display: inline-block;}
    .ext-col.ext-c-8 {display: inline-block !important;}

    .ext-btn-inline .ext-item { width: 100%; display: block; }

    .ext-col.ext-col-td { display: block; }

    .ticket .ext-col.ext-col-td:last-child {width: 12%;}
    .ticket .ext-col.ext-col-td {display: inline-block;}
    .tickete .ext-col.ext-c-5 {width: 44% !important;}

    .ext-col.hide-mobile { display: none; }
    .ext-container.display-mobile.ext-container-block { display: block; }
    .ext-container.display-mobile.ext-container-table { display: table; }

    .ext-rapoarte-2-container .ext-col.ext-c-4 { width: 100%; }
    .ext-rapoarte-2-container .ext-rapoarte-2:before { display: none;}
    .ext-rapoarte-2-container .ext-rapoarte-2 { border-bottom: 1px solid #dde4e7; padding-bottom: 20px; }
    .ext-rapoarte-2-container .ext-col.ext-c-4:last-child .ext-rapoarte-2 { border: none; padding: 0; }
    .ext-rapoarte-2 .ext-txt { text-align: left; }

    .ext-login-container .ext-login-content { vertical-align: middle; }
    .ext-login-content .ext-login-box { margin: 20px auto; }

    .ext-hd-hide-mobile { display: none; }
    .ext-hd-show-mobile { display: block; }
    .ext-meniu .ext-item { margin-left: 0; }
    .ext-meniu .ext-item:before { display: none; }

    .ext-textarea-with-btn .ext-textarea { padding: 0; }
    .ext-textarea-with-btn .ext-btn { position: relative; top: auto; right: auto; margin-top: 20px; }

    .ext-btn-item .ext-dropdown.v5.fix-m {left: 0;}

    .ext-header .ext-hd-col.v1 .ext-item:first-child:before, .ext-meniu-link.activ:before, .ext-header:before {display: none;}
    .ext-meniu-link.activ {width: 35px;}

    /* Mesagerie */

    .ext-mesagerie .ext-msg-decorator { display: none; }
    .ext-mesagerie .ext-msg { padding-left: 0; padding-top: 45px; padding-bottom: 20px; }
    .ext-mesagerie .ext-sg { width: 12px; height: 7px; display: block; position: absolute; left: 19px; top: -6px; }
    .ext-mesagerie .ext-sg:before { content: ' '; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #f5f7f8 transparent; display: block; top: 2px; right: 1px; position: absolute; z-index: 2; }
    .ext-mesagerie .ext-sg:after { content: ' '; width: 0; height: 0; border-style: solid; border-width: 0 6px 7px 6px; border-color: transparent transparent #dde4e7 transparent; display: block; top: 0; right: 0; position: absolute; z-index: 1; }
    .ext-mesagerie .ext-msg-avatar { width: 30px; height: 30px; border: none; left: 10px;}
    .ext-mesagerie .ext-msg-avatar-txt {font-size: 14px; line-height: 30px;}

    .ext-col.ext-c-2 { width: 100%; }

    .ext-txt-list-inline .ext-txt-item { width: 100%; display: block; padding: 0; margin-bottom: 5px; }
    .ext-txt-list-inline .ext-txt-item:last-child { margin: 0; }

    .ext-mesagerie-textarea { padding: 45px 0 0 !important; width: calc(100% + 20px); margin-left: -10px !important;}
    .ext-mesagerie.v3 .ext-msg {padding-bottom: 20px;}
    .ext-mesagerie.ext-mesagerie-textarea .ext-msg-avatar {left: 30px;}
    .ext-mesagerie .ext-fisier {margin: 10px 10px 0 0; width: 180px; padding-right: 5px; padding-left: 40px;}
    .ext-mesagerie .ext-fisier .ext-ico {left: 5px;}
    .ext-ico.ext-avatar {width: 18px; height: 18px; background-position: -40px -280px; margin-top: -9px; margin-left: -9px;}

    /* File */
    .ext-file { padding-right: 0; }
    .ext-file .ext-btn { position: relative; margin-top: 20px; right: auto; top: auto; }

    /* Modifica-url */

    .ext-modifica-url .ext-modifica-url-initial { padding-right: 0; }
    .ext-modifica-url .ext-modifica-url-initial .ext-btn { position: relative; right: auto; top: auto; margin-top: 20px; }
    .ext-modifica-url .ext-modifica-url-modified { padding: 0; }
    .ext-modifica-url-modified-container .ext-col-float.ext-c-2 { float: none; width: 100%; }
    .ext-modifica-url-modified .ext-mu-btn-inline { position: relative; right: auto; top: auto; margin-top: 20px; }
    .ext-modifica-url .ext-col:first-child { padding: 0; }
    .ext-modifica-url .ext-col:last-child { padding: 0; margin-top: 20px; width: 100%; }


    .ext-filtru-container .ext-reference { position: relative; margin-bottom: 20px; }
    .ext-filtru-container .field-filtru { padding-left: 0; padding-right: 0; }
    .ext-filtru-container .ext-field-filtru .ext-col-modal.v5 { width: 100%; padding: 0; float: none; }
    .ext-filtru-container .ext-col-modal.v5:first-child { margin-bottom: 20px; }
    .ext-filtru-container .ext-col-modal.v5:last-child { padding-right: 30px; }
    .ext-filtru-container .ext-field-filtru input[type="checkbox"] { top: auto; bottom: 14px; right: 0; }
    .ext-filtru-container .sterge { top: auto; bottom: 0; }

    /* Datepicker */
    .ranges li { float: none; width: 100%; display: block; }
    .daterangepicker { min-width: auto; max-width: 250px; }
    .daterangepicker.opensleft { left: 0 !important; right: auto !important; }
    .daterangepicker.opensleft:before { left: 9px; right: auto; }
    .daterangepicker.opensleft:after { left: 10px; right: auto; }
    .daterangepicker.ltr .calendar { width: 100%; float: none; }

    .info-wrap {position: initial;}
    .ext-camp-form.with-info {position: relative;}

    .ext-custom-grid .ext-col.ext-c-custom-1, .ext-custom-grid .ext-col.ext-c-custom-3, .ext-custom-grid .ext-col.ext-c-custom-4, .ext-custom-grid .ext-col.ext-c-custom-2, .ext-custom-grid .ext-col.ext-c-custom-5 { width: 100%; }

    .ext-warning {height: auto; padding: 15px 20px;}
    .ext-warning .ext-txt-1 {font-size: 12px; display: block; text-align: center;}
    .ext-warning .ext-btn {display: block; margin: 10px auto 0; height: 35px; line-height: 35px; position: relative;}
    .ext-warning:before {display: none;}
    .ext-warning .ext-ico.i-notificari, .ext-warning .ext-svg {display: none;}

    .ext-tabel.v3 .ext-status {min-width: 130px;}

    /*Istoric update-uri*/

    .ext-istoric-update {padding-left: 100px; padding-right: 0;}
    .ext-istoric-update:before {left: 80px;}
    .ext-istoric-update li .data {font-size: 13px; left: -105px;}
    .ext-istoric-update li .nume-update:before {left: -26px;}
    .ext-istoric-update li .nume-update {font-size: 15px; line-height: 19px;}
    .ext-istoric-update li .continut h4 {font-size: 14px;}

    .ext-tabel.v4 .ext-tabel-row {position: relative; padding: 0 100px 55px 0; float: left; width: 100%;}
    .ext-tabel.v4 .ext-tabel-cell.v2 {position: absolute; left: 0; bottom: 0; padding-left: 20px; padding-right: 20px;}
    .ext-tabel.v4 .ext-tabel-cell:last-child {position: absolute;top: 12px;right: 0;}
    .ext-tabel.v4 .ext-input input {font-size: 14px;}

    .ext-txt-1.with-switcher a {position: relative; display: block; margin-top: 5px;}
    .ext-txt-1.with-switcher {padding-right: 0;}

    .rg-box {width: 100%;}
    .rg-box ul {padding-top: 15px; padding-bottom: 15px;}
    .rg-box .ext-text-general {margin-bottom: 0;}
    .rg-box ul li p:last-child {font-size: 20px; line-height: 25px;}

    .heading {font-size: 25px; line-height: 30px;}
    .heading.v2 {font-size: 21px; line-height: 27px;}
    .ext-tabs-link.v3 .ext-tab.v2 {width: 100%;}

    .ext-img-2.img-fix {height: 80px;}
    .ext-img-2.img-fix .ext-svg {font-size: 50px; line-height: 80px;}
}

@media only screen and (max-width: 500px) {

    .ext-modal-container #container.fix-export-csv .from_container { width: 100%; float: none; padding: 0; }
    .ext-modal-container #container.fix-export-csv .to_container { width: 100%; float: none; padding: 0; }
    .ext-modal-container #container.fix-export-csv .buttons_container { width: 120px; position: relative; margin-left: -60px; top: auto; padding: 10px 10px 20px; display: block; }
    .ext-modal-container #container.fix-export-csv .buttons_container:after { content: ' '; width: 0; height: 0; padding: 0; margin: 0; display: block; visibility: hidden; overflow: hidden; font-size: 0; line-height: 0; clear: both; }
    .ext-modal-container #container .buttons_container .btn-select { float: left; display: none; }
    .ext-modal-container #container .buttons_container .btn-select.dreapta { background-position: -160px -240px; display: block; margin-right: 20px; }
    .ext-modal-container #container .buttons_container .btn-select.stanga { background-position: -40px -240px; display: block; }

}

@media only screen and (max-width: 480px) {
    .ext-header { padding: 15px 10px; }
    .ext-meniu .ext-item { padding-left: 5px;}
    .ext-meniu .ext-nume {font-size: 11px;}

    .ext-paginare .ext-paginare-item { display: none; }
    .ext-paginare .pg-mobile { display: block; font-size: 13px; font-weight: 400; padding: 5px 15px;}
    .ext-paginare .ext-paginare-item-ctrl { display: block; }
    .ext-col.ext-c-5 { width: 100%; }

    .ext-btn-container .ext-btn-link.v6.mobile-custom {min-width: 90px;}
    .ext-btn-container .ext-btn-link.v6.mobile-custom.with-ext-ico {padding: 0; min-width: auto;}
    .ext-btn-container .ext-btn-link.v6.mobile-custom.with-ext-ico .ext-ico {display: none;}
    .ext-btn-container.ext-c-8 .ext-dropdown.v9 {left: 0; right: auto;}

/*    .ext-warning {width: calc(100% + 20px); margin-left: -10px !important;}*/
    .ext-tabs-link .ext-tab, .rg-box.v2 {width: 100%;}
    .rg-box-wrap.v3 .rg-box, .rg-box-wrap.v3 .rg-box.v2 {width: 100%;}

}

@media only screen and (max-width: 400px) {
    .ext-tabs-link .ext-tab-link ul li:first-child {margin-bottom: 10px;}
    .box-raport ul .statistica {position: relative; top: 0; left: 0; font-size: 22px; line-height: 26px; padding: 7px; height: 40px; width: 100%; margin-bottom: 10px;}
    .box-raport ul {padding-left: 20px; padding-top: 20px;}
}

@media only screen and (max-width: 340px) {
    .ext-meniu .ext-item { padding-left: 5px; }
    .ticket .ext-status {width: 85px;}
    .ticket .ext-col.ext-col-td:last-child {width: 16%;}
    .tickete .ext-col.ext-c-5 {width: 42% !important;}
    .ext-ticket-inner .ext-ticket-item {min-width: auto; padding: 0 10px;}

}

@media only screen and (max-width: 320px) {

    .daterangepicker .ext-calendar-heading .ext-calendar-heading-inner { font-size: 13px; }
    .daterangepicker td, .daterangepicker th { font-size: 12px; }

}

@media only screen and (max-width: 430px) {
    .ext-meniu .hide-mobile { display: none; }
    .dragsort-list .dragsort-item { width: 100%; }
    .dragsort-placeholder { width: 100% !important; }
}

@media (min-resolution: 192dpi),(-webkit-min-device-pixel-ratio: 2) {
    .ext-ico, .ext-breadcrumbs .ext-bd-item:after, .ext-modal-container .btn-inchide, .ext-select.sel-stil:before, .ext-filtru-container .sterge, .ext-modal-container .popup-container .btn-select { background-size: 440px 423px; background-image: url('../img/sprite@2x.png'); }
}